/* Keep navigation and product pagination inside small viewports. */
@media(max-width:767px){
nav[aria-label="Ana Gezinti Çubuğu"] button[aria-label="Anasayfa"]{min-width:0;flex-shrink:1}
nav[aria-label="Ana Gezinti Çubuğu"] button[aria-label="Anasayfa"]>span{white-space:normal;font-size:clamp(.75rem,3.5vw,1rem);line-height:1.2;min-width:0}
nav[aria-label="Ana Gezinti Çubuğu"] .md\:hidden{flex-shrink:0}
#products select{min-width:0;max-width:100%}
#products .flex.items-center.gap-4{min-width:0;flex-wrap:wrap;justify-content:center}
#products .mt-8.flex.justify-center.items-center{flex-wrap:wrap}
#products .mt-8.flex.justify-center.items-center>div{flex-wrap:wrap;justify-content:center;max-width:100%}
ol[aria-label],ol.fixed{max-width:calc(100vw - 2rem)}
}