body.sky-north:has(.sky-product-detail) #main-content { padding-top:0; }
.sg-page.sky-product-detail { max-width:none; width:100%; margin:0; padding:0 0 80px; }
.sky-product-container { width:calc(100% - 64px); max-width:1120px; margin-inline:auto; }
.sky-product-hero { background:var(--sky-hero-background); color:var(--sky-hero-ink); --sky-link:var(--sky-hero-ink); --sky-link-hover:var(--sky-hero-ink); }
.sky-product-hero > div { min-height:350px; padding:144px 0 28px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
body.sky-north #wrapwrap .sky-product-hero h1 { font-size:clamp(32px,3.4vw,48px); max-width:1000px; line-height:1.08; color:var(--sky-hero-ink); margin:0 0 12px; }
.sky-product-hero p { max-width:720px; font-size:16px; line-height:1.6; margin:0 0 8px; }
.sky-product-hero a { display:inline-flex; align-items:center; gap:24px; min-height:44px; font-size:14px; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.5); }
.sky-product-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:24px 0; font-size:13px; color:var(--sky-muted); }
.sky-product-breadcrumb a { display:inline-flex; min-height:44px; align-items:center; }
.sky-product-overview { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; padding-top:24px; align-items:start; }
.sky-product-gallery { min-width:0; }
.sky-product-preview { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; width:100%; padding:32px; border:0; border-radius:16px; background:var(--sky-tint); color:var(--sky-text); cursor:zoom-in; }
.sky-product-preview img { display:block; width:100%; height:390px; object-fit:contain; border-radius:0; mix-blend-mode:multiply; }
.sky-product-preview > span { display:flex; gap:24px; font-size:13px; }
.sky-product-thumbnails { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
.sky-product-thumbnail { display:grid; place-items:center; width:76px; height:76px; padding:7px; border:1px solid var(--sky-border); border-radius:8px; background:var(--sky-surface); cursor:pointer; }
.sky-product-thumbnail[aria-pressed=true] { border:2px solid var(--sky-accent); }
.sky-product-thumbnail img { width:100%; height:60px; object-fit:contain; border-radius:0; }
.sky-product-image-dialog { width:min(900px,calc(100% - 32px)); max-height:90dvh; padding:32px; border:0; border-radius:16px; background:var(--sky-background); overflow:auto; }
.sky-product-image-dialog::backdrop { background:rgba(24,61,50,.7); }
.sky-product-image-dialog img { width:100%; height:min(75dvh,800px); object-fit:contain; border-radius:0; }
.sky-product-image-close { position:absolute; top:8px; right:8px; width:44px; height:44px; border:0; border-radius:50%; background:var(--sky-surface); color:var(--sky-text); font-size:30px; cursor:pointer; }
.sky-product-detail .sky-product-kicker { font-size:13px; color:var(--sky-muted); margin:0 0 14px; }
body.sky-north #wrapwrap .sky-product-information h2 { font-size:32px; line-height:1.2; margin:0 0 20px; }
.sky-product-description { color:var(--sky-muted); font-size:16px; line-height:1.8; }
.sky-product-description p+p { margin-top:16px; }
.sky-product-attributes { margin:28px 0; }
.sky-product-attributes > div { display:grid; grid-template-columns:1fr 1.3fr; gap:20px; padding:14px 0; border-bottom:1px solid var(--sky-border); font-size:15px; line-height:1.5; }
.sky-product-attributes dt { font-weight:500; color:var(--sky-muted); }
.sky-product-attributes dd { margin:0; font-weight:600; }
.sky-product-specification-button { display:inline-flex; align-items:center; min-height:48px; cursor:default; }
.sky-product-specifications,.sky-product-related { margin-top:64px; padding-top:40px; border-top:1px solid var(--sky-border); }
.sky-product-specification-text { max-width:800px; font-size:16px; line-height:1.8; }
.sky-product-specification-text table { width:100%; border-collapse:collapse; }
.sky-product-specification-text :is(td,th) { padding:12px; border:1px solid var(--sky-border); }
.sky-product-document { display:inline-flex; align-items:center; gap:24px; min-height:44px; margin-top:20px; font-weight:600; }
.sky-product-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.sky-product-card { min-width:0; }
.sky-product-card > a { display:block; text-decoration:none; }
.sky-product-card img { width:100%; height:240px; object-fit:contain; border-radius:12px; background:var(--sky-tint); padding:18px; }
body.sky-north #wrapwrap .sky-product-card :is(h2,h3) { font-size:18px; line-height:1.4; margin:16px 0 0; }
.sky-product-detail :is(a,button):focus-visible { outline:3px solid var(--sky-accent); outline-offset:4px; }
.sky-product-hero a:focus-visible { outline-color:var(--sky-hero-ink); }
.sky-product-picture { display:block; }
@media (min-width:768px) and (max-width:1023px) { .sky-product-hero > div { min-height:320px; padding-top:128px; padding-bottom:24px; } .sky-product-overview { gap:32px; } .sky-product-preview { padding:20px; } .sky-product-preview img { height:300px; } }
@media (max-width:767px) {
 .sky-product-container { width:calc(100% - 40px); }
 .sky-product-hero > div { min-height:0; padding:120px 0 24px; }
 body.sky-north #wrapwrap .sky-product-hero h1 { font-size:clamp(30px,7vw,38px); }
 .sky-product-hero p { font-size:16px; }
 .sky-product-breadcrumb { padding:16px 0; }
 .sky-product-overview { grid-template-columns:1fr; gap:36px; padding-top:8px; }
 .sky-product-preview { padding:24px; }
 .sky-product-preview img { height:310px; }
 .sky-product-preview > span { min-height:24px; }
 body.sky-north #wrapwrap .sky-product-information h2 { font-size:28px; }
 .sky-product-attributes > div { grid-template-columns:1fr 1.2fr; font-size:14px; }
 .sky-product-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
 .sky-product-card img { height:180px; padding:10px; }
 .sky-product-specifications,.sky-product-related { margin-top:40px; padding-top:28px; }
}
