/* ShopTV final shared navigation + product shell repair — 2026-10-26.
   Loaded last in every main layout. Physical offsets follow logical resets intentionally for RTL safety. */
:root{--stv-dock-blue:#087cff;--stv-dock-ink:#162f4b;--stv-dock-line:#d8e6f5}

@media (max-width: 920px) {
  html body nav.shop-bottom-nav,
  html body nav.dashboard-shop-bottom-nav,
  html body nav.storefront-bottom-nav,
  html body nav.mobile-bottom-nav,
  html body nav.store-mobile-nav {
    display:grid!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important;
    position:fixed!important; inset-inline-start:auto!important; inset-inline-end:auto!important;
    left:12px!important; right:12px!important; top:auto!important; bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;
    transform:none!important; width:auto!important; max-width:none!important; min-width:0!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 52px minmax(0,1fr) minmax(0,1fr)!important;
    align-items:center!important; justify-content:stretch!important; gap:2px!important;
    margin:0!important; padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px))!important;
    border:1px solid #d4e3f5!important; border-radius:23px!important;
    background:rgba(255,255,255,.98)!important; color:#748398!important;
    box-shadow:0 10px 30px rgba(12,40,78,.16),0 2px 8px rgba(12,40,78,.04)!important;
    backdrop-filter:blur(20px)!important; -webkit-backdrop-filter:blur(20px)!important;
    z-index:1500!important; box-sizing:border-box!important; overflow:visible!important; clip-path:none!important;
  }
  html body nav.shop-bottom-nav .bottom-nav-item,
  html body nav.dashboard-shop-bottom-nav .bottom-nav-item,
  html body nav.storefront-bottom-nav .bottom-nav-item,
  html body nav.mobile-bottom-nav .bottom-nav-item,
  html body nav.store-mobile-nav .bottom-nav-item {
    display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important;
    min-width:0!important; min-height:50px!important; gap:3px!important; margin:0!important; padding:4px 1px!important;
    border:0!important; border-radius:12px!important; box-sizing:border-box!important; overflow:hidden!important;
    background:transparent!important; color:#78879b!important; text-decoration:none!important; box-shadow:none!important;
  }
  html body nav.shop-bottom-nav .bottom-nav-item.is-active,
  html body nav.dashboard-shop-bottom-nav .bottom-nav-item.is-active,
  html body nav.storefront-bottom-nav .bottom-nav-item.is-active,
  html body nav.mobile-bottom-nav .bottom-nav-item.is-active,
  html body nav.store-mobile-nav .bottom-nav-item.is-active {background:#eaf4ff!important;color:#075cc7!important}
  html body nav.shop-bottom-nav .bottom-nav-icon,
  html body nav.dashboard-shop-bottom-nav .bottom-nav-icon,
  html body nav.storefront-bottom-nav .bottom-nav-icon,
  html body nav.mobile-bottom-nav .bottom-nav-icon,
  html body nav.store-mobile-nav .bottom-nav-icon {display:grid!important;place-items:center!important;width:25px!important;height:24px!important;color:currentColor!important;font-size:19px!important;line-height:1!important}
  html body nav.shop-bottom-nav .bottom-nav-icon svg,
  html body nav.dashboard-shop-bottom-nav .bottom-nav-icon svg,
  html body nav.storefront-bottom-nav .bottom-nav-icon svg {display:block!important;width:22px!important;height:22px!important;max-width:100%!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  html body nav.shop-bottom-nav .bottom-nav-item small,
  html body nav.dashboard-shop-bottom-nav .bottom-nav-item small,
  html body nav.storefront-bottom-nav .bottom-nav-item small,
  html body nav.mobile-bottom-nav .bottom-nav-item small,
  html body nav.store-mobile-nav .bottom-nav-item small {display:block!important;max-width:100%!important;overflow:hidden!important;color:inherit!important;font-size:clamp(8px,2.3vw,10px)!important;font-weight:850!important;line-height:1.15!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html body nav.shop-bottom-nav .bottom-nav-logo.bottom-nav-reels,
  html body nav.dashboard-shop-bottom-nav .bottom-nav-logo.bottom-nav-reels,
  html body nav.storefront-bottom-nav .bottom-nav-logo.bottom-nav-reels,
  html body nav.mobile-bottom-nav .bottom-nav-logo.bottom-nav-reels,
  html body nav.store-mobile-nav .bottom-nav-logo.bottom-nav-reels {position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;flex-direction:row!important;width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;margin:-13px auto 0!important;padding:2px!important;border:2px solid #fff!important;border-radius:17px!important;background:linear-gradient(145deg,#fff,#e9f4ff)!important;box-shadow:0 0 0 1px #d1e5fb,0 8px 20px rgba(18,63,125,.18)!important;overflow:visible!important;transform:none!important;z-index:2!important}
  html body nav.shop-bottom-nav .bottom-nav-reels-logo,
  html body nav.dashboard-shop-bottom-nav .bottom-nav-reels-logo,
  html body nav.storefront-bottom-nav .bottom-nav-reels-logo,
  html body nav.mobile-bottom-nav .bottom-nav-reels-logo,
  html body nav.store-mobile-nav .bottom-nav-reels-logo {display:block!important;width:42px!important;height:42px!important;max-width:100%!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  html body nav.shop-bottom-nav .bottom-nav-logo-label,
  html body nav.dashboard-shop-bottom-nav .bottom-nav-logo-label,
  html body nav.storefront-bottom-nav .bottom-nav-logo-label {display:none!important}
  body.marketing-body:not(.ai-landing-document),body.store-body:not(.ai-landing-document),body.app-body {padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
  /* The real ShopTV nav is the only navigation visible; remove the old floating social bubble. */
  body.store-body .stv-store-social-widget {display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  /* Keep purchase controls above the content but clear of the dock itself. */
  body.store-body .product-v32-sticky-bar, body.store-body.ai-landing-document .shoptv-ai-buybar {left:12px!important;right:12px!important;bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;z-index:1350!important;transform:none!important}
  body.store-body.ai-landing-document {padding-bottom:calc(200px + env(safe-area-inset-bottom,0px))!important}
  body.store-body.ai-landing-document .store-header-premium {position:fixed!important;top:0!important;left:0!important;right:0!important;inset-inline-start:auto!important;inset-inline-end:auto!important;width:100%!important;z-index:1100!important;transform:none!important}
  body.store-body.ai-landing-document .public-order-panel {scroll-margin-bottom:130px!important}
  /* Keep assistant available, but place it in front of the dock and account popup. */
  html body .shoptv-ai-widget {z-index:1900!important;isolation:isolate!important;contain:none!important;transform:none!important;overflow:visible!important}
  html body .shoptv-ai-widget .ai-widget-launcher {position:relative!important;z-index:1901!important}
  html body .shoptv-ai-widget .ai-widget-panel {z-index:1902!important;max-height:calc(100dvh - 210px - env(safe-area-inset-bottom,0px))!important}
  html body .stv-account-menu,html body .stv-notification-menu {z-index:1780!important}
  html body .stv-account-panel,html body .stv-account-panel.is-portaled,html body .notification-panel,html body .notification-menu-panel {z-index:1800!important;max-height:calc(100dvh - 150px - env(safe-area-inset-bottom,0px))!important}
}

/* Native product fiche: always show all information, media, reviews/emojis and checkout sections. */
body.store-body:not(.ai-landing-document) .product-detail-page {width:min(1180px,calc(100% - 24px))!important;max-width:1180px!important;margin:18px auto 30px!important;padding:0 0 calc(155px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important}
body.store-body:not(.ai-landing-document) .product-shop-social-strip {display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;margin:0 0 14px!important;padding:12px 14px!important;border:1px solid #dce7f4!important;border-radius:17px!important;background:linear-gradient(135deg,#f7fbff,#fff)!important;box-shadow:0 6px 20px rgba(16,43,76,.05)!important;box-sizing:border-box!important}
body.store-body:not(.ai-landing-document) .product-detail-grid-v29 {display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;align-items:start!important;gap:22px!important}
body.store-body:not(.ai-landing-document) .product-detail-media-v29,body.store-body:not(.ai-landing-document) .product-detail-copy-v29 {min-width:0!important;border:1px solid #dce7f2!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 28px rgba(16,43,76,.055)!important}
body.store-body:not(.ai-landing-document) .product-detail-copy-v29 {padding:clamp(17px,2.6vw,28px)!important}
body.store-body:not(.ai-landing-document) .product-detail-copy-v29 h1 {color:#152b45!important;font-size:clamp(24px,3vw,36px)!important;line-height:1.25!important;font-weight:950!important;letter-spacing:-.025em!important}
body.store-body:not(.ai-landing-document) .detail-price-v29 {display:flex!important;align-items:baseline!important;gap:10px!important;flex-wrap:wrap!important;padding:12px 14px!important;border:1px solid #d8e7f8!important;border-radius:15px!important;background:#f5faff!important}
body.store-body:not(.ai-landing-document) .detail-price-v29 strong {color:#075fc8!important;font-size:clamp(22px,3vw,32px)!important;font-weight:950!important}
body.store-body:not(.ai-landing-document) .product-extra-content,body.store-body:not(.ai-landing-document) .product-community-section {display:block!important;visibility:visible!important;opacity:1!important;max-width:100%!important}
body.store-body:not(.ai-landing-document) .product-community-section {position:relative!important;clear:both!important;margin:22px auto!important;padding:clamp(15px,2.8vw,26px)!important;border:1px solid #dce7f3!important;border-radius:21px!important;background:#fff!important;box-shadow:0 9px 28px rgba(16,43,76,.055)!important}
body.store-body:not(.ai-landing-document) .community-reactions {display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
body.store-body:not(.ai-landing-document) .community-reaction {display:flex!important;min-width:0!important;min-height:76px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:8px 3px!important;border:1px solid #dce7f4!important;border-radius:13px!important;background:linear-gradient(180deg,#fff,#f5f9ff)!important}
body.store-body:not(.ai-landing-document) .community-reaction>span {font-size:23px!important;line-height:1.1!important}
body.store-body:not(.ai-landing-document) .product-v32-sticky-bar {position:fixed!important;left:12px!important;right:12px!important;bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;z-index:1350!important;box-sizing:border-box!important}
body.store-body:not(.ai-landing-document) .product-detail-page #order-form {scroll-margin-top:98px!important;scroll-margin-bottom:130px!important}
@media(max-width:760px){
  body.store-body:not(.ai-landing-document) .product-detail-page {width:calc(100% - 20px)!important;margin:12px 10px 24px!important;padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))!important}
  body.store-body:not(.ai-landing-document) .product-detail-grid-v29 {grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  body.store-body:not(.ai-landing-document) .product-detail-copy-v29 {padding:16px!important}
  body.store-body:not(.ai-landing-document) .product-detail-copy-v29 h1 {font-size:clamp(23px,6.5vw,29px)!important}
  body.store-body:not(.ai-landing-document) .product-community-section {margin:18px 0!important;padding:13px!important;border-radius:16px!important}
  body.store-body:not(.ai-landing-document) .community-reactions {gap:4px!important}
  body.store-body:not(.ai-landing-document) .community-reaction {min-height:70px!important;padding:7px 2px!important;border-radius:10px!important}
  body.store-body:not(.ai-landing-document) .community-reaction small {font-size:clamp(7px,2vw,9px)!important}
}
@media(prefers-reduced-motion:reduce){html body nav.shop-bottom-nav,html body nav.dashboard-shop-bottom-nav,html body .stv-account-panel,html body .shoptv-ai-widget{transition:none!important;animation:none!important}}