/* Product detail: aligned media and purchase summary, responsive readable facts. */
#productPage{max-width:1440px;margin:auto;padding:20px 32px 40px}
#productPage .catalog-path{margin:0 0 8px}
#productPage .product-toolbar{margin:0 0 20px;align-items:center}
#productPage .full-product{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px;align-items:start}
#productPage .product-visual{background:#151a21;border:1px solid #303945;border-radius:14px;padding:14px}
#productPage #zoomViewport{height:clamp(300px,32vw,430px);border-radius:10px;background:#f5f6f3}
#productPage .zoom-buttons{gap:8px;margin:12px 0 6px;flex-wrap:wrap}
#productPage .zoom-buttons button{min-height:40px;font-size:13px;padding:8px 11px}
#productPage #expandProductPhoto{margin-left:auto}
#productPage .photo-thumbnails{margin:12px 0 0;gap:10px;max-height:150px}
#productPage .photo-thumbnails button{min-width:58px;min-height:58px}
#productPage .photo-thumbnails .photo{width:52px;height:52px}
#productPage .product-heading{margin:0 0 14px;padding:0}
#productPage .product-heading h1{font-size:36px;line-height:1.2;margin:8px 0 0;max-width:none}
#productPage .product-heading .pill{font-size:12px}
#productPage .product-summary h2{font-size:15px;color:#bac4d0;margin:0 0 8px}
#productPage .product-specification dl{margin:0;grid-template-columns:minmax(120px,.85fr) minmax(0,1.15fr);width:100%;max-width:none}
#productPage .product-specification dt,#productPage .product-specification dd{padding:10px 12px;font-size:14px;line-height:1.45}
#productPage .product-specification dt{color:#b2bdcc}
#productPage .product-specification dd{font-weight:550}
#productPage .product-purchase{margin-top:16px;border:1px solid #57402e;border-radius:12px;background:#201b17;padding:14px 16px}
#productPage .product-purchase .product-quantity-actions{margin:0 0 12px;gap:10px;flex-wrap:wrap}
#productPage .product-quantity-actions button{min-height:44px;padding:10px 18px;font-size:15px}
#productPage .product-purchase p{margin:6px 0;font-size:14px}
#productPage .web-product-tabs{margin:24px 0 0}
#productPage .web-tab-nav{gap:6px;padding:10px}
#productPage .web-tab-nav button{min-height:44px;font-size:14px}
#productPage .web-tab-panel{padding:22px}
#productPage .web-tab-panel h2{font-size:21px;margin:0 0 16px}
#productPage .accessory-group{margin:24px 0}
#productPage .quick-table-scroll{max-height:420px}
#productPage .quick-table-scroll th,#productPage .quick-table-scroll td{font-size:14px;padding:12px}
#productPage .quick-table-scroll button{font-size:14px;min-height:44px}
@media(max-width:800px){
 #productPage{padding:16px 16px 30px}
 #productPage .full-product{grid-template-columns:minmax(0,1fr);gap:18px}
 #productPage .product-visual{padding:10px}
 #productPage #zoomViewport{height:clamp(260px,70vw,420px)}
 #productPage .product-heading h1{font-size:30px!important}
 #productPage .product-toolbar{gap:8px;margin-bottom:16px;flex-wrap:nowrap}
 #productPage .product-toolbar button{font-size:13px;min-height:44px;padding:8px 10px}
 #productPage .product-specification dt,#productPage .product-specification dd{font-size:15px;padding:10px 8px}
 #productPage .product-specification dl{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 #productPage .web-tab-panel{padding:16px 10px}
 #productPage .web-tab-nav{scroll-snap-type:x proximity}
 #productPage .web-tab-nav button{scroll-snap-align:start;font-size:15px}
 #productPage .zoom-buttons button{min-height:44px;font-size:14px}
 #productPage .product-purchase{padding:14px}
 #productPage .product-purchase p{font-size:15px}
 #productPage .product-quantity-actions button{flex:1;padding:10px}
}