/* Responsive rules: 1200 laptop, 1100 nav, 900/768 tablet, 480 mobile, 360 small mobile */
img,svg{max-width:100%}
@media(max-width:1200px){nav{gap:12px}nav a{font-size:14px}.filters{gap:10px}}
@media(max-width:1100px){
 .burger{display:block;width:44px;height:44px}
 nav{position:absolute;top:64px;left:0;right:0;background:var(--ivory);flex-direction:column;align-items:stretch;padding:12px 20px 20px;gap:0;border-bottom:1px solid var(--line);display:none;max-height:calc(100vh - 64px);overflow:auto}
 nav.open{display:flex}nav a{font-size:16px;padding:12px 0;min-height:44px;border-bottom:1px solid var(--line)}nav a.btn{text-align:center;margin-top:12px;border-bottom:0}}
@media(max-width:1024px){.search{grid-template-columns:repeat(3,1fr)}.search .btn{grid-column:1/-1}}
@media(max-width:900px){
 .hero{margin-bottom:0;padding-bottom:28px}.search{transform:none;margin-top:32px}
 .filters{grid-template-columns:1fr 1fr}.sec{padding:56px 16px}}
@media(max-width:768px){
 .wrap{padding:0 16px}.btn{min-height:44px}.btn.sm{min-height:40px}
 .modal{padding:0;align-items:flex-end}.box{border-radius:18px 18px 0 0;max-height:94vh;padding:22px 18px 28px}
 .grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.two{grid-template-columns:1fr 1fr}
 #toasts{left:12px;right:12px;top:72px}.lb .x{top:-44px}}
@media(max-width:480px){
 .hero{padding-top:56px}.search{grid-template-columns:1fr;padding:16px}.search .btn{grid-column:auto}
 .two,.filters{grid-template-columns:1fr}.grid{grid-template-columns:1fr}
 .row .btn{flex:1;text-align:center}.hero .row{flex-direction:column}
 .img{height:200px}.gal{grid-template-columns:1fr 1fr}.gi{height:140px;font-size:15px}
 .wa{right:12px;bottom:12px;padding:10px 14px;font-size:14px}.sum td{font-size:14px}
 .pv,.nx{width:40px;height:40px}.lbi{height:50vh;font-size:20px}.acc button{padding:14px}
 .rv{flex-direction:column}.steps{margin-bottom:14px}.box h3{font-size:20px}}
@media(max-width:360px){
 .logo{font-size:20px}.btn{padding:12px 16px}.sec{padding:44px 12px}.wrap{padding:0 12px}
 .gal{grid-template-columns:1fr}.price{font-size:18px}.card .in,.pad,.offer{padding:14px}.box{padding:18px 14px 24px}}
