:root{--bg:#0c0c0f;--panel:#121216;--panel-2:#18181d;--ink:#f7f3f5;--muted:#9f979d;--line:#2c292e;--accent:#ef80b1;--accent-ink:#1d0d15;--danger:#ff9c9c;--radius:20px;--shadow:0 28px 90px rgba(0,0,0,.38);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 2%,rgba(239,128,177,.08),transparent 28%),var(--bg);color:var(--ink);min-height:100vh}button,a{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:12px;top:12px;z-index:200;transform:translateY(-150%);background:var(--ink);color:#111;padding:10px 14px}.skip-link:focus{transform:none}.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);position:sticky;top:0;z-index:40;background:rgba(12,12,15,.9);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand strong{font-family:Impact,"Arial Black",sans-serif;font-size:25px;letter-spacing:.03em}.brand span{font-size:8px;font-weight:800;letter-spacing:.2em}.site-header nav{display:flex;align-items:center;gap:clamp(12px,2.5vw,34px)}.site-header nav a,.site-header nav button{border:0;background:none;color:var(--ink);text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.13em;padding:12px 0}.site-header nav button span{color:var(--accent)}.builder-shell{width:min(1440px,100%);margin:auto;padding:clamp(36px,5vw,76px) clamp(18px,4vw,64px) 60px}.builder-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:end;margin-bottom:38px}.builder-intro>p:first-child{grid-column:1/-1;margin:0;color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.18em}.builder-intro h1{font-family:Impact,"Arial Black",sans-serif;font-weight:900;font-size:clamp(58px,8.6vw,138px);letter-spacing:-.035em;line-height:.8;margin:0}.builder-intro h1 em{font-style:normal;color:var(--accent)}.intro-copy{color:var(--muted);font-size:clamp(14px,1.3vw,18px);line-height:1.65;margin:0 0 8px;max-width:520px}.builder-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);gap:18px;align-items:stretch}.product-stage,.configuration{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);overflow:hidden;min-width:0}.product-stage{display:flex;flex-direction:column;min-height:690px}.package-tabs{display:grid;grid-template-columns:1fr 1fr;padding:14px 14px 0;gap:8px}.package-tabs button{height:50px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.16em}.package-tabs button[aria-selected="true"]{background:var(--ink);color:#121216;border-color:var(--ink)}.product-visual{position:relative;flex:1;display:grid;place-items:center;min-height:0;padding:18px 32px;outline:none;overflow:hidden}.product-visual:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.visual-glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(239,128,177,.14),transparent 68%);filter:blur(18px)}#packageImage{position:relative;z-index:2;width:min(100%,620px);max-height:560px;object-fit:contain;display:block;filter:drop-shadow(0 32px 38px rgba(0,0,0,.35));transition:opacity .22s ease,transform .35s ease}.product-stage[data-package="women"] #packageImage{max-height:530px}.product-stage[data-package="women"] .visual-glow{background:radial-gradient(circle,rgba(239,128,177,.11),transparent 68%)}.image-skeleton{position:absolute;inset:18% 12%;border-radius:18px;background:linear-gradient(100deg,#17171c 35%,#222128 50%,#17171c 65%);background-size:220% 100%;animation:skeleton 1.1s linear infinite}.image-skeleton[hidden]{display:none}.visual-meta{height:55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 20px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.15em}.visual-meta span:first-child{color:var(--ink)}.configuration{min-height:690px;padding:clamp(22px,3vw,40px)}.catalog-state{min-height:610px;display:flex;flex-direction:column;justify-content:center;gap:15px}.catalog-state p{font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--muted)}.state-line{height:30px;width:68%;background:linear-gradient(100deg,#1a191e 35%,#26242b 50%,#1a191e 65%);background-size:220% 100%;animation:skeleton 1.1s linear infinite}.state-line.short{width:42%;height:16px}.catalog-error{min-height:610px;align-content:center}.catalog-error h2{font-family:Impact,"Arial Black",sans-serif;font-size:52px;line-height:.9;margin:0 0 18px}.catalog-error p{color:var(--muted);line-height:1.6}.catalog-error button{border:0;background:var(--ink);color:#111;min-height:48px;padding:0 18px;font-size:9px;font-weight:900;letter-spacing:.13em}.product-heading{display:grid;grid-template-columns:1fr auto;gap:18px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:26px}.product-heading p{margin:0 0 8px;color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.16em}.product-heading h2{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(34px,4vw,58px);line-height:.92;letter-spacing:-.02em;margin:0;max-width:540px}.price-stock{text-align:right;display:flex;flex-direction:column;gap:5px}.price-stock strong{font-size:clamp(24px,2.5vw,36px);letter-spacing:-.04em}.price-stock span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#aee5b6}fieldset{border:0;padding:0;margin:0 0 23px}legend{padding:0;margin:0 0 10px;font-size:10px;font-weight:900;letter-spacing:.09em}.option-grid{display:flex;gap:8px;flex-wrap:wrap}.option-grid button{min-height:42px;border:1px solid #3a373d;background:var(--panel-2);color:var(--ink);font-size:9px;font-weight:850;letter-spacing:.06em;padding:0 13px}.option-grid.sizes button{min-width:46px}.option-grid button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.option-grid button:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible,.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.package-contents{border-top:1px solid var(--line);padding-top:22px;margin-top:4px}.package-contents h3{margin:0 0 11px;font-size:10px;letter-spacing:.11em}.package-contents ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;list-style:none;margin:0;padding:0}.package-contents li{font-size:10px;color:var(--muted);line-height:1.45;padding-left:13px;position:relative}.package-contents li:before{content:'+';position:absolute;left:0;color:var(--accent);font-weight:900}.order-summary{border-top:1px solid var(--line);margin-top:24px;padding:20px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.order-summary>div{display:grid;gap:5px}.order-summary span{font-size:8px;color:var(--muted);font-weight:900;letter-spacing:.12em}.order-summary strong{font-size:13px}.order-summary>strong{font-size:24px;letter-spacing:-.04em}.selection-error{margin:0 0 12px;color:var(--danger);font-size:10px;line-height:1.5}.primary-action,.secondary-action{width:100%;height:54px;font-size:9px;font-weight:950;letter-spacing:.14em}.primary-action{border:0;background:var(--accent);color:var(--accent-ink)}.secondary-action{border:1px solid #4b474e;background:transparent;color:var(--ink);margin-top:9px}.primary-action:disabled,.secondary-action:disabled{opacity:.38;cursor:not-allowed}.payment-note{font-size:9px;line-height:1.5;color:var(--muted);text-align:center;margin:12px 0 0}.promise-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);margin-top:18px;overflow:hidden}.promise-strip div{padding:20px 22px;display:grid;gap:5px;background:var(--panel)}.promise-strip div+div{border-left:1px solid var(--line)}.promise-strip strong{font-size:8px;letter-spacing:.13em}.promise-strip span{font-size:10px;color:var(--muted)}.bag-dialog{width:min(520px,calc(100vw - 24px));height:min(780px,calc(100dvh - 24px));max-width:none;max-height:none;margin:12px 12px 12px auto;border:1px solid var(--line);border-radius:var(--radius);background:#111115;color:var(--ink);padding:0;box-shadow:var(--shadow)}.bag-dialog::backdrop{background:rgba(0,0,0,.66);backdrop-filter:blur(4px)}.bag-head{height:72px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.bag-head h2{font-family:Impact,"Arial Black",sans-serif;font-size:30px;margin:0}.bag-head button{border:0;background:none;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.1em}.bag-items{height:calc(100% - 242px);overflow:auto;padding:8px 22px}.bag-empty{color:var(--muted);margin-top:30px}.bag-item{display:grid;grid-template-columns:88px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}.bag-item img{width:88px;height:78px;object-fit:contain;background:#0a0a0d}.bag-copy{display:grid;gap:5px}.bag-copy b{font-size:12px}.bag-copy>span,.bag-config{font-size:9px;color:var(--muted);line-height:1.5}.bag-config{margin:0}.bag-qty{display:flex;align-items:center;gap:10px;margin-top:7px}.bag-qty button{width:28px;height:28px;border:1px solid #423e45;background:none;color:var(--ink)}.bag-remove{border:0;background:none;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.08em;padding:4px}.bag-footer{height:170px;border-top:1px solid var(--line);padding:18px 22px}.bag-footer>div{display:flex;justify-content:space-between;align-items:center}.bag-footer span{font-size:9px;font-weight:900;letter-spacing:.12em}.bag-footer strong{font-size:25px}.bag-footer button{width:100%;height:50px;border:0;background:var(--ink);color:#111;font-size:9px;font-weight:950;letter-spacing:.13em;margin-top:14px}.bag-footer button:disabled{opacity:.4}.bag-footer p{font-size:8px;color:var(--muted);text-align:center}.toast{position:fixed;left:50%;bottom:24px;z-index:100;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:#111;padding:12px 16px;font-size:9px;font-weight:900;letter-spacing:.09em;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes skeleton{to{background-position:-220% 0}}@media(max-width:980px){.builder-intro{grid-template-columns:1fr}.builder-grid{grid-template-columns:1fr}.product-stage{min-height:560px}.configuration{min-height:0}.catalog-state,.catalog-error{min-height:420px}.product-visual{min-height:430px}.builder-intro h1{font-size:clamp(58px,13vw,104px)}}@media(max-width:620px){.site-header{height:66px;padding:0 16px}.brand span,.site-header nav a:first-child{display:none}.site-header nav{gap:14px}.builder-shell{padding:30px 12px 40px}.builder-intro{padding:0 6px;gap:16px;margin-bottom:24px}.builder-intro h1{font-size:clamp(52px,16vw,78px)}.intro-copy{font-size:14px}.product-stage{min-height:470px}.product-visual{min-height:345px;padding:12px}.configuration{padding:22px 16px}.product-heading{grid-template-columns:1fr}.price-stock{text-align:left}.product-heading h2{font-size:39px}.package-contents ul{grid-template-columns:1fr}.promise-strip{grid-template-columns:1fr}.promise-strip div+div{border-left:0;border-top:1px solid var(--line)}.bag-item{grid-template-columns:68px 1fr auto}.bag-item img{width:68px;height:66px}.bag-dialog{height:100dvh;width:100vw;margin:0;border-radius:0;border:0}.option-grid button{min-height:44px}.visual-meta{padding:0 14px;font-size:7px}}
[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}#packageImage{transform:none!important}}
