.product-page { margin:0; background:#fff; color:#171717; -webkit-font-smoothing:antialiased; }
.product-page * { box-sizing:border-box; }
.product-page ::selection { background:#ff6333; color:#111; }
.product-page a { color:inherit; text-decoration:none; text-underline-offset:5px; }
.product-page a:focus-visible,.product-page summary:focus-visible { outline:2px solid #bd3818; outline-offset:6px; }
.product-page .product-skip { position:fixed; left:20px; top:-80px; padding:14px 24px; background:#fff; z-index:10; }
.product-page .product-skip:focus { top:12px; }
.product-header { display:flex; align-items:center; justify-content:space-between; gap:24px; max-width:1440px; margin:auto; padding:24px 48px; }
.product-brand { font-size:30px; font-weight:700; letter-spacing:-.04em; white-space:nowrap; }
.product-brand span { font-size:15px; font-weight:500; letter-spacing:-.02em; }
.product-header nav { display:flex; gap:32px; font-size:15px; }
.product-header nav a { display:inline-flex; align-items:center; min-height:44px; }
.product-page main { max-width:1440px; margin:auto; padding:0 48px; }
.product-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; align-items:center; padding:24px 0 32px; font-size:13px; color:#666; }
.product-breadcrumb a { padding:8px 0; }
.product-hero { display:grid; grid-template-columns:1.08fr 1fr; gap:clamp(40px,6vw,88px); align-items:center; padding-bottom:88px; }
.product-photo { overflow:hidden; border-radius:12px; background:#f2f2f2; }
.product-photo img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.product-summary h1 { font-size:clamp(36px,4vw,58px); letter-spacing:-.035em; line-height:1.06; font-weight:600; margin:0 0 24px; text-wrap:balance; }
.product-intro { font-size:21px; line-height:1.4; margin:0 0 16px; }
.product-description { color:#626262; font-size:16px; line-height:1.7; margin:0 0 28px; max-width:60ch; }
.product-page .product-order { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:56px; padding:16px 24px; border-radius:6px; background:#ff6333; color:#151515; font-weight:600; font-size:17px; }
.product-order svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.product-order-note { color:#666; font-size:13px; line-height:1.5; margin:12px 0 30px; }
.product-specifications { margin:28px 0 0; font-size:14px; line-height:1.55; }
.product-specifications div { display:grid; grid-template-columns:120px 1fr; gap:16px; padding:13px 0; border-top:1px solid #e5e5e5; }
.product-specifications dt { color:#626262; font-weight:400; }
.product-specifications dd { margin:0; }
.product-details { display:grid; grid-template-columns:1fr 1fr; gap:88px; padding:64px 0 80px; border-top:1px solid #e5e5e5; }
.product-details h2,.product-related h2 { margin:0; font-size:clamp(28px,3vw,40px); font-weight:600; line-height:1.15; letter-spacing:-.03em; text-wrap:balance; }
.product-details p { margin:0 0 28px; color:#626262; font-size:17px; line-height:1.7; max-width:70ch; }
.product-details details { border-top:1px solid #e5e5e5; padding-top:22px; }
.product-details summary { display:flex; justify-content:space-between; align-items:center; gap:20px; cursor:pointer; font-size:17px; font-weight:600; padding:8px 0 16px; list-style:none; }
.product-details summary::-webkit-details-marker { display:none; }
.product-details summary svg { width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; }
.product-details details[open] summary svg { transform:rotate(180deg); }
.product-details details p { font-size:15px; margin:0; }
.product-related { padding:0 0 88px; }
.product-related>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:32px; }
.product-related img { display:block; width:100%; height:auto; border-radius:12px; aspect-ratio:1; object-fit:cover; }
.product-related h3 { font-size:18px; line-height:1.35; font-weight:600; margin:18px 0 0; }
.product-page .container-large { max-width:1344px; margin:auto; }
@media(hover:hover) { .product-page .product-order:hover { background:#eb572a; } .product-header a:hover,.product-related a:hover h3,.product-breadcrumb a:hover { text-decoration:underline; } }
@media(max-width:850px) { .product-hero { gap:32px; align-items:start; } .product-summary h1 { font-size:36px; } .product-details { gap:40px; } }
@media(max-width:650px) {
 .product-header { padding:16px 20px; gap:16px; } .product-brand { font-size:26px; } .product-brand span { font-size:12px; } .product-header nav { gap:18px; font-size:13px; }
 .product-page main { padding:0 20px; } .product-breadcrumb { padding:12px 0 20px; font-size:12px; gap:8px; }
 .product-hero { grid-template-columns:1fr; gap:28px; padding-bottom:48px; } .product-summary h1 { font-size:38px; margin-bottom:18px; } .product-intro { font-size:19px; }
 .product-details { grid-template-columns:1fr; gap:24px; padding:40px 0 48px; } .product-details p { font-size:16px; }
 .product-related { padding-bottom:48px; } .product-related>div { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 16px; } .product-related h3 { font-size:16px; }
}
@media(max-width:360px) { .product-header nav { gap:12px; } .product-brand span { display:block; } }