/* AL MIZAN RIZQ | Desktop Compact Polish V1 | 2026-10-13
   DIMENSIONAL ADJUSTMENTS ONLY. Existing template, wallpaper, artwork,
   animation, interactions and brand palette remain unchanged.
   Desktop-first rules: mobile <=900px is deliberately untouched. */

@media (min-width: 1201px) {
  /* Keep the scenic wallpaper full bleed, but make its contents desktop-sized. */
  body .waterfront-shell {
    padding: clamp(18px,1.4vw,28px) clamp(14px,1.6vw,30px) 22px !important;
  }
  body .waterfront-shell .utility-bar,
  body .waterfront-shell .site-header,
  body .waterfront-shell .wf-masthead {
    max-width: 1440px !important;
  }
  body .waterfront-shell .utility-bar,
  body .waterfront-shell .utility-inner {
    min-height: 46px !important;
  }
  body .waterfront-shell .utility-inner {
    padding: 6px 22px !important;
    font-size: clamp(11px,.78vw,13px) !important;
  }
  body .waterfront-shell .wf-info {
    padding: 0 12px;
    gap: 8px;
  }
  body .waterfront-shell .wf-info .icon { width: 18px; height: 18px; }
  body .waterfront-shell .wf-language { padding: 4px 11px; }
  body .waterfront-shell .wf-masthead {
    height: clamp(280px,20vw,370px) !important;
  }
  body .waterfront-shell .wf-logo {
    left: 1.5%; top: 8%; width: 55%; height: 82%;
  }
  body .waterfront-shell .wf-mascot-stage {
    width: 30%; height: 96%; right: 0;
  }
  body .waterfront-shell .wf-orbits { width: 32%; height: 86%; }
  body .waterfront-shell .wf-bubble {
    top: 13%; right: 22%;
    width: clamp(175px,13vw,225px);
    padding: 12px 14px;
    border-radius: 17px 17px 5px 17px;
  }
  body .waterfront-shell .wf-bubble strong { font-size: 16px; margin-bottom: 6px; }
  body .waterfront-shell .wf-bubble p { font-size: 12px; line-height: 1.4; }
  body .waterfront-shell .wf-bubble small { margin-top: 6px; }
  body .waterfront-shell .wf-bubble-dots { margin-top: 6px; }
  body .waterfront-shell .site-header,
  body .waterfront-shell .header-inner {
    min-height: 74px !important;
  }
  body .waterfront-shell .header-inner {
    padding: 9px 21px !important;
    gap: 9px !important;
  }
  body .waterfront-shell #primary-navigation > a,
  body .waterfront-shell .foundation-shop-menu > summary {
    padding: 10px 9px !important;
    font-size: 12px !important;
    gap: 6px !important;
  }
  body .waterfront-shell #primary-navigation .icon { width: 18px; height: 18px; }
  body .waterfront-shell #search-form {
    height: 44px !important;
    max-width: 335px !important;
    min-width: 155px !important;
  }
  body .waterfront-shell #product-search { padding: 9px 14px !important; }
  body .waterfront-shell #search-form > button {
    width: 51px !important; flex-basis: 51px !important;
  }
  body .waterfront-shell .wf-nav-actions { gap: 10px !important; }
  body .waterfront-shell .wf-nav-action { font-size: 11px !important; gap: 4px; }
  body .waterfront-shell .wf-nav-action > .wf-icon-circle {
    width: 42px !important; height: 42px !important;
  }
  body .waterfront-shell .wf-icon-circle .icon { width: 21px; height: 21px; }
  body .waterfront-shell .wf-nav-action b {
    min-width: 18px; height: 18px; font-size: 10px;
  }
  /* The sticky navbar must not stretch across a 4K/65-inch display. */
  body .waterfront-shell.wf-nav-docked .site-header {
    width: min(1440px,calc(100% - 36px)) !important;
    max-width: 1440px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    top: 9px !important;
  }
}

@media (min-width: 901px) and (max-width: 1200px) {
  body .waterfront-shell { padding: 18px 16px 20px !important; }
  body .waterfront-shell .wf-masthead { height: 270px !important; }
  body .waterfront-shell .site-header,
  body .waterfront-shell .header-inner { min-height: 78px !important; }
  body .waterfront-shell .header-inner { padding: 10px 15px !important; }
  body .waterfront-shell .wf-bubble { padding: 12px; }
  body .waterfront-shell .wf-nav-action > .wf-icon-circle {
    width: 38px !important; height: 38px !important;
  }
  body .waterfront-shell.wf-nav-docked .site-header {
    left: 50% !important;
    right: auto !important;
    width: calc(100% - 28px) !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 901px) {
  /* Homepage: compact section rhythm without changing the section order. */
  body #home-sections {
    max-width: 1330px !important;
    padding: 0 30px !important;
  }
  body #home-sections > .ornate-frame {
    padding: 22px 27px !important;
    margin: 18px 0 !important;
  }
  body #home-sections .section-heading {
    min-height: 54px !important;
    margin-bottom: 15px !important;
  }
  body #home-sections .section-heading h2,
  body .luxury-section-title {
    font-size: clamp(21px,1.65vw,27px) !important;
  }
  body #home-sections .section-heading p { font-size: 12px; }
  body #home-sections .section-heading > a { top: 5px; }
  body #featured-products,
  body #home-category-grid,
  body .luxury-new-grid { gap: 13px; }
  body .product-card .product-image { aspect-ratio: 1.4 !important; }
  body .home-story { min-height: 250px; }
  body .home-story-copy { padding: 18px 15px; }
  body .home-story h2 { font-size: 26px; }
  body .luxury-trust { gap: 12px; }
  body .luxury-trust article { padding: 15px 11px; }
  body .luxury-support details > summary { padding: 10px 12px; }

  /* Catalog: use available width after the inactive right panel is hidden. */
  body #commerce-section {
    max-width: 1330px !important;
    grid-template-columns: minmax(190px,215px) minmax(0,1fr) !important;
    gap: 16px !important;
    margin: 13px auto 30px !important;
    padding: 0 18px !important;
  }
  body #commerce-section .amr-shop-banner {
    min-height: 106px !important;
    padding: 17px 24px !important;
  }
  body #commerce-section .amr-shop-banner h2 {
    font-size: clamp(38px,3.6vw,53px) !important;
  }
  body #commerce-section .amr-shop-banner p { font-size: 12px; }
  body #commerce-section .banner-perks { gap: 9px; }
  body #commerce-section .filters { padding: 13px !important; }
  body #commerce-section .filters details { padding: 8px 0 !important; }
  body #commerce-section .collection-top { margin-bottom: 12px; }
  body #commerce-section .collection-empty {
    min-height: 230px !important;
    padding: 25px 20px !important;
  }

  /* About, Contact, Account, Orders, Track and support content. */
  body .content-section { margin-bottom: 25px; }
  body .route-panel { margin-bottom: 23px; }
  body .foundation-panel {
    max-width: 1280px;
    margin: 22px auto;
    padding: 0 20px;
  }
  body .foundation-card,
  body .home-guide { padding: clamp(17px,2vw,27px); }
  body .about-grid,
  body .contact-grid,
  body .account-layout,
  body .foundation-grid { gap: 17px; }
  body .browse-toolbar { padding: 10px 13px; margin-bottom: 13px; }
  body .brand-strip { margin-top: 22px; padding: 16px 17px; gap: 15px; }

  /* Original four-column gold/teal footer retained. */
  body .site-footer {
    max-width: 1390px !important;
    margin: 27px auto 0 !important;
    padding: 0 30px !important;
  }
  body .site-footer .footer-inner { gap: 13px !important; }
  body .site-footer .footer-inner > div { padding: 17px !important; }
  body .site-footer h2 { font-size: 16px !important; margin-bottom: 9px !important; }
  body .site-footer .footer-inner a,
  body .site-footer .footer-inner button { padding: 5px 0 !important; }
  body .site-footer .footer-brand img {
    width: 130px !important; height: 65px !important;
  }
  body .site-footer .footer-bottom {
    margin: 19px 0 12px !important;
    padding: 17px 30px !important;
    min-height: 66px !important;
  }
}
/* End of desktop polish: no mobile CSS changes or functional overrides. */