.pp{padding:24px 16px 72px}.pp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,440px);gap:56px;align-items:start;max-width:1920px;margin:0 auto}.pp-gallery{display:grid;grid-template-columns:68px minmax(0,880px);gap:20px;align-items:start}.pp-gallery:not(:has(.pp-thumbs)){grid-template-columns:minmax(0,880px)}.pp-thumbs{display:flex;flex-direction:column;gap:18px;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:none}.pp-thumbs::-webkit-scrollbar{display:none}.pp-thumb{display:block;width:60px;padding:0 0 4px;border:0;border-bottom:2px solid transparent;background:none;cursor:pointer;opacity:.65;transition:opacity .2s}.pp-thumb:hover{opacity:1}.pp-thumb.is-active{opacity:1;border-bottom-color:var(--color-text)}.pp-thumb img{display:block;width:100%;height:auto}.pp-main{position:relative;background:#f3f3f3}.pp-item{display:none}.pp-item.is-active{display:block}.pp-item img,.pp-item video,.pp-item svg{display:block;width:100%;height:auto}.pp-info{position:sticky;top:96px}.pp-title{font-family:var(--font-body);font-size:clamp(1.4rem,2vw,1.8rem);font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;margin:0 0 22px}.pp-price{font-size:.95rem;margin-bottom:26px}.pp-price s{color:var(--color-muted);margin-right:8px}.pp-notice{background:var(--pp-notice-bg, #ffc9c9);color:var(--pp-notice-color, #111);border-radius:16px;padding:16px 18px;margin:0 0 26px;font-size:.95rem;line-height:1.5}.pp-notice p:last-child{margin-bottom:0}.pp-field{margin-bottom:24px}.pp-label{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.pp-sep{display:inline-block;width:1px;height:12px;background:#c9c9c9;margin:0 9px;vertical-align:middle}.pp-selected{text-transform:none;letter-spacing:0;color:var(--color-muted)}.pp-swatches{display:flex;flex-wrap:wrap;gap:10px}.pp-swatch{position:relative;cursor:pointer}.pp-swatch input{position:absolute;opacity:0;pointer-events:none}.pp-swatch-box{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;border:1px solid #d9d9d9;background:#eee;overflow:hidden}.pp-swatch-box img{display:block;width:36px;height:36px;object-fit:cover}.pp-swatch-text{padding:0 12px;font-size:.8rem}.pp-swatch input:checked+.pp-swatch-box{outline:1px solid var(--color-text);outline-offset:3px}.pp-swatch input:focus-visible+.pp-swatch-box{outline:2px solid var(--color-accent);outline-offset:3px}.pp-select select{width:100%;height:48px;padding:0 44px 0 20px;border:1px solid var(--color-border);border-radius:6px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23111' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 18px center;color:inherit;font:inherit;font-size:.9rem;-webkit-appearance:none;appearance:none;cursor:pointer}.pp-qty{width:100%;height:48px;padding:0 16px;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:inherit;font:inherit}.pp-extra{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;margin:0 0 24px;background:#000;color:#fff;border-radius:10px;font-size:.82rem;font-weight:600}.pp-extra:hover{opacity:.85}.pp-desc{border-top:1px solid var(--color-border);padding-top:18px;margin:0 0 28px;font-size:.88rem;line-height:1.7}.pp-desc p{margin:0 0 .8em}.pp-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;padding:14px 20px;border:1px solid var(--color-accent);border-radius:8px;background:transparent;color:var(--color-accent);font:inherit;font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:opacity .2s,background .2s,color .2s}.pp-cta:hover{opacity:.85}.pp-cta--solid{background:var(--color-accent);color:#fff}.pp-cta[disabled]{opacity:.45;cursor:not-allowed}.pp-dot{font-size:.7em}.pp-checkout{margin-top:12px;--shopify-accelerated-checkout-button-border-radius: 6px}.pp-checkout .shopify-payment-button__more-options{font-size:.8rem}@media(max-width:989px){.pp{padding:0 0 56px}.pp-layout{grid-template-columns:1fr;gap:24px}.pp-gallery{grid-template-columns:1fr;gap:10px}.pp-gallery:not(:has(.pp-thumbs)){grid-template-columns:1fr}.pp-main{order:1}.pp-thumbs{order:2;flex-direction:row;position:static;max-height:none;overflow-x:auto;padding:0 16px;gap:10px}.pp-thumb{flex:0 0 60px}.pp-info{position:static;padding:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/6/compiled_assets/styles.css.map */
