.mobile-comparebar,.mobile-view-comparison,.mobile-table-hint,.mobile-back-input{display:none}
@media(max-width:760px){
 .topline{font-size:10px;padding-block:6px}.header{height:68px}.nav{top:68px;gap:4px;padding:14px 20px}.nav a{display:flex;align-items:center;min-height:44px;width:100%;font-size:15px}.icon-button{min-width:44px;min-height:44px}.hero{padding:24px 0;gap:20px}.hero h1{font-size:clamp(38px,11.5vw,47px);line-height:1.08;margin-bottom:16px}.hero p{font-size:16px;line-height:1.65}.hero .eyebrow{margin-bottom:12px;font-size:11px}.hero-actions{gap:10px 20px;align-items:center;margin-top:20px}.hero-actions>a{min-height:46px;align-items:center;font-size:14px}.hero-art{margin:0;max-height:none}.hero-caption{font-size:11px;bottom:18px;left:18px;right:18px}.hero-art img{object-fit:contain}.button,.text-link,.reset-button,.compare-check,.checkbox-label{min-height:44px;align-items:center}.button,.text-link,.reset-button{font-size:14px}.meta,.small-label{font-size:12px}.trust-strip{font-size:11px;gap:10px}.section{padding:36px 0}.scene-card p,.guide-card p{font-size:15px;line-height:1.65}.scenes{gap:22px 16px}.scene-card h3{font-size:23px}.guide-grid{grid-template-columns:1fr;gap:28px}.guide-card .guide-art{height:190px}.guide-card .small-label{font-size:11px}.guide-card h3{font-size:29px}.section-heading{flex-wrap:wrap}.section-heading a{min-height:44px}.feature-copy{padding:26px 22px}.feature-copy p{font-size:16px}.footer-links a{display:flex;align-items:center;min-height:44px;font-size:14px}.footer-links{gap:6px 20px}.footer-bottom{font-size:11px}
 input,select,textarea{min-height:48px;font-size:16px;min-width:0;max-width:100%}.filters label,.fit-form label,.quick-fit label{font-size:14px}.filters{gap:14px;align-items:stretch}.filters .filter-select{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;font-size:14px}.filters select{flex:1;max-width:none;font-size:16px}.filters input{font-size:16px}.filters .result-count{font-size:14px}.product-card{grid-template-columns:105px minmax(0,1fr)}.product-body{padding:18px 16px}.product-body h3{font-size:25px;line-height:1.15}.product-body p{font-size:15px}.product-body .dimension{font-size:14px}.product-body .small-label{font-size:11px}.product-art .small-label{font-size:10px}.product-body .text-link{font-size:14px}.compare-check{display:flex;gap:8px;font-size:14px;margin-top:10px}.compare-check input,.checkbox-label input{width:22px;height:22px;min-height:22px;flex:0 0 22px}.checkbox-label{display:flex;font-size:14px;gap:10px}.page-head{padding-top:26px}.page-head h1,.article-top h1{font-size:37px;line-height:1.13}.page-head p{font-size:16px}.note{font-size:14px;line-height:1.7}.article-body p{font-size:16px;line-height:1.85}.article-body h2{font-size:29px}.toc a{display:inline-flex;align-items:center;min-height:44px;font-size:14px}.toc ol{gap:0 20px}.toc li{padding:0}.breadcrumb{font-size:12px;margin-bottom:18px}
 .fit-form{padding:22px}.fit-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fit-form h2{font-size:25px}.unit-switch button{min-height:44px;font-size:14px}.fit-form>.button{width:100%;margin-top:18px;justify-content:center}.reset-button{display:flex;width:100%;justify-content:center;margin-top:6px}.fit-results{padding:25px 21px;scroll-margin-top:15px}.fit-small{font-size:13px;line-height:1.7}.fit-explanation{font-size:16px}.fit-facts{font-size:13px}.fit-match{font-size:14px;min-height:48px;align-items:center}.buffer-row{grid-template-columns:1fr;gap:10px}.buffer-row p{font-size:13px}.buffer-row input{max-width:none}.quick-fit{padding:26px 22px}.quick-fit form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-fit button{grid-column:1/-1}.quick-fit input{width:100%}
 .mobile-comparebar{display:flex;position:sticky;top:0;z-index:5;background:var(--green);color:white;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;margin:0 0 20px;box-shadow:0 3px 8px #223c3320}.mobile-comparebar p{margin:0;font-size:13px}.mobile-comparebar a{display:flex;align-items:center;min-height:44px;color:inherit;font-size:13px;white-space:nowrap}.mobile-view-comparison{display:flex;align-items:center;justify-content:center;min-height:44px;background:var(--sage);padding:8px 12px;margin-top:8px;font-size:14px}.mobile-table-hint{display:block;font-size:13px;margin:12px 0}.table-scroll{overscroll-behavior-x:contain;border:1px solid var(--line)}.table-scroll table{min-width:650px;font-size:14px}.table-scroll td,.table-scroll th{padding:13px;min-width:180px}.table-scroll tr>:first-child{position:sticky;left:0;z-index:1;min-width:110px;max-width:110px;font-size:12px;background:var(--sage)}.comparison-panel{scroll-margin-top:15px}.mobile-back-input{display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;margin-top:18px;border:1px solid var(--line);padding:9px 12px;background:var(--paper);font-size:14px}.fit-results:focus-visible{outline:2px solid var(--green);outline-offset:5px}.search-dialog{max-height:calc(100dvh - 30px);padding:23px}.search-dialog input{font-size:16px}.search-results small{font-size:11px}h1,h2,h3,p,a,dd{overflow-wrap:break-word}
}
@media(max-width:359px){.hero h1{font-size:37px}.hero-actions{display:grid;grid-template-columns:1fr;gap:5px}.hero-actions>a{justify-content:center}.product-card{grid-template-columns:1fr}.product-card .product-art{height:150px;min-height:0}.product-card .product-art img{width:100%;height:140px;object-fit:contain}.product-body{padding:18px}.fit-fields{grid-template-columns:1fr}.fit-fields label{display:block}.fit-fields label input{width:100%;margin-top:7px}.trust-strip{flex-wrap:wrap;justify-content:start;gap:8px 17px}.hero-caption{font-size:10px}.page-head h1,.article-top h1{font-size:34px}.mobile-comparebar{padding:10px 12px}}
@media(max-width:760px){.fit-form select{font-size:16px;min-height:48px;width:100%}#comparison-heading{scroll-margin-top:96px}}
@media print{.mobile-comparebar,.mobile-view-comparison,.mobile-table-hint,.mobile-back-input{display:none!important}.table-scroll tr>:first-child{position:static}}
/* Keep form entries and touch controls readable across phone/tablet breakpoints. */
@media screen and (max-width:1024px){
 body form input:not([type="checkbox"]):not([type="radio"]),body select:not([multiple]),body form textarea,body input[type="search"]{font-size:16px;min-height:46px}
 body button:not([hidden]){min-height:44px;min-width:44px}
 body header nav a{min-height:44px;align-items:center}
}

/* Clear and view actions belong to the current comparison selection. */
.mobile-comparebar button{min-height:44px;padding:8px 10px;border:1px solid #ffffff80;background:transparent;color:inherit;font:12px Arial;cursor:pointer}
@media(max-width:760px){.mobile-comparebar{flex-wrap:wrap}.mobile-comparebar p{flex:1 1 130px}.mobile-comparebar a{white-space:normal}.mobile-view-comparison{font-size:12px;line-height:1.5}}