/* NIR responsive layout final — structural mobile/tablet corrections */
@media (max-width:1050px){
  .top-note{display:none!important}
  .site-header,.mp-site-header,.site-header.is-solid,.mp-site-header.is-solid,.site-header.is-past-note,.mp-site-header.is-past-note{
    position:sticky!important;top:0!important;left:auto!important;right:auto!important;
    background:rgba(16,15,13,.985)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
    -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;
  }
  .inner-page,.home-page{padding-top:0!important}
  .nav-shell{width:100%!important;height:64px!important;padding:0 16px!important;margin:0!important;display:flex!important;justify-content:space-between!important;gap:10px!important}
  .desktop-nav{display:none!important}
  .brand{min-width:0!important;gap:9px!important}
  .brand img{width:40px!important;height:40px!important;flex:0 0 40px!important}
  .brand strong{font-size:20px!important}.brand small{font-size:8px!important}
  .nav-actions{margin-left:auto!important;gap:7px!important;justify-self:auto!important}
  .nav-link-button{display:none!important}
  .mobile-menu-toggle{display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border-radius:12px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:none!important}
  .cart-button,.account-button{height:44px!important;min-height:44px!important;border-radius:12px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:none!important}
  .cart-button b{background:var(--hero-gold,#d6a665)!important;color:#19130e!important}
  .mobile-nav-panel{top:64px!important;left:10px!important;right:10px!important;border-radius:16px!important;background:#171512!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 22px 54px rgba(0,0,0,.42)!important;z-index:100!important}
  .mobile-nav-panel a,.mobile-nav-panel button{min-height:52px!important;font-size:14px!important}
  .photo-hero-shell{padding-top:32px!important}
}

@media (max-width:760px){
  html{scroll-padding-top:68px!important}
  .nav-shell{height:60px!important;padding:0 12px!important}
  .site-header,.mp-site-header{min-height:60px!important}
  .brand img{width:38px!important;height:38px!important;flex-basis:38px!important}
  .brand span{display:none!important}
  .account-button{display:none!important}
  .cart-button{min-width:48px!important;padding:0 9px!important;gap:7px!important}
  .cart-button span{display:none!important}
  .cart-button .action-icon,.mobile-menu-toggle .action-icon{width:20px!important;height:20px!important}
  .mobile-menu-toggle{width:44px!important;min-width:44px!important;height:44px!important}
  .mobile-nav-panel{top:60px!important;max-height:calc(100dvh - 72px)!important}

  /* Home hero: header is now in normal flow, so remove old fixed-header spacer. */
  .photo-hero-shell{padding:0 0 38px!important}
  .photo-carousel{margin-top:0!important}
  .photo-hero-copy{padding:26px 18px 0!important}
  .photo-hero-actions{gap:10px!important}
  .photo-hero-trust{grid-template-columns:1fr!important;gap:10px!important;margin-top:24px!important;padding-top:18px!important}
  .photo-hero-trust div,.photo-hero-trust div:last-child{grid-column:auto!important;min-height:0!important;padding:15px 16px!important;border-radius:14px!important;display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;column-gap:14px!important}
  .photo-hero-trust strong{font-size:20px!important;white-space:nowrap!important}
  .photo-hero-trust span{margin:0!important;font-size:11px!important;line-height:1.45!important;letter-spacing:.04em!important}

  /* Benefits: compact 2x2 cards instead of giant full-width rows. */
  .benefit-strip{padding:10px 0!important}
  .benefit-shell{width:calc(100% - 20px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;min-height:0!important}
  .benefit-shell article,.benefit-shell article:nth-child(n){min-height:92px!important;padding:14px 12px!important;border:1px solid var(--hero-line)!important;border-radius:14px!important;gap:10px!important;background:rgba(255,255,255,.025)!important}
  .benefit-icon{width:36px!important;height:36px!important;flex:0 0 36px!important}
  .benefit-shell strong{font-size:13px!important;line-height:1.25!important}
  .benefit-shell small{font-size:10.5px!important;line-height:1.4!important}

  /* Inner pages no longer need padding for a fixed header. */
  .mp-page-hero{padding:44px 0 40px!important}
  .mp-category-copy{padding:34px 18px!important}
  .mp-product-page{padding-top:18px!important}

  /* Cards and sections get stable widths and spacing. */
  .content-shell,.closing-shell,.footer-shell,.footer-bottom{width:calc(100% - 28px)!important}
  .section-pad{padding:52px 0!important}
  .room-grid,.service-grid,.review-grid,.product-grid,.product-grid.mp-catalog-grid,.mp-shop-section .product-grid{grid-template-columns:1fr!important;gap:18px!important}
  .room-card,.service-card,.review-card,.product-card{width:100%!important;max-width:none!important;margin:0!important}
  .product-image img,.product-media img{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important}
  .mp-shop-shortcuts .content-shell{width:100%!important;padding:0 14px!important;display:flex!important;overflow-x:auto!important;gap:10px!important;scroll-padding-left:14px!important}
  .mp-shop-shortcuts a{flex:0 0 min(82vw,310px)!important}
  .mp-assurance .content-shell,.mp-service-band .content-shell{grid-template-columns:1fr!important}
  .mp-editorial-split,.mp-contact-grid,.checkout-grid,.mp-product-layout{grid-template-columns:1fr!important}
  .form-two{grid-template-columns:1fr!important}
  .closing-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .closing-actions .button,.closing-actions a{width:100%!important}
  .footer-links{grid-template-columns:1fr!important}
}

@media (max-width:390px){
  .nav-shell{padding:0 10px!important}
  .cart-button{min-width:46px!important;padding:0 7px!important}
  .mobile-menu-toggle{width:42px!important;min-width:42px!important;height:42px!important}
  .benefit-shell{grid-template-columns:1fr!important}
  .benefit-shell article,.benefit-shell article:nth-child(n){min-height:76px!important}
  .photo-hero-trust div{grid-template-columns:1fr!important;gap:5px!important}
  .photo-hero-trust strong{white-space:normal!important}
}