body{background-color:#fff}.pdp{padding:var(--spacing-48) 20px var(--spacing-80)}.pdp__container{max-width:var(--page-max-width);margin:0 auto}.pdp__top{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--spacing-48);align-items:start}.pdp__main{aspect-ratio:4 / 3;border:1px solid var(--color-ash-border);border-radius:4px;overflow:hidden;background-color:var(--color-surface-2)}.pdp__main-img{width:100%;height:100%;object-fit:contain;display:block}.pdp__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-12);margin-top:var(--spacing-12)}.pdp__thumb{aspect-ratio:1 / 1;border-radius:4px;overflow:hidden;background-color:var(--color-surface-2);border:1px solid var(--color-ash-border);opacity:.65;cursor:pointer;transition:opacity .15s ease,border-color .15s ease}.pdp__thumb:hover{opacity:1}.pdp__thumb.is-active{border-color:var(--color-carbon);opacity:1}.pdp__thumb img{width:100%;height:100%;object-fit:cover;display:block}.pdp__info{position:sticky;top:150px;display:flex;flex-direction:column}.pdp__category{font-size:var(--text-caption-sm);font-weight:var(--fw-bold);color:var(--color-steel);text-transform:uppercase;letter-spacing:.18em}.pdp__name{margin:var(--spacing-8) 0 var(--spacing-16);font-family:var(--font-display);font-size:var(--text-heading);font-weight:var(--fw-bold);color:var(--color-bright-gray);line-height:1.25;letter-spacing:-.02em;text-wrap:balance}.pdp__divider{border:none;border-top:1px solid var(--color-carbon);margin:0 0 var(--spacing-8)}.pdp__meta{margin:0 0 var(--spacing-28)}.pdp__meta-title{margin:0;padding:var(--spacing-12) 0 2px;font-size:var(--text-caption-sm);font-weight:var(--fw-bold);color:var(--color-steel);text-transform:uppercase;letter-spacing:.14em}.pdp__meta-list{margin:0}.pdp__meta-row{display:grid;grid-template-columns:96px 1fr;gap:var(--spacing-16);padding:var(--spacing-8) 0;border-bottom:1px solid var(--color-ash-border);font-size:var(--text-body-sm)}.pdp__meta-row dt{color:var(--color-steel)}.pdp__meta-row dd{margin:0;color:var(--color-medium-gray)}.pdp__price{margin:0 0 var(--spacing-24);font-size:var(--text-heading-lg);font-weight:var(--fw-bold);color:var(--color-amethyst);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.pdp__summary{margin:0 0 var(--spacing-24);font-size:var(--text-body);color:var(--color-medium-gray);line-height:1.6}.pdp__actions{display:flex;flex-direction:column;gap:var(--spacing-12)}.pdp__buy,.pdp__quote{display:block;width:100%;padding:16px;text-align:center;font-size:var(--text-body);font-weight:var(--fw-semibold);border-radius:4px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.pdp__buy{background-color:var(--color-carbon);color:var(--color-white);letter-spacing:.02em}.pdp__buy:hover{background-color:var(--color-carbon-hover, #2b2b2b)}.pdp__buy--disabled{background-color:var(--color-graphite);color:var(--color-muted-gray);cursor:not-allowed}.pdp__buy--disabled:hover{background-color:var(--color-graphite)}.pdp__quote{background-color:var(--color-white);color:var(--color-bright-gray);border:1px solid var(--color-carbon)}.pdp__quote:hover{background-color:var(--color-surface-2)}.pdp__buy{border:0;cursor:pointer}.pdp__detail{margin-top:var(--spacing-80)}.pdp__tabs{position:sticky;top:85px;z-index:10;background-color:var(--surface-page);display:flex;justify-content:center;gap:var(--spacing-32);padding-top:var(--spacing-16);border-bottom:1px solid var(--color-ash-border);margin-bottom:var(--spacing-32)}.pdp__tab{padding:0 0 var(--spacing-12);margin-bottom:-1px;border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;font-family:var(--font-display);font-size:var(--text-heading-sm);font-weight:var(--fw-bold);color:var(--color-muted-gray);transition:color .2s ease,border-color .2s ease}.pdp__tab:hover{color:var(--color-bright-gray)}.pdp__tab.is-active{color:var(--color-bright-gray);border-bottom-color:var(--color-amethyst)}.pdp__tab-panel{display:none}.pdp__tab-panel.is-active{display:block}.pdp__detail-list{display:flex;flex-direction:column;max-width:860px;margin:0 auto}.pdp__detail-item{background-color:var(--color-surface-2)}.pdp__detail-item:not(:has(img)){aspect-ratio:16 / 9}.pdp__detail-item img{width:100%;height:auto;display:block}@media (max-width: 768px){.pdp__top{grid-template-columns:1fr;gap:var(--spacing-32)}.pdp__info{position:static}}
