/* Andalus unified page geometry — 2026-07-11
   One font, one desktop content width, and one mobile gutter across the package. */
:root{
  --an-layout-max:1500px;
  --an-layout-gutter:32px;
  --an-layout-mobile-gutter:20px;
}
html{font-size:16px;-webkit-text-size-adjust:100%}
body,button,input,select,textarea{
  font-family:'Tajawal',Arial,sans-serif!important;
}
.wrap,
.s10-wrap,
.mattressWrap,
.an-cat-wrap,
.stainless-page .wrap,
.fbLatest .wrap{
  width:min(var(--an-layout-max),calc(100% - var(--an-layout-gutter)))!important;
  margin-inline:auto!important;
}
/* Keep deliberately narrow reading blocks narrow while their outer page remains aligned. */
.seoText .wrap{max-width:920px}
@media(max-width:700px){
  .wrap,
  .s10-wrap,
  .mattressWrap,
  .an-cat-wrap,
  .stainless-page .wrap,
  .fbLatest .wrap{
    width:calc(100% - var(--an-layout-mobile-gutter))!important;
  }
}


/* Tablet portrait geometry — iPad and similar 768–1024px screens */
@media(min-width:701px) and (max-width:1024px){
  :root{--an-layout-gutter:28px}
  .wrap,.s10-wrap,.mattressWrap,.an-cat-wrap,.stainless-page .wrap,.fbLatest .wrap{
    width:calc(100% - 28px)!important;
  }
  .heroGrid,.footerHero,.footgrid{min-width:0}
  img,video,iframe{max-width:100%}
}