/* Commerce-style product detail layout for the PC client. */
#productPage { max-width: 1240px; padding-top: 18px; }
.commerce-breadcrumb { display:flex; align-items:center; gap:9px; margin:0 0 14px; color:#81978e; font-size:13px; }
.commerce-breadcrumb a { color:#a9bdb4; text-decoration:none; }
.commerce-breadcrumb a:hover { color:#d9f36a; }
.commerce-breadcrumb strong { max-width:420px; overflow:hidden; color:#eef8f1; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
#productPage > .product-layout { grid-template-columns:minmax(0,535px) minmax(0,1fr); gap:42px; padding:28px; border:1px solid rgba(173,216,195,.14); border-radius:12px; background:linear-gradient(135deg,#10241f,#0b1916); box-shadow:0 14px 40px rgba(0,0,0,.16); }
#productPage .product-gallery { width:100%; max-width:535px; min-width:0; }
#productPage .product-gallery .route-carousel { border:1px solid rgba(173,216,195,.16); border-radius:10px; background:#091511; }
#productPage .product-gallery .carousel-stage { width:100%; aspect-ratio:535 / 830 !important; min-height:0 !important; max-height:none !important; }
#productPage .product-info { display:flex; min-width:0; flex-direction:column; }
#productPage .product-info h1 { margin:8px 0 12px; font-size:36px; line-height:1.24; letter-spacing:0; }
#productPage .product-subtitle { margin:0; color:#a7bcb2; font-size:14px; }
#productPage .product-rating { order:2; margin-top:16px; }
#productPage .product-price { order:1; margin:22px 0 4px; padding:14px 16px; border-radius:8px; background:rgba(217,243,106,.08); color:#d9f36a; font-size:36px; }
#productPage .product-stock { order:3; margin:10px 0 0; }
#productPage .product-option { order:4; }
#productPage .product-specs { order:5; margin-top:18px; }
#productPage .product-actions { order:6; margin-top:auto; padding-top:26px; }
#productPage .product-actions button { min-height:54px; font-size:16px; }
.commerce-service-bar { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:16px 0; overflow:hidden; border:1px solid rgba(173,216,195,.13); border-radius:8px; background:rgba(173,216,195,.13); }
.commerce-service-bar span { padding:14px 16px; background:#10231f; color:#8fa79d; font-size:12px; }
.commerce-service-bar b { display:block; margin-bottom:4px; color:#dceee4; font-size:13px; }
.commerce-tabs { position:sticky; top:0; z-index:5; display:flex; align-items:center; gap:28px; margin:20px 0 0; padding:0 20px; border:1px solid rgba(173,216,195,.14); border-radius:8px 8px 0 0; background:rgba(10,27,22,.96); box-shadow:0 8px 22px rgba(0,0,0,.14); }
.commerce-tabs a { position:relative; padding:17px 2px 14px; color:#9bb1a8; font-size:14px; text-decoration:none; }
.commerce-tabs a:hover,.commerce-tabs a.is-active { color:#d9f36a; }
.commerce-tabs a.is-active::after { position:absolute; right:0; bottom:-1px; left:0; height:2px; background:#d9f36a; content:""; }
.commerce-tabs-note { margin-left:auto; color:#718a80; font-size:12px; }
#productPage > .product-review-section,#productPage > .recommend-section,#productPage > .product-feature-images { margin-top:0; padding:30px 28px; border-right:1px solid rgba(173,216,195,.14); border-bottom:1px solid rgba(173,216,195,.14); border-left:1px solid rgba(173,216,195,.14); background:#0d1d19; }
#productPage > .recommend-section { border-radius:0; }
#productPage > .product-feature-images { border-radius:0 0 8px 8px; }
#productPage .product-review-section { border-top:0; }
#productPage .product-review-section h2,#productPage .recommend-section h2,#productPage .product-feature-images h2 { font-size:24px; }
#productPage .feature-image-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
#productPage .feature-image-grid img { aspect-ratio:16 / 10; border:1px solid rgba(173,216,195,.12); border-radius:8px; }
@media (max-width:780px) {
  #productPage { padding-top:10px; }
  #productPage > .product-layout { gap:22px; padding:16px; }
  #productPage .product-gallery { max-width:none; }
  #productPage .product-gallery .carousel-stage { aspect-ratio:535 / 830 !important; min-height:0 !important; }
  #productPage .product-info h1 { font-size:28px; }
  .commerce-service-bar { grid-template-columns:repeat(2,1fr); }
  .commerce-tabs { gap:18px; overflow:auto; white-space:nowrap; }
  .commerce-tabs-note { display:none; }
  #productPage > .product-review-section,#productPage > .recommend-section,#productPage > .product-feature-images { padding:22px 16px; }
}