/* Landing Halloween + PDP theme (?hw=1 → body.halloween-lp-theme) */

/* Fundal pergament gotic + pânze (LP și PDP cu hw=1) */
body.cms-halloween-2026 #maincontent,
body.halloween-lp-theme #maincontent {
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20300%20300%22%20fill%3D%22none%22%20stroke%3D%22%237a5a3a%22%20stroke-opacity%3D%220.28%22%20stroke-width%3D%221.2%22%3E%3Cg%3E%3Cpath%20d%3D%22M0%200L300%200%22/%3E%3Cpath%20d%3D%22M0%200L296%2047%22/%3E%3Cpath%20d%3D%22M0%200L285%2093%22/%3E%3Cpath%20d%3D%22M0%200L267%20136%22/%3E%3Cpath%20d%3D%22M0%200L243%20176%22/%3E%3Cpath%20d%3D%22M0%200L212%20212%22/%3E%3Cpath%20d%3D%22M0%200L176%20243%22/%3E%3Cpath%20d%3D%22M0%200L136%20267%22/%3E%3Cpath%20d%3D%22M0%200L93%20285%22/%3E%3Cpath%20d%3D%22M0%200L47%20296%22/%3E%3Cpath%20d%3D%22M0%200L0%20300%22/%3E%3Cpolyline%20points%3D%2245%2C0%2044%2C7%2043%2C14%2040%2C20%2036%2C26%2032%2C32%2026%2C36%2020%2C40%2014%2C43%207%2C44%200%2C45%22/%3E%3Cpolyline%20points%3D%2290%2C0%2089%2C14%2086%2C28%2080%2C41%2073%2C53%2064%2C64%2053%2C73%2041%2C80%2028%2C86%2014%2C89%200%2C90%22/%3E%3Cpolyline%20points%3D%22135%2C0%20133%2C21%20128%2C42%20120%2C61%20109%2C79%2095%2C95%2079%2C109%2061%2C120%2042%2C128%2021%2C133%200%2C135%22/%3E%3Cpolyline%20points%3D%22180%2C0%20178%2C28%20171%2C56%20160%2C82%20146%2C106%20127%2C127%20106%2C146%2082%2C160%2056%2C171%2028%2C178%200%2C180%22/%3E%3Cpolyline%20points%3D%22230%2C0%20227%2C36%20219%2C71%20205%2C104%20186%2C135%20163%2C163%20135%2C186%20104%2C205%2071%2C219%2036%2C227%200%2C230%22/%3E%3Cpolyline%20points%3D%22280%2C0%20277%2C44%20266%2C87%20249%2C127%20227%2C165%20198%2C198%20165%2C227%20127%2C249%2087%2C266%2044%2C277%200%2C280%22/%3E%3C/g%3E%3C/svg%3E") no-repeat left top / 340px 340px,
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20300%20300%22%20fill%3D%22none%22%20stroke%3D%22%237a5a3a%22%20stroke-opacity%3D%220.28%22%20stroke-width%3D%221.2%22%3E%3Cg%20transform%3D%22translate%28300%200%29%20scale%28-1%201%29%22%3E%3Cpath%20d%3D%22M0%200L300%200%22/%3E%3Cpath%20d%3D%22M0%200L296%2047%22/%3E%3Cpath%20d%3D%22M0%200L285%2093%22/%3E%3Cpath%20d%3D%22M0%200L267%20136%22/%3E%3Cpath%20d%3D%22M0%200L243%20176%22/%3E%3Cpath%20d%3D%22M0%200L212%20212%22/%3E%3Cpath%20d%3D%22M0%200L176%20243%22/%3E%3Cpath%20d%3D%22M0%200L136%20267%22/%3E%3Cpath%20d%3D%22M0%200L93%20285%22/%3E%3Cpath%20d%3D%22M0%200L47%20296%22/%3E%3Cpath%20d%3D%22M0%200L0%20300%22/%3E%3Cpolyline%20points%3D%2245%2C0%2044%2C7%2043%2C14%2040%2C20%2036%2C26%2032%2C32%2026%2C36%2020%2C40%2014%2C43%207%2C44%200%2C45%22/%3E%3Cpolyline%20points%3D%2290%2C0%2089%2C14%2086%2C28%2080%2C41%2073%2C53%2064%2C64%2053%2C73%2041%2C80%2028%2C86%2014%2C89%200%2C90%22/%3E%3Cpolyline%20points%3D%22135%2C0%20133%2C21%20128%2C42%20120%2C61%20109%2C79%2095%2C95%2079%2C109%2061%2C120%2042%2C128%2021%2C133%200%2C135%22/%3E%3Cpolyline%20points%3D%22180%2C0%20178%2C28%20171%2C56%20160%2C82%20146%2C106%20127%2C127%20106%2C146%2082%2C160%2056%2C171%2028%2C178%200%2C180%22/%3E%3Cpolyline%20points%3D%22230%2C0%20227%2C36%20219%2C71%20205%2C104%20186%2C135%20163%2C163%20135%2C186%20104%2C205%2071%2C219%2036%2C227%200%2C230%22/%3E%3Cpolyline%20points%3D%22280%2C0%20277%2C44%20266%2C87%20249%2C127%20227%2C165%20198%2C198%20165%2C227%20127%2C249%2087%2C266%2044%2C277%200%2C280%22/%3E%3C/g%3E%3C/svg%3E") no-repeat right top / 420px 420px,
    radial-gradient(120% 70% at 50% 0, rgba(255, 250, 235, .7), transparent 70%),
    linear-gradient(180deg, #eadbc0 0, #e8d8bb 50%, #e3d1b1 100%);
}
body.cms-halloween-2026,
body.halloween-lp-theme {
  background: #e3d1b1;
}
@media (max-width: 767px) {
  body.cms-halloween-2026 #maincontent,
  body.halloween-lp-theme #maincontent {
    background-size: 170px 170px, 200px 200px, auto, auto;
  }
}

/* Hero: 1184/420 desktop, 500/555 mobil */
body.cms-halloween-2026 .halloween-hero {
  aspect-ratio: 500 / 555;
}
@media (min-width: 768px) {
  body.cms-halloween-2026 .halloween-hero {
    aspect-ratio: 1184 / 420;
  }
}

/* Buton Înapoi */
body.cms-halloween-2026 .halloween-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .35);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
  transition: background .15s, border-color .15s;
}
body.cms-halloween-2026 .halloween-back:hover {
  background: rgba(255, 255, 255, .08);
  border-color: #F2A51A;
  color: #fff;
}
body.cms-halloween-2026 .halloween-back-icon {
  flex: none;
}
@media (max-width: 767px) {
  body.cms-halloween-2026 .halloween-back {
    padding: 0 12px;
    font-size: 13px;
  }
  body.cms-halloween-2026 .halloween-back-long {
    display: none;
  }
}
@media (min-width: 768px) {
  body.cms-halloween-2026 .halloween-back-short {
    display: none;
  }
}

/* Dale: 4 pe rând pe desktop (design), nu 5 ca pe homepage */
@media (min-width: 1024px) {
  body.cms-halloween-2026 .lb-quick-links {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Rafturi: 10 produse = 2 rânduri pe desktop (homepage ascunde #6+) */
@media (min-width: 1024px) {
  body.cms-halloween-2026 .lb-shelf-track.snap-track > .lb-shelf-item:nth-child(n + 6) {
    display: block;
  }
}

/* Ancore: titlul raftului sub headerul fix */
body.cms-halloween-2026 .lb-shelf.scroll-mt-24 {
  scroll-margin-top: 6rem;
}

/* Fără meniul desktop gol sub header */
body.cms-halloween-2026 .page-header > .border-t {
  display: none !important;
}

/* PDP (?hw=1): fantomă scurtă peste galerie — fără markup nou */
body.halloween-lp-theme .lb-product-gallery {
  position: relative;
}
body.halloween-lp-theme .lb-product-gallery::after {
  content: "";
  position: absolute;
  inset: 8% 10% auto auto;
  width: min(42%, 9rem);
  aspect-ratio: 3 / 4;
  pointer-events: none;
  z-index: 6;
  opacity: 0;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2080%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f7f3ea%22%20stroke%3D%22%233d2c1e%22%20stroke-opacity%3D%220.35%22%20stroke-width%3D%221.2%22%20d%3D%22M32%204c11%200%2020%209%2020%2020v36c0%202-1.2%203-2.6%203-1.2%200-2.2-.8-2.8-1.8-.7%201.2-1.9%202-3.3%202s-2.6-.9-3.3-2c-.7%201.2-1.9%202-3.3%202s-2.6-.9-3.3-2c-.7%201.2-1.9%202-3.3%202s-2.6-.9-3.3-2c-.6%201-1.6%201.8-2.8%201.8C13.2%2063%2012%2062%2012%2060V24C12%2013%2021%204%2032%204z%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2230%22%20r%3D%223.2%22%20fill%3D%22%233d2c1e%22%20fill-opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2230%22%20r%3D%223.2%22%20fill%3D%22%233d2c1e%22%20fill-opacity%3D%220.55%22/%3E%3Cpath%20stroke%3D%22%233d2c1e%22%20stroke-opacity%3D%220.45%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M26%2040c2%202%204%203%206%203s4-1%206-3%22/%3E%3C/svg%3E")
    no-repeat center / contain;
  filter: drop-shadow(0 6px 10px rgba(61, 44, 30, .18));
  animation: halloween-ghost-haunt 2.6s ease-in-out 0.35s 1 forwards;
}
@keyframes halloween-ghost-haunt {
  0% {
    opacity: 0;
    transform: translate(-12%, 18%) scale(0.85) rotate(-6deg);
  }
  18% {
    opacity: 0.9;
  }
  55% {
    opacity: 0.75;
    transform: translate(28%, -8%) scale(1) rotate(4deg);
  }
  100% {
    opacity: 0;
    transform: translate(70%, -22%) scale(1.05) rotate(8deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.halloween-lp-theme .lb-product-gallery::after {
    display: none;
  }
}

/* Coș + Hyvä Checkout: 1–2 fantome scurte (fundalul e deja pe #maincontent) */
body.halloween-lp-theme.checkout-cart-index #maincontent,
body.halloween-lp-theme #hyva-checkout-main {
  position: relative;
  overflow: hidden;
}
body.halloween-lp-theme.checkout-cart-index #maincontent::before,
body.halloween-lp-theme #hyva-checkout-main::before,
body.halloween-lp-theme.checkout-cart-index #maincontent::after,
body.halloween-lp-theme #hyva-checkout-main::after {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 5;
  opacity: 0;
  width: min(28%, 7.5rem);
  aspect-ratio: 3 / 4;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2064%2080%22%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f7f3ea%22%20stroke%3D%22%233d2c1e%22%20stroke-opacity%3D%220.35%22%20stroke-width%3D%221.2%22%20d%3D%22M32%204c11%200%2020%209%2020%2020v36c0%202-1.2%203-2.6%203-1.2%200-2.2-.8-2.8-1.8-.7%201.2-1.9%202-3.3%202s-2.6-.9-3.3-2c-.7%201.2-1.9%202-3.3%202s-2.6-.9-3.3-2c-.7%201.2-1.9%202-3.3%202s-2.6-.9-3.3-2c-.6%201-1.6%201.8-2.8%201.8C13.2%2063%2012%2062%2012%2060V24C12%2013%2021%204%2032%204z%22/%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2230%22%20r%3D%223.2%22%20fill%3D%22%233d2c1e%22%20fill-opacity%3D%220.55%22/%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2230%22%20r%3D%223.2%22%20fill%3D%22%233d2c1e%22%20fill-opacity%3D%220.55%22/%3E%3Cpath%20stroke%3D%22%233d2c1e%22%20stroke-opacity%3D%220.45%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20d%3D%22M26%2040c2%202%204%203%206%203s4-1%206-3%22/%3E%3C/svg%3E")
    no-repeat center / contain;
  filter: drop-shadow(0 6px 10px rgba(61, 44, 30, .18));
}
body.halloween-lp-theme.checkout-cart-index #maincontent::before,
body.halloween-lp-theme #hyva-checkout-main::before {
  inset: 6% auto auto 6%;
  animation: halloween-ghost-haunt 2.6s ease-in-out 0.2s 1 forwards;
}
body.halloween-lp-theme.checkout-cart-index #maincontent::after,
body.halloween-lp-theme #hyva-checkout-main::after {
  inset: 18% 8% auto auto;
  width: min(22%, 6rem);
  animation: halloween-ghost-haunt-alt 2.8s ease-in-out 0.55s 1 forwards;
}
@keyframes halloween-ghost-haunt-alt {
  0% {
    opacity: 0;
    transform: translate(14%, 22%) scale(0.8) rotate(8deg);
  }
  20% {
    opacity: 0.85;
  }
  60% {
    opacity: 0.7;
    transform: translate(-24%, -10%) scale(1) rotate(-4deg);
  }
  100% {
    opacity: 0;
    transform: translate(-55%, -28%) scale(1.05) rotate(-10deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.halloween-lp-theme.checkout-cart-index #maincontent::before,
  body.halloween-lp-theme #hyva-checkout-main::before,
  body.halloween-lp-theme.checkout-cart-index #maincontent::after,
  body.halloween-lp-theme #hyva-checkout-main::after {
    display: none;
  }
}