/* Andalus V36 — V35 layout safeguards plus a viewport-fixed mobile navigation portal. */

:where(.amanPlans,.an-cat-plans,.mattressPlans,.offer-aman__plans){
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  min-width:0!important;
}
:where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan){
  display:grid!important;
  grid-template-rows:auto auto auto!important;
  align-content:center!important;
  justify-items:center!important;
  gap:2px!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:72px!important;
  padding:6px 3px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
:where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>:where(span,strong,small){
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  font-variant-numeric:tabular-nums!important;
  unicode-bidi:plaintext!important;
  text-align:center!important;
  line-height:1.25!important;
}
:where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>span{
  font-size:clamp(9px,2.35vw,11px)!important;
}
:where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>strong{
  font-size:clamp(10px,2.65vw,12.5px)!important;
  letter-spacing:-.018em!important;
}
:where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>small{
  font-size:clamp(7.5px,1.95vw,9.5px)!important;
  letter-spacing:-.018em!important;
}
:where(.mattressInstallmentQuick,.amanQuick,.an-cat-aman__start){min-width:0!important}
:where(.mattressInstallmentQuick,.amanQuick,.an-cat-aman__start)>:where(span,strong){min-width:0!important}
:where(.mattressInstallmentQuick,.amanQuick,.an-cat-aman__start)>strong{
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}

/* Mattress hero is informational only: no zoom cue, no click target, no floating caption. */
[data-an-no-preview],[data-an-no-preview] img{cursor:default!important}
[data-an-no-preview] img{pointer-events:none!important}
[data-an-no-preview]>.an-photo-cue,[data-an-no-preview] .an-photo-cue{display:none!important}
.heroPreview[data-an-no-preview]>span{display:none!important}
.heroPreview[data-an-no-preview]:hover img{transform:scale(1.01)!important}

@media(max-width:700px){
  :where(.amanPlans,.an-cat-plans,.mattressPlans,.offer-aman__plans){gap:5px!important}
  :where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan){min-height:70px!important;padding-inline:2px!important}
  :where(.mattressInstallmentQuick,.amanQuick,.an-cat-aman__start){gap:6px!important}
  :where(.mattressInstallmentQuick,.amanQuick,.an-cat-aman__start)>span{flex:1 1 auto!important;font-size:clamp(10px,2.75vw,12px)!important}
  :where(.mattressInstallmentQuick,.amanQuick,.an-cat-aman__start)>strong{flex:0 1 auto!important;max-width:58%!important;font-size:clamp(11px,3vw,13px)!important;white-space:nowrap!important}
}
@media(max-width:360px){
  :where(.amanPlans,.an-cat-plans,.mattressPlans,.offer-aman__plans){gap:3px!important}
  :where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan){min-height:68px!important;padding-inline:1px!important}
  :where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>span{font-size:8.5px!important}
  :where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>strong{font-size:9.25px!important}
  :where(.amanPlan,.an-cat-plan,.mattressPlan,.offer-aman__plan)>small{font-size:7px!important}
}

/* ANDALUS_MOBILE_NAV_VIEWPORT_V36_START
 * The mobile menu is positioned against the current viewport, not the header's
 * original document position. JavaScript publishes the live header bottom in
 * --an-mobile-nav-top whenever the menu opens or the viewport changes.
 */
@media(max-width:1024px){
  body.an-site-menu-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }
  .an-site-nav,
  .an-site-nav *{box-sizing:border-box!important}
  .an-site-nav{
    position:fixed!important;
    font-family:'Tajawal',Arial,sans-serif!important;
    top:var(--an-mobile-nav-top,72px)!important;
    right:max(10px,env(safe-area-inset-right,0px))!important;
    left:max(10px,env(safe-area-inset-left,0px))!important;
    width:auto!important;
    margin:0!important;
    max-height:calc(100dvh - var(--an-mobile-nav-top,72px) - 12px - env(safe-area-inset-bottom,0px))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    z-index:1000005!important;
    box-sizing:border-box!important;
  }
  .an-site-nav a{text-decoration:none!important}
  .an-site-nav-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:1000004!important;
  }
  .an-site-nav.is-open{isolation:isolate!important}
}
@media(max-width:420px){
  .an-site-nav{
    right:max(8px,env(safe-area-inset-right,0px))!important;
    left:max(8px,env(safe-area-inset-left,0px))!important;
  }
}
/* ANDALUS_MOBILE_NAV_VIEWPORT_V36_END */