:root{--white:#fff;--black:#000;--paper:#f4f3f1;--grey:#6e6e6e;--rule:#e6e4e1;--blush:#f2d3d6;--font:"Outfit", system-ui, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);font-family:var(--font);-webkit-font-smoothing:antialiased;font-weight:400;overflow-x:hidden}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--black);outline-offset:3px}svg.i{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}header{z-index:40;background:var(--white);border-bottom:1px solid var(--rule);grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 clamp(16px,4vw,56px);display:grid;position:sticky;top:0}header nav{gap:32px;font-size:15px;display:flex}header nav button{padding:6px 0;position:relative}header nav button:after{content:"";background:var(--black);transform-origin:0;height:1px;transition:transform .4s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}header nav button:hover:after,header nav button.on:after{transform:scaleX(1)}.logo img{height:52px}.tools{justify-content:flex-end;align-items:center;gap:20px;display:flex}.bag{align-items:center;gap:8px;font-size:15px;display:flex;position:relative}.bag b{background:var(--black);min-width:22px;height:22px;color:var(--white);border-radius:11px;place-items:center;padding:0 6px;font-size:12px;font-weight:500;display:grid}.menu-btn{justify-self:start;display:none}.hero{padding:28px 0 0}.runway{height:min(68vh,720px);min-height:420px;overflow:hidden}.runway .belt{gap:14px;width:max-content;height:100%;animation:70s linear infinite belt;display:flex}.runway:hover .belt{animation-play-state:paused}.runway figure{aspect-ratio:3/4.3;background-color:var(--paper);cursor:pointer;height:100%;position:relative;overflow:hidden}.runway img{object-fit:cover;object-position:center 18%;width:100%;height:100%;transition:transform 1.2s var(--ease)}.runway figure:hover img{transform:scale(1.04)}.runway figcaption{background:var(--white);opacity:0;transition:all .4s var(--ease);padding:8px 14px;font-size:14px;position:absolute;bottom:14px;left:14px;transform:translateY(8px)}.runway figure:hover figcaption{opacity:1;transform:none}@keyframes belt{to{transform:translate(-50%)}}.intro{grid-template-columns:1.3fr 1fr;align-items:end;gap:40px;max-width:1440px;margin:0 auto;padding:56px clamp(16px,4vw,56px) 70px;display:grid}.intro h1{letter-spacing:-.035em;font-size:clamp(42px,6.4vw,104px);font-weight:600;line-height:.95}.intro p{color:var(--grey);max-width:430px;font-size:18px;font-weight:300;line-height:1.6}.intro .actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.btn{background:var(--black);height:54px;color:var(--white);transition:transform .3s var(--ease), background .3s;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 30px;font-size:15px;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.ghost{color:var(--black);border:1px solid var(--black);background:0 0}.collection{max-width:1440px;margin:0 auto;padding:0 clamp(16px,4vw,56px) 120px}.bar{border-top:1px solid var(--black);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:22px 0;display:flex}.bar h2{letter-spacing:-.02em;font-size:30px;font-weight:600}.bar h2 small{color:var(--grey);letter-spacing:0;margin-left:10px;font-size:15px;font-weight:400}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters button{border:1px solid var(--rule);border-radius:999px;height:40px;padding:0 18px;font-size:14px;transition:all .3s}.filters button:hover{border-color:var(--black)}.filters button.on{background:var(--black);color:var(--white);border-color:var(--black)}.grid{grid-template-columns:repeat(4,1fr);gap:40px 18px;display:grid}.card .ph{aspect-ratio:3/4;background-color:var(--paper);cursor:pointer;position:relative;overflow:hidden}.card .ph img{object-fit:cover;object-position:center 15%;width:100%;height:100%;transition:opacity .6s ease, transform 1.2s var(--ease);position:absolute;inset:0}.card .ph img.alt{opacity:0}.card:hover .ph img.alt{opacity:1}.card:hover .ph img{transform:scale(1.03)}.tag{z-index:2;background:var(--white);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500;position:absolute;top:12px;left:12px}.tag.new{background:var(--blush)}.plus{z-index:3;background:var(--white);width:48px;height:48px;transition:background .3s, color .3s, transform .3s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 6px 24px #00000024}.plus:hover{background:var(--black);color:var(--white);transform:scale(1.06)}.sizes-pop{z-index:4;background:var(--white);transition:transform .5s var(--ease);border-radius:14px;padding:16px 14px 14px;position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(120%);box-shadow:0 14px 40px #0000002e}.card.picking .sizes-pop{transform:none}.card.picking .plus{opacity:0;pointer-events:none}.sizes-pop p{justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:500;display:flex}.sizes-pop p button{color:var(--grey);font-weight:400}.sizes-pop div{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--rule);border-radius:10px;min-width:44px;height:40px;padding:0 10px;font-size:14px;transition:all .2s}.chip:hover{border-color:var(--black)}.chip.on{background:var(--black);color:var(--white);border-color:var(--black)}.info{gap:6px;padding-top:14px;display:grid}.info .top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.info h3{cursor:pointer;font-size:17px;font-weight:500}.info .price{white-space:nowrap;font-size:17px;font-weight:600}.info .bottom{color:var(--grey);justify-content:space-between;align-items:center;font-size:13px;display:flex}.dots{gap:6px;display:flex}.dot{border:1px solid #0000002e;border-radius:50%;width:16px;height:16px}.dot.on{box-shadow:0 0 0 2px var(--white), 0 0 0 3px var(--black)}.promise{background:var(--paper)}.promise ul{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1440px;margin:0 auto;padding:56px clamp(16px,4vw,56px);list-style:none;display:grid}.promise b{margin-bottom:6px;font-size:20px;font-weight:600;display:block}.promise span{color:var(--grey);font-weight:300;line-height:1.6}footer{max-width:1440px;color:var(--grey);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:50px clamp(16px,4vw,56px) 140px;font-size:14px;display:flex}footer img{height:58px}footer .links{color:var(--black);gap:24px;display:flex}footer .links a:hover{text-underline-offset:4px;text-decoration:underline}.cartbar{z-index:45;left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--black);width:min(600px,100% - 24px);color:var(--white);transition:transform .8s var(--ease);border-radius:22px;align-items:center;gap:14px;padding:10px 10px 10px 12px;display:flex;position:fixed;transform:translate(-50%,170%);box-shadow:0 20px 50px #00000047}.cartbar.on{transform:translate(-50%)}.cartbar.pulse{animation:pulse .5s var(--ease)}@keyframes pulse{40%{transform:translate(-50%)scale(1.035)}}.thumbs{cursor:pointer;display:flex}.thumbs img{object-fit:cover;object-position:center 15%;border:2px solid var(--black);background:var(--paper);border-radius:10px;width:46px;height:58px;margin-left:-16px}.thumbs img:first-child{margin-left:0}.sum{cursor:pointer;flex:1;line-height:1.3}.sum small{color:#ffffffa6;font-size:13px;display:block}.sum b{font-size:19px;font-weight:600}.order{background:var(--blush);height:50px;color:var(--black);border-radius:14px;padding:0 24px;font-size:15px;font-weight:600;transition:background .3s}.order:hover{background:var(--white)}.flyer{z-index:60;object-fit:cover;object-position:center 15%;pointer-events:none;position:fixed;box-shadow:0 24px 60px #0000004d}.overlay{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#00000059;transition:opacity .5s;position:fixed;inset:0}.overlay.on{opacity:1;pointer-events:auto}.sheet{z-index:80;background:var(--white);visibility:hidden;transition:transform .7s var(--ease), opacity .5s, visibility 0s .7s;position:fixed}.sheet.on{visibility:visible;transition:transform .7s var(--ease), opacity .5s}.close{z-index:3;background:var(--white);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 4px 18px #0000001a}#product{opacity:0;border-radius:24px;grid-template-columns:1.1fr 1fr;display:grid;inset:3vh 3vw;overflow:hidden;transform:translateY(40px)}#product.on{opacity:1;transform:none}.gallery{background-color:var(--paper);touch-action:pan-y;position:relative;overflow:hidden}.gallery .track{height:100%;transition:transform .7s var(--ease);display:flex}.gallery img{object-fit:cover;object-position:center 15%;min-width:100%;height:100%}.gallery .nav{justify-content:center;gap:8px;display:flex;position:absolute;bottom:18px;left:0;right:0}.gallery .nav button{width:8px;height:8px;transition:width .4s var(--ease), background .3s;background:#00000040;border-radius:4px}.gallery .nav button.on{background:var(--black);width:26px}.detail{flex-direction:column;gap:24px;padding:clamp(28px,4vw,64px);display:flex;overflow-y:auto}.detail .crumb{color:var(--grey);font-size:14px}.detail h2{letter-spacing:-.025em;font-size:clamp(32px,3.2vw,48px);font-weight:600;line-height:1.02}.detail .price{margin-top:-10px;font-size:26px;font-weight:600}.detail p.desc{color:var(--grey);max-width:520px;font-size:17px;font-weight:300;line-height:1.7}.label{margin-bottom:10px;font-size:15px;font-weight:500}.label span{color:var(--grey);font-weight:400}.opts{flex-wrap:wrap;gap:8px;display:flex}.colorbtn{border:1px solid var(--rule);border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 16px 0 10px;font-size:14px;display:flex}.colorbtn.on{border-color:var(--black)}.colorbtn i{border:1px solid #00000026;border-radius:50%;width:20px;height:20px}.add-big{background:var(--black);height:58px;color:var(--white);border-radius:16px;font-size:16px;font-weight:500;transition:background .3s}.add-big:hover{background:#262626}.hint{color:#b3261e;min-height:18px;margin-top:-12px;font-size:14px}.share{color:var(--grey);font-size:14px}.share button{color:var(--black);text-underline-offset:4px;text-decoration:underline}.facts{border-top:1px solid var(--rule);color:var(--grey);gap:10px;padding-top:18px;font-size:15px;display:grid}#cart{flex-direction:column;width:min(440px,100%);display:flex;top:0;bottom:0;right:0;transform:translate(105%)}#cart.on{transform:none}.panel-head{padding:28px 28px 18px}.panel-head h2{letter-spacing:-.02em;font-size:30px;font-weight:600}.lines{flex:1;padding:0 28px;overflow-y:auto}.line{border-top:1px solid var(--rule);grid-template-columns:76px 1fr auto;gap:14px;padding:16px 0;display:grid}.line img{object-fit:cover;object-position:center 15%;background:var(--paper);border-radius:10px;width:76px;height:100px}.line h4{font-size:16px;font-weight:500}.line small{color:var(--grey);margin-top:4px;font-size:14px;display:block}.line .price{font-weight:600}.qty{border:1px solid var(--rule);border-radius:999px;align-items:center;gap:12px;margin-top:10px;padding:2px;font-size:14px;display:inline-flex}.qty button{border-radius:50%;width:30px;height:30px}.qty button:hover{background:var(--paper)}.panel-foot{border-top:1px solid var(--rule);gap:14px;padding:20px 28px 28px;display:grid}.total-row{justify-content:space-between;font-size:18px;font-weight:600;display:flex}#checkout{inset:0;overflow-y:auto;transform:translateY(100%)}#checkout.on{transform:none}.co{grid-template-columns:1.15fr 1fr;gap:56px;max-width:1120px;margin:0 auto;padding:84px clamp(16px,4vw,40px) 60px;display:grid}.steps{gap:8px;margin-bottom:26px;display:flex}.steps span{color:var(--grey);border-top:2px solid var(--rule);flex:1;padding-top:10px;font-size:13px}.steps span.done,.steps span.now{border-color:var(--black);color:var(--black)}.co h2{letter-spacing:-.03em;margin-bottom:30px;font-size:clamp(34px,4vw,52px);font-weight:600}.co>*,.two>*,.field{min-width:0}.field{gap:8px;margin-bottom:18px;display:grid}.field input,.field select,.field textarea{width:100%}.field label{font-size:14px;font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--rule);background:var(--white);height:54px;font:inherit;border-radius:14px;outline:none;padding:0 16px;font-size:16px;transition:border-color .3s}.field textarea{resize:vertical;height:auto;padding:14px 16px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--black)}.two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.recap{background:var(--paper);border-radius:22px;align-self:start;padding:28px;position:sticky;top:30px}.recap h3{margin-bottom:10px;font-size:22px;font-weight:600}.mini{border-bottom:1px solid var(--rule);gap:12px;padding:12px 0;font-size:15px;display:flex}.mini img{object-fit:cover;object-position:center 15%;border-radius:8px;width:52px;height:68px}.mini div{flex:1}.mini small{color:var(--grey);font-size:13px}.recap dl{color:var(--grey);gap:8px;margin:18px 0;font-size:15px;display:grid}.recap dl div{justify-content:space-between;display:flex}.recap dl .big{color:var(--black);border-top:1px solid var(--rule);padding-top:12px;font-size:22px;font-weight:600}.wa{color:#fff;background:#1fa855;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;height:60px;font-size:16px;font-weight:600;transition:filter .3s;display:flex}.wa:hover{filter:brightness(1.07)}.wa svg{fill:#fff;width:22px;height:22px}.note{color:var(--grey);margin-top:12px;font-size:14px;line-height:1.6}.err{color:#b3261e;min-height:18px;font-size:14px}#menu{flex-direction:column;width:min(340px,86%);padding:90px 28px 28px;display:flex;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-105%)}#menu.on{transform:none}#menu .big{text-align:left;letter-spacing:-.02em;border-bottom:1px solid var(--rule);padding:12px 0;font-size:32px;font-weight:600}#menu .small{color:var(--grey);flex-wrap:wrap;gap:12px 22px;margin-top:auto;font-size:15px;display:flex}.toast{z-index:90;visibility:hidden;background:var(--black);color:var(--white);transition:transform .6s var(--ease), visibility 0s .6s;border-radius:999px;padding:12px 22px;font-size:14px;position:fixed;top:20px;left:50%;transform:translate(-50%,-300%)}.toast.on{visibility:visible;transition:transform .6s var(--ease);transform:translate(-50%)}.ph,.runway figure,.gallery{background-position:50% 15%;background-size:cover}img.fade{opacity:0;transition:opacity .8s ease, transform 1.2s var(--ease)}img.fade.in{opacity:1}.card .ph img.alt.fade.in{opacity:0}.card:hover .ph img.alt.fade.in{opacity:1}#preview{z-index:85;opacity:0;border-radius:24px;width:min(460px,100% - 24px);top:50%;left:50%;overflow:hidden;transform:translate(-50%,-44%);box-shadow:0 0 0 100vmax #0006,0 30px 80px #0000004d}#preview.on{opacity:1;transform:translate(-50%,-50%)}.chathead{color:#fff;background:#075e54;align-items:center;gap:12px;padding:14px 18px;display:flex}.chathead img{object-fit:contain;background:#fff;border-radius:50%;width:42px;height:42px;padding:6px}.chathead small{opacity:.8;font-size:12px;display:block}.chat{background:#efeae2;max-height:52vh;padding:20px 16px;overflow-y:auto}.bubble{white-space:pre-wrap;animation:pop .5s var(--ease);background:#d9fdd3;border-radius:14px 2px 14px 14px;margin-left:34px;padding:12px 14px 22px;font-size:14px;line-height:1.5;position:relative;box-shadow:0 1px 1px #00000014}.bubble time{color:#667781;font-size:11px;position:absolute;bottom:5px;right:10px}@keyframes pop{0%{opacity:0;transform:scale(.9)translateY(12px)}}.pv-actions{grid-template-columns:1fr 1.5fr;gap:10px;padding:16px;display:grid}.pv-actions .ghostbtn{border:1px solid var(--rule);border-radius:14px;height:54px;font-weight:500}.pv-actions .wa{height:54px;font-size:15px}@media (width<=1080px){.grid{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){header{height:64px}header nav{display:none}.menu-btn{display:block}.logo img{height:42px}.bag span{display:none}.hero{padding-top:14px}.runway{height:58vh;min-height:360px}.runway .belt{gap:10px;animation-duration:55s}.runway figcaption{opacity:1;font-size:13px;transform:none}.intro{grid-template-columns:1fr;gap:18px;padding:34px 16px 50px}.intro .actions .btn{flex:1}.grid{grid-template-columns:repeat(2,1fr);gap:30px 12px}.info h3,.info .price{font-size:15px}.info .top{flex-direction:column;gap:2px}.plus{width:44px;height:44px;bottom:8px;right:8px}.bar h2{font-size:26px}.promise ul{grid-template-columns:1fr;padding:40px 16px}#product{border-radius:0;grid-template-rows:64vh auto;grid-template-columns:1fr;inset:0;overflow-y:auto}.detail{padding:28px 18px 40px;overflow:visible}.co{grid-template-columns:1fr;gap:28px;padding-top:70px}.recap{position:static}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}}