.otc-product-page{--p-bg: var(--paper, #f3f0e9);--p-bg-alt: rgba(0, 0, 0, .025);--p-text: var(--ink, #16130f);--p-text-muted: rgba(22, 19, 15, .5);--p-text-soft: rgba(22, 19, 15, .7);--p-border: rgba(22, 19, 15, .1);--p-border-strong: rgba(22, 19, 15, .2);--p-accent: var(--ink, #16130f);--p-accent-text: var(--paper, #f3f0e9);--p-hover: rgba(22, 19, 15, .04);--p-pill-bg: transparent;--p-pill-border: rgba(22, 19, 15, .18);--p-pill-active-bg: var(--ink, #16130f);--p-pill-active-text: var(--paper, #f3f0e9);--p-card-bg: rgba(0, 0, 0, .02);--p-card-border: rgba(0, 0, 0, .06);--p-tab-line: var(--ink, #16130f);--p-shadow-sm: 0 1px 3px rgba(0,0,0,.04);--p-shadow-md: 0 4px 20px rgba(0,0,0,.06);--p-radius: 0px;--p-radius-sm: 0px;--p-radius-card: 8px;--p-serif: "Cormorant Garamond", Georgia, serif;--p-sans: "Inter", system-ui, sans-serif;--p-ease: cubic-bezier(.22, 1, .36, 1);position:relative;min-height:100vh;background:var(--p-bg);color:var(--p-text);padding:110px 0 0}html.dark-mode .otc-product-page{--p-bg: var(--paper, #0b0a09);--p-bg-alt: rgba(255, 255, 255, .03);--p-text: var(--ink, #f3f0e9);--p-text-muted: rgba(240, 238, 232, .45);--p-text-soft: rgba(240, 238, 232, .65);--p-border: rgba(255, 255, 255, .08);--p-border-strong: rgba(255, 255, 255, .15);--p-accent: var(--ink, #f3f0e9);--p-accent-text: var(--paper, #0b0a09);--p-hover: rgba(255, 255, 255, .04);--p-pill-bg: transparent;--p-pill-border: rgba(255, 255, 255, .15);--p-pill-active-bg: var(--ink, #f3f0e9);--p-pill-active-text: var(--paper, #0b0a09);--p-card-bg: rgba(255, 255, 255, .03);--p-card-border: rgba(255, 255, 255, .06);--p-tab-line: var(--ink, #f3f0e9);--p-shadow-sm: 0 1px 3px rgba(0,0,0,.15);--p-shadow-md: 0 4px 20px rgba(0,0,0,.25)}.otc-p-shell{width:min(1440px,calc(100% - 48px));margin:0 auto}.otc-p-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start}.otc-p-breadcrumb{display:flex;gap:8px;align-items:center;padding:0 0 20px;font:400 11px/1.2 var(--p-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--p-text-muted)}.otc-p-breadcrumb a{color:var(--p-text-muted);text-decoration:none;transition:color .25s ease}.otc-p-breadcrumb a:hover{color:var(--p-text)}.otc-p-breadcrumb span[aria-hidden]{opacity:.35;font-size:9px}.otc-p-gallery{position:sticky;top:100px;min-width:0}.otc-p-gallery-inner{display:flex;gap:12px}.otc-p-thumbs-col{display:flex;flex-direction:column;gap:8px;width:72px;flex-shrink:0}.otc-p-thumb{width:72px;aspect-ratio:3 / 4;border:1.5px solid transparent;background:var(--p-bg-alt);padding:0;cursor:pointer;overflow:hidden;opacity:.5;transition:opacity .25s ease,border-color .25s ease}.otc-p-thumb:hover{opacity:.8}.otc-p-thumb.is-active{opacity:1;border-color:var(--p-text)}.otc-p-thumb img{display:block;width:100%;height:100%;object-fit:cover}.otc-p-main-img-wrap{flex:1;min-width:0;position:relative;overflow:hidden;background:var(--p-bg-alt);aspect-ratio:3 / 4}.otc-p-main-img-wrap>img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease}.otc-p-swipe-gallery{display:none}.otc-p-info{padding:0 0 0 clamp(32px,4vw,64px);position:sticky;top:100px}.otc-p-title{margin:0 0 8px;font:500 clamp(22px,2.5vw,32px)/1.2 var(--p-sans);letter-spacing:-.01em;color:var(--p-text)}.otc-p-price{margin:0 0 28px;font:500 16px/1 var(--p-sans);letter-spacing:.03em;color:var(--p-text)}.otc-p-price-compare{font-size:14px;text-decoration:line-through;opacity:.4;margin-left:8px}.otc-p-sizes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.otc-p-sizes-label{font:500 11px/1 var(--p-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--p-text-soft)}.otc-p-size-guide{font:500 11px/1 var(--p-sans);letter-spacing:.04em;color:var(--p-text-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;background:none;border:none;padding:0;transition:color .25s ease}.otc-p-size-guide:hover{color:var(--p-text)}.otc-p-size-pills{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin-bottom:24px}.otc-p-size-pill{position:relative;height:46px;padding:0 12px;border:1px solid var(--p-pill-border);border-radius:var(--p-radius);background:var(--p-pill-bg);color:var(--p-text);font:500 12px/46px var(--p-sans);letter-spacing:.04em;text-align:center;cursor:pointer;transition:all .2s ease;outline:none}.otc-p-size-pill:hover:not(.is-disabled){border-color:var(--p-text);background:var(--p-hover)}.otc-p-size-pill.is-active{border-color:var(--p-accent);background:var(--p-pill-active-bg);color:var(--p-pill-active-text)}.otc-p-size-pill.is-disabled{opacity:.25;cursor:not-allowed;text-decoration:line-through}.otc-p-variant-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.otc-p-buy-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:32px}.otc-p-add-btn,.otc-p-buy-btn{position:relative;height:52px;border:none;font:600 11px/52px var(--p-sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;overflow:hidden;transition:all .25s var(--p-ease);text-align:center;border-radius:var(--p-radius)}.otc-p-add-btn{background:transparent;border:1px solid var(--p-border-strong);color:var(--p-text)}.otc-p-add-btn:hover:not(:disabled){border-color:var(--p-text);background:var(--p-hover)}.otc-p-buy-btn{background:var(--p-accent);color:var(--p-accent-text);border:1px solid var(--p-accent)}.otc-p-buy-btn:hover:not(:disabled){opacity:.88}.otc-p-add-btn:disabled,.otc-p-buy-btn:disabled{opacity:.3;cursor:not-allowed}@keyframes otcRipple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.otc-p-add-btn .ripple,.otc-p-buy-btn .ripple{position:absolute;width:60px;height:60px;border-radius:50%;background:#80808040;animation:otcRipple .6s ease-out forwards;pointer-events:none}.otc-p-form-status{min-height:16px;margin:-20px 0 24px;font:400 11px/1.4 var(--p-sans);color:var(--p-text-muted)}.otc-p-tabs{border-top:1px solid var(--p-border)}.otc-p-tab-nav{display:flex;gap:0;border-bottom:1px solid var(--p-border)}.otc-p-tab-btn{flex:1;padding:16px 8px;border:none;background:none;font:500 11px/1 var(--p-sans);letter-spacing:.06em;color:var(--p-text-muted);cursor:pointer;position:relative;transition:color .25s ease;text-align:center}.otc-p-tab-btn:hover{color:var(--p-text-soft)}.otc-p-tab-btn.is-active{color:var(--p-text)}.otc-p-tab-btn:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--p-tab-line);transform:scaleX(0);transition:transform .3s var(--p-ease)}.otc-p-tab-btn.is-active:after{transform:scaleX(1)}.otc-p-tab-panel{display:none;padding:24px 0;font:400 13px/1.8 var(--p-sans);color:var(--p-text-soft)}.otc-p-tab-panel.is-active{display:block;animation:otcTabFade .35s ease}@keyframes otcTabFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.otc-p-tab-panel p{margin:0 0 12px}.otc-p-tab-panel p:last-child{margin-bottom:0}.otc-p-tab-panel strong{color:var(--p-text);font-weight:600}.otc-p-tab-panel ul{padding-left:18px;margin:8px 0}.otc-p-tab-panel li{margin-bottom:6px}.otc-p-rec-section{padding:60px 0;border-top:1px solid var(--p-border)}.otc-p-rec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.otc-p-rec-title{font:500 13px/1 var(--p-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--p-text)}.otc-p-rec-count{font:400 11px/1 var(--p-sans);color:var(--p-text-muted)}.otc-p-rec-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px}.otc-p-rec-track::-webkit-scrollbar{display:none}.otc-p-rec-card{flex:0 0 calc(25% - 12px);min-width:200px;scroll-snap-align:start;text-decoration:none;color:inherit;display:flex;flex-direction:column;cursor:pointer;transition:opacity .25s ease}.otc-p-rec-card:hover{opacity:.85}.otc-p-rec-card-img{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:var(--p-bg-alt);margin-bottom:12px}.otc-p-rec-card-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--p-ease)}.otc-p-rec-card:hover .otc-p-rec-card-img img{transform:scale(1.03)}.otc-p-rec-card-title{font:400 12px/1.4 var(--p-sans);color:var(--p-text);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.otc-p-rec-card-price{font:500 12px/1 var(--p-sans);color:var(--p-text-muted)}.otc-p-rec-add{position:absolute;bottom:10px;right:10px;width:32px;height:32px;border-radius:50%;border:1px solid var(--p-border);background:var(--p-bg);display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(6px);transition:all .25s ease}.otc-p-rec-card:hover .otc-p-rec-add{opacity:1;transform:translateY(0)}.otc-p-rec-add:hover{background:var(--p-accent);border-color:var(--p-accent)}.otc-p-rec-add:hover svg{stroke:var(--p-accent-text)}.otc-p-rec-add svg{width:14px;height:14px;stroke:var(--p-text);stroke-width:1.8;fill:none}.otc-p-fade-up{opacity:0;transform:translateY(20px);animation:otcPFadeUp .6s var(--p-ease) forwards}.otc-p-fade-up-d1{animation-delay:.05s}.otc-p-fade-up-d2{animation-delay:.1s}.otc-p-fade-up-d3{animation-delay:.15s}.otc-p-fade-up-d4{animation-delay:.2s}@keyframes otcPFadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:899px){.otc-product-page{padding:80px 0 0}.otc-p-shell{width:calc(100% - 32px)}.otc-p-grid{grid-template-columns:1fr;gap:0}.otc-p-gallery-inner{display:none}.otc-p-swipe-gallery{display:block}.otc-p-swipe-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:0;background:var(--p-bg-alt)}.otc-p-swipe-track::-webkit-scrollbar{display:none}.otc-p-swipe-slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:3 / 4}.otc-p-swipe-slide img{display:block;width:100%;height:100%;object-fit:cover}.otc-p-swipe-dots{display:flex;justify-content:center;gap:8px;padding:14px 0}.otc-p-swipe-dot{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:var(--p-border-strong);cursor:pointer;transition:background .2s ease,transform .2s ease}.otc-p-swipe-dot.is-active{background:var(--p-text);transform:scale(1.35)}.otc-p-info{padding:24px 0 0;position:static}.otc-p-gallery{position:static}.otc-p-title{font-size:clamp(20px,6vw,28px)}.otc-p-size-pills{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px}.otc-p-size-pill{height:42px;line-height:42px;font-size:11px}.otc-p-buy-row{gap:8px}.otc-p-add-btn,.otc-p-buy-btn{height:48px;line-height:48px;font-size:10px}.otc-p-tab-btn{font-size:10px;padding:14px 4px}.otc-p-rec-card{flex:0 0 calc(50% - 8px);min-width:150px}.otc-p-rec-section{padding:40px 0}.otc-p-rec-add{opacity:1;transform:translateY(0)}}@media(min-width:900px)and (max-width:1199px){.otc-p-grid{gap:0}.otc-p-thumbs-col,.otc-p-thumb{width:60px}.otc-p-rec-card{flex:0 0 calc(33.333% - 11px)}}@media(prefers-reduced-motion:reduce){.otc-p-fade-up{animation:none;opacity:1;transform:none}.otc-p-main-img-wrap>img{transition:none}.otc-p-tab-panel.is-active{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/146/assets/product-bubble.css.map */