/* ENG HOME · rifreskimi i ballinës në telefon për fushatën English Home −70% (5.11.2026).
   Bazuar te dizajni i Codex-it ("Mobile Refresh -70"). Lidhet te common/enghome_story.twig,
   pas enghome-final.css (head) dhe enghome-story.css, që rregullat të kenë përparësi.

   Ndryshime nga skedari origjinal:
   - formati i hero-s në telefon NUK ndryshohet (mbetet 1080/1120 nga enghome-final.css):
     formati vlen për të gjithë slajdet, dhe 4:5 do t'i priste anët e slajdeve të Kasanova-s.
     Fotot e reja English Home u rikompozuan në 1080×1120, pa prerë asgjë.
   - .eg-hero-mbi NUK fshihet për të gjithë: slajdet English Home s'kanë "|" te titulli,
     prandaj s'kanë tekst sipër; Paja e ka tekstin e vet HTML dhe duhet ta mbajë. */

@media (max-width: 860px) {
  /* Hero: më pak hapësirë rreth bannerit dhe kalim më i pastër te story-t. */
  body.enghome-body .eg-hero {
    margin: 10px 0 18px !important;
  }

  body.enghome-body .eg-hero-korniz {
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(62, 39, 29, 0.08);
  }

  /* Pikat e bannerit: 8 butona 44px (408px) dilnin jashtë kartës 354px dhe shiriti krem
     (::before) e kalonte kartën. Në telefon: butona 26px të gjerë (prekja mbetet 44px e lartë),
     pa shirit, dhe pak më poshtë që të mos ngjiten me butonin e fotos. */
  html body.enghome-body .eg-hero .eg-hero-pikat {
    gap: 2px !important;
    bottom: -8px !important;
    max-width: calc(100% - 24px);
    justify-content: center;
  }

  html body.enghome-body .eg-hero .eg-hero-pikat::before {
    display: none !important;
  }

  html body.enghome-body .eg-hero .eg-hero-pikat > button {
    min-width: 26px !important;
    width: 26px !important;
  }

  /* Story-t: rreth dy karta në ekran në vend të katër kartave të ngjeshura. */
  body.enghome-body .egst .egst-shiriti {
    gap: 14px !important;
    padding: 12px 20px 16px !important;
    scroll-padding-inline: 20px;
  }

  body.enghome-body .egst .egst-pllake {
    position: relative;
    width: clamp(158px, 43vw, 188px) !important;
    aspect-ratio: 9 / 16 !important;
    border: 1px solid rgba(43, 29, 21, 0.08) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 28px rgba(57, 35, 26, 0.15) !important;
    scroll-snap-align: start;
    overflow: hidden;
    background: #f2e6dc;
    transition: transform .15s ease;
  }

  body.enghome-body .egst .egst-pllake span {
    padding: 48px 13px 13px !important;
    font-size: 15px !important;
    line-height: 1.15;
    font-weight: 700;
    letter-spacing: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(20, 12, 9, 0.78) 100%) !important;
  }

  /* Kartat e fushatës English Home −70%: enghome-story.js u vë data-fushata="70" (5.11 sipas Codex-it:
     pa kornizë të kuqe, etiketë e vogël lart djathtas). */
  body.enghome-body .egst .egst-pllake[data-fushata="70"]::before {
    content: "−70%";
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    padding: 4px 8px 5px;
    border-radius: 7px;
    background: #c4271f;
    color: #fff;
    font: 700 11px/1 var(--f-ui, "Manrope", system-ui, sans-serif);
    letter-spacing: 0.01em;
    box-shadow: 0 3px 9px rgba(89, 24, 20, 0.16);
    pointer-events: none;
  }

  body.enghome-body .egst .egst-pllake:active {
    transform: scale(0.985);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.enghome-body .egst .egst-pllake {
    transition: none !important;
  }
}