.pdp-drawer-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}.pdp-drawer-wrapper.is-open{pointer-events:auto}.pdp-drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .3s ease;cursor:pointer}.pdp-drawer-wrapper.is-open .pdp-drawer-overlay{opacity:1}.pdp-drawer{position:fixed;top:0;right:0;width:480px;max-width:100%;height:100%;background-color:var(--color-background, #fff);box-shadow:-2px 0 10px #0000001a;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;z-index:1}.pdp-drawer-wrapper.is-open .pdp-drawer{transform:translate(0)}.pdp-drawer .canvas-header{flex-shrink:0;border-bottom:1px solid var(--color-border, #e0e0e0)}.pdp-drawer .drawer-title{font-size:18px;font-weight:600;line-height:1.3}.pdp-drawer .drawer-close-btn{background:none;border:none;padding:10px;cursor:pointer;margin-right:15px;transition:transform .2s ease}.pdp-drawer .drawer-close-btn:hover{transform:scale(1.1)}.pdp-drawer .canvas-content{flex:1;overflow-y:auto}.pdp-drawer-content{font-size:14px;line-height:1.6;color:var(--color-foreground, #333)}.drawer-section{margin-bottom:24px}.drawer-section:last-child{margin-bottom:0}.drawer-section-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--color-foreground, #333)}.drawer-text{margin:0;color:var(--color-foreground-secondary, #666)}.drawer-list{list-style:disc;padding-left:20px;margin:0}.drawer-list li{margin-bottom:8px;color:var(--color-foreground-secondary, #666)}.drawer-list li:last-child{margin-bottom:0}.shipping-option{padding:16px;border-radius:8px;margin-bottom:16px}.shipping-option:last-child{margin-bottom:0}.shipping-option-header{margin-bottom:8px}.shipping-option-name{font-size:15px;font-weight:600;margin:0}.shipping-option-cost{font-size:15px;font-weight:600}.shipping-option-time{margin:0;font-size:13px;color:var(--color-foreground-secondary, #999)}.shipping-option-note{margin:8px 0 0;font-size:13px;color:var(--color-foreground-secondary, #999);font-style:italic}.contact-methods{margin-top:12px}.contact-item{margin-bottom:12px}.contact-item:last-child{margin-bottom:0}.contact-icon{flex-shrink:0;color:var(--color-foreground-secondary, #666);display:flex;align-items:center}.contact-link{color:var(--color-foreground, #333);text-decoration:none;transition:color .2s ease}.contact-link:hover{color:var(--color-link-hover, #000)}.help-links{list-style:none;padding:0;margin:0}.help-link{color:var(--color-link, #0066cc);text-decoration:none;display:inline-block;position:relative}.help-link:hover{color:var(--color-link-hover, #004499)}.drawer-text.rte a{color:var(--color-link, #0066cc);text-decoration:underline}.drawer-text.rte a:hover{color:var(--color-link-hover, #004499)}.main-product-block.collapsible_tab .detail-parent{cursor:pointer;transition:background-color .2s ease}.main-product-block.collapsible_tab .detail-parent:hover{background-color:var(--color-background-secondary, #f9f9f9)}body.drawer-open{overflow:hidden}@media screen and (max-width:749px){.pdp-drawer{width:100%}.pdp-drawer .canvas-header{padding:16px 20px}.pdp-drawer .drawer-title{font-size:16px;padding:0}.pdp-drawer .drawer-close-btn{margin-right:0}.pdp-drawer .canvas-content{padding:20px}.drawer-section-title{font-size:15px}.shipping-option{padding:12px}}@media screen and (min-width:750px)and (max-width:989px){.pdp-drawer{width:60vw}}.pdp-drawer:focus{outline:none}.drawer-close-btn:focus-visible{outline:2px solid var(--color-link, #0066cc);outline-offset:2px}.pdp-drawer,.pdp-drawer-overlay{will-change:transform,opacity}.pdp-drawer-wrapper:not(.is-open) .pdp-drawer,.pdp-drawer-wrapper:not(.is-open) .pdp-drawer-overlay{will-change:auto}.pdp-drawer .contact-divider{border-top:1px solid #ddd;margin-top:50px;padding-top:50px}.pdp-drawer .contact-item{display:flex;align-items:center;gap:12px;color:#000;text-decoration:none;font-family:var(--body-font);margin-bottom:20px;transition:color .3s ease}.pdp-drawer .contact-item svg{width:20px;height:20px}.pdp-drawer .contact-item:hover{color:#666}@media(max-width:740px){.pdp-drawer .contact-divider{margin-top:40px;padding-top:30px}.pdp-drawer .contact-item{margin-bottom:22px}.pdp-drawer .contact-item svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/pdp-info-drawers.css.map */