/* Mobile layout correction for MUYASSIR MAKKAH. Design tokens unchanged. */
html,body{max-width:100%;min-width:0}
body{overflow-x:clip}
.container,.navWrap .container,.links,.logo,.logo>span,.hero .container,.heroCopy,.searchForm,.searchForm .field,#searchArea,#searchArea .container,.utilities,.util,#categoriesGrid,.grid,.card,.cm-page,.cm-wrap,.cm-languages,.cm-side,.cm-textgrid,.cm-box{min-width:0;min-inline-size:0}
.navWrap,.section,.hero,#searchArea,.cm-page,.foot{max-width:100%}
.navWrap .container,.hero .container,#searchArea .container,.cm-page>.container{max-width:100%}
.logo img{flex-shrink:0}
.logo strong,.logo small,.links a{overflow-wrap:anywhere}
.links a{min-width:0}
.searchForm{max-width:100%}
.searchForm .field>input,.searchForm .field>select,.cm-side select,.cm-box textarea,.cm-picker,.cm-box .cm-actions{min-width:0;max-width:100%}
.hero h1,#searchArea h2,.cm-intro h1{overflow-wrap:break-word}
.cm-qr,.cm-qr-panel{min-width:0;max-width:100%}
.cm-qr-panel canvas,.cm-qr-panel img{max-width:100%;height:auto}
@media(max-width:980px){
.navWrap .container{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:10px;padding-top:12px;padding-bottom:12px;min-height:0}
.navWrap .logo{align-self:flex-start;max-width:100%}
.navWrap .links{width:100%;max-width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center}
.navWrap .links a{min-width:0;text-align:center;border-radius:9px;padding:8px 3px;background:#F5F9F5;font-size:clamp(.66rem,1.4vw,.79rem);line-height:1.5}
.navWrap .links select{grid-column:1/-1;width:100%;max-width:100%;min-width:0;min-height:42px}
.searchForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.searchForm .field:first-child{grid-column:1/-1}
#searchSubmit{grid-column:1/-1;width:100%;min-width:0}
}
@media(max-width:650px),(hover:none) and (pointer:coarse) and (max-width:1180px){
.container,.navWrap .container,#searchArea .container{width:calc(100% - 28px);max-width:100%}
.navWrap .container{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:10px}
.navWrap .logo{align-self:flex-start}
.navWrap .links{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.navWrap .links a{text-align:center;padding:8px 3px;background:#F5F9F5;border-radius:9px;line-height:1.5}
.navWrap .links select{grid-column:1/-1;width:100%;max-width:100%}
.logo strong{font-size:1rem}.logo small{font-size:.6rem;line-height:1.5}.logo img{width:44px;height:44px}
.hero .container{grid-template-columns:minmax(0,1fr);gap:12px;min-height:0;width:calc(100% - 28px);max-width:100%}
.heroCopy,.heroArt{width:100%;max-width:100%}
.heroArt{max-width:260px}
.hero h1{font-size:clamp(1.55rem,6vw,2.3rem);line-height:1.6}
#searchArea .searchForm{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:100%;gap:12px;padding:16px;border-radius:15px}
.searchForm .field,.searchForm .field:first-child,#searchSubmit{grid-column:1/-1;min-width:0;width:100%}
.searchForm .field input,.searchForm .field select{display:block;max-width:100%;min-width:0;width:100%;min-height:48px;font-size:16px}
.searchForm .field label{white-space:normal}
.grid,.utilities,.cm-textgrid{grid-template-columns:minmax(0,1fr)}
#categoriesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.card,.cat,.util{min-width:0;max-width:100%}
.cm-languages{grid-template-columns:minmax(0,1fr)}
.cm-picker{min-width:0}
.cm-qr{min-width:0;width:min(100%,240px)}
.cm-qr-panel{padding:12px}
.cm-wrap{padding:14px}.cm-box{min-width:0;padding:13px}
.cm-result{overflow-wrap:anywhere}.cm-intro{padding-top:25px}
}
@media(max-width:350px){
.navWrap .links{grid-template-columns:repeat(2,minmax(0,1fr))}
.navWrap .links a:nth-child(3){grid-column:1/-1}
#categoriesGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#categoriesGrid .cat{padding:9px 6px}
}