.gp-ss{position:relative;overflow:hidden;border-radius:14px}
.gp-ss-viewport{position:relative;width:100%;height:100%}
.gp-ss-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .45s ease}
.gp-ss-slide.is-active{opacity:1;pointer-events:auto}
.gp-ss-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gp-ss-overlay{position:absolute;inset:0;display:flex;align-items:center;padding:24px}
.gp-ss-align-left{justify-content:flex-start}
.gp-ss-align-center{justify-content:center}
.gp-ss-align-right{justify-content:flex-end}
.gp-ss-box{max-width:520px;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);color:#fff;padding:18px 18px 16px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.gp-ss-title{font-size:28px;line-height:1.15;font-weight:700;margin:0 0 10px;color:#fff;}
.gp-ss-text{font-size:15px;line-height:1.5;opacity:.95;margin:0 0 14px}
.gp-ss-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;color:#111;text-decoration:none;font-weight:700}
.gp-ss-btn:hover{opacity:.92}
.gp-ss-arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:999px;background:rgba(0,0,0,.45);cursor:pointer}
.gp-ss-prev{left:12px}
.gp-ss-next{right:12px}
.gp-ss-arrow:before{content:"";display:block;width:10px;height:10px;border:solid #fff;border-width:0 3px 3px 0;margin:0 auto;transform:rotate(135deg)}
.gp-ss-next:before{transform:rotate(-45deg)}
.gp-ss-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(0,0,0,.35)}
.gp-ss-dot{width:10px;height:10px;border-radius:999px;border:0;background:rgba(255,255,255,.55);cursor:pointer}
.gp-ss-dot.is-active{background:#fff}
@media (max-width: 768px){
  .gp-ss-overlay{align-items:flex-end;padding:14px}
  .gp-ss-box{width:100%;max-width:640px}
  .gp-ss-title{font-size:22px}
}

/* FULL WIDTH 100% (χωρίς 100vw hacks) */
.gp-ss.gp-ss-full{width:100%;max-width:100%;margin:0;border-radius:0}


/* 1280px container gutters for the overlay content (slider stays full width) */
.gp-ss-overlay{
  padding-left: max(24px, calc((100% - 1280px) / 2));
  padding-right: max(24px, calc((100% - 1280px) / 2));
}