/* ShopTV platform chrome: shared account menu, side drawer and safe mobile dock. */
.stv-account-menu{position:relative;display:block;flex:0 0 auto;z-index:1605;color:#102544}
.stv-account-menu>summary{list-style:none}
.stv-account-menu>summary::-webkit-details-marker{display:none}
.stv-account-trigger{display:flex;align-items:center;gap:9px;min-height:46px;max-width:245px;padding:5px 10px 5px 6px;border:1px solid #dce8f6;border-radius:16px;background:linear-gradient(145deg,#fff,#f4f9ff);box-shadow:0 5px 16px rgba(8,55,111,.07);cursor:pointer;user-select:none}
.stv-account-trigger:focus-visible,.stv-account-action:focus-visible,.stv-sidebar-trigger:focus-visible{outline:3px solid #8ac6ff;outline-offset:3px}
.stv-account-avatar{position:relative;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;overflow:hidden;border:1px solid #d9e8f8;border-radius:12px;background:linear-gradient(145deg,#e5f2ff,#cfe7ff);color:#075cc7;font-size:14px;font-weight:950}
.stv-account-avatar img{width:100%;height:100%;object-fit:cover}
.stv-account-avatar-fallback{display:grid;place-items:center;width:100%;height:100%;font-weight:950}
.stv-account-trigger-copy{display:grid;gap:1px;min-width:0;text-align:start}
.stv-account-trigger-copy strong{overflow:hidden;max-width:145px;color:#102544;font-size:11px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}
.stv-account-trigger-copy small{overflow:hidden;max-width:145px;color:#70819a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.stv-account-chevron{margin-inline-start:auto;color:#647995;font-size:15px;transition:transform .18s ease}
.stv-account-menu[open] .stv-account-chevron{transform:rotate(180deg)}
.stv-account-panel{position:absolute;top:calc(100% + 9px);inset-inline-end:0;z-index:1608;display:grid;gap:6px;width:min(325px,calc(100vw - 20px));max-height:min(78vh,650px);overflow-y:auto;padding:11px;border:1px solid #dce8f6;border-radius:19px;background:rgba(255,255,255,.985);box-shadow:0 24px 65px rgba(6,24,63,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.stv-account-identity{display:flex;align-items:center;gap:10px;min-width:0;padding:5px 4px 13px;border-bottom:1px solid #e8eff8;margin-bottom:2px}
.stv-account-avatar-large{flex-basis:45px;width:45px;height:45px;border-radius:15px}
.stv-account-identity-copy{display:grid;gap:3px;min-width:0}
.stv-account-identity-copy strong{overflow:hidden;color:#102544;font-size:12px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}
.stv-account-identity-copy small{overflow:hidden;color:#70819a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.stv-account-identity-copy em{color:#0b76cf;font-size:9px;font-style:normal;font-weight:900}
.stv-account-action{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 10px;border:1px solid transparent;border-radius:12px;background:#f7faff;color:#294260;text-align:start;text-decoration:none;font:inherit;font-size:11px;font-weight:850;cursor:pointer}
.stv-account-action>span:first-child{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:#e5f1ff;color:var(--shop-primary,#075cc7);font-size:15px}
.stv-account-action>span:nth-child(2){flex:1;min-width:0}
.stv-account-action>b{margin-inline-start:auto;color:#7090b4;font-size:12px}
.stv-account-action:hover{border-color:#c6e1ff;background:#edf6ff;color:#064eaa}
.stv-account-register{background:#eaf4ff;color:#075cc7}
.stv-account-inline-form{margin:0}
.stv-account-inline-form button{font-family:inherit}
.stv-account-logout{border-color:#f0e1e4;background:#fff8fa;color:#a13449}
.stv-account-logout>span:first-child{background:#ffe9ed;color:#b4233f}
.stv-account-shop-form{display:grid;gap:7px;padding:10px;border:1px solid #e1eaf6;border-radius:13px;background:#fbfdff}
.stv-account-shop-form label{color:#6d7f97;font-size:10px;font-weight:900}
.stv-account-shop-form select{width:100%;min-height:39px;padding:8px 10px;border:1px solid #d4e1f1;border-radius:10px;background:#fff;color:#163454;font-size:11px;font-weight:800}
.stv-sidebar-trigger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #dbe7f5;border-radius:13px;background:#fff;color:#17375f;box-shadow:0 4px 13px rgba(8,55,111,.055);font-size:19px;font-weight:900;line-height:1;cursor:pointer}
.stv-drawer-backdrop{position:fixed;inset:0;z-index:3000;display:block;visibility:hidden;opacity:0;background:rgba(4,17,39,.48);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .2s ease,visibility .2s ease}
.stv-drawer-backdrop.is-open{visibility:visible;opacity:1}
.stv-platform-drawer{position:absolute;top:0;bottom:0;inset-inline-start:0;display:flex;flex-direction:column;gap:0;width:min(340px,calc(100vw - 34px));max-height:100dvh;overflow:hidden;padding:18px 14px max(14px,env(safe-area-inset-bottom));background:#fff;color:#122b4c;box-shadow:18px 0 50px rgba(4,17,39,.2);transform:translateX(-105%);transition:transform .23s ease}
[dir=rtl] .stv-platform-drawer{transform:translateX(105%);box-shadow:-18px 0 50px rgba(4,17,39,.2)}
.stv-drawer-backdrop.is-open .stv-platform-drawer{transform:translateX(0)}
.stv-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 15px;border-bottom:1px solid #e9eff7}
.stv-drawer-brand{display:flex;align-items:center;min-width:0;max-width:205px}
.stv-drawer-brand img{width:150px;max-height:42px;object-fit:contain;object-position:left center}
[dir=rtl] .stv-drawer-brand img{object-position:right center}
.stv-drawer-close{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border:1px solid #dce7f4;border-radius:12px;background:#f7faff;color:#36516f;font-size:24px;line-height:1}
.stv-drawer-shop-context{display:grid;gap:10px;margin:13px 0 7px;padding:11px;border:1px solid #e2ecf7;border-radius:15px;background:linear-gradient(145deg,#fff,#f7fbff)}
.stv-drawer-shop-link{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none}
.stv-drawer-shop-avatar{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;overflow:hidden;border-radius:12px;background:#e8f4ff;color:#1266b9;font-weight:950}
.stv-drawer-shop-avatar img{width:100%;height:100%;object-fit:cover}
.stv-drawer-shop-link>span:nth-child(2){display:grid;gap:2px;flex:1;min-width:0}
.stv-drawer-shop-link small{font-size:9px;color:#7b8aa1}
.stv-drawer-shop-link strong{overflow:hidden;color:#142e4f;font-size:12px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}
.stv-drawer-shop-link>b{color:#6583a8}
.stv-drawer-shop-form{display:grid;gap:5px}
.stv-drawer-shop-form label{font-size:10px;font-weight:850;color:#71809b}
.stv-drawer-shop-form select{width:100%;min-height:36px;padding:7px 9px;border:1px solid #d7e4f3;border-radius:10px;background:#fff;color:#153456;font-size:11px;font-weight:800}
.stv-drawer-nav{display:grid;gap:4px;overflow-y:auto;overscroll-behavior:contain;padding:11px 0 13px}
.stv-drawer-caption{padding:12px 10px 5px;color:#91a0b4;font-size:9px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.stv-drawer-nav>a{display:flex;align-items:center;gap:11px;min-height:42px;padding:9px 10px;border:1px solid transparent;border-radius:12px;color:#4c607a;font-size:12px;font-weight:850;text-decoration:none;transition:background .16s,border-color .16s,color .16s}
.stv-drawer-nav>a>i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#eef5ff;color:#0b70d0;font-size:16px;font-style:normal;font-weight:950}
.stv-drawer-nav>a:hover,.stv-drawer-nav>a.is-active{border-color:#d1e7ff;background:#eff7ff;color:#064eaa}
.stv-drawer-nav>a.is-active>i{background:#0b7cf5;color:#fff}
.stv-drawer-cta{margin:8px 0 0}
.stv-drawer-cta button{display:flex;align-items:center;gap:10px;width:100%;min-height:45px;padding:9px 10px;border:1px solid #c7e0fc;border-radius:13px;background:#f0f7ff;color:#075cc7;font:inherit;font-size:12px;font-weight:900;text-align:start}
.stv-drawer-cta i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#087cff;color:#fff;font-size:18px;font-style:normal}
.stv-drawer-cta span{flex:1}
.stv-drawer-footer{display:grid;gap:2px;margin-top:auto;padding:12px 5px 0;border-top:1px solid #e9eff7;color:#355273;font-size:11px;font-weight:950}
.stv-drawer-footer small{font-size:9px;font-weight:600;color:#8a98aa}

/* Home feed: one hero, latest products, short rectangular Reels and compact round categories. */
.market-hero-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 2px}
.market-hero-shortcut{display:flex;align-items:center;gap:9px;min-width:0;min-height:46px;padding:7px 12px;border:1px solid rgba(194,220,248,.9);border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 7px 20px rgba(10,54,100,.055);color:#16375c;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.market-hero-shortcut:hover{transform:translateY(-2px);border-color:#91c9ff;box-shadow:0 12px 25px rgba(10,54,100,.1)}
.market-hero-shortcut>span:first-child{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;background:#eaf4ff;color:#0864c4;font-size:16px;font-weight:950}
.market-hero-shortcut>span:last-child{display:grid;gap:1px;min-width:0}
.market-hero-shortcut strong{font-size:11px;font-weight:950;line-height:1.25}
.market-hero-shortcut small{font-size:9px;color:#72839a;line-height:1.3}
.market-home-reels{padding:28px 0 16px}
.market-home-reels .market-section-head{margin-bottom:16px}
.market-reel-rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding:4px 2px 13px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#c8ddf5 transparent}
.market-reel-card{position:relative;isolation:isolate;display:block;flex:0 0 clamp(116px,13vw,158px);aspect-ratio:9/14;overflow:hidden;border:1px solid #dfe9f6;border-radius:18px;background:linear-gradient(155deg,#d8e9ff,#f6faff 57%,#bbddff);box-shadow:0 8px 22px rgba(10,43,82,.09);scroll-snap-align:start;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}
.market-reel-card:hover{transform:translateY(-4px);box-shadow:0 17px 32px rgba(10,43,82,.17)}
.market-reel-poster{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}
.market-reel-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.market-reel-card:hover .market-reel-poster img{transform:scale(1.055)}
.market-reel-poster-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#ffffff,#d9e9ff 50%,#a7d2ff);color:#0a5cb0;font-size:48px;font-weight:950}
.market-reel-card:after{position:absolute;z-index:1;inset:22% 0 0;background:linear-gradient(180deg,transparent,rgba(3,16,38,.08) 24%,rgba(3,16,38,.86));content:""}
.market-reel-play{position:absolute;z-index:2;top:11px;inset-inline-start:11px;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(255,255,255,.92);color:#075cc7;font-size:12px;box-shadow:0 5px 15px rgba(3,16,38,.15)}
.market-reel-copy{position:absolute;z-index:2;inset-inline:11px;bottom:11px;display:grid;gap:4px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.2)}
.market-reel-copy small{overflow:hidden;color:rgba(255,255,255,.8);font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.market-reel-copy strong{display:-webkit-box;overflow:hidden;color:#fff;font-size:12px;font-weight:950;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.market-reel-copy span{font-size:10px;font-weight:900}
.market-new-section{padding-top:24px!important}
.market-feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.market-new-section .market-section-head{margin-bottom:17px}
.market-new-section .market-feed-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:#70819a;font-size:10px}
.market-new-section .market-feed-footer a{color:#075cc7;font-weight:900}
.market-category-section .market-category-round-rail{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;padding:4px 2px 16px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c8ddf5 transparent}
.market-category-round-rail .market-category-round{display:flex;flex:0 0 94px;min-height:0;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:0 4px;border:0;border-radius:0;background:transparent;text-align:center;box-shadow:none;scroll-snap-align:start}
.market-category-round-rail .market-category-round>span{display:grid;place-items:center;width:61px;height:61px;border:1px solid #d9e8f9;border-radius:50%;background:linear-gradient(145deg,#fff,#eaf4ff);color:#0b68c8;font-size:24px;box-shadow:0 8px 19px rgba(8,64,126,.09);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.market-category-round-rail .market-category-round:hover>span{transform:translateY(-3px) scale(1.04);border-color:#8fc7ff;box-shadow:0 13px 24px rgba(8,64,126,.14)}
.market-category-round-rail .market-category-round strong{max-width:100%;color:#233a59;font-size:10px;font-weight:900;line-height:1.25}
.market-category-round-rail .market-category-round small{display:none}
.market-hero-product-feature,.market-hero-product-float{will-change:transform}
.market-hero-product-feature{animation:marketHeroIn .65s cubic-bezier(.2,.8,.2,1) both}
.market-hero-product-float-one{animation:marketCardFloat 5.5s ease-in-out .2s infinite}
.market-hero-product-float-two{animation:marketCardFloat 6.2s ease-in-out .7s infinite reverse}
@keyframes marketHeroIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes marketCardFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}

@media(max-width:980px){.market-feed-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
 .marketing-header .nav-wrap{gap:8px}
 .marketing-header .brand-official{flex:1;min-width:0}
 .marketing-header .brand-logo{width:clamp(106px,31vw,130px);max-height:44px}
 .marketing-header .brand-official small{display:none}
 .marketing-nav{display:none!important}
 .stv-sidebar-trigger{flex-basis:39px;width:39px;height:39px;border-radius:12px;font-size:18px}
 .stv-account-trigger{min-height:40px;gap:6px;padding:4px 7px 4px 4px;border-radius:13px}
 .stv-account-avatar{flex-basis:31px;width:31px;height:31px;border-radius:10px}
 .stv-account-trigger-copy strong{font-size:10px;max-width:82px}
 .stv-account-trigger-copy small{display:none}
 .stv-account-chevron{font-size:12px}
 .stv-account-panel{position:fixed;top:calc(68px + env(safe-area-inset-top));inset-inline-end:10px;width:min(320px,calc(100vw - 20px));max-height:calc(100dvh - 155px)}
 .buyer-workspace-layout{display:block!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;max-width:100%!important;margin:0!important;padding:0 0 24px!important}
 .buyer-sidebar-mobile-toggle{display:none!important}
 .buyer-sidebar-backdrop{display:none!important}
 .buyer-account-sidebar{display:none!important}
 .buyer-workspace-main{width:100%;max-width:100%;overflow:visible!important}
 .buyer-workspace-main .buyer-hero{border-radius:0}
 .buyer-workspace-main .buyer-stats-section,.buyer-workspace-main .buyer-main-section{padding-inline:12px}
 .market-hero-shortcuts{gap:7px;margin-top:13px}
 .market-hero-shortcut{flex:1 1 calc(50% - 7px);min-height:44px;padding:6px 8px}
 .market-hero-shortcut strong{font-size:10px}
 .market-home-reels{padding:19px 0 5px}
 .market-reel-rail{gap:9px;margin-inline:-4px;padding-inline:4px}
 .market-reel-card{flex-basis:clamp(108px,32vw,132px);border-radius:15px}
 .market-reel-copy{inset-inline:8px;bottom:8px}
 .market-reel-copy small{font-size:8px}
 .market-reel-copy strong{font-size:10px}
 .market-reel-play{top:8px;inset-inline-start:8px;width:28px;height:28px}
 .market-new-section{padding:22px 0 15px!important}
 .market-feed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .market-new-section .market-feed-footer{align-items:flex-start;flex-direction:column;gap:7px}
 .market-category-section .market-category-round-rail{gap:10px}
 .market-category-round-rail .market-category-round{flex-basis:78px;gap:6px}
 .market-category-round-rail .market-category-round>span{width:52px;height:52px;font-size:20px}
 .market-category-round-rail .market-category-round strong{font-size:9px}
 .store-header-premium .store-header-inner{grid-template-columns:39px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 9px}
 .store-header-premium .stv-sidebar-trigger{grid-column:1;grid-row:1}
 .store-header-premium .store-brand{grid-column:2;grid-row:1;min-width:0}
 .store-header-premium .store-header-search{grid-column:1/-1;grid-row:2}
 .store-header-premium .store-header-actions{display:none!important}
 .store-header-premium .stv-account-menu{grid-column:3;grid-row:1}
 .store-header-premium .stv-account-trigger-copy,.store-header-premium .stv-account-chevron{display:none}
 .store-header-premium .stv-account-trigger{width:40px;min-width:40px;height:40px;padding:4px;border-radius:12px}
 .store-header-premium .stv-account-avatar{width:30px;height:30px;flex-basis:30px}
 .store-body{padding-bottom:calc(108px + env(safe-area-inset-bottom))!important}
 .app-body{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
 .app-topbar .sidebar-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 39px;width:39px;height:39px}
}
@media(min-width:761px){.app-topbar .sidebar-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 39px;width:39px;height:39px}}
@media(max-width:420px){.stv-account-trigger-copy{display:none}.stv-account-trigger{width:42px;min-width:42px;justify-content:center}.market-section-head h2{font-size:1.35rem}}
@media(max-width:360px){.market-hero-shortcut{flex-basis:100%}.market-reel-card{flex-basis:101px}}
@media(prefers-reduced-motion:reduce){.market-hero-product-feature,.market-hero-product-float-one,.market-hero-product-float-two,.market-reel-card,.market-category-round-rail .market-category-round>span{animation:none!important;transition:none!important}}

/* Keep navigation above page content and the account popover clickable on desktop and mobile. */
.marketing-header,.store-header-premium{position:relative;z-index:1500;overflow:visible}
.app-topbar{position:relative;z-index:90;overflow:visible}
.marketing-header .nav-wrap,.store-header-premium .store-header-inner,.app-topbar{overflow:visible}
.stv-global-nav-wrap{display:flex;align-items:center;gap:14px;min-width:0}
.stv-sidebar-trigger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #d9e7f7;border-radius:13px;background:#fff;color:#14365d;box-shadow:0 5px 15px rgba(12,55,105,.07);font:inherit;font-size:19px;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.stv-sidebar-trigger:hover{border-color:#9acbff;background:#f2f8ff;transform:translateY(-1px)}
.stv-global-nav-wrap .brand-official{flex:0 0 auto}
.stv-global-nav-wrap .stv-desktop-nav{flex:1;justify-content:center;min-width:0}
.stv-global-nav-wrap>.stv-account-menu{margin-inline-start:auto}
.stv-drawer-backdrop{z-index:1800}
.stv-account-menu[open]{z-index:2000}
.stv-account-menu[open] .stv-account-panel{z-index:2001}
@media(min-width:761px){
 body.app-body.sidebar-collapsed .app-shell>.sidebar{width:0!important;min-width:0!important;flex:0 0 0!important;padding-inline:0!important;border-inline-width:0!important;overflow:hidden!important;opacity:0;pointer-events:none}
 body.app-body.sidebar-collapsed .app-shell>.sidebar>*{display:none!important}
 body.app-body.sidebar-collapsed .app-shell>.app-main{min-width:0;flex:1 1 auto}
}
@media(max-width:760px){
 .stv-global-nav-wrap{gap:8px}
 .stv-global-nav-wrap .brand-official{flex:1;min-width:0}
 .stv-global-nav-wrap .brand-logo{width:clamp(98px,29vw,126px);max-height:43px}
 .stv-global-nav-wrap .brand-official small{display:none}
 .stv-sidebar-trigger{flex-basis:39px;width:39px;height:39px;border-radius:12px;font-size:17px}
 .app-topbar .topbar-title{flex:1;min-width:0}
 .app-topbar .topbar-actions{display:flex;align-items:center;gap:6px;min-width:0}
 .app-topbar .topbar-open-store{display:none}
 .app-topbar .topbar-shop-switcher{max-width:39vw}
 .app-topbar .topbar-shop-switcher .topbar-shop-select-shell{width:78px}
 .app-topbar .topbar-shop-switcher-copy{display:none}
}

.stv-topbar-home-logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;padding:2px 0}
.stv-topbar-home-logo img{display:block;width:136px;max-width:100%;max-height:42px;object-fit:contain}
body.platform-drawer-open{overflow:hidden;touch-action:none}
.store-body .shop-bottom-nav .bottom-nav-item.is-active{background:#EAF4FF;color:#075CC7}
.store-body .shop-bottom-nav .bottom-nav-logo{background:linear-gradient(145deg,#FFFFFF,#EAF4FF 58%,#CFE5FF);box-shadow:0 7px 19px #0757C933}
.store-body .shop-bottom-nav .bottom-nav-logo:before{border-color:#087CFF38}
.store-body .shop-bottom-nav .bottom-nav-logo-label{border-color:#D1E5FF;color:#075CC7;background:#FFFFFF}
@media(max-width:760px){
 .store-body .stv-account-panel{top:calc(108px + env(safe-area-inset-top));max-height:calc(100dvh - 190px)}
 .stv-topbar-home-logo img{width:clamp(78px,23vw,96px);max-height:32px}
 .app-topbar .topbar-shop-switcher,.app-topbar .topbar-shop-current-single{display:none!important}
 .app-topbar .topbar-title{max-width:110px}
}
@media(max-width:390px){.stv-topbar-home-logo img{width:68px}.app-topbar{gap:6px!important;padding-inline:8px!important}.app-topbar .topbar-title{max-width:72px}.app-topbar .topbar-title strong{font-size:11px}}

.stv-store-shop-brand{flex:0 0 auto;min-width:0;max-width:180px}
.stv-store-shop-brand .stv-store-shoptv-logo{display:block;width:156px;height:auto;max-height:48px;object-fit:contain;border-radius:0}
@media(max-width:760px){.stv-store-shop-brand{max-width:100%;overflow:hidden}.stv-store-shop-brand .stv-store-shoptv-logo{width:clamp(98px,29vw,124px);max-height:41px}}


/* Buyer pages use the same global sidebar drawer as the rest of ShopTV; no legacy column underneath the navbar. */
.buyer-workspace-no-sidebar{display:block!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;width:100%;max-width:100%!important;margin:0 auto!important;padding:14px clamp(12px,2vw,28px) 42px!important}
.buyer-workspace-no-sidebar>.buyer-workspace-main{width:100%;max-width:100%;min-width:0;overflow:visible!important}
@media(max-width:760px){.buyer-workspace-no-sidebar{padding:0 0 calc(100px + env(safe-area-inset-bottom))!important}.buyer-workspace-no-sidebar>.buyer-workspace-main{width:100%;max-width:100%;padding:0}}

@media(max-width:760px){
 .app-topbar .topbar-actions>.icon-button{display:none!important}
 .app-topbar .topbar-shop-switcher{max-width:34vw;padding:4px;gap:4px}
 .app-topbar .topbar-shop-switcher .topbar-shop-select-shell{width:68px}
 .app-topbar .topbar-shop-switcher .topbar-shop-emblem{width:27px;height:27px}
 .app-topbar .topbar-shop-current-single{max-width:34vw;padding:4px 6px;gap:5px}
 .app-topbar .topbar-shop-current-single .topbar-shop-emblem{width:27px;height:27px}
 .app-topbar .topbar-shop-current-copy strong{max-width:56px;font-size:10px}
}
@media(max-width:390px){
 .app-topbar .stv-topbar-home-logo img{width:66px}
 .app-topbar .topbar-title{max-width:60px!important}
 .app-topbar .topbar-title strong{font-size:10px!important}
 .app-topbar .topbar-shop-switcher{max-width:31vw}
 .app-topbar .topbar-shop-switcher .topbar-shop-select-shell{width:61px}
 .app-topbar .topbar-shop-current-single{max-width:31vw}
 .app-topbar .topbar-shop-current-copy strong{max-width:48px}
}

@media(max-width:760px){.app-topbar .admin-pill{display:none!important}}

/* Unified boutique menu and social links */
.stv-drawer-store-links{margin:10px 14px 12px;padding:12px;border:1px solid #e1eaf6;border-radius:17px;background:linear-gradient(135deg,#f7fbff,#fff)}
.stv-drawer-store-links>.stv-drawer-caption{display:block;margin:0 0 7px;padding:0 2px;color:#718096;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.stv-drawer-store-links>a{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 9px;border-radius:10px;color:#1e344f;text-decoration:none;font-size:13px;font-weight:800}
.stv-drawer-store-links>a:hover{background:#eaf3ff;color:#005ACB}.stv-drawer-store-links>a i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e7f1ff;color:#087CFF;font-style:normal;font-size:14px;flex:none}
.stv-drawer-socials{display:flex;flex-wrap:wrap;gap:7px;padding-top:10px;margin-top:8px;border-top:1px solid #e8eef7}.stv-drawer-socials>a{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #e0eaf7;border-radius:999px;background:#fff;color:#34506e;text-decoration:none;font-size:11px;font-weight:800}.stv-drawer-socials>a span{color:#087CFF;font-weight:900}.stv-drawer-socials>a small{font-size:10px}
.bottom-nav-reels{background:linear-gradient(145deg,#087CFF,#005ACB)!important;border:3px solid #fff!important;border-radius:20px!important;box-shadow:0 7px 18px #087CFF44!important;color:#fff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.bottom-nav-reels-glyph{display:grid;place-items:center;width:29px;height:29px;border:1.5px solid #fff8;border-radius:10px;font-size:22px;line-height:1;font-weight:900;color:#fff}.bottom-nav-reels .bottom-nav-logo-label{display:block!important;color:#fff!important;font-size:10px!important;font-weight:900!important;line-height:1.1;margin-top:3px}
.stv-drawer-nav a,.stv-drawer-store-links a{overflow-wrap:anywhere}


/* ShopTV profile menu v3 — compact profile trigger, cleaner action popover. */
.stv-account-menu{z-index:2050}
.stv-account-trigger{min-height:40px;max-width:205px;gap:7px;padding:4px 8px 4px 4px;border-radius:999px;background:rgba(255,255,255,.98);border-color:#D9E7F8;box-shadow:0 4px 14px rgba(6,35,80,.07)}
.stv-account-avatar{flex-basis:32px;width:32px;height:32px;border-radius:50%;background:#EAF4FF;border-color:#D8E8FB}
.stv-account-trigger-copy strong{font-size:10px;max-width:118px}
.stv-account-trigger-copy small{max-width:118px;font-size:9px}
.stv-account-chevron{display:grid;place-items:center;width:20px;height:20px;margin-inline-start:0;border-radius:50%;background:#F0F6FE;color:#42658B;font-size:12px}
.stv-account-panel{width:min(292px,calc(100vw - 18px));gap:5px;padding:9px;border-radius:18px;border-color:#DCE8F6;box-shadow:0 18px 55px rgba(6,24,63,.19)}
.stv-account-identity{gap:9px;padding:4px 3px 10px}
.stv-account-avatar-large{flex-basis:42px;width:42px;height:42px;border-radius:50%}
.stv-account-identity-copy strong{font-size:11px}
.stv-account-identity-copy small{font-size:9px}
.stv-account-action{min-height:38px;gap:8px;padding:6px 8px;border-radius:11px;font-size:10px}
.stv-account-action>span:first-child{flex-basis:25px;width:25px;height:25px;border-radius:8px;font-size:14px}
.stv-account-shop-form{padding:8px;border-radius:11px}
@media(max-width:760px){
 .stv-account-trigger{min-height:38px;width:40px;min-width:40px;max-width:40px;justify-content:center;gap:0;padding:3px;border-radius:50%}
 .stv-account-avatar{width:32px;height:32px;flex-basis:32px;border-radius:50%}
 .stv-account-trigger-copy,.stv-account-chevron{display:none!important}
 .stv-account-panel{position:fixed;top:calc(58px + env(safe-area-inset-top));inset-inline-end:8px;width:min(286px,calc(100vw - 16px));max-height:calc(100dvh - 90px);padding:8px;border-radius:17px;z-index:2101}
 .stv-account-menu[open]{z-index:2100}
}
@media(prefers-reduced-motion:reduce){.stv-account-trigger,.stv-account-chevron{transition:none!important}}


/* ShopTV bottom dock v5: the center item is the transparent ShopTV logo only. */
@media(max-width:760px){
 .shop-bottom-nav .bottom-nav-logo.bottom-nav-reels,.dashboard-shop-bottom-nav .bottom-nav-logo.bottom-nav-reels{background:#fff!important;border:1px solid #D8E5F4!important;border-radius:16px!important;box-shadow:0 6px 17px rgba(6,24,63,.13)!important;color:#087CFF!important;padding:3px!important}
 .shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:before,.dashboard-shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:before{inset:-4px!important;border:1px solid rgba(8,124,255,.13)!important;border-radius:20px!important;animation:stvReelRingLite 4s ease-in-out infinite!important}
 .shop-bottom-nav .bottom-nav-reels-logo,.dashboard-shop-bottom-nav .bottom-nav-reels-logo{display:block!important;width:40px!important;height:40px!important;object-fit:contain!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
 .shop-bottom-nav .bottom-nav-reels .bottom-nav-logo-label,.dashboard-shop-bottom-nav .bottom-nav-reels .bottom-nav-logo-label{display:none!important}
 .shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:after,.dashboard-shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:after{display:none!important;content:none!important}
 .shop-bottom-nav .bottom-nav-logo.bottom-nav-reels.is-active,.dashboard-shop-bottom-nav .bottom-nav-logo.bottom-nav-reels.is-active{background:#fff!important;border-color:#B9D8FF!important;box-shadow:0 0 0 3px rgba(8,124,255,.08),0 7px 18px rgba(6,24,63,.15)!important}
}
@media(max-width:360px){.shop-bottom-nav .bottom-nav-reels-logo,.dashboard-shop-bottom-nav .bottom-nav-reels-logo{width:37px!important;height:37px!important}}
@media(prefers-reduced-motion:reduce){.shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:before,.dashboard-shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:before{animation:none!important}}
\n\n/* ShopTV Reels icon-only dock v6 — image only, white base, no dot or label at any breakpoint. */
.shop-bottom-nav .bottom-nav-logo.bottom-nav-reels,
.dashboard-shop-bottom-nav .bottom-nav-logo.bottom-nav-reels,
.mobile-bottom-nav .bottom-nav-logo.bottom-nav-reels,
.store-mobile-nav .bottom-nav-logo.bottom-nav-reels,
body.store-body .shop-bottom-nav .bottom-nav-logo.bottom-nav-reels{
  display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:row!important;
  background:#fff!important;color:#087CFF!important;border:1px solid #D8E5F4!important;
  border-radius:16px!important;box-shadow:0 5px 15px rgba(6,24,63,.12)!important;padding:3px!important;
  overflow:visible!important;text-decoration:none!important;isolation:isolate!important;
}
.shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:after,
.dashboard-shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:after,
.mobile-bottom-nav .bottom-nav-logo.bottom-nav-reels:after,
.store-mobile-nav .bottom-nav-logo.bottom-nav-reels:after{display:none!important;content:none!important;background:none!important;box-shadow:none!important}
.shop-bottom-nav .bottom-nav-logo.bottom-nav-reels .bottom-nav-logo-label,
.dashboard-shop-bottom-nav .bottom-nav-logo.bottom-nav-reels .bottom-nav-logo-label,
.mobile-bottom-nav .bottom-nav-logo.bottom-nav-reels .bottom-nav-logo-label,
.store-mobile-nav .bottom-nav-logo.bottom-nav-reels .bottom-nav-logo-label{display:none!important;visibility:hidden!important}
.shop-bottom-nav .bottom-nav-reels-logo,
.dashboard-shop-bottom-nav .bottom-nav-reels-logo,
.mobile-bottom-nav .bottom-nav-reels-logo,
.store-mobile-nav .bottom-nav-reels-logo{display:block!important;width:40px!important;height:40px!important;max-width:100%!important;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important}
.shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:before,
.dashboard-shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:before,
.mobile-bottom-nav .bottom-nav-logo.bottom-nav-reels:before,
.store-mobile-nav .bottom-nav-logo.bottom-nav-reels:before{inset:-4px!important;border:1px solid rgba(8,124,255,.15)!important;border-radius:20px!important;animation:stvReelRingLite 4s ease-in-out infinite!important}
.shop-bottom-nav .bottom-nav-logo.bottom-nav-reels.is-active,
.dashboard-shop-bottom-nav .bottom-nav-logo.bottom-nav-reels.is-active,
.mobile-bottom-nav .bottom-nav-logo.bottom-nav-reels.is-active,
.store-mobile-nav .bottom-nav-logo.bottom-nav-reels.is-active{background:#fff!important;border-color:#BCD9FF!important;box-shadow:0 0 0 3px rgba(8,124,255,.08),0 6px 15px rgba(6,24,63,.13)!important}
@media(max-width:360px){.shop-bottom-nav .bottom-nav-reels-logo,.dashboard-shop-bottom-nav .bottom-nav-reels-logo,.mobile-bottom-nav .bottom-nav-reels-logo,.store-mobile-nav .bottom-nav-reels-logo{width:37px!important;height:37px!important}}
@media(prefers-reduced-motion:reduce){.shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:before,.dashboard-shop-bottom-nav .bottom-nav-logo.bottom-nav-reels:before,.mobile-bottom-nav .bottom-nav-logo.bottom-nav-reels:before,.store-mobile-nav .bottom-nav-logo.bottom-nav-reels:before{animation:none!important}}

/* AI notification toast: readable compact message, gentle entry, never shifts the dock. */
.shoptv-ai-widget .ai-widget-nudge{width:min(238px,calc(100vw - 20px))!important;max-width:calc(100vw - 20px)!important;filter:drop-shadow(0 8px 20px rgba(8,29,60,.16))!important;animation:stvAiToastIn .22s cubic-bezier(.2,.75,.25,1) both!important;pointer-events:auto!important}
.shoptv-ai-widget .ai-nudge-open{background:#fff!important;border:1px solid #DFEAF7!important;border-radius:14px!important}
.shoptv-ai-widget .ai-nudge-copy>span{font-size:11px!important;line-height:1.4!important;-webkit-line-clamp:2!important;overflow:hidden!important}
@keyframes stvAiToastIn{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.shoptv-ai-widget .ai-widget-nudge{animation:none!important}}

/* ShopTV chat composer v11 — comfortable WhatsApp-like input on desktop and mobile. */
.shoptv-ai-widget .ai-widget-form{
  display:flex!important;align-items:flex-end!important;gap:7px!important;padding:8px 10px!important;
  padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;background:#fff!important;
  border-top:1px solid #EAF0F7!important;box-shadow:0 -4px 16px rgba(10,40,80,.025)!important;
}
.shoptv-ai-widget .ai-widget-form textarea{
  display:block!important;flex:1 1 auto!important;min-width:0!important;width:0!important;max-width:100%!important;
  min-height:42px!important;max-height:124px!important;margin:0!important;padding:10px 13px!important;
  border:1px solid #DFE8F2!important;border-radius:17px!important;background:#F5F8FC!important;
  color:#162A42!important;box-shadow:inset 0 1px 1px rgba(12,38,68,.025)!important;
  font-family:inherit!important;font-size:16px!important;line-height:1.45!important;direction:inherit!important;
  unicode-bidi:plaintext!important;text-align:start!important;resize:none!important;overflow-y:auto!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.shoptv-ai-widget .ai-widget-form textarea:focus{
  background:#fff!important;border-color:#8DBEFF!important;box-shadow:0 0 0 3px rgba(8,124,255,.09)!important;outline:none!important;
}
.shoptv-ai-widget .ai-widget-form .ai-attach-button{
  flex:0 0 39px!important;width:39px!important;min-width:39px!important;height:42px!important;min-height:42px!important;
  display:grid!important;place-items:center!important;align-self:flex-end!important;margin:0!important;padding:0!important;
  border:1px solid #DFE8F2!important;border-radius:13px!important;background:#F5F8FC!important;color:#35516F!important;
  font-size:23px!important;line-height:1!important;overflow:hidden!important;transition:background .15s,border-color .15s!important;
}
.shoptv-ai-widget .ai-widget-form .ai-attach-button:hover{background:#EAF4FF!important;border-color:#B8D7FA!important}
.shoptv-ai-widget .ai-widget-form .ai-mic-button,
.shoptv-ai-widget .ai-widget-form .ai-send-button{
  flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:flex-end!important;
  margin:0!important;padding:0!important;border:1px solid #087CFF!important;border-radius:14px!important;
  background:linear-gradient(145deg,#1688FF,#0755C7)!important;color:#fff!important;
  box-shadow:0 5px 13px rgba(8,124,255,.2)!important;cursor:pointer!important;touch-action:manipulation!important;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important;
}
.shoptv-ai-widget .ai-widget-form .ai-mic-button:active,
.shoptv-ai-widget .ai-widget-form .ai-send-button:active{transform:scale(.94)!important}
.shoptv-ai-widget .ai-widget-form .ai-mic-button[hidden],
.shoptv-ai-widget .ai-widget-form .ai-send-button[hidden]{display:none!important}
.shoptv-ai-widget .ai-widget-form .ai-mic-button.is-listening{background:#E33450!important;border-color:#E33450!important;box-shadow:0 0 0 4px rgba(227,52,80,.14)!important}
.shoptv-ai-widget .ai-widget-form .ai-send-button.is-sending{opacity:1!important;cursor:wait!important}
@media(max-width:760px){
  .shoptv-ai-widget .ai-widget-form{gap:6px!important;padding:7px!important;padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))!important}
  .shoptv-ai-widget .ai-widget-form .ai-attach-button{flex-basis:35px!important;width:35px!important;min-width:35px!important;height:40px!important;min-height:40px!important;border-radius:12px!important}
  .shoptv-ai-widget .ai-widget-form textarea{min-height:42px!important;max-height:116px!important;padding:9px 11px!important;font-size:16px!important;border-radius:15px!important}
  .shoptv-ai-widget .ai-widget-form .ai-mic-button,.shoptv-ai-widget .ai-widget-form .ai-send-button{flex-basis:41px!important;width:41px!important;min-width:41px!important;height:42px!important;min-height:42px!important;border-radius:13px!important}
}
@media(prefers-reduced-motion:reduce){.shoptv-ai-widget .ai-widget-form textarea,.shoptv-ai-widget .ai-widget-form .ai-attach-button,.shoptv-ai-widget .ai-widget-form .ai-mic-button,.shoptv-ai-widget .ai-widget-form .ai-send-button{transition:none!important}}

/* Mobile account menu: anchored popover, never a page-shifting side panel. */
.stv-account-panel.is-portaled {
  position: fixed !important;
  display: grid !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  z-index: 4100 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  transform: none !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  isolation: isolate;
  background: rgba(255,255,255,.99) !important;
  border: 1px solid #d8e6f6 !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 38px rgba(6,24,63,.17) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  animation: none !important;
}

