.product-header{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid #eee;gap:24px}.product-brand{font-size:30px;font-weight:900;color:#1D2B53}.product-header nav{display:flex;gap:24px;flex-wrap:wrap}.product-detail{padding-bottom:64px}.product-detail .crumbs{padding:24px 0}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.product-layout h1{font-size:clamp(28px,4vw,44px);line-height:1.25}.product-layout h2{font-size:23px;margin:28px 0 12px}.product-layout p{line-height:1.8}.product-main-image{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#FFF6E5;border-radius:24px}.product-gallery figure{margin:20px 0}.product-gallery figure img{width:100%;height:auto}.product-gallery figcaption{font-size:13px;color:#535A6E}.product-price{font-size:36px;font-weight:800;color:#1D2B53}.product-price small{font-size:16px;font-weight:400}.product-specs{display:grid;grid-template-columns:100px 1fr;gap:14px;margin:24px 0}.product-specs dt{font-weight:700}.product-specs dd{margin:0}.product-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:24px 0}.product-index a{border:1px solid #eee;border-radius:16px;padding:18px;background:#fff}.product-index img{width:100%;height:180px;object-fit:contain}.product-index h2{font-size:19px;margin:12px 0}.product-footer{padding:30px 0;border-top:1px solid #eee}.related-products{margin-top:48px}@media(max-width:700px){.product-header{padding:18px;display:block}.product-header nav{margin-top:16px;gap:16px}.product-layout{grid-template-columns:1fr;gap:24px}.product-detail,.product-footer,main.wrap{padding-left:18px;padding-right:18px}.product-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-index a{padding:12px}.product-index img{height:140px}.product-layout .btn{width:100%}}
/* Three-image gallery: native radio selection also works without scripting. */
.product-gallery{position:relative;min-width:0}.gallery-choice{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.product-gallery .gallery-slide{display:none;margin:0}.gallery-stage{position:relative;touch-action:pan-y}.gallery-stage .product-main-image{display:block}.gallery-slide figcaption{padding:12px 4px;min-height:42px}#gallery-0:checked~.gallery-stage .slide-0,#gallery-1:checked~.gallery-stage .slide-1,#gallery-2:checked~.gallery-stage .slide-2{display:block}.gallery-thumbnails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}.gallery-thumb{cursor:pointer;border:2px solid #eee;border-radius:14px;padding:8px;text-align:center;font-size:12px;line-height:1.5}.gallery-thumb img{display:block;width:100%;height:90px;object-fit:contain}.gallery-thumb span{display:block;margin-top:6px}#gallery-0:checked~.gallery-thumbnails .thumb-0,#gallery-1:checked~.gallery-thumbnails .thumb-1,#gallery-2:checked~.gallery-thumbnails .thumb-2{border-color:#1D2B53;background:#FFF3DC}.gallery-choice:focus-visible~.gallery-thumbnails{outline:3px solid #1D2B53;outline-offset:4px}.gallery-arrows{position:absolute;inset:45% 12px auto;justify-content:space-between;pointer-events:none}.gallery-arrows:not([hidden]){display:flex}.gallery-arrows button{pointer-events:auto;background:#fff;border:1px solid #C9CFE3;border-radius:50%;width:44px;height:44px;color:#1D2B53;font-size:24px;box-shadow:0 2px 8px #0001}.gallery-arrows button:focus-visible{outline:3px solid #1D2B53;outline-offset:3px}@media(max-width:700px){.gallery-thumbnails{gap:8px}.gallery-thumb{padding:5px}.gallery-thumb img{height:70px}}
.gallery-stage .product-main-image{height:min(440px,75vw);aspect-ratio:auto;object-fit:contain}