.elementor-kit-13{--e-global-color-primary:#E2231A;--e-global-color-secondary:#151417;--e-global-color-text:#0D0D0F;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:clamp(32px, 3.6vw, 44px);--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:clamp(24–26px, ~3vw, 30–36px);--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:1.2rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --red:#E2231A; --red-dark:#B81B14; --surface-dark:#151417; --surface-dark-2:#1C1B1F; --surface-light:#F6F5F3; --white:#ffffff; --line-dark:rgba(255,255,255,.10); --line-light:rgba(13,13,15,.10); --ink:#0D0D0F; --Naslov:Inter; --Tekst_body:Inter; --H1:clamp(32px, 3.6vw, 44px); --H2:clamp(24–26px, ~3vw, 30–36px); --maus-p-md:clamp(24px, 4vw, 32px);; --maus-p-xl:clamp(48px, 6vw, 64px);; }
/* Start custom CSS */:root{
  /* base 8px spacing scale — reuse anywhere you need consistent gaps */
  --space-3xs: 8px;
  --space-2xs: 12px;
  --space-xs:  16px;
  --space-sm:  24px;
  --space-md:  32px;
  --space-lg:  48px;
  --space-xl:  64px;
  --space-2xl: 80px;
  --space-3xl: 100px;

  /* side padding for content inside a section — fluid, never touches the screen edge on mobile */
  --container-x: clamp(24px, 5vw, 48px);
}

/* ---------- ready-made section classes (match the product page exactly) ---------- */

.maus-sec-hero{
  padding-top: 8px;
  padding-bottom: var(--space-xl);          /* 64px */
}

.maus-sec-video{
  padding-top: var(--space-xl);             /* 64px */
  padding-bottom: var(--space-xl);
}

.maus-sec-spec{
  padding-top: 72px;
  padding-bottom: 72px;
}

.maus-sec-longdesc{
  padding-top: 84px;
  padding-bottom: 84px;
}

.maus-sec-reviews{
  padding-top: var(--space-2xl);            /* 80px */
  padding-bottom: var(--space-xl);          /* 64px */
}

.maus-sec-related{
  padding-top: 84px;
  padding-bottom: var(--space-3xl);         /* 100px */
}

.maus-sec-footer{
  padding-top: var(--space-lg);             /* 48px */
  padding-bottom: 28px;
}

/* side content padding — apply to a Section (or its Inner Section) instead of the screen edge */
.maus-container-x{
  padding-left: var(--container-x);
  padding-right: var(--container-x);
}

/* ---------- generic scale classes — for any other section you add later ---------- */
.maus-pad-sm  { padding-top: var(--space-sm);  padding-bottom: var(--space-sm);  } /* 24px  */
.maus-pad-md  { padding-top: var(--space-md);  padding-bottom: var(--space-md);  } /* 32px  */
.maus-pad-lg  { padding-top: var(--space-lg);  padding-bottom: var(--space-lg);  } /* 48px  */
.maus-pad-xl  { padding-top: var(--space-xl);  padding-bottom: var(--space-xl);  } /* 64px  */
.maus-pad-2xl { padding-top: var(--space-2xl); padding-bottom: var(--space-2xl); } /* 80px  */
.maus-pad-3xl { padding-top: var(--space-3xl); padding-bottom: var(--space-3xl); } /* 100px */

/* ---------- responsive overrides — matches Elementor's default Tablet/Mobile breakpoints ---------- */
@media (max-width: 1024px){
  .maus-sec-hero      { padding-bottom: var(--space-lg); }   /* 48px */
  .maus-sec-video      { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
  .maus-sec-spec       { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
  .maus-sec-longdesc   { padding-top: var(--space-lg); padding-bottom: var(--space-lg); }
  .maus-sec-reviews    { padding-top: var(--space-xl); padding-bottom: var(--space-lg); }
  .maus-sec-related    { padding-top: var(--space-lg); padding-bottom: var(--space-xl); }
}

@media (max-width: 767px){
  .maus-sec-hero      { padding-top: var(--space-sm); padding-bottom: var(--space-xl); } /* 24px / 40px */
  .maus-sec-video      { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } /* 40px-ish */
  .maus-sec-spec       { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } /* 48px */
  .maus-sec-longdesc   { padding-top: var(--space-lg); padding-bottom: var(--space-lg); } /* 48px */
  .maus-sec-reviews    { padding-top: var(--space-lg); padding-bottom: var(--space-xl); } /* 48px / 40px */
  .maus-sec-related    { padding-top: var(--space-lg); padding-bottom: var(--space-2xl); } /* 48px / 56px */
  .maus-sec-footer     { padding-top: var(--space-md); padding-bottom: var(--space-sm); } /* 32px / 24px */

  /* gap between grid columns shrinks on mobile across the whole page */
  .elementor-section .elementor-container{ row-gap: var(--space-xs); }
}

:root{
  --p-xs:  clamp(12px, 2vw, 16px);
  --p-sm:  clamp(16px, 3vw, 24px);
  --p-md:  clamp(24px, 4vw, 32px);
  --p-lg:  clamp(32px, 5vw, 48px);
  --p-xl:  clamp(48px, 6vw, 64px);
  --p-2xl: clamp(64px, 8vw, 96px);
}

.maus-p-xs  { padding: var(--p-xs);  }
.maus-p-sm  { padding: var(--p-sm);  }
.maus-p-md  { padding: var(--p-md);  }
.maus-p-lg  { padding: var(--p-lg);  }
.maus-p-xl  { padding: var(--p-xl);  }
.maus-p-2xl { padding: var(--p-2xl); }/* End custom CSS */