/* Mobile composition: subject-focused photography and consistent spacing. */
@media (max-width:960px) {
 .yc-banner,.yc-banner .yc-slide { background:#10364f; }
 .yc-banner .yc-slide { display:block; min-height:0; }
 .yc-banner .yc-banner-image { position:absolute; inset:0 0 auto; z-index:-2; display:block; width:100%; height:400px; padding:0; object-fit:cover; object-position:100% center; mix-blend-mode:normal; }
 .yc-banner .yc-slide.wide .yc-banner-image { object-position:100% center; }
 .yc-slide.wide:after { display:block; background:linear-gradient(180deg,transparent 150px,#10364f26 220px,#10364f 400px); }
 .yc-banner .yc-banner-content { padding-top:320px; padding-bottom:24px; }
 .yc-banner .yc-overline { display:none; }
 .yc-banner .yc-banner-content h1,.yc-banner .yc-banner-content h2,.yc-banner .yc-banner-content p,.yc-banner .yc-hero-actions { max-width:100%; }
 .yc-banner .yc-hero-actions { flex-direction:row; flex-wrap:wrap; align-items:stretch; }
 .yc-banner-controls { position:static; display:flex; justify-content:space-between; align-items:center; gap:12px; padding-bottom:12px; }
 .yc-banner .yc-banner-note { position:static; display:block; margin:0 24px; max-width:none; padding:0 0 16px; background:none; color:#bbceda; font-size:10px; line-height:1.6; }
 .yc-banner .product-slide { background:#edf2f5; }
 .yc-banner .product-slide .yc-banner-image { height:310px; padding:16px 24px; object-fit:contain; object-position:center; mix-blend-mode:multiply; }
 .yc-banner .product-slide .yc-banner-content { padding-top:310px; }
 .yc-banner .product-slide h2 { color:#163d57; }
 .yc-banner .product-slide .yc-banner-content p { color:#526b7c; }
 .yc-banner .product-slide .yc-primary { background:var(--blue); color:#fff; border-color:var(--blue); }
 .yc-banner .product-slide .yc-secondary { color:var(--blue); border-color:#adc3d1; background:transparent; }
 .yc-banner:has(.product-slide:not([hidden])) { background:#edf2f5; }
 .yc-banner:has(.product-slide:not([hidden])) .yc-banner-controls { color:var(--blue); }
 .yc-banner:has(.product-slide:not([hidden])) .yc-arrows button { color:var(--blue); border-color:#b8cbd7; background:transparent; }
 .yc-banner:has(.product-slide:not([hidden])) .yc-banner-note { display:block; color:#617989; }
 .yc-banner:has(.product-slide:not([hidden])) .yc-dots button span { background:#bacbd6; }
 .yc-banner:has(.product-slide:not([hidden])) .yc-dots button[aria-pressed=true] span { background:var(--blue); }
 .detail-hero,.about-grid,.contact-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .detail-hero>*,.about-grid>*,.contact-grid>*,.article-grid>*,.form-row>* { min-width:0; }
 .yc-template .enquiry-form input,.yc-template .enquiry-form textarea { min-width:0; }
 .yc-detail-banner { padding-inline:0; }
}
@media (max-width:640px) {
 .yc-template { --mobile-gutter:20px; }
 .yc-template .wrap { width:calc(100% - 2 * var(--mobile-gutter)); }
 .yc-template main,.yc-template footer { overflow-wrap:break-word; }
 .yc-four p,.yc-category-copy>p,.yc-application-copy p,.product-copy p,.article-card p { text-wrap:pretty; }
 .yc-template .site-navigation { --nav-height:72px; }
 .site-navigation .header-inner { height:var(--nav-height); }
 .site-navigation .brand-logo { width:29px; height:38px; }
 .site-navigation .menu-toggle { width:44px; height:44px; padding:10px; }
 .nav-backdrop:not([hidden]) { top:72px; }
 #primary-nav { padding-inline:var(--mobile-gutter); }
 /* Keep the test frame and chamber in the visible right-hand crop. */
 .yc-banner .yc-banner-image { height:340px; object-position:100% center; }
 .yc-slide.wide:after { background:linear-gradient(180deg,transparent 145px,#10364f40 225px,#10364f 340px); }
 .yc-banner .yc-banner-content { padding-top:280px; padding-bottom:24px; }
 .yc-banner h1,.yc-banner h2 { font-size:clamp(28px,8vw,32px); font-weight:600; line-height:1.4; letter-spacing:.3px; margin:0 0 14px; }
 .yc-banner .yc-banner-content p { font-size:14px; line-height:1.8; margin-bottom:22px; text-wrap:pretty; }
 .yc-banner .yc-hero-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .yc-banner .yc-hero-actions>a { min-width:0; min-height:48px; margin:0; padding:12px 14px; gap:8px; font-size:13px; line-height:1.5; }
 .yc-banner .yc-hero-actions>a>span { flex-shrink:0; }
 .yc-banner .product-slide .yc-banner-image { height:280px; padding:16px 20px; }
 .yc-banner .product-slide .yc-banner-content { padding-top:292px; padding-bottom:24px; }
 .yc-banner .product-slide h2 { font-size:28px; line-height:1.4; margin-bottom:14px; }
 .yc-banner-controls { padding-top:0; padding-bottom:12px; }
 .yc-banner .yc-dots { gap:2px; }
 .yc-banner .yc-dots button { width:30px; min-width:30px; height:44px; padding:0; }
 .yc-banner .yc-dots button span { width:20px; height:2px; }
 .yc-banner .yc-dots button[aria-pressed=true] span { width:28px; }
 .yc-banner .yc-arrows { gap:8px; }
 .yc-banner .yc-arrows>span { margin-right:4px; font-size:10px; letter-spacing:1px; }
 .yc-banner .yc-arrows button { width:40px; height:40px; font-size:17px; }
 .yc-banner .yc-banner-note { margin-inline:var(--mobile-gutter); }
 html[lang=en] .yc-banner h1,html[lang=en] .product-slide .yc-banner-content h2 { font-size:30px; line-height:1.25; }
 html[lang=en] .yc-banner .yc-hero-actions>a { font-size:12px; }
 /* One grid keeps icons, text and dividers aligned across both rows. */
 .yc-four { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding-block:24px; }
 .yc-four>a,.yc-four>a:first-child,.yc-four>a:last-child,.yc-four>a:nth-child(odd),html[lang=en] .yc-four>a { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:start; gap:10px; padding:18px 0; border:0; }
 .yc-four>a:nth-child(odd),html[lang=en] .yc-four>a:nth-child(odd) { padding-right:14px; border-right:1px solid var(--line); }
 .yc-four>a:nth-child(even),html[lang=en] .yc-four>a:nth-child(even) { padding-left:14px; }
 .yc-four>a:nth-child(-n+2) { border-bottom:1px solid var(--line); }
 .yc-four svg { width:24px; height:24px; margin-top:1px; }
 .yc-four h2 { font-size:16px; line-height:1.5; margin:0 0 4px; }
 html[lang=en] .yc-four h2 { min-height:42px; font-size:14px; }
 .yc-four p,html[lang=en] .yc-four p { font-size:12px; line-height:1.7; margin:0; }
 .yc-section { padding-block:44px; }
 .yc-section-title { margin-bottom:24px; }
 .yc-section-title h2 { font-size:27px; line-height:1.4; }
 .yc-section-title p { font-size:10px; line-height:1.6; letter-spacing:1.5px; }
 .yc-section-intro { font-size:13px; margin-top:14px; }
 .yc-template .yc-product-search { margin-bottom:12px; }
 .yc-category-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:24px; }
 .yc-category-shortcuts a { justify-content:center; text-align:center; min-width:0; min-height:48px; padding:10px 5px; gap:0; font-size:12px; line-height:1.5; }
 .yc-category-shortcuts a>span { display:none; }
 .yc-category-grid,.yc-application-grid { gap:24px; }
 .yc-category-image { aspect-ratio:1.4; }
 .yc-category-image>span { padding:7px 12px; font-size:11px; }
 .yc-category-copy { padding:20px 20px 0; }
 .yc-category-copy h3 { font-size:22px; line-height:1.4; margin:0 0 10px; }
 .yc-category-copy>p { min-height:0; margin-bottom:18px; font-size:14px; line-height:1.8; }
 .yc-model-link { min-height:72px; padding-block:15px; gap:12px; font-size:13px; }
 .yc-model-link small { font-size:11px; }
 .yc-application-scene { height:190px; }
 .yc-application-copy { padding:20px; }
 .yc-application-copy h3 { font-size:21px; line-height:1.5; }
 .yc-application-copy p { min-height:0; }
 .yc-resource-feature { padding:24px; }
 .yc-resource-feature h3 { font-size:27px; margin-block:16px; }
 .yc-resource-feature p { font-size:14px; }
 .yc-news-list>a { display:grid; grid-template-columns:46px minmax(0,1fr) 16px; gap:14px; align-items:start; padding-block:20px; }
 .yc-news-list .yc-resource-number { width:46px; }
 .yc-news-list .yc-resource-number b { font-size:32px; }
 .yc-news-list .yc-resource-number span { font-size:10px; }
 .yc-news-list h3 { font-size:16px; line-height:1.6; margin:4px 0 8px; }
 .yc-news-list p { font-size:12px; }
 .yc-news-list>a>span { margin:0; align-self:center; }
 .yc-template .page-heading.wrap { width:100%; padding:28px var(--mobile-gutter); margin-bottom:28px; }
 .yc-template .page-heading h1 { font-size:26px; line-height:1.5; }
 .yc-template .page-heading p { font-size:14px; line-height:1.8; }
 .yc-detail-banner { padding-block:28px; }
 .yc-detail-banner p { font-size:26px; line-height:1.5; }
 .yc-template .catalogue aside { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:24px; }
 .yc-template .catalogue aside>.eyebrow { grid-column:1/-1; width:auto; padding-bottom:12px; margin-bottom:8px; }
 .yc-template .catalogue aside>a { min-width:0; min-height:48px; padding:10px 12px; font-size:13px; line-height:1.6; }
 .catalogue-summary { flex-wrap:wrap; align-items:center; gap:8px 16px; margin-block:20px; }
 .catalogue-summary .result-count { gap:4px; }
 .result-count strong { font-size:17px; }
 .filter-tabs { gap:8px; padding-bottom:16px; margin-bottom:24px; }
 .filter-tabs a { display:inline-flex; align-items:center; min-height:44px; max-width:100%; padding:8px 14px; border:1px solid var(--line); background:#f3f7f9; font-size:13px; }
 .yc-template .pagination a { min-width:44px; min-height:44px; }
 .article-card { min-width:0; padding-block:20px; }
 .article-card p { font-size:14px; line-height:1.85; }
 .article-card h2,.article-card h3 { font-size:21px; line-height:1.55; margin-block:12px 16px; }
 .breadcrumbs { font-size:12px; gap:8px; padding-block:16px; align-items:center; }
 .breadcrumbs a { display:inline-flex; align-items:center; min-height:32px; }
 .detail-hero,.about-grid,.contact-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
 .detail-hero h1,.article-detail h1 { font-size:28px; line-height:1.5; margin-block:14px; }
 .detail-picture small,.about-visual span { position:static; display:block; padding:10px 14px; font-size:11px; line-height:1.7; }
 .detail-facts>div { display:grid; grid-template-columns:96px minmax(0,1fr); align-items:start; gap:16px; font-size:13px; line-height:1.8; padding-block:14px; }
 .detail-facts b { text-align:left; }
 .detail-body .section-head { flex-wrap:wrap; align-items:baseline; gap:8px 16px; padding-bottom:16px; margin-bottom:24px; }
 .detail-body .section-head h2 { font-size:23px; }
 .detail-body .section-head .eyebrow { font-size:9px; line-height:1.5; letter-spacing:1px; }
 .rich-text { font-size:14px; line-height:1.95; overscroll-behavior-inline:contain; }
 .rich-text th,.rich-text td { font-size:13px; line-height:1.8; padding:12px; vertical-align:top; }
 .article-detail .rich-text { margin-top:24px; padding-top:24px; }
 .yc-template .detail-hero .button,.yc-template .contact-band .button { width:auto; min-width:176px; max-width:100%; min-height:48px; padding:12px 18px; gap:24px; font-size:13px; }
 .yc-template .contact-band { padding-block:32px; }
 .yc-template .contact-band h2,html[lang=en] .yc-template .contact-band h2 { font-size:23px; line-height:1.5; }
 .contact-info>div { display:grid; grid-template-columns:48px minmax(0,1fr); gap:16px; font-size:14px; }
 .contact-info dd { min-width:0; overflow-wrap:anywhere; }
 .yc-template .enquiry-form { padding:24px 20px; }
 .yc-template .enquiry-form h2 { font-size:23px; margin:0 0 22px; }
 .form-row { grid-template-columns:minmax(0,1fr); gap:0; }
 .yc-template .enquiry-form label { font-size:13px; line-height:1.6; margin-bottom:18px; }
 .yc-template .enquiry-form input:not([type=hidden]) { height:48px; min-height:48px; margin-top:8px; padding:10px 12px; font-size:16px; line-height:1.5; }
 .yc-template .enquiry-form textarea { min-height:152px; margin-top:8px; padding:12px; font-size:16px; line-height:1.7; }
 .captcha-row { display:grid; grid-template-columns:minmax(0,1fr) 100px; align-items:end; gap:12px; margin-bottom:18px; }
 .yc-template .captcha-row label { width:auto; min-width:0; margin-bottom:24px; }
 .captcha-button { display:grid; grid-template-rows:48px 20px; gap:4px; margin:0; padding:0; }
 .captcha-button img { width:100px; height:48px; object-fit:contain; background:#fff; border:1px solid #cbd9e3; }
 .captcha-button small { font-size:10px; line-height:20px; }
 .yc-template .enquiry-form .button { width:100%; min-height:48px; padding:12px 16px; font-size:14px; }
 .yc-template .form-privacy { font-size:11px; line-height:1.7; margin-top:12px; }
 .yc-template .footer-brand { font-size:19px; letter-spacing:0; gap:12px; }
 .footer-main { gap:28px 20px; padding-bottom:28px; }
 .yc-template .footer-main h3 { margin-bottom:10px; font-size:13px; }
 .yc-template .footer-main>div>a:not(.footer-brand) { display:flex; align-items:center; min-height:40px; margin:0; padding-block:6px; font-size:13px; }
 .yc-template .footer-main p { font-size:13px; }
 .yc-template .footer-bottom { gap:12px; font-size:10px; line-height:1.8; }
 .yc-template .footer-bottom a { display:inline-flex; align-items:center; min-height:40px; }
}
@media (max-width:360px) {
 .yc-banner .yc-hero-actions>a { font-size:12px; padding-inline:10px; gap:6px; }
 .yc-banner h1 { font-size:28px; }
 .yc-four>a { grid-template-columns:22px minmax(0,1fr); gap:8px; }
 .yc-four>a:nth-child(odd) { padding-right:10px; }
 .yc-four>a:nth-child(even) { padding-left:10px; }
 .yc-four h2 { font-size:15px; }
 .yc-category-shortcuts a { font-size:11px; }
 html[lang=en] .yc-category-shortcuts { grid-template-columns:minmax(0,1fr); }
 html[lang=en] .yc-category-shortcuts a { justify-content:flex-start; padding-inline:12px; font-size:12px; min-height:44px; }
 .yc-template .enquiry-form { padding-inline:16px; }
}
@media (max-width:960px) and (hover:none) {
 .product-card:hover .product-picture img,.yc-category-card:hover img { transform:none; }
}
