@media(max-width:1100px){
 body{min-width:0}
 .wrap{width:calc(100% - 64px)}
 .main-nav{gap:24px}
 .hero-grid{gap:32px}
 .hero h1{font-size:42px}
 .hero-copy>p{font-size:17px}
 .hero-visual{min-height:340px;padding:20px}
 .hero-visual img{height:270px}
 .hero-notes{flex-wrap:wrap;gap:10px 18px}
 .hero-grid>*,.contact-grid>*,.detail-grid>*,.two-cols>*,.about-intro>*,.footer-grid>*,.agency-panel>*{min-width:0}
 .product-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tile-image{height:160px}
 .footer-grid{grid-template-columns:1fr 1.2fr;gap:30px 40px}
 .detail-grid{gap:30px}
 .detail-image{min-height:300px;padding:18px}
 .detail-image img{height:280px}
 .service-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
 .about-intro{gap:35px}
 .two-cols{gap:24px}
 .contact-card{padding:26px}
 .contact-item a,.contact-item.email a,.footer-col a,.contact-row dd{overflow-wrap:anywhere}
}
@media(max-width:900px){
 .hero-grid,.contact-grid,.detail-grid,.two-cols,.about-intro{grid-template-columns:minmax(0,1fr)}
 .hero-grid{padding-top:36px;padding-bottom:38px;gap:30px}
 .hero-copy{padding-right:0}
 .hero-copy>p{max-width:none}
 .hero h1{font-size:42px;margin-bottom:22px}
 .hero-visual{min-height:0;padding:24px}
 .hero-visual img{height:300px}
 .intro-strip .wrap{grid-template-columns:minmax(0,1fr);gap:12px}
 .section{padding:52px 0}
 .section-heading h2,.contact-band h2{font-size:30px}
 .why-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .why-card{padding:25px}
 .contact-grid{gap:30px}
 .contact-band{padding:46px 0}
 .catalog-toolbar{flex-direction:column;gap:12px}
 .result-count{padding-top:0}
 .detail-image{margin-top:0!important;min-height:0;padding:24px}
 .detail-image img{height:340px}
 .detail-copy h1{font-size:36px}
 .detail-copy h2{font-size:25px}
 .about-intro{margin-bottom:32px;gap:20px}
 .agency-panel{padding:30px;grid-template-columns:minmax(0,1fr)32px minmax(0,1fr);gap:18px}
 .agency-panel h3{font-size:21px}
 .callout{gap:24px;padding:26px;align-items:flex-start;flex-direction:column}
 .page-body{padding-bottom:50px}
 .sitemap-grid{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media(max-width:600px){
 html{scroll-padding-top:96px}
 body{font-size:16px;line-height:1.8}
 .wrap{width:calc(100% - 32px)}
 .site-header .header-row{height:80px;gap:12px}
 .site-header .brand .brand-image{height:56px}
 .main-nav{gap:9px;min-width:0}
 .main-nav>a{font-size:13px;padding:12px 0;white-space:nowrap;min-height:44px;display:flex;align-items:center;justify-content:center;line-height:1.4}
 .main-nav>a.nav-contact{padding:10px 8px;min-height:44px}
 .hero-grid{padding-top:30px;padding-bottom:32px;gap:28px}
 .origin-label{font-size:13px;gap:10px;margin-bottom:20px}
 .origin-label span:last-child{padding-left:10px}
 .hero h1{font-size:36px;line-height:1.45;letter-spacing:-.03em;margin-bottom:20px}
 .hero-copy>p{font-size:16px;line-height:1.85}
 .hero-copy .buttons{margin-top:24px}
 .buttons{gap:12px}
 .btn{font-size:15px;min-height:48px;padding:12px 16px;gap:18px}
 .hero-copy .buttons .btn{flex:1;gap:10px;padding:12px 10px;white-space:nowrap}
 .hero-notes{margin-top:22px;gap:8px 14px;font-size:13px}
 .hero-visual{padding:20px 16px 16px}
 .hero-visual img{height:auto;max-height:280px;aspect-ratio:1.5;object-fit:contain}
 .visual-caption{margin-top:12px}
 .intro-strip .wrap{padding-top:22px;padding-bottom:22px;gap:12px}
 .intro-strip strong{font-size:18px}
 .intro-strip p{font-size:15px}
 .section{padding:40px 0}
 .section-heading{display:block;margin-bottom:24px}
 .section-heading h2{font-size:28px}
 .section-heading p{font-size:16px;margin-top:12px}
 .product-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .product-tile>a{padding:14px 10px 16px}
 .tile-image{height:128px}
 .product-tile h3{font-size:16px;margin-top:12px;line-height:1.5;overflow-wrap:anywhere}
 .why-card{padding:24px}
 .why-card h3{font-size:22px;margin-bottom:12px}
 .why-card p{font-size:16px}
 .contact-band{padding:40px 0}
 .contact-band h2{font-size:29px}
 .contact-band p{font-size:16px;margin:18px 0 24px}
 .contact-panel{padding:22px}
 .contact-item a{font-size:21px}
 .contact-item.email a{font-size:17px}
 .page-hero{padding:28px 0 30px}
 .page-hero h1{font-size:30px;line-height:1.5}
 .page-hero p{font-size:16px}
 .breadcrumb{font-size:13px;flex-wrap:wrap;padding-top:20px;padding-bottom:22px;gap:8px}
 .catalog-filter{gap:8px}
 .filter-btn{font-size:14px;min-height:44px;padding:9px 12px}
 .detail-image{padding:18px}
 .detail-image img{height:auto;aspect-ratio:1.5;max-height:320px}
 .detail-grid{gap:24px}
 .detail-copy h1{font-size:32px;margin-bottom:10px}
 .detail-copy h2{font-size:22px;line-height:1.55;margin-bottom:18px}
 .detail-copy>p,.detail-copy li{font-size:16px;line-height:1.85}
 .detail-copy ul{padding-left:21px;margin-bottom:24px}
 .detail-copy .buttons{align-items:stretch}
 .product-detail-page{padding-bottom:44px}
 .about-intro h2{font-size:28px}
 .about-intro p{font-size:16px}
 .agency-panel{grid-template-columns:minmax(0,1fr);gap:20px;padding:26px 24px}
 .agency-panel h3{font-size:22px;margin-bottom:12px}
 .agency-panel p{font-size:16px}
 .agency-panel .agency-link{font-size:24px;justify-content:flex-start}
 .service-steps{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:26px}
 .service-step{padding:22px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:6px 16px}
 .step-number{grid-row:1/3;font-size:28px;margin:0}
 .service-step h3{font-size:20px;margin:0}
 .service-step p{grid-column:2;font-size:16px}
 .callout{padding:24px;margin-top:28px;gap:20px}
 .callout h3{font-size:22px}
 .contact-card{padding:24px}
 .contact-card h2,.line-card h2{font-size:24px}
 .contact-row{padding:20px 0}
 .contact-row dd{font-size:18px;line-height:1.7}
 .contact-card .buttons .btn{flex:1;white-space:nowrap;gap:12px;font-size:14px;padding:12px 10px}
 .line-card .line-qr{width:250px;max-width:100%}
 .line-card>p{font-size:16px}
 .article h2{font-size:23px}
 .article p,.article li{font-size:16px;line-height:1.9;overflow-wrap:anywhere}
 .sitemap-box{padding:24px}
 .sitemap-box:last-child{grid-template-columns:minmax(0,1fr)}
 .sitemap-box a{min-height:44px;line-height:1.7;padding:8px 0}
 .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 20px;padding-top:32px;padding-bottom:30px}
 .footer-brand,.footer-products{grid-column:1/-1}
 .footer-brand p{max-width:none;font-size:13px;margin-top:14px}
 .footer-col h3{font-size:16px;margin-bottom:12px}
 .footer-product-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
 .footer-col a{font-size:14px;min-height:40px;line-height:1.6;padding:7px 0;overflow-wrap:anywhere}
 .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px;padding-top:20px;padding-bottom:22px}
 .footer-bottom div{gap:24px}
 .site-registration{padding-bottom:22px;gap:10px}
 .backtop{right:12px;bottom:14px;width:40px;height:40px}
}
@media(max-width:359px){
 .main-nav{gap:6px}
 .main-nav>a{font-size:12px}
 .main-nav>a.nav-contact{padding:10px 6px}
 .hero h1{font-size:32px}
 .hero-copy .buttons{flex-direction:column;align-items:stretch}
 .tile-image{height:110px}
 .contact-card{padding:20px}
 .contact-card .buttons{flex-direction:column;align-items:stretch}
}