/* BIGIT Stage 8 — mobile, legacy browser and category stability layer. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:280px;overflow-wrap:anywhere}
.site{width:100%;min-width:0;overflow-x:clip}
@supports not (overflow:clip){.site{overflow-x:hidden}}
.bigit-container,.bigit-mainbar-inner,.bigit-navrow-inner,.bigit-vision-hero-grid,.bigit-category-orbit,.bigit-footer-grid{min-width:0}
.bigit-work-status{display:inline-flex;align-items:center;gap:9px}
.bigit-work-status-dot{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#22a45a;box-shadow:0 0 0 6px rgba(34,164,90,.14)}
.bigit-work-status[data-open="0"] .bigit-work-status-dot{background:#ef233c;box-shadow:0 0 0 6px rgba(239,35,60,.14);animation:bigitClosedLight 1.35s ease-in-out infinite}
.bigit-work-status[data-open="1"] .bigit-work-status-dot{animation:bigitOpenLight 2.4s ease-in-out infinite}
@keyframes bigitClosedLight{0%,100%{opacity:.48;transform:scale(.88)}50%{opacity:1;transform:scale(1.14);box-shadow:0 0 0 9px rgba(239,35,60,.08)}}
@keyframes bigitOpenLight{0%,100%{box-shadow:0 0 0 5px rgba(34,164,90,.12)}50%{box-shadow:0 0 0 8px rgba(34,164,90,.05)}}
.bigit-hero-badge.bigit-work-status{color:#f0f1f4}
.bigit-hero-badge.bigit-work-status small{color:#9fa1aa;font-size:11px;font-weight:650}

/* Category cards must always have measurable media and a predictable grid. */
.bigit-category-universe{position:relative;isolation:isolate}
.bigit-category-orbit{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.bigit-orbit-card{min-width:0;min-height:270px;height:100%;justify-content:flex-start;padding:14px 14px 18px}
.bigit-orbit-media{position:relative!important;inset:auto!important;display:grid;place-items:center;width:100%;height:165px;flex:0 0 165px;margin:0 0 15px;border-radius:17px;overflow:hidden}
.bigit-orbit-media:after{width:108px;height:108px}
.bigit-orbit-media img,.bigit-category-real-image{display:block;width:100%!important;height:100%!important;max-width:100%;padding:12px;object-fit:contain}
.bigit-category-icon-shell{min-width:0;min-height:0}
.bigit-category-svg{width:min(112px,70%);height:min(112px,70%)}
.bigit-orbit-copy{min-width:0;padding-right:26px}
.bigit-orbit-copy span,.bigit-orbit-copy h3,.bigit-orbit-copy small{display:block;overflow-wrap:anywhere}
.bigit-orbit-copy span{min-height:34px;color:var(--bigit-muted);font-size:11px;line-height:1.45}
.bigit-orbit-copy h3{margin:4px 0 5px;font-size:16px;line-height:1.25}
.bigit-orbit-card>.bigit-icon{right:14px;bottom:17px}
.woocommerce ul.products li.product-category{min-width:0;max-width:340px}
.woocommerce ul.products li.product-category img{aspect-ratio:4/3;object-fit:contain;background:#f5f6f8}
@supports not (aspect-ratio:4/3){.woocommerce ul.products li.product-category img{height:220px}}

/* Account and commerce surfaces: never overflow a phone viewport. */
.woocommerce,.woocommerce-page,.woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation,.woocommerce form,.woocommerce table{max-width:100%}
.woocommerce-account .woocommerce-MyAccount-navigation{-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.woocommerce-account .woocommerce-MyAccount-navigation ul{padding-bottom:2px}
.woocommerce-account .woocommerce-MyAccount-navigation a{min-height:46px;display:flex;align-items:center}
.woocommerce table.shop_table{word-break:normal}
.woocommerce input,.woocommerce select,.woocommerce textarea{max-width:100%}
.select2-container{max-width:100%!important}

/* Safari/iOS fixed and safe-area corrections. */
.bigit-mobile-panel{padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
.bigit-floating-dock{bottom:max(10px,env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}
.bigit-mobile-overlay{-webkit-tap-highlight-color:transparent}
.bigit-mobile-toggle,.bigit-mobile-close,.bigit-floating-dock a,.bigit-floating-dock button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}

/* Fallbacks for older Safari/WebView. */
@supports not (backdrop-filter:blur(1px)){
  .bigit-header{background:#fff}
  .bigit-floating-dock{background:#17171c}
  .bigit-mobile-overlay{background:rgba(0,0,0,.62)}
}
@supports not (aspect-ratio:16/10){.bigit-post-card img,.bigit-search-card img{height:210px}}

@media(max-width:1260px){
  .bigit-category-orbit{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1024px){
  .bigit-mainbar-inner{min-height:72px}
  .bigit-header{position:relative}
  .bigit-header.is-scrolled{position:sticky;top:0}
  .bigit-category-dropdown{display:none!important}
  .bigit-category-orbit{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bigit-footer-top{min-width:0}
}
@media(max-width:760px){
  body{padding-bottom:env(safe-area-inset-bottom)}
  .bigit-container{width:calc(100% - 28px)}
  .bigit-mainbar-inner{min-height:66px;padding:5px 0}
  .bigit-mobile-toggle{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px}
  .bigit-logo-wrap{flex:0 1 124px;min-width:0}
  .bigit-logo-wrap img{width:100%;max-width:124px;max-height:48px}
  .bigit-header-actions{min-width:0}
  .bigit-cart-link{min-width:55px;padding-inline:5px}
  .bigit-cart-total{max-width:58px;overflow:hidden;text-overflow:ellipsis}
  .bigit-mobile-panel{width:min(390px,94vw);max-width:94vw}
  .bigit-mobile-panel-head{min-height:56px}
  .bigit-mobile-brand{min-width:0;max-width:180px}
  .bigit-mobile-brand img{width:auto;max-width:160px;max-height:55px}
  .bigit-mobile-close{flex:0 0 46px;width:46px;height:46px;font-size:30px;line-height:1}
  .bigit-vision-hero-grid{display:block;padding-top:44px;padding-bottom:38px}
  .bigit-vision-hero-copy{max-width:100%}
  .bigit-vision-hero h1{max-width:100%;font-size:clamp(42px,13.5vw,64px);line-height:.94;letter-spacing:-.06em;overflow-wrap:normal;word-break:normal}
  .bigit-vision-hero-copy>p{font-size:17px;line-height:1.55}
  .bigit-hero-badge{max-width:100%;white-space:normal;line-height:1.35}
  .bigit-hero-badge.bigit-work-status{display:grid;grid-template-columns:auto 1fr;align-items:center}
  .bigit-hero-badge.bigit-work-status small{grid-column:2}
  .bigit-vision-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .bigit-vision-hero-actions .bigit-button{width:100%;min-height:54px}
  .bigit-hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:32px}
  .bigit-hero-proof div{min-width:0;padding:12px 8px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.04)}
  .bigit-hero-proof strong{font-size:18px;overflow:hidden;text-overflow:ellipsis}
  .bigit-hero-proof span{font-size:9px;line-height:1.25}
  .bigit-device-stage{min-height:360px;margin-top:24px;overflow:hidden}
  .bigit-category-universe{padding-top:64px}
  .bigit-category-live-search{margin-bottom:18px;padding-inline:14px;border-radius:15px}
  .bigit-category-live-search input{height:52px;font-size:15px}
  .bigit-category-orbit,.bigit-category-orbit.is-filtering{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .bigit-orbit-card{min-height:218px;padding:10px 10px 14px;border-radius:17px}
  .bigit-orbit-media{height:118px;flex-basis:118px;margin-bottom:10px;border-radius:13px}
  .bigit-orbit-media img,.bigit-category-real-image{padding:7px}
  .bigit-category-svg{width:78px;height:78px}
  .bigit-orbit-copy{padding-right:18px}
  .bigit-orbit-copy span{display:none}
  .bigit-orbit-copy h3{font-size:13px;line-height:1.25}
  .bigit-orbit-copy small{font-size:10px}
  .bigit-orbit-card>.bigit-icon{right:10px;bottom:13px;width:15px}
  .woocommerce ul.products li.product-category{max-width:none}
  .woocommerce-account .woocommerce{display:block}
  .woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:16px;padding:6px;border-radius:16px}
  .woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;min-width:max-content;gap:4px}
  .woocommerce-account .woocommerce-MyAccount-navigation li{border:0!important}
  .woocommerce-account .woocommerce-MyAccount-navigation a{padding:10px 12px;white-space:nowrap}
  .woocommerce-account .woocommerce-MyAccount-content{padding:16px!important;border-radius:17px!important}
  .bigit-footer{margin-top:56px}
  .bigit-footer-grid{grid-template-columns:1fr!important;gap:32px}
  .bigit-footer-brand,.bigit-footer-newsletter{grid-column:auto!important}
  .bigit-footer-promise{display:grid;grid-template-columns:1fr;justify-items:start}
  .bigit-footer-bottom nav{display:grid;gap:8px}
}
@media(max-width:390px){
  .bigit-container{width:calc(100% - 22px)}
  .bigit-logo-wrap{flex-basis:105px}
  .bigit-logo-wrap img{max-width:105px}
  .bigit-cart-total{display:none}
  .bigit-vision-hero h1{font-size:clamp(39px,13vw,52px)}
  .bigit-hero-proof{grid-template-columns:1fr}
  .bigit-hero-proof div{display:grid;grid-template-columns:90px 1fr;align-items:center}
  .bigit-hero-proof span{font-size:10px}
  .bigit-device-stage{min-height:330px}
  .bigit-category-orbit,.bigit-category-orbit.is-filtering{grid-template-columns:1fr 1fr}
  .bigit-orbit-card{min-height:202px}
  .bigit-orbit-media{height:105px;flex-basis:105px}
  .bigit-floating-dock{left:8px;right:8px;max-width:none}
}
@media(max-width:330px){
  .bigit-category-orbit,.bigit-category-orbit.is-filtering{grid-template-columns:1fr}
  .bigit-orbit-card{display:grid;grid-template-columns:92px 1fr;align-items:center;min-height:112px}
  .bigit-orbit-media{width:82px;height:82px;flex-basis:auto;margin:0}
  .bigit-orbit-copy span{display:none}
}
@media(orientation:landscape) and (max-height:500px) and (max-width:960px){
  .bigit-mobile-panel{width:min(520px,88vw)}
  .bigit-vision-hero-grid{padding-top:34px}
  .bigit-device-stage{min-height:300px}
  .bigit-floating-dock{bottom:6px}
}
@media(prefers-reduced-motion:reduce){
  .bigit-work-status-dot{animation:none!important}
}

/* Neutralise the original generic hero-badge span rule for the richer status component. */
.bigit-hero-badge>.bigit-work-status{display:inline-flex;width:auto;height:auto;align-items:center;gap:9px;background:transparent;box-shadow:none}
.bigit-hero-badge>.bigit-work-status>.bigit-work-status-dot{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%}
.bigit-hero-badge>.bigit-work-status>.bigit-work-status-label{display:inline;width:auto;height:auto;background:transparent;box-shadow:none;color:inherit}
.bigit-hero-badge>.bigit-work-status>small{display:inline;width:auto;height:auto;background:transparent;box-shadow:none;color:#9fa1aa;font-size:11px;font-weight:650}
@media(max-width:760px){
  .bigit-hero-badge>.bigit-work-status{display:grid;grid-template-columns:auto 1fr;align-items:center}
  .bigit-hero-badge>.bigit-work-status>small{grid-column:2}
}

/* BIGIT 2.5.1 — exact mobile logo centering and reliable off-canvas menu. */
html.bigit-menu-open,body.bigit-menu-open{overflow:hidden!important;overscroll-behavior:none}
@media(max-width:1024px){
  .bigit-mobile-panel{
    z-index:1000002!important;
    visibility:hidden;
    opacity:0;
    transform:translate3d(-104%,0,0);
    transition:transform .22s ease,opacity .18s ease,visibility 0s linear .22s;
    will-change:transform;
  }
  .bigit-mobile-panel.is-open{
    visibility:visible;
    opacity:1;
    transform:translate3d(0,0,0);
    transition-delay:0s;
  }
  .bigit-mobile-overlay{
    z-index:1000001!important;
    visibility:hidden;
    opacity:0;
    transition:opacity .2s ease,visibility 0s linear .2s;
  }
  .bigit-mobile-overlay.is-open{
    visibility:visible;
    opacity:1;
    transition-delay:0s;
  }
  .bigit-mobile-panel[hidden],.bigit-mobile-overlay[hidden]{display:none!important}
  .bigit-mobile-panel nav .sub-menu{display:block;margin:0 0 4px 14px;padding:0;border-left:2px solid #f0f0f2}
  .bigit-mobile-panel nav .sub-menu a{padding:11px 12px;color:#5e6069;font-size:13px;font-weight:700}
}
@media(max-width:760px){
  .bigit-mainbar-inner{
    position:relative;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr) 56px;
    align-items:center;
    gap:0!important;
    min-height:78px!important;
    padding:7px 0!important;
  }
  .bigit-mobile-toggle{
    grid-column:1;
    justify-self:start;
    width:52px!important;
    height:52px!important;
    padding:0!important;
    border-radius:15px;
    color:#111116;
    z-index:4;
  }
  .bigit-mobile-toggle .bigit-icon{width:29px;height:29px}
  .bigit-logo-wrap{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    z-index:3;
    width:min(148px,42vw)!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    text-align:center;
  }
  .bigit-logo-wrap>a,.bigit-logo-wrap .custom-logo-link{display:flex;align-items:center;justify-content:center;width:100%}
  .bigit-logo-wrap img{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:56px!important;
    margin:0 auto!important;
    object-fit:contain;
  }
  .bigit-header-actions{
    grid-column:3;
    justify-self:end;
    width:56px!important;
    min-width:56px!important;
    margin:0!important;
    gap:0!important;
    z-index:4;
  }
  .bigit-header-actions .bigit-cart-link{
    display:flex!important;
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    padding:0!important;
    border-radius:17px!important;
    background:#f6f6f8;
  }
  .bigit-cart-link .bigit-icon{width:28px!important;height:28px!important;margin:0!important}
  .bigit-cart-total{display:none!important}
  .bigit-cart-count{top:-9px!important;right:-10px!important}
  .bigit-mobile-panel{
    top:0!important;
    bottom:0!important;
    left:0!important;
    width:min(390px,92vw)!important;
    max-width:92vw!important;
    border-radius:0 24px 24px 0;
    padding:calc(18px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom))!important;
  }
  .bigit-mobile-panel-head{position:sticky;top:calc(-18px - env(safe-area-inset-top));z-index:2;margin:calc(-18px - env(safe-area-inset-top)) -18px 0;padding:calc(18px + env(safe-area-inset-top)) 18px 14px;background:#fff;border-bottom:1px solid #ececf0}
  .bigit-mobile-search{position:sticky;top:72px;z-index:2;background:#fff}
}
@media(max-width:360px){
  .bigit-mainbar-inner{grid-template-columns:50px minmax(0,1fr) 50px}
  .bigit-mobile-toggle{width:48px!important;height:48px!important}
  .bigit-logo-wrap{width:min(132px,40vw)!important}
  .bigit-header-actions,.bigit-header-actions .bigit-cart-link{width:50px!important;min-width:50px!important;height:50px!important}
}
@media(prefers-reduced-motion:reduce){
  .bigit-mobile-panel,.bigit-mobile-overlay{transition:none!important}
}

/* BIGIT 8.8.9 — no-JS mobile navigation fallback, one stable logo and update-safe header. */
.bigit-mobile-menu-state{
  position:fixed!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.bigit-site-logo-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  line-height:0!important;
  text-decoration:none!important;
}
.bigit-site-logo-image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
}
.bigit-mobile-brand-text{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-height:48px;
  color:#111116!important;
  text-decoration:none!important;
  line-height:1;
}
.bigit-mobile-brand-text strong{font-size:24px;letter-spacing:-.05em}
.bigit-mobile-brand-text small{margin-top:5px;color:#777b85;font-size:10px;letter-spacing:.04em}
.bigit-mobile-close{display:grid;place-items:center;cursor:pointer;user-select:none}

@media(max-width:1024px){
  .bigit-mobile-panel,
  .bigit-mobile-overlay{
    display:block!important;
    pointer-events:none;
  }
  .bigit-mobile-menu-state:checked ~ .bigit-mobile-panel,
  .bigit-mobile-panel.is-open{
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
    pointer-events:auto!important;
    transition-delay:0s!important;
  }
  .bigit-mobile-menu-state:checked ~ .bigit-mobile-overlay,
  .bigit-mobile-overlay.is-open{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transition-delay:0s!important;
  }
  .bigit-mobile-overlay{cursor:pointer}
}

@media(max-width:760px){
  .bigit-mainbar,
  .bigit-mainbar-inner,
  .bigit-logo-wrap{overflow:visible!important}
  .bigit-mainbar-inner{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr) 56px!important;
    grid-template-rows:84px!important;
    min-height:84px!important;
    height:84px!important;
    padding:0!important;
    gap:0!important;
    align-items:center!important;
  }
  .bigit-mobile-toggle{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:start!important;
    display:grid!important;
    place-items:center!important;
    width:52px!important;
    height:52px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    cursor:pointer!important;
    line-height:0!important;
  }
  .bigit-logo-wrap{
    position:static!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:center!important;
    width:min(156px,44vw)!important;
    max-width:min(156px,44vw)!important;
    min-width:0!important;
    height:64px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:0!important;
  }
  .bigit-logo-wrap .bigit-site-logo-image,
  .bigit-logo-wrap img{
    width:auto!important;
    height:auto!important;
    max-width:156px!important;
    max-height:62px!important;
    margin:0 auto!important;
    transform:none!important;
    object-position:center!important;
  }
  .bigit-header-actions{
    grid-column:3!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    width:56px!important;
    min-width:56px!important;
    height:56px!important;
    margin:0!important;
  }
  .bigit-mobile-panel{
    top:0!important;
    bottom:0!important;
    height:100dvh!important;
    min-height:100vh!important;
    overflow-y:auto!important;
  }
}

@media(max-width:360px){
  .bigit-mainbar-inner{grid-template-columns:50px minmax(0,1fr) 50px!important;grid-template-rows:76px!important;height:76px!important;min-height:76px!important}
  .bigit-mobile-toggle{width:48px!important;height:48px!important}
  .bigit-logo-wrap{width:min(138px,42vw)!important;max-width:min(138px,42vw)!important;height:58px!important}
  .bigit-logo-wrap .bigit-site-logo-image,.bigit-logo-wrap img{max-width:138px!important;max-height:56px!important}
  .bigit-header-actions{width:50px!important;min-width:50px!important;height:50px!important}
}