/* DALEELAK V30: adaptive layout improvements layered after V29. */
:root{--v30-gutter:clamp(12px,3vw,24px)}
html{width:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;min-width:0}
*,*::before,*::after{box-sizing:border-box}
main,main>*,.container,.sector-frame,.dashboard-layout,.dashboard-main,.surface,.sector-hero-new,.sector-intro,.site-header,.nav{min-width:0}
img,video,picture,canvas{max-inline-size:100%}
img{object-position:center}
input,textarea,select{min-width:0}
/* Wide data tables remain operable without widening the whole phone page. */
.dashboard-main table,.surface table,.control-main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dashboard-main table th,.dashboard-main table td,.surface table th,.surface table td{overflow-wrap:break-word}
/* Mobile navigation and nested flex elements should never force horizontal scrolling. */
.nav,.nav-actions,.premium-actions,.premium-nav,.premium-actions>*{min-width:0}
.sector-search,.filters,.row,.form-grid,.cards-two{max-width:100%}
.sector-pills,.sector-trade-items{overflow-wrap:anywhere}
.v9-promo-copy{max-width:100%;overflow-wrap:anywhere}
/* Every picture receives a constrained frame and no distortion. */
#sector-sponsored .v9-promo-track,.v9-promos .v9-promo-track{max-width:100%;margin-inline:auto}
#sector-sponsored .v9-promo-card,.v9-promos .v9-promo-card{max-width:min(100%,420px)}
#sector-sponsored .v9-promo-card>img,.v9-promos .v9-promo-card>img{object-fit:cover;object-position:center}
@media(min-width:701px){
 #sector-sponsored .v9-promo-track:not(:has(.v9-promo-card:nth-child(2))) .v9-promo-card{margin-inline:auto}
}
@media(max-width:900px){
 .dashboard-layout,.biz-layout{grid-template-columns:minmax(0,1fr)!important}
 .dashboard-main,.sidebar,.sticky-panel{max-width:100%}
}
@media(max-width:700px){
 html{font-size:16px}
 .container{width:calc(100% - 2*var(--v30-gutter));max-width:100%}
 .sector-frame{padding-inline:var(--v30-gutter)!important}
 .sector-hero-new{grid-template-columns:minmax(0,1fr)!important}
 .business-grid,.catalog-grid,.categories,.form-grid,.cards-two{grid-template-columns:minmax(0,1fr)!important}
 .form-grid .span2{grid-column:auto!important}
 .search-panel,.filters,.sector-search{flex-wrap:wrap}
 .search-panel input,.filters input,.sector-search input{flex:1 1 100%;min-width:0}
 .surface{padding:clamp(12px,3vw,18px)}
 input,select,textarea{font-size:16px} /* avoid browser input focus zoom on iPhones */
 .v9-promos .v9-promo-track[data-placement="home_banner"] .v9-promo-card{width:100%!important;max-width:100%!important;aspect-ratio:4/3!important}
 #sector-sponsored .v9-promo-card,.v9-promos .v9-promo-card{flex:0 1 100%!important;width:min(100%,420px)!important}
 .sector-chip{max-width:100%;white-space:normal}
}
@media(max-width:360px){
 .container{width:calc(100% - 20px)}
 .sector-frame{padding-inline:10px!important}
 .btn,.sector-search button{white-space:normal;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}