/* ==============================================
   Design Tokens (synced with theme.json)
   Single source of truth for spacing, typography,
   colors, and border-radius.
   ============================================== */
:root,
.editor-styles-wrapper {
  --ff-primary: "Inter", sans-serif;
  --ff-secondary: "Inter Tight", sans-serif;
  --fs-10: 0.625rem;
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-21: 1.3125rem;
  --fs-24: 1.5rem;
  --fs-32: 1.6rem;
  --fs-34: 2.125rem;
  --fs-38: 2.375rem;
  --fs-42: 2.625rem;
  --fs-48: 3rem;
  --fs-54: 3.375rem;
  --fs-64: 4rem;
  --cl-white: #ffffff;
  --cl-black: #000000;
  --cl-primary: var(--cl-gray-10);
  --cl-secondary: #243e36;
  --logo-size-mobile: 6rem;
  --logo-size-desktop: 8rem;
  --ff-action: var(--ff-secondary);
  --cl-action: #4ba040;
  --cl-action-font-color: var(--cl-white);
  --fs-action-font-size: var(--fs-14);
  --cl-discount-bg: var(--cl-gray-1);
  --cl-discount-text: var(--cl-red);
  --cl-gray-0: #fafafa;
  --cl-gray-1: #f5f5f5;
  --cl-gray-2: #e5e5e5;
  --cl-gray-3: #d4d4d4;
  --cl-gray-4: #a3a3a3;
  --cl-gray-5: #737373;
  --cl-gray-6: #525252;
  --cl-gray-7: #404040;
  --cl-gray-8: #262626;
  --cl-gray-9: #171717;
  --cl-gray-10: #0a0a0a;
  --cl-yellow: #f9dd04;
  --cl-red: #d70000;
  --cl-cyclamen: #6e1d44;
  --cl-green: #118151;
  --cl-blue: #1448b2;
  --cl-background: var(--cl-white);
  --cl-footer-background: var(--cl-gray-0);
  --cl-footer-lines: var(--cl-gray-2);
  --cl-footer-text-color: var(--cl-gray-8);
  --cl-images-buttons-color: var(--cl-white);
  --cl-images-buttons-text-color: var(--cl-gray-8);
  --cl-filters-accent: var(--cl-gray-1);
  --br-xsmall: 0.25rem;
  --br-small: 0.5rem;
  --br-default: 0.75rem;
  --br-xl: 0.9375rem;
  --br-xxl: 6.25rem;
  --sp-01: 0.0625rem;
  --sp-02: 0.125rem;
  --sp-03: 0.1875rem;
  --sp-04: 0.25rem;
  --sp-05: 0.3125rem;
  --sp-10: 0.46875rem;
  --sp-15: 0.625rem;
  --sp-20: 0.9375rem;
  --sp-25: 1.25rem;
  --sp-30: 1.5625rem;
  --sp-40: 1.875rem;
  --sp-45: 2.5rem;
  --sp-50: 2.5rem;
  --sp-60: 3.125rem;
  --sp-70: 4.0625rem;
  --sp-80: 3.75rem;
  --sp-90: 5.625rem;
  --sp-100: 5rem;
  --sp-120: 7.5rem;
  --sp-160: 8.75rem;
  --sp-180: 11.25rem;
  --sp-200: 12.5rem;
  --sp-220: 13.75rem;
  --sp-250: 15.625rem;
  --sp-260: 16.25rem;
  --sp-400: 25rem;
  --sp-420: 26.25rem;
  --h-filters-max: 18.75rem;
  --w-sidebar: 15.5rem;
  --w-small: 41.25rem;
  --w-max: 85rem;
  --w-desc: 50rem;
  --wblog-normal: 74ch;
  --wblog-wide: 94ch;
  --swiper-theme-color: var(--cl-secondary);
  --swiper-navigation-color: var(--cl-secondary);
  --swiper-navigation-size: 2.625rem;
  --swiper-pagination-color: var(--cl-secondary);
  --swiper-pagination-bullet-size: var(--sp-10);
  --swiper-pagination-bullet-inactive-color: var(--cl-gray-2);
  --swiper-pagination-bullet-inactive-opacity: 1;
  --shadow-1:
    0 0.4375rem 0.9375rem rgba(160, 169, 186, 0.1),
    0 1.6875rem 1.6875rem rgba(160, 169, 186, 0.09),
    0 1.875rem 1.625rem rgba(160, 169, 186, 0.05),
    0 2.1875rem 2.0625rem rgba(160, 169, 186, 0.01);
}

@media (min-width: 768px) {
  :root,
  .editor-styles-wrapper {
    --fs-16: 1rem;
    --fs-18: 1.125rem;
    --fs-20: 1.25rem;
    --fs-24: 1.5rem;
    --fs-32: 2rem;
    --fs-34: 2.125rem;
    --fs-64: 4rem;
  }
}
@media (min-width: 768px) {
  :root,
  .editor-styles-wrapper {
    --sp-10: 0.625rem;
    --sp-15: 0.9375rem;
    --sp-20: 1.25rem;
    --sp-25: 1.5625rem;
    --sp-30: 1.875rem;
    --sp-40: 2.5rem;
    --sp-45: 2.8125rem;
    --sp-50: 3.125rem;
    --sp-60: 3.75rem;
    --sp-70: 4.375rem;
    --sp-80: 5rem;
    --sp-100: 6.25rem;
    --sp-160: 10rem;
  }
}
@media (min-width: 992px) {
  :root,
  .editor-styles-wrapper {
    --br-xsmall: 0.25rem;
    --br-default: 1.25rem;
  }
}
:root,
.editor-styles-wrapper {
  --title-inner-sm: 1.125rem;
  --title-inner-lg: 1.3125rem;
}

@media (min-width: 992px) {
  :root,
  .editor-styles-wrapper {
    --title-inner-sm: 1.3125rem;
    --title-inner-lg: 2rem;
  }
}
:root {
  color-scheme: light;
  accent-color: var(--cl-secondary);
}
:root :focus-visible {
  outline-color: var(--cl-secondary);
}
:root ::-moz-selection {
  background-color: var(--cl-secondary);
  color: var(--cl-white);
}
:root ::selection {
  background-color: var(--cl-secondary);
  color: var(--cl-white);
}
:root ::marker {
  color: var(--cl-secondary);
}

body {
  scrollbar-width: thin;
  scrollbar-color: var(--cl-secondary) var(--cl-background);
}

body {
  font-size: var(--fs-16);
  line-height: 1.3;
  color: var(--cl-primary);
  font-family: var(--ff-primary);
  font-optical-sizing: auto;
  font-style: normal;
  background-color: var(--cl-white);
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
html,
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  margin: 0;
}

html {
  scrollbar-color: var(--cl-gray) Canvas;
}
html.overflow {
  overflow: hidden;
}

textarea {
  font-family: var(--ff-primary);
}

a {
  color: inherit;
  text-decoration: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ff-secondary);
  font-weight: 600;
  line-height: 1.2;
}

h1 {
  font-size: var(--fs-42);
}

h2 {
  font-size: var(--fs-32);
}

h3 {
  font-size: var(--fs-24);
}

h4 {
  font-size: var(--fs-21);
}

/*
h1:not(.wp-block-acf-advanced-slider h1),
h2:not(.wp-block-acf-advanced-slider h2) {
  font-size: var(--fs-24);
}
*/
strong,
b {
  font-weight: 600;
}

img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  font-size: var(--fs-10);
}

.home .rank-math-breadcrumb {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  height: 0;
}

.rank-math-breadcrumb {
  padding: var(--sp-10) 0;
  margin-bottom: var(--sp-10);
  color: var(--cl-primary);
  overflow-x: scroll;
}
@media (min-width: 992px) {
  .rank-math-breadcrumb {
    overflow-x: unset;
  }
}
.rank-math-breadcrumb p {
  margin: 0;
  padding: 0;
  font-size: var(--fs-12);
  display: flex;
  align-items: flex-start;
  white-space: nowrap;
}
.rank-math-breadcrumb .separator {
  margin: 0 var(--sp-05);
  color: var(--cl-secondary);
}
.rank-math-breadcrumb a {
  color: var(--cl-primary);
}/*# sourceMappingURL=root.css.map */