/* Royal Home desktop showroom experience. Mobile styles stay untouched. */
@media (min-width: 1024px){
  :root{--rh-desktop-gold:#CFAF5F;--rh-desktop-green:#0B261D;--rh-desktop-cream:#F8F3EA;--rh-desktop-ink:#14251F;}
  html{scroll-behavior:smooth;}
  body.app-body{
    background:
      radial-gradient(circle at 9% 8%,rgba(207,175,95,.16),transparent 28%),
      radial-gradient(circle at 92% 12%,rgba(31,61,50,.14),transparent 30%),
      linear-gradient(135deg,#fbf6eb 0%,#f4ead8 48%,#efe0c9 100%)!important;
    min-height:100vh;
    overflow-x:hidden;
  }
  html[data-theme="dark"] body.app-body,
  body[data-theme="dark"].app-body{
    background:
      radial-gradient(circle at 11% 7%,rgba(207,175,95,.18),transparent 30%),
      radial-gradient(circle at 87% 10%,rgba(47,90,73,.24),transparent 34%),
      linear-gradient(135deg,#07100d 0%,#0b1712 48%,#111b16 100%)!important;
  }
  body.app-body::before{
    content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
    background-image:linear-gradient(rgba(207,175,95,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(207,175,95,.046) 1px,transparent 1px);
    background-size:72px 72px;mask-image:radial-gradient(circle at center,black,transparent 76%);opacity:.72;
  }
  body.app-body::after{
    content:"";position:fixed;inset:-20%;z-index:-1;pointer-events:none;
    background:conic-gradient(from 180deg at 50% 50%,transparent,rgba(207,175,95,.12),transparent,rgba(20,37,31,.10),transparent);
    filter:blur(70px);opacity:.72;animation:rhDesktopAura 18s ease-in-out infinite alternate;
  }
  @keyframes rhDesktopAura{from{transform:translate3d(-1.8%,0,0) rotate(-4deg) scale(1)}to{transform:translate3d(1.8%,1.2%,0) rotate(4deg) scale(1.04)}}

  .topbar{background:rgba(255,253,248,.72)!important;border-bottom:1px solid rgba(207,175,95,.18)!important;backdrop-filter:blur(24px) saturate(1.2)!important;box-shadow:0 18px 58px rgba(20,37,31,.08)!important;}
  html[data-theme="dark"] .topbar{background:rgba(7,16,13,.72)!important;border-color:rgba(207,175,95,.14)!important;box-shadow:0 20px 62px rgba(0,0,0,.30)!important;}
  .topbar-inner{max-width:1440px!important;padding:18px 44px!important;}
  .brand-mark{width:64px!important;height:64px!important;border-radius:24px!important;box-shadow:0 24px 54px rgba(20,37,31,.18),0 0 0 1px rgba(207,175,95,.20)!important;}
  .brand-title{font-size:21px!important;letter-spacing:-.03em!important;}.brand-subtitle{display:block!important;font-size:12px!important;color:#8A6B33!important;}
  html[data-theme="dark"] .brand-subtitle{color:#d8c27f!important;}
  .btn-ghost{min-height:48px!important;padding-inline:20px!important;border-radius:18px!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;}
  .btn-ghost:hover{transform:translateY(-2px);border-color:rgba(207,175,95,.38)!important;box-shadow:0 18px 46px rgba(207,175,95,.16)!important;}

  .app-main{max-width:1440px!important;margin:0 auto!important;padding:30px 44px 96px 148px!important;}
  .app-main--feed{max-width:1500px!important;padding-inline:40px 150px!important;}
  .bottom-nav{left:auto!important;right:28px!important;top:50%!important;bottom:auto!important;width:98px!important;padding:0!important;background:transparent!important;transform:translateY(-50%)!important;}
  .bottom-nav-grid{grid-template-columns:1fr!important;max-width:98px!important;padding:10px!important;gap:10px!important;border-radius:34px!important;background:rgba(255,253,248,.72)!important;border-color:rgba(207,175,95,.28)!important;box-shadow:0 28px 86px rgba(20,37,31,.16),inset 0 1px 0 rgba(255,255,255,.34)!important;backdrop-filter:blur(24px) saturate(1.2)!important;}
  html[data-theme="dark"] .bottom-nav-grid{background:rgba(7,16,13,.76)!important;border-color:rgba(207,175,95,.20)!important;box-shadow:0 30px 90px rgba(0,0,0,.44)!important;}
  .bottom-nav-item{min-height:74px!important;border-radius:24px!important;gap:7px!important;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s ease,box-shadow .25s ease!important;}
  .bottom-nav-item:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(180deg,rgba(207,175,95,.20),rgba(31,61,50,.08))!important;box-shadow:inset 0 0 0 1px rgba(207,175,95,.24),0 14px 34px rgba(20,37,31,.12)!important;}
  .bottom-nav-item.nav-active::before{top:8px!important;width:28px!important;background:linear-gradient(90deg,#CFAF5F,#F2DA91)!important;}
  .bottom-nav-icon{width:30px!important;height:30px!important}.nav-svg{width:23px!important;height:23px!important}.bottom-nav-label{font-size:11px!important;}

  .rh-showroom-loader{background:radial-gradient(circle at 35% 28%,rgba(207,175,95,.22),transparent 32%),linear-gradient(135deg,rgba(5,18,13,.96),rgba(11,38,29,.92))!important;}
  .rh-loader-card{min-width:300px!important;border-radius:34px!important;padding:30px 34px!important;box-shadow:0 34px 110px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;}

  .explore-shell{max-width:1380px!important;padding:22px 8px 120px!important;}
  .ig-home-shell{max-width:none!important;}
  .ig-topbar{position:relative!important;top:auto!important;padding:0 4px 22px!important;background:transparent!important;}
  .ig-topbar-btn{width:52px!important;height:52px!important;border-radius:20px!important;background:rgba(255,253,248,.74)!important;border-color:rgba(207,175,95,.22)!important;box-shadow:0 18px 48px rgba(20,37,31,.08)!important;backdrop-filter:blur(18px)!important;transition:transform .22s ease,box-shadow .22s ease!important;}
  .ig-topbar-btn:hover{transform:translateY(-2px);box-shadow:0 24px 58px rgba(20,37,31,.13)!important;}
  html[data-theme="dark"] .ig-topbar-btn{background:rgba(7,16,13,.72)!important;border-color:rgba(207,175,95,.18)!important;}

  .rh-home-profile-showroom{min-height:min(74vh,760px)!important;border-radius:52px!important;margin:0 0 30px!important;box-shadow:0 44px 140px rgba(20,37,31,.22),0 22px 70px rgba(207,175,95,.12)!important;}
  .rh-home-profile-showroom::after{inset:auto 34px 0 34px!important;height:2px!important;}
  .rh-home-profile-glass{right:clamp(32px,4vw,70px)!important;left:auto!important;bottom:clamp(30px,4vw,64px)!important;width:min(520px,38vw)!important;display:grid!important;grid-template-columns:1fr!important;padding:24px!important;border-radius:34px!important;background:linear-gradient(135deg,rgba(9,28,21,.80),rgba(9,28,21,.38))!important;box-shadow:0 38px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.12)!important;}
  .rh-home-profile-main{grid-template-columns:122px minmax(0,1fr)!important;gap:18px!important;}
  .rh-profile-logo{width:122px!important;height:92px!important;border-radius:28px!important;}
  .rh-profile-title{font-size:clamp(28px,2.4vw,42px)!important;line-height:1.25!important;}
  .rh-profile-bio{font-size:14px!important;line-height:2.05!important;-webkit-line-clamp:unset!important;display:block!important;}
  .rh-profile-stats{gap:11px!important}.rh-stat{padding:14px 10px!important;border-radius:22px!important}.rh-stat strong{font-size:24px!important}.rh-stat span{font-size:12px!important;}
  .rh-profile-btn{min-height:52px!important;border-radius:19px!important;font-size:13px!important;}
  .rh-profile-stories{padding-top:14px!important;}
  .rh-profile-stories .ig-stories-row{gap:14px!important;}

  .highlights-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;margin:26px 0 10px!important;padding:0 4px!important;}
  .highlights-head__title{font-size:18px!important;}.highlights-head__sub{font-size:12px!important;}
  .highlights-strip{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important;gap:16px!important;overflow:visible!important;padding:0 0 20px!important;}
  .highlight-card{width:auto!important;min-height:132px!important;border-radius:28px!important;background:rgba(255,253,248,.64)!important;border:1px solid rgba(207,175,95,.18)!important;box-shadow:0 20px 52px rgba(20,37,31,.08)!important;padding:12px 8px!important;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;}
  .highlight-card:hover{transform:translateY(-6px);border-color:rgba(207,175,95,.38)!important;box-shadow:0 28px 70px rgba(20,37,31,.14)!important;}
  .highlight-cover{width:82px!important;height:82px!important;margin-inline:auto!important;}
  .highlight-title{font-size:12px!important;max-width:none!important;}.highlight-meta{display:block!important;font-size:10px!important;color:rgba(100,75,35,.72)!important;}
  html[data-theme="dark"] .highlight-card{background:rgba(7,16,13,.62)!important;border-color:rgba(207,175,95,.16)!important;}
  html[data-theme="dark"] .highlight-meta{color:rgba(216,194,127,.70)!important;}

  .ig-tabs{position:sticky!important;top:18px!important;z-index:18!important;max-width:720px!important;margin:22px auto 20px!important;border-radius:999px!important;background:rgba(255,253,248,.72)!important;border:1px solid rgba(207,175,95,.22)!important;box-shadow:0 22px 66px rgba(20,37,31,.10)!important;backdrop-filter:blur(22px) saturate(1.15)!important;padding:8px!important;}
  html[data-theme="dark"] .ig-tabs{background:rgba(7,16,13,.76)!important;border-color:rgba(207,175,95,.16)!important;}
  .ig-tab{border-radius:999px!important;min-height:54px!important;font-size:13px!important;transition:transform .22s ease,background .22s ease,box-shadow .22s ease!important;}
  .ig-tab:hover{transform:translateY(-2px);}.ig-tab.is-active{background:linear-gradient(135deg,#F0D37E,#B78A42)!important;color:#10251d!important;box-shadow:0 16px 42px rgba(207,175,95,.26)!important;}

  .ig-panels{border-radius:40px!important;background:linear-gradient(180deg,rgba(255,253,248,.62),rgba(255,253,248,.36))!important;border:1px solid rgba(207,175,95,.18)!important;box-shadow:0 26px 80px rgba(20,37,31,.09)!important;padding:20px!important;}
  html[data-theme="dark"] .ig-panels{background:linear-gradient(180deg,rgba(7,16,13,.62),rgba(7,16,13,.34))!important;border-color:rgba(207,175,95,.14)!important;}
  .ig-grid{gap:16px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  #homeGrid{gap:18px!important;}
  .ig-tile{border-radius:28px!important;overflow:hidden!important;box-shadow:0 22px 58px rgba(20,37,31,.11)!important;border:1px solid rgba(207,175,95,.16)!important;background:#10251d!important;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease!important;}
  .ig-tile:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg)!important;box-shadow:0 36px 86px rgba(20,37,31,.20),0 14px 38px rgba(207,175,95,.14)!important;border-color:rgba(207,175,95,.38)!important;}
  .ig-tile::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 34%,rgba(207,175,95,.16) 74%,transparent);opacity:0;transition:opacity .32s ease;}
  .ig-tile:hover::before{opacity:.85;}
  .ig-tile img,.ig-tile video,.post-video-placeholder{transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .35s ease!important;}
  .ig-tile:hover img,.ig-tile:hover video{transform:scale(1.055)!important;filter:saturate(1.08) contrast(1.04)!important;}
  .ig-empty{min-height:220px!important;border-radius:28px!important;display:grid!important;place-items:center!important;background:rgba(255,253,248,.62)!important;border:1px dashed rgba(207,175,95,.26)!important;}

  .shop-shell,.detail-shell{max-width:1360px!important;margin:0 auto!important;padding:28px 8px 110px!important;}
  .ts-shop-hero.rh-showroom-hero{min-height:min(70vh,720px)!important;border-radius:52px!important;box-shadow:0 44px 140px rgba(20,37,31,.20),0 22px 70px rgba(207,175,95,.11)!important;}
  .ts-shop-hero.rh-showroom-hero .ts-shop-hero__content{left:auto!important;right:clamp(36px,4vw,72px)!important;bottom:clamp(34px,4vw,72px)!important;width:min(500px,38vw)!important;padding:24px!important;border-radius:34px!important;background:linear-gradient(135deg,rgba(9,28,21,.78),rgba(9,28,21,.34))!important;border:1px solid rgba(207,175,95,.28)!important;backdrop-filter:blur(20px) saturate(1.16)!important;}
  .ts-shop-hero.rh-showroom-hero .ts-shop-hero__title{font-size:clamp(34px,3.5vw,56px)!important;line-height:1.38!important;}.ts-shop-hero.rh-showroom-hero .ts-shop-hero__subtitle{font-size:15px!important;}
  .category-showcase,.new-products-showcase{border-radius:42px!important;padding:26px!important;background:linear-gradient(180deg,rgba(255,253,248,.78),rgba(255,253,248,.52))!important;border-color:rgba(207,175,95,.20)!important;box-shadow:0 28px 80px rgba(20,37,31,.09)!important;}
  .category-rail{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:18px!important;overflow:visible!important;}
  .category-card{width:auto!important;min-height:168px!important;border-radius:32px!important;align-items:center!important;justify-content:center!important;}
  .category-card:hover{transform:translateY(-7px) scale(1.015)!important;}
  .new-products-slider{overflow:hidden!important;padding:24px 0 42px!important;}.new-products-track{gap:28px!important;}.slider-card,.new-product-card{border-radius:34px!important;}
  .product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:24px!important;}
  .product-card{border-radius:34px!important;box-shadow:0 26px 70px rgba(20,37,31,.10)!important;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease!important;}
  .product-card:hover{transform:translateY(-8px);box-shadow:0 38px 96px rgba(20,37,31,.17),0 14px 38px rgba(207,175,95,.12)!important;border-color:rgba(207,175,95,.34)!important;}
  .product-card__media-shell{aspect-ratio:1/1.04!important;}.product-card__media{transition:transform .9s cubic-bezier(.2,.8,.2,1)!important}.product-card:hover .product-card__media{transform:scale(1.045)!important;}
  .detail-card{border-radius:46px!important;box-shadow:0 36px 100px rgba(20,37,31,.14)!important;}.detail-layout{display:grid!important;grid-template-columns:minmax(420px,.92fr) minmax(420px,1.08fr)!important;gap:34px!important;align-items:start!important;}.detail-media-shell{border-radius:40px!important;}.detail-info-col{position:sticky!important;top:110px!important;}

  .rh-desktop-reveal{opacity:0;transform:translate3d(0,34px,0) scale(.985);transition:opacity .78s cubic-bezier(.2,.8,.2,1),transform .78s cubic-bezier(.2,.8,.2,1);}
  .rh-desktop-reveal.is-rh-desktop-visible{opacity:1;transform:translate3d(0,0,0) scale(1);}
  .rh-desktop-reveal[data-rh-desktop-side="left"]{transform:translate3d(-44px,24px,0) rotate(-1.5deg) scale(.985);}
  .rh-desktop-reveal[data-rh-desktop-side="right"]{transform:translate3d(44px,24px,0) rotate(1.5deg) scale(.985);}
  .rh-desktop-reveal.is-rh-desktop-visible[data-rh-desktop-side]{transform:translate3d(0,0,0) rotate(0) scale(1);}
}
@media (min-width: 1280px){
  .ig-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  #homeGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
}
@media (min-width: 1600px){
  .app-main,.app-main--feed{max-width:1580px!important;}
  .ig-grid,#homeGrid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
}
@media (prefers-reduced-motion: reduce){
  body.app-body::after,.rh-desktop-reveal{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;}
}


/* Royal Home desktop v2: real desktop layout, not stretched mobile shell. */
@media (min-width: 1024px){
  :root{--shell-max-width:100%;}
  html,body{width:100%;min-width:0;overflow-x:hidden;}
  .app-shell{
    width:100%!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .app-main{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:34px 132px 120px 48px!important;
  }
  .app-main--feed{
    width:100%!important;
    max-width:none!important;
    padding:30px 132px 120px 48px!important;
  }
  .topbar-inner{max-width:none!important;width:100%!important;padding-inline:48px 132px!important;}

  /* Home: full showroom desktop canvas */
  .explore-shell{
    width:min(100%,1640px)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:24px 0 120px!important;
  }
  .ig-home-shell{width:100%!important;max-width:none!important;margin:0!important;}
  .ig-topbar{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 22px!important;}
  .rh-home-profile-showroom{
    width:100%!important;
    min-height:min(72vh,780px)!important;
    border-radius:54px!important;
  }
  .rh-home-profile-bg img{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .rh-home-profile-glass{
    right:clamp(38px,4vw,82px)!important;
    left:auto!important;
    bottom:clamp(34px,4vw,76px)!important;
    width:min(560px,38vw)!important;
  }
  .highlights-strip{width:100%!important;}
  .ig-tabs{width:min(760px,64vw)!important;max-width:none!important;}
  .ig-panels{width:100%!important;}
  .ig-grid,#homeGrid{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;
    gap:20px!important;
  }
  .ig-tile{aspect-ratio:1/1!important;min-height:auto!important;}

  /* Shop/product pages */
  .shop-shell,.detail-shell{
    width:min(100%,1540px)!important;
    max-width:none!important;
    padding:30px 0 120px!important;
  }
  .product-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;}

  /* Reels: desktop theater, no white mobile phone shell. */
  .app-main--reels{
    width:100%!important;
    max-width:none!important;
    min-height:100vh!important;
    padding:0 128px 0 0!important;
    margin:0!important;
    background:
      radial-gradient(circle at 18% 14%,rgba(207,175,95,.20),transparent 30%),
      radial-gradient(circle at 82% 18%,rgba(47,90,73,.28),transparent 34%),
      linear-gradient(135deg,#07100d 0%,#0b1712 48%,#111b16 100%)!important;
  }
  .reels-page{
    margin:0!important;
    min-height:100vh!important;
    height:100vh!important;
    background:transparent!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    padding:28px 0!important;
  }
  .reels-page::before{
    content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
    background:
      linear-gradient(90deg,rgba(207,175,95,.05) 1px,transparent 1px),
      linear-gradient(rgba(207,175,95,.05) 1px,transparent 1px),
      radial-gradient(circle at 50% 50%,transparent 0,rgba(0,0,0,.22) 72%);
    background-size:74px 74px,74px 74px,auto;
    opacity:.72;
  }
  .reels-feed{
    position:relative!important;
    z-index:1!important;
    width:min(480px,36vw)!important;
    min-width:390px!important;
    height:calc(100vh - 56px)!important;
    border-radius:44px!important;
    overflow-y:auto!important;
    background:#05070c!important;
    border:12px solid rgba(255,253,248,.94)!important;
    box-shadow:0 42px 140px rgba(0,0,0,.48),0 0 0 1px rgba(207,175,95,.22),0 0 90px rgba(207,175,95,.15)!important;
  }
  .reel-item{height:calc(100vh - 80px)!important;min-height:calc(100vh - 80px)!important;border-radius:30px!important;overflow:hidden!important;}
  .reel-video{border-radius:30px!important;}
  .reel-topbar{top:18px!important;right:18px!important;left:18px!important;}
  .reel-info{bottom:58px!important;right:24px!important;left:92px!important;}
  .reel-side-actions{bottom:58px!important;left:22px!important;}
  .reel-bottom-note{bottom:18px!important;}
  .reel-comments-drawer{border-radius:28px 28px 0 0!important;}
}
@media (min-width: 1440px){
  .app-main{padding-right:150px!important;padding-left:64px!important;}
  .app-main--feed{padding-right:150px!important;padding-left:64px!important;}
  .explore-shell{width:min(100%,1760px)!important;}
  .ig-grid,#homeGrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:22px!important;}
  .reels-feed{width:min(520px,34vw)!important;}
}
@media (min-width: 1800px){
  .ig-grid,#homeGrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;}
  .explore-shell{width:min(100%,1880px)!important;}
}


/* Royal Home desktop v3: tighter right navigation + premium post modal media controls. */
@media (min-width:1024px){
  .bottom-nav{
    top:46%!important;
    bottom:auto!important;
    right:24px!important;
    width:88px!important;
    max-height:calc(100vh - 86px)!important;
    overflow:visible!important;
    transform:translateY(-50%)!important;
  }
  .bottom-nav-grid{
    max-width:88px!important;
    padding:8px!important;
    gap:7px!important;
    border-radius:30px!important;
  }
  .bottom-nav-item{
    min-height:58px!important;
    padding:7px 4px!important;
    border-radius:20px!important;
    gap:5px!important;
  }
  .bottom-nav-icon{width:26px!important;height:26px!important}
  .nav-svg{width:20px!important;height:20px!important}
  .bottom-nav-label{font-size:10px!important;line-height:1.2!important;white-space:nowrap!important;transform:scale(.96);}
  .bottom-nav-item.nav-active::before{top:6px!important;width:24px!important;height:3px!important;}
  .post-modal-box{width:min(1420px,calc(100vw - 64px))!important;height:min(92vh,920px)!important;border-radius:34px!important;}
  .ig-modal-gallery-btn{width:54px!important;height:54px!important;}
  .ig-modal-media-el.rh-post-video,.ig-modal-media-frame video.ig-modal-media-el{max-height:calc(86vh - 58px)!important;}
}
@media (min-width:1024px) and (max-height:720px){
  .bottom-nav{top:44%!important;right:18px!important;width:82px!important;}
  .bottom-nav-grid{max-width:82px!important;padding:7px!important;gap:5px!important;border-radius:26px!important;}
  .bottom-nav-item{min-height:50px!important;border-radius:18px!important;gap:3px!important;}
  .bottom-nav-icon{width:23px!important;height:23px!important}.nav-svg{width:18px!important;height:18px!important}.bottom-nav-label{font-size:9px!important;}
}