/* Mobile layout is preserved; larger screens use the available space. */
@media (min-width:600px){
 .preview,div.page{width:calc(100% - 48px);max-width:1200px;margin:24px auto}
 .preview main,.preview .guide-section,.preview .work-section{padding-left:40px;padding-right:40px}
 .preview .section-nav{padding-left:40px;padding-right:40px;justify-content:flex-start;gap:48px}
 .preview .collection-inline,.preview .categories{margin-left:40px;margin-right:40px}
 .preview .categories{padding-top:26px;padding-bottom:26px}
 .preview .category{font-size:12px}.preview .category-icon{width:46px;height:46px}
 .preview .hero{height:320px}.preview .hero>img{object-position:center 54%}
 .preview .hero-content{left:40px;bottom:36px}
 .preview .grid,.preview .guide-list,.preview .work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}
 .preview .search-row{max-width:480px}
 div.page>.intro,div.page>section{padding:36px 40px}
 div.page .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}
 div.page .header{padding:0 40px}
 article.page{width:calc(100% - 48px);max-width:1100px;margin:24px auto}
}
@media (min-width:800px){
 article.page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;padding-bottom:24px}
 article.page>.header{grid-column:1/-1;height:88px;padding:0 32px}
 article.page>img.hero{width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin-top:24px}
 article.page>.body{padding:32px 36px 24px;min-width:0}
 article.page>.site-footer{grid-column:1/-1;margin-top:24px}
 article.page h1{font-size:28px}article.page .intro{font-size:14px}
 article.page .video-title{font-size:13px}
 div.page .warranty>p,div.page details,div.page .contact{max-width:760px}
}
@media (min-width:1024px){
 .preview .grid,.preview .guide-list,.preview .work-grid,div.page .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .preview .hero{height:370px}.preview .hero-content{left:48px;bottom:42px}
 .preview .hero-content p{font-size:14px}.preview .hero-content a{font-size:12px;padding:12px 18px}
 .preview .brand{padding:28px 0}.preview .collection-inline{max-width:620px;margin-left:auto;margin-right:auto}
}

/* Collection grouping and editorial breaks, October review. */
.preview .collection-inline{display:flex;justify-content:center;gap:0;max-width:none}
.preview .collection-inline button{flex:1;font-size:12px}
.preview .collection-inline button+button:before{content:none}
.preview .collection-inline button:nth-child(4){margin-left:14px;border-left:1px solid #dedbd5;padding-left:10px}
#product-grid figure{position:relative}
.new-badge{position:absolute;top:10px;left:10px;z-index:1;background:#fffE;color:#333;font-size:9px;letter-spacing:1px;padding:5px 7px}
.preview .grid .collection-banner{grid-column:1/-1;position:relative;display:block;width:100%;height:220px;overflow:hidden;text-align:left;margin:18px 0;background:#262725;color:white}
.collection-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.collection-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.05))}
.banner-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:26px;gap:15px}
.banner-copy small{font-size:9px;letter-spacing:1.8px}.banner-copy strong{font-size:22px;font-weight:500;line-height:1.4}.banner-copy>span{font-size:11px;border-bottom:1px solid #ffffff80;padding-bottom:6px}
@media(min-width:600px){.preview .collection-inline{justify-content:flex-start;max-width:720px}.preview .collection-inline button{font-size:13px}.preview .grid .collection-banner{height:290px;margin:30px 0}.banner-copy{padding:48px;gap:22px}.banner-copy strong{font-size:32px}.banner-copy small{font-size:11px}.banner-copy>span{font-size:13px}}

.product-view-switch{display:flex;gap:24px;border-bottom:1px solid #e8e5df;margin-bottom:28px;padding:0}.product-view-switch button{font-size:13px;padding:13px 0;color:#888;border-bottom:2px solid transparent}.product-view-switch button[aria-pressed=true]{color:#222;border-bottom-color:#222}

/* Device-specific catalogue layouts. Shared data, independent spacing. */
.desktop-sidebar{display:none}
@media(max-width:599px){.preview{width:100%;max-width:none;margin:0}.preview main{padding-left:24px;padding-right:24px}.preview .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 18px}.preview .hero{height:230px}}
@media(min-width:600px) and (max-width:699px){.preview .grid,.preview .guide-list,.preview .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:700px) and (max-width:1023px){.preview{width:100%;max-width:none;margin:0}.preview main{padding:36px 32px 60px}.preview .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 24px}.preview .hero{height:300px}.preview .collection-inline{max-width:none}}
@media(min-width:1024px) and (max-width:1199px){.preview{width:100%;margin:0}.preview .grid{gap:48px 28px}.preview .hero{height:330px}}
@media(min-width:1200px){
 body:has(.preview){background:#fff}.preview{width:100%;max-width:1520px;margin:0 auto}.preview .hero{height:360px}.preview .hero-content{left:64px}
 #products-section{display:grid;grid-template-columns:170px minmax(0,1fr);column-gap:42px;padding:0 56px}
 .desktop-sidebar{display:block;grid-column:1;grid-row:1;align-self:stretch;padding-top:48px}
 .sidebar-inner{position:sticky;top:30px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-height:calc(100vh - 60px);overflow:auto}
 .sidebar-inner p{font-size:10px;letter-spacing:2px;color:#999;margin:0 0 18px}.sidebar-inner button,.sidebar-inner a{font-size:13px;text-decoration:none;padding:9px 0;color:#777;text-align:left;line-height:1.4}.sidebar-inner button[aria-pressed=true]{color:#222;text-decoration:underline;text-underline-offset:6px}.sidebar-inner button:nth-of-type(3),.sidebar-inner button:nth-of-type(6),.sidebar-inner button:nth-of-type(8){margin-top:18px}
 #products-section>.collection-inline,#products-section>.categories{display:none}
 #products-section>main{grid-column:2;grid-row:1;min-width:0;padding:35px 0 80px}
 .preview #product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:58px 30px}
 .preview #product-grid figure>img{max-width:210px;margin:0 auto}.preview #product-grid figcaption{font-size:13px;margin-top:18px}.preview #product-grid .product-english{font-size:10px;line-height:1.7}
 .preview #product-grid .collection-banner{height:280px;margin:8px 0 22px}.preview .section-nav{padding-left:56px}.preview .search-row{margin-bottom:38px}.preview .new-badge{left:max(10px,calc((100% - 210px)/2 + 10px))}
}