/* SMARTSTRONG global brand palette — one accent across every template. */
:root{
  --brand-accent:#E0B50F;
  --brand-accent-hover:#EDC735;
  --brand-accent-rgb:224,181,15;
  --brand-ink:#000000;
  --brand-paper:#F5F6F7;
  --brand-muted:#474A51;
  --ss-lime:var(--brand-accent)!important;
  --ct-lime:var(--brand-accent)!important;
  --cp-lime:var(--brand-accent)!important;
  --rv-lime:var(--brand-accent)!important;
  --city-lime:var(--brand-accent)!important;
  --ss-button-accent:var(--brand-accent)!important;
  --ss-button-accent-hover:var(--brand-accent-hover)!important;
}

/* Large accent surfaces. */
.ss-contact-form,.ss-catalog-trust,.ss-cta,.ss-reviews-cta{background-color:var(--brand-accent)!important}

/* High-contrast action on light accent sections. */
.ss-cta .ss-btn--dark{border-color:#000000!important;background:#000000!important;color:#fff!important;box-shadow:0 18px 42px rgba(16,18,15,.25)!important}
.ss-cta .ss-btn--dark span{color:var(--brand-accent)!important}
.ss-cta .ss-btn--dark:before{background:rgba(255,255,255,.14)!important}
.ss-cta .ss-btn--dark:hover{border-color:#242424!important;background:#242424!important;color:#fff!important;box-shadow:0 23px 52px rgba(16,18,15,.34)!important}

/* Primary controls and interactive accent surfaces. */
.ss-btn,.btn-tovar,.btn-catalog,.ss-menu-catalog,.ss-nav__catalog,.ss-inner-header__catalog,.ss-mobile-menu__cta,.ss-footer__button,.cooperation-btn,.ss-assistant__choices button:hover,.ss-assistant__options button:hover,.ss-city-list button:hover,.ss-contact-map__pin{border-color:var(--brand-accent)!important;background-color:var(--brand-accent)!important}
.ss-btn:hover,.btn-tovar:hover,.btn-catalog:hover,.ss-menu-catalog:hover,.ss-nav__catalog:hover,.ss-inner-header__catalog:hover,.ss-mobile-menu__cta:hover,.ss-footer__button:hover{border-color:var(--brand-accent-hover)!important;background-color:var(--brand-accent-hover)!important}

/* Mobile navigation and floating actions. */
.ss-menu,.ss-inner-header__menu,.ss-floating-calc{background:var(--brand-accent)!important}
.ss-mobile-menu__nav>a i,.ss-mobile-menu__nav>a:hover>span,.ss-mobile-menu__catalog a>i,.ss-mobile-menu__contact a:first-of-type i{color:var(--brand-accent)!important}
.ss-mobile-menu__contact a:first-of-type i{background:var(--brand-accent)!important;box-shadow:0 0 12px rgba(var(--brand-accent-rgb),.55)!important}
.ss-floating-call span svg{stroke:var(--brand-accent)!important}

/* Modals, forms and state indicators. */
#modal-catalog2 .uk-modal-close-default:hover,#modal-catalog2 .ss-project-modal__person,#modal-catalog2 input[type=submit],#modal-catalog3 input[type=submit]{background:var(--brand-accent)!important}
#modal-catalog2 .ss-project-modal__tag,#modal-catalog2 .form-modal-title em,#modal-catalog3 .ss-partner-modal__top small,#modal-catalog3 .ss-partner-summary{color:var(--brand-accent)!important}
#modal-catalog2 .ss-project-modal__tag span,#modal-catalog3 .ss-partner-progress i.is-active{background:var(--brand-accent)!important}
#modal-catalog2 input:not([type=submit]):focus,#modal-catalog2 textarea:focus,#modal-catalog2 select:focus,#modal-catalog3 input:focus,#modal-catalog3 textarea:focus{border-color:var(--brand-accent)!important;box-shadow:0 0 0 3px rgba(var(--brand-accent-rgb),.1)!important}
.ss-feedback-form__notice.is-success{border-color:var(--brand-accent)!important;background:rgba(var(--brand-accent-rgb),.1)!important;color:#806700!important}

/* Partner portal: keep every native input type visually identical. */
.ss-account-modal .ss-account-form input:not([type="submit"]){
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  padding:0 17px!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:8px!important;
  background:#242424!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  font:600 13px/1 'Mulish',Arial,sans-serif!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  opacity:1!important;
}
.ss-account-modal .ss-account-form label{display:block!important;margin:0 0 17px!important}
.ss-account-modal .ss-account-form label>span{display:block!important;margin:0 0 9px!important;color:rgba(255,255,255,.62)!important;font-size:8px!important}
.ss-account-modal .ss-account-form input:not([type="submit"]):hover{border-color:rgba(224,181,15,.48)!important;background:#292929!important}
.ss-account-modal .ss-account-form input:not([type="submit"]):focus{border-color:var(--brand-accent)!important;background:#292929!important;box-shadow:0 0 0 3px rgba(var(--brand-accent-rgb),.12)!important;outline:0!important}
.ss-account-modal .ss-account-form input:-webkit-autofill,
.ss-account-modal .ss-account-form input:-webkit-autofill:hover,
.ss-account-modal .ss-account-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #242424 inset!important;box-shadow:0 0 0 1000px #242424 inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important}
@media(max-width:600px){.ss-account-modal .ss-account-form__row{grid-template-columns:1fr!important;gap:0!important}.ss-account-modal .ss-account-form input:not([type="submit"]){height:54px!important;min-height:54px!important}}

/* Prevent legacy neon shadows from changing perceived hue. */
.ss-btn,.btn-tovar,.btn-catalog,.ss-footer__button,.ss-mobile-menu__cta{box-shadow:0 15px 38px rgba(224,181,15,.23)!important}
.ss-contact-hero__quick>span i,.ss-product-status i,.ss-nav__contact i,.ss-inner-header__contact i{background:var(--brand-accent)!important;box-shadow:0 0 12px rgba(var(--brand-accent-rgb),.55)!important}

/* City controls: consistent geometry in header, menu and footer. */
.ss-city-trigger{box-sizing:border-box!important;border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.055)!important;color:#fff!important;box-shadow:none!important}.ss-city-trigger:hover{border-color:var(--brand-accent)!important;background:rgba(var(--brand-accent-rgb),.11)!important}.ss-city-trigger i{border-color:var(--brand-accent)!important;box-shadow:0 0 0 3px rgba(var(--brand-accent-rgb),.12)!important}.ss-city-trigger>b:before{border-color:var(--brand-accent)!important}
.ss-footer-city{box-sizing:border-box!important;width:min(100%,280px)!important;min-height:68px!important;margin:22px 0 0!important;padding:13px 15px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:9px!important;background:rgba(255,255,255,.045)!important;background-image:none!important;color:#fff!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;gap:6px 14px!important;align-items:center!important;text-align:left!important;box-shadow:none!important;animation:none!important;white-space:normal!important;overflow:hidden!important;transition:border-color .25s,background-color .25s,transform .25s!important}.ss-footer-city:hover{border-color:var(--brand-accent)!important;background:rgba(var(--brand-accent-rgb),.09)!important;transform:translateY(-2px)!important}.ss-footer-city__label{grid-column:1!important;grid-row:1!important;margin:0!important;padding:0!important;background:none!important;color:rgba(255,255,255,.42)!important;font:800 7px/1 'Mulish',Arial,sans-serif!important;letter-spacing:.13em!important;text-transform:uppercase!important}.ss-footer-city>b{grid-column:1!important;grid-row:2!important;margin:0!important;padding:0!important;background:none!important;color:#fff!important;font:800 13px/1.15 'Mulish',Arial,sans-serif!important;letter-spacing:.04em!important;text-transform:uppercase!important}.ss-footer-city__change{grid-column:2!important;grid-row:1/3!important;margin:0!important;padding:0!important;background:none!important;color:var(--brand-accent)!important;display:flex!important;align-items:center!important;gap:8px!important;font:800 7px/1 'Mulish',Arial,sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase!important}.ss-footer-city__change i{position:relative;width:17px;height:17px;display:block}.ss-footer-city__change i:before{content:'';position:absolute;left:2px;bottom:3px;width:11px;height:1px;background:var(--brand-accent);transform:rotate(-45deg);transform-origin:right}.ss-footer-city__change i:after{content:'';position:absolute;right:2px;top:2px;width:6px;height:6px;border-top:1px solid var(--brand-accent);border-right:1px solid var(--brand-accent)}
.ss-mobile-menu__city{border-color:rgba(var(--brand-accent-rgb),.32)!important;background:rgba(var(--brand-accent-rgb),.07)!important}.ss-mobile-menu__city:hover{border-color:var(--brand-accent)!important;background:var(--brand-accent)!important}
@media(max-width:600px){.ss-footer-city{width:100%!important;max-width:300px!important}.ss-city-trigger{min-height:40px!important}}

/* Precise footer city-change arrow alignment. */
.ss-footer-city__change i{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  align-self:center!important;
}
.ss-footer-city__change i:before{
  left:2px!important;
  top:8px!important;
  bottom:auto!important;
  width:12px!important;
  transform:rotate(-45deg)!important;
  transform-origin:center!important;
}
.ss-footer-city__change i:after{
  right:1px!important;
  top:1px!important;
  width:6px!important;
  height:6px!important;
}

/* Clean link focus without browser outline boxes */
a,a:hover,a:focus,a:focus-visible,a:active{outline:0!important;-webkit-outline:0!important;-webkit-tap-highlight-color:transparent}
a:focus,a:focus-visible,a:active{box-shadow:none!important}
a::-moz-focus-inner{border:0!important}
a:focus-visible:not(.btn-tovar):not(.ss-btn):not(.btn-catalog){color:var(--brand-accent)!important;text-decoration:none!important}

/* Large catalog trigger with a precise drawn chevron. */
@media(min-width:960px){.ss-catalog-drop>.ss-nav__catalog,.ss-catalog-drop>.ss-inner-header__catalog{box-sizing:border-box!important;width:168px!important;min-width:168px!important;height:66px!important;min-height:66px!important;padding:0 22px!important;border-radius:10px!important;gap:18px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.09em!important}.ss-catalog-drop>.ss-nav__catalog>span,.ss-catalog-drop>.ss-inner-header__catalog>span{position:relative!important;width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0!important;color:transparent!important;font-size:0!important;line-height:0!important;transform:none!important;transition:transform .28s ease!important}.ss-catalog-drop>.ss-nav__catalog>span:before,.ss-catalog-drop>.ss-inner-header__catalog>span:before{content:'';position:absolute;left:5px;top:4px;width:7px;height:7px;border-right:1.7px solid #000000;border-bottom:1.7px solid #000000;transform:rotate(45deg)}.ss-catalog-drop:hover>.ss-nav__catalog>span,.ss-catalog-drop:focus-within>.ss-nav__catalog>span,.ss-catalog-drop:hover>.ss-inner-header__catalog>span,.ss-catalog-drop:focus-within>.ss-inner-header__catalog>span{transform:rotate(180deg)!important}}

/* Compact desktop header controls: the previous 168x66 catalog button forced
   the brand and phone outside the inner-page header. */
@media(min-width:960px){
  .ss-catalog-drop>.ss-nav__catalog,
  .ss-catalog-drop>.ss-inner-header__catalog{
    width:148px!important;
    min-width:148px!important;
    height:58px!important;
    min-height:58px!important;
    padding:0 17px!important;
    gap:13px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }
  .ss-account-trigger{
    box-sizing:border-box!important;
    min-width:144px!important;
    min-height:58px!important;
    padding:0 15px!important;
    flex:0 0 auto!important;
    gap:11px!important;
    white-space:nowrap!important;
  }
  .ss-account-trigger>i{
    box-sizing:border-box!important;
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
    border:1.5px solid var(--brand-accent)!important;
  }
  .ss-account-trigger>i:before{
    left:50%!important;top:5px!important;
    width:8px!important;height:8px!important;
    border:1.5px solid var(--brand-accent)!important;
    transform:translateX(-50%)!important;
  }
  .ss-account-trigger>i:after{
    left:50%!important;right:auto!important;bottom:4px!important;
    width:15px!important;height:7px!important;
    border:1.5px solid var(--brand-accent)!important;
    border-radius:9px 9px 6px 6px!important;
    transform:translateX(-50%)!important;
  }
}

/* Brand typography: use the font weights supplied with this theme. */
@font-face{
  font-family:'Mulish';
  src:url('../fonts/Mulish-Bold.woff2') format('woff2'),url('../fonts/Mulish-Bold.woff') format('woff');
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
body{background-color:var(--brand-paper);color:var(--brand-ink)!important;font-family:'Mulish',Arial,sans-serif!important}
h1,h2,h3,h4,h5,h6{font-family:'SourceSerifPro',Georgia,serif!important;font-weight:700!important}

/* Shared header sizing for the homepage and every inner template. */
header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__inner,.ss-inner-header__inner){
  box-sizing:border-box!important;
  width:calc(100% - 64px)!important;
  max-width:1804px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  gap:16px!important;
  align-items:center!important;
}
header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__links,.ss-inner-header__nav)>a{
  display:flex;
  align-items:center;
  min-height:56px!important;
  padding:0 6px!important;
  font:700 15px/1.3 'Mulish',Arial,sans-serif!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap;
}
header:is(.ss-hero,.ss-inner-header) :is(.ss-nav,.ss-inner-header__inner) :is(.ss-nav__catalog,.ss-inner-header__catalog,.ss-account-trigger,.ss-city-trigger){
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  height:56px!important;
  min-height:56px!important;
  margin:0!important;
  padding:0 16px!important;
  border-radius:9px!important;
  gap:10px!important;
  font:700 13px/1.2 'Mulish',Arial,sans-serif!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
header:is(.ss-hero,.ss-inner-header) :is(.ss-nav,.ss-inner-header__inner) :is(.ss-nav__catalog,.ss-inner-header__catalog){width:132px!important;min-width:132px!important}
header:is(.ss-hero,.ss-inner-header) :is(.ss-nav,.ss-inner-header__inner) .ss-account-trigger{min-width:178px!important}
header:is(.ss-hero,.ss-inner-header) :is(.ss-nav,.ss-inner-header__inner) .ss-city-trigger{min-width:112px!important;max-width:170px!important}
header:is(.ss-hero,.ss-inner-header) :is(.ss-nav,.ss-inner-header__inner) .ss-city-trigger [data-city-name]{overflow:hidden;text-overflow:ellipsis}
@media(min-width:1400px){
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__inner,.ss-inner-header__inner){display:flex!important;height:96px!important;min-height:96px!important;justify-content:space-between!important}
  header .ss-nav .ss-brand,header.ss-inner-header .ss-inner-header__logo{min-width:0!important;flex:0 0 auto!important;font-size:28px!important}
  header .ss-nav .ss-brand b{font-size:28px!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__links,.ss-inner-header__nav){display:flex!important;flex:0 1 auto!important;margin:0!important;gap:8px!important;align-items:center!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__contact,.ss-inner-header__contact){min-width:190px!important;margin:0!important;padding:0!important;border:0!important;flex:0 0 auto!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__contact,.ss-inner-header__contact)>a{font-size:20px!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__contact,.ss-inner-header__contact)>span{font-size:9px!important;letter-spacing:.04em!important}
}
@media(min-width:601px) and (max-width:1399px){
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__inner,.ss-inner-header__inner){display:flex!important;height:88px!important;min-height:88px!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__links,.ss-inner-header__nav){display:none!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav,.ss-inner-header__inner) .ss-account-trigger{display:none!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-menu,.ss-inner-header__menu){display:block!important;flex:0 0 56px!important;width:56px!important;height:56px!important;margin:0!important}
  header .ss-nav .ss-brand,header.ss-inner-header .ss-inner-header__logo{min-width:0!important;flex:0 0 auto!important;font-size:26px!important}
  header .ss-nav .ss-brand b{font-size:26px!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav,.ss-inner-header__inner) .ss-city-trigger{margin-left:auto!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__contact,.ss-inner-header__contact){min-width:0!important;margin:0!important;padding:0!important;border:0!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__contact,.ss-inner-header__contact)>a{font-size:17px!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__contact,.ss-inner-header__contact)>span{display:none!important}
}
@media(max-width:600px){
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__inner,.ss-inner-header__inner){width:calc(100% - 24px)!important;gap:8px!important;grid-template-columns:minmax(0,1fr) 94px 44px!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav,.ss-inner-header__inner) .ss-account-trigger{display:none!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav,.ss-inner-header__inner) .ss-city-trigger{width:94px!important;min-width:0!important;max-width:94px!important;height:44px!important;min-height:44px!important;padding:0 8px!important;gap:5px!important;font-size:11px!important}
  header:is(.ss-hero,.ss-inner-header) :is(.ss-menu,.ss-inner-header__menu){width:44px!important;height:44px!important;border-radius:9px!important}
}

/* Center navigation between the brand and the right-hand control group. */
@media(min-width:1400px){
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__inner,.ss-inner-header__inner){
    justify-content:flex-start!important;
  }
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav__links,.ss-inner-header__nav){
    flex:1 1 auto!important;
    justify-content:center!important;
  }
  header:is(.ss-hero,.ss-inner-header) :is(.ss-nav,.ss-inner-header__inner) .ss-account-trigger{
    margin-left:0!important;
  }
}

/* Preserve readable account-button text in every interaction state. */
header:is(.ss-hero,.ss-inner-header) .ss-account-trigger,
header:is(.ss-hero,.ss-inner-header) .ss-account-trigger>span{
  color:#fff!important;
}
header:is(.ss-hero,.ss-inner-header) .ss-account-trigger:is(:hover,:focus-visible){
  color:#fff!important;
  border-color:var(--brand-accent)!important;
  background:rgba(var(--brand-accent-rgb),.14)!important;
}
header:is(.ss-hero,.ss-inner-header) .ss-account-trigger:focus-visible{
  outline:2px solid var(--brand-accent);
  outline-offset:3px;
}

/* Readable catalog benefits and a high-contrast project action. */
.ss-catalog-trust>.uk-container{gap:24px;border-right:0;padding-inline:24px}
.ss-catalog-trust>.uk-container>div{min-width:0;margin:0;padding:0 20px 0 0}
.ss-catalog-trust b{color:#000;font-size:16px;line-height:1.4;letter-spacing:.02em}
.ss-catalog-trust span{color:#242424;font-size:14px;line-height:1.5;margin-top:8px}
.ss-catalog-trust>.uk-container>a.btn-tovar{
  display:flex;align-items:center;justify-content:center;
  min-height:72px!important;min-width:240px;padding:18px 28px!important;
  border:1px solid #000!important;border-radius:12px!important;
  background:#000!important;color:#fff!important;
  font:700 15px/1.3 'Mulish',Arial,sans-serif!important;letter-spacing:.025em!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
.ss-catalog-trust>.uk-container>a.btn-tovar:hover{background:#242424!important;border-color:#242424!important;color:#fff!important}
@media(max-width:1050px){
  .ss-catalog-trust>.uk-container{grid-template-columns:1fr 1fr;gap:24px}
  .ss-catalog-trust>.uk-container>div{border:0}
}
@media(max-width:600px){
  .ss-catalog-trust>.uk-container{grid-template-columns:1fr;gap:22px}
  .ss-catalog-trust b{font-size:15px}
  .ss-catalog-trust>.uk-container>a.btn-tovar{width:100%;min-width:0;min-height:64px!important}
}
