.pd-shell{max-width:1180px;margin-inline:auto;padding:clamp(10px,2vw,22px) clamp(12px,3vw,24px) clamp(26px,4vw,46px)}.pd-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 2px 16px;font-size:.78rem;font-weight:700;color:var(--color-muted)}.pd-crumb a{color:var(--color-link,var(--color-primary));text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color .15s ease}.pd-crumb a:hover{color:var(--color-text);text-decoration:underline;text-underline-offset:3px}.pd-crumb .sep{opacity:.45}.pd-crumb .current{color:var(--color-text);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46vw}.pd-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,26px);align-items:stretch}.pd-media,.pd-panel{border-radius:22px;border:1px solid color-mix(in srgb,var(--color-primary) 14%,var(--color-border,#555) 34%);background:var(--color-surface,#14141f);box-shadow:0 14px 40px -22px rgba(0,0,0,.5);min-width:0}.pd-media{padding:clamp(12px,1.8vw,18px);display:flex;flex-direction:column}.pd-stage{position:relative;width:100%;aspect-ratio:1 / 1;flex:1 1 auto;border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:pan-y;outline-offset:3px;background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 60%),linear-gradient(155deg,color-mix(in srgb,var(--color-surface,#14141f) 70%,#000),color-mix(in srgb,var(--color-surface,#14141f) 85%,#0a0a12));border:1px solid color-mix(in srgb,var(--color-border,#555) 34%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 2.5%,transparent)}.pd-stage:active{cursor:grabbing}.pd-stage:focus-visible{outline:2px solid var(--color-primary)}.pd-media:not(.is-multi) .pd-stage{cursor:default}.pd-media:not(.is-multi) .pd-stage:active{cursor:default}.pd-main-img{width:100%;height:100%;object-fit:contain;padding:clamp(14px,4%,34px);filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));transition:opacity .16s ease;will-change:transform;user-select:none;-webkit-user-drag:none}.pd-main-img.is-dragging{transition:none}.pd-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);background:color-mix(in srgb,var(--color-surface,#14141f) 82%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--color-text);font-size:.92rem;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:4;box-shadow:0 4px 14px rgba(0,0,0,.28);transition:background .16s ease,color .16s ease,transform .16s ease}.pd-nav:hover{background:var(--color-primary);color:var(--color-on-primary,#fff);transform:translateY(-50%) scale(1.05)}.pd-nav:active{transform:translateY(-50%) scale(.97)}.pd-media.is-multi .pd-nav{display:flex}.pd-nav--prev{inset-inline-start:10px}.pd-nav--next{inset-inline-end:10px}.pd-count{position:absolute;top:10px;inset-inline-end:10px;z-index:4;display:none;align-items:center;font-size:.72rem;font-weight:800;color:var(--color-text);background:color-mix(in srgb,var(--color-surface,#14141f) 70%,transparent);border:1px solid color-mix(in srgb,var(--color-border,#555) 45%,transparent);border-radius:999px;padding:3px 11px;line-height:1.5}.pd-media.is-multi .pd-count{display:inline-flex}.pd-strip{display:flex;justify-content:center;gap:8px;margin-top:12px;padding:2px 0 0;overflow-x:auto;scrollbar-width:thin}.pd-thumb{flex:0 0 auto;width:clamp(52px,8vw,62px);height:clamp(52px,8vw,62px);border-radius:12px;overflow:hidden;padding:0;border:2px solid color-mix(in srgb,var(--color-border,#555) 55%,transparent);background:var(--color-surface,#14141f);cursor:pointer;opacity:.7;transition:opacity .15s ease,border-color .15s ease,transform .15s ease}.pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pd-thumb:hover{opacity:1;transform:translateY(-1px)}.pd-thumb[aria-selected="true"]{opacity:1;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 26%,transparent)}.pd-thumb:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pd-panel{display:flex;flex-direction:column;padding:clamp(18px,2.4vw,28px) clamp(16px,2.2vw,26px);overflow:hidden}.pd-core{margin-block:auto;padding-block:8px}.pd-kicker{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;color:var(--color-muted);letter-spacing:.2px}.pd-kicker i{color:var(--color-link,var(--color-primary));font-size:.8rem}.pd-title{margin:8px 0 0;font-size:clamp(1.28rem,2.5vw,1.8rem);font-weight:800;line-height:1.4;color:var(--color-text);overflow-wrap:anywhere}.pd-price-row{margin-top:16px;display:flex;align-items:center}.pd-price{font-size:clamp(1.65rem,3.4vw,2.25rem);font-weight:800;line-height:1.1;color:var(--color-price-fg,var(--color-primary))}.pd-cur{font-size:.55em;font-weight:700;color:var(--color-muted);margin-inline-start:2px}.pd-price-free{color:var(--color-success,#2ecc71)}.pd-avail{margin-top:12px;display:inline-flex;align-items:center;gap:8px;width:fit-content;font-size:.86rem;font-weight:700}.pd-avail .dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}.pd-avail--in{color:var(--color-success,#2ecc71)}.pd-avail--low{color:var(--color-warning,#e0a800)}.pd-avail--out{color:var(--color-danger)}.pd-facts{margin-top:16px;display:flex;flex-direction:column;border-top:1px solid color-mix(in srgb,var(--color-border,#555) 30%,transparent);padding:0}.pd-fact{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 2px;border-bottom:1px solid color-mix(in srgb,var(--color-border,#555) 30%,transparent)}.pd-fact dt{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700;color:var(--color-muted)}.pd-fact dt i{color:var(--color-link,var(--color-primary));font-size:.78rem}.pd-fact dd{margin:0;font-size:.9rem;font-weight:800;color:var(--color-text);text-align:end;overflow-wrap:anywhere}.pd-buy-zone{flex:0 0 auto;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--color-border,#555) 45%,transparent)}.pd-buy{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.pd-qty{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:13px;overflow:hidden;background:color-mix(in srgb,var(--color-surface,#14141f) 90%,#000);flex:0 0 auto}.pd-qty-btn{width:46px;height:56px;border:0;background:transparent;font-size:1.2rem;font-weight:800;color:var(--color-text);cursor:pointer;transition:background .15s ease,color .15s ease}.pd-qty-btn:hover{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.pd-qty-val{min-width:46px;text-align:center;font-weight:800;font-size:1.05rem;color:var(--color-text)}.pd-add-btn{flex:1 1 auto;min-width:220px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:14px;cursor:pointer;font-family:inherit;font-size:1.02rem;font-weight:800;color:#052e12;background:linear-gradient(135deg,var(--color-success,#25d366) 0%,color-mix(in srgb,var(--color-success,#25d366) 72%,var(--color-secondary,#128c7e)) 100%);box-shadow:0 1px 0 color-mix(in srgb,#fff 18%,transparent) inset,0 10px 24px -8px color-mix(in srgb,var(--color-success,#25d366) 55%,transparent);transition:transform .16s cubic-bezier(.16,1,.3,1),filter .16s ease,box-shadow .16s ease}.pd-add-btn i{font-size:1.05rem}.pd-add-btn span{line-height:1}.pd-add-btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 1px 0 color-mix(in srgb,#fff 22%,transparent) inset,0 16px 30px -10px color-mix(in srgb,var(--color-success,#25d366) 65%,transparent)}.pd-add-btn:active:not(:disabled){transform:translateY(0) scale(.99)}.pd-add-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--color-success,#25d366) 55%,transparent);outline-offset:2px}.pd-add-btn.is-disabled,.pd-add-btn[disabled]{background:color-mix(in srgb,var(--color-muted) 26%,transparent);color:var(--color-muted);box-shadow:none;cursor:not-allowed}.pd-add-btn.is-in-cart{--pd-danger:var(--color-danger,#ef4444);color:#fff;background:linear-gradient(135deg,var(--pd-danger) 0%,color-mix(in srgb,var(--pd-danger) 78%,#000) 100%);box-shadow:0 1px 0 color-mix(in srgb,#fff 16%,transparent) inset,0 10px 24px -8px color-mix(in srgb,var(--pd-danger) 60%,transparent)}.pd-add-btn.is-in-cart:hover:not(:disabled){color:#fff;transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 1px 0 color-mix(in srgb,#fff 22%,transparent) inset,0 15px 28px -10px color-mix(in srgb,var(--pd-danger) 70%,transparent)}.pd-add-btn.is-in-cart:focus-visible{outline-color:color-mix(in srgb,var(--pd-danger) 62%,transparent)}.pd-block{margin-top:clamp(14px,2.2vw,22px);border-radius:18px;border:1px solid color-mix(in srgb,var(--color-border,#555) 34%,transparent);background:color-mix(in srgb,var(--color-surface,#14141f) 82%,transparent);padding:clamp(16px,2.2vw,22px) clamp(16px,2.4vw,24px)}.pd-block-h{display:flex;align-items:center;gap:9px;margin:0 0 10px;font-size:.98rem;font-weight:800;color:var(--color-text)}.pd-block-h i{color:var(--color-link,var(--color-primary));font-size:.9rem}.pd-desc{margin:0;font-size:.92rem;font-weight:600;line-height:1.9;color:var(--color-text);white-space:pre-line;overflow-wrap:anywhere}.pd-desc--specs{font-size:.9rem;color:color-mix(in srgb,var(--color-text) 86%,var(--color-muted))}.pd-related{margin-top:clamp(28px,4vw,40px)}.pd-sec-head{text-align:center;margin-bottom:18px}.pd-eyebrow{display:block;font-size:.7rem;font-weight:800;letter-spacing:2px;color:var(--color-link,var(--color-primary));margin-bottom:5px}.pd-sec-title{margin:0;font-size:clamp(1.1rem,2.3vw,1.45rem);font-weight:800;color:var(--color-text)}.pd-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:clamp(12px,1.6vw,18px)}.pd-rel-card{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;text-decoration:none;background:var(--color-surface,#14141f);border:1px solid color-mix(in srgb,var(--color-border,#555) 46%,transparent);padding:6px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.pd-rel-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--color-primary) 55%,transparent);box-shadow:0 16px 30px -14px color-mix(in srgb,var(--color-primary) 40%,transparent)}.pd-rel-frame{display:block;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--color-surface,#14141f) 72%,#000)}.pd-rel-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.pd-rel-card:hover .pd-rel-img{transform:scale(1.04)}.pd-rel-body{display:flex;flex-direction:column;flex:1 1 auto;padding:10px 8px 8px;gap:4px}.pd-rel-name{font-size:.84rem;font-weight:700;color:var(--color-text);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere;min-height:2.5em}.pd-rel-foot{margin-top:auto}.pd-rel-price{font-size:.86rem;font-weight:800;color:var(--color-price-fg,var(--color-primary))}.pd-rel-price small{font-size:.85em;opacity:1;font-weight:700}.pd-rel-price-free{color:var(--color-success,#2ecc71)}.pd-crumb a:focus-visible,.pd-thumb:focus-visible,.pd-nav:focus-visible,.pd-qty-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:960px){.pd-layout{grid-template-columns:1fr}.pd-panel{padding-bottom:clamp(18px,2.6vw,26px)}}@media (max-width:480px){.pd-crumb .sep,.pd-crumb a i{display:none}.pd-add-btn{min-width:0}.pd-nav{width:38px;height:38px}.pd-fact{padding:8px 0}}html[data-public-mode="light"] .pd-add-btn:not(:disabled):not(.is-disabled){color:#fff}html[data-public-mode="light"] .pd-stage{background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 62%),linear-gradient(155deg,color-mix(in srgb,var(--color-border) 30%,var(--color-surface)),var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-border) 24%,transparent)}html[data-public-mode="light"] .pd-media,html[data-public-mode="light"] .pd-panel{box-shadow:0 14px 40px -24px rgba(45,21,74,0.30)}html[data-public-mode="light"] .pd-rel-frame{background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface))}html[data-public-mode="light"] .pd-qty{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface))}@media (max-width:480px){.pd-nav{width:44px;height:44px}}