@import url("../../uploads/fonts/fonts.css");
@import url("site-shell/header-nav.css?v=20260720-mobile-shop-tools");
@import url("site-shell/top-contact.css?v=20260706-menu-scroll-behavior");
@import url("site-shell/footer.css?v=20260619-light-shell-fix");
@import url("site-shell/contact-modal.css?v=20260619-contact-form-load");
@import url("site-shell/legal-consent.css?v=20260609-global-theme");
@import url("site-shell/articles.css?v=20260609-global-theme");

html{
  color-scheme:only light;
  background:#fff;
}

body[data-site-page]{
  color-scheme:only light;
}
body[data-site-page]{
  background:var(--operis-page-bg, #fff);
  color:var(--operis-text-color, #0f172a);
  font-family:var(--operis-site-font, Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);
}
body[data-site-page] main{
  background:var(--operis-page-bg, #fff);
  color:var(--operis-text-color, #0f172a);
}
body[data-site-page] h1,
body[data-site-page] h2,
body[data-site-page] h3{
  color:var(--operis-heading-color, #0f172a);
}

body[data-site-page] .nav-cart-link,
body[data-site-page] .operis-global-header .nav-cart-link{
  position:relative !important;
  overflow:visible !important;
  padding-right:1.05rem !important;
}

body[data-site-page] .nav-cart-link .nav-menu-text,
body[data-site-page] .operis-global-header .nav-cart-link .nav-menu-text{
  display:grid !important;
}

body[data-site-page] .nav-cart-badge,
body[data-site-page] .operis-global-header .nav-cart-badge{
  position:absolute !important;
  top:.16rem !important;
  right:.05rem !important;
  z-index:3 !important;
  min-width:1.08rem !important;
  height:1.08rem !important;
  display:inline-grid !important;
  place-items:center !important;
  padding:0 .18rem !important;
  border:2px solid #fff !important;
  border-radius:999px !important;
  background:#ef233c !important;
  color:#fff !important;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size:.64rem !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  pointer-events:none !important;
}

body[data-site-page] .nav-cart-badge[hidden],
body[data-site-page] .operis-global-header .nav-cart-badge[hidden]{
  display:none !important;
}

@media (prefers-color-scheme: dark){
  html,
  body[data-site-page]{
    color-scheme:only light !important;
    background:var(--operis-page-bg, #fff) !important;
    color:var(--operis-text-color, #0f172a) !important;
  }
  body[data-site-page] > [data-site-header],
  body[data-site-page] main{
    background:var(--operis-page-bg, #fff) !important;
    color:var(--operis-text-color, #0f172a) !important;
  }
  body[data-site-page] .operis-global-header,
  body[data-site-page] .operis-global-header.header{
    background:var(--operis-header-bg, #fff) !important;
    background-color:var(--operis-header-bg, #fff) !important;
    color:var(--operis-text-color, #0f172a) !important;
  }
  body[data-site-page] .operis-global-header .mobile-panel,
  body[data-site-page] .operis-global-header .menu-toggle{
    background:#fff !important;
    background-color:#fff !important;
    color:#0f172a !important;
  }
  body[data-site-page] .operis-global-header .top-contact-bar{
    background:var(--operis-topbar-bg, #2f5aae) !important;
    background-color:var(--operis-topbar-bg, #2f5aae) !important;
    color:var(--operis-topbar-text, #fff) !important;
  }
  body[data-site-page] .operis-global-footer{
    background:var(--operis-footer-bg, #0f172a) !important;
    background-color:var(--operis-footer-bg, #0f172a) !important;
    color:var(--operis-footer-text, #cbd5e1) !important;
  }
  body[data-site-page] .operis-page-section:not([data-page-bg-media]){
    background-color:var(--builder-row-bg-color, var(--builder-bg-color, var(--operis-page-bg, #fff))) !important;
    color:var(--operis-text-color, #0f172a) !important;
  }
  body[data-site-page] [data-page-bg-media]{
    background-repeat:no-repeat !important;
    background-size:var(--builder-bg-size, cover) !important;
    background-position:var(--builder-bg-position, center center) !important;
    color:var(--operis-text-color, #0f172a) !important;
  }
  body[data-site-page] .operis-builder-card,
  body[data-site-page] .operis-builder-column,
  body[data-site-page] .card,
  body[data-site-page] .panel,
  body[data-site-page] .contact-item,
  body[data-site-page] .faq-item,
  body[data-site-page] .step,
  body[data-site-page] .stat,
  body[data-site-page] .kpi{
    background-color:var(--builder-bg-color, var(--operis-card-bg, #fff)) !important;
    color:var(--operis-text-color, #0f172a) !important;
  }
}

@media (max-width: 980px){
  body[data-site-page] .operis-page-section[data-page-bg-media-kind="image"]{
    padding-top:min(var(--page-row-spacing, 2.35rem), clamp(1.55rem, 5.6vw, 2.4rem)) !important;
    padding-bottom:min(var(--page-row-spacing, 2.35rem), clamp(1.55rem, 5.6vw, 2.4rem)) !important;
    background-attachment:scroll !important;
    background-size:cover !important;
    background-position:var(--builder-tablet-bg-position, var(--builder-mobile-bg-position, center 42%)) !important;
  }

  body[data-site-page] .operis-page-section[data-page-bg-long-mobile="1"][data-page-bg-media-kind="image"]{
    background-repeat:repeat-y !important;
    background-size:var(--builder-tablet-bg-size, max(100%, 1120px) auto) !important;
    background-position:var(--builder-tablet-bg-position, var(--builder-mobile-bg-position, center top)) !important;
  }
}

@media (max-width: 720px){
  body[data-site-page] .operis-page-section[data-page-bg-media-kind="image"]{
    padding-top:min(var(--page-row-spacing, 2.35rem), clamp(1.2rem, 6vw, 2rem)) !important;
    padding-bottom:min(var(--page-row-spacing, 2.35rem), clamp(1.2rem, 6vw, 2rem)) !important;
    background-position:var(--builder-mobile-bg-position, center 35%) !important;
  }

  body[data-site-page] [data-page-bg-media][data-page-bg-media-kind="image"]:not([data-page-bg-media-fit]),
  body[data-site-page] [data-page-bg-media][data-page-bg-media-kind="image"][data-page-bg-media-fit="cover"]{
    background-attachment:scroll !important;
    background-size:cover !important;
    background-position:var(--builder-mobile-bg-position, center 35%) !important;
  }

  body[data-site-page] .operis-page-section[data-page-bg-long-mobile="1"][data-page-bg-media-kind="image"]{
    background-repeat:repeat-y !important;
    background-size:var(--builder-mobile-bg-size, max(100%, 760px) auto) !important;
    background-position:var(--builder-mobile-bg-position, center top) !important;
  }
}