/* Eteb Autumn Campaign 3.2.0 — all layout styles scoped to the landing */
body.eteb-autumn-standalone-page { margin: 0; background: #fffaf3; }
.eteb-autumn-landing {
  --ha-bg: #fffaf3;
  --ha-beige: #f4e7d5;
  --ha-paper: #f9f0e3;
  --ha-white: #fffdf8;
  --ha-text: #3e2e27;
  --ha-muted: #806b5c;
  --ha-primary: #a8482e;
  --ha-primary-dark: #873522;
  --ha-gold: #edb553;
  --ha-plum: #663d41;
  --ha-green: #607346;
  --ha-border: rgba(80, 47, 33, .13);
  --ha-max: 1380px;
  --ha-shadow: 0 18px 42px rgba(95, 50, 25, .10);
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
  color: var(--ha-text);
  background: var(--ha-bg);
  overflow: clip;
  isolation: isolate;
  direction: rtl;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.75;
}
.eteb-autumn-landing, .eteb-autumn-landing *,
.eteb-autumn-landing *::before, .eteb-autumn-landing *::after { box-sizing: border-box; }
.eteb-autumn-landing :is(h1,h2,h3,p) { font-family: inherit; }
.eteb-autumn-landing h1, .eteb-autumn-landing h2,
.eteb-autumn-landing h3, .eteb-autumn-landing p { padding: 0; }
.eteb-autumn-landing a { color: inherit; text-decoration: none; }
.eteb-autumn-landing button { font: inherit; cursor: pointer; }
.eteb-autumn-landing img { max-width: 100%; }
.eteb-autumn-landing svg { display: block; width: 20px; height: 20px; flex: none; }
.eteb-autumn-landing :focus-visible { outline: 3px solid #b35836; outline-offset: 3px; }
.ha-container { width: min(calc(100% - 64px), var(--ha-max)); margin-inline: auto; }
.ha-progress { position: fixed; inset: 0 0 auto; z-index: 999; height: 4px; background: var(--ha-primary); transform: scaleX(0); transform-origin: right; pointer-events: none; }

/* HERO: copy and illustration have independent grid cells — never overlap */
.ha-hero {
  position: relative;
  isolation: isolate;
  background: radial-gradient(ellipse at 80% 23%, #ffe3a6 0%, rgba(255,227,166,0) 42%),
              radial-gradient(ellipse at 2% 78%, rgba(237,180,110,.17), transparent 43%), #f5ead9;
}
.ha-hero__dots { position: absolute; inset: 0; z-index: -1; background-image: radial-gradient(#8d603a 0.55px,transparent 0.55px); background-size: 17px 17px; opacity: .12; mask-image: linear-gradient(#000, transparent 95%); pointer-events: none; }
.ha-hero__layout { display: grid; grid-template-columns: minmax(0, 43%) minmax(0, 57%); direction: ltr; align-items: center; min-height: 740px; }
.ha-hero__copy { position: relative; z-index: 3; min-width: 0; max-width: 590px; direction: rtl; text-align: right; padding: 85px 14px 100px 0; }
.ha-kicker, .ha-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--ha-primary); font-size: .81rem; font-weight: 800; letter-spacing: .035em; line-height: 1.5; }
.ha-kicker { border: 1px solid rgba(168,72,46,.22); background: rgba(255,251,242,.7); border-radius: 40px; padding: 9px 15px; }
.ha-kicker svg, .ha-eyebrow svg { width: 18px; height: 18px; }
.ha-hero h1 { margin: 20px 0 22px; font-size: clamp(3.2rem, 5.35vw, 6rem); font-weight: 900; line-height: 1.22; letter-spacing: -.055em; max-width: 620px; }
.ha-hero h1 span { display: block; color: var(--ha-primary); }
.ha-hero__copy > p { max-width: 475px; color: #705f53; font-size: clamp(.94rem,1.17vw,1.06rem); line-height: 2.05; margin: 0 0 28px; }
.ha-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 11px; }
.ha-button { display: inline-flex; gap: 9px; align-items: center; justify-content: center; min-height: 51px; padding: 9px 22px; border: 1px solid transparent; border-radius: 15px; font-size: .85rem; font-weight: 800; line-height: 1.5; white-space: normal; text-align: center; transition: transform .25s ease, background .25s ease, box-shadow .25s ease; }
.ha-button svg { width: 17px; height: 17px; transform: scaleX(-1); }
.ha-button:hover { transform: translateY(-3px); box-shadow: var(--ha-shadow); }
.ha-button--solid { color: white !important; background: var(--ha-primary); }
.ha-button--solid:hover { background: var(--ha-primary-dark); }
.ha-button--outline { background: rgba(255,251,245,.6); border-color: rgba(153,82,47,.25); color: var(--ha-text) !important; }
.ha-button--light { background: #ffce70; color: #4b2d28 !important; }
.ha-hero__under { display: flex; align-items: center; gap: 9px; margin-top: 27px; font-size: .76rem; color: #877261; }
.ha-hero__under-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--ha-green); box-shadow: 0 0 0 5px rgba(96,115,70,.13); }
.ha-hero__scene { position: relative; min-width: 0; width: 100%; height: 730px; isolation: isolate; }
.ha-hero__sun { position: absolute; z-index: -1; top: 7%; right: 8%; width: 77%; aspect-ratio: 1; background: radial-gradient(circle, rgba(250,210,132,.62), rgba(255,227,182,.13) 65%, transparent 72%); border-radius: 50%; }
.ha-tree-image { position: absolute; z-index: 1; right: -3%; bottom: 32px; width: 105%; height: 95%; object-fit: contain; object-position: right bottom; filter: drop-shadow(6px 14px 11px rgba(73,40,26,.13)); animation: ha-tree-sway 9s ease-in-out infinite; pointer-events: none; }
.ha-ground-image { position: absolute; z-index: 2; right: 0; bottom: 18px; width: 95%; height: auto; max-height: 160px; object-fit: contain; object-position: right bottom; pointer-events: none; filter: drop-shadow(0 8px 7px rgba(92,52,25,.10)); }
.ha-ground-leaf-zone { position: absolute; z-index: 4; right: 4%; bottom: 8px; width: 86%; height: 135px; pointer-events: auto; }
.ha-ground-leaf { --tx: 0px; --ty: 0px; --rot: 0deg; position: absolute; left: var(--x); top: var(--y); width: clamp(22px, 2.7vw, 42px); height: clamp(22px, 2.7vw, 42px); background: url('maple-leaf.png') center / contain no-repeat; filter: drop-shadow(0 4px 3px rgba(99,48,17,.14)); transform: translate3d(var(--tx), var(--ty), 0) rotate(calc(var(--r) * 1deg + var(--rot))) scale(var(--s,1)); transform-origin: center; transition: transform .28s ease-out, filter .28s ease-out; will-change: transform; cursor: pointer; touch-action: none; }
.ha-ground-leaf:hover { filter: drop-shadow(0 6px 5px rgba(99,48,17,.18)); }
.ha-ground-leaf.is-kicked { transition-duration: .18s; }
.ha-hero__leaves { position: absolute; inset: 0; overflow: hidden; z-index: 3; pointer-events: none; }
.ha-hero__leaves i { position: absolute; top: 18%; left: var(--x); width: clamp(21px, 2.4vw, 38px); height: 38px; opacity: 0; background: url('maple-leaf.png') center / contain no-repeat; animation: ha-leaf-fall var(--speed) linear infinite; animation-delay: var(--delay); filter: drop-shadow(1px 3px 2px rgba(99,48,17,.14)); }
.ha-hero__leaves i:nth-child(even) { filter: hue-rotate(24deg) drop-shadow(1px 3px 2px rgba(99,48,17,.14)); }
.ha-feature-product { position: absolute; z-index: 5; width: clamp(150px, 14vw, 190px); padding: 8px; display: block; background: rgba(255,253,248,.96); border: 1px solid rgba(139,79,47,.16); border-radius: 19px; box-shadow: 0 17px 34px rgba(87,43,19,.18); transform: rotate(-6deg); transition: transform .35s ease, box-shadow .35s ease; text-align: right; direction: rtl; }
.ha-feature-product:hover { transform: translateY(-6px) rotate(0); box-shadow: 0 19px 42px rgba(87,43,19,.24); }
.ha-feature-product--1 { left: 0%; top: 21%; }
.ha-feature-product--2 { left: 12%; bottom: 9%; transform: rotate(7deg); }
.ha-feature-product__image { display: block; overflow: hidden; background: #eddcc4; border-radius: 12px; aspect-ratio: 1.07; }
.ha-feature-product__image .ha-product-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.ha-feature-product__info { display: block; padding: 7px 5px 4px; }
.ha-feature-product__info small { display: block; font-size: .63rem; color: var(--ha-muted); }
.ha-feature-product__info strong { display: block; margin: 2px 0; font-size: .77rem; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ha-feature-product__info > span { display: block; font-size: .69rem; font-weight: 800; color: var(--ha-primary); }
.ha-feature-product__info del { font-size: .62rem; color: #a59180; }
.ha-hero__scroll { position: absolute; left: 50%; bottom: 13px; z-index: 6; display: flex; gap: 8px; align-items: center; font-size: .74rem; transform: translateX(-50%); color: #796655 !important; }
.ha-hero__scroll span { font-size: 1.35rem; animation: ha-scroll-down 2s ease-in-out infinite; }

/* Full-width sections and a shared aligned content container */
.ha-section { position: relative; width: 100%; margin: 0; padding: clamp(72px, 7.5vw, 118px) 0; }
.ha-section-head { display: flex; align-items: end; justify-content: space-between; gap: 20px 35px; margin-bottom: 32px; }
.ha-section-head > div:first-child { min-width: 0; }
.ha-section-head h2 { margin: 10px 0 8px; font-size: clamp(2.05rem,3.3vw,3.25rem); font-weight: 900; line-height: 1.3; letter-spacing: -.045em; }
.ha-section-head p { margin: 0; max-width: 610px; font-size: .91rem; color: var(--ha-muted); line-height: 1.95; }
.ha-section-head--center { justify-content: center; text-align: center; }
.ha-section-head--center p { margin-inline: auto; }
.ha-text-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; flex: none; font-size: .84rem; font-weight: 800; color: var(--ha-primary) !important; }
.ha-text-link svg { width: 18px; height: 18px; transform: scaleX(-1); }
.ha-marquee { overflow: hidden; padding: 13px 0; background: #9f442d; color: #fff3df; }
.ha-marquee__track { display: flex; width: max-content; gap: 80px; white-space: nowrap; font-size: .85rem; font-weight: 800; animation: ha-marquee 28s linear infinite; }
.ha-marquee__track span { flex: none; }
.ha-deals { background: #fffaf3; }
.ha-latest { background: #fff9ef; }
.ha-carousel { width: 100%; min-width: 0; }
.ha-carousel__tools { display: flex; gap: 18px; align-items: center; justify-content: space-between; padding-bottom: 15px; font-size: .78rem; color: #8b796c; }
.ha-carousel__arrows { display: flex; gap: 8px; direction: rtl; }
.ha-carousel__arrows button { display: grid; place-items: center; width: 41px; height: 41px; padding: 0; background: var(--ha-white); border: 1px solid #dbc5b4; border-radius: 13px; color: var(--ha-primary); font-size: 1.26rem; line-height: 1; transition: background .2s, color .2s, opacity .2s; }
.ha-carousel__arrows button:hover:not(:disabled) { background: var(--ha-primary); color: white; }
.ha-carousel__arrows button:disabled { opacity: .35; cursor: default; }
.ha-carousel-track { --ha-columns: 5; --ha-gap: 14px; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--ha-columns) - 1) * var(--ha-gap)) / var(--ha-columns)); gap: var(--ha-gap); min-width: 0; overflow-x: auto; overflow-y: hidden; padding: 6px 1px 22px; scroll-padding-inline: 1px; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: rgba(168,72,46,.3) transparent; }
.ha-carousel-track > * { scroll-snap-align: start; min-width: 0; }
.ha-carousel-track::-webkit-scrollbar { height: 5px; }
.ha-carousel-track::-webkit-scrollbar-thumb { background: rgba(168,72,46,.24); border-radius: 6px; }

/* Consistent cards: grid and carousel share the same structure */
.ha-product-card { display: flex; flex-direction: column; position: relative; min-width: 0; height: 100%; overflow: hidden; background: var(--ha-white); border: 1px solid var(--ha-border); border-radius: 19px; padding: 8px; text-align: right; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.ha-product-card:hover { transform: translateY(-5px); box-shadow: var(--ha-shadow); border-color: rgba(168,72,46,.3); }
.ha-product-card__visual { display: block; overflow: hidden; position: relative; border-radius: 13px; background: #ead7bc; aspect-ratio: 4 / 4.7; }
.ha-product-media { display: block; width: 100%; height: 100%; }
.ha-product-image { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.ha-product-card:hover .ha-product-image { transform: scale(1.06); }
.ha-media-empty { display: grid; place-items: center; color: #b57942; background: linear-gradient(135deg,#eee0cb,#e4c5a7); }
.ha-media-empty svg { width: 48px; height: 48px; }
.ha-badge { position: absolute; z-index: 2; top: 9px; right: 9px; padding: 5px 9px; border-radius: 8px; font-size: .67rem; font-weight: 800; color: #fff !important; background: var(--ha-primary); line-height: 1.5; }
.ha-product-card__content { display: flex; flex: 1; flex-direction: column; min-width: 0; padding: 12px 5px 5px; }
.ha-product-card__title { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 2.9em; line-height: 1.5; font-size: .83rem; font-weight: 800; color: var(--ha-text); }
.ha-product-card__price { display: block; min-height: 26px; margin-top: 8px; color: var(--ha-primary); font-size: .77rem; font-weight: 800; line-height: 1.65; overflow-wrap: anywhere; }
.ha-product-card__price del { color: #af9b8c; font-size: .7rem; margin-inline-start: 3px; font-weight: 500; }
.ha-product-card__price ins, .ha-feature-product__info ins { text-decoration: none; }
.ha-product-card__price .woocommerce-Price-currencySymbol { font-size: .8em; }
.ha-product-card__view { display: flex; justify-content: space-between; align-items: center; gap: 5px; width: 100%; margin-top: auto; padding-top: 10px; border-top: 1px solid var(--ha-border); color: var(--ha-muted); font-size: .7rem; }
.ha-product-card__view svg { color: var(--ha-primary); width: 15px; height: 15px; transform: scaleX(-1); }
.ha-empty-state { grid-column: 1 / -1; padding: 42px 20px; border: 1px dashed #d8bdaa; border-radius: 18px; background: #fff7eb; text-align: center; font-size: .85rem; color: #816956; }

.ha-values { background: #f3e5d2; }
.ha-values__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.ha-value-card { min-width: 0; background: rgba(255,253,248,.75); border: 1px solid rgba(132,87,54,.13); border-radius: 23px; padding: clamp(22px,3vw,37px); transition: transform .25s ease, background .25s ease; }
.ha-value-card:hover { transform: translateY(-5px); background: #fffdfa; }
.ha-value-card__icon { display: grid; place-items: center; width: 55px; height: 55px; margin-bottom: 15px; border-radius: 17px; background: #a8482e; color: white; }
.ha-value-card:nth-child(2) .ha-value-card__icon { background: var(--ha-green); }
.ha-value-card:nth-child(3) .ha-value-card__icon { background: #d9973c; }
.ha-value-card h3 { margin: 0 0 7px; font-size: 1.08rem; font-weight: 800; line-height: 1.6; }
.ha-value-card p { margin: 0; color: var(--ha-muted); font-size: .85rem; line-height: 2; }
.ha-collection { background: #fffaf3; }
.ha-product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: clamp(11px, 1.5vw, 22px); align-items: stretch; }
.ha-collection .ha-section-head { margin-bottom: 31px; }
.ha-collection .ha-product-card__visual { aspect-ratio: 4 / 4.15; }
.ha-faq { background: #f6e9da; }
.ha-faq__container { max-width: 920px; }
.ha-faq__items { overflow: hidden; border-radius: 21px; background: #fffaf4; border: 1px solid var(--ha-border); }
.ha-faq-item + .ha-faq-item { border-top: 1px solid var(--ha-border); }
.ha-faq-question { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 20px; padding: 22px clamp(19px,3vw,31px); color: var(--ha-text); background: transparent; border: 0; text-align: right; font-size: .92rem; font-weight: 800; }
.ha-faq-question b { display: grid; place-items: center; width: 32px; height: 32px; flex: none; border-radius: 50%; background: #f1e2ce; color: var(--ha-primary); font-size: 1.2rem; font-weight: 400; transition: transform .2s; }
.ha-faq-question[aria-expanded="true"] b { transform: rotate(45deg); }
.ha-faq-answer { padding: 0 clamp(19px,3vw,31px) 21px; }
.ha-faq-answer[hidden] { display: none; }
.ha-faq-answer p { margin: 0; max-width: 730px; color: var(--ha-muted); font-size: .88rem; line-height: 2; }
.ha-endcap { background: #663d41; color: #fff4e8; padding: 58px 0; }
.ha-endcap__inner { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.ha-endcap .ha-eyebrow { color: #f6bd7c; }
.ha-endcap h2 { margin: 8px 0 7px; color: #fff4e8; font-size: clamp(1.7rem,3vw,2.8rem); line-height: 1.45; }
.ha-endcap p { margin: 0; color: #edd6ce; font-size: .88rem; }

/* Motion is decorative only, no content is ever hidden behind JS */
@keyframes ha-tree-sway { 0%,100% { transform: rotate(0); } 50% { transform: rotate(.4deg) translateY(-3px); } }
@keyframes ha-leaf-fall { 0% { opacity: 0; transform: translate(0,-30px) rotate(0deg); } 13% { opacity: .82; } 82% { opacity: .7; } 100% { opacity: 0; transform: translate(-115px,500px) rotate(540deg); } }
@keyframes ha-scroll-down { 50% { transform: translateY(5px); } }
@keyframes ha-marquee { to { transform: translateX(50%); } }
.ha-reveal { transition: transform .65s ease, opacity .65s ease; }
.ha-motion-ready .ha-reveal:not(.is-visible) { opacity: 0; transform: translateY(17px); }
.ha-reveal.is-visible { opacity: 1; transform: none; }

@media (min-width: 1440px) { .ha-carousel-track { --ha-columns: 6; } }
@media (max-width: 1199px) {
  .ha-hero__layout { grid-template-columns: minmax(0,45%) minmax(0,55%); min-height: 680px; }
  .ha-hero__scene { height: 650px; }
  .ha-hero h1 { font-size: clamp(3.05rem,5.5vw,5rem); }
  .ha-feature-product { width: 150px; }
  .ha-carousel-track { --ha-columns: 4; }
}
@media (max-width: 930px) {
  .ha-container { width: calc(100% - 42px); }
  .ha-hero__layout { grid-template-columns: minmax(0,47%) minmax(0,53%); min-height: 600px; }
  .ha-hero__scene { height: 590px; }
  .ha-hero__copy { padding: 65px 0 80px; }
  .ha-hero h1 { font-size: clamp(2.65rem,5.9vw,4.2rem); }
  .ha-hero__copy > p { font-size: .9rem; }
  .ha-feature-product { width: 125px; border-radius: 13px; padding: 6px; }
  .ha-feature-product__info strong { font-size: .65rem; }
  .ha-feature-product__info > span { font-size: .61rem; }
  .ha-carousel-track { --ha-columns: 3; }
  .ha-product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 720px) {
  .ha-container { width: calc(100% - 32px); }
  .ha-hero__layout { display: flex; flex-direction: column; align-items: stretch; min-height: 0; }
  .ha-hero__copy { width: 100%; max-width: 600px; margin-inline: auto; padding: 55px 8px 8px; text-align: center; }
  .ha-hero h1 { max-width: none; margin: 17px 0; font-size: clamp(2.75rem,9vw,4.4rem); line-height: 1.27; }
  .ha-hero__copy > p { margin: 0 auto 20px; max-width: 520px; line-height: 1.95; }
  .ha-hero__actions, .ha-hero__under { justify-content: center; }
  .ha-hero__under { margin-top: 18px; }
  .ha-hero__scene { height: clamp(340px,76vw,545px); max-width: 630px; margin-inline: auto; }
  .ha-tree-image { right: -1%; bottom: 15px; height: 99%; width: 100%; }
  .ha-ground-image { right: 0; bottom: 1px; }
  .ha-feature-product { width: clamp(105px, 23vw, 145px); }
  .ha-feature-product--1 { top: 13%; left: 0; }
  .ha-feature-product--2 { bottom: 10%; left: 10%; }
  .ha-hero__scroll { bottom: 0; font-size: .65rem; }
  .ha-section { padding: 74px 0; }
  .ha-section-head { align-items: start; }
  .ha-section-head h2 { font-size: clamp(1.8rem, 5.8vw, 2.7rem); }
  .ha-carousel-track { --ha-columns: 2; --ha-gap: 11px; }
  .ha-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .ha-values__grid { grid-template-columns: 1fr; gap: 12px; }
  .ha-value-card { display: grid; grid-template-columns: 50px 1fr; gap: 0 15px; padding: 19px; }
  .ha-value-card__icon { grid-row: 1 / span 2; width: 48px; height: 48px; margin: 0; }
  .ha-value-card h3 { margin-top: 0; }
  .ha-value-card p { grid-column: 2; }
  .ha-endcap__inner { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
  .ha-hero__copy { padding-top: 43px; }
  .ha-hero h1 { font-size: clamp(2.5rem, 10.4vw, 3.3rem); }
  .ha-kicker { font-size: .71rem; }
  .ha-button { padding: 9px 14px; min-height: 47px; font-size: .77rem; }
  .ha-hero__scene { height: clamp(300px,85vw,390px); }
  .ha-feature-product { width: clamp(95px,26vw,122px); padding: 5px; border-radius: 11px; }
  .ha-feature-product__image { border-radius: 7px; }
  .ha-feature-product__info { padding: 4px 3px 2px; }
  .ha-feature-product__info small { font-size: .5rem; }
  .ha-feature-product__info strong { font-size: .56rem; }
  .ha-feature-product__info > span { font-size: .53rem; }
  .ha-feature-product--1 { left: 1%; top: 16%; }
  .ha-feature-product--2 { left: 15%; bottom: 8%; }
  .ha-carousel-track { --ha-columns: 1.55; --ha-gap: 10px; }
  .ha-section-head { flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
  .ha-section-head h2 { font-size: 1.95rem; }
  .ha-section-head p { font-size: .82rem; }
  .ha-product-card { border-radius: 14px; padding: 6px; }
  .ha-product-card__visual { border-radius: 10px; }
  .ha-product-card__title { font-size: .76rem; }
  .ha-product-card__content { padding: 9px 3px 3px; }
  .ha-product-card__price { font-size: .7rem; }
  .ha-product-card__view { font-size: .64rem; }
  .ha-badge { font-size: .61rem; padding: 3px 5px; }
  .ha-collection .ha-product-card__visual { aspect-ratio: 4 / 4.6; }
  .ha-carousel__tools { font-size: .71rem; }
  .ha-carousel__arrows button { width: 35px; height: 35px; }
  .ha-faq-question { font-size: .84rem; }
}
@media (prefers-reduced-motion: reduce) {
  .eteb-autumn-landing *, .eteb-autumn-landing *::before, .eteb-autumn-landing *::after {
    animation-duration: .01ms !important; animation-iteration-count: 1 !important;
    scroll-behavior: auto !important; transition-duration: .01ms !important;
  }
  .ha-motion-ready .ha-reveal:not(.is-visible) { opacity: 1; transform: none; }
}

/* ========================================================
   Eteb Autumn — refinements and functional elements
   ======================================================== */

/* Seamless ticker: two identical groups, moving exactly one group width. */
.ha-marquee { position: relative; isolation: isolate; padding: 13px 0; }
.ha-marquee__track { --ha-marquee-distance: 50%; --ha-marquee-duration: 42s; direction: ltr; gap: 0; display: flex; align-items: center; min-width: 100%; width: max-content; animation: ha-marquee-loop var(--ha-marquee-duration) linear infinite; will-change: transform; }
.ha-marquee__group { display: flex; flex: none; align-items: center; gap: 39px; padding-inline-end: 39px; white-space: nowrap; }
.ha-marquee__group span { position: relative; display: inline-flex; flex: none; align-items: center; direction: rtl; gap: 39px; font-size: .94rem; font-weight: 850; letter-spacing: 0; }
.ha-marquee__group span::after { content: '✦'; color: #ffd37c; font-size: .7rem; }
@keyframes ha-marquee-loop { from { transform: translate3d(0,0,0); } to { transform: translate3d(calc(var(--ha-marquee-distance, 50%) * -1),0,0); } }

/* Gentle falling leaves throughout the landing — never obscure interactions. */
.ha-section > .ha-container { position: relative; z-index: 1; }
.ha-ambient-leaves { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; }
.ha-ambient-leaves i { position: absolute; left: var(--x); top: var(--y); display: block; width: clamp(17px,2.1vw,29px); height: clamp(17px,2.1vw,29px); opacity: 0; background: url('maple-leaf.png') center / contain no-repeat; filter: drop-shadow(0 2px 2px rgba(78,45,19,.10)); animation: ha-ambient-fall var(--speed) linear infinite; animation-delay: var(--delay); }
.ha-ambient-leaves i:nth-child(even) { filter: hue-rotate(33deg) drop-shadow(0 2px 2px rgba(78,45,19,.1)); }
@keyframes ha-ambient-fall {
  0%   { opacity: 0; transform: translate3d(36px,-125px,0) rotate(-35deg); }
  17%  { opacity: .32; }
  76%  { opacity: .28; }
  100% { opacity: 0; transform: translate3d(-64px,220px,0) rotate(300deg); }
}

/* Product cards: sharper typography, warmer frame, functional actions. */
.ha-product-card {
  padding: 9px; border-radius: 21px; border-color: rgba(126,69,37,.14);
  background: linear-gradient(165deg,#fffdf9,#fff9f1);
  box-shadow: 0 5px 18px rgba(100,52,26,.045);
}
.ha-product-card:hover { border-color: rgba(168,72,46,.38); box-shadow: 0 20px 46px rgba(98,49,20,.12); }
.ha-product-card__visual { border-radius: 15px; background: #f1dbc3; }
.ha-product-card__image-link { display: block; width: 100%; height: 100%; border-radius: inherit; overflow: hidden; }
.ha-product-card__image-icon { position: absolute; left: 11px; top: 11px; z-index: 2; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 12px; background: rgba(255,253,246,.91); color: var(--ha-primary); box-shadow: 0 4px 12px rgba(62,34,17,.08); pointer-events: none; }
.ha-product-card__image-icon svg { width: 16px; height: 16px; }
.ha-product-card__content { padding: 14px 7px 6px; gap: 0; }
.ha-product-card__title { font-size: 1rem; font-weight: 850; line-height: 1.58; min-height: 3.16em; letter-spacing: -.02em; }
.ha-product-card__title:hover { color: var(--ha-primary); }
.ha-product-card__price { margin-top: 10px; margin-bottom: 15px; font-size: 1.06rem; font-weight: 900; line-height: 1.65; min-height: 1.7em; }
.ha-product-card__price del { font-size: .83rem; color: #a68b7c; }
.ha-product-card__action {
  display: flex; align-items: center; justify-content: space-between; gap: 7px;
  width: 100%; margin-top: auto; padding: 10px 13px; min-height: 43px;
  border: 1px solid rgba(168,72,46,.16); border-radius: 12px;
  background: #f6e9d9; color: var(--ha-primary) !important;
  font-size: .84rem; font-weight: 800; line-height: 1.4; box-shadow: none;
  transition: background .25s ease, color .25s ease, transform .25s ease;
}
.ha-product-card__action svg { width: 19px; height: 19px; }
.ha-product-card__action:hover { background: var(--ha-primary); border-color: var(--ha-primary); color: #fff !important; transform: translateY(-1px); }
.ha-product-card__action--view { background: #f5f0e7; color: #725a4b !important; border-color: #e8dccb; }
.ha-product-card__action--view:hover { color: #fff !important; }
.ha-product-card__action.loading { opacity: .7; cursor: progress; }
.ha-product-card__action.added { background: #edf0df; color: #46643b !important; }
.ha-product-card .added_to_cart { display: inline-flex; justify-content: center; margin: 5px 0 0; font-size: .82rem; color: var(--ha-primary); }
.ha-badge { border-radius: 10px; font-size: .72rem; }

/* Horizontal carousels still scroll by mouse / touch / keyboard, but no visible bar. */
.ha-carousel-track { scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 10px; }
.ha-carousel-track::-webkit-scrollbar { display: none; width: 0; height: 0; }
.ha-carousel-track > .ha-product-card { scroll-snap-stop: normal; }

/* FAQ: visually independent rounded cards with smooth, accessible panels. */
.ha-faq { background: radial-gradient(ellipse at 85% 12%,#fbe6c5,transparent 42%), #f7ecdf; }
.ha-faq__container { max-width: 990px; }
.ha-faq__items { display: grid; gap: 13px; border: none; border-radius: 0; overflow: visible; background: transparent; }
.ha-faq-item, .ha-faq-item + .ha-faq-item { overflow: hidden; border: 1px solid #e9d5bf; border-radius: 17px; background: #fffcf7; box-shadow: 0 6px 18px rgba(94,54,26,.05); transition: border-color .3s,box-shadow .3s,background .3s; }
.ha-faq-item.is-open { border-color: #d6a27d; background: #fff9f0; box-shadow: 0 12px 26px rgba(99,53,30,.10); }
.ha-faq-item h3 { margin: 0; padding: 0; font-size: inherit; line-height: inherit; }
.ha-faq-question { display: flex; justify-content: flex-start; align-items: center; gap: 18px; width: 100%; border: 0; padding: 19px clamp(15px,2.6vw,26px); font-size: 1rem; line-height: 1.8; text-align: right; }
.ha-faq-question__number { flex: none; display: grid; place-items: center; width: 35px; height: 35px; background: #f6eadc; border-radius: 10px; font-size: .8rem; font-weight: 800; color: #a65d38; }
.ha-faq-question__label { flex: 1; min-width: 0; }
.ha-faq-question__icon { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: #f3ddca; font-size: 1.55rem; line-height: 1; font-weight: 400; color: #a8482e; transition: transform .3s,background .3s,color .3s; }
.ha-faq-question[aria-expanded="true"] .ha-faq-question__icon { transform: rotate(45deg); background: var(--ha-primary); color: white; }
.ha-faq-answer { display: grid; grid-template-rows: 0fr; padding: 0; overflow: hidden; opacity: 0; transition: grid-template-rows .33s ease, opacity .33s ease; }
.ha-faq-item.is-open .ha-faq-answer { grid-template-rows: 1fr; opacity: 1; }
.ha-faq-answer__inner { min-height: 0; overflow: hidden; padding-inline: clamp(15px,2.6vw,26px); }
.ha-faq-answer__inner p { margin: 0 53px 21px 0; max-width: 750px; color: #765d4e; font-size: .92rem; line-height: 2.1; }

/* Newsletter: real WordPress subscriber capture with explicit consent. */
.ha-newsletter { background: linear-gradient(160deg,#fffaf3,#f1dfcc); }
.ha-newsletter__panel { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(24px,5vw,80px); padding: clamp(27px,5vw,68px); border-radius: 30px; border: 1px solid #e6cbb1; background: linear-gradient(125deg,#fff9ed,#fffdf9); box-shadow: 0 22px 70px rgba(108,62,27,.09); }
.ha-newsletter__icon { display: grid; place-items: center; width: 57px; height: 57px; margin-bottom: 17px; color: white; background: #ac5735; border-radius: 19px; }
.ha-newsletter__icon svg { width: 27px; height: 27px; }
.ha-newsletter h2 { margin: 12px 0; font-size: clamp(1.65rem,2.9vw,2.85rem); line-height: 1.42; font-weight: 900; }
.ha-newsletter p { max-width: 490px; margin: 0; color: #826b5b; font-size: .93rem; line-height: 2; }
.ha-newsletter__form-wrap { min-width: 0; }
.ha-newsletter__field-label { display: block; margin-bottom: 8px; font-size: .84rem; font-weight: 800; }
.ha-newsletter__input-row { display: flex; align-items: stretch; gap: 8px; width: 100%; padding: 7px; background: #fff; border: 1px solid #e5c8ae; border-radius: 15px; box-shadow: 0 8px 25px rgba(88,50,22,.05); }
.ha-newsletter__input-row input { flex: 1; min-width: 0; padding: 12px; background: transparent; border: 0; border-radius: 9px; outline: 0; font: inherit; font-size: .98rem; color: #49352a; text-align: left; }
.ha-newsletter__input-row:focus-within { border-color: var(--ha-primary); outline: 2px solid rgba(168,72,46,.16); }
.ha-newsletter__input-row button { flex: none; display: inline-flex; align-items: center; gap: 8px; justify-content: center; padding: 9px 15px; background: var(--ha-primary); color: #fff; border: none; border-radius: 10px; font-size: .88rem; font-weight: 800; white-space: nowrap; }
.ha-newsletter__input-row button:hover { background: var(--ha-primary-dark); }
.ha-newsletter__input-row button svg { width: 17px; height: 17px; transform: scaleX(-1); }
.ha-newsletter__consent { display: flex; align-items: baseline; gap: 10px; margin-top: 13px; cursor: pointer; font-size: .78rem; color: #715c50; line-height: 1.7; }
.ha-newsletter__consent input { flex: none; width: 16px; height: 16px; accent-color: var(--ha-primary); transform: translateY(3px); }
.ha-newsletter__privacy { display: inline-block; margin-top: 9px; text-decoration: underline !important; color: #845639 !important; font-size: .75rem; }
.ha-newsletter__notice { margin-bottom: 13px; padding: 10px 13px; border-radius: 11px; border: 1px solid #e2b8a5; background: #fce8df; font-size: .81rem; }
.ha-newsletter__notice.is-success { color: #3e653c; background: #edf3e5; border-color: #bbd1ae; }
.ha-newsletter__honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; pointer-events: none; overflow: hidden; }
.ha-skip-anchor { position: absolute; top: 0; height: 1px; width: 1px; overflow: hidden; }

@media (max-width: 900px) {
  .ha-newsletter__panel { grid-template-columns: 1fr; gap: 23px; }
}
@media (max-width: 720px) {
  .ha-tree-image { right: -7%; bottom: 8px; width: 117%; height: 116%; max-width: none; object-fit: contain; object-position: right bottom; }
  .ha-ground-image { right: 5%; bottom: -2px; width: 79%; max-height: 97px; object-fit: contain; }
  .ha-ground-leaf-zone { right: 4%; width: 86%; height: 112px; bottom: 0; }
  .ha-hero__leaves i { width: 18px; height: 19px; }
  .ha-ambient-leaves i { width: 17px; height: 17px; }
  .ha-marquee__group { gap: 26px; padding-inline-end: 26px; }
  .ha-marquee__group span { gap: 26px; font-size: .83rem; }
  .ha-marquee__track { animation-duration: 38s; }
  .ha-product-card__title { font-size: .94rem; }
  .ha-product-card__price { font-size: .97rem; }
  .ha-product-card__action { font-size: .78rem; padding: 9px 11px; }
  .ha-product-card__action svg { width: 18px; height: 18px; }
  .ha-faq-question { gap: 11px; font-size: .92rem; }
  .ha-faq-answer__inner p { margin-right: 47px; font-size: .86rem; }
  .ha-newsletter__panel { border-radius: 21px; padding: 28px 21px; }
}
@media (max-width: 480px) {
  .ha-tree-image { right: -8%; bottom: 4px; width: 123%; height: 124%; }
  .ha-ground-image { right: 7%; bottom: -2px; width: 72%; max-height: 78px; }
  .ha-ground-leaf-zone { right: 5%; width: 82%; height: 95px; bottom: -1px; }
  .ha-ground-leaf { width: 20px; height: 20px; }
  .ha-hero__leaves i { width: 14px; height: 15px; }
  .ha-feature-product--1 { left: 0%; top: 15%; }
  .ha-feature-product--2 { left: 11%; bottom: 9%; }
  .ha-product-card__content { padding: 11px 5px 5px; }
  .ha-product-card__title { font-size: .88rem; min-height: 3.1em; }
  .ha-product-card__price { font-size: .94rem; margin-top: 9px; margin-bottom: 11px; }
  .ha-product-card__price del { font-size: .76rem; }
  .ha-product-card__action { min-height: 39px; font-size: .73rem; padding: 8px; border-radius: 9px; }
  .ha-product-card__action svg { width: 17px; height: 17px; }
  .ha-product-card__image-icon { width: 25px; height: 25px; left: 7px; top: 7px; border-radius: 9px; }
  .ha-faq-question { padding: 14px 12px; font-size: .84rem; gap: 9px; }
  .ha-faq-question__number { width: 29px; height: 29px; font-size: .71rem; }
  .ha-faq-question__icon { width: 30px; height: 30px; font-size: 1.3rem; }
  .ha-faq-answer__inner { padding-inline: 12px; }
  .ha-faq-answer__inner p { margin-right: 39px; margin-bottom: 17px; }
  .ha-newsletter__input-row { flex-wrap: wrap; }
  .ha-newsletter__input-row input { flex-basis: 100%; }
  .ha-newsletter__input-row button { width: 100%; min-height: 43px; }
}
@media (prefers-reduced-motion: reduce) {
  .ha-marquee__track { animation: none !important; }
  .ha-ambient-leaves i { display: none; }
  .ha-faq-answer { transition: none; }
}
/* Keep WooCommerce/theme button presets from overriding the campaign action. */
.eteb-autumn-landing .ha-product-card__action.button { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 43px; border: 1px solid rgba(168,72,46,.16); border-radius: 12px; padding: 10px 13px; background: #f6e9d9; color: var(--ha-primary) !important; font-family: inherit; font-weight: 800; text-transform: none; text-decoration: none !important; box-shadow: none; }
.eteb-autumn-landing .ha-product-card__action.button:hover { border-color: var(--ha-primary); background: var(--ha-primary); color: white !important; }
.eteb-autumn-landing .ha-product-card__action.button.added { background: #edf0df; color: #46643b !important; }
@media (max-width:480px) { .eteb-autumn-landing .ha-product-card__action.button { min-height: 39px; border-radius: 9px; padding: 8px; } }


/* 2.4.0 — memory banner section replacing old icon cards */
.ha-story { background: #f3e5d2; padding-top: clamp(36px, 4.5vw, 56px); padding-bottom: clamp(40px, 5vw, 64px); }
.ha-story-banner { position: relative; min-height: clamp(340px, 42vw, 520px); border-radius: 34px; overflow: hidden; background: #b7763f; box-shadow: 0 24px 55px rgba(87,43,19,.18); isolation: isolate; }
.ha-story-banner__media, .ha-story-banner__media img { display: block; width: 100%; height: 100%; }
.ha-story-banner__media { position: absolute; inset: 0; }
.ha-story-banner__media img { object-fit: cover; object-position: center center; }
.ha-story-banner__overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(48,27,17,.70) 0%, rgba(75,40,24,.46) 33%, rgba(77,45,22,.14) 60%, rgba(77,45,22,.06) 100%); }
.ha-story-banner__content { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; max-width: 520px; min-height: inherit; padding: clamp(30px, 4.2vw, 58px); color: #fff7ef; text-align: right; }
.ha-story-banner__content h2 { margin: 0 0 14px; color: inherit; font-size: clamp(2.2rem, 4.3vw, 4.2rem); line-height: 1.22; font-weight: 900; letter-spacing: -.04em; }
.ha-story-banner__content p { margin: 0 0 24px; color: rgba(255,247,239,.94); font-size: clamp(.96rem, 1.25vw, 1.14rem); line-height: 2; }
.ha-story-banner__content .ha-button { min-width: 168px; }

/* remove obsolete old values grid styling footprint */
.ha-values, .ha-values__grid, .ha-value-card, .ha-value-card__icon { display: revert; }

@media (max-width: 720px) {
  .ha-hero { padding-bottom: 22px; }
  .ha-hero__scene { margin-bottom: 18px; }
  .ha-hero__scroll { bottom: 7px; }
  .ha-story { padding-top: 28px; padding-bottom: 38px; }
  .ha-story-banner { min-height: 470px; border-radius: 24px; }
  .ha-story-banner__media img { object-position: center top; }
  .ha-story-banner__overlay { background: linear-gradient(180deg, rgba(42,24,16,.16) 0%, rgba(46,28,18,.26) 30%, rgba(42,24,16,.66) 100%); }
  .ha-story-banner__content { justify-content: flex-end; align-items: flex-start; max-width: none; padding: 24px 20px 24px; }
  .ha-story-banner__content h2 { font-size: clamp(1.9rem, 8vw, 2.65rem); margin-bottom: 10px; }
  .ha-story-banner__content p { margin-bottom: 18px; font-size: .95rem; line-height: 1.9; }
}
@media (max-width: 480px) {
  .ha-story-banner { min-height: 520px; }
  .ha-story-banner__content { padding: 22px 16px 20px; }
  .ha-story-banner__content .ha-button { width: 100%; max-width: 220px; }
}


/* 2.4.1 — full-bleed story banner and mobile lead form */
.ha-story { background: transparent; padding: 0; }
.ha-story .ha-container { width: 100%; max-width: none; }
.ha-story-banner { min-height: clamp(360px, 40vw, 540px); border-radius: 0; box-shadow: none; }
.ha-story-banner__media img { object-position: center center; }
.ha-story-banner__overlay { background: linear-gradient(90deg, rgba(38,23,17,.12) 0%, rgba(49,28,18,.30) 28%, rgba(43,24,16,.72) 72%, rgba(37,21,15,.84) 100%); }
.ha-story-banner__content { width: min(520px, calc(100% - 90px)); max-width: 520px; min-height: inherit; margin-left: 0; margin-right: auto; padding: clamp(34px, 4.8vw, 64px); justify-content: center; align-items: flex-end; text-align: right; }
.ha-story-banner__content .ha-button { align-self: flex-start; }
@media (max-width: 720px) {
  .ha-story-banner { min-height: 500px; }
  .ha-story-banner__overlay { background: linear-gradient(180deg, rgba(39,23,16,.84) 0%, rgba(45,26,17,.46) 32%, rgba(39,23,16,.10) 100%); }
  .ha-story-banner__content { width: 100%; max-width: none; margin: 0; padding: 24px 20px 18px; justify-content: flex-start; align-items: flex-start; text-align: right; }
  .ha-story-banner__content .ha-button { align-self: flex-start; }
}
@media (max-width: 480px) {
  .ha-story-banner { min-height: 520px; }
  .ha-story-banner__content { padding: 20px 16px 16px; }
}


/* 2.4.2 — FAQ spacing and story text width tweaks */
.ha-faq__container { max-width: 860px; }
.ha-faq__items { gap: 16px; }
.ha-faq-item, .ha-faq-item + .ha-faq-item { border-radius: 18px; }
.ha-faq-question { padding: 22px clamp(20px, 2.7vw, 30px); gap: 16px; font-size: 1rem; }
.ha-faq-answer__inner { padding-inline: clamp(20px, 2.7vw, 30px); }
.ha-faq-answer__inner p { padding-bottom: 20px; line-height: 2.05; }

.ha-story-banner__content { width: min(660px, calc(100% - 110px)); max-width: 660px; }
.ha-story-banner__content h2 { max-width: 10.5em; }
.ha-story-banner__content p { max-width: 35em; }

@media (max-width: 720px) {
  .ha-faq__container { max-width: 760px; }
  .ha-faq__items { gap: 14px; }
  .ha-faq-question { padding: 18px 18px; gap: 12px; }
  .ha-faq-answer__inner { padding-inline: 18px; }
  .ha-faq-answer__inner p { padding-bottom: 18px; }
  .ha-story-banner__content { width: 100%; max-width: none; }
}
@media (max-width: 480px) {
  .ha-faq-question { padding: 16px 14px; }
  .ha-faq-answer__inner { padding-inline: 14px; }
  .ha-faq-answer__inner p { padding-bottom: 16px; }
}


/* 2.5.0 — display-only daily countdown */
.ha-daily-clock { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: min(100%, 482px); margin-top: 26px; padding: 14px 17px; border: 1px solid rgba(162,84,44,.21); border-radius: 20px; background: rgba(255,251,244,.83); box-shadow: 0 10px 25px rgba(112,62,27,.06); }
.ha-daily-clock__caption { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ha-daily-clock__spark { display: grid; place-items: center; flex: none; width: 37px; height: 37px; border-radius: 12px; background: #f8e4bf; color: #9a482c; font-size: 21px; }
.ha-daily-clock__caption strong, .ha-daily-clock__caption small { display: block; line-height: 1.6; }
.ha-daily-clock__caption strong { color: #693b2b; font-size: .89rem; font-weight: 850; }
.ha-daily-clock__caption small { color: #8b7363; font-size: .7rem; }
.ha-daily-clock__numbers { display: flex; align-items: center; justify-content: center; gap: 5px; flex: none; font-variant-numeric: tabular-nums; }
.ha-daily-clock__digit { min-width: 36px; padding: 5px 6px; border-radius: 10px; color: #8d3b28; background: #f7e7d2; text-align: center; font-size: 1.15rem; font-weight: 900; line-height: 1.65; }
.ha-daily-clock__numbers b { color: #9b705c; font-size: 1rem; }
/* Sale percentage and matching regular/discounted amount */
.ha-product-card__price .ha-sale-pricing { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 4px 10px; }
.ha-product-card__price .ha-sale-original { color: #9c887c; font-size: .84em; font-weight: 600; opacity: .92; }
.ha-product-card__price .ha-sale-current { color: #9f422c; font-weight: 900; font-size: 1.04em; text-decoration: none; }
.ha-product-card__price .ha-sale-from { font-size: .75em; font-weight: 600; color: #8c7162; }
.ha-feature-product__info .ha-sale-pricing { display: flex; flex-wrap: wrap; gap: 3px 6px; align-items: center; }
.ha-feature-product__info .ha-sale-original { font-size: .76em; color: #988278; }
.ha-feature-product__info .ha-sale-current { color: #a3442e; font-weight: 900; text-decoration: none; }
.ha-feature-product__info .ha-sale-from { font-size: .8em; color: #988278; }

@media (max-width: 720px) {
  .ha-daily-clock { margin: 20px auto 6px; max-width: 470px; }
  .ha-hero__scene .ha-feature-product--1 { left: auto; right: 2%; top: 11%; bottom: auto; transform: rotate(-4deg); }
  .ha-hero__scene .ha-feature-product--2 { left: 2%; right: auto; top: auto; bottom: 9%; transform: rotate(4deg); }
  .ha-hero__scene .ha-feature-product:hover { transform: translateY(-3px) rotate(0); }
  .ha-hero__scene { min-height: 365px; }
}
@media (max-width: 480px) {
  .ha-daily-clock { padding: 10px 12px; gap: 8px; }
  .ha-daily-clock__spark { width: 32px; height: 32px; }
  .ha-daily-clock__caption strong { font-size: .77rem; }
  .ha-daily-clock__caption small { font-size: .65rem; }
  .ha-daily-clock__numbers { gap: 3px; }
  .ha-daily-clock__digit { min-width: 30px; font-size: .99rem; padding: 5px 3px; }
  .ha-hero__scene .ha-feature-product--1 { right: 0%; top: 12%; }
  .ha-hero__scene .ha-feature-product--2 { left: 0%; bottom: 11%; }
}

/* Discount badge overlay on both hero picks. */
.ha-feature-product .ha-badge { z-index: 7; top: 8px; right: 8px; font-size: .63rem; padding: 4px 7px; }
@media (max-width: 480px) { .ha-feature-product .ha-badge { top: 5px; right: 5px; font-size: .54rem; padding: 3px 5px; } }

/* === Eteb festival customizations === */
.ha-hero__backdrop {
  position: absolute;
  inset: 18px 4% 18px 0;
  width: 96%;
  height: calc(100% - 36px);
  object-fit: cover;
  border-radius: 34px;
  opacity: .95;
  z-index: 0;
  filter: saturate(.96) contrast(1.02);
}
.ha-hero__backdrop-overlay {
  position: absolute;
  inset: 18px 4% 18px 0;
  border-radius: 34px;
  background: linear-gradient(90deg, rgba(255,248,236,.16) 0%, rgba(255,247,235,.06) 32%, rgba(255,247,235,.12) 100%);
  z-index: 0;
}
.eteb-section-intro { padding-top: 64px; }
.eteb-scrub-wrap { padding-bottom: 12px; }
.eteb-group-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 8px 0 2px;
  color: var(--ha-primary);
  font-size: 1.35rem;
  font-weight: 900;
}
.eteb-group-heading::before,
.eteb-group-heading::after {
  content: '';
  height: 1px;
  background: linear-gradient(90deg, rgba(168,72,46,.06), rgba(168,72,46,.35), rgba(168,72,46,.06));
  flex: 1;
}
.eteb-group-heading span {
  padding: 8px 16px;
  border-radius: 999px;
  background: #fff3e6;
  border: 1px solid rgba(168,72,46,.14);
  white-space: nowrap;
}
.eteb-endcap { background: #5f403b; }
.eteb-autumn-landing .ha-feature-product__info strong,
.eteb-autumn-landing .ha-feature-product__info > span { white-space: normal; }

.scrub-page-wrap {
    --gap-m: 8px; --gap-t: 12px; --gap-d: 16px;
    --side-m: 6px; --side-d: 16px;
    --border: #e8e8e8; --muted: #666;
    --red: #AA1C1B;
    width: 100%; max-width: 100%; margin: 0 auto;
    color: #222; position: relative;
    font-family: inherit; font-weight: 400;
}
.scrub-page-wrap *, .scrub-page-wrap *::before, .scrub-page-wrap *::after {
    box-sizing: border-box; font-family: inherit; font-weight: inherit;
}
.scrub-page-wrap .fa, .scrub-page-wrap .fas, .scrub-page-wrap .far, .scrub-page-wrap .fab,
.scrub-page-wrap .fa-solid, .scrub-page-wrap .fa-regular, .scrub-page-wrap [class^="fa-"], .scrub-page-wrap [class*=" fa-"],
.scrub-page-wrap .fa::before, .scrub-page-wrap .fa-solid::before, .scrub-page-wrap .fa-regular::before, .scrub-page-wrap [class^="fa-"]::before, .scrub-page-wrap [class*=" fa-"]::before {
    font-family: "Font Awesome 6 Free" !important; font-weight: 900 !important;
    display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;
}
.scrub-sections { display:flex; flex-direction:column; gap:36px; position:relative; }
.scrub-section { width:100%; content-visibility:auto; contain-intrinsic-size:400px; }
.scrub-section-header { margin:0 0 10px; background:transparent; border-radius:10px; padding:12px 10px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.scrub-section-head-right { min-width:0; }
.scrub-section-title { margin:0 0 6px; font-size:16px; line-height:1.3; font-weight:800; }
.scrub-section-meta { color:var(--muted); font-size:12px; line-height:1.5; font-weight:400; }
.scrub-section-viewall {
    flex:0 0 auto; text-decoration:none; color:var(--red); background:#fff; font-size:13px; font-weight:500;
    display:inline-flex; align-items:center; gap:6px; padding:10px 12px; border-radius:10px; transition: transform 0.2s;
}
.scrub-section-viewall:hover { transform: scale(0.96); }
.scrub-slider-wrap { position:relative; width:100%; }
.scrub-track {
    display:flex; gap:var(--gap-m); overflow-x:auto; scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch; padding:0 var(--side-m) 2px; scrollbar-width:none;
}
.scrub-track::-webkit-scrollbar { display:none; }
.scrub-slide {
    flex:0 0 calc((100% - 2.5*var(--gap-m))/2.5);
    min-width: calc((100% - 2.5*var(--gap-m))/2.5);
    list-style:none !important;
}
.scrub-slide::before, .scrub-product-card::before { display:none !important; content:"" !important; }
.scrub-product-card { width:100%; list-style:none !important; }
.scrub-product-card img { width:100%; aspect-ratio:1080/1790; object-fit:cover; display:block; }
.scrub-slider-nav { display:none; }
.scrub-no-products { padding:20px var(--side-m); color:var(--muted); font-size:13px; text-align:center; width:100%; }
@media (min-width:1024px) {
    .scrub-slider-wrap.has-nav { padding:0 50px; }
    .scrub-slider-nav {
        display:flex; position:absolute; top:50%; transform:translateY(-50%); z-index:5;
        width:40px; height:40px; border:1px solid var(--border); background:#fff; border-radius:50%;
        align-items:center; justify-content:center; cursor:pointer; transition: all 0.2s; box-shadow:0 2px 6px rgba(0,0,0,0.1);
    }
    .scrub-slider-nav:hover { background:#111; color:#fff; border-color:#111; }
    .scrub-slider-prev { right:0; }
    .scrub-slider-next { left:0; }
    .scrub-slide {
        flex:0 0 calc((100% - 3*var(--gap-d))/4);
        min-width: calc((100% - 3*var(--gap-d))/4);
    }
    .scrub-track { gap:var(--gap-d); padding:0 0 2px; }
}
@media (min-width:768px) and (max-width:1023px) {
    .scrub-slide {
        flex:0 0 calc((100% - 2*var(--gap-t))/3);
        min-width: calc((100% - 2*var(--gap-t))/3);
    }
    .scrub-track { gap:var(--gap-t); padding:0 var(--side-d) 2px; }
}
@media (max-width:720px) {
  .eteb-group-heading { font-size: 1.05rem; }
  .eteb-group-heading span { padding: 7px 12px; }
}


/* === 3.2.0: truly edge-to-edge, full-viewport autumn hero === */
.eteb-autumn-landing .ha-hero {
  width: 100vw;
  max-width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  min-height: 100vh;
  min-height: 100svh;
  overflow: hidden;
  background: #e9c4a0;
}
.eteb-autumn-landing .ha-hero__backdrop {
  position: absolute;
  display: block;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  border-radius: 0;
  object-fit: cover;
  object-position: center center;
  opacity: 1;
  z-index: 0;
  filter: none;
  pointer-events: none;
}
.eteb-autumn-landing .ha-hero__backdrop-overlay {
  position: absolute;
  inset: 0;
  border-radius: 0;
  background: linear-gradient(90deg, rgba(255,248,232,.89) 0%, rgba(255,247,235,.81) 34%, rgba(255,248,235,.35) 65%, rgba(255,248,235,.10) 100%);
  z-index: 1;
  pointer-events: none;
}
.eteb-autumn-landing .ha-hero__dots { z-index: 1; opacity: .06; }
.eteb-autumn-landing .ha-hero__layout { position: relative; z-index: 2; min-height: 100vh; min-height: 100svh; }
.eteb-autumn-landing .ha-hero__scene { background: transparent; }
.eteb-autumn-landing .ha-hero__copy > p { color: #554033; }
.eteb-autumn-landing .ha-hero__under { color: #624734; }
.eteb-autumn-landing .ha-hero__scroll { z-index: 3; color: #553e2b !important; }
@media (max-width: 720px) {
  .eteb-autumn-landing .ha-hero { min-height: 100vh; min-height: 100svh; }
  .eteb-autumn-landing .ha-hero__layout { min-height: 100vh; min-height: 100svh; }
  .eteb-autumn-landing .ha-hero__backdrop { object-position: 54% center; }
  .eteb-autumn-landing .ha-hero__backdrop-overlay {
    background: linear-gradient(180deg, rgba(255,248,231,.93) 0%, rgba(255,248,231,.79) 42%, rgba(255,248,231,.34) 72%, rgba(255,248,231,.17) 100%);
  }
  .eteb-autumn-landing .ha-hero__scene { width: 100%; }
}

/* Actual WooCommerce customer reviews */
.eteb-reviews { background: #fff8ef; }
.eteb-reviews__frame { position: relative; padding-inline: 45px; }
.eteb-reviews__track {
  display: flex; gap: 17px; overflow-x: auto; scroll-behavior: smooth;
  scroll-snap-type: x mandatory; scrollbar-width: none; padding: 12px 1px 25px;
}
.eteb-reviews__track::-webkit-scrollbar { display: none; }
.eteb-review-card {
  display: flex; flex: 0 0 calc((100% - 34px) / 3); flex-direction: column;
  min-width: 0; min-height: 265px; padding: 24px; scroll-snap-align: start;
  border: 1px solid #ecd9c1; border-radius: 23px;
  background: #fffefa; box-shadow: 0 11px 25px rgba(101,62,35,.07);
}
.eteb-review-card__top { display: flex; align-items: start; justify-content: space-between; gap: 12px; min-height: 37px; }
.eteb-review-card__quote { color: #d4a56c; font-size: 3.3rem; line-height: 1; font-family: Georgia, serif; }
.eteb-review-card__stars { color: #bf842d; font-size: 1rem; letter-spacing: .04em; direction: ltr; white-space: nowrap; }
.eteb-review-card__body { flex: 1; margin: 11px 0 22px !important; color: #524035; line-height: 2; font-size: .9rem; overflow-wrap: anywhere; }
.eteb-review-card__footer { display: flex; flex-direction: column; gap: 4px; border-top: 1px solid #f0dfcf; padding-top: 14px; }
.eteb-review-card__footer strong { font-size: .85rem; color: #593c2e; }
.eteb-review-card__footer a { font-size: .76rem; color: var(--ha-primary); line-height: 1.8; }
.eteb-review-card__footer a:hover { text-decoration: underline; }
.eteb-reviews__nav {
  display: grid; place-items: center; position: absolute; top: 42%; z-index: 2;
  width: 39px; height: 39px; padding: 0; border: 1px solid #e3c4a4;
  background: #fffefa; color: #a8482e; border-radius: 50%; font-size: 1.8rem;
  box-shadow: 0 5px 14px rgba(101,62,35,.1);
}
.eteb-reviews__nav--prev { right: 0; }
.eteb-reviews__nav--next { left: 0; }
.eteb-reviews__empty { text-align: center; padding: 28px 18px; background: #fffdfa; border: 1px dashed #dcc2a9; border-radius: 18px; color: var(--ha-muted); }

/* Accessible FAQ using native details, no JavaScript dependency */
.eteb-faq { background: #f4e7d7; }
.eteb-faq__list { display: grid; gap: 13px; }
.eteb-faq__item { border-radius: 17px; border: 1px solid #e4cfb9; background: #fffdf8; overflow: hidden; box-shadow: 0 5px 17px rgba(101,62,35,.04); }
.eteb-faq__item[open] { border-color: #cb9a75; }
.eteb-faq__item summary {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  min-height: 65px; padding: 17px 22px; cursor: pointer;
  font-size: .96rem; font-weight: 800; color: #513529;
  list-style: none;
}
.eteb-faq__item summary::-webkit-details-marker { display: none; }
.eteb-faq__item summary span { display: grid; place-items: center; flex: none; border-radius: 10px; width: 31px; height: 31px; background: #f6e7d7; color: #b05a34; font-size: 1.45rem; transition: transform .2s; }
.eteb-faq__item[open] summary span { transform: rotate(45deg); }
.eteb-faq__item p { margin: 0 22px 22px !important; padding-top: 8px !important; border-top: 1px solid #f1e5d8; color: #795f51; font-size: .9rem; line-height: 2.1; }
.eteb-faq__item p a { color: #a8482e; text-decoration: underline; font-weight: 800; }
@media (max-width: 980px) {
  .eteb-review-card { flex-basis: calc((100% - 17px) / 2); }
}
@media (max-width: 640px) {
  .eteb-reviews__frame { padding-inline: 0; }
  .eteb-reviews__track { gap: 12px; padding-bottom: 16px; }
  .eteb-review-card { flex-basis: min(86%, 345px); min-height: 240px; padding: 18px; }
  .eteb-reviews__nav { display: none; }
  .eteb-faq__item summary { padding: 15px; font-size: .85rem; }
  .eteb-faq__item p { margin-inline: 15px !important; font-size: .83rem; }
}
@media (prefers-reduced-motion: reduce) {
  .eteb-reviews__track { scroll-behavior: auto; }
}
/* Let the campaign span the viewport even when inserted in a narrow content column. */
.eteb-autumn-landing { width: 100vw; max-width: 100vw; left: 50%; transform: translateX(-50%); }

/* ===== 3.3.0: centered hero + three real WooCommerce scrub images ===== */
main.eteb-autumn-landing .ha-hero {
  width: 100%; max-width: 100%; left: auto; transform: none;
  min-height: 100vh; min-height: 100svh; margin: 0; padding: 0;
  border: 0; border-radius: 0; box-shadow: none;
}
main.eteb-autumn-landing .ha-hero__backdrop {
  inset: 0; width: 100%; height: 100%; border: 0; border-radius: 0;
  box-shadow: none; filter: none; object-fit: cover; object-position: center center;
}
main.eteb-autumn-landing .ha-hero__backdrop-overlay {
  inset: 0; border: 0; border-radius: 0;
  background: linear-gradient(180deg,rgba(255,247,230,.85) 0%,rgba(255,247,230,.76) 45%,rgba(255,247,230,.43) 77%,rgba(255,247,230,.17) 100%);
}
main.eteb-autumn-landing .ha-hero__layout {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  direction: rtl; min-height: 100vh; min-height: 100svh;
  padding-block: clamp(44px, 5vh, 78px) 39px; gap: clamp(12px, 2vh, 22px);
}
main.eteb-autumn-landing .ha-hero__copy {
  width: 100%; max-width: 900px; margin-inline: auto;
  padding: 0; text-align: center; direction: rtl;
  display: flex; align-items: center; flex-direction: column;
}
main.eteb-autumn-landing .ha-hero__copy h1 {
  font-size: clamp(2.25rem, 4.35vw, 4.5rem); max-width: 900px;
  margin: 13px auto 12px; line-height: 1.2; text-align: center;
  text-wrap: balance; text-shadow: 0 2px 18px rgba(255,249,234,.45);
}
main.eteb-autumn-landing .ha-hero__copy > p {
  margin: 0 auto 14px; max-width: 690px; text-align: center;
  font-size: clamp(.84rem, 1.03vw, .98rem); line-height: 1.85;
}
main.eteb-autumn-landing .ha-hero__actions {
  width: 100%; justify-content: center; gap: 10px; margin: 0 auto;
}
main.eteb-autumn-landing .ha-daily-clock {
  display: inline-flex; width: auto; max-width: 100%; margin: 14px auto 0;
  gap: 12px; justify-content: center; align-items: center;
  padding: 0; border: 0; outline: none; border-radius: 0;
  background: transparent; box-shadow: none; color: #713523;
}
main.eteb-autumn-landing .ha-daily-clock__caption {
  display: inline-flex; gap: 0; align-items: center; justify-content: center;
}
main.eteb-autumn-landing .ha-daily-clock__caption strong { font-size: .88rem; color: #663b2d; white-space: nowrap; }
main.eteb-autumn-landing .ha-daily-clock__numbers { display: flex; align-items: center; direction: ltr; gap: 5px; }
main.eteb-autumn-landing .ha-daily-clock__digit {
  display: inline-block; padding: 0; min-width: 23px; color: #933a26;
  background: transparent; border: 0; border-radius: 0; font-size: 1.32rem;
  line-height: 1.4; font-weight: 900; font-variant-numeric: tabular-nums;
}
main.eteb-autumn-landing .ha-daily-clock__numbers b { color: #774530; font-size: 1.1rem; }

main.eteb-autumn-landing .ha-hero-scrubs {
  position: relative; z-index: 3; width: min(100%, 790px);
  margin: 0 auto; padding: 0 clamp(25px, 4vw, 65px);
  text-align: center; direction: rtl;
}
main.eteb-autumn-landing .ha-hero-scrubs__stage {
  position: relative; width: 100%; height: clamp(238px, 27vw, 345px);
  isolation: isolate; perspective: 950px;
}
main.eteb-autumn-landing .ha-hero-scrubs__card {
  display: block; position: absolute; top: 8px; left: 50%;
  width: clamp(150px, 17.2vw, 218px); height: calc(100% - 14px);
  margin-left: calc(clamp(150px, 17.2vw, 218px) / -2);
  overflow: hidden; border: 2px solid rgba(255,255,255,.9);
  border-radius: 23px; background: rgba(255,255,255,.90);
  box-shadow: 0 15px 38px rgba(69,31,16,.22);
  opacity: 0; visibility: hidden; pointer-events: none;
  transform: translate3d(0,35px,-100px) scale(.72);
  transition: transform .68s cubic-bezier(.22,.7,.2,1), opacity .5s ease,
              visibility .5s ease, box-shadow .35s ease;
  backface-visibility: hidden; will-change: transform;
}
main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="0"] {
  z-index: 4; opacity: 1; visibility: visible; pointer-events: auto;
  transform: translate3d(0,-4px,60px) scale(1.03);
  box-shadow: 0 23px 47px rgba(66,33,13,.30);
}
main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="-1"] {
  z-index: 2; opacity: .88; visibility: visible; pointer-events: auto;
  transform: translate3d(89%,19px,-25px) scale(.79) rotate(5deg);
}
main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="1"] {
  z-index: 2; opacity: .88; visibility: visible; pointer-events: auto;
  transform: translate3d(-89%,19px,-25px) scale(.79) rotate(-5deg);
}
main.eteb-autumn-landing .ha-hero-scrubs__media,
main.eteb-autumn-landing .ha-hero-scrubs__media .ha-product-image {
  display: block; width: 100%; height: 100%; max-width: 100%;
  object-fit: contain; object-position: center center;
}
main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="0"]:hover {
  transform: translate3d(0,-11px,60px) scale(1.04);
}
main.eteb-autumn-landing .ha-hero-scrubs__nav {
  position: absolute; z-index: 6; top: calc(50% - 16px); transform: translateY(-50%);
  display: grid; place-items: center; width: 42px; height: 42px;
  min-width: 42px; min-height: 42px; margin: 0; padding: 0;
  border: 1px solid rgba(154,75,42,.32); border-radius: 50%;
  background: rgba(255,251,242,.68); box-shadow: none; color: #88402b;
  line-height: 1; appearance: none; cursor: pointer;
}
main.eteb-autumn-landing .ha-hero-scrubs__nav:hover { background: #fffaf0; border-color: #a8482e; }
main.eteb-autumn-landing .ha-hero-scrubs__nav svg { width: 20px; height: 20px; }
main.eteb-autumn-landing .ha-hero-scrubs__nav--prev { right: 0; left: auto; }
main.eteb-autumn-landing .ha-hero-scrubs__nav--next { left: 0; right: auto; }
main.eteb-autumn-landing .ha-hero-scrubs__caption {
  display: block; min-height: 30px; padding-top: 2px; text-align: center;
  color: #573527; font-size: .82rem; font-weight: 800;
  text-shadow: 0 1px 7px rgba(255,255,255,.9);
}

/* Keep product-slider arrows exactly at the vertical center, on opposite sides.
   Scope these rules beyond the theme's generic button and carousel rules. */
main.eteb-autumn-landing .scrub-page-wrap .scrub-section {
  position: relative; content-visibility: visible; contain: none;
}
main.eteb-autumn-landing .scrub-page-wrap .scrub-slider-wrap.has-nav {
  position: relative; display: block; width: 100%; padding-inline: 43px;
}
main.eteb-autumn-landing .scrub-page-wrap .scrub-slider-nav {
  position: absolute !important; z-index: 8 !important;
  top: 50% !important; bottom: auto !important; margin: 0 !important;
  transform: translateY(-50%) !important;
  display: flex !important; flex-direction: row; align-items: center !important;
  justify-content: center !important;
  width: 37px !important; min-width: 37px !important;
  height: 42px !important; min-height: 42px !important;
  padding: 0 !important; border: 0 !important; border-radius: 12px !important;
  background: transparent !important; box-shadow: none !important;
  color: #744536 !important; opacity: 1; line-height: 1 !important;
  cursor: pointer; appearance: none;
}
main.eteb-autumn-landing .scrub-page-wrap .scrub-slider-prev { right: 0 !important; left: auto !important; }
main.eteb-autumn-landing .scrub-page-wrap .scrub-slider-next { left: 0 !important; right: auto !important; }
main.eteb-autumn-landing .scrub-page-wrap .scrub-slider-nav svg { width: 23px; height: 23px; margin: 0; }
main.eteb-autumn-landing .scrub-page-wrap .scrub-slider-nav:hover { color: #a8482e !important; background: rgba(170,100,55,.08) !important; }
main.eteb-autumn-landing .scrub-page-wrap .scrub-slider-nav:disabled { opacity: .25; cursor: default; }
main.eteb-autumn-landing .scrub-page-wrap .scrub-slider-nav:disabled:hover { background: transparent !important; }

/* Reviews: independent cards, truly centered transparent arrows, responsive. */
main.eteb-autumn-landing .eteb-reviews { position: relative; overflow: hidden; background: #fff9f1; }
main.eteb-autumn-landing .eteb-reviews__frame { position: relative; padding-inline: 44px; }
main.eteb-autumn-landing .eteb-reviews__track {
  display: flex; flex-wrap: nowrap; gap: 17px; width: 100%;
  overflow-x: auto; overflow-y: hidden; padding: 12px 2px 24px;
  scroll-snap-type: x mandatory; scroll-behavior: smooth;
  scrollbar-width: none;
}
main.eteb-autumn-landing .eteb-review-card {
  display: flex; flex-direction: column; flex: 0 0 calc((100% - 34px)/3);
  min-width: 0; min-height: 265px; padding: 23px;
  background: #fffdf9; border: 1px solid #e9d5bd; border-radius: 21px;
  box-shadow: 0 9px 27px rgba(92,52,20,.08);
  scroll-snap-align: start;
}
main.eteb-autumn-landing .eteb-review-card__top { display: flex; align-items: center; justify-content: space-between; }
main.eteb-autumn-landing .eteb-review-card__body { flex: 1; margin: 11px 0 19px !important; line-height: 1.95; }
main.eteb-autumn-landing .eteb-review-card__footer { display: flex; flex-direction: column; gap: 5px; padding-top: 12px; border-top: 1px solid #e9d5bd; }
main.eteb-autumn-landing .eteb-reviews__nav {
  position: absolute !important; z-index: 8; top: 50% !important; bottom: auto !important;
  transform: translateY(-50%) !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 38px !important; height: 42px !important; min-width: 38px;
  padding: 0 !important; margin: 0 !important; border: 0 !important;
  border-radius: 12px !important; background: transparent !important;
  box-shadow: none !important; color: #794b38 !important;
  appearance: none; cursor: pointer;
}
main.eteb-autumn-landing .eteb-reviews__nav--prev { right: 0 !important; left: auto !important; }
main.eteb-autumn-landing .eteb-reviews__nav--next { left: 0 !important; right: auto !important; }
main.eteb-autumn-landing .eteb-reviews__nav svg { width: 23px; height: 23px; }
main.eteb-autumn-landing .eteb-reviews__nav:hover { color: #a8482e !important; background: rgba(170,100,55,.08) !important; }
main.eteb-autumn-landing .eteb-reviews__nav:disabled { opacity: .25; cursor: default; }

/* FAQ: keep the plus/minus control centered inside its rounded square. */
main.eteb-autumn-landing .eteb-faq { position: relative; overflow: hidden; background: #f5e7d5; }
main.eteb-autumn-landing .eteb-faq__list {
  display: grid; grid-template-columns: minmax(0,1fr); gap: 12px;
  width: min(100%, 880px); margin-inline: auto;
}
main.eteb-autumn-landing .eteb-faq__item {
  display: block; padding: 0; margin: 0; overflow: hidden;
  border: 1px solid #e0c5ac; border-radius: 16px;
  background: #fffaf4; box-shadow: 0 7px 22px rgba(104,58,22,.06);
}
main.eteb-autumn-landing .eteb-faq__item summary {
  display: flex; flex-direction: row; align-items: center !important;
  justify-content: space-between !important; gap: 16px;
  width: 100%; min-height: 66px; margin: 0; padding: 15px 21px;
  text-align: right; list-style: none; color: #50372c;
  font-size: .94rem; font-weight: 800; line-height: 1.65;
  cursor: pointer; background: transparent; border: none;
}
main.eteb-autumn-landing .eteb-faq__item summary::marker { content: ''; }
main.eteb-autumn-landing .eteb-faq__item summary::-webkit-details-marker { display: none; }
main.eteb-autumn-landing .eteb-faq__item summary .eteb-faq__toggle {
  display: flex !important; align-items: center !important; justify-content: center !important;
  flex: 0 0 33px; width: 33px; height: 33px;
  margin: 0; padding: 0; border-radius: 10px;
  background: #f4e4d1; color: #a4502d;
  font-size: 1.4rem; font-weight: 500; line-height: 1 !important;
  text-align: center; transform-origin: center center;
  transition: transform .25s ease, background .25s ease;
}
main.eteb-autumn-landing .eteb-faq__item[open] summary .eteb-faq__toggle { transform: rotate(45deg); background: #ecd0b5; }
main.eteb-autumn-landing .eteb-faq__item > p { margin: 0 21px 19px !important; padding-top: 12px !important; border-top: 1px solid #edd9c7; line-height: 2; }

/* Large decorative leaves float visibly through every content section. */
main.eteb-autumn-landing .ha-section { isolation: isolate; }
main.eteb-autumn-landing .ha-ambient-leaves { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; }
main.eteb-autumn-landing .ha-ambient-leaves i {
  position: absolute; display: block; left: var(--x); top: var(--y);
  width: clamp(37px,4.1vw,64px); height: clamp(37px,4.1vw,64px);
  opacity: 0; background: url('maple-leaf.png') center / contain no-repeat;
  filter: drop-shadow(2px 4px 3px rgba(106,50,18,.17));
  transform-origin: center center;
  animation: eteb-autumn-leaf-drift var(--speed,13s) ease-in-out infinite;
  animation-delay: var(--delay,0s);
}
main.eteb-autumn-landing .ha-ambient-leaves i:nth-child(even) { filter: hue-rotate(28deg) drop-shadow(2px 4px 3px rgba(106,50,18,.14)); }
@keyframes eteb-autumn-leaf-drift {
  0% { opacity: 0; transform: translate3d(42px,-90px,0) rotate(-35deg) scale(var(--size,1)); }
  17% { opacity: .56; }
  78% { opacity: .48; }
  100% { opacity: 0; transform: translate3d(-78px,260px,0) rotate(285deg) scale(var(--size,1)); }
}

@media (max-width: 980px) {
  main.eteb-autumn-landing .eteb-review-card { flex-basis: calc((100% - 17px)/2); }
}
@media (max-width: 720px) {
  main.eteb-autumn-landing .ha-hero__layout { padding-block: 50px 34px; gap: 12px; }
  main.eteb-autumn-landing .ha-hero__copy h1 { font-size: clamp(2rem,7.6vw,3.15rem); margin: 13px auto 10px; }
  main.eteb-autumn-landing .ha-hero__copy > p { font-size: .85rem; margin-bottom: 12px; }
  main.eteb-autumn-landing .ha-hero-scrubs { padding-inline: 33px; }
  main.eteb-autumn-landing .ha-hero-scrubs__stage { height: clamp(215px,51vw,310px); }
  main.eteb-autumn-landing .ha-hero-scrubs__card {
    width: clamp(132px,35vw,188px);
    margin-left: calc(clamp(132px,35vw,188px) / -2);
    border-radius: 17px;
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="-1"] { transform: translate3d(73%,13px,-25px) scale(.74) rotate(5deg); }
  main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="1"] { transform: translate3d(-73%,13px,-25px) scale(.74) rotate(-5deg); }
  main.eteb-autumn-landing .ha-hero-scrubs__nav { width: 32px; height: 37px; min-width: 32px; min-height: 37px; }
  main.eteb-autumn-landing .ha-daily-clock { margin-top: 12px; }
  main.eteb-autumn-landing .scrub-page-wrap .scrub-slider-wrap.has-nav { padding-inline: 29px; }
  main.eteb-autumn-landing .scrub-page-wrap .scrub-slider-nav { width: 27px !important; min-width: 27px !important; height: 40px !important; min-height: 40px !important; }
  main.eteb-autumn-landing .scrub-page-wrap .scrub-slider-nav svg { width: 20px; height: 20px; }
}
@media (max-width: 640px) {
  main.eteb-autumn-landing .eteb-reviews__frame { padding-inline: 31px; }
  main.eteb-autumn-landing .eteb-review-card { flex-basis: min(92%,340px); padding: 17px; min-height: 240px; }
  main.eteb-autumn-landing .eteb-reviews__nav { width: 29px !important; min-width: 29px !important; }
  main.eteb-autumn-landing .eteb-reviews__nav svg { width: 20px; height: 20px; }
  main.eteb-autumn-landing .eteb-faq__item summary { padding: 15px; font-size: .85rem; }
  main.eteb-autumn-landing .eteb-faq__item > p { margin-inline: 15px !important; }
  main.eteb-autumn-landing .ha-ambient-leaves i { width: 39px; height: 39px; }
}
@media (max-width: 410px) {
  main.eteb-autumn-landing .ha-hero__layout { padding-top: 32px; }
  main.eteb-autumn-landing .ha-hero__copy h1 { font-size: clamp(1.9rem,8vw,2.3rem); }
  main.eteb-autumn-landing .ha-hero__actions { gap: 7px; }
  main.eteb-autumn-landing .ha-hero__actions .ha-button { font-size: .69rem; padding-inline: 9px; }
  main.eteb-autumn-landing .ha-daily-clock { flex-wrap: wrap; gap: 6px 10px; }
}
@media (prefers-reduced-motion: reduce) {
  main.eteb-autumn-landing .ha-hero-scrubs__card { transition: none; }
  main.eteb-autumn-landing .ha-ambient-leaves { display: none; }
}


/* ===== 3.4.0: restore the original autumn tree on the right of the full-screen hero.
   Decorative images sit above the background tint but behind the centered copy
   and interactive 3-scrub carousel. No former hero product cards are restored. ===== */
main.eteb-autumn-landing .ha-hero__tree-layer {
  position: absolute;
  inset: 0;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}
main.eteb-autumn-landing .ha-hero__layout {
  z-index: 3;
}
main.eteb-autumn-landing .ha-hero__tree {
  position: absolute;
  display: block;
  right: clamp(-105px, -4.8vw, -25px);
  bottom: -5px;
  width: auto;
  height: min(68svh, 675px);
  max-width: none;
  object-fit: contain;
  object-position: right bottom;
  transform-origin: 87% 100%;
  filter: drop-shadow(5px 12px 10px rgba(73,40,26,.19));
  animation: ha-tree-sway 9s ease-in-out infinite;
}
main.eteb-autumn-landing .ha-hero__fallen-leaves {
  position: absolute;
  display: block;
  width: min(43vw, 620px);
  height: auto;
  max-width: none;
  right: -80px;
  bottom: -22px;
  object-fit: contain;
  opacity: .92;
  filter: drop-shadow(0 5px 7px rgba(88,41,20,.13));
}
@media (max-width: 1024px) {
  main.eteb-autumn-landing .ha-hero__tree {
    height: min(65svh, 650px);
    right: -115px;
  }
  main.eteb-autumn-landing .ha-hero__fallen-leaves {
    width: 66vw;
    right: -90px;
  }
}
@media (max-width: 720px) {
  main.eteb-autumn-landing .ha-hero__tree {
    height: clamp(300px, 48svh, 480px);
    right: clamp(-155px, -27vw, -90px);
    bottom: 6px;
    opacity: .92;
  }
  main.eteb-autumn-landing .ha-hero__fallen-leaves {
    width: min(87vw, 400px);
    right: -95px;
    bottom: -38px;
    opacity: .74;
  }
}
@media (prefers-reduced-motion: reduce) {
  main.eteb-autumn-landing .ha-hero__tree { animation: none; }
}


/* ===== 3.5.0: tree-right / text-center / three tilted scrubs-left ===== */
main.eteb-autumn-landing .ha-hero {
  overflow: hidden;
}
main.eteb-autumn-landing .ha-hero__backdrop-overlay {
  background: linear-gradient(90deg, rgba(255,247,230,.88) 0%, rgba(255,247,230,.82) 36%, rgba(255,247,230,.45) 66%, rgba(255,247,230,.16) 100%);
}
main.eteb-autumn-landing .ha-hero__layout {
  display: grid;
  direction: ltr;
  grid-template-columns: minmax(220px, 340px) minmax(430px, 700px);
  align-items: center;
  justify-content: start;
  column-gap: clamp(34px, 5vw, 92px);
  min-height: 100vh;
  min-height: 100svh;
  padding-block: clamp(36px, 4vh, 62px);
  padding-inline: clamp(24px, 3vw, 42px) clamp(320px, 30vw, 520px);
}
main.eteb-autumn-landing .ha-hero__copy {
  grid-column: 2;
  max-width: 700px;
  justify-self: center;
  text-align: center;
  align-items: center;
  position: relative;
  z-index: 4;
}
main.eteb-autumn-landing .ha-hero__copy > p,
main.eteb-autumn-landing .ha-hero__copy h1,
main.eteb-autumn-landing .ha-hero__actions,
main.eteb-autumn-landing .ha-daily-clock {
  text-align: center;
  justify-content: center;
}
main.eteb-autumn-landing .ha-hero-scrubs {
  grid-column: 1;
  width: min(100%, 320px);
  justify-self: start;
  align-self: center;
  position: relative;
  z-index: 4;
  padding: 0;
  margin-inline-start: 0;
}
main.eteb-autumn-landing .ha-hero-scrubs__stage {
  position: relative;
  width: 100%;
  height: clamp(260px, 34vw, 420px);
  perspective: 1200px;
  overflow: visible;
  touch-action: pan-y;
}
main.eteb-autumn-landing .ha-hero-scrubs__card {
  width: clamp(118px, 10.5vw, 165px);
  margin-left: calc(clamp(118px, 10.5vw, 165px) / -2);
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 24px;
  overflow: hidden;
  cursor: grab;
}
main.eteb-autumn-landing .ha-hero-scrubs__card:active { cursor: grabbing; }
main.eteb-autumn-landing .ha-hero-scrubs__media,
main.eteb-autumn-landing .ha-hero-scrubs__media .ha-product-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: transparent !important;
}
main.eteb-autumn-landing .ha-hero-scrubs__media {
  aspect-ratio: 0.74;
  border-radius: 24px;
  overflow: hidden;
  background: transparent !important;
  filter: drop-shadow(0 12px 24px rgba(81, 42, 18, .14));
}
main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="0"] {
  transform: translate3d(0, 0, 0) scale(1.02) rotate(-3deg);
  z-index: 3;
  opacity: 1;
}
main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="-1"] {
  transform: translate3d(75%, 16px, -30px) scale(.83) rotate(10deg);
  z-index: 2;
  opacity: .98;
}
main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="1"] {
  transform: translate3d(-75%, 18px, -30px) scale(.83) rotate(-10deg);
  z-index: 1;
  opacity: .98;
}
main.eteb-autumn-landing .ha-hero-scrubs__nav,
main.eteb-autumn-landing .ha-hero-scrubs__caption,
main.eteb-autumn-landing .ha-marquee,
main.eteb-autumn-landing .ha-hero__scroll {
  display: none !important;
}
main.eteb-autumn-landing .ha-hero__tree-layer {
  z-index: 2;
}
main.eteb-autumn-landing .ha-hero__tree {
  right: clamp(-90px, -3vw, -10px);
  bottom: -8px;
  height: min(84svh, 860px);
  filter: drop-shadow(7px 15px 16px rgba(73,40,26,.18));
}
main.eteb-autumn-landing .ha-hero__fallen-leaves {
  width: min(48vw, 700px);
  right: -90px;
  bottom: -28px;
}

@media (max-width: 1180px) {
  main.eteb-autumn-landing .ha-hero__layout {
    grid-template-columns: minmax(180px, 290px) minmax(360px, 1fr);
    padding-inline-end: clamp(240px, 26vw, 360px);
    column-gap: 24px;
  }
  main.eteb-autumn-landing .ha-hero__tree {
    height: min(76svh, 720px);
    right: clamp(-120px, -9vw, -45px);
  }
  main.eteb-autumn-landing .ha-hero__fallen-leaves {
    width: min(52vw, 600px);
  }
}
@media (max-width: 860px) {
  main.eteb-autumn-landing .ha-hero__layout {
    display: flex;
    flex-direction: column;
    direction: rtl;
    justify-content: center;
    align-items: center;
    row-gap: 14px;
    padding-inline: 18px;
    padding-top: 38px;
    padding-bottom: 28px;
  }
  main.eteb-autumn-landing .ha-hero-scrubs {
    order: 3;
    width: min(100%, 290px);
    justify-self: center;
    align-self: center;
    margin-top: 6px;
  }
  main.eteb-autumn-landing .ha-hero__copy {
    order: 2;
    max-width: 680px;
    padding-inline: 6px;
  }
  main.eteb-autumn-landing .ha-hero__tree {
    height: clamp(280px, 44svh, 430px);
    right: clamp(-140px, -23vw, -72px);
    opacity: .92;
  }
  main.eteb-autumn-landing .ha-hero__fallen-leaves {
    width: min(88vw, 420px);
    right: -100px;
    bottom: -40px;
    opacity: .78;
  }
  main.eteb-autumn-landing .ha-hero-scrubs__stage {
    height: clamp(210px, 56vw, 305px);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card {
    width: clamp(108px, 30vw, 150px);
    margin-left: calc(clamp(108px, 30vw, 150px) / -2);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="-1"] {
    transform: translate3d(72%, 14px, -30px) scale(.82) rotate(8deg);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="1"] {
    transform: translate3d(-72%, 14px, -30px) scale(.82) rotate(-8deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  main.eteb-autumn-landing .ha-hero-scrubs__card,
  main.eteb-autumn-landing .ha-hero__tree { transition: none; animation: none; }
}


/* ===== 3.5.1: raise tree/cards, shrink ground leaves, lower hero height ===== */
main.eteb-autumn-landing .ha-hero {
  min-height: clamp(720px, 88svh, 900px);
}
main.eteb-autumn-landing .ha-hero__layout {
  min-height: clamp(720px, 88svh, 900px);
  padding-block: clamp(20px, 2.7vh, 38px);
}
main.eteb-autumn-landing .ha-hero__copy {
  transform: translateY(-18px);
}
main.eteb-autumn-landing .ha-hero__tree {
  bottom: 34px;
  right: clamp(-90px, -3vw, -8px);
  height: min(79svh, 790px);
}
main.eteb-autumn-landing .ha-hero__fallen-leaves {
  width: min(38vw, 560px);
  right: -58px;
  bottom: -8px;
  opacity: .9;
}
main.eteb-autumn-landing .ha-hero-scrubs {
  transform: translateY(-32px);
}
main.eteb-autumn-landing .ha-hero-scrubs__stage {
  height: clamp(220px, 28vw, 330px);
}
main.eteb-autumn-landing .ha-hero-scrubs__card {
  width: clamp(140px, 12.5vw, 190px);
  margin-left: calc(clamp(140px, 12.5vw, 190px) / -2);
}
main.eteb-autumn-landing .ha-hero-scrubs__media {
  aspect-ratio: 0.92;
  border-radius: 22px;
}
main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="0"] {
  transform: translate3d(0, -2px, 0) scale(1.02) rotate(-3deg);
}
main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="-1"] {
  transform: translate3d(76%, 8px, -30px) scale(.84) rotate(10deg);
}
main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="1"] {
  transform: translate3d(-76%, 10px, -30px) scale(.84) rotate(-10deg);
}

@media (max-width: 1180px) {
  main.eteb-autumn-landing .ha-hero {
    min-height: clamp(680px, 84svh, 840px);
  }
  main.eteb-autumn-landing .ha-hero__layout {
    min-height: clamp(680px, 84svh, 840px);
    padding-block: 18px 30px;
  }
  main.eteb-autumn-landing .ha-hero__tree {
    bottom: 24px;
    height: min(72svh, 680px);
    right: clamp(-110px, -8vw, -38px);
  }
  main.eteb-autumn-landing .ha-hero__fallen-leaves {
    width: min(42vw, 470px);
    right: -65px;
    bottom: -10px;
  }
  main.eteb-autumn-landing .ha-hero-scrubs {
    transform: translateY(-24px);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__stage {
    height: clamp(205px, 27vw, 290px);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card {
    width: clamp(126px, 12vw, 170px);
    margin-left: calc(clamp(126px, 12vw, 170px) / -2);
  }
}
@media (max-width: 860px) {
  main.eteb-autumn-landing .ha-hero {
    min-height: auto;
  }
  main.eteb-autumn-landing .ha-hero__layout {
    min-height: auto;
    padding-top: 26px;
    padding-bottom: 18px;
    row-gap: 10px;
  }
  main.eteb-autumn-landing .ha-hero__copy {
    transform: translateY(-4px);
  }
  main.eteb-autumn-landing .ha-hero__tree {
    height: clamp(250px, 39svh, 390px);
    right: clamp(-128px, -22vw, -72px);
    bottom: 26px;
  }
  main.eteb-autumn-landing .ha-hero__fallen-leaves {
    width: min(72vw, 320px);
    right: -72px;
    bottom: -6px;
    opacity: .76;
  }
  main.eteb-autumn-landing .ha-hero-scrubs {
    transform: translateY(-12px);
    width: min(100%, 280px);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__stage {
    height: clamp(185px, 50vw, 250px);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card {
    width: clamp(112px, 32vw, 148px);
    margin-left: calc(clamp(112px, 32vw, 148px) / -2);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__media {
    aspect-ratio: 0.9;
    border-radius: 20px;
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="-1"] {
    transform: translate3d(72%, 7px, -24px) scale(.82) rotate(8deg);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="1"] {
    transform: translate3d(-72%, 8px, -24px) scale(.82) rotate(-8deg);
  }
}


/* ===== 3.5.2: larger tree, smaller/more-tilted hero cards moved upward in front of text ===== */
main.eteb-autumn-landing .ha-hero__tree {
  height: min(84svh, 850px);
  right: clamp(-96px, -4vw, -12px);
  bottom: 28px;
}
main.eteb-autumn-landing .ha-hero__fallen-leaves {
  width: min(40vw, 585px);
  right: -62px;
  bottom: -10px;
}
main.eteb-autumn-landing .ha-hero-scrubs {
  position: absolute;
  left: clamp(52px, 7vw, 150px);
  bottom: clamp(190px, 23vh, 255px);
  width: min(100%, 280px);
  z-index: 5;
  transform: none;
  pointer-events: auto;
}
main.eteb-autumn-landing .ha-hero-scrubs__stage {
  height: clamp(180px, 23vw, 255px);
}
main.eteb-autumn-landing .ha-hero-scrubs__card {
  width: clamp(118px, 10.4vw, 160px);
  margin-left: calc(clamp(118px, 10.4vw, 160px) / -2);
}
main.eteb-autumn-landing .ha-hero-scrubs__media {
  aspect-ratio: .88;
  border-radius: 20px;
}
main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="0"] {
  transform: translate3d(0, -4px, 0) scale(1) rotate(-8deg);
}
main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="-1"] {
  transform: translate3d(78%, 0, -30px) scale(.8) rotate(16deg);
}
main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="1"] {
  transform: translate3d(-78%, 2px, -30px) scale(.8) rotate(-16deg);
}
main.eteb-autumn-landing .ha-hero__copy {
  transform: translateY(-6px);
}

@media (max-width: 1180px) {
  main.eteb-autumn-landing .ha-hero__tree {
    height: min(77svh, 730px);
    right: clamp(-118px, -8vw, -36px);
    bottom: 24px;
  }
  main.eteb-autumn-landing .ha-hero-scrubs {
    left: clamp(28px, 4vw, 68px);
    bottom: clamp(170px, 22vh, 225px);
    width: min(100%, 250px);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__stage {
    height: clamp(168px, 22vw, 225px);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card {
    width: clamp(108px, 10.8vw, 145px);
    margin-left: calc(clamp(108px, 10.8vw, 145px) / -2);
  }
}
@media (max-width: 860px) {
  main.eteb-autumn-landing .ha-hero__tree {
    height: clamp(272px, 42svh, 420px);
    right: clamp(-132px, -23vw, -76px);
    bottom: 24px;
  }
  main.eteb-autumn-landing .ha-hero-scrubs {
    position: relative;
    left: auto;
    bottom: auto;
    width: min(100%, 245px);
    margin-top: -28px;
    order: 3;
  }
  main.eteb-autumn-landing .ha-hero-scrubs__stage {
    height: clamp(165px, 46vw, 220px);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card {
    width: clamp(102px, 30vw, 138px);
    margin-left: calc(clamp(102px, 30vw, 138px) / -2);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="0"] {
    transform: translate3d(0, -2px, 0) scale(1) rotate(-7deg);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="-1"] {
    transform: translate3d(74%, 0, -24px) scale(.79) rotate(14deg);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card[data-position="1"] {
    transform: translate3d(-74%, 1px, -24px) scale(.79) rotate(-14deg);
  }
}


/* ===== 3.5.4: correction based specifically on original v3.5.2 ===== */
/* Desktop: preserve the exact requested positioning and group rotation. */
main.eteb-autumn-landing .ha-hero__tree-layer {
  position: absolute;
  inset: 0 auto 0 50%;
  width: 100vw;
  max-width: none;
  height: 100%;
  transform: translateX(-50%);
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}
main.eteb-autumn-landing .ha-hero-scrubs {
  position: absolute;
  left: clamp(52px, 3vw, 150px);
  bottom: clamp(310px, 23vh, 255px);
  width: min(100%, 280px);
  z-index: 5;
  transform: rotate(331deg);
  pointer-events: auto;
}
/* Keep the scattered leaves smaller than in v3.5.2. */
main.eteb-autumn-landing .ha-hero__fallen-leaves {
  width: min(29vw, 400px);
  right: -45px;
  bottom: -9px;
}
@media (max-width: 1180px) and (min-width: 861px) {
  main.eteb-autumn-landing .ha-hero-scrubs {
    left: clamp(52px, 3vw, 150px);
    bottom: clamp(310px, 23vh, 255px);
    width: min(100%, 280px);
    transform: rotate(331deg);
  }
  main.eteb-autumn-landing .ha-hero__fallen-leaves {
    width: min(32vw, 360px);
    right: -42px;
  }
}
/* Mobile: real content order is cards -> copy -> full tree. */
@media (max-width: 860px) {
  main.eteb-autumn-landing .ha-hero,
  main.eteb-autumn-landing .ha-hero__layout {
    min-height: 0;
  }
  main.eteb-autumn-landing .ha-hero__layout {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    direction: rtl;
    gap: 0;
    padding: 30px 18px 0;
  }
  main.eteb-autumn-landing .ha-hero-scrubs {
    position: relative;
    order: 1;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    z-index: 5;
    width: min(100%, 262px);
    margin: 18px auto 26px;
    padding: 0;
    align-self: center;
    transform: rotate(331deg);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__stage {
    height: clamp(180px, 50vw, 240px);
  }
  main.eteb-autumn-landing .ha-hero__copy {
    position: relative;
    order: 2;
    width: 100%;
    max-width: 650px;
    padding: 0 4px;
    margin: 0;
    transform: none;
    z-index: 4;
  }
  main.eteb-autumn-landing .ha-hero__tree-layer {
    position: relative;
    order: 3;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    inset: auto;
    flex: 0 0 auto;
    align-self: center;
    width: 100vw;
    max-width: none;
    height: clamp(340px, 104vw, 510px);
    margin: 12px 0 0;
    padding: 0;
    transform: none;
    overflow: hidden;
    z-index: 2;
    pointer-events: none;
  }
  main.eteb-autumn-landing .ha-hero__tree {
    position: absolute;
    top: auto;
    left: auto;
    right: 50%;
    bottom: 0;
    height: calc(100% - 4px);
    width: auto;
    max-width: none;
    object-fit: contain;
    object-position: bottom center;
    opacity: 1;
    transform: translateX(50%);
    animation: none;
  }
  main.eteb-autumn-landing .ha-hero__fallen-leaves {
    position: absolute;
    right: 50%;
    left: auto;
    bottom: -10px;
    width: min(56vw, 230px);
    max-width: none;
    height: auto;
    opacity: .8;
    transform: translateX(50%);
  }
}
@media (max-width: 410px) {
  main.eteb-autumn-landing .ha-hero__layout { padding-top: 19px; }
  main.eteb-autumn-landing .ha-hero-scrubs { margin-top: 12px; margin-bottom: 20px; }
  main.eteb-autumn-landing .ha-hero-scrubs__stage { height: 184px; }
  main.eteb-autumn-landing .ha-hero__tree-layer { margin-top: 12px; }
}

/* Final responsive spacing: protect the headline at intermediate widths. */
@media (min-width: 861px) {
  main.eteb-autumn-landing .ha-hero__layout {
    display: flex;
    flex-direction: row;
    direction: rtl;
    align-items: center;
    justify-content: center;
    width: min(calc(100% - 64px), 1380px);
    min-height: clamp(680px, 88svh, 820px);
    padding: 26px 0;
  }
  main.eteb-autumn-landing .ha-hero__copy {
    flex: 0 1 auto;
    width: min(55vw, 720px);
    max-width: 720px;
    min-width: 0;
    left: clamp(25px, 3.8vw, 65px);
    transform: translateY(-6px);
  }
}
@media (min-width: 861px) and (max-width: 1360px) {
  main.eteb-autumn-landing .ha-hero__copy {
    width: min(52vw, 610px);
    left: clamp(56px, 7vw, 95px);
  }
  main.eteb-autumn-landing .ha-hero__tree {
    height: min(68svh, 615px);
    right: -125px;
  }
  main.eteb-autumn-landing .ha-hero__fallen-leaves {
    right: -57px;
    width: min(28vw, 320px);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__stage {
    height: clamp(168px, 19vw, 215px);
  }
  main.eteb-autumn-landing .ha-hero-scrubs__card {
    width: clamp(106px, 10vw, 140px);
    margin-left: calc(clamp(106px, 10vw, 140px) / -2);
  }
}
@media (max-width: 860px) {
  main.eteb-autumn-landing .ha-hero__layout { padding-top: 78px; }
}
@media (max-width: 410px) {
  main.eteb-autumn-landing .ha-hero__layout { padding-top: 78px; }
}

/* ==============================================================
   3.5.5 / FAQ redesign: airy editorial intro + accessible FAQ rows.
   Scoped to this landing so the parent theme does not style the
   native details/summary controls as generic toggles or buttons.
   ============================================================== */
main.eteb-autumn-landing .eteb-faq--renewed {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(68px, 7vw, 112px) 0 clamp(78px, 8vw, 124px);
  background:
    radial-gradient(ellipse 42% 65% at 8% 85%, rgba(237, 184, 119, .14), transparent 80%),
    linear-gradient(160deg, #fffaf3 0%, #f8edde 100%);
}
main.eteb-autumn-landing .eteb-faq--renewed::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: clamp(220px, 34vw, 500px);
  height: clamp(220px, 34vw, 500px);
  left: -8%; bottom: -25%;
  background: url('maple-leaf.png') center / contain no-repeat;
  opacity: .07;
  transform: rotate(-21deg);
  pointer-events: none;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__container {
  position: relative;
  z-index: 1;
  width: min(calc(100% - 64px), 1230px);
  max-width: 1230px;
  margin-inline: auto;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__layout {
  display: grid;
  grid-template-columns: minmax(0, .83fr) minmax(0, 1.6fr);
  direction: rtl;
  align-items: start;
  gap: clamp(26px, 5.7vw, 88px);
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro {
  position: relative;
  min-width: 0;
  padding: 25px 24px 0 0;
  text-align: right;
  border-right: 3px solid #c16a43;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #a44d2e;
  font-size: .8rem;
  font-weight: 800;
  line-height: 1.6;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__eyebrow svg {
  width: 18px; height: 18px;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro h2 {
  margin: 16px 0 20px;
  font-size: clamp(2rem, 3.25vw, 3.65rem);
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: -.055em;
  color: #2c2823;
  text-wrap: balance;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro h2 span {
  display: block;
  color: #b35336;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro > p {
  max-width: 340px;
  margin: 0;
  color: #79665b;
  font-size: .96rem;
  line-height: 2.15;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro-note {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 39px;
  padding-top: 22px;
  border-top: 1px solid rgba(169, 100, 64, .20);
  color: #907c6a;
  font-weight: 600;
  font-size: .79rem;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro-note-number {
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 900;
  color: #bd623f;
  font-variant-numeric: tabular-nums;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  max-width: none;
  gap: 12px;
  margin: 0;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  border: 1px solid #eadbca;
  border-radius: 16px;
  background: rgba(255, 255, 255, .77);
  box-shadow: 0 5px 25px rgba(81, 48, 29, .028);
  overflow: hidden;
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item:hover {
  border-color: #d7b79f;
  background: #fffdf9;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item[open] {
  border-color: #d9b297;
  background: #fffefa;
  box-shadow: 0 13px 30px rgba(94, 54, 26, .065);
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item > summary {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: clamp(10px, 1.5vw, 16px);
  width: 100%;
  min-height: 75px;
  margin: 0;
  padding: 17px clamp(15px, 1.75vw, 24px);
  cursor: pointer;
  list-style: none !important;
  color: #382e27;
  background: transparent !important;
  text-align: right;
  line-height: 1.8;
  font-size: clamp(.88rem, 1.03vw, 1rem);
  font-weight: 750;
  user-select: none;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item > summary::marker { content: ''; }
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item > summary::-webkit-details-marker { display: none; }
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item > summary:focus-visible {
  outline: 3px solid #bb714a;
  outline-offset: -3px;
  border-radius: 15px;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
  border: 1px solid #e9d8c9;
  border-radius: 11px;
  background: #f9f1e8;
  color: #b37755;
  font-size: .73rem;
  font-weight: 800;
  line-height: 1;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__question {
  flex: 1 1 auto;
  min-width: 0;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__toggle {
  display: flex !important;
  flex: 0 0 36px;
  align-items: center !important;
  justify-content: center !important;
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  border: 1px solid #e7d5c4;
  border-radius: 50%;
  color: #a85a37;
  background: #fcf6ee;
  box-shadow: none;
  transform: none;
  transition: transform .25s ease, background .25s ease, color .25s ease;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__toggle svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item[open] > summary {
  color: #9a4128;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item[open] .eteb-faq__number {
  color: #fff;
  border-color: #b65436;
  background: #b65436;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item[open] .eteb-faq__toggle {
  background: #b65436;
  border-color: #b65436;
  color: #fff;
  transform: rotate(180deg);
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__answer {
  padding: 0 clamp(15px, 1.75vw, 24px) 23px;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__answer > p {
  margin: 0 51px 0 0 !important;
  padding: 19px 0 0 !important;
  border-top: 1px solid #f1e5d9;
  color: #725e50;
  font-size: .91rem;
  font-weight: 400;
  line-height: 2.15;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__answer a {
  color: #ab482b;
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 800;
}
@media (max-width: 920px) {
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 27px;
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro {
    max-width: 680px;
    padding: 8px 19px 0 0;
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro h2 span { display: inline; }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro h2 {
    margin: 9px 0 10px;
    font-size: clamp(1.75rem, 4.6vw, 2.8rem);
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro > p { max-width: 690px; }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro-note { display: none; }
}
@media (max-width: 640px) {
  main.eteb-autumn-landing .eteb-faq--renewed {
    padding: 64px 0 78px;
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__container {
    width: min(calc(100% - 32px), 1230px);
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro {
    padding-right: 14px;
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro h2 {
    font-size: clamp(1.62rem, 7vw, 2.2rem);
    line-height: 1.42;
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__intro > p {
    font-size: .82rem;
    line-height: 1.98;
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__list {
    gap: 10px;
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item {
    border-radius: 14px;
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item > summary {
    min-height: 67px;
    gap: 10px;
    padding: 13px 13px;
    font-size: .83rem;
    line-height: 1.7;
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__number {
    flex-basis: 29px;
    width: 29px;
    height: 29px;
    border-radius: 9px;
    font-size: .66rem;
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__toggle {
    flex-basis: 31px;
    width: 31px;
    height: 31px;
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__answer {
    padding: 0 13px 17px;
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__answer > p {
    margin-right: 39px !important;
    font-size: .81rem;
    line-height: 2;
    padding-top: 12px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item,
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__toggle { transition: none; }
}

/* Specific reset: older campaign styles targeted EVERY span in FAQ summaries.
   Override those rules so only the chevron rotates, never the question text. */
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item > summary > .eteb-faq__question {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  text-align: right !important;
  color: #382e27 !important;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item[open] > summary > .eteb-faq__question {
  color: #99462f !important;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item > summary > .eteb-faq__number {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 35px !important;
  width: 35px !important;
  height: 35px !important;
  font-size: .73rem !important;
  line-height: 1 !important;
  transform: none !important;
  background: #f9f1e8 !important;
  color: #b37755 !important;
  border-radius: 11px !important;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item[open] > summary > .eteb-faq__number {
  background: #b65436 !important;
  color: #fff !important;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item > summary > .eteb-faq__toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid #e7d5c4 !important;
  border-radius: 50% !important;
  background: #fcf6ee !important;
  color: #a85a37 !important;
  transform: none !important;
}
main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item[open] > summary > .eteb-faq__toggle {
  background: #b65436 !important;
  border-color: #b65436 !important;
  color: #fff !important;
  transform: rotate(180deg) !important;
}
@media (max-width: 640px) {
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item > summary > .eteb-faq__number {
    flex-basis: 29px !important;
    width: 29px !important;
    height: 29px !important;
    font-size: .66rem !important;
  }
  main.eteb-autumn-landing .eteb-faq--renewed .eteb-faq__item > summary > .eteb-faq__toggle {
    flex-basis: 31px !important;
    width: 31px !important;
    height: 31px !important;
  }
}