/* ==========================================================================
   ENG HOME · Rregullimet e dizajnit, tetor 2026
   Ngarkohet i fundit, pas enghome-final.css. Skedar më vete, që të mos
   preket CSS-ja e madhe e live-it (ndryshohet edhe nga punë të tjera).

   Përzgjedhësit përdorin `:is(#egz…, .klasa)` — përputhen me çdo `.klasa`,
   po marrin peshën e një ID-je. Rregullat e vjetra të kartave kanë ID
   (`#product-category …`) dhe `!important`; pa këtë peshë, as `!important`
   i vendosur më vonë nuk do t'i mundte.
   ========================================================================== */

/* ── 1 · Hapja e faqes ────────────────────────────────────────────────────
   Më parë faqja rrinte e fshehur pas "ENG HOME" + një rrethi derisa të
   ngarkohej çdo foto dhe widget (ose 3.5 s). Tani shfaqet sapo të jetë gati,
   dhe kalimi nga një faqe te tjetra bëhet me një shuarje të butë: faqja e
   vjetër mbetet në ekran derisa e reja të jetë gati — pa ekran të bardhë. */
@view-transition { navigation: auto; }
::view-transition-old(root),
::view-transition-new(root) { animation-duration: .2s; animation-timing-function: ease-out; }
@media (prefers-reduced-motion: reduce) {
  @view-transition { navigation: none; }
}

/* Fotot e produkteve: derisa të vijë fotoja, korniza tregon një dritë që
   kalon (si te aplikacionet), jo një katror bosh. Fotoja, kur vjen, e mbulon.
   Vetëm tri kalime — fotot me sfond të tejdukshëm s'e lënë dritën të sillet
   pafund. */
@keyframes egDritaKalon {
  from { background-position: -160% 0, 0 0; }
  to   { background-position: 260% 0, 0 0; }
}
html body.enghome-body :is(#egz1, .p-frame):is(#egz2, .p-frame),
html body.enghome-body :is(#egz1, .egw-media):is(#egz2, .egw-media) {
  background-color: #f2ede6 !important;
  background-image: linear-gradient(100deg, transparent 25%, rgba(255, 255, 255, .6) 50%, transparent 75%) !important;
  background-repeat: no-repeat !important;
  background-size: 55% 100% !important;
  animation: egDritaKalon 1.3s ease-in-out 3 !important;
}
@media (prefers-reduced-motion: reduce) {
  html body.enghome-body :is(#egz1, .p-frame):is(#egz2, .p-frame) { animation: none !important; }
}

/* ── 2 · Kartat e produkteve në telefon ───────────────────────────────────
   Para: butoni "SHTO NË SHPORTË" me 10px thyhej në dy rreshta (67px i lartë)
   dhe zemra rrinte në një kuti të vogël anash; emri rezervonte tre rreshta,
   ndaj mes emrit dhe çmimit mbetej një boshllëk i madh.
   Tani: zemra mbi foto (si në çdo dyqan modern), butoni në një rresht në
   gjithë gjerësinë, emri dy rreshta, çmimi gjithmonë në të njëjtën lartësi. */
@media (max-width: 640px) {
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    height: auto !important;
  }
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .p-frame {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 2px !important;
    overflow: hidden !important;
  }
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .p-meta {
    position: static !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 3px !important;
    min-height: 0 !important;
    padding: 10px 2px 0 !important;
  }
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .p-brand {
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font: 600 10.5px/1.4 var(--f-ui, sans-serif) !important;
    letter-spacing: .1em !important;
    text-transform: uppercase !important;
    color: var(--muted, #7c746a) !important;
    min-height: 1.4em !important;
  }
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .p-name {
    min-height: calc(2 * 1.38em) !important;
    max-height: none !important;
    margin: 0 !important;
    font: 500 13.5px/1.38 var(--f-ui, sans-serif) !important;
    letter-spacing: 0 !important;
  }
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .p-name a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 0 !important;
    color: var(--ink, #14110e) !important;
  }
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .price-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 2px 8px !important;
    margin: 4px 0 0 !important;
  }
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .p-price {
    font: 700 15.5px/1.2 var(--f-ui, sans-serif) !important;
    letter-spacing: 0 !important;
  }
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .price-old {
    font: 400 12px/1.2 var(--f-ui, sans-serif) !important;
  }
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) :is(.p-tax, .p-stock) {
    font-size: 12px !important;
  }
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .p-actions {
    position: static !important;
    display: block !important;
    margin: auto 0 0 !important;
    padding-top: 10px !important;
  }
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .p-actions .p-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border: 1px solid var(--ink, #14110e) !important;
    border-radius: 2px !important;
    background: transparent !important;
    color: var(--ink, #14110e) !important;
    font: 600 11px/1 var(--f-ui, sans-serif) !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .p-actions .p-cart:active {
    background: var(--ink, #14110e) !important;
    color: #fff !important;
  }
  /* Zemra: rreth i bardhë mbi foto, lart djathtas. */
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .p-actions .p-wishlist {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 4 !important;
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 2px 10px rgba(20, 17, 14, .12) !important;
    color: var(--ink, #14110e) !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .p-actions .p-wishlist.is-active {
    color: var(--sale, #9c3b2c) !important;
  }
  /* Etiketa e zbritjes mbetet lart majtas, larg zemrës. */
  html body.enghome-body :is(#egz1, .p-card):is(#egz2, .p-card) .p-discount {
    top: 8px !important;
    left: 8px !important;
    right: auto !important;
    font-size: 11px !important;
  }
}

/* ── 3 · Breadcrumb ───────────────────────────────────────────────────────
   Në telefon lista kishte `list-style: disc`: dilte një pikë para shtëpisë dhe
   një tjetër binte mbi tekstin ("Kuzhin•a"), pa asnjë ndarës mes hapave. */
html body.enghome-body ul.enghome-breadcrumb,
html body.enghome-body ul.enghome-breadcrumb > li {
  list-style: none !important;
}
html body.enghome-body ul.enghome-breadcrumb > li::marker { content: none !important; }
@media (max-width: 767px) {
  html body.enghome-body ul.enghome-breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 2px 0 !important;
    padding-left: 0 !important;
  }
  html body.enghome-body ul.enghome-breadcrumb > li {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body.enghome-body ul.enghome-breadcrumb > li + li::before {
    content: "/" !important;
    display: inline-block !important;
    margin: 0 8px !important;
    color: var(--line-strong, #cfc8be) !important;
  }
  html body.enghome-body ul.enghome-breadcrumb > li > a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 32px !important;
  }
}

/* ── 4 · Banneri me çmim (ballina) ────────────────────────────────────────
   Etiketa "−30%" ishte `position:absolute` lart djathtas dhe në telefon binte
   mbi titullin ("…kohës"). Në telefon titulli i lë vend. */
@media (max-width: 760px) {
  html body.enghome-body .eg-bnr .eg-bnr-in .eg-bnr-title {
    padding-right: 68px !important;
  }
}

/* ── 5 · Brezi i besimit (ballina, telefon) ───────────────────────────────
   Përshkrimet priteshin në dy rreshta me "…" — fjali në mes. Janë të
   shkurtra; tani dalin të plota. */
@media (max-width: 760px) {
  html body.enghome-body .egrd-home .eg-besim-tekst span {
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
  }
}

/* ── 6 · Faqja e produktit: sasia ─────────────────────────────────────────
   Rreshti i blerjes ka dy kolona: 110px për "Sasia" + kutinë, pjesa tjetër për
   butonin. Fjala "Sasia" zinte 31px, dhe kutia "− 1 +" mbetej me numrin të
   shtypur (~5px). Në telefon fjala fshihet vetëm për syrin (lexuesi i ekranit
   e lexon), dhe kutia merr 114px: 36 + numri + 36. */
@media (max-width: 640px) {
  html body.enghome-body :is(#egz1, .egp-purchase-row):is(#egz2, .egp-purchase-row) {
    grid-template-columns: 114px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }
  html body.enghome-body :is(#egz1, .egp-qty-block):is(#egz2, .egp-qty-block) {
    display: block !important;
    width: 114px !important;
  }
  html body.enghome-body :is(#egz1, .egp-qty-block):is(#egz2, .egp-qty-block) > .control-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
  }
  html body.enghome-body :is(#egz1, .egp-qty-stepper):is(#egz2, .egp-qty-stepper) {
    display: flex !important;
    width: 114px !important;
    min-width: 114px !important;
    height: 100% !important;
    min-height: 48px !important;
  }
  html body.enghome-body :is(#egz1, .egp-qty-stepper):is(#egz2, .egp-qty-stepper) :is(.egp-qty-minus, .egp-qty-plus) {
    flex: 0 0 36px !important;
    width: 36px !important;
    min-width: 36px !important;
    font-size: 18px !important;
  }
  html body.enghome-body :is(#egz1, .egp-qty-stepper):is(#egz2, .egp-qty-stepper) input#input-quantity {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    font: 600 15px/1 var(--f-ui, sans-serif) !important;
    color: var(--ink, #14110e) !important;
  }
}

/* ── 7 · Kontakti: kutia e hartës mbulonte gjithë faqen ───────────────────
   `.egc-map-gate` (harta që ngarkohet vetëm pas klikimit) ka `position:absolute;
   inset:0`, por prindi `.egc-map-panel` s'ishte i pozicionuar — kështu kutia
   shtrihej mbi gjithë ekranin e parë, në telefon dhe në desktop, dhe fshihte
   titullin, statistikat dhe lokacionet. */
html body.enghome-body #information-contact .egc-map-panel {
  position: relative !important;
}

/* ── 8 · Vlerësimet te faqja e produktit ──────────────────────────────────
   Pa vlerësime nuk dalin më "☆☆☆☆☆" (dukeshin si notë zero), por një ftesë.
   Forma ka yje që zgjidhen me klik (radio të fshehura, të arritshme me
   tastierë), në vend të pesë rrathëve "1 2 3 4 5". */
html body.enghome-body .egp-rating-line .egp-rating-first:is(#egz1, .egp-rating-first):is(#egz2, .egp-rating-first) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 32px !important;
  font: 500 13px/1.3 var(--f-ui, sans-serif) !important;
  color: var(--clay, #8a5a3b) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
html body.enghome-body .egp-rating-line .egp-rating-first span { font-size: 16px !important; text-decoration: none !important; }

html body.enghome-body #form-review .egp-yjet-zgjidh { border: 0 !important; padding: 0 !important; margin: 0 0 18px !important; }
html body.enghome-body #form-review .egp-yjet-rresht {
  display: inline-flex !important;
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
  gap: 2px !important;
}
html body.enghome-body #form-review .egp-yjet-rresht input {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  pointer-events: none !important;
}
html body.enghome-body #form-review .egp-yjet-rresht label {
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  cursor: pointer !important;
  font-size: 0 !important;
  color: #d9cfc3 !important;
  transition: color .12s ease, transform .12s ease !important;
}
html body.enghome-body #form-review .egp-yjet-rresht label::before {
  content: "★";
  font-size: 30px;
  line-height: 1;
}
html body.enghome-body #form-review .egp-yjet-rresht .egp-yll-tekst {
  position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important;
}
/* Ylli i zgjedhur dhe të gjithë para tij (rendi është i përmbysur). */
html body.enghome-body #form-review .egp-yjet-rresht input:checked ~ label,
html body.enghome-body #form-review .egp-yjet-rresht label:hover,
html body.enghome-body #form-review .egp-yjet-rresht label:hover ~ label { color: #c99a4b !important; }
html body.enghome-body #form-review .egp-yjet-rresht label:active { transform: scale(.9) !important; }
html body.enghome-body #form-review .egp-yjet-rresht input:focus-visible + label { outline: 2px solid var(--clay, #8a5a3b) !important; outline-offset: 2px !important; border-radius: 4px !important; }
html body.enghome-body #form-review .egp-yjet-shenim { display: block !important; margin-top: 4px !important; font-size: 12px !important; color: var(--muted, #7c746a) !important; }

/* Lista e vlerësimeve dhe gjendja bosh. */
html body.enghome-body .egp-review-empty {
  margin: 0 0 22px !important;
  padding: 18px 20px !important;
  background: var(--soft, #f5f2ed) !important;
  font-size: 14px !important;
  color: var(--ink-2, #4b443c) !important;
}
html body.enghome-body .egp-review-card {
  padding: 18px 0 !important;
  border-bottom: 1px solid var(--line, #e6e2dc) !important;
}
html body.enghome-body .egp-review-card .egp-review-stars { color: #c99a4b !important; margin: 6px 0 8px !important; }

/* ── 9 · Logoja në telefon ────────────────────────────────────────────────
   Me zemrën, katër ikonat zinin 176px dhe logoja binte në ~117px (375px).
   Ikonat bëhen 40px (zona e prekjes mbetet 40×44) dhe anët ngushtohen pak:
   logoja fiton ~22px. */
@media (max-width: 420px) {
  html body.enghome-body .eg-premium-header .eg-header-inner:is(#egz1, .eg-header-inner):is(#egz2, .eg-header-inner) {
    grid-template-columns: 44px minmax(0, 1fr) 160px !important;
    padding-left: 8px !important;
    padding-right: 4px !important;
  }
  html body.enghome-body .eg-premium-header :is(#egz1, .eg-header-actions, .eg-header-controls):is(#egz2, .eg-header-actions, .eg-header-controls) {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
  }
  html body.enghome-body .eg-premium-header .eg-header-controls:is(#egz1, .eg-header-controls):is(#egz2, .eg-header-controls) {
    grid-template-columns: repeat(4, 40px) !important;
    gap: 0 !important;
  }
  html body.enghome-body .eg-premium-header .eg-header-controls > :is(#egz1, a, button):is(#egz2, a, button) {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
  }
}

/* ── 10 · Vlerësimet e vërteta (7 tetor) ───────────────────────────────
   Fusha kurth e formës së vlerësimit: njeriu s'e sheh, roboti e plotëson.
   Shenja "Blerës i verifikuar" te lista. Faqja e ftesës (#enghome-vleresim)
   ku blerësi vlerëson porosinë pa llogari. */
html body.enghome-body #form-review .egp-kurth {
  position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important;
}
html body.enghome-body .egp-review-verifikuar {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin-left: 8px !important;
  font: 600 11px/1 var(--f-ui, sans-serif) !important;
  letter-spacing: .04em !important;
  color: #2f6b3f !important;
}

#enghome-vleresim { background: #f7f4ef; padding: 40px 16px 64px; }
#enghome-vleresim .egv-inner { max-width: 680px; margin: 0 auto; }
#enghome-vleresim .egv-theks { margin: 0 0 10px; font: 600 11px/1 var(--f-ui, sans-serif); letter-spacing: .24em; text-transform: uppercase; color: var(--clay, #8a5a3b); }
#enghome-vleresim .egv-titulli { margin: 0 0 12px; font-family: 'Cormorant Garamond', serif; font-size: clamp(28px, 6vw, 40px); line-height: 1.12; font-weight: 500; color: #2b1d15; }
#enghome-vleresim .egv-hyrja { margin: 0 0 28px; font: 400 15px/1.65 var(--f-ui, sans-serif); color: #6f6558; }
#enghome-vleresim .egv-fsheh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#enghome-vleresim .egv-karta {
  display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 16px;
  margin: 0 0 14px; padding: 16px; background: #fff; border: 1px solid #ebe6de;
  scroll-margin-top: 90px;
}
#enghome-vleresim .egv-karta--bere { opacity: .7; }
#enghome-vleresim .egv-foto img { display: block; width: 80px; height: 80px; object-fit: contain; background: #faf7f2; }
#enghome-vleresim .egv-emri { margin: 0 0 6px; font: 600 15px/1.35 var(--f-ui, sans-serif); color: #2b1d15; }
#enghome-vleresim .egv-bere { margin: 4px 0 0; font: 500 13px/1.4 var(--f-ui, sans-serif); color: #2f6b3f; }
#enghome-vleresim .egv-yjet { border: 0; padding: 0; margin: 0 0 8px; min-width: 0; }
#enghome-vleresim .egv-yjet-rresht { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; gap: 2px; }
#enghome-vleresim .egv-yjet-rresht input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
#enghome-vleresim .egv-yjet-rresht label { display: inline-grid; place-items: center; width: 40px; height: 40px; margin: 0; cursor: pointer; font-size: 0; color: #d9cfc3; transition: color .12s ease, transform .12s ease; }
#enghome-vleresim .egv-yjet-rresht label::before { content: "★"; font-size: 30px; line-height: 1; }
#enghome-vleresim .egv-yjet-rresht input:checked ~ label,
#enghome-vleresim .egv-yjet-rresht label:hover,
#enghome-vleresim .egv-yjet-rresht label:hover ~ label { color: #c99a4b; }
#enghome-vleresim .egv-yjet-rresht label:active { transform: scale(.9); }
#enghome-vleresim .egv-yjet-rresht input:focus-visible + label { outline: 2px solid var(--clay, #8a5a3b); outline-offset: 2px; border-radius: 4px; }
#enghome-vleresim .egv-teksti,
#enghome-vleresim .egv-input {
  display: block; width: 100%; box-sizing: border-box; padding: 11px 12px;
  border: 1px solid #ddd5ca; border-radius: 0; background: #fff;
  font: 400 16px/1.5 var(--f-ui, sans-serif); color: #2b1d15; resize: vertical;
}
#enghome-vleresim .egv-teksti:focus,
#enghome-vleresim .egv-input:focus { outline: 0; border-color: var(--clay, #8a5a3b); box-shadow: 0 0 0 3px rgba(138, 90, 59, .12); }
#enghome-vleresim .egv-fundi { margin-top: 24px; }
#enghome-vleresim .egv-etiketa { display: block; margin: 0 0 6px; font: 600 13px/1.3 var(--f-ui, sans-serif); color: #2b1d15; }
#enghome-vleresim .egv-input { max-width: 320px; }
#enghome-vleresim .egv-gabim { margin: 14px 0 0; padding: 10px 12px; border-left: 2px solid #b4462f; background: #fbefeb; font: 500 14px/1.5 var(--f-ui, sans-serif); color: #8a2f1d; }
#enghome-vleresim .egv-butoni {
  display: inline-block; margin-top: 18px; padding: 14px 30px; border: 0; border-radius: 0;
  background: #2b1d15; color: #fff; font: 600 12px/1 var(--f-ui, sans-serif); letter-spacing: .14em; text-transform: uppercase; text-decoration: none; cursor: pointer;
}
#enghome-vleresim .egv-butoni:disabled { opacity: .6; cursor: progress; }
#enghome-vleresim .egv-shenim { margin: 12px 0 0; font: 400 12px/1.6 var(--f-ui, sans-serif); color: #8f857a; }
@media (max-width: 480px) {
  #enghome-vleresim { padding-top: 28px; }
  #enghome-vleresim .egv-karta { grid-template-columns: 56px minmax(0, 1fr); gap: 12px; padding: 12px; }
  #enghome-vleresim .egv-foto img { width: 56px; height: 56px; }
  #enghome-vleresim .egv-butoni { display: block; width: 100%; text-align: center; }
}

/* ── 11 · Skeda e vlerësimeve del (8 tetor) ────────────────────────────
   enghome-final.css e fshihte krejt: `#product-product #tab-review,
   #product-product a[href="#tab-review"] { display:none !important }` —
   nga koha kur dyqani s'kishte vlerësime. Forma s'shihej askund dhe butoni
   "Bëhu i pari…" s'kishte ku të shkonte. Këtu kthehen vetëm skeda aktive,
   lidhja e saj dhe lidhja e notës; skedat joaktive mbeten të fshehura. */
html body.enghome-body #product-product.eg-commerce #tab-review.tab-pane.active { display: block !important; }
html body.enghome-body #product-product.eg-commerce .egp-tabs-nav a#tab-review-toggle[href="#tab-review"],
html body.enghome-body #product-product.eg-commerce .egp-rating-line a.egp-rating-link[href="#tab-review"] { display: inline-flex !important; }

/* ── 12 · Fotoja e kartës nuk zhduket më (8 tetor) ─────────────────────
   enghome-final.css (§4) e zbeh foton e parë në hover dhe shfaq të dytën.
   Në telefon e dyta është `display:none`, por prekja vlen si hover: fotoja
   e parë zhdukej dhe mbetej vetëm sfondi i kornizës. Edhe në desktop, kur e
   dyta s'kishte ardhur ende, ndodhte e njëjta gjë për një çast.
   Tani e para zbehet vetëm kur e dyta është gati (`.eg-dyte-gati`, nga
   header.twig) dhe kurrë në ekranet me prekje. */
html body.enghome-body .p-card:hover :is(#egz1, .p-frame):is(#egz2, .p-frame).ka-foto-dyte:not(.eg-dyte-gati) .p-foto,
html body.enghome-body :is(#egz1, .p-frame):is(#egz2, .p-frame).ka-foto-dyte:not(.eg-dyte-gati):hover .p-foto {
  opacity: 1 !important;
}
@media (hover: none) {
  html body.enghome-body .p-card :is(#egz1, .p-frame):is(#egz2, .p-frame) .p-foto {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ── 13 · Vlerësimet, pamja e re (8 tetor) ─────────────────────────────
   Përmbledhja (nota e madhe me serif, yjet, numri) majtas; vlerësimet si
   letra me thonjëza dhe forma si kartë e butë djathtas. Në telefon njëra
   pas tjetrës. */
html body.enghome-body #product-product .egr {
  display: grid;
  grid-template-columns: minmax(220px, 300px) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: start;
  padding: clamp(8px, 2vw, 20px) 0 8px;
}
html body.enghome-body #product-product .egr-permbledhje {
  position: sticky;
  top: 110px;
  padding: 28px 26px;
  background: #faf7f2;
  border: 1px solid #ece5da;
}
html body.enghome-body #product-product .egr-theks {
  margin: 0 0 14px !important;
  font: 600 10.5px/1 var(--f-ui, sans-serif) !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
  color: var(--clay, #8a5a3b) !important;
}
html body.enghome-body #product-product .egr-nota { display: flex; align-items: baseline; gap: 8px; }
html body.enghome-body #product-product .egr-numri { font: 400 64px/1 'Cormorant Garamond', Georgia, serif; color: #2b1d15; letter-spacing: -.01em; }
html body.enghome-body #product-product .egr-nga { font: 400 18px/1 'Cormorant Garamond', Georgia, serif; color: #8f857a; }
html body.enghome-body #product-product .egr-yjet { margin: 10px 0 6px; font-size: 20px; letter-spacing: 3px; }
html body.enghome-body #product-product .egr-yjet .plot { color: #c99a4b; }
html body.enghome-body #product-product .egr-yjet .bosh { color: #ddd3c6; }
html body.enghome-body #product-product .egr-sa { margin: 0 !important; font: 500 13px/1.4 var(--f-ui, sans-serif) !important; color: #6f6558 !important; }
html body.enghome-body #product-product .egr-titulli {
  margin: 0 0 10px !important;
  font: 400 30px/1.15 'Cormorant Garamond', Georgia, serif !important;
  color: #2b1d15 !important;
}
html body.enghome-body #product-product .egr-hyrja { margin: 0 !important; font: 400 14px/1.65 var(--f-ui, sans-serif) !important; color: #6f6558 !important; }
html body.enghome-body #product-product .egr-verifikuar {
  margin: 22px 0 0 !important;
  padding-top: 18px !important;
  border-top: 1px solid #e6ded2 !important;
  font: 400 12px/1.6 var(--f-ui, sans-serif) !important;
  color: #8f857a !important;
}
html body.enghome-body #product-product .egr-verifikuar span,
html body.enghome-body #product-product .egr-verifikuar strong { color: #2f6b3f; font-weight: 600; }

/* Lista: letra me thonjëza. Gjendja bosh e thotë tashmë përmbledhja. */
html body.enghome-body #product-product .egr-lista { margin: 0 !important; }
html body.enghome-body #product-product .egr-lista .egp-review-empty { display: none !important; }
html body.enghome-body #product-product .egr-lista .egp-review-list { display: grid; gap: 14px; margin-bottom: 28px; }
html body.enghome-body #product-product .egr-lista .egp-review-card {
  position: relative !important;
  padding: 24px 26px 22px !important;
  background: #fff !important;
  border: 1px solid #ece5da !important;
}
html body.enghome-body #product-product .egr-lista .egp-review-card::before {
  content: "\201C";
  position: absolute;
  top: 6px;
  right: 18px;
  font: 400 64px/1 'Cormorant Garamond', Georgia, serif;
  color: #efe6d9;
  pointer-events: none;
}
html body.enghome-body #product-product .egr-lista .egp-review-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 14px; }
html body.enghome-body #product-product .egr-lista .egp-review-author { display: inline-flex; flex-wrap: wrap; align-items: center; font: 600 14px/1.3 var(--f-ui, sans-serif); color: #2b1d15; }
html body.enghome-body #product-product .egr-lista .egp-review-date { font: 400 12px/1.3 var(--f-ui, sans-serif); color: #a2988c; }
html body.enghome-body #product-product .egr-lista .egp-review-stars { margin: 8px 0 10px !important; font-size: 13px; letter-spacing: 2px; }
html body.enghome-body #product-product .egr-lista .egp-review-text {
  margin: 0 !important;
  font: 400 19px/1.5 'Cormorant Garamond', Georgia, serif !important;
  color: #3a2c22 !important;
}
html body.enghome-body #product-product .egr-lista .egp-review-pagination { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; color: #8f857a; margin-bottom: 24px; }

/* Forma: kartë e butë. */
html body.enghome-body #product-product.eg-commerce #form-review.egr-forma {
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(22px, 3vw, 34px) !important;
  background: #fff !important;
  border: 1px solid #ece5da !important;
  box-shadow: 0 18px 40px -32px rgba(43, 29, 21, .35) !important;
}
html body.enghome-body #product-product.eg-commerce #form-review .egr-forma-titulli {
  margin: 0 0 20px !important;
  font: 400 clamp(26px, 3vw, 32px)/1.15 'Cormorant Garamond', Georgia, serif !important;
  color: #2b1d15 !important;
}
html body.enghome-body #product-product.eg-commerce #form-review .egp-yjet-zgjidh legend {
  margin: 0 0 4px !important;
  border: 0 !important;
  font: 600 12px/1.3 var(--f-ui, sans-serif) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #2b1d15 !important;
}
html body.enghome-body #product-product.eg-commerce #form-review .egp-yjet-rresht label::before { font-size: 34px; }
html body.enghome-body #product-product.eg-commerce #form-review .form-group { margin: 0 0 18px !important; }
html body.enghome-body #product-product.eg-commerce #form-review .form-group > label {
  display: block !important;
  margin: 0 0 7px !important;
  font: 600 12px/1.3 var(--f-ui, sans-serif) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #2b1d15 !important;
}
html body.enghome-body #product-product.eg-commerce #form-review .form-group.required > label::after,
html body.enghome-body #product-product.eg-commerce #form-review .form-group.required legend::after { content: none !important; }
html body.enghome-body #product-product.eg-commerce #form-review :is(input.form-control, textarea.form-control) {
  height: auto !important;
  padding: 13px 14px !important;
  border: 1px solid #ddd5ca !important;
  border-radius: 0 !important;
  background: #fcfaf7 !important;
  box-shadow: none !important;
  font: 400 16px/1.5 var(--f-ui, sans-serif) !important;
  color: #2b1d15 !important;
  transition: border-color .15s ease, background-color .15s ease !important;
}
html body.enghome-body #product-product.eg-commerce #form-review :is(input.form-control, textarea.form-control):focus {
  outline: 0 !important;
  border-color: var(--clay, #8a5a3b) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(138, 90, 59, .12) !important;
}
html body.enghome-body #product-product.eg-commerce #form-review input#input-name { max-width: 320px !important; }
html body.enghome-body #product-product.eg-commerce #form-review .egr-numeruesi { display: block; margin-top: 6px; font: 400 12px/1.4 var(--f-ui, sans-serif); color: #a2988c; }
html body.enghome-body #product-product.eg-commerce #form-review .egr-numeruesi.mjafton { color: #2f6b3f; }
html body.enghome-body #product-product.eg-commerce #form-review #button-review {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 0 34px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #2b1d15 !important;
  color: #fff !important;
  font: 600 12px/1 var(--f-ui, sans-serif) !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transition: background-color .2s ease !important;
}
html body.enghome-body #product-product.eg-commerce #form-review #button-review:hover { background: #4a3226 !important; }
html body.enghome-body #product-product.eg-commerce #form-review .egr-shenim { margin: 14px 0 0 !important; font: 400 12px/1.6 var(--f-ui, sans-serif) !important; color: #8f857a !important; }
html body.enghome-body #product-product.eg-commerce #form-review .egr-mesazhi:empty { display: none; }
html body.enghome-body #product-product.eg-commerce #form-review .egr-mesazhi { margin: 0 0 16px; padding: 12px 14px; font: 500 14px/1.5 var(--f-ui, sans-serif); }
html body.enghome-body #product-product.eg-commerce #form-review .egr-mesazhi.gabim { border-left: 2px solid #b4462f; background: #fbefeb; color: #8a2f1d; }
html body.enghome-body #product-product.eg-commerce #form-review .egr-mesazhi.sukses { border-left: 2px solid #2f6b3f; background: #eef5ef; color: #22502f; }

@media (max-width: 860px) {
  html body.enghome-body #product-product .egr { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  html body.enghome-body #product-product .egr-permbledhje { position: static; padding: 22px 20px; }
  html body.enghome-body #product-product .egr-numri { font-size: 52px; }
  html body.enghome-body #product-product.eg-commerce #form-review #button-review { width: 100% !important; }
  html body.enghome-body #product-product.eg-commerce #form-review input#input-name { max-width: none !important; }
}

/* §13: titulli "Ende pa vlerësime" — `.egp-tabs-content h3` (enghome-final) e bënte blu. */
html body.enghome-body #product-product.egp-page .egp-tabs-content h3.egr-titulli { color: #2b1d15 !important; }