/* NIVAH responsive tablet polish · Oct 18 2026
 * Intended for iPad portrait/landscape (768–1199 px).
 * Keeps desktop >1199px and phone <768px behaviours consistent.
 */

/* Center the brand's decorative diamond itself, not only its parent text.
 * The inline SVG had display:block + margin:0, so it was pinned to left. */
.site-header .brand .diamond .nv-symbol-icon {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.site-header .brand{
  text-align:center;
  justify-self:center;
  min-width:0;
}
.site-header .brand .diamond{
  text-align:center;
}
.site-header .brand strong{
  display:block;
  white-space:nowrap;
  padding-left:0;
}
.site-header .brand small{
  white-space:nowrap;
  text-align:center;
}

/* iPad layout: maintain a centered masthead, simplify crowded nav.
 * Use the existing working mobile-menu toggle rather than inventing routes. */
@media (min-width:801px) and (max-width:1199px) {
  .desktop-only{display:none!important;}
  .mobile-only{display:inline-flex!important;}

  .site-header{position:sticky;top:0;z-index:100;background:#fff;}
  .header-main{
    height:84px;
    padding:0 clamp(20px,3.4vw,37px);
    gap:clamp(12px,2vw,23px);
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
  }
  .header-main .left{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:13px;
    min-width:0;
  }
  .header-main .brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    line-height:1;
    max-width:100%;
    align-self:center;
  }
  .header-main .brand .diamond{
    display:block;
    margin:0 auto 4px;
    line-height:1;
    color:#b19468;
  }
  .header-main .brand .diamond svg{
    width:21px;height:21px;
  }
  .header-main .brand strong{
    font-size:clamp(25px,3vw,32px);
    font-weight:600;
    letter-spacing:clamp(5px,.7vw,8px);
    line-height:1.06;
    padding:0;
  }
  .header-main .brand small{
    font-size:6px;
    letter-spacing:2.65px;
    margin:5px 0 0;
  }
  .header-main .icon-btn{
    min-width:40px;
    min-height:40px;
    padding:8px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
  }
  .header-actions{gap:clamp(5px,1.2vw,14px);justify-content:flex-end;}
  .nav.desktop-only{display:none!important;}
  .mobile-nav{
    display:none;
    position:fixed;z-index:500;
    inset:0 auto 0 0;
    width:min(370px,82vw);
    background:#fff;
    padding:25px;
    overflow-y:auto;
    box-shadow:0 12px 35px #20160f36;
  }
  .mobile-nav.open{display:block;}
  .mobile-menu-overlay{
    display:none;
    position:fixed;z-index:490;inset:0;
    background:rgba(12,11,10,.52);
  }
  .mobile-menu-overlay.open{display:block;}
  .mobile-nav header{
    display:flex;justify-content:space-between;align-items:center;
    border-bottom:1px solid #ece5dc;
    padding-bottom:16px;
  }
  .mobile-nav .link{
    display:block;padding:15px 4px;
    border-bottom:1px solid #eee8df;
    font-size:13px;font-weight:700;
  }
  .mobile-nav .sub-links{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0;}
  .mobile-nav .sub-links a{font-size:11px;color:#72695e;}

  .container{width:calc(100% - 52px);}
  .section{padding:58px 0;}
  .section-heading{margin-bottom:25px;}
  .hero.hero-fashion{height:clamp(480px,65svh,760px);min-height:0;}
  .hero-fashion .hero-copy{
    width:min(660px,62vw);
    padding-left:clamp(29px,5vw,70px);
    padding-right:12px;
  }
  .hero-fashion .hero-copy h1.nv-hero-headline{
    font-size:clamp(43px,5.3vw,67px);
    line-height:1.06;
  }
  .hero-fashion .hero-copy p{max-width:450px;font-size:clamp(12px,1.1vw,14px);}
  .hero-fashion .hero-actions{gap:15px;}
  .hero-fashion .hero-actions .btn.nv-hero-cta{
    min-height:44px;padding:12px 17px;font-size:9px;
  }
  .microstrip{grid-template-columns:repeat(4,minmax(0,1fr));}
  .microstrip .benefit{gap:8px;padding:12px 9px;font-size:9px;line-height:1.4;min-width:0;}
  .microstrip .benefit .nv-svg-icon{flex-shrink:0;width:20px;height:20px;}
  .nivah-categories-section .section-heading{margin-bottom:9px;}
  .nivah-category-stage{
    --category-visible:3;
    width:calc(100% - 18px);
    height:clamp(285px,40vw,395px);
  }
  .nivah-category-photo{height:clamp(225px,31vw,328px);}
  .nivah-category-label,.nivah-category-tile:hover .nivah-category-label{
    font-size:clamp(18px,2vw,23px);
  }
  .nivah-category-hint{margin-top:5px;}
  .nivah-instagram-section{padding:52px 0 58px;}
  .nivah-insta-card{flex-basis:calc((100% - 36px)/3);}
  .nivah-location-section{padding:60px 0;}
  .nivah-location-grid{gap:24px;}
  .nivah-location-copy h2{font-size:clamp(33px,3.7vw,48px);}
  .nv-journey-card{padding:24px 19px;}
  .nv-journey-card h3{font-size:24px;}
  .footer .cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;}
  .checkout-layout,.cart-layout{gap:22px;}
  .shop-layout{gap:20px;}
  .shop-sidebar{min-width:0;}
  .nv-products-main{min-width:0;}
  .nv-products-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px;}
  .pdp-layout{gap:24px;}
  .pdp-main h1{font-size:clamp(36px,4.2vw,51px);}
  .nv360-gallery{min-width:0;}
  .nv360-stage{min-height:240px;}
  .admin-content{min-width:0;padding:23px;}
}

@media (min-width:801px) and (max-width:1024px) {
  .pdp-layout{grid-template-columns:minmax(0,1fr);gap:22px;}
  .pdp-gallery{max-width:680px;margin:0 auto;width:100%;}
  .pdp-main{min-width:0;}
  .checkout-layout,.cart-layout{grid-template-columns:minmax(0,1fr);}
  .summary-card{position:static;}
  .admin-layout{grid-template-columns:minmax(0,1fr);}
  .admin-aside{display:flex;overflow-x:auto;gap:6px;padding:12px;}
  .admin-aside h3{display:none;}
  .admin-aside button{width:auto;white-space:nowrap;padding:11px;}
  .admin-form{grid-template-columns:repeat(2,minmax(0,1fr));}
  .nivah-location-grid{grid-template-columns:minmax(0,1fr);gap:23px;}
  .nivah-location-visual{height:300px;}
}

/* 768–800px uses the existing mobile navigation, but gets roomier
 * tablet-portrait gutters and product/tablet image proportions. */
@media (min-width:768px) and (max-width:800px) {
  .header-main{height:74px;padding:0 25px;}
  .header-main .brand strong{font-size:28px;letter-spacing:6px;}
  .container{width:calc(100% - 45px);}
  .hero.hero-fashion{height:70svh;}
  .nivah-categories-section .section-heading{margin-bottom:9px;}
  .nivah-category-stage{height:335px;}
  .nivah-category-photo{height:265px;}
  .nv-products-main .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .nivah-location-visual{height:310px;}
}

/* For wide tablets and iPad desktop mode, keep the centre-aligned mark */
@media (min-width:1200px) and (max-width:1366px){
  .header-main{padding-left:3.1%;padding-right:3.1%;gap:14px;}
  .nav.desktop-only{gap:16px;}
  .nav.desktop-only .nav-item{letter-spacing:.5px;font-size:9px;}
}