/* Language hierarchy and measured one-page navigation. */
html{scroll-behavior:auto!important;scroll-padding-top:108px}
main>section[id],.products .story{scroll-margin-top:0!important}
.eyebrow,#armenia .eyebrow,.products .story-copy .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.08em}
#buy .eyebrow,#film .film-heading .eyebrow,#about .eyebrow,#turf .eyebrow{font-size:12px;line-height:1.5}
#armenia{min-height:0}
#armenia .armenia-routes{margin-top:30px}
.film-caption{justify-content:flex-end}
.products .path a{display:grid;grid-template-columns:1fr;align-content:start;padding:16px 18px;min-height:188px}
.products .path-product{height:72px;width:100%;object-fit:contain;mix-blend-mode:multiply;margin-bottom:12px}
.products .path a:after{top:auto;bottom:20px}
.products .path b{grid-row:2}
.category-return{display:flex;width:fit-content;gap:12px;font-size:12px;color:#666;min-height:44px;align-items:center;margin-top:8px}
.category-return:hover{color:var(--orange)}
.story-sprinkler .category-return{grid-column:2}
html[lang="hy"] .eyebrow,html[lang="hy"] #armenia .eyebrow,html[lang="hy"] .products .story-copy .eyebrow{font-size:13px;line-height:1.55;letter-spacing:.025em;font-weight:600}
html[lang="hy"] #buy .eyebrow,html[lang="hy"] #film .film-heading .eyebrow,html[lang="hy"] #about .eyebrow,html[lang="hy"] #turf .eyebrow{font-size:13px;line-height:1.55;letter-spacing:.025em}
html[lang="hy"] .section-heading h2,html[lang="hy"] #armenia h2,html[lang="hy"] #partners h2,html[lang="hy"] #film h2,html[lang="hy"] #buy h2{font-size:clamp(32px,3.3vw,46px);line-height:1.22;letter-spacing:-.025em}
html[lang="hy"] #turf h2{font-size:clamp(32px,3.3vw,46px);line-height:1.22;letter-spacing:-.025em}
#category-dialog .dialog-note{font-size:13px!important;line-height:1.6}
html[lang="hy"] .products .story h3,html[lang="hy"] .turf-copy h3{font-size:clamp(28px,2.7vw,38px);line-height:1.26;letter-spacing:-.02em}
html[lang="hy"] p{line-height:1.65}
html[lang="hy"] .hero-copy{font-size:15px;line-height:1.65;max-width:420px}
html[lang="hy"] .hero .eyebrow{font-size:13px;line-height:1.55;letter-spacing:.025em}
html[lang="hy"] .claber-header nav{font-size:13px}
html[lang="hy"] .products .path-category{font-size:13px;line-height:1.5}
html[lang="hy"] .products .path-verb{font-size:12px;line-height:1.5}
html[lang="hy"] .button,html[lang="hy"] .text-link{line-height:1.5}
html[lang="hy"] #about .about-title-text{font-size:clamp(32px,3.1vw,44px);line-height:1.25}
html[lang="en"] .products .story h3{font-size:clamp(28px,3vw,40px);line-height:1.18;letter-spacing:-.02em}
html[lang="en"] .eyebrow{letter-spacing:.08em}
@media(max-width:768px){html{scroll-padding-top:86px}html[lang="hy"] .eyebrow,html[lang="hy"] #armenia .eyebrow,html[lang="hy"] .products .story-copy .eyebrow{font-size:12px}html[lang="hy"] .hero-content .button{font-size:13px;min-height:48px}html[lang="hy"] .hero-content h1{font-size:29px;line-height:1.3}}
@media(min-width:769px) and (max-width:1150px){html[lang="hy"] .claber-header nav{font-size:12px;gap:10px}}
@media(max-width:768px){html[lang="hy"] .claber-header nav{font-size:14px}html[lang="hy"] .hero .eyebrow{font-size:12px}}
@media(max-width:650px){
 #turf .turf-details{grid-template-columns:minmax(0,1fr)}
 #turf .turf-details>*{min-width:0}
 #turf .turf-sector{grid-template-columns:150px minmax(0,1fr)}
 .products .path a{display:grid;flex:0 0 165px;min-height:190px;padding:16px}
 .products .path-product{height:68px}
 html[lang="hy"] .section-heading h2,html[lang="hy"] #armenia h2,html[lang="hy"] #partners h2,html[lang="hy"] #film h2,html[lang="hy"] #buy h2,html[lang="hy"] #about .about-title-text{font-size:32px;line-height:1.25}
 html[lang="hy"] .products .story h3,html[lang="hy"] .turf-copy h3{font-size:28px;line-height:1.3}
 .category-return{font-size:13px;min-height:44px}
 html[lang="hy"] .series{font-size:13px;line-height:1.6}
 #armenia .armenia-routes{margin-top:24px}
}
@media(max-width:380px){
 #turf .turf-component{padding:12px 16px;gap:16px}
 #turf .turf-component img{width:64px}
 #turf .turf-sector{grid-template-columns:120px minmax(0,1fr)}
 #turf .turf-sector svg{width:120px}
}
/* Armenian navigation remains open and fits small tablet landscape widths. */
@media(min-width:769px) and (max-width:850px){
 html[lang="hy"] .brand-navigation{gap:8px;padding-right:12px}
 html[lang="hy"] .claber-header nav{gap:8px}
 html[lang="hy"] .claber-header .logo{width:132px;flex-basis:132px}
 html[lang="hy"] .claber-header .logo img{width:104px}
}

/* Category detail audit: compact product context and a consistent catalogue hierarchy. */
.products .cutout-area{height:84px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.product-cutout{display:block;width:var(--product-size,76px);height:var(--product-size,76px);object-fit:contain;flex:none}
#category-dialog{width:min(780px,94vw);padding:38px 40px;max-height:88svh}
#category-dialog>.eyebrow{font-size:11px;font-weight:500;letter-spacing:.055em;margin-bottom:22px}
#category-dialog .dialog-intro{display:grid;grid-template-columns:104px minmax(0,1fr);gap:24px;align-items:start}
#category-dialog .dialog-cutout{display:flex;align-items:center;justify-content:center;height:112px;--product-size:100px}
#category-dialog h2{font-size:30px;line-height:1.25;letter-spacing:-.025em;margin-bottom:14px}
#category-dialog .dialog-intro p{margin-bottom:0;font-size:15px;line-height:1.6}
#dialog-models{display:block;margin:24px 0}
#dialog-models .detail-group{padding:0;margin-bottom:20px}
#dialog-models h3{font-size:12px;font-weight:600;letter-spacing:.025em;margin:0 0 10px;color:#666}
#dialog-models .detail-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
#dialog-models span{font-size:14px;line-height:1.5;padding:10px 0;min-width:0;overflow-wrap:break-word}
html[lang="hy"] #category-dialog>.eyebrow{font-size:12px;letter-spacing:.02em;font-weight:500}
html[lang="hy"] #category-dialog h2{font-size:28px;line-height:1.3}
html[lang="hy"] #dialog-models h3{font-size:13px;letter-spacing:0}
.mobile-buy.is-hidden{display:none!important}
@media(max-width:650px){
 .products .path{scrollbar-width:none;padding-bottom:0}
 .products .path::-webkit-scrollbar{display:none}
 .products .path a{flex-basis:calc((100% - 24px)/2)}
 #category-dialog{padding:30px 22px;width:94vw}
 #category-dialog>.eyebrow{margin-bottom:18px;padding-right:26px}
 #category-dialog .dialog-intro{grid-template-columns:68px minmax(0,1fr);gap:14px}
 #category-dialog .dialog-cutout{height:80px;--product-size:68px}
 #category-dialog h2,html[lang="hy"] #category-dialog h2{font-size:24px;line-height:1.3}
 #category-dialog .dialog-intro p{font-size:14px;line-height:1.6}
 #dialog-models .detail-items{grid-template-columns:minmax(0,1fr)}
 #dialog-models span{font-size:14px}
}
@media(max-width:650px){
 #category-dialog .dialog-intro>div:last-child{display:contents}
 #category-dialog .dialog-intro h2{grid-column:2;align-self:center;margin:0}
 #category-dialog .dialog-intro p{grid-column:1/-1}
}
#category-dialog .dialog-close{position:sticky;float:right;top:0;right:auto;z-index:2;margin:-22px -24px 0 12px;background:#fff}
@media(max-width:650px){#category-dialog .dialog-close{margin:-18px -12px 0 10px}}
#category-dialog .dialog-close{width:44px;height:44px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0}
@media(max-width:360px){
 #category-dialog .dialog-intro{grid-template-columns:minmax(0,1fr);gap:12px}
 #category-dialog .dialog-cutout{height:64px;width:64px;--product-size:60px}
 #category-dialog .dialog-intro h2,#category-dialog .dialog-intro p{grid-column:1;min-width:0}
}
@media(max-width:650px){.products .path a{flex-basis:min(65%,220px);min-width:0}}
/* Keep the route and bottom action consistent with the header's mobile breakpoint. */
@media(max-width:768px){
 .products .path{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:0}
 .products .path::-webkit-scrollbar{display:none}
 .products .path a{flex:0 0 min(65%,220px);min-width:0;scroll-snap-align:start;border-bottom:0;border-right:1px solid #eee}
 .products .path a:last-child{border-right:0}
 .hero-review .mobile-buy{position:fixed;bottom:0;left:0;right:0;z-index:25}
}
@media(min-width:769px) and (max-width:950px){.products .path a{padding:16px 10px}}
html{scrollbar-gutter:stable}
#category-dialog{overscroll-behavior:contain}