.d.tops-page{scroll-padding-bottom:150px}.d.tops-page.has-quick-bag{padding-bottom:110px}.d .tops-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding-block:34px}.d .tops-intro h1{font-size:56px;margin:0 0 20px}.d .tops-intro p:not(.kicker){font-size:16px}.d .tops-intro>img{height:260px;object-fit:cover}.d .tops-specs{display:flex;gap:15px;flex-wrap:wrap;margin:22px 0;font-size:12px;font-weight:600}.d .tops-specs span{padding-left:10px;border-left:2px solid #c8102e}.d .tops-navigation{border-block:1px solid #ccc;padding:17px max(var(--gutter),calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f5f5f7;font-size:12px}.d .tops-navigation>div{display:flex;gap:26px}.d .tops-navigation a{padding:7px 0;text-decoration:underline;text-underline-offset:4px}.d .tops-navigation>span{color:#666}.d .tops-shop{padding-block:38px}.d .tops-shop .section-head{align-items:flex-start}.d .tops-shop .section-head h2{font-size:28px;margin-bottom:12px}.d .tops-shop .section-head p{font-size:13px}.d .tops-shop .preview-explanation{max-width:400px;font-size:11px!important;line-height:1.7}.d .tops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.d .top-card{min-width:0}.d .top-photo{position:relative;padding:0;border:1px solid #ccc;background:#eee;aspect-ratio:1;display:block;width:100%;overflow:hidden}.d .top-photo>img{width:100%;height:100%;object-fit:cover}.d .top-photo.placeholder{display:flex;flex-direction:column;gap:12px;padding:20px;font:13px 'JetBrains Mono',monospace}.d .top-photo.placeholder .plus{font-size:42px;color:#aaa}.d .top-photo.placeholder small{font-size:11px;color:#666}.d .top-photo-action{position:absolute;bottom:14px;right:14px;border:1px solid #ccc;background:white;padding:7px 10px;font:11px 'JetBrains Mono',monospace;color:#111}.d .top-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-top:18px}.d .top-title h3{font-size:17px;line-height:1.3;margin:0}.d .top-title>span{font-size:12px;white-space:nowrap}.d .top-description{font-size:12px;min-height:40px;margin:10px 0 17px;line-height:1.7}.d .size-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:10px;gap:10px}.d .size-line button{font:11px 'JetBrains Mono',monospace;text-decoration:underline;text-underline-offset:3px;min-height:32px;padding:4px 0}.d .top-sizes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.d .top-sizes button{border:1px solid #bbb;background:white;font:13px 'JetBrains Mono',monospace;min-width:40px;min-height:42px;padding:7px}.d .top-sizes button[aria-pressed=true]{background:#1d1d1f;border-color:#1d1d1f;color:white}.d .top-add{width:100%;min-height:46px;font-size:13px}.d .top-add:disabled{background:#e5e5e8;border-color:#ccc;color:#626269;cursor:default}.d .card-feedback{font-size:11px;line-height:1.6;min-height:19px;margin:10px 0 0;color:#333}.d .tops-process{display:grid;grid-template-columns:1fr 1fr;gap:60px}.d .tops-process h2{font-size:28px}.d .tops-process h3{font-size:19px}.d .tops-process p{font-size:14px}.d .tops-process article{border-bottom:1px solid #ccc;padding:0 0 23px;margin:0 0 23px}.d .tops-process img{margin-top:25px;aspect-ratio:1.8;object-fit:cover}.d .quick-bag{position:fixed;bottom:0;left:0;right:0;z-index:90;background:#fff;border-top:2px solid #1d1d1f;box-shadow:0 -4px 18px #0000000a;padding:15px max(var(--gutter),calc((100vw - 1200px)/2));display:flex;align-items:center;gap:28px}.d .quick-bag>div{display:flex;align-items:center;gap:30px;flex:1}.d #open-bag{font:15px 'JetBrains Mono',monospace;padding:8px 0;min-height:44px;text-align:left}.d .bag-edit{font-size:12px;text-decoration:underline;text-underline-offset:4px}.d #dock-total{font-size:16px;font-weight:600}.d #dock-note{font-size:11px;margin:0;color:#666;max-width:190px;line-height:1.5}.d #dock-checkout{min-width:180px;min-height:48px}.d .tops-dialog{padding:60px 30px 30px;max-width:min(1080px,94vw);width:1080px;max-height:92dvh;overflow:auto;border:1px solid #ccc;overscroll-behavior:contain;background:#fbfbfb}.d .dialog-close{position:absolute;top:10px;right:20px;min-height:40px;font:13px 'JetBrains Mono',monospace}.d .tops-dialog h2{font-size:27px}.d .tops-dialog p{font-size:14px}.d .tops-dialog .dialog-note{font-size:12px;color:#666;line-height:1.7}.d .detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px}.d .detail-layout>div>img{width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:1;object-fit:contain;background:#eee}.d .detail-placeholder{aspect-ratio:1;padding:20px;text-align:center}.d .detail-thumbs{display:flex;gap:10px;margin-top:12px}.d .detail-thumbs button{padding:0;border:1px solid #ccc;width:65px}.d .detail-thumbs button[aria-pressed=true]{border:2px solid #c8102e}.d .detail-thumbs img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.d .detail-layout details{border-top:1px solid #ccc;padding:17px 0}.d .detail-layout summary{font-size:13px;font-weight:600;cursor:pointer;min-height:28px}.d .detail-layout details p{font-size:13px}.d .detail-done{display:block;margin-top:25px}.d .bag-dialog{width:640px}.d .bag-line{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:15px;border-top:1px solid #ccc;padding:20px 0;align-items:start}.d .bag-line img{width:64px;height:64px;object-fit:cover}.d .bag-placeholder{width:64px;height:64px;display:grid;place-items:center;background:#eee;border:1px solid #ccc;color:#888}.d .bag-line h3{font-size:14px}.d .bag-line p{font-size:11px;margin-bottom:10px}.d .bag-line>span{font-size:11px}.d .quantity-controls{display:flex;gap:9px;align-items:center;font-size:13px;flex-wrap:wrap}.d .quantity-controls>button{font:14px 'JetBrains Mono',monospace;border:1px solid #aaa;min-width:34px;min-height:36px;padding:5px}.d .quantity-controls>button:disabled{color:#999;background:#eee;border-color:#ddd;cursor:default}.d .quantity-controls .remove-line{font-size:11px;border:0;text-decoration:underline;margin-left:8px}.d .bag-summary{border-top:1px solid #aaa;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:14px}.d .bag-summary small{font-size:11px;color:#666}.d #bag-checkout{width:100%}.d #bag-checkout:disabled{background:#ddd;color:#666;border-color:#ccc;cursor:default}.d .continue-browsing{font:12px 'JetBrains Mono',monospace;text-decoration:underline;display:block;margin:18px auto 0;min-height:40px}.d .checkout-dialog{width:640px}.d #checkout-lines ul{list-style:none;padding:0}.d #checkout-lines li{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #ddd;padding:15px 0;font-size:13px}.d .checkout-disclosure{line-height:1.8}body.d.tops-page :focus-visible{scroll-margin-bottom:150px}.d #tops-shop,.d #tops-fabric,.d #tops-process,.d #tops-evidence{scroll-margin-top:15px}
@media(max-width:1100px){.d .tops-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.d .tops-intro{gap:30px}.d .quick-bag{gap:20px}.d .quick-bag>div{gap:20px}.d #dock-checkout{min-width:145px}.d .top-sizes button{min-width:39px}.d .top-title h3{font-size:16px}}
@media(max-width:700px){.d .tops-intro{display:block;padding-block:25px}.d .tops-intro h1{font-size:42px;margin-bottom:15px}.d .tops-intro p:not(.kicker){font-size:14px}.d .tops-intro>img{height:145px;margin-top:23px}.d .tops-specs{font-size:11px;gap:10px;margin:18px 0}.d .tops-navigation{padding:12px var(--gutter);font-size:11px}.d .tops-navigation>div{gap:14px;flex-wrap:wrap}.d .tops-navigation>span{display:none}.d .tops-shop .section-head h2{font-size:25px}.d .tops-shop .preview-explanation{margin-top:15px}.d .tops-grid{grid-template-columns:1fr;gap:32px}.d .top-photo{aspect-ratio:1}.d .top-title h3{font-size:18px}.d .top-title>span{font-size:12px}.d .top-description{min-height:0;font-size:13px;margin-bottom:10px}.d .top-sizes{gap:7px}.d .top-sizes button{min-width:40px;min-height:44px;font-size:13px}.d .size-line,.d .size-line button{font-size:12px}.d .top-add{min-height:48px}.d .tops-process{display:block}.d .tops-process>div+div{margin-top:30px}.d .tops-process p{font-size:13px}.d .tops-process h2{font-size:25px}.d .quick-bag{padding:12px 18px calc(12px + env(safe-area-inset-bottom));gap:14px;flex-wrap:wrap}.d .quick-bag>div{display:block;flex:1;min-width:0}.d #open-bag{display:block;padding:0;min-height:28px;font-size:13px}.d .bag-edit{font-size:11px}.d #dock-total{display:block;font-size:13px;margin-top:4px}.d #dock-checkout{min-width:125px;font-size:12px;min-height:48px}.d #dock-note{width:100%;max-width:none;order:3;margin-top:-7px;font-size:10px}.d.tops-page.has-quick-bag{padding-bottom:135px}.d .tops-dialog{padding:55px 20px 25px;width:94vw;max-width:94vw;max-height:91dvh}.d .detail-layout{display:block}.d .detail-layout>div+div{margin-top:25px}.d .tops-dialog h2{font-size:23px}.d .tops-dialog .kicker{font-size:10px}.d .bag-line{grid-template-columns:45px minmax(0,1fr);gap:12px}.d .bag-line img,.d .bag-placeholder{width:45px;height:55px}.d .bag-line>span{grid-column:2}.d .bag-line h3{font-size:13px}.d .bag-summary{font-size:13px}.d .bag-summary strong{font-size:13px}.d #checkout-lines li{font-size:12px}.d #checkout-lines li span{white-space:nowrap}.d .tops-dialog p{font-size:13px}}
@media(max-width:360px){.d .top-sizes{gap:6px}.d .top-sizes button{min-width:33px;padding:6px;font-size:12px}.d .top-title h3{font-size:16px}.d .top-title>span{font-size:11px}.d .quick-bag{padding-inline:14px;gap:10px}.d #dock-checkout{min-width:115px}.d .tops-specs{gap:8px}.d .tops-specs span{padding-left:7px}.d .tops-navigation>div{gap:12px}}
.d .tops-intro h1{font-size:clamp(28px,3.1vw,44px);line-height:1.16}
.d .tops-intro>img{height:100%;max-height:420px;min-height:260px}
.d .tops-intro .tops-offer{font-size:13px;margin:0 0 18px;color:#1d1d1f}.d .tops-offer strong{margin-left:12px;white-space:nowrap}
.d .tops-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.d .tops-hero-actions .text-link{font-size:12px}
@media(max-width:700px){.d .tops-intro>img{height:180px;min-height:0}.d .tops-intro p:not(.kicker){font-size:14px}.d .tops-intro .tops-offer{font-size:12px}.d .tops-hero-actions{gap:16px}.d .tops-specs{font-size:11px}}
.d .detail-purchase{margin:24px 0 20px}.d .detail-purchase .top-sizes{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.d .detail-purchase .top-sizes button{min-width:0;min-height:44px;font-size:14px}.d .detail-purchase .top-add{display:flex;justify-content:space-between;align-items:center;min-height:50px;font-size:14px;background:#111;color:#fff;padding:12px 16px}.d .detail-purchase .range-button-price{font-size:14px}.d .detail-purchase .top-add:disabled{background:#444;color:#fff}.d .detail-purchase .card-feedback{font-size:13px;min-height:21px;margin:8px 0}.d #detail-bag-summary{background:#edf7ef;color:#205e35;padding:12px;font-size:13px;line-height:1.65;margin:10px 0}.d .detail-checkout{width:100%;min-height:48px;background:#c8102e;color:white;font-size:14px}.d .detail-done{font-size:13px;background:none;color:#111;border:0;padding:0;min-height:44px;margin-top:12px}.d .detail-layout .size-line{font-size:14px}.d .detail-layout .detail-purchase [hidden]{display:none}
@media(max-width:700px){.d .detail-layout>div>img,.d .detail-placeholder{max-height:240px;aspect-ratio:auto;object-fit:contain}.d .detail-thumbs button{width:48px}.d .detail-purchase .top-sizes{grid-template-columns:repeat(4,minmax(0,1fr))}.d .detail-layout>div+div{margin-top:20px}}