/* AL MIZAN RIZQ — Blueprint-Matched Main Storefront Layout V1
   Approved reference: Al Mizan Rizq Luxury Storefront(2).png
   VISUAL-ONLY LAYER. No data, HTML content, JS, routing, API, pricing,
   products, permissions, mascot actions, or NEXUS integration changed.
   Actual published commerce records remain the only cards displayed. */
:root {
  --amr-luxe-gold:#f5d785;
  --amr-luxe-gold-dark:#b68a37;
  --amr-luxe-glow:rgba(255,207,88,.28);
  --amr-luxe-jade:#03305d;
  --amr-luxe-deep:#021134;
}
@media (min-width:901px) {
  /* Scenic header framed like the approved full-page composition. */
  body.route-home .waterfront-shell {padding-top:23px!important;padding-bottom:16px!important;}
  body.route-home .waterfront-shell .utility-bar,
  body.route-home .waterfront-shell .wf-masthead,
  body.route-home .waterfront-shell .site-header {max-width:1580px!important;}
  body.route-home .waterfront-shell .wf-masthead {height:clamp(305px,20.2vw,388px)!important;}
  body.route-home .waterfront-shell .wf-logo {width:54%;left:1.2%;top:6%;height:85%;}
  body.route-home .waterfront-shell .wf-mascot-stage {width:30%;height:97%;right:0;}
  body.route-home .waterfront-shell .wf-bubble {right:23%;top:13%;width:clamp(195px,13vw,230px);}
  body.route-home .waterfront-shell .site-header,
  body.route-home .waterfront-shell .header-inner {min-height:82px!important;}
  body.route-home .waterfront-shell .header-inner {padding:10px 23px!important;}
  body.route-home .waterfront-shell .site-header:after,
  body.route-home .waterfront-shell .utility-bar:after {filter:drop-shadow(0 0 10px rgba(255,211,99,.47));}
  body.route-home .waterfront-shell #search-form {max-width:375px!important;}
  body.route-home .waterfront-shell .wf-nav-actions {gap:13px!important;}
  body.route-home .waterfront-shell.wf-nav-docked .site-header {max-width:1580px!important;width:min(1580px,calc(100% - 34px))!important;}
  /* Compact but substantially wider showroom, like the supplied blueprint. */
  body.route-home main {max-width:none!important;width:100%!important;padding:9px 0 0!important;}
  body.route-home #home-sections {max-width:1640px!important;padding:0 34px!important;margin:0 auto!important;}
  body.route-home #home-sections>.ornate-frame {
    position:relative!important;
    margin:18px 0!important;
    padding:24px 30px 27px!important;
    border:1px solid rgba(239,194,96,.65)!important;
    border-radius:13px!important;
    background:
      radial-gradient(ellipse at 50% -28%,rgba(7,181,220,.15),transparent 52%),
      linear-gradient(112deg,rgba(3,35,68,.85),rgba(2,16,47,.82) 45%,rgba(3,40,74,.85))!important;
    box-shadow:inset 0 0 0 1px rgba(255,224,148,.12),
               inset 0 14px 35px rgba(5,181,220,.06),
               0 8px 20px rgba(0,9,14,.22)!important;
    backdrop-filter:blur(3px);
    isolation:isolate;
  }
  body.route-home #home-sections>.ornate-frame:before {
    content:''!important;
    position:absolute!important;
    inset:0!important;
    background:repeating-linear-gradient(45deg,transparent 0 36px,rgba(233,198,104,.025) 37px 38px)!important;
    border-radius:inherit;
    pointer-events:none!important;
    z-index:0!important;
  }
  body.route-home #home-sections>.ornate-frame:after {
    content:''!important;
    position:absolute!important;
    inset:-15px -15px!important;
    background-image:url('/assets/luxury-rail.svg'),url('/assets/luxury-rail.svg')!important;
    background-repeat:no-repeat,no-repeat!important;
    background-position:center top,center bottom!important;
    background-size:100% 54px,100% 54px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    filter:drop-shadow(0 0 3px rgba(246,200,92,.35));
    pointer-events:none!important;
    z-index:0!important;
  }
  body.route-home #home-sections>.ornate-frame>* {position:relative;z-index:1;}
  body.route-home #home-sections .section-heading {
    min-height:70px!important;
    margin:0 auto 20px!important;
    padding:0 145px 4px!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  body.route-home #home-sections .section-heading h2 {
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:clamp(24px,2vw,35px)!important;
    font-weight:700!important;
    letter-spacing:.035em!important;
    line-height:1.15!important;
    text-transform:uppercase!important;
    color:#ffe5a1!important;
    margin:0 0 5px!important;
    text-shadow:0 1px #754b15,0 0 16px rgba(244,196,91,.24)!important;
  }
  body.route-home #home-sections .section-heading h2:before,
  body.route-home #home-sections .section-heading h2:after {
    content:'✧'!important;display:inline!important;
    width:auto!important;height:auto!important;
    color:#f8d27a!important;
    margin:0 22px!important;
    background:none!important;
  }
  body.route-home #home-sections .section-heading p {
    color:#f7ead0!important;font-size:14px!important;
    line-height:1.35!important;
    margin:0!important;
  }
  body.route-home #home-sections .section-heading>a {
    top:14px!important;right:0!important;
    padding:9px 18px!important;
    border:1px solid #ecca79!important;
    border-radius:28px!important;
    background:linear-gradient(135deg,rgba(3,41,77,.97),rgba(0,22,31,.97))!important;
    box-shadow:inset 0 0 10px rgba(237,182,74,.08),0 0 8px rgba(240,195,88,.18);
    color:#ffe6a1!important;
    font-size:12px!important;
  }
  body.route-home #home-sections .luxury-section-mascot {
    left:0!important;top:-10px!important;
    width:66px!important;height:77px!important;
    object-fit:contain!important;
  }
  /* Four balanced columns for real published products and categories. */
  body.route-home #featured-products,
  body.route-home #home-category-grid,
  body.route-home .luxury-new-grid {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
  body.route-home .product-card,
  body.route-home .directory-card {
    position:relative!important;
    min-width:0!important;
    border:1.5px solid #eac36a!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,rgba(3,42,78,.96),rgba(0,20,29,.98))!important;
    box-shadow:inset 0 0 0 2px rgba(255,217,123,.26),
               0 6px 17px rgba(0,0,0,.33),0 0 8px rgba(244,199,94,.11)!important;
    overflow:hidden!important;
    transition:border-color .28s ease,transform .28s ease,box-shadow .28s ease;
  }
  body.route-home .product-card {padding:6px!important;}
  body.route-home .product-card .product-image {
    aspect-ratio:1.56!important;
    background:linear-gradient(140deg,rgba(3,37,68,.9),rgba(2,15,44,.93))!important;
    border-radius:8px 8px 3px 3px!important;
    overflow:hidden!important;
  }
  body.route-home .product-card .product-image img {
    width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center!important;
  }
  body.route-home .product-card .product-info {
    padding:12px 11px 10px!important;
    background:linear-gradient(180deg,rgba(3,36,68,.92),rgba(0,23,32,.98))!important;
    border-radius:0 0 8px 8px!important;
  }
  body.route-home .product-card .product-title {
    display:block!important;
    font-size:15px!important;line-height:1.3!important;
    color:#fff4d9!important;
  }
  body.route-home .product-card .product-price {
    font-size:16px!important;line-height:1.3!important;
    font-weight:800!important;
    color:#ffd57a!important;margin:6px 0!important;
  }
  body.route-home .product-card .product-bottom {gap:8px!important;}
  body.route-home .product-card .button {
    min-height:38px!important;
    background:linear-gradient(180deg,rgba(3,47,88,.96),rgba(2,15,40,.98))!important;
    border:1px solid #efc76e!important;
    color:#ffdf8a!important;
    font-size:12px!important;
    box-shadow:inset 0 0 9px rgba(253,202,93,.09)!important;
  }
  body.route-home .directory-card {padding:6px!important;min-height:256px!important;}
  body.route-home .directory-card>img {
    width:100%!important;
    height:156px!important;object-fit:cover!important;
    border-radius:7px 7px 0 0!important;
  }
  body.route-home .directory-card>div {
    position:relative;
    width:100%;
    padding:13px 8px 0!important;
    background:linear-gradient(180deg,rgba(3,36,67,.94),rgba(2,14,40,.97))!important;
  }
  body.route-home .directory-card h3 {font-size:15px!important;color:#fff4d9!important;margin:0 0 4px!important;}
  body.route-home .directory-card p {font-size:12px!important;color:#c3dcf6!important;margin:0!important;}
  body.route-home .directory-card button {
    display:block!important;
    margin:3px auto 8px!important;
    padding:5px 9px!important;
    min-height:32px!important;
    color:#ffdf82!important;
    font-size:12px!important;
  }
  /* Four service assurances, exact page order kept. */
  body.route-home #home-sections>.trust-grid {margin:18px 0!important;padding:24px 30px 27px!important;}
  body.route-home .luxury-trust {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:17px!important;}
  body.route-home .luxury-trust article {
    min-height:122px!important;
    padding:16px 14px!important;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    background:linear-gradient(125deg,rgba(3,45,84,.9),rgba(0,24,33,.93))!important;
    border:1px solid rgba(236,191,94,.88)!important;
    box-shadow:inset 0 0 15px rgba(10,181,226,.07),0 0 10px rgba(240,192,75,.09)!important;
    border-radius:13px!important;
  }
  body.route-home .luxury-trust .icon {width:38px!important;height:38px!important;margin-bottom:9px!important;}
  body.route-home .luxury-trust h3 {font-size:15px!important;color:#fff1d4!important;margin:3px 0!important;}
  body.route-home .luxury-trust p {font-size:12px!important;line-height:1.4!important;color:#e2e7dd!important;margin:3px 0!important;}
  body.route-home .luxury-support {padding:14px 24px!important;margin:14px 0!important;}
  body.route-home .luxury-support details>summary {padding:11px 14px!important;color:#f2d583!important;}
  /* Four matching information columns + compact bottom rail. */
  body.route-home .site-footer {max-width:1700px!important;padding:0 40px!important;margin:22px auto 0!important;}
  body.route-home .site-footer .footer-inner {
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;align-items:stretch!important;
  }
  body.route-home .site-footer .footer-inner>div {
    padding:19px 20px!important;
    min-height:310px!important;
    background:linear-gradient(145deg,rgba(3,43,81,.93),rgba(2,14,43,.96))!important;
    border:1px solid #dfbb67!important;
    border-radius:15px!important;
    box-shadow:inset 0 0 0 2px rgba(241,191,85,.17),0 0 13px rgba(235,180,63,.16)!important;
  }
  body.route-home .site-footer .footer-inner>div:before {
    top:-13px!important;
    font-size:15px!important;
    border:1px solid #f4d682!important;
    background:linear-gradient(135deg,#033a70,#001c26)!important;
  }
  body.route-home .site-footer h2 {font-size:19px!important;text-align:left!important;color:#ffe4a0!important;margin-bottom:13px!important;}
  body.route-home .site-footer .footer-inner a,
  body.route-home .site-footer .footer-inner button {padding:6px 0!important;font-size:13px!important;}
  body.route-home .site-footer .footer-inner p,
  body.route-home .site-footer address {font-size:12px!important;line-height:1.55!important;}
  body.route-home .site-footer .footer-bottom {
    min-height:72px!important;padding:15px 26px!important;
    margin:18px 0 14px!important;
  }
  body.route-home .site-footer .footer-bottom:before {filter:drop-shadow(0 0 5px rgba(248,212,118,.37));}
  @media(hover:hover) and (pointer:fine) {
    body.route-home .product-card:hover,
    body.route-home .directory-card:hover {
      transform:translateY(-3px);
      border-color:#fff0b7!important;
      box-shadow:inset 0 0 0 2px rgba(255,220,146,.35),0 12px 22px rgba(0,0,0,.40),0 0 19px rgba(248,211,119,.29)!important;
    }
  }
}
@media(min-width:901px) and (max-width:1250px){
  body.route-home #home-sections {padding:0 23px!important;}
  body.route-home .waterfront-shell .wf-masthead {height:310px!important;}
  body.route-home #home-sections .section-heading {padding:0 105px 3px!important;}
  body.route-home #home-sections .section-heading h2 {font-size:25px!important;}
  body.route-home #home-sections .section-heading h2:before,
  body.route-home #home-sections .section-heading h2:after {margin:0 9px!important;}
  body.route-home #featured-products,
  body.route-home #home-category-grid,
  body.route-home .luxury-new-grid {gap:12px!important;}
  body.route-home .site-footer {padding:0 24px!important;}
  body.route-home .site-footer .footer-inner>div {padding:15px!important;}
}
@media(max-width:900px){
  /* Mobile keeps its existing drawers, toolbar, tap targets, navigation and mascot. */
  body.route-home #home-sections>.ornate-frame {
    border:1px solid rgba(239,194,96,.6)!important;
    border-radius:11px!important;
    background:linear-gradient(125deg,rgba(3,36,67,.88),rgba(0,20,29,.92),rgba(3,40,75,.86))!important;
  }
  body.route-home #home-sections>.ornate-frame:after {
    background-image:url('/assets/luxury-rail.svg'),url('/assets/luxury-rail.svg')!important;
    background-position:center top,center bottom!important;
    background-repeat:no-repeat!important;
    background-size:100% 34px!important;
    filter:drop-shadow(0 0 3px rgba(239,193,94,.27));
  }
  body.route-home .product-card,
  body.route-home .directory-card {border-color:#e8c575!important;}
  body.route-home .site-footer .footer-inner>div {
    border-color:#e8c575!important;
    background:linear-gradient(155deg,rgba(3,40,75,.94),rgba(0,23,32,.96))!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.route-home .product-card,
  body.route-home .directory-card {transition:none!important;}
}

/* 1280px desktop guard: preserve every navigation function without horizontal overflow. */
@media(min-width:901px) and (max-width:1400px){
  body .waterfront-shell .header-inner{min-width:0!important;padding:9px 13px!important;gap:6px!important;}
  body .waterfront-shell #primary-navigation{min-width:0!important;gap:0!important;}
  body .waterfront-shell #primary-navigation>a,
  body .waterfront-shell .foundation-shop-menu>summary{
    font-size:11px!important;padding:9px 7px!important;gap:4px!important;
  }
  body .waterfront-shell #primary-navigation .icon{width:17px!important;height:17px!important;}
  body .waterfront-shell #search-form{
    max-width:260px!important;min-width:125px!important;
    flex-basis:170px!important;height:43px!important;
  }
  body .waterfront-shell #search-form>button{flex-basis:47px!important;width:47px!important;}
  body .waterfront-shell .wf-nav-actions{gap:6px!important;min-width:0!important;}
  body .waterfront-shell .wf-nav-action{font-size:10px!important;gap:3px!important;}
  body .waterfront-shell .wf-nav-action>.wf-icon-circle{width:37px!important;height:37px!important;}
  body .waterfront-shell .wf-icon-circle .icon{width:18px!important;height:18px!important;}
}

/* Animated 3D orbit can exceed its bounding box at 1024–1280px.
   Clip only the document's horizontal paint, not the orbit animation or
   sticky navigation. This does not create a scrolling container. */
@supports selector(html:has(body.route-home)) {
  html:has(body.route-home){overflow-x:clip!important;}
}