.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-radius:var(--radius-images);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:var(--radius-inputs);overflow:hidden;background-color:var(--color-surface-2);border:2px solid transparent;cursor:pointer}.pdp__thumb.is-active{border-color:var(--color-amethyst)}.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-body-sm);font-weight:var(--fw-medium);color:var(--color-muted-gray);text-transform:uppercase;letter-spacing:.02em}.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.3}.pdp__divider{border:none;border-top:1px solid var(--color-ash-border);margin:0 0 var(--spacing-20)}.pdp__meta{display:flex;flex-direction:column;gap:var(--spacing-24);margin:0 0 var(--spacing-24)}.pdp__meta-title{margin:0 0 var(--spacing-8);font-family:var(--font-display);font-size:var(--text-subheading);font-weight:var(--fw-bold);color:var(--color-bright-gray)}.pdp__meta-group+.pdp__meta-group{border-top:1px solid var(--color-ash-border);padding-top:var(--spacing-24)}.pdp__meta-list{margin:0}.pdp__meta-row{display:grid;grid-template-columns:96px 1fr;gap:var(--spacing-16);padding:var(--spacing-8) 0;font-size:var(--text-body-sm)}.pdp__meta-row dt{color:var(--color-muted-gray)}.pdp__meta-row dd{margin:0;color:var(--color-medium-gray)}.pdp__price{margin:0 0 var(--spacing-20);font-size:var(--text-heading-lg);font-weight:var(--fw-bold);color:var(--color-amethyst)}.pdp__summary{margin:0 0 var(--spacing-32);padding-top:var(--spacing-20);border-top:1px solid var(--color-ash-border);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:var(--radius-buttons);text-decoration:none;transition:opacity .2s ease,background-color .2s ease,color .2s ease}.pdp__buy{background-color:var(--color-amethyst);color:var(--color-white)}.pdp__buy:hover{opacity:.88}.pdp__buy--disabled{background-color:var(--color-graphite);color:var(--color-muted-gray);cursor:not-allowed}.pdp__quote{background-color:transparent;color:var(--color-amethyst);border:1px solid var(--color-amethyst)}.pdp__quote:hover{background-color:var(--color-tag-bg)}.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;gap:var(--spacing-24);max-width:860px;margin:0 auto}.pdp__detail-item{border-radius:var(--radius-images);overflow:hidden;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}}