/* ==========================================================================
   PILI-LANDING — HARAVAN LANDING PAGE ONLY
   Scoped to #pili-landing; keep this asset separate from global theme CSS.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap");

#pili-landing {
  --pili-ink: #11110f;
  --pili-paper: #f4f1e9;
  --pili-white: #ffffff;
  --pili-acid: #dcff3f;
  --pili-green: #087b55;
  --pili-coral: #ff5e45;
  --pili-pink: #f0b8c6;
  --pili-line: rgba(17,17,15,.18);
  --pili-gutter: clamp(18px,4.5vw,72px);
  --pili-max: 1500px;
  --pili-toolbar-offset: 52px;
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--pili-paper);
  color: var(--pili-ink);
  font-family: "Be Vietnam Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size: 16px;
  line-height: 1.55;
}
#pili-landing *,#pili-landing *::before,#pili-landing *::after{box-sizing:border-box}
#pili-landing img{display:block;width:100%;max-width:100%;height:auto}
#pili-landing a{color:inherit;text-decoration:none}
#pili-landing button{font:inherit}
#pili-landing [data-pili-lang]{display:none!important}
#pili-landing[data-pili-active-lang="vi"] [data-pili-lang="vi"],
#pili-landing[data-pili-active-lang="en"] [data-pili-lang="en"]{display:revert!important}
#pili-landing[data-pili-active-lang="vi"] ul[data-pili-lang="vi"],
#pili-landing[data-pili-active-lang="en"] ul[data-pili-lang="en"]{display:grid!important}

html.pili-landing-active #insPages>.container,
html.pili-landing-active #insPages .wrapperPage,
html.pili-landing-active #insPages .row,
html.pili-landing-active #insPages .information-entry,
html.pili-landing-active #insPages .information-blocks,
html.pili-landing-active #insPages .content-page{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html.pili-landing-active #insPages .headingPage{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
html.pili-landing-active #insPages{padding:0!important}

#pili-landing .pili-shell{width:min(100%,var(--pili-max));margin-inline:auto;padding-inline:var(--pili-gutter)}
#pili-landing .pili-skip{position:fixed;z-index:100;top:12px;left:12px;padding:12px 16px;background:var(--pili-acid);font-weight:900;transform:translateY(-160%)}
#pili-landing .pili-skip:focus{transform:none}
#pili-landing :focus-visible{outline:3px solid var(--pili-acid);outline-offset:4px}
#pili-landing .pili-kicker{margin:0 0 20px;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
#pili-landing .pili-section-title{max-width:1050px;margin:0;font-size:clamp(42px,7vw,106px);font-weight:900;letter-spacing:-.07em;line-height:.93;text-transform:uppercase}
#pili-landing .pili-section-title em{color:var(--pili-green);font-style:normal}
#pili-landing .pili-lede{max-width:720px;margin:26px 0 0;font-size:clamp(17px,1.55vw,23px);line-height:1.55}
#pili-landing .pili-note{max-width:650px;margin:28px 0 0;padding-left:18px;border-left:3px solid var(--pili-green);font-size:13px}
#pili-landing .pili-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:13px 22px;border:1px solid currentColor;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;transition:transform .2s ease,background .2s ease,color .2s ease}
#pili-landing .pili-button:hover{transform:translateY(-2px)}
#pili-landing .pili-button--acid{border-color:var(--pili-acid);background:var(--pili-acid);color:var(--pili-ink)}
#pili-landing .pili-button--glass{border-color:rgba(255,255,255,.6);background:rgba(17,17,15,.16);color:var(--pili-white);backdrop-filter:blur(10px)}
#pili-landing .pili-actions{display:flex;flex-wrap:wrap;gap:11px}

#pili-landing .pili-nav{position:sticky;z-index:50;top:var(--pili-toolbar-offset);display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:22px;padding:10px var(--pili-gutter);border-bottom:1px solid var(--pili-line);background:rgba(244,241,233,.94);backdrop-filter:blur(18px)}
#pili-landing .pili-hero,#pili-landing [data-pili-section]{scroll-margin-top:calc(var(--pili-toolbar-offset) + 84px)}
#pili-landing .pili-wordmark{display:flex;align-items:baseline;gap:9px;font-size:22px;font-weight:900;letter-spacing:-.06em}
#pili-landing .pili-wordmark small{font-size:8px;letter-spacing:.14em}
#pili-landing .pili-nav__links{display:flex;align-items:center;gap:clamp(14px,3vw,38px)}
#pili-landing .pili-nav__links a{font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
#pili-landing .pili-lang{display:flex;padding:3px;border:1px solid var(--pili-line);border-radius:999px;background:#fff}
#pili-landing .pili-lang button{min-width:39px;min-height:34px;padding:5px 8px;border:0;border-radius:999px;background:transparent;font-size:10px;font-weight:900;cursor:pointer}
#pili-landing .pili-lang button[aria-pressed="true"]{background:var(--pili-ink);color:#fff}

#pili-landing .pili-hero{position:relative;min-height:min(940px,calc(100svh - 68px));display:grid;align-items:stretch;overflow:hidden;background:var(--pili-ink);color:#fff}
#pili-landing .pili-hero__gallery{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1.1fr .9fr;gap:3px;background:#000}
#pili-landing .pili-hero__panel{position:relative;overflow:hidden;background:#ddd}
#pili-landing .pili-hero__panel img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.02);transform:scale(1.02);transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .5s ease}
#pili-landing .pili-hero:hover .pili-hero__panel img{filter:saturate(1);transform:scale(1.055)}
#pili-landing .pili-hero__panel--women img{object-position:50% 28%}
#pili-landing .pili-hero__panel--men img{object-position:50% 23%}
#pili-landing .pili-hero__panel--gear img{object-position:50% 25%}
#pili-landing .pili-hero__veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,7,.9),rgba(8,9,7,.1) 62%),linear-gradient(90deg,rgba(8,9,7,.42),transparent 55%)}
#pili-landing .pili-hero__content{position:relative;z-index:2;display:flex;min-height:inherit;flex-direction:column;justify-content:space-between;padding-top:clamp(60px,9vh,110px);padding-bottom:70px}
#pili-landing .pili-hero-title{margin:0;font-size:clamp(78px,15vw,226px);font-weight:900;letter-spacing:-.095em;line-height:.72;text-transform:uppercase;text-shadow:0 5px 30px rgba(0,0,0,.25)}
#pili-landing .pili-hero-title span{display:block}
#pili-landing .pili-hero-title span:last-child{margin-left:clamp(0px,8vw,130px);color:var(--pili-acid)}
#pili-landing .pili-hero__bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}
#pili-landing .pili-hero__lede{max-width:560px;margin:0;font-size:clamp(17px,1.7vw,25px);font-weight:600}
#pili-landing .pili-hero__rail{position:absolute;right:-45px;bottom:43%;z-index:3;margin:0;font-size:9px;font-weight:900;letter-spacing:.18em;transform:rotate(90deg);transform-origin:center}

#pili-landing .pili-proof{display:grid;grid-template-columns:repeat(4,1fr);background:var(--pili-acid)}
#pili-landing .pili-proof__item{min-height:128px;display:flex;flex-direction:column;justify-content:center;padding:24px clamp(18px,2.4vw,36px);border-left:1px solid rgba(17,17,15,.22)}
#pili-landing .pili-proof__item:first-child{border-left:0}
#pili-landing .pili-proof__item strong{font-size:clamp(15px,1.55vw,23px);letter-spacing:-.04em}
#pili-landing .pili-proof__item>span{margin-top:8px;font-size:11px}

#pili-landing .pili-story{padding:clamp(90px,12vw,180px) 0}
#pili-landing .pili-story__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(42px,8vw,120px);align-items:center}
#pili-landing .pili-story__image{position:relative;min-height:690px;overflow:hidden;border-radius:28px;background:var(--pili-pink)}
#pili-landing .pili-story__image img{height:100%;object-fit:cover}
#pili-landing .pili-story__image>span{position:absolute;right:18px;bottom:18px;left:18px;display:flex;align-items:end;justify-content:space-between;gap:14px;padding:17px;border:1px solid rgba(255,255,255,.65);border-radius:16px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px)}
#pili-landing .pili-story__image b{font-size:14px;letter-spacing:.08em}
#pili-landing .pili-story__image small{max-width:210px;text-align:right}

#pili-landing .pili-sports{padding:clamp(90px,11vw,160px) 0;background:#e8e4da}
#pili-landing .pili-sports__head{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,7vw,110px);align-items:end}
#pili-landing .pili-sports__head .pili-lede{margin-left:auto}
#pili-landing .pili-sports__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:70px}
#pili-landing .pili-sport-card{min-height:620px;display:flex;flex-direction:column;padding:clamp(28px,4vw,58px);border-radius:24px;overflow:hidden}
#pili-landing .pili-sport-card--pickleball{background:var(--pili-acid);color:var(--pili-ink)}
#pili-landing .pili-sport-card--tennis{background:var(--pili-green);color:#fff}
#pili-landing .pili-sport-card__number{font-size:10px;font-weight:900;letter-spacing:.14em}
#pili-landing .pili-sport-card h3{margin:auto 0 24px;font-size:clamp(50px,6.6vw,104px);letter-spacing:-.085em;line-height:.84}
#pili-landing .pili-sport-card p{max-width:610px;margin:0;font-size:clamp(15px,1.35vw,19px);line-height:1.55}
#pili-landing .pili-sport-card ul{display:grid;gap:9px;margin:25px 0 0;padding-left:19px;font-size:12px;line-height:1.55}
#pili-landing .pili-sport-card>a{align-self:flex-start;margin-top:32px;padding-bottom:4px;border-bottom:2px solid currentColor;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#pili-landing .pili-sports__note{max-width:860px;margin:28px 0 0;padding-left:18px;border-left:3px solid var(--pili-green);font-size:12px;line-height:1.65}

#pili-landing .pili-guide{padding:clamp(90px,11vw,160px) 0;background:var(--pili-ink);color:#fff}
#pili-landing .pili-guide__head{display:grid;grid-template-columns:1fr;gap:20px}
#pili-landing .pili-guide__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:70px}
#pili-landing .pili-guide-card{position:relative;min-height:480px;display:flex;flex-direction:column;padding:32px;border-radius:20px;color:var(--pili-ink);overflow:hidden;transition:box-shadow .25s ease}
#pili-landing .pili-guide-card--men{background:var(--pili-green);color:#fff}
#pili-landing .pili-guide-card--women{background:var(--pili-pink)}
#pili-landing .pili-guide-card--gear{background:var(--pili-acid)}
#pili-landing .pili-guide-card:hover,#pili-landing .pili-guide-card:focus-within{box-shadow:inset 0 0 0 4px currentColor}
#pili-landing .pili-guide-card__index{font-size:11px;font-weight:900;letter-spacing:.14em}
#pili-landing .pili-guide-card h3{margin:auto 0 12px;font-size:clamp(48px,5vw,82px);letter-spacing:-.08em;line-height:.9}
#pili-landing .pili-guide-card p{min-height:88px;margin:0;font-size:14px}
#pili-landing .pili-guide-card>*:not(.pili-guide-card__trigger){position:relative;z-index:1;pointer-events:none}
#pili-landing .pili-guide-card__cta{align-self:flex-start;margin-top:28px;padding-bottom:3px;border-bottom:2px solid currentColor;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
#pili-landing .pili-guide-card__trigger{position:absolute;z-index:2;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:20px;background:transparent;color:inherit;cursor:pointer}
#pili-landing .pili-guide-card__trigger:focus-visible{outline:4px solid var(--pili-acid);outline-offset:-8px}
#pili-landing .pili-detail{display:grid;grid-template-columns:1fr 1fr;margin-top:11px;border-radius:22px;background:#f7f5ee;color:var(--pili-ink);overflow:hidden}
#pili-landing .pili-detail__media{min-height:650px}
#pili-landing .pili-detail__media img{height:100%;object-fit:cover}
#pili-landing .pili-detail__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,6vw,90px)}
#pili-landing .pili-detail__copy h3{margin:0;font-size:clamp(34px,4.6vw,68px);letter-spacing:-.06em;line-height:1}
#pili-landing .pili-detail__copy ul{gap:11px;margin:34px 0 0;padding-left:19px;font-size:14px}

html.pili-gallery-open,html.pili-gallery-open body{overflow:hidden}
#pili-landing .pili-gallery-modal[hidden]{display:none!important}
#pili-landing .pili-gallery-modal{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:18px}
#pili-landing .pili-gallery-modal__backdrop{position:absolute;inset:0;background:rgba(10,10,9,.78);backdrop-filter:blur(8px)}
#pili-landing .pili-gallery-dialog{position:relative;width:min(1540px,100%);height:min(920px,calc(100vh - 36px));border:1px solid rgba(255,255,255,.18);border-radius:24px;background:var(--pili-paper);color:var(--pili-ink);box-shadow:0 30px 100px rgba(0,0,0,.42);overflow:auto;scrollbar-gutter:stable}
#pili-landing .pili-gallery-dialog__header{position:sticky;z-index:3;top:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;border-bottom:1px solid var(--pili-line);background:rgba(244,241,233,.96);backdrop-filter:blur(14px)}
#pili-landing .pili-gallery-dialog__header .pili-kicker{margin-bottom:7px}
#pili-landing .pili-gallery-dialog__header h2{margin:0;font-size:clamp(34px,4.8vw,72px);letter-spacing:-.07em;line-height:.9;text-transform:uppercase}
#pili-landing .pili-gallery-dialog__close{display:grid;flex:0 0 auto;width:50px;height:50px;place-items:center;padding:0;border:1px solid var(--pili-ink);border-radius:50%;background:var(--pili-ink);color:#fff;font-size:32px;line-height:1;cursor:pointer}
#pili-landing .pili-gallery-dialog__intro{margin:0;padding:17px 28px 4px;font-size:13px;line-height:1.55}
#pili-landing .pili-gallery-dialog__status{margin:0;padding:5px 28px 14px;color:#666;font-size:11px;font-weight:800;letter-spacing:.04em}
#pili-landing .pili-gallery-grid{padding:0 28px 28px;column-count:4;column-gap:12px}
#pili-landing .pili-gallery-product{width:100%;display:inline-block;margin:0 0 12px;padding:0;border:1px solid var(--pili-line);border-radius:15px;background:#fff;color:var(--pili-ink);text-align:left;break-inside:avoid;overflow:hidden;cursor:pointer;appearance:none;transition:transform .22s ease,box-shadow .22s ease}
#pili-landing .pili-gallery-product:hover,#pili-landing .pili-gallery-product:focus-visible{transform:translateY(-3px);box-shadow:0 14px 36px rgba(17,17,15,.15);outline:0}
#pili-landing .pili-gallery-product:focus-visible{box-shadow:0 0 0 4px var(--pili-acid),0 14px 36px rgba(17,17,15,.15)}
#pili-landing .pili-gallery-product__media{display:block;overflow:hidden;background:#e8e6e0}
#pili-landing .pili-gallery-product__media img{width:100%;height:auto;transition:transform .4s ease}
#pili-landing .pili-gallery-product:hover .pili-gallery-product__media img,#pili-landing .pili-gallery-product:focus-visible .pili-gallery-product__media img{transform:scale(1.025)}
#pili-landing .pili-gallery-product__copy{display:grid;gap:7px;padding:14px}
#pili-landing .pili-gallery-product__meta{display:flex;justify-content:space-between;gap:8px;color:#666;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#pili-landing .pili-gallery-product .productName{display:block;font-size:13px;font-weight:800;line-height:1.38}
#pili-landing .pili-gallery-product__price{font-size:15px}
#pili-landing .pili-gallery-product__action{display:block;margin-top:2px;padding-top:9px;border-top:1px solid var(--pili-line);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
#pili-landing .pili-gallery-product.is-sold{cursor:pointer;opacity:.65}
#pili-landing .pili-gallery-dialog__footer{position:sticky;z-index:3;bottom:0;display:flex;justify-content:flex-end;padding:16px 28px;border-top:1px solid var(--pili-line);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
#pili-landing .pili-gallery-dialog__footer a{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

#pili-landing .pili-shop{padding:clamp(90px,11vw,160px) 0;background:#f7f5ef}
#pili-landing .pili-shop__head{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}
#pili-landing .pili-shop__head .pili-lede{margin-left:auto}
#pili-landing .pili-filter{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:72px}
#pili-landing .pili-filter__layer{min-width:0;margin:0;padding:24px;border:1px solid var(--pili-line);border-radius:18px;background:#fff}
#pili-landing .pili-filter__layer legend{display:flex;align-items:center;gap:10px;padding:0 6px;font-size:12px;text-transform:uppercase}
#pili-landing .pili-filter__layer legend>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--pili-ink);color:#fff;font-size:9px}
#pili-landing .pili-filter__choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
#pili-landing .pili-filter__choices button{min-height:46px;padding:10px 17px;border:1px solid var(--pili-line);border-radius:999px;background:transparent;color:var(--pili-ink);font-size:11px;font-weight:900;letter-spacing:.04em;cursor:pointer}
#pili-landing .pili-filter__choices button small{display:block;font-size:7px;letter-spacing:.08em}
#pili-landing .pili-filter__choices button[aria-pressed="true"]{border-color:var(--pili-ink);background:var(--pili-ink);color:#fff}
#pili-landing .pili-results-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding:16px 0;border-top:1px solid var(--pili-line);border-bottom:1px solid var(--pili-line);font-size:12px;font-weight:700}
#pili-landing .pili-results-bar p{margin:0}
#pili-landing .pili-results-bar a{font-weight:900;text-transform:uppercase}
#pili-landing .pili-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:26px}
#pili-landing .pili-product{min-width:0;border:1px solid var(--pili-line);border-radius:16px;background:#fff;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
#pili-landing .pili-product:hover,#pili-landing .pili-product:focus-within{transform:translateY(-5px);box-shadow:0 18px 45px rgba(17,17,15,.1)}
#pili-landing .pili-product__media{position:relative;display:block;aspect-ratio:4/5;background:#ecebe8;overflow:hidden}
#pili-landing .pili-product__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .28s ease,transform .45s ease}
#pili-landing .pili-product__media img+img{opacity:0}
#pili-landing .pili-product:hover .pili-product__media img:first-child,#pili-landing .pili-product:focus-within .pili-product__media img:first-child{opacity:0}
#pili-landing .pili-product:hover .pili-product__media img+img,#pili-landing .pili-product:focus-within .pili-product__media img+img{opacity:1;transform:scale(1.025)}
#pili-landing .pili-product__meta{padding:17px}
#pili-landing .pili-product__tags{display:flex;justify-content:space-between;gap:10px;color:#666;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#pili-landing .pili-product h3{min-height:52px;margin:12px 0 7px;font-size:15px;line-height:1.4}
#pili-landing .pili-product__price{display:block;font-size:17px}
#pili-landing .pili-product__status{min-height:34px;margin:6px 0 0;color:#666;font-size:10px}
#pili-landing .pili-product__actions{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:14px}
#pili-landing .pili-product__link,#pili-landing .pili-product__buy{display:flex;min-height:44px;align-items:center;justify-content:center;padding:9px 11px;border:1px solid var(--pili-ink);border-radius:9px;background:#fff;color:var(--pili-ink);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
#pili-landing .pili-product__buy{background:var(--pili-ink);color:#fff;cursor:pointer}
#pili-landing .pili-product__buy:disabled{cursor:not-allowed;opacity:.45}
#pili-landing .pili-product--fallback>a{display:block;padding-bottom:18px}
#pili-landing .pili-product--fallback img{aspect-ratio:4/5;object-fit:cover}
#pili-landing .pili-product--fallback span,#pili-landing .pili-product--fallback h3{display:block;margin:14px 16px 0}
#pili-landing .pili-product--fallback span{font-size:9px;font-weight:900;letter-spacing:.1em}
#pili-landing .pili-empty{margin-top:28px;padding:42px;border:1px dashed var(--pili-line);border-radius:16px;text-align:center}
#pili-landing .pili-empty strong{font-size:24px}
#pili-landing .pili-load-more{display:flex;min-height:50px;align-items:center;justify-content:center;margin:30px auto 0;padding:12px 25px;border:1px solid var(--pili-ink);border-radius:999px;background:transparent;font-size:11px;font-weight:900;text-transform:uppercase;cursor:pointer}
#pili-landing .pili-source{margin:18px 0 0;text-align:center;color:#666;font-size:10px}

#pili-landing .pili-care{padding:clamp(90px,11vw,160px) 0;background:var(--pili-green);color:#fff}
#pili-landing .pili-care__grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(50px,8vw,120px)}
#pili-landing .pili-care__list{border-top:1px solid rgba(255,255,255,.4)}
#pili-landing .pili-care__list article{display:grid;grid-template-columns:44px 1fr;gap:8px 16px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.4)}
#pili-landing .pili-care__list b{grid-row:1/3;color:var(--pili-acid);font-size:11px}
#pili-landing .pili-care__list h3{margin:0;font-size:21px}
#pili-landing .pili-care__list p{margin:0;color:rgba(255,255,255,.75);font-size:13px}

#pili-landing .pili-faq{padding:clamp(90px,11vw,160px) 0}
#pili-landing .pili-faq__list{margin-top:65px;border-top:1px solid var(--pili-line)}
#pili-landing .pili-faq details{border-bottom:1px solid var(--pili-line)}
#pili-landing .pili-faq summary{position:relative;padding:26px 50px 26px 0;font-size:clamp(17px,2vw,25px);font-weight:800;cursor:pointer;list-style:none}
#pili-landing .pili-faq summary::-webkit-details-marker{display:none}
#pili-landing .pili-faq summary::after{position:absolute;right:8px;content:"+";font-size:28px;font-weight:400}
#pili-landing .pili-faq details[open] summary::after{content:"−"}
#pili-landing .pili-faq details p{max-width:850px;margin:0;padding:0 50px 28px 0;color:#555}

#pili-landing .pili-final{padding:clamp(90px,13vw,190px) 0;background:var(--pili-ink);color:#fff}
#pili-landing .pili-final__title{margin:0 0 45px;font-size:clamp(76px,15vw,220px);font-weight:900;letter-spacing:-.1em;line-height:.7;color:var(--pili-acid)}
#pili-landing .pili-hotline{position:fixed;z-index:40;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 16px 10px 11px;border-radius:999px;background:var(--pili-acid);color:var(--pili-ink);box-shadow:0 12px 35px rgba(0,0,0,.22)}
#pili-landing .pili-hotline>span{grid-row:1/3;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--pili-ink);color:#fff}
#pili-landing .pili-hotline b{font-size:10px;letter-spacing:.08em;text-transform:uppercase}
#pili-landing .pili-hotline small{font-size:9px}
body.commerceVariantModalOpen #pili-landing .pili-hotline{opacity:0;pointer-events:none}

#pili-landing [data-pili-reveal]{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
#pili-landing [data-pili-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1100px){
  #pili-landing .pili-products{grid-template-columns:repeat(3,minmax(0,1fr))}
  #pili-landing .pili-story__grid,#pili-landing .pili-sports__head,#pili-landing .pili-shop__head,#pili-landing .pili-care__grid{grid-template-columns:1fr}
  #pili-landing .pili-story__image{min-height:620px}
  #pili-landing .pili-sports__head .pili-lede,#pili-landing .pili-shop__head .pili-lede{margin-left:0}
  #pili-landing .pili-gallery-grid{column-count:3}
}
@media(max-width:991px){
  #pili-landing{--pili-toolbar-offset:56px}
}
@media(max-width:820px){
  #pili-landing .pili-nav__links{display:none}
  #pili-landing .pili-hero__gallery{grid-template-columns:1fr 1fr}
  #pili-landing .pili-hero__panel--gear{display:none}
  #pili-landing .pili-hero__bottom{display:grid}
  #pili-landing .pili-proof{grid-template-columns:1fr 1fr}
  #pili-landing .pili-proof__item:nth-child(3){border-left:0;border-top:1px solid rgba(17,17,15,.22)}
  #pili-landing .pili-proof__item:nth-child(4){border-top:1px solid rgba(17,17,15,.22)}
  #pili-landing .pili-guide__grid{grid-template-columns:1fr}
  #pili-landing .pili-guide-card{min-height:360px}
  #pili-landing .pili-sports__grid{grid-template-columns:1fr}
  #pili-landing .pili-sport-card{min-height:540px}
  #pili-landing .pili-detail{grid-template-columns:1fr}
  #pili-landing .pili-detail__media{min-height:540px}
  #pili-landing .pili-filter{grid-template-columns:1fr}
  #pili-landing .pili-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pili-landing .pili-gallery-grid{column-count:2}
}
@media(max-width:560px){
  #pili-landing .pili-nav{min-height:60px;padding-block:8px}
  #pili-landing .pili-wordmark small{display:none}
  #pili-landing .pili-hero{min-height:calc(100svh - 60px)}
  #pili-landing .pili-hero__gallery{grid-template-columns:1fr}
  #pili-landing .pili-hero__panel--women{display:none}
  #pili-landing .pili-hero__panel--men img{object-position:50% 20%}
  #pili-landing .pili-hero-title{font-size:clamp(67px,22vw,112px);line-height:.76}
  #pili-landing .pili-hero-title span:last-child{margin-left:0}
  #pili-landing .pili-hero__rail{display:none}
  #pili-landing .pili-proof{grid-template-columns:1fr}
  #pili-landing .pili-proof__item{min-height:92px;border-top:1px solid rgba(17,17,15,.22);border-left:0}
  #pili-landing .pili-proof__item:first-child{border-top:0}
  #pili-landing .pili-section-title{font-size:clamp(39px,12vw,65px)}
  #pili-landing .pili-story__image{min-height:500px}
  #pili-landing .pili-story__image small{display:none}
  #pili-landing .pili-sports__grid{margin-top:46px}
  #pili-landing .pili-sport-card{min-height:500px;padding:25px}
  #pili-landing .pili-guide-card{min-height:330px;padding:25px}
  #pili-landing .pili-detail__media{min-height:430px}
  #pili-landing .pili-filter__layer{padding:18px}
  #pili-landing .pili-filter__choices button{flex:1 1 calc(50% - 8px)}
  #pili-landing .pili-results-bar{align-items:flex-start;flex-direction:column}
  #pili-landing .pili-products{grid-template-columns:1fr;gap:18px}
  #pili-landing .pili-product h3{min-height:0}
  #pili-landing .pili-product__actions{grid-template-columns:1fr 1fr}
  #pili-landing .pili-gallery-modal{padding:0}
  #pili-landing .pili-gallery-dialog{width:100%;height:100svh;border:0;border-radius:0}
  #pili-landing .pili-gallery-dialog__header{padding:18px}
  #pili-landing .pili-gallery-dialog__header h2{font-size:34px}
  #pili-landing .pili-gallery-dialog__close{width:44px;height:44px}
  #pili-landing .pili-gallery-dialog__intro{padding:14px 18px 3px;font-size:12px}
  #pili-landing .pili-gallery-dialog__status{padding:5px 18px 12px}
  #pili-landing .pili-gallery-grid{padding:0 12px 18px;column-gap:8px}
  #pili-landing .pili-gallery-product{margin-bottom:8px;border-radius:11px}
  #pili-landing .pili-gallery-product__copy{padding:10px}
  #pili-landing .pili-gallery-product .productName{font-size:11px}
  #pili-landing .pili-gallery-product__price{font-size:13px}
  #pili-landing .pili-gallery-dialog__footer{padding:13px 18px}
  #pili-landing .pili-final__title{font-size:clamp(70px,22vw,120px)}
  #pili-landing .pili-hotline{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));padding-right:11px}
  #pili-landing .pili-hotline b,#pili-landing .pili-hotline small{display:none}
  #pili-landing .pili-hotline{grid-template-columns:34px}
}
@media(prefers-reduced-motion:reduce){
  #pili-landing *,#pili-landing *::before,#pili-landing *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
  #pili-landing [data-pili-reveal]{opacity:1;transform:none}
  #pili-landing .pili-hero__panel img{transform:none}
}