/* ShopTV storefront v2: a boutique identity and menu separate from platform navigation. */
.store-header-premium{height:auto;min-height:78px;position:sticky;top:0;z-index:1500;background:rgba(255,255,255,.97);border-bottom:1px solid #e0e8f2;box-shadow:0 5px 22px rgba(10,24,48,.055);overflow:visible}
.store-header-premium .store-header-inner{display:flex;align-items:center;gap:12px;min-height:78px;padding-top:9px;padding-bottom:9px;overflow:visible}
.store-menu-trigger{flex:0 0 42px;width:42px;height:42px;border-radius:14px;border:1px solid #dce7f4;background:#fff;color:#12365e;box-shadow:0 4px 14px rgba(8,55,111,.06);cursor:pointer;display:grid;place-items:center;font-size:20px;font-weight:800}
.store-brand.stv-store-shop-brand{flex:0 1 235px;min-width:110px;gap:10px}
.store-brand-logo.stv-store-shop-logo{width:52px;height:52px;border-radius:14px;object-fit:contain;background:#fff;border:1px solid #e3ebf5;padding:3px}
.store-brand-fallback,.shop-nav-brand-fallback{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#087cff,#064db3);color:white;font-weight:900;font-size:21px;flex:0 0 auto}
.store-brand strong{display:block;font-weight:950;font-size:clamp(13px,1.3vw,17px);line-height:1.2;overflow-wrap:anywhere;max-width:190px}
.store-header-search{max-width:330px;flex:1 1 170px;height:40px;border-radius:13px;margin-inline-start:auto}
.store-header-actions{gap:8px;flex:0 1 auto}
.store-header-actions>a{padding:8px 9px;border-radius:11px}
.store-header-actions .store-reels-pill{display:inline-flex;align-items:center;gap:6px}
.store-phone-pill{color:#0e477d!important;background:#edf6ff;border:1px solid #d7eaff}
.store-header-utility{display:flex;align-items:center;gap:7px;flex:0 0 auto;margin-inline-start:0}
.store-platform-trigger{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;border:1px solid #dce7f4;background:#f8fbff;color:#0b5ab0;font-size:20px;font-weight:900;cursor:pointer;box-shadow:0 4px 12px #0b5ab00c}
.store-platform-trigger:hover,.store-menu-trigger:hover{border-color:#9bcaff;background:#eef7ff}
.store-header-utility .stv-notification-menu{flex:0 0 auto}
.store-header-utility .stv-account-menu{flex:0 0 auto}
.shop-nav-backdrop{position:fixed;inset:0;z-index:2400;background:rgba(5,19,43,.42);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.shop-nav-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
.shop-nav-drawer{position:absolute;inset-block:0;inset-inline-start:0;width:min(390px,calc(100vw - 28px));max-height:100dvh;display:flex;flex-direction:column;background:#fff;color:#162b48;box-shadow:0 24px 70px #06152f2c;transform:translateX(-105%);transition:transform .26s cubic-bezier(.2,.8,.2,1);padding:16px 14px max(12px,env(safe-area-inset-bottom));outline:none}
[dir=rtl] .shop-nav-drawer{transform:translateX(105%)}
.shop-nav-backdrop.is-open .shop-nav-drawer{transform:translateX(0)}
.shop-nav-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:3px 3px 14px;border-bottom:1px solid #e8eef6}
.shop-nav-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;min-width:0}
.shop-nav-brand img{width:48px;height:48px;object-fit:contain;border-radius:14px;border:1px solid #e3ebf5;padding:3px;background:#fff}
.shop-nav-brand>span:last-child{display:grid;gap:3px;min-width:0}
.shop-nav-brand strong{font-size:15px;font-weight:950;overflow-wrap:anywhere}
.shop-nav-brand small{font-size:11px;color:#7a8aa0}
.shop-nav-close{width:39px;height:39px;border:1px solid #dce7f4;border-radius:13px;background:#f7fbff;color:#18365b;font-size:25px;display:grid;place-items:center;cursor:pointer}
.shop-nav-scroll{overflow:auto;overscroll-behavior:contain;padding:12px 2px;display:grid;gap:8px;min-height:0}
.shop-nav-link{display:flex;align-items:center;gap:11px;min-height:47px;padding:10px 12px;border:1px solid #e3ebf5;border-radius:14px;color:#1a3556;text-decoration:none;font-size:13px;font-weight:850;background:linear-gradient(135deg,#fff,#f8fbff);transition:transform .16s,border-color .16s,background .16s}
.shop-nav-link>span:first-child{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:10px;background:#eaf4ff;color:#087cff;font-size:17px}
.shop-nav-link>b{margin-inline-start:auto;color:#7790ad;font-size:14px}
.shop-nav-link:hover{transform:translateY(-1px);border-color:#a9d0ff;background:#f3f9ff}
.shop-nav-reels-play{font-size:12px!important;border-radius:50%!important}
.shop-nav-section{padding:12px;border:1px solid #e4edf7;border-radius:16px;background:#fbfdff}
.shop-nav-section>strong{display:block;margin-bottom:10px;color:#73849a;font-size:11px;font-weight:950;letter-spacing:.02em}
.shop-nav-categories{display:flex;flex-wrap:wrap;gap:7px}
.shop-nav-categories a{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;background:#eef6ff;border:1px solid #dcecff;color:#135b9e;text-decoration:none;font-size:11px;font-weight:800}
.shop-nav-contact{display:flex;align-items:center;gap:10px;padding:10px 0;text-decoration:none;color:#233c59;border-top:1px solid #e8eef6}
.shop-nav-contact>span:first-child{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#eaf4ff;color:#087cff;font-size:17px}
.shop-nav-contact>span:nth-child(2){display:grid;gap:3px;min-width:0}
.shop-nav-contact b{font-size:12px}.shop-nav-contact small{font-size:10px;color:#7d8ca0;overflow-wrap:anywhere}
.shop-nav-contact i{margin-inline-start:auto;color:#7d8ca0;font-style:normal}
.shop-nav-whatsapp>span:first-child{background:#e8faef;color:#12824c}
.shop-nav-socials{display:flex;flex-wrap:wrap;gap:9px}
.shop-nav-socials a{display:grid;justify-items:center;gap:5px;min-width:57px;color:#295173;text-decoration:none;font-size:10px}
.shop-nav-socials a span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #dce8f6;border-radius:13px;background:#fff;color:#087cff;font-size:18px;font-weight:950;box-shadow:0 4px 13px #0b4f9510}
.shop-nav-foot{display:grid;gap:3px;padding:11px 5px 0;border-top:1px solid #e8eef6;color:#253f60;font-size:12px;font-weight:900}
.shop-nav-foot small{font-size:10px;color:#8a98aa;font-weight:500}
body.shop-nav-open{overflow:hidden;touch-action:none}
/* Keep platform and account menus in a separate visual layer, just below the sticky header. */
.store-body .stv-account-panel{top:calc(100% + 9px);max-height:min(70dvh,590px);width:min(300px,calc(100vw - 20px))}
.store-body .stv-account-menu[open] .stv-account-panel{position:absolute}
.store-header-utility .stv-notification-dropdown{max-height:min(65dvh,520px)}
@media(max-width:900px){.store-header-premium .store-header-inner{gap:9px}.store-header-actions>a{font-size:.69rem;padding:8px}.store-brand.stv-store-shop-brand{flex-basis:185px}.store-brand-logo.stv-store-shop-logo{width:46px;height:46px}}
@media(max-width:760px){
 .store-header-premium .store-header-inner{display:grid;grid-template-columns:39px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 9px;min-height:0;padding-top:9px;padding-bottom:9px}
 .store-header-premium .store-menu-trigger{grid-column:1;grid-row:1}
 .store-header-premium .store-brand{grid-column:2;grid-row:1;min-width:0;max-width:100%;flex-basis:auto}
 .store-header-premium .store-brand strong{max-width:36vw;font-size:13px}
 .store-header-premium .store-brand-logo.stv-store-shop-logo,.store-header-premium .store-brand-fallback{width:39px;height:39px;border-radius:11px}
 .store-header-premium .store-header-search{grid-row:2;grid-column:1/-1;width:100%;max-width:none;height:39px;margin:0}
 .store-header-premium .store-header-actions{display:none!important}
 .store-header-premium .store-header-utility{grid-column:3;grid-row:1;display:flex;gap:4px;align-self:center}
 .store-header-utility .store-platform-trigger{width:33px;height:35px;flex-basis:33px;border-radius:10px;font-size:17px}
 .store-header-utility .stv-notification-trigger{width:34px;height:35px;min-width:34px}
 .store-header-utility .stv-account-trigger{width:36px;min-width:36px;height:36px;padding:3px;border-radius:11px}
 .store-header-utility .stv-account-avatar{width:29px;height:29px;flex-basis:29px}
 .store-header-utility .stv-account-trigger-copy,.store-header-utility .stv-account-chevron{display:none}
 .store-body .stv-account-panel{position:fixed;top:calc(112px + env(safe-area-inset-top));inset-inline-end:8px;width:min(292px,calc(100vw - 16px));max-height:calc(100dvh - 180px);z-index:2200}
 .shop-nav-drawer{width:min(355px,calc(100vw - 24px));padding:13px 12px max(10px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.shop-nav-drawer,.shop-nav-backdrop,.shop-nav-link{transition:none!important}}

/* Boutique Reel dock: white store identity, boutique logo, tiny play badge; override legacy blue styles. */
.store-body .shop-bottom-nav .bottom-nav-logo.bottom-nav-reels.is-store-reels,
.store-body .shop-bottom-nav .bottom-nav-logo.bottom-nav-reels {
  position:relative!important;overflow:visible!important;background:#fff!important;color:#087cff!important;
  border:1px solid #dce7f4!important;border-radius:18px!important;padding:3px!important;
  box-shadow:0 7px 19px rgba(8,55,111,.13)!important;isolation:isolate!important;
}
.store-body .shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:before {
  inset:-4px!important;border:1px solid rgba(8,124,255,.15)!important;border-radius:22px!important;
  background:transparent!important;animation:stvReelRingLite 4s ease-in-out infinite!important;
}
.store-body .shop-bottom-nav .bottom-nav-reels-logo,
.store-body .shop-bottom-nav .bottom-nav-shop-logo {
  display:block!important;width:42px!important;height:42px!important;object-fit:contain!important;
  border-radius:11px!important;background:#fff!important;box-shadow:none!important;
}
.store-body .shop-bottom-nav .bottom-nav-shop-logo-fallback {
  display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#fff;color:#087cff;
  font-weight:950;font-size:20px;border:1px solid #e4edf7;
}
.store-body .shop-bottom-nav .bottom-nav-reels-play {
  position:absolute;inset-inline-end:1px;inset-block-end:1px;z-index:4;display:grid;place-items:center;
  width:17px;height:17px;border-radius:50%;background:#087cff;color:#fff;border:2px solid #fff;
  font-size:7px;line-height:1;padding-inline-start:1px;box-shadow:0 2px 5px rgba(6,24,63,.16);pointer-events:none;
}
.store-body .shop-bottom-nav .bottom-nav-reels .bottom-nav-logo-label {display:none!important}
@media(max-width:760px){
  .store-body .shop-bottom-nav .bottom-nav-reels-logo,.store-body .shop-bottom-nav .bottom-nav-shop-logo{width:38px!important;height:38px!important}
  .store-body .shop-bottom-nav .bottom-nav-shop-logo-fallback{width:38px;height:38px;font-size:18px}
  .store-body .shop-bottom-nav .bottom-nav-reels-play{width:16px;height:16px}
  .store-body .stv-account-menu[open] .stv-account-panel{top:calc(136px + env(safe-area-inset-top));}
}
@media(prefers-reduced-motion:reduce){.store-body .shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:before{animation:none!important}}