.product-page{background:#fff;color:#26333e}
.product-page [hidden]{display:none!important}
.product-page .header{position:relative}
.product-page .pp-main{max-width:1320px;margin:0 auto;padding-top:28px;padding-bottom:64px}
.pp-breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#647889;margin-bottom:28px;flex-wrap:wrap}
.pp-breadcrumb a:hover,.pp-direct a:hover,.pp-related-heading a:hover,.pp-purchase a:hover{text-decoration:underline}
.pp-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:64px;align-items:start}
.pp-layout>*{min-width:0}
.pp-main-photo{position:relative;background:#f5f6f6;aspect-ratio:3/4;max-height:720px;width:100%;overflow:hidden;touch-action:pan-y pinch-zoom}
.pp-main-photo:focus-visible{outline:2px solid #476b87;outline-offset:4px}
.pp-main-photo>img{width:100%;height:100%;object-fit:contain;display:block}
.pp-photo-arrow{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:54px;border:1px solid #d6e0e6;background:#fffffff0;border-radius:3px;color:#35566f;cursor:pointer;box-shadow:0 2px 9px #182d4012}
.pp-photo-arrow span{font-size:36px;line-height:1;font-family:Arial,sans-serif;margin-top:-3px}
.pp-photo-arrow:hover{background:#476b87;color:white}
.pp-photo-prev{left:12px}.pp-photo-next{right:12px}
.pp-photo-counter{position:absolute;bottom:12px;right:12px;background:#fffffff0;border:1px solid #e1e6eb;border-radius:3px;color:#405a70;padding:4px 10px;font-size:11px;font-variant-numeric:tabular-nums}
.pp-thumbnails{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 8px;scroll-snap-type:x proximity}
.pp-thumb{flex:0 0 58px;width:58px;height:76px;padding:2px;border:1px solid #dfe6eb;border-radius:3px;background:#fff;scroll-snap-align:start;cursor:pointer}
.pp-thumb.active{border:2px solid #476b87;padding:1px}
.pp-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.pp-static-photos{display:flex;gap:14px;flex-wrap:wrap;font-size:12px}
.pp-info{padding-top:10px}
.pp-info>.eyebrow{font-size:10px;letter-spacing:.13em;color:#6b8395;margin-bottom:14px}
.pp-info h1{font-size:clamp(25px,2.45vw,35px);font-weight:500;line-height:1.27;letter-spacing:-.025em;margin:0;overflow-wrap:break-word}
.pp-reference{font-size:12px;color:#6b7f8d;margin:14px 0 24px}
.pp-design{margin:0 0 20px}
.pp-design h2{font-size:12px;font-weight:600;line-height:1.5;margin:0 0 7px;color:#476b87;letter-spacing:0}
.pp-design p{font-size:12px;line-height:1.85;margin:0;color:#647889;overflow-wrap:anywhere}
.pp-price-block{background:#f1f5f8;border-top:1px solid #dce5ec;border-bottom:1px solid #dce5ec;padding:18px 20px}
.pp-price{margin:0;color:#35566f;display:flex;gap:5px;align-items:baseline;flex-wrap:wrap}
.pp-price strong{font-size:27px;font-weight:600;letter-spacing:-.025em}
.pp-price span{font-size:12px}
.pp-quantity{font-size:11px;margin:4px 0 0;color:#476b87}
.pp-price-block .pp-note{margin-top:10px;margin-bottom:0;font-size:10px}
.pp-specs{margin:20px 0 12px}
.pp-specs>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:16px;padding:11px 0;border-bottom:1px solid #e2e8ed;font-size:12px;line-height:1.6}
.pp-specs dt{color:#6c7e8c}.pp-specs dd{margin:0;overflow-wrap:anywhere}
.pp-note{font-size:11px;line-height:1.8;color:#71818d}
.pp-terms{font-size:12px;line-height:1.9;color:#4a6071;margin:20px 0}
.pp-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px}
.pp-actions .button{font-size:12px;padding:13px 12px;justify-content:center;min-height:46px;text-align:center;white-space:normal}
.pp-actions .button[aria-pressed=true]{background:#35566f}
.pp-selection-status{font-size:11px;min-height:18px;margin:7px 0 12px;color:#476b87;line-height:1.7}
.pp-direct{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;color:#476b87;border-top:1px solid #e2e8ed;padding-top:14px}
.pp-details{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;border-top:1px solid #dce5eb;margin-top:48px;padding-top:30px}
.pp-details .eyebrow{font-size:10px;margin-bottom:12px}.pp-details h2,.pp-purchase h2,.pp-related h2{font-size:24px;font-weight:500;line-height:1.4;letter-spacing:-.02em;margin:0 0 12px}
.pp-measurements{min-width:0}.pp-chart-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain;border:1px solid #dce5eb;border-radius:3px}
.pp-chart-scroll table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}
.pp-chart-scroll th,.pp-chart-scroll td{padding:13px 14px;text-align:left;border-bottom:1px solid #e6ebef}
.pp-chart-scroll thead{background:#f1f5f8;color:#476b87}
.pp-chart-scroll tbody th{font-weight:500}.pp-chart-scroll tr:last-child>*{border-bottom:0}
.pp-purchase{margin-top:38px;border-top:1px solid #dce5eb;padding-top:30px}
.pp-purchase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.pp-purchase h3{font-size:13px;font-weight:600;margin:15px 0 10px}
.pp-purchase p{font-size:12px;line-height:1.9;color:#71818d;margin:0}
.pp-purchase a{display:inline-block;font-size:11px;color:#476b87;margin-top:12px}
.pp-related{margin-top:42px;border-top:1px solid #dce5eb;padding-top:28px}
.pp-related-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:12px}
.pp-related-heading a{font-size:11px;color:#476b87}
.pp-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.pp-related-card{display:flex;align-items:center;gap:16px;border:1px solid #e0e7ec;padding:12px;min-width:0;background:#fff;border-radius:3px}
.pp-related-card:hover{border-color:#9fb4c5;background:#f9fbfc}
.pp-related-card>img{width:75px;height:100px;flex:0 0 75px;object-fit:cover;background:#f4f6f7}
.pp-related-card>div{min-width:0}.pp-related-card>div>span{font-size:10px;color:#7a8b98;display:block;margin-bottom:4px}
.pp-related-card strong{font-weight:500;font-size:13px}.pp-related-card p{font-size:11px;line-height:1.6;color:#748592;margin:5px 0 0}
.pp-related-card>span:last-child{margin-left:auto;font-size:20px;color:#476b87;flex-shrink:0}
.pp-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:30px;padding-bottom:30px}
.pp-footer p,.pp-footer>a:not(.brand){font-size:11px;color:#d8e2eb}.pp-footer .brand{color:#fff;font-size:25px}
html[lang=zh-CN] .pp-info h1{font-size:30px;line-height:1.5}
@media(max-width:1100px){.pp-layout{gap:36px}.pp-info h1{font-size:28px}.pp-main-photo{max-height:630px}.pp-details{grid-template-columns:180px minmax(0,1fr);gap:24px}.pp-purchase-grid{gap:26px}.pp-footer{flex-wrap:wrap;justify-content:start}}
@media(max-width:800px){.pp-layout{gap:26px}.pp-info h1{font-size:25px}.pp-info{padding-top:0}.pp-reference{margin:12px 0 18px}.pp-price-block{padding:14px}.pp-specs>div{grid-template-columns:85px minmax(0,1fr);gap:10px;padding:9px 0}.pp-actions{grid-template-columns:1fr}.pp-direct{gap:12px}.pp-photo-arrow{width:38px;height:48px}.pp-photo-prev{left:8px}.pp-photo-next{right:8px}.pp-details{grid-template-columns:1fr;gap:10px}.pp-purchase-grid{gap:20px}.pp-related-card{gap:10px}.pp-related-card>img{width:60px;height:80px;flex-basis:60px}.pp-related-card p{display:none}}
@media(max-width:600px){.product-page .pp-main{padding-top:20px;padding-bottom:36px}.pp-breadcrumb{margin-bottom:18px;font-size:10px;gap:9px}.pp-layout{grid-template-columns:1fr;gap:24px}.pp-main-photo{max-height:none;aspect-ratio:3/4}.pp-thumb{flex-basis:54px;width:54px;height:70px}.pp-info h1{font-size:25px;line-height:1.35;letter-spacing:-.015em}.pp-info>.eyebrow{margin-bottom:10px}.pp-price strong{font-size:26px}.pp-specs>div{grid-template-columns:98px minmax(0,1fr);padding:11px 0;font-size:12px}.pp-actions{grid-template-columns:1fr 1fr}.pp-actions .button{font-size:11px;padding:12px 8px;min-height:48px}.pp-photo-arrow{width:42px;height:50px}.pp-details{margin-top:32px;padding-top:24px}.pp-details h2,.pp-purchase h2,.pp-related h2{font-size:23px}.pp-chart-scroll th,.pp-chart-scroll td{padding:12px;font-size:11px}.pp-purchase{margin-top:26px;padding-top:24px}.pp-purchase-grid{grid-template-columns:1fr;gap:8px}.pp-purchase h3{margin:10px 0 5px}.pp-related{margin-top:28px;padding-top:24px}.pp-related-heading{align-items:start;flex-direction:column;gap:3px;margin-bottom:16px}.pp-related-grid{grid-template-columns:1fr;gap:10px}.pp-related-card>img{width:63px;height:84px;flex-basis:63px}.pp-related-card p{display:block}.pp-related-card strong{font-size:12px}.pp-footer{display:grid;grid-template-columns:1fr;gap:10px;padding-top:26px;padding-bottom:26px}.pp-footer p{margin:0}.pp-footer .brand{font-size:26px}html[lang=zh-CN] .pp-info h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.pp-thumbnails{scroll-behavior:auto}}
