/* ===== Padel Pulse home ===== */
.pp-home{display:block;overflow-x:clip}
/* .pp-btn--lg (large button size) moved to base.css — used off-home too (about / FAQ / PDP) */

/* 1 — HERO "The Opening Pulse": cinematic graphite band that bookends the footer (depth + EKG spine) */
.pp-hero{--pp-accent:#cbff00;--pp-accent-press:#cbff00;position:relative;overflow:hidden;isolation:isolate;min-height:clamp(520px,70vh,700px);display:flex;flex-direction:column;background:#032139}
.pp-hero__bg{position:absolute;inset:-6% -2%;z-index:0;background:var(--hero) right 12%/cover no-repeat;will-change:transform}
/* depth: a graphite wall for the copy + a soft warm vignette + a deep bottom fade into the page */
.pp-hero__scrim{position:absolute;inset:0;z-index:1;background:
  linear-gradient(95deg,#02192c 0%,rgba(10,10,14,.92) 28%,rgba(10,10,14,.5) 54%,rgba(10,10,14,.08) 84%,rgba(10,10,14,0) 100%),
  radial-gradient(130% 120% at 14% 36%,rgba(203,255,0,.12) 0%,transparent 44%),
  linear-gradient(180deg,rgba(10,10,14,.45) 0%,transparent 22%,transparent 58%,#02192c 100%)}
.pp-hero__in{position:relative;z-index:2;width:min(100% - 2rem,var(--pp-wrap));margin-inline:auto;margin-block:auto;padding-block:clamp(2.4rem,6vh,3.4rem)}
.pp-hero__copy{max-width:40rem}
.pp-hero__eyebrow{display:inline-flex;align-items:center;gap:.55rem;color:#cbff00;font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}
.pp-hero__pulse{width:40px;height:12px}
.pp-hero__title{margin:var(--pp-space-4) 0 .55rem;font-family:var(--pp-font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.025em;line-height:.92;color:#fff;text-wrap:balance}
.pp-hero__l1{display:block;font-size:clamp(2.1rem,1.2rem+3.6vw,3.9rem);color:rgba(255,255,255,.92)}
.pp-hero__l2{display:block;font-size:clamp(2.1rem,1.2rem+3.6vw,3.9rem)}
.pp-hero__l2 em{color:var(--pp-accent);font-style:normal}
/* mobile: shrink the title a touch so each line stays on one row (clean 2-line title) */
@media (max-width:600px){.pp-hero__l1,.pp-hero__l2{font-size:clamp(28px,9.2vw,52px)}}
.pp-hero__sub{color:rgba(255,255,255,.84);font-size:var(--pp-step-1);line-height:1.55;margin:0 0 var(--pp-space-5);max-width:46ch}
.pp-hero__cta{display:flex;align-items:center;gap:var(--pp-space-4);flex-wrap:wrap}
.pp-hero .pp-btn--primary{color:#032139;font-weight:700}
.pp-btn--ghostlight{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.pp-btn--ghostlight:hover{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1.5px #fff}
.pp-hero__code{margin:var(--pp-space-4) 0 0;font-size:.9rem;color:rgba(255,255,255,.72)}
.pp-hero__code strong{color:var(--pp-accent);font-weight:700;letter-spacing:.02em}
/* proof / trust row */
.pp-hero__proof{display:flex;gap:clamp(1.2rem,3vw,2.4rem);list-style:none;margin:var(--pp-space-6) 0 0;padding:0;flex-wrap:wrap}
.pp-hero__proof li{color:rgba(255,255,255,.66);font-size:.8rem;display:flex;flex-direction:column;line-height:1.25;position:relative}
.pp-hero__proof li+li{padding-left:clamp(1.2rem,3vw,2.4rem)}
.pp-hero__proof li+li::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:rgba(255,255,255,.18)}
.pp-hero__proof strong{color:#fff;font-family:var(--pp-font-display);font-size:1.3rem;font-weight:700;letter-spacing:-.01em}
/* Trustpilot proof: official green star + wordmark lockup beneath the score */
.pp-tplogo{display:inline-flex;align-items:center;gap:.34rem;margin-top:.22rem}
.pp-tplogo__star{flex:0 0 auto;width:17px;height:17px;fill:#00B67A}
.pp-tplogo__word{color:#fff;font-family:var(--pp-font-display);font-weight:700;font-size:.95rem;letter-spacing:-.02em;line-height:1}
/* EKG brand spine at the hero's bottom edge (bookends the footer's top rail) */
.pp-hero__ekg{position:relative;z-index:2;height:30px;line-height:0;pointer-events:none}
.pp-hero__ekgsvg{display:block;width:100%;height:30px}
.pp-hero__ekgbase{stroke:rgba(255,255,255,.12)}
.pp-hero__spark{stroke:var(--pp-accent);stroke-dasharray:54 1760;stroke-dashoffset:1760;filter:drop-shadow(0 0 6px rgba(203,255,0,.85));animation:pp-hero-ekg 5.4s linear infinite}
@keyframes pp-hero-ekg{from{stroke-dashoffset:1760}to{stroke-dashoffset:-160}}
@media (prefers-reduced-motion:reduce){ .pp-hero__spark{display:none} }
/* merged brand rail: trusted-brand logos sit on the hero's dark base, right under the pulse line */
.pp-hero__brands{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.07)}
.pp-hero__brands .pp-brands__viewport{padding:clamp(.9rem,2vw,1.35rem) 0}
.pp-hero__brands .pp-brands__logo{filter:brightness(0) invert(1);opacity:.56;transition:opacity var(--pp-dur) var(--pp-ease)}
.pp-hero__brands .pp-brands__cell:hover .pp-brands__logo{opacity:.95}

/* 2 — brand strip (infinite GSAP marquee; coherent equal-width cells + edge fade) */
.pp-brands{border-block:1px solid var(--pp-line);background:var(--pp-surface);overflow:hidden}
.pp-brands__viewport{padding:var(--pp-space-6) 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.pp-brands__track{display:flex;align-items:center;width:max-content;will-change:transform}
.pp-brands__cell{flex:0 0 auto;display:grid;place-items:center;width:clamp(118px,13vw,152px);height:46px;padding:0 clamp(.7rem,1.5vw,1.15rem)}
/* uniform optical sizing: every wordmark lands at the same ~28px cap height; the dense, near-square stacked Joma mark is scaled down so it doesn't dominate the row */
.pp-brands__logo{max-height:28px;max-width:124px;width:auto;height:auto;object-fit:contain;filter:brightness(0);opacity:.42;transition:opacity var(--pp-dur) var(--pp-ease)}
.pp-brands__logo[src*="Joma"]{max-height:27px;max-width:56px}
.pp-brands__logo[src*="nox"]{max-height:20px;max-width:52px}
.pp-brands__logo[src*="head"]{max-height:24px}
.pp-brands__cell:hover .pp-brands__logo{opacity:.85}

/* 2b — values: dark intensity band ("The Padel Pulse difference") */
.pp-values{position:relative;overflow:hidden;background:#032139;background-image:var(--bg);background-size:cover;background-position:center;padding:var(--pp-space-8) 0}
.pp-values__scrim{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(11,11,15,.82) 0%,rgba(11,11,15,.9) 100%)}
.pp-values__in{position:relative;z-index:1}
.pp-values__head{margin-bottom:var(--pp-space-6);max-width:50ch}
.pp-values__kicker{display:inline-flex;align-items:center;gap:.5rem;color:#cbff00;font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;margin-bottom:.6rem}
.pp-values__pulse{width:38px;height:11px}
.pp-values__h{color:#fff;font-size:var(--pp-step-3);letter-spacing:-.02em;margin:0;text-wrap:balance}
.pp-values__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,3vw,2.6rem)}
.pp-value{display:flex;flex-direction:column;gap:.7rem;padding-top:var(--pp-space-5);border-top:1px solid rgba(255,255,255,.14);position:relative}
.pp-value::before{content:"";position:absolute;top:-1px;left:0;width:44px;height:2px;background:var(--pp-accent)}
.pp-value__ic{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(203,255,0,.24),rgba(203,255,0,.06));color:#cbff00;position:relative;margin-bottom:.2rem}
.pp-value__ic::after{content:"";position:absolute;inset:0;border-radius:inherit;animation:pp-icon-pulse 3s var(--pp-ease) infinite;animation-delay:var(--vd,0s)}
@keyframes pp-icon-pulse{0%{box-shadow:0 0 0 0 rgba(203,255,0,.42)}70%{box-shadow:0 0 0 13px rgba(203,255,0,0)}100%{box-shadow:0 0 0 0 rgba(203,255,0,0)}}
.pp-value__h{font-family:var(--pp-font-display);color:#fff;font-size:1.18rem;margin:.2rem 0 0;letter-spacing:-.01em}
.pp-value__p{color:rgba(255,255,255,.7);font-size:.92rem;line-height:1.55;margin:0;max-width:none}
@media (max-width:880px) and (min-width:761px){ .pp-values__grid{grid-template-columns:1fr 1fr;gap:var(--pp-space-6)} }
@media (max-width:760px){
  .pp-values__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--pp-space-4);scrollbar-width:none;padding:0 0 .4rem}
  .pp-values__grid::-webkit-scrollbar{display:none}
  .pp-value{flex:0 0 76%;scroll-snap-align:start}
}
@media (prefers-reduced-motion:reduce){.pp-value__ic::after{animation:none}}

/* sections — the .pp-section / __head / __title / __more primitives moved to base.css (site-wide,
   so about/PDP inherit the inter-section padding). Only the home-only static-grid override stays here. */
/* selected home product sections render as a static product grid (not a carousel) at ALL widths */
.pp-section--mobile-grid .pp-carousel{overflow:visible}
.pp-section--mobile-grid .pp-carousel__arrow{display:none!important}
.pp-section--mobile-grid .pp-carousel__track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pp-space-5);overflow:visible;scroll-snap-type:none;padding-bottom:0}
.pp-section--mobile-grid .pp-carousel__track>.pp-card{flex:auto;min-width:0;scroll-snap-align:none}
@media (max-width:1080px){ .pp-section--mobile-grid .pp-carousel__track{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:760px){ .pp-section--mobile-grid .pp-carousel__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pp-space-3)} }
/* #9/#10 extra best-seller cards: phone grid only — desktop + tablet keep the original 8 untouched */
.pp-section--mobile-grid .pp-carousel__track>.pp-card--m{display:none}
@media (max-width:760px){ .pp-section--mobile-grid .pp-carousel__track>.pp-card--m{display:flex} }

/* product grid + card -> moved to base.css (shared across home + shop/category/related) */

/* 4 — category banners (image-backed, dark scrim, white text) */
.pp-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--pp-space-5)}
.pp-cat{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;padding:var(--pp-space-6);border-radius:calc(var(--pp-radius) + 4px);background:#032139;overflow:hidden;transition:transform var(--pp-dur) var(--pp-ease),box-shadow var(--pp-dur) var(--pp-ease)}
.pp-cat::before{content:"";position:absolute;inset:0;z-index:0;background:var(--cat) center/cover no-repeat;transition:transform .55s var(--pp-ease)}
.pp-cat__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,14,18,.02) 0%,rgba(14,14,18,.32) 52%,rgba(14,14,18,.86) 100%)}
.pp-cat:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(20,22,26,.20)}
.pp-cat:hover::before{transform:scale(1.06)}
.pp-cat__tag{position:relative;z-index:2;color:#cbff00;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.pp-cat__name{position:relative;z-index:2;font-family:var(--pp-font-display);color:#fff;font-size:clamp(1.6rem,1.2rem+2vw,2.4rem);font-weight:700;line-height:1.05;margin:.2rem 0 .6rem}
.pp-cat__go{position:relative;z-index:2;color:#fff;font-weight:600;font-size:.92rem;display:inline-flex;align-items:center;gap:.45rem}
.pp-cat__go::after{content:"";width:34px;height:8px;flex:0 0 34px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' fill='none'%3E%3Cpath d='M0 12h28l6-9 8 18 7-13 5 4h61' stroke='%23CBFF00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition:transform var(--pp-dur) var(--pp-ease)}
.pp-cat:hover .pp-cat__go::after{transform:translateX(2px) scaleX(1.07)}
/* category cards: horizontal scroll-snap carousel on mobile (no long stack) */
@media (max-width:680px){
  .pp-cats{display:grid;grid-template-columns:1fr 1fr;gap:var(--pp-space-4)}
  .pp-cat{min-height:220px;padding:var(--pp-space-5)}
  .pp-cat:first-child{grid-column:1/-1;min-height:260px}
}

/* 7b — community / credibility (2-col: photo + story) */
.pp-community__in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.pp-community__media{border-radius:calc(var(--pp-radius) + 6px);overflow:hidden;box-shadow:0 24px 60px rgba(20,22,26,.14)}
.pp-community__media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;display:block}
.pp-community__kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--pp-accent-link);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;margin-bottom:.6rem}
.pp-community__pulse{width:38px;height:11px}
.pp-community__h{font-size:var(--pp-step-4);margin:0 0 var(--pp-space-4);letter-spacing:-.02em}
.pp-community__p{color:var(--pp-muted);font-size:1.05rem;line-height:1.6;margin:0 0 var(--pp-space-5);max-width:46ch}
.pp-community__ticks{list-style:none;margin:0 0 var(--pp-space-6);padding:0;display:flex;flex-direction:column;gap:.65rem}
.pp-community__ticks li{position:relative;padding-left:1.9rem;color:var(--pp-ink);font-weight:500;line-height:1.4}
.pp-community__ticks li::before{content:"✓";position:absolute;left:0;top:0;width:1.3rem;height:1.3rem;border-radius:50%;background:rgba(203,255,0,.12);color:var(--pp-accent-link);font-size:.76rem;font-weight:800;display:grid;place-items:center}
@media (max-width:820px){ .pp-community__in{grid-template-columns:1fr;gap:var(--pp-space-6)} .pp-community__media{order:-1} }

/* 8 — trust strip */
.pp-trust{background:var(--pp-surface);border-block:1px solid var(--pp-line)}
.pp-trust__in{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--pp-space-5);padding:var(--pp-space-6) 0}
.pp-trust__item{display:flex;align-items:center;gap:.7rem;color:var(--pp-ink);font-size:.92rem;font-weight:500}

/* 9 — Trustpilot styles moved to base.css (component now renders on home + PDP) */

/* 10 — promo band (bold dark "drenched" moment) */
.pp-promo-band{position:relative;overflow:hidden;text-align:center;padding:clamp(3rem,6vw,5rem) var(--pp-space-5);border-radius:calc(var(--pp-radius) + 6px);background:#032139;background-image:linear-gradient(180deg,rgba(11,11,15,.72) 0%,rgba(11,11,15,.82) 100%),var(--promo);background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08)}
.pp-promo-band__pulse{width:160px;height:26px;margin:0 auto var(--pp-space-4);opacity:.95}
.pp-promo-band__h{color:#fff;font-size:clamp(1.9rem,1.3rem+3vw,3.2rem);margin:0 0 .4rem;letter-spacing:-.02em}
.pp-promo-band__p{color:rgba(255,255,255,.74);margin:0 0 var(--pp-space-5);font-size:1.05rem}.pp-promo-band__p strong{color:#cbff00}

/* 10 — FAQ (support card + accordion) */
.pp-faqsec__in{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.pp-faqsec__card{position:relative;border-radius:calc(var(--pp-radius) + 6px);overflow:hidden;min-height:440px;display:flex;align-items:flex-end;background:#032139;background-image:var(--faq);background-size:cover;background-position:center top;box-shadow:0 22px 54px rgba(20,22,26,.16)}
.pp-faqsec__card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,15,.04) 28%,rgba(11,11,15,.55) 66%,rgba(11,11,15,.93) 100%)}
.pp-faqsec__cta{position:relative;z-index:1;padding:var(--pp-space-6)}
.pp-faqsec__kicker{display:inline-flex;align-items:center;gap:.5rem;color:#cbff00;font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;margin-bottom:.5rem}
.pp-faqsec__pulse{width:34px;height:10px}
.pp-faqsec__h{color:#fff;font-family:var(--pp-font-display);font-size:var(--pp-step-3);margin:0 0 .4rem}
.pp-faqsec__cta p{color:rgba(255,255,255,.82);margin:0 0 var(--pp-space-4);font-size:.95rem;max-width:34ch}
.pp-faqsec__faq .pp-section__title{margin:0 0 var(--pp-space-5)}
.pp-faqsec__faq .pp-faq{margin-inline:0;max-width:none}
@media (max-width:860px){ .pp-faqsec__in{grid-template-columns:1fr} .pp-faqsec__card{min-height:260px} }

/* 11 — finale (No.1 + clearance offer; full-bleed standout closer) */
.pp-finale{position:relative;overflow:hidden;margin-top:0;background:#032139;background-image:linear-gradient(180deg,rgba(11,11,15,.8) 0%,rgba(11,11,15,.9) 100%),var(--bg);background-size:cover;background-position:center}
.pp-finale__in{position:relative;z-index:1;text-align:center;max-width:760px;padding-block:clamp(4rem,8vw,7rem)}
.pp-finale__kicker{display:inline-flex;align-items:center;gap:.5rem;color:#cbff00;font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;margin-bottom:var(--pp-space-4)}
.pp-finale__pulse{width:44px;height:12px}
.pp-finale__h{color:#fff;font-size:clamp(2rem,1.4rem + 3vw,3.4rem);letter-spacing:-.02em;line-height:1.08;margin:0 0 var(--pp-space-5);text-wrap:balance}
.pp-finale__accent{color:var(--pp-accent-link)}
.pp-finale__p{color:rgba(255,255,255,.78);font-size:1.02rem;line-height:1.65;margin:0 auto var(--pp-space-4);max-width:62ch}
.pp-finale__offer{display:flex;flex-direction:column;align-items:center;gap:var(--pp-space-4);margin-top:var(--pp-space-6)}
.pp-finale__code{color:#fff;font-size:1.05rem}.pp-finale__code strong{color:#cbff00;font-weight:700}

@media (max-width:680px){
  .pp-hero{min-height:clamp(470px,82vh,600px);min-height:clamp(470px,82svh,600px)}
  .pp-hero__bg{inset:0;background-position:72% 14%}
  .pp-hero__scrim{background:linear-gradient(180deg,rgba(10,10,14,.46) 0%,rgba(10,10,14,.74) 46%,rgba(10,10,14,.95) 100%),radial-gradient(120% 70% at 50% 26%,rgba(203,255,0,.1) 0%,transparent 52%)}
}