/* Story-t pranë bannerit kryesor (ballina). Klasat egst-* janë të reja; tema s'ka rregulla për to,
   por img/video/button/a marrin stile të përgjithshme, ndaj këtu vendosen të plota. Tema i jep
   .eg-hero dhe seksioneve margin/padding me ID ose !important, ndaj këto rregulla përdorin
   prefiksin 3-ID :is(#egz1,…) (shih enghome-dizajn.css). */
.egst{--egst-terra:#c4643f;--egst-coko:#3b2a22}

/* Telefon dhe tablet (<1100px): banneri si më parë; poshtë tij rreshti i story-ve, iPhone-i s'shfaqet. */
.egst .egst-telefoni{display:none}
.egst .egst-shiriti{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:14px 16px 6px}
.egst .egst-shiriti::-webkit-scrollbar{display:none}
.egst .egst-pllake{flex:0 0 auto;width:min(25vw,112px);aspect-ratio:9/16;position:relative;border:0;padding:0;border-radius:14px;overflow:hidden;background:#2b1d15;cursor:pointer;scroll-snap-align:start;box-shadow:0 0 0 2px var(--egst-terra),0 8px 18px -10px rgba(59,42,34,.5)}
.egst .egst-pllake.pare{box-shadow:0 0 0 2px #d8cec5}
.egst .egst-pllake img,.egst .egst-pllake video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}
.egst .egst-pllake span{position:absolute;left:0;right:0;bottom:0;padding:22px 8px 8px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;font-size:12px;font-weight:600;line-height:1.2;text-align:left}

/* Kompjuter: banneri dhe telefoni në një rresht; gjerësia e telefonit llogaritet që lartësia
   e tij (9:19.5) të jetë sa e bannerit (1920:900): w = (C - hapësira) × 0.1778. Nën 1100px
   telefoni do dilte <180px, ndaj atje mbetet rreshti si në telefon. */
@media (min-width:1100px){
  html body.enghome-body .egst-krye.ka-story{container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start;width:min(1320px,calc(100% - 48px));margin:18px auto clamp(34px,4vw,56px)}
  html body.enghome-body :is(#egz1,.egst-krye):is(#egz2,.egst-krye):is(#egz3,.egst-krye).ka-story .eg-hero{margin:0!important;padding:0!important}
  html body.enghome-body :is(#egz1,.egst-krye):is(#egz2,.egst-krye):is(#egz3,.egst-krye).ka-story .eg-hero>.wrap{max-width:none!important;width:auto!important;padding:0!important;margin:0!important}
  .ka-story .egst .egst-shiriti{display:none}
  .ka-story .egst .egst-telefoni{display:block;position:relative;width:min(300px,calc((100cqw - 20px) * .1778));aspect-ratio:9/19.5;border-radius:38px;background:#111;padding:9px;box-shadow:0 26px 50px -24px rgba(59,42,34,.55),inset 0 0 0 2px #333}
  .ka-story .egst .egst-telefoni::before{content:"";position:absolute;top:15px;left:50%;transform:translateX(-50%);width:34%;height:20px;border-radius:20px;background:#000;z-index:5;pointer-events:none}
  .ka-story .egst .egst-ekrani{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;background:#000;cursor:pointer}
  .ka-story .egst .egst-ekrani>.egst-media-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
}

/* Gjatë Black Friday: rreshti i story-ve poshtë hero-s BF edhe në kompjuter, brenda gjerësisë së faqes. */
.egst-krye--rresht .egst .egst-shiriti{width:min(1320px,100%);margin:0 auto;padding:18px 16px 6px}
@media (min-width:861px){.egst-krye--rresht .egst .egst-pllake{width:118px}}

/* luajtësi: i njëjti brenda telefonit dhe në ekran të plotë */
.egst-luaj{position:absolute;inset:0;background:#000;color:#fff;-webkit-user-select:none;user-select:none;overflow:hidden}
.egst-luaj video,.egst-luaj img.egst-m{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}
.egst-luaj .egst-shiritat{position:absolute;top:12px;left:10px;right:10px;display:flex;gap:4px;z-index:3}
.egst-telefoni .egst-shiritat{top:42px}
.egst-luaj .egst-shiritat i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.egst-luaj .egst-shiritat b{display:block;height:100%;width:0;background:#fff}
.egst-luaj .egst-koka{position:absolute;top:24px;left:12px;right:12px;display:flex;align-items:center;gap:8px;z-index:3;font-size:13px;font-weight:600;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.egst-telefoni .egst-koka{top:54px}
.egst-luaj .egst-koka img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1.5px solid #fff;flex:0 0 auto}
.egst-luaj .egst-mbyll{margin-left:auto;background:none;border:0;padding:4px 8px;color:#fff;font-size:28px;line-height:1;cursor:pointer;box-shadow:none}
.egst-luaj .egst-zeri{background:none;border:0;padding:4px;color:#fff;cursor:pointer;box-shadow:none;font-size:16px}
.egst-luaj .egst-zonat{position:absolute;inset:0;display:grid;grid-template-columns:1fr 2fr;z-index:2}
.egst-luaj .egst-cta{position:absolute;left:12px;right:12px;bottom:16px;z-index:4;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);color:var(--egst-coko,#3b2a22);border-radius:14px;padding:9px 10px;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.egst-luaj .egst-cta img{width:42px;height:42px;border-radius:8px;object-fit:cover;flex:0 0 auto}
.egst-luaj .egst-cta span.egst-tx{flex:1;min-width:0;font-size:13px;line-height:1.3}
.egst-luaj .egst-cta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.egst-luaj .egst-cta em{font-style:normal;color:var(--egst-terra,#c4643f);font-weight:700}
.egst-luaj .egst-cta .egst-btn{background:var(--egst-terra,#c4643f);color:#fff;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700;white-space:nowrap}

.egst-plote{position:fixed;inset:0;z-index:10050;background:#000}
.egst-plote[hidden]{display:none}
.egst-plote .egst-luaj{--egst-terra:#c4643f;--egst-coko:#3b2a22}
@media (min-width:600px){
  .egst-plote{background:rgba(20,14,10,.92)}
  .egst-plote .egst-luaj{inset:20px auto 20px 50%;transform:translateX(-50%);aspect-ratio:9/16;height:calc(100% - 40px);border-radius:18px}
}
html.egst-hapur,html.egst-hapur body{overflow:hidden}

/* Ofertat e javës (premium_card si në pjesën tjetër të ballinës). Telefon: rrëshqiten anash. */
html body.enghome-body :is(#egz1,.egst-ofertat):is(#egz2,.egst-ofertat):is(#egz3,.egst-ofertat){padding-block:20px 48px}
html body.enghome-body :is(#egz1,.egst-ofertat):is(#egz2,.egst-ofertat):is(#egz3,.egst-ofertat) .egst-ofertat-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(150px,44%);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
html body.enghome-body :is(#egz1,.egst-ofertat):is(#egz2,.egst-ofertat):is(#egz3,.egst-ofertat) .egst-ofertat-grid::-webkit-scrollbar{display:none}
.egst-ofertat .egst-ofertat-grid>*{scroll-snap-align:start;min-width:0}
@media (min-width:860px){
  html body.enghome-body :is(#egz1,.egst-ofertat):is(#egz2,.egst-ofertat):is(#egz3,.egst-ofertat){padding-block:8px 72px}
  html body.enghome-body :is(#egz1,.egst-ofertat):is(#egz2,.egst-ofertat):is(#egz3,.egst-ofertat) .egst-ofertat-grid{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:24px 20px}
}