:root{
  --navy:#06152a;--navy-2:#0b2a52;--navy-3:#123e73;--cyan:#16bfe8;--cyan-2:#86e7ff;
  --white:#fff;--ice:#f3f7fb;--ice-2:#eaf3fa;--ink:#08182c;--muted:#68788d;--line:#dce6ef;
  --shadow:0 24px 70px rgba(6,21,42,.12);--radius:22px;--max:1240px;
  --sans:"Inter Tight",Inter,Arial,sans-serif;--display:"Inter Tight",Inter,Arial,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.shop-wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.shop-kicker{color:var(--navy-3);font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.shop-section{padding:86px 0}.shop-section+.shop-section{border-top:1px solid var(--line)}
.shop-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--navy);border-radius:999px;background:var(--navy);color:var(--white);padding:0 26px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.shop-button:hover{transform:translateY(-2px);background:var(--navy-3);border-color:var(--navy-3)}.shop-button.alt{background:transparent;color:var(--navy)}.shop-button.alt:hover{background:var(--ice)}.shop-button.cyan{background:var(--cyan);border-color:var(--cyan);color:var(--navy)}.shop-button[disabled]{opacity:.48;cursor:not-allowed;transform:none}

/* announcement and navigation */
.shop-announcement{display:none;background:var(--navy);color:var(--white);padding:9px 44px;text-align:center;font-size:12px;letter-spacing:.04em}.shop-announcement.is-live{display:block}.shop-announcement strong{color:var(--cyan-2)}
.shop-header{position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(220,230,239,.9);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}.shop-nav{display:grid;grid-template-columns:auto auto minmax(220px,1fr) auto;align-items:center;gap:28px;min-height:82px}.shop-logo{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:900;letter-spacing:-.04em;white-space:nowrap}.shop-logo img{width:32px;height:32px;border-radius:8px}.shop-links{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700}.shop-links a:hover{color:var(--navy-3)}
.shop-search{position:relative}.shop-search input{width:100%;height:48px;border:1px solid transparent;border-radius:999px;background:var(--ice);padding:0 48px 0 20px;color:var(--ink)}.shop-search input:focus{border-color:var(--cyan);background:#fff;outline:none;box-shadow:0 0 0 4px rgba(22,191,232,.13)}.shop-search button{position:absolute;right:8px;top:8px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer}.shop-actions{display:flex;align-items:center;gap:9px}.shop-icon{position:relative;width:42px;height:42px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;cursor:pointer}.shop-icon:hover{background:var(--ice)}.shop-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.shop-cart-count{position:absolute;right:0;top:0;min-width:19px;height:19px;border-radius:10px;background:var(--cyan);color:var(--navy);display:grid;place-items:center;padding:0 5px;font-size:10px;font-weight:900}.shop-menu-button{display:none}.shop-mobile-panel{display:none}

/* homepage */
.store-hero{position:relative;min-height:700px;background:#f4f8fc;overflow:hidden}.store-hero-content{position:relative;z-index:2;display:flex;min-height:700px;align-items:center}.store-hero-copy{width:min(450px,100%);max-width:450px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;display:block}.store-hero .shop-kicker{display:inline-flex;align-items:center;min-height:30px;border:1px solid rgba(18,62,115,.14);border-radius:999px;background:rgba(234,248,255,.9);padding:0 13px;color:var(--navy-3);font-size:10px;letter-spacing:.17em}.store-hero h1{max-width:450px;margin:14px 0 16px;font-family:var(--display);font-size:clamp(48px,4.4vw,60px);font-weight:900;letter-spacing:-.06em;line-height:.92;text-transform:uppercase;background:linear-gradient(105deg,var(--navy) 4%,#124eb3 55%,var(--cyan) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.store-hero p{max-width:440px;margin:0;color:#385069;font-size:15px;font-weight:500;line-height:1.5}.store-hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.store-hero-cta .shop-button{min-height:46px;padding:0 21px;box-shadow:0 9px 22px rgba(6,21,42,.14);font-size:12px}.store-hero-cta .shop-button.alt{border-color:#b9d1e4;background:rgba(255,255,255,.82);box-shadow:none}.store-stats{display:flex;align-items:stretch;margin-top:28px;padding-top:22px;border-top:1px solid rgba(18,62,115,.14)}.store-stat{padding:0 18px;border-left:1px solid #c9dbe9}.store-stat:first-child{padding-left:0;border-left:0}.store-stat strong{display:block;color:var(--navy);font-size:24px;letter-spacing:-.04em}.store-stat span{display:block;color:#64778b;font-size:10px;line-height:1.35}.store-ribbon{background:var(--navy);color:var(--white)}.store-ribbon .shop-wrap{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.store-ribbon span{padding:23px 10px;font-size:15px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.store-ribbon span+span{border-left:1px solid rgba(255,255,255,.14)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:38px}.section-heading.center{display:block;text-align:center}.section-heading h2{max-width:720px;margin:8px 0 0;font-size:clamp(34px,4.2vw,52px);font-weight:900;letter-spacing:-.05em;line-height:1}.section-heading p{max-width:480px;margin:0;color:var(--muted)}.section-link{font-size:13px;font-weight:800;border-bottom:1px solid currentColor;white-space:nowrap}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{min-width:0}.product-art{position:relative;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#f7fafc,#eaf3fa);border:1px solid #e2ebf3}.product-art img{width:90%;height:90%;object-fit:contain;transition:transform .35s;filter:drop-shadow(0 18px 22px rgba(6,21,42,.16))}.product-card:hover .product-art img{transform:scale(1.045)}.product-badge{position:absolute;z-index:2;top:14px;left:14px;border-radius:999px;background:var(--navy);color:var(--cyan-2);padding:7px 11px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.product-body{padding:15px 2px 0}.product-type{color:var(--navy-3);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.product-name{margin:4px 0 3px;font-size:20px;font-weight:850;letter-spacing:-.025em}.product-tagline{min-height:42px;margin:0;color:var(--muted);font-size:13px}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.product-price{font-size:20px;font-weight:900}.product-price s{margin-left:5px;color:#8c99a8;font-size:13px;font-weight:600}.discount-pill{border-radius:999px;background:#dff8ff;color:var(--navy-3);padding:5px 8px;font-size:10px;font-weight:900}.product-actions{display:flex;gap:8px;margin-top:13px}.product-actions .shop-button{min-height:40px;flex:1;padding:0 12px;font-size:11px}.product-actions .add-icon{flex:0 0 40px;padding:0;font-size:20px}
.category-panel{border-radius:32px;background:var(--ice);padding:58px}.category-panel h2{text-align:center;margin:0 0 34px;font-size:clamp(34px,4.2vw,52px);font-weight:900;letter-spacing:-.05em}.category-mosaic{display:grid;grid-template-columns:1fr 1.35fr;gap:18px}.category-tile{position:relative;min-height:290px;overflow:hidden;border-radius:20px;background:#fff}.category-tile:nth-child(3){grid-column:1/2}.category-tile:nth-child(4){grid-column:2/3}.category-tile img{position:absolute;right:-2%;bottom:-8%;width:66%;height:96%;object-fit:contain;transition:transform .35s}.category-tile:hover img{transform:scale(1.04)}.category-tile-copy{position:relative;z-index:2;max-width:50%;padding:28px}.category-tile h3{margin:0;font-size:27px;letter-spacing:-.04em}.category-tile p{color:var(--muted);font-size:13px}.category-tile b{color:var(--navy-3);font-size:12px}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principle-card{border:1px solid var(--line);border-radius:20px;padding:26px}.principle-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ice-2);color:var(--navy-3);font-weight:900}.principle-card h3{margin:17px 0 8px;font-size:18px}.principle-card p{margin:0;color:var(--muted);font-size:14px}

/* shared newsletter and footer */
.shop-newsletter{margin-top:30px;border-radius:22px;background:var(--navy);color:#fff;padding:42px 48px;display:grid;grid-template-columns:1fr minmax(330px,.8fr);align-items:center;gap:42px}.shop-newsletter h2{margin:0;font-size:clamp(28px,3.6vw,44px);font-weight:900;letter-spacing:-.04em;line-height:1}.shop-newsletter p{color:#b9cde2}.shop-newsletter form{display:flex;gap:10px;flex-wrap:wrap}.shop-newsletter input{min-width:0;flex:1;height:48px;border:0;border-radius:999px;padding:0 18px}.shop-newsletter button{height:48px;border:0;border-radius:999px;background:var(--cyan);color:var(--navy);padding:0 22px;font-weight:900;cursor:pointer}.shop-newsletter .newsletter-status{flex:0 0 100%;margin:0;color:var(--cyan-2);font-size:12px}
.shop-footer{background:var(--ice);padding:58px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:38px}.footer-brand .shop-logo{margin-bottom:14px}.footer-brand p{max-width:300px;color:var(--muted);font-size:13px}.footer-col h3{font-size:12px;letter-spacing:.15em;text-transform:uppercase}.footer-col a{display:block;margin:10px 0;color:var(--muted);font-size:13px}.footer-col a:hover{color:var(--navy-3)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.payment-tags{display:flex;gap:7px}.payment-tags span{border:1px solid var(--line);border-radius:5px;background:#fff;padding:3px 7px;color:var(--navy);font-weight:800}

/* category pages */
.shop-breadcrumb{display:flex;gap:8px;align-items:center;padding:28px 0;color:var(--muted);font-size:13px}.shop-breadcrumb b{color:var(--ink)}.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:10px 0 34px}.catalog-head h1{margin:0;font-size:clamp(40px,5vw,64px);font-weight:900;letter-spacing:-.055em;line-height:1}.catalog-head p{max-width:530px;margin:0;color:var(--muted)}.catalog-shell{display:grid;grid-template-columns:260px 1fr;gap:32px;padding-bottom:80px}.catalog-filter{align-self:start;position:sticky;top:114px;border:1px solid var(--line);border-radius:20px;padding:22px}.catalog-filter h2{margin:0 0 18px;font-size:20px}.filter-group{padding:17px 0;border-top:1px solid var(--line)}.filter-group h3{margin:0 0 12px;font-size:13px}.filter-chip{display:block;width:100%;border:0;border-radius:10px;background:transparent;text-align:left;padding:8px 10px;color:var(--muted);cursor:pointer}.filter-chip:hover,.filter-chip.is-on{background:var(--ice);color:var(--navy);font-weight:800}.filter-note{color:var(--muted);font-size:12px}.catalog-results-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;color:var(--muted);font-size:13px}.catalog-results .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:20px;padding:40px;text-align:center;color:var(--muted)}

/* product detail */
.pdp{padding-bottom:80px}.pdp-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:46px;align-items:start}.pdp-gallery{display:grid;grid-template-columns:92px 1fr;gap:14px}.gallery-thumbs{display:flex;flex-direction:column;gap:12px}.gallery-thumb{aspect-ratio:1/1;border:1px solid var(--line);border-radius:14px;background:var(--ice);padding:6px;cursor:pointer}.gallery-thumb.is-on{border-color:var(--navy);box-shadow:0 0 0 2px var(--cyan)}.gallery-thumb img{width:100%;height:100%;object-fit:contain}.gallery-main{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:linear-gradient(145deg,#f7fafc,#eaf3fa);border:1px solid var(--line)}.gallery-main img{width:90%;height:90%;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(6,21,42,.16))}.pdp-info{padding:14px 0}.pdp-type{color:var(--navy-3);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.pdp-info h1{margin:8px 0 9px;font-size:clamp(42px,5vw,66px);font-weight:900;letter-spacing:-.06em;line-height:.95}.pdp-tagline{font-size:20px;font-weight:700}.pdp-lead{color:var(--muted);font-size:15px}.pdp-trust{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.pdp-trust span{border-radius:999px;background:var(--ice);padding:7px 10px;color:var(--navy-2);font-size:11px;font-weight:800}.pdp-price{margin:22px 0 15px;font-size:32px;font-weight:900}.pdp-price s{margin-left:8px;color:#8c99a8;font-size:18px}.pdp-option{padding:18px 0;border-top:1px solid var(--line)}.pdp-option-label{margin-bottom:10px;font-size:12px;font-weight:800}.option-pill{display:inline-flex;border:1px solid var(--navy);border-radius:999px;background:var(--navy);color:#fff;padding:9px 14px;font-size:12px;font-weight:800}.pdp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.pdp-actions .shop-button{width:100%}.truth-box{margin-top:18px;border-radius:13px;background:var(--ice);padding:13px 15px;color:var(--muted);font-size:12px}.detail-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:62px;border-bottom:1px solid var(--line)}.detail-tab{border:0;background:transparent;padding:17px 10px;color:var(--muted);font-weight:800;cursor:pointer}.detail-tab.is-on{color:var(--navy);box-shadow:inset 0 -3px var(--cyan)}.detail-panel{display:none;padding:34px 0}.detail-panel.is-on{display:block}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{border:1px solid var(--line);border-radius:18px;padding:22px}.feature-card b{display:block;color:var(--cyan);font-size:12px}.feature-card h3{margin:8px 0;font-size:17px}.feature-card p{margin:0;color:var(--muted);font-size:13px}.faq-list details{border-top:1px solid var(--line);padding:17px 0}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{color:var(--muted)}.founder-note{display:grid;grid-template-columns:84px 1fr;gap:20px;align-items:center;margin-top:22px;border-radius:20px;background:var(--navy);color:#fff;padding:26px}.founder-note img{width:84px;height:84px;border-radius:50%;object-fit:cover}.founder-note p{margin:5px 0 0;color:#bdd0e4}.founder-note small{color:var(--cyan-2)}

/* cart */
.cart-page{padding-bottom:90px}.cart-title{margin:8px 0 32px;font-size:clamp(42px,5vw,64px);font-weight:900;letter-spacing:-.055em}.cart-shell{display:grid;grid-template-columns:1.35fr .85fr;gap:22px;align-items:start}.cart-list,.cart-summary{border:1px solid var(--line);border-radius:20px;padding:22px}.cart-item{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-top:1px solid var(--line)}.cart-item:first-child{padding-top:0;border-top:0}.cart-item-art{aspect-ratio:1/1;border-radius:14px;background:var(--ice);display:grid;place-items:center}.cart-item-art img{width:90%;height:90%;object-fit:contain}.cart-item h2{margin:0;font-size:18px}.cart-item p{margin:3px 0;color:var(--muted);font-size:13px}.cart-item strong{display:block;margin-top:9px;font-size:20px}.cart-remove{border:0;background:#e5f7fc;color:var(--navy-3);border-radius:50%;width:38px;height:38px;cursor:pointer;font-weight:900}.cart-summary{position:sticky;top:114px}.cart-summary h2{margin:0 0 18px}.summary-line{display:flex;justify-content:space-between;gap:14px;margin:14px 0;color:var(--muted)}.summary-line strong{color:var(--ink)}.summary-line.saving strong{color:var(--navy-3)}.summary-total{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding-top:20px;border-top:1px solid var(--line);font-size:20px}.cart-summary .shop-button{width:100%}.cart-note{margin-top:13px;text-align:center;color:var(--muted);font-size:11px}.cart-empty{padding:50px 20px;text-align:center;color:var(--muted)}

/* craft */
.craft-services,.craft-process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.craft-card{border:1px solid var(--line);border-radius:18px;padding:22px}.craft-card b{color:var(--cyan);font-size:26px}.craft-card h3{margin:12px 0 7px}.craft-card p{margin:0;color:var(--muted);font-size:13px}.craft-form{margin-top:28px;border:1px solid var(--line);border-radius:22px;padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:7px}.form-field.full{grid-column:1/-1}.form-field label{font-size:12px;font-weight:800}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #cbd9e5;border-radius:11px;background:#fff;padding:12px}.form-field textarea{min-height:150px;resize:vertical}.form-hp{position:absolute;left:-9999px}.form-status{color:var(--muted);font-size:12px}.form-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px}
.shop-toast{position:fixed;z-index:200;left:50%;bottom:28px;transform:translate(-50%,20px);max-width:min(430px,calc(100% - 32px));border-radius:999px;background:var(--navy);color:#fff;padding:13px 20px;box-shadow:var(--shadow);font-size:13px;font-weight:750;opacity:0;pointer-events:none;transition:.25s}.shop-toast.is-on{opacity:1;transform:translate(-50%,0)}

@media(max-width:1050px){
  .shop-nav{grid-template-columns:auto 1fr auto}.shop-links{display:none}.shop-search{max-width:520px;justify-self:stretch}.shop-menu-button{display:grid}.shop-mobile-panel{position:fixed;inset:82px 0 auto;background:#fff;border-bottom:1px solid var(--line);padding:16px 24px 24px;box-shadow:var(--shadow)}.shop-mobile-panel.is-on{display:grid;gap:4px}.shop-mobile-panel a{padding:12px;border-radius:10px;font-weight:800}.shop-mobile-panel a:hover{background:var(--ice)}.store-hero{min-height:860px;background:#f7faff}.store-hero-content{min-height:390px;align-items:flex-start}.store-hero-copy{width:min(620px,100%);max-width:620px;padding:34px 0 28px}.store-hero h1{max-width:590px;font-size:clamp(44px,6.1vw,54px)}.store-hero p{max-width:570px}.store-stats{margin-top:22px;padding-top:18px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.feature-grid,.craft-services,.craft-process{grid-template-columns:repeat(2,1fr)}
  .pdp-layout{grid-template-columns:1fr 1fr;gap:28px}.cart-shell{grid-template-columns:1fr .8fr}
}
@media(max-width:768px){
  .shop-wrap{width:min(100% - 32px,var(--max))}.shop-section{padding:62px 0}.shop-nav{min-height:68px;gap:10px}.shop-logo{font-size:18px}.shop-logo img{width:28px;height:28px}.shop-search{display:none}.shop-mobile-panel{inset:68px 0 auto}.shop-announcement{padding-inline:20px}.shop-icon{width:44px;height:44px}
  .store-hero{min-height:900px}.store-hero-content{min-height:430px;align-items:flex-start}.store-hero-copy{display:block;width:100%;max-width:none;margin:0;padding:28px 0 24px}.store-hero .shop-kicker{display:inline-flex}.store-hero h1{max-width:560px;margin-top:10px;font-size:clamp(40px,10.8vw,50px);line-height:.94}.store-hero p{max-width:600px;margin-top:12px;font-size:14px}.store-hero-cta{margin-top:18px}.store-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:22px}.store-ribbon .shop-wrap{grid-template-columns:1fr 1fr}.store-ribbon span:nth-child(3){border-left:0;border-top:1px solid rgba(255,255,255,.14)}.store-ribbon span:nth-child(4){border-top:1px solid rgba(255,255,255,.14)}
  .section-heading,.catalog-head{display:block}.section-heading p,.catalog-head p{margin-top:13px}.section-link{display:inline-block;margin-top:16px}.category-panel{padding:36px 18px}.category-mosaic{grid-template-columns:1fr}.category-tile,.category-tile:nth-child(3),.category-tile:nth-child(4){grid-column:auto;min-height:230px}.principle-grid{grid-template-columns:1fr}.shop-newsletter{grid-template-columns:1fr;padding:32px 24px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block;text-align:center}.payment-tags{justify-content:center;margin-top:12px}
  .catalog-shell{grid-template-columns:1fr}.catalog-filter{position:static}.catalog-results .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-filter{display:grid;grid-template-columns:1fr 1fr;gap:12px}.catalog-filter h2,.catalog-filter .filter-note{grid-column:1/-1}.filter-group{border:0;background:var(--ice);border-radius:13px;padding:13px}
  .pdp-layout{grid-template-columns:1fr}.pdp-gallery{grid-template-columns:1fr}.gallery-thumbs{order:2;flex-direction:row}.gallery-thumb{width:74px}.pdp-info{padding-top:6px}.feature-grid{grid-template-columns:1fr 1fr}.cart-shell{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{grid-template-columns:92px 1fr auto}.craft-services,.craft-process{grid-template-columns:1fr 1fr}
}
@media(max-width:480px){
  .product-grid,.catalog-results .product-grid{gap:15px}.product-art{border-radius:15px}.product-name{font-size:17px}.product-tagline{font-size:12px}.product-price{font-size:17px}.product-actions .shop-button{padding-inline:10px;font-size:11px}.product-badge{top:8px;left:8px;padding:5px 7px;font-size:8px}.store-hero{min-height:970px}.store-hero-content{min-height:500px}.store-hero-copy{padding-top:25px}.store-hero h1{font-size:clamp(38px,11.5vw,46px)}
  .store-hero-cta{display:grid}.store-hero-cta .shop-button{width:100%}.shop-newsletter form{display:grid}.shop-newsletter input,.shop-newsletter button{width:100%}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/-1}.category-tile-copy{max-width:58%;padding:20px}.category-tile h3{font-size:23px}
  .catalog-filter{display:block}.filter-group{margin-top:8px}.pdp-actions{grid-template-columns:1fr}.detail-tabs{font-size:12px}.feature-grid,.included-list,.craft-services,.craft-process,.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.founder-note{grid-template-columns:62px 1fr}.founder-note img{width:62px;height:62px}.cart-item{grid-template-columns:76px 1fr auto;gap:10px}.cart-item h2{font-size:15px}.cart-item strong{font-size:17px}.cart-list,.cart-summary{padding:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* ============================================================
   Ultra-premium Store merchandising — 2026-08-26
   ============================================================ */
:root{--gold:#f6c75b;--violet:#8b6cff;--electric:#1677ff;--midnight:#020814}
.shop-header{box-shadow:0 10px 34px rgba(6,21,42,.06)}

/* Immersive Store gateway */
.store-hero{isolation:isolate;min-height:760px;background:
  radial-gradient(circle at 78% 18%,rgba(22,191,232,.24),transparent 27%),
  radial-gradient(circle at 62% 94%,rgba(139,108,255,.22),transparent 35%),
  linear-gradient(125deg,#020814 0%,#06152a 42%,#072959 76%,#031128 100%);color:#fff;overflow:hidden}
.store-hero:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,#000,transparent 72%)}
.store-hero:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-210px;bottom:-250px;border:1px solid rgba(246,199,91,.25);border-radius:50%;box-shadow:0 0 0 84px rgba(22,191,232,.035),0 0 0 168px rgba(139,108,255,.028)}
.store-hero-orbit{position:absolute;z-index:-1;left:-220px;top:-260px;width:580px;height:580px;border:1px solid rgba(134,231,255,.16);border-radius:50%;box-shadow:0 0 0 82px rgba(22,191,232,.025),0 0 0 164px rgba(22,119,255,.018)}
.store-hero-content{display:grid;grid-template-columns:minmax(390px,.88fr) minmax(520px,1.12fr);gap:72px;align-items:center;min-height:760px;padding-block:46px}
.store-hero-copy{width:100%;max-width:520px;padding:0}
.store-hero .shop-kicker{min-height:34px;border-color:rgba(134,231,255,.3);background:rgba(11,42,82,.6);color:var(--cyan-2);box-shadow:inset 0 0 24px rgba(22,191,232,.08)}
.store-hero h1{max-width:520px;margin:18px 0 22px;font-size:clamp(55px,5.3vw,76px);line-height:.87;color:#fff;background:none;-webkit-text-fill-color:initial;text-transform:uppercase;text-wrap:balance}
.store-hero h1 span{display:block;background:linear-gradient(100deg,#fff 0%,var(--cyan-2) 35%,#24b7ff 62%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.store-hero p{max-width:510px;color:#b9cde2;font-size:16px;line-height:1.65}
.store-hero-cta{gap:12px;margin-top:28px}
.store-hero-cta .shop-button{min-height:52px;padding-inline:25px;border-color:rgba(255,255,255,.25);box-shadow:0 14px 34px rgba(0,0,0,.25)}
.store-hero-cta .shop-button.cyan{border-color:var(--cyan);background:linear-gradient(105deg,var(--cyan),#52d9ff);color:var(--navy)}
.store-hero-cta .shop-button.alt{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:#fff;backdrop-filter:blur(12px)}
.store-hero-cta .shop-button.alt:hover{background:rgba(255,255,255,.14)}
.store-stats{gap:0;margin-top:36px;padding-top:26px;border-color:rgba(255,255,255,.13)}
.store-stat{min-width:112px;border-color:rgba(255,255,255,.16)}
.store-stat strong{color:#fff;font-size:27px}
.store-stat span{color:#8fa9c4;font-size:10px;text-transform:uppercase;letter-spacing:.08em}

.store-ribbon{background:linear-gradient(90deg,#020814,#0a2f62 50%,#020814);border-top:1px solid rgba(134,231,255,.17);border-bottom:1px solid rgba(134,231,255,.12)}
.store-ribbon span{color:#e9f7ff;font-size:13px}.store-ribbon span:nth-child(2){color:var(--cyan-2)}.store-ribbon span:nth-child(3){color:var(--gold)}.store-ribbon span:nth-child(4){color:#c9bfff}

/* Premium merchandise cards */
.store-products-section{background:radial-gradient(circle at 9% 8%,rgba(22,191,232,.08),transparent 25%),linear-gradient(180deg,#f7fbff,#fff)}
.store-products-section .section-heading h2{max-width:780px}
.product-card{--card-accent:var(--cyan);position:relative;overflow:hidden;border:1px solid rgba(10,45,83,.09);border-radius:26px;background:#fff;box-shadow:0 22px 55px rgba(6,21,42,.09);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.product-card-apex{--card-accent:#2a8cff}.product-card-liquidity{--card-accent:#9b7dff}.product-card-oracle{--card-accent:var(--gold)}.product-card-falcon{--card-accent:#00d9ff}.product-card-craft{--card-accent:var(--violet)}
.product-card:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--card-accent) 52%,transparent);box-shadow:0 30px 70px rgba(6,21,42,.16),0 0 0 1px color-mix(in srgb,var(--card-accent) 20%,transparent)}
.product-art{aspect-ratio:1/1;border:0;border-radius:0;background:var(--midnight)}
.product-art-glow{position:absolute;z-index:2;inset:auto 0 0;height:34%;background:linear-gradient(transparent,rgba(1,8,20,.33));pointer-events:none}
.product-art>.product-art-main,.product-art>.product-art-alt{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none;transition:opacity .4s ease,transform .55s ease}
.product-art>.product-art-alt{z-index:1;opacity:0}
.product-card:hover .product-art>.product-art-main{transform:scale(1.025)}
.product-card:hover .product-art>.product-art-alt{opacity:1;transform:scale(1.025)}
.product-badge{top:16px;left:16px;border:1px solid rgba(255,255,255,.27);background:linear-gradient(105deg,#06152a,#123e73);color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.25)}
.product-card-oracle .product-badge,.bundle-card .product-badge{border-color:rgba(246,199,91,.5);background:linear-gradient(105deg,#6a4300,#d29b27);color:#fff8e4}
.product-body{padding:21px 21px 22px}
.product-type{color:color-mix(in srgb,var(--card-accent) 74%,#06152a);font-size:10px}
.product-name{margin-top:5px;font-size:24px}
.product-tagline{min-height:44px;font-size:13px;line-height:1.5}
.product-meta{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}
.product-price{font-size:23px}.discount-pill{background:color-mix(in srgb,var(--card-accent) 13%,#fff);color:var(--navy-2)}
.product-actions{margin-top:15px}.product-actions .shop-button{min-height:43px}.product-actions .shop-button:not(.alt){background:linear-gradient(105deg,var(--navy),var(--navy-3));border-color:transparent}.product-actions .add-icon{background:var(--card-accent);color:var(--navy);font-weight:900}

/* Bundles assembled from the real product covers */
.store-bundles-section{border:0!important;background:#fff;padding:28px 0 88px}
.bundles-stage{position:relative;overflow:hidden;border-radius:42px;background:radial-gradient(circle at 18% 12%,rgba(22,191,232,.2),transparent 29%),radial-gradient(circle at 86% 90%,rgba(139,108,255,.2),transparent 34%),linear-gradient(135deg,#020814,#071b38 56%,#0a2f62);padding:62px}
.bundles-stage:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
.bundles-stage>*{position:relative}.bundles-stage .section-heading h2,.bundles-stage .section-heading p{color:#fff}.bundles-stage .section-heading p{color:#a9bfd6}.bundles-stage .shop-kicker{color:var(--cyan-2)}
.bundles-stage .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
/* Accent tokens are surface-independent, so they stay global. */
.bundle-card{--card-accent:var(--gold)}
.bundle-card-library{--card-accent:var(--violet)}.bundle-card-arsenal{--card-accent:var(--cyan)}

/* DARK SURFACE ONLY — these light-on-dark rules must never leak onto the
   white category pages. Unscoped, they rendered bundle names and prices
   white-on-white on /category-bundles.html (contrast 1:1, prices invisible). */
.bundles-stage .bundle-card{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;box-shadow:0 28px 60px rgba(0,0,0,.3);backdrop-filter:blur(14px)}
.bundles-stage .bundle-card .product-body{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035))}
.bundles-stage .bundle-card .product-name{color:#fff}
.bundles-stage .bundle-card .product-tagline{color:#b8cce0}
.bundles-stage .bundle-card .product-meta{border-color:rgba(255,255,255,.13)}
.bundles-stage .bundle-card .product-price{color:#fff}
.bundles-stage .bundle-card .product-price s{color:#7892ad}
.bundles-stage .bundle-card .product-type{color:var(--card-accent)}
.bundles-stage .bundle-card .bundle-includes{color:#8ea9c4}
.bundles-stage .bundle-card .discount-pill{background:color-mix(in srgb,var(--card-accent) 22%,#06152a);color:#fff}

/* LIGHT SURFACE (category pages, cart upsell) — inherits the standard
   product-card treatment; only the artwork panel stays dark. */
.bundle-card{border:1px solid rgba(10,45,83,.09);background:#fff;color:var(--ink);box-shadow:0 22px 55px rgba(6,21,42,.09)}
.bundle-card .product-name{color:var(--ink)}
.bundle-card .product-tagline{color:var(--muted)}
.bundle-card .product-price{color:var(--ink)}
.bundle-card .product-price s{color:#8c99a8}
.bundle-card .product-type{color:color-mix(in srgb,var(--card-accent) 62%,#06152a)}
.bundle-card .bundle-includes{color:var(--navy-3)}
.bundle-art{aspect-ratio:1.12/1;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--card-accent) 28%,transparent),transparent 42%),linear-gradient(145deg,#020814,#0b2852)}
.bundle-art-orbit{position:absolute;width:76%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--card-accent) 38%,transparent);border-radius:50%;box-shadow:0 0 0 28px color-mix(in srgb,var(--card-accent) 6%,transparent),0 0 0 56px rgba(255,255,255,.025)}
.bundle-cover-stack{position:absolute;inset:8% 3% 9%}
.bundle-cover-stack img{position:absolute;top:50%;left:50%;width:58%;height:auto;aspect-ratio:1/1;object-fit:cover;border:1px solid rgba(255,255,255,.28);border-radius:15px;filter:drop-shadow(0 18px 20px rgba(0,0,0,.46));transition:transform .35s ease}
.bundle-cover-stack img:nth-child(1){transform:translate(-83%,-50%) rotate(-8deg)}
.bundle-cover-stack img:nth-child(2){transform:translate(-50%,-54%) rotate(-1deg)}
.bundle-cover-stack img:nth-child(3){transform:translate(-17%,-50%) rotate(7deg)}
.bundle-cover-stack img:nth-child(4){transform:translate(-50%,-43%) scale(.9)}
.bundle-card:hover .bundle-cover-stack img:nth-child(1){transform:translate(-88%,-53%) rotate(-10deg)}
.bundle-card:hover .bundle-cover-stack img:nth-child(2){transform:translate(-50%,-59%) rotate(-1deg)}
.bundle-card:hover .bundle-cover-stack img:nth-child(3){transform:translate(-12%,-53%) rotate(9deg)}
.bundle-card:hover .bundle-cover-stack img:nth-child(4){transform:translate(-50%,-47%) scale(.94)}
.bundle-count{position:absolute;z-index:5;right:13px;bottom:12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(2,8,20,.76);padding:6px 10px;color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}
.bundle-includes{margin:11px 0 0;color:#8ea9c4;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.bundle-card .product-actions .shop-button{background:linear-gradient(105deg,var(--card-accent),color-mix(in srgb,var(--card-accent) 62%,#fff));color:#06152a}

/* Colorful department tiles */
.store-purpose-section{border:0!important;padding-top:88px}
.category-panel{position:relative;overflow:hidden;border:1px solid rgba(134,231,255,.16);border-radius:38px;background:radial-gradient(circle at 50% -10%,rgba(22,191,232,.18),transparent 35%),linear-gradient(145deg,#020814,#071b38);padding:62px}
.category-panel>.shop-kicker{color:var(--cyan-2)!important}.category-panel>h2{color:#fff}
.category-mosaic{grid-template-columns:1fr 1fr;gap:20px}
.category-tile,.category-tile:nth-child(3),.category-tile:nth-child(4){grid-column:auto;min-height:320px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:linear-gradient(135deg,#08254b,#06152a);box-shadow:0 22px 45px rgba(0,0,0,.28)}
.category-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,20,.96) 0%,rgba(2,8,20,.84) 42%,rgba(2,8,20,.12) 74%);pointer-events:none}
.category-tile:nth-child(2){background:linear-gradient(135deg,#3b2505,#06152a)}.category-tile:nth-child(3){background:linear-gradient(135deg,#10245c,#25145a)}.category-tile:nth-child(4){background:linear-gradient(135deg,#181047,#041c36)}
.category-tile img{right:0;bottom:0;width:61%;height:100%;object-fit:cover;filter:saturate(1.08);opacity:.94}
.category-tile-copy{z-index:3;max-width:53%;padding:32px;color:#fff}
.category-tile h3{color:#fff;font-size:30px}.category-tile p{color:#afc4d9}.category-tile b{color:var(--cyan-2);letter-spacing:.12em;text-transform:uppercase}.category-tile:nth-child(2) b{color:var(--gold)}.category-tile:nth-child(3) b{color:#c7bbff}.category-tile:nth-child(4) b{color:#7eeaff}
.category-tile:hover img{transform:scale(1.055)}

/* Trust and conversion finish */
.store-trust-section{border:0!important;background:radial-gradient(circle at 90% 10%,rgba(139,108,255,.09),transparent 30%),linear-gradient(#fff,#f5faff)}
.principle-card{position:relative;overflow:hidden;border:1px solid rgba(10,45,83,.09);background:#fff;box-shadow:0 18px 42px rgba(6,21,42,.07)}
.principle-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cyan),var(--electric),var(--violet))}
.principle-icon{background:linear-gradient(135deg,#e3f9ff,#ece8ff);box-shadow:inset 0 0 0 1px rgba(22,191,232,.15)}
.shop-newsletter{position:relative;overflow:hidden;border:1px solid rgba(134,231,255,.18);background:radial-gradient(circle at 80% 20%,rgba(22,191,232,.23),transparent 30%),radial-gradient(circle at 20% 120%,rgba(139,108,255,.25),transparent 40%),linear-gradient(120deg,#020814,#0a2f62);box-shadow:0 30px 70px rgba(6,21,42,.18)}
.shop-newsletter button{background:linear-gradient(105deg,var(--cyan),#7ce8ff)}

/* Product-detail galleries now feature the premium art at full impact */
.gallery-main{border-color:#19395c;background:#020814;box-shadow:0 26px 65px rgba(6,21,42,.18)}
.gallery-main img{width:100%;height:100%;object-fit:cover;filter:none}
.gallery-thumb{overflow:hidden;border-color:#c7d9e8;background:#06152a;padding:3px}
.gallery-thumb img{width:100%;height:100%;object-fit:cover}
.gallery-thumb.is-on{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(22,191,232,.42)}
.cart-item-art{overflow:hidden;background:#06152a}.cart-item-art img{width:100%;height:100%;object-fit:cover}

@media(max-width:1100px){
  .store-hero{min-height:0}.store-hero-content{grid-template-columns:1fr;gap:18px;min-height:0;padding-block:68px 54px}.store-hero-copy{max-width:760px}.store-hero h1{max-width:740px;font-size:clamp(54px,8vw,76px)}.store-hero p{max-width:650px}
  .bundles-stage{padding:50px 38px}.bundles-stage .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
}
@media(max-width:820px){
  .store-hero-content{padding-block:54px 45px}.store-hero h1{font-size:clamp(48px,10vw,68px)}.store-ribbon span{font-size:11px}
  .bundles-stage{border-radius:30px;padding:44px 24px}.bundles-stage .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bundle-art{aspect-ratio:1.25/1}.bundle-cover-stack img{width:48%}
  .category-panel{padding:44px 24px}.category-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile,.category-tile:nth-child(3),.category-tile:nth-child(4){min-height:250px}.category-tile-copy{max-width:62%;padding:24px}.category-tile h3{font-size:24px}
}
@media(max-width:600px){
  .store-hero-content{padding-block:42px 34px}.store-hero .shop-kicker{font-size:9px}.store-hero h1{margin:15px 0 18px;font-size:clamp(42px,12.6vw,58px);line-height:.9}.store-hero p{font-size:14px}.store-hero-cta{display:grid}.store-hero-cta .shop-button{width:100%}.store-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:27px}.store-stat{min-width:0;padding:0 10px}.store-stat strong{font-size:22px}.store-stat span{font-size:8px}
  .bundles-stage .product-grid{grid-template-columns:1fr}.category-mosaic{grid-template-columns:1fr}
  .store-ribbon span{padding:17px 7px}.product-card{border-radius:19px}.product-body{padding:16px}.product-name{font-size:20px}.product-tagline{min-height:40px}.product-meta{display:block}.discount-pill{display:inline-block;margin-top:8px}.store-bundles-section{padding-top:12px}.bundles-stage{width:100%;margin-left:0;border-radius:24px;padding:36px 18px}.bundle-art{aspect-ratio:1.2/1}.bundle-cover-stack img{width:50%}
  .category-panel{width:100%;margin-left:0;border-radius:24px;padding:35px 16px}.category-tile,.category-tile:nth-child(3),.category-tile:nth-child(4){min-height:250px}.category-tile-copy{max-width:61%;padding:22px}.category-tile h3{font-size:24px}.category-tile img{width:64%}
}
@media(hover:none){.product-art>.product-art-alt{display:none}.product-card:hover{transform:none}}

/* Hero ecosystem artwork — desktop and mobile, 2026-08-26 */
.store-hero-orbit,.store-hero-showcase{display:none}
.store-hero-content{position:relative;display:flex;grid-template-columns:none;align-items:center;min-height:760px;padding-block:48px}
.store-hero-content:before{content:"";position:absolute;z-index:1;inset:0 38% 0 -18%;background:linear-gradient(90deg,#020814 0%,rgba(2,8,20,.97) 50%,rgba(2,8,20,.76) 74%,transparent 100%);pointer-events:none}
.store-hero-copy{position:relative;z-index:2;width:min(450px,100%);max-width:450px}
.store-hero-art{position:absolute;z-index:0;inset:0 -180px 0 -105px;display:block;overflow:hidden}
.store-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.06) contrast(1.015)}

@media(max-width:1100px){
  .store-hero-content{display:block;min-height:0;padding-block:58px 54px}
  .store-hero-content:before{inset:0 0 auto;height:620px;background:linear-gradient(180deg,#020814 0%,rgba(2,8,20,.97) 66%,transparent 100%)}
  .store-hero-copy{width:100%;max-width:730px;padding:0}
  .store-hero-art{position:relative;z-index:2;inset:auto;width:100%;aspect-ratio:3/2;margin-top:44px;border:1px solid rgba(134,231,255,.22);border-radius:30px;box-shadow:0 34px 74px rgba(0,0,0,.38),0 0 38px rgba(22,191,232,.1)}
  .store-hero-art img{object-position:68% center}
}
@media(max-width:820px){
  .store-hero-content{padding-block:48px 38px}
  .store-hero-content:before{height:690px}
  .store-hero-art{aspect-ratio:2/3;max-width:min(92vw,420px);margin:30px auto 0;border-radius:26px}
  .store-hero-art img{object-position:center}
}
@media(max-width:600px){
  .store-hero-content{padding-block:40px 28px}
  .store-hero-content:before{height:610px}
  .store-hero-art{margin-top:30px;border-radius:20px}
}

/* ============================================================
   FIX LAYER — 2026-08-26c
   New components only. Existing bugs were corrected in place
   above rather than overridden here, so the cascade stays flat.
   ============================================================ */

/* --- Availability: state must be visible BEFORE the buyer taps --- */
.product-card[data-available="false"] .product-art{filter:grayscale(.55) opacity(.72)}
.product-card[data-available="false"] .product-art::after{content:"Preparing release";position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:999px;background:rgba(2,8,20,.86);color:#fff;padding:9px 16px;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(6px)}
.shop-button[aria-disabled="true"],.shop-button[disabled]{opacity:.5;cursor:not-allowed;transform:none;pointer-events:none}
.availability-note{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.5}
.availability-note strong{color:var(--navy-3)}

/* --- Search: phones had no store search at all (input is hidden < 760px
       and was never mirrored into the mobile panel) --- */
.shop-mobile-search{display:none}
.shop-mobile-panel.is-on .shop-mobile-search{display:flex;gap:8px;margin:4px 0 10px}
.shop-mobile-search input{flex:1;min-width:0;height:48px;border:1px solid var(--line);border-radius:999px;background:var(--ice);padding:0 18px;color:var(--ink)}
.shop-mobile-search input:focus{border-color:var(--cyan);background:#fff;outline:none;box-shadow:0 0 0 4px rgba(22,191,232,.13)}
.shop-mobile-search button{flex:0 0 48px;height:48px;border:0;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;cursor:pointer}
.shop-mobile-search button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}

/* --- Search results (previously a blind "first match wins" redirect) --- */
.search-summary{margin:0 0 22px;color:var(--muted);font-size:14px}
.search-summary b{color:var(--ink)}
.search-empty{border:1px dashed var(--line);border-radius:20px;padding:38px 24px;text-align:center;color:var(--muted)}
.search-empty h2{margin:0 0 8px;color:var(--ink);font-size:22px}
.search-empty .shop-button{margin-top:16px}

/* --- Price: no more "Loading price…" flash --- */
.pdp-price[data-loading="true"]{color:transparent;position:relative}
.pdp-price[data-loading="true"]::after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:130px;height:30px;border-radius:8px;background:linear-gradient(90deg,var(--ice),var(--ice-2),var(--ice));background-size:200% 100%;animation:price-shimmer 1.2s linear infinite}
@keyframes price-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}

/* --- Tap targets & focus --- */
.product-name a,.shop-breadcrumb a,.section-link{display:inline-block;padding-block:6px}
/* Footer links must stay block-level — making them inline-block ran them
   together into "PlaybooksIndicatorsBundles". Height comes from padding. */
.footer-col a{display:block;padding-block:7px;margin:3px 0}
.shop-mobile-panel a{min-height:48px;display:flex;align-items:center}
.detail-tab{min-height:48px}
.cart-remove{width:44px;height:44px}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:6px}

/* --- Checkout dialog (replaces the inline-styled Georgia modal) --- */
.cs-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(5,14,31,.82);backdrop-filter:blur(10px);font-family:var(--sans)}
.cs-modal-card{width:min(100%,440px);max-height:calc(100dvh - 40px);overflow-y:auto;position:relative;border:1px solid var(--line);border-radius:24px;background:#fff;padding:30px;box-shadow:0 42px 100px -36px rgba(0,0,0,.8)}
.cs-modal-card h2{margin:0 0 8px;font-family:var(--display);font-size:28px;font-weight:900;letter-spacing:-.04em;line-height:1.05;color:var(--ink)}
.cs-modal-card p{margin:0 0 20px;color:var(--muted);font-size:14px;line-height:1.6}
.cs-modal-close{position:absolute;right:14px;top:12px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}
.cs-modal-close:hover{background:var(--ice)}
.cs-modal-card label{display:block;margin-bottom:7px;font-size:12px;font-weight:800;color:var(--ink)}
.cs-modal-card input{width:100%;min-height:48px;margin-bottom:16px;border:1px solid #cfd9e4;border-radius:11px;padding:12px 14px;font:inherit}
.cs-modal-card input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 4px rgba(22,191,232,.13)}
.cs-modal-card input[aria-invalid="true"]{border-color:#c2410c}
.cs-modal-error{min-height:18px;margin:-8px 0 8px;color:#9a4f14;font-size:12px}
.cs-modal-card .shop-button{width:100%}
.cs-modal-fine{margin:13px 0 0;text-align:center;color:var(--muted);font-size:11px}
.cs-modal-icon{width:62px;height:62px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:#e6f5ff;color:var(--navy-3);font-size:30px}
.cs-modal-card.is-success{text-align:center}
.cs-modal-actions{display:grid;gap:10px;margin-top:8px}
body.cs-modal-open{overflow:hidden}

/* --- Recover access page --- */
.recover-page{padding-bottom:90px}
.recover-shell{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
.recover-card{border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:0 22px 55px rgba(6,21,42,.07)}
.recover-card h1{margin:10px 0 12px;font-size:clamp(32px,4.4vw,48px);font-weight:900;letter-spacing:-.05em;line-height:1}
.recover-lead{margin:0 0 24px;color:var(--muted);font-size:15px;line-height:1.65}
.recover-form label{display:block;margin-bottom:8px;font-size:12px;font-weight:800}
.recover-form input{width:100%;min-height:52px;border:1px solid #cbd9e5;border-radius:12px;padding:13px 15px;font:inherit}
.recover-form input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 4px rgba(22,191,232,.13)}
.recover-form .shop-button{width:100%;margin-top:14px;min-height:52px}
.recover-status{min-height:20px;margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}
.recover-status[data-state="success"]{color:#0f7490;font-weight:700}
.recover-status[data-state="error"]{color:#9a5c00;font-weight:700}
.recover-notes{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:10px;color:var(--muted);font-size:13px;line-height:1.55}
.recover-notes b{color:var(--ink)}
.recover-aside{border-radius:24px;background:var(--ice);padding:30px}
.recover-aside h2{margin:0 0 14px;font-size:20px;letter-spacing:-.02em}
.recover-aside details{border-top:1px solid #dce6ef;padding:14px 0}
.recover-aside summary{cursor:pointer;font-weight:800;font-size:14px;min-height:32px;display:flex;align-items:center}
.recover-aside p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}

@media(max-width:820px){
  .recover-shell{grid-template-columns:1fr}
  .recover-card{padding:28px 22px}
  .recover-aside{padding:24px 20px}
}
@media(max-width:600px){
  .recover-card{padding:24px 18px;border-radius:20px}
  .cs-modal-card{padding:24px 20px;border-radius:20px}
  .cs-modal-card h2{font-size:24px}
}

/* ============================================================
   PHASE B — trust & substance, 2026-08-26
   No testimonials exist, so nothing is invented here. Trust is
   carried by verifiable specifics: real part titles pulled from
   the books themselves, real page counts, real file lists, and
   a plainly stated delivery + licence + refund position.
   ============================================================ */

/* --- Delivery / licence / refund strip --- */
.pdp-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f4f9fd)}
.pdp-assurance div{display:flex;flex-direction:column;gap:3px}
.pdp-assurance b{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--navy)}
.pdp-assurance b svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:var(--cyan);stroke-width:2.4}
.pdp-assurance span{color:var(--muted);font-size:11.5px;line-height:1.45}
@media(max-width:600px){.pdp-assurance{grid-template-columns:1fr;gap:14px;padding:16px}}

/* --- "What's inside": the real contents of the product --- */
.contents-panel{margin-top:8px}
.contents-lead{max-width:620px;margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.6}
.contents-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.contents-item{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:14px;padding:15px 17px;background:#fff}
.contents-item b{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--ice-2);color:var(--navy-3);font-size:12px;font-weight:900}
.contents-item span{font-size:14px;font-weight:700;color:var(--ink);line-height:1.35}
.contents-item small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:500;line-height:1.5}
.contents-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.contents-facts span{border:1px solid var(--line);border-radius:999px;background:var(--ice);padding:8px 13px;color:var(--navy-2);font-size:12px;font-weight:700}
.contents-facts b{color:var(--navy)}
@media(max-width:768px){.contents-grid{grid-template-columns:1fr}}

/* --- "Judge the paid work by the free work" --- */
.proof-band{margin-top:26px;border-radius:20px;background:radial-gradient(circle at 85% 15%,rgba(22,191,232,.16),transparent 40%),linear-gradient(125deg,#020814,#0a2f62);color:#fff;padding:30px 32px}
.proof-band h3{margin:8px 0 10px;font-size:24px;font-weight:900;letter-spacing:-.03em;line-height:1.15}
.proof-band p{margin:0;color:#b9cde2;font-size:14px;line-height:1.65;max-width:560px}
.proof-band .shop-kicker{color:var(--cyan-2)}
.proof-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.proof-actions .shop-button{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(10px)}
.proof-actions .shop-button:hover{background:rgba(255,255,255,.16)}
.proof-actions .shop-button.cyan{background:linear-gradient(105deg,var(--cyan),#52d9ff);border-color:var(--cyan);color:var(--navy)}
@media(max-width:600px){.proof-band{padding:24px 20px;border-radius:18px}.proof-band h3{font-size:20px}.proof-actions{display:grid}.proof-actions .shop-button{width:100%}}

/* --- Working category filters --- */
.filter-chip[data-filter]{display:block;width:100%;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;padding:10px 12px;min-height:44px;color:var(--muted);font:inherit;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.filter-chip[data-filter]:hover{background:var(--ice);color:var(--navy)}
.filter-chip[data-filter].is-on{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:800}
.filter-chip[data-filter] i{float:right;font-style:normal;opacity:.7;font-size:12px}
.filter-clear{display:none;margin-top:10px;width:100%;min-height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.filter-clear.is-on{display:block}
.filter-clear:hover{background:var(--ice);color:var(--navy)}

/* ============================================================
   PHASE D — structural alignment, 2026-08-26
   ------------------------------------------------------------
   WHY THESE LIVE AT THE END
   The bundle grid is set three times earlier in this file, by
   three different build generations. Rather than edit rules that
   other rules were written to override — the exact pattern that
   produced the white-on-white bundle bug — the final intended
   value is stated once, here, where it cannot be silently
   overridden. Change bundle columns HERE and nowhere else.

   BREAKPOINT LADDER (store)
     1050px  nav collapses. Content-driven, NOT arbitrary: the
             store nav carries a search field the main site's
             nav does not. Measured, it needs 1219px of content
             in 1002px of space at 1050px — it cannot go lower
             without dropping the search field.
      820px  hero art and two-column sections
      768px  small tablet   (matches core.min.css)
      600px  large phone
      480px  small phone    (matches core.min.css)
   ============================================================ */

/* Bundles now step down with the product grid instead of staying
   three-across at 830px, where each card was ~230px wide. */
@media(max-width:1050px){
  .bundles-stage .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:600px){
  .bundles-stage .product-grid{grid-template-columns:1fr}
}

/* ============================================================
   STORE UX — hierarchy pass, 2026-08-26
   Fixes three things measured earlier:
   1. 1.6 screens of scrolling on a phone before any product
   2. four products at identical visual weight, nothing saying
      "start here"
   3. bundles (the best value) buried below the cheap items
   ============================================================ */

/* Hero: shorter, so product content arrives sooner */
.store-hero-content{min-height:600px;padding-block:40px}
.store-hero h1{font-size:clamp(46px,4.4vw,64px);margin:14px 0 16px}
.store-hero p{font-size:15.5px}
.store-hero-cta{margin-top:22px}
.store-stats{margin-top:26px;padding-top:20px}

/* ---- Start-here: the missing entry point ---- */
.start-here{padding:64px 0 10px;background:linear-gradient(180deg,#f6fafe,#fff)}
.start-here .section-heading{margin-bottom:30px}
.start-here .section-heading h2{margin-inline:auto;font-size:clamp(28px,3.4vw,42px)}
.start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.start-card{position:relative;display:flex;flex-direction:column;gap:9px;border:1px solid var(--line);border-radius:22px;background:#fff;padding:26px 24px 22px;box-shadow:0 18px 44px rgba(6,21,42,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.start-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--cyan) 55%,transparent);box-shadow:0 26px 60px rgba(6,21,42,.14)}
.start-card b{font-size:20px;font-weight:900;letter-spacing:-.025em;line-height:1.2;color:var(--ink)}
.start-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.6;flex:1}
.start-tag{align-self:flex-start;border-radius:999px;background:var(--ice-2);padding:6px 11px;color:var(--navy-3);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.start-meta{color:var(--navy-2);font-size:12px;font-weight:700}
.start-meta strong{font-size:15px;font-weight:900;color:var(--ink)}
.start-go{margin-top:4px;color:var(--navy-3);font-size:13px;font-weight:800}
.start-card.is-primary{border-color:transparent;background:linear-gradient(150deg,#041226,#0a2f62 62%,#123e73);color:#fff;box-shadow:0 26px 62px rgba(6,21,42,.26)}
.start-card.is-primary b{color:#fff}
.start-card.is-primary p{color:#b9cde2}
.start-card.is-primary .start-tag{background:linear-gradient(105deg,var(--cyan),#52d9ff);color:var(--navy)}
.start-card.is-primary .start-meta{color:#9bb8d6}
.start-card.is-primary .start-meta strong{color:#fff}
.start-card.is-primary .start-go{color:var(--cyan-2)}
.start-note{margin:22px 0 0;text-align:center;color:var(--muted);font-size:12.5px}

/* Bundles now lead the page, so soften the jump into them */
.store-bundles-section{padding-top:56px}
.store-products-section{padding-top:10px}

@media(max-width:1050px){ .start-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .start-card.is-primary{grid-column:1/-1} }
@media(max-width:768px){ .start-here{padding-top:52px} .start-card{padding:22px 20px 20px;border-radius:18px} .start-card b{font-size:18px} }
@media(max-width:600px){ .start-grid{grid-template-columns:1fr;gap:12px} .start-card.is-primary{grid-column:auto} .store-hero-content{min-height:0} }

/* Anchor targets sat under the sticky header when jumped to. */
#start,#products,.store-bundles-section,.store-purpose-section{scroll-margin-top:96px}
@media(max-width:768px){#start,#products,.store-bundles-section,.store-purpose-section{scroll-margin-top:80px}}
/* Stop headings orphaning a single word on the last line. */
.start-here .section-heading h2{max-width:16ch;text-wrap:balance}
.bundles-stage .section-heading h2,.store-products-section .section-heading h2{text-wrap:balance}

/* ---- Free preview: the strongest converter for a digital book ---- */
.preview-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.preview-row span{color:var(--muted);font-size:12px}
.preview-btn{gap:8px;border-color:var(--cyan);color:var(--navy-2);background:linear-gradient(180deg,#f2fcff,#e4f7ff)}
.preview-btn:hover{background:#dbf3ff;border-color:var(--cyan);color:var(--navy)}
.preview-btn svg{flex:0 0 16px}
.start-preview{display:block;margin-top:-2px;color:var(--navy-3);font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.start-card.is-primary .start-preview{color:var(--cyan-2)}
.start-preview:hover{opacity:.75}
@media(max-width:600px){.preview-row{gap:8px}.preview-row span{font-size:11.5px}}
