/* sergeev-theme-custom.css — synced from theme_prostore_css */
/* sergeev-dedup-v1 */
:root {

  --theme-primary-color: #1f1f1f;

  --theme-secondary-color: #191919;

  --base-font-family: "Inter", Arial, Helvetica, sans-serif;

}

@media (max-width: 767px) {

  

}

body {

  font: 400 1.6rem/1.5 "Inter", Arial, Helvetica, sans-serif;

}

input:not([class]),

textarea:not([class]),

select:not([class]),

select.form-control,

.ui-input,

.ui-range__input,

.ui-textarea,

.form-control:not(select),

.ui-select,

.ui-select select,

.personal__order-table-info {

  font-family: "Inter", Arial, Helvetica, sans-serif;

}

@media (min-width: 768px) {

  .personal__order-table { font-family: "Inter", Arial, Helvetica, sans-serif; }

}

@media (max-width: 767px) {

  .personal__order-table { font-family: "Inter", Arial, Helvetica, sans-serif; }

}

@media (max-width: 1199px) {

  .products__item { height: auto !important; }

  .products__item-discount,

  .products__item-action { position: relative; opacity: 1; visibility: visible; transform: translate(0, 0); }

}

.ui-btn.js-btn-preview { display: none; }

/* === Header === */

@media (min-width: 1200px) {

  .header__call-btn {

    display: inline-block;

    color: #BABABA;

    font-weight: 400;

    font-size: 14px;

  }

  .header__call-btn mark,

  .header__call-btn a {

    color: #BABABA;

    font-weight: 400;

    font-size: 13px;

    opacity: 1;

  }

  .header__info-link {

    color: #BABABA;

    font-weight: 400;

    font-size: 13px;

  }

  .header__nav-menu { margin: 0 10px; }

  .header__priority-dropdown-wrapper { display: flex; }

  .header__nav-link { font-size: 14px; }

}

@media (max-width: 1199px) {
  .header__mobile {
    justify-content: flex-start;
    align-items: center;
    gap: 0.8rem;
  }
  .header__mobile > .header__nav {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    position: relative;
    z-index: 3;
  }
  .header__mobile > .header__nav .header__nav-btn {
    position: static;
    width: 2.4rem;
    height: 2.4rem;
  }
  .header__mobile > .header__logo {
    position: static;
    margin: 0;
    flex: 0 1 auto;
    min-width: 0;
    max-width: calc(100% - 22rem);
  }
  .header__mobile > .header__logo img,
  .header__mobile > .header__logo svg {
    max-width: 9rem;
    width: auto;
    display: block;
  }
  .header__mobile > .header__group {
    flex: 0 0 auto;
    margin-left: auto;
    display: flex;
    align-items: center;
  }
  .header__mobile > .header__group > * {
    margin-left: 2.4rem;
  }
  .header__mobile > .header__group > *:first-child {
    margin-left: 0;
  }
  .header__mobile .header__acc {
    display: flex;
  }
}

.header__cart-total { display: none; }

.header__nav-banner { display: none; }

a[href*="compare"] { display: none; }

.header__priority { display: flex; justify-content: center; }

.header__priority .header__priority-toggle { margin-left: auto; }



/* === Categories (category pages + homepage) === */

.main .categories { background: #fff; }

.main .categories .products-categories__grid li { aspect-ratio: 1/1; }

.main .categories .products-categories__grid li a {

  background: #F5F5F7;

  border-radius: 30px;

  display: flex;

  justify-content: center;

}

.main .categories .products-categories__item-image { height: 18rem; }

.main .categories .products-categories__item-title {

  font-weight: 600;

  font-size: 18px;

  color: #000;

  margin: 14px 0 0 0;

}

.main .categories .categories__subtitle {

  font-weight: 600;

  font-size: 20px;

  color: #161616;

  text-align: center;

  margin-top: 30px;

  display: block;

}

.products-featured__action { margin: 0; }

a.partners__item[href=""] { pointer-events: none; }

/* === Category slide (category pages) === */

.category-slide {

  min-height: 240px;

  width: 100%;

  background: #000;

  position: relative;

  padding: 40px 0;

}

.category-slide:after {

  background-color: #000;

  opacity: 0.5;

  content: "";

  position: absolute;

  inset: 0;

  z-index: 0;

}

.category-slide .cats {

  position: relative;

  width: 100%;

  z-index: 1;

  text-align: center;

}

.category-slide .cats a {

  border: 0.6px solid #fff;

  padding: 12px 25px 11px;

  border-radius: 5px;

  color: #fff;

  font-weight: 400;

  font-size: 12px;

  margin: 10px;

  display: inline-block;

}

.category-slide img {

  z-index: 1;

  position: relative;

  width: 35px;

  display: block;

  margin: 0 auto;

}

.category-slide h1 {

  font-weight: 600;

  font-size: 37px;

  text-align: center;

  position: relative;

  z-index: 1;

  color: #fff;

  margin-top: 14px;

  margin-bottom: 20px;

}

/* === Online dot === */

@keyframes blink {

  0%, 100% { opacity: 0; }

  50% { opacity: 1; }

}

.dot {

  width: 3px;

  height: 3px;

  background: green;

  border-radius: 50%;

  animation: blink 1s infinite;

  position: absolute;

  top: 29px;

  right: 3px;

}

/* === Cookie banner === */

@media (max-width: 767px) {

  .cookieagry { bottom: 100px; }

}

/* === Video in notes === */

@media (max-width: 767px) {

  iframe.note-video-clip { width: 100%; height: 100%; }

}

/* === Agreement checkbox === */

#agreement_checkbox .checkbox label {

  display: block !important;

  flex-direction: initial !important;

  align-items: initial !important;

}

#agreement_checkbox .checkbox label *,

#agreement_checkbox .checkbox label a,

#agreement_checkbox .checkbox label b {

  display: inline !important;

}

#agreement_checkbox label {

  position: relative;

  padding-left: 34px;

  font-size: 15px;

  line-height: 1.4;

  color: #222;

  cursor: pointer;

}

#agreement_checkbox input[type="checkbox"] {

  position: absolute;

  opacity: 0;

}

#agreement_checkbox label::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0.2em;

  width: 20px;

  height: 20px;

  border-radius: 5px;

  border: 2px solid #c7c7c7;

  background: #fff;

  box-sizing: border-box;

}

#agreement_checkbox label::after {

  content: "";

  position: absolute;

  left: 6px;

  top: 0.45em;

  width: 6px;

  height: 10px;

  border-right: 2px solid #fff;

  border-bottom: 2px solid #fff;

  transform: rotate(45deg) scale(0);

}

#agreement_checkbox label:has(input:checked)::before {

  background: #111;

  border-color: #111;

}

#agreement_checkbox label:has(input:checked)::after {

  transform: rotate(45deg) scale(1);

}

#agreement_checkbox a {

  color: #111;

  text-decoration: underline;

  white-space: normal;

}

#agreement_checkbox a:hover { text-decoration: none; }

@media (max-width: 767px) {

  #agreement_checkbox label { font-size: 14px; }

  #agreement_checkbox label::before { width: 18px; height: 18px; }

  #agreement_checkbox label::after { left: 5px; width: 5px; height: 9px; }

}

/* === Banner === */

/* === Homepage spacing === */

body.page-homepage .main-slide { margin-bottom: 100px; }

body.page-homepage .partners,

body.page-homepage .products-featured,

body.page-homepage .categories,

body.page-homepage .brands-featured {

  margin-top: 0;

  margin-bottom: 100px;

  padding-top: 0;

  padding-bottom: 0;

}

body.page-homepage .products-featured .container-fluid { padding-bottom: 0; }

body.page-homepage .categories { padding-top: 0 !important; }

body.page-homepage .categories .products-categories { padding-top: 0 !important; }

body.page-homepage main span.h2,

body.page-homepage main h2 {

  font-size: 3.5rem;

  font-weight: bold;

  display: block;

  width: 100%;

  text-align: center;

  margin-top: 0;

  margin-bottom: 50px;

}

body.page-homepage .main > *:last-child { margin-bottom: 0; }

/* Tablet landscape (992–1199px) */

@media (max-width: 1199px) {

  body.page-homepage .main-slide { margin-bottom: 80px; }

  body.page-homepage .partners,

  body.page-homepage .products-featured,

  body.page-homepage .categories,

  body.page-homepage .brands-featured { margin-bottom: 80px; }

  body.page-homepage main span.h2,

  body.page-homepage main h2 { font-size: 3rem; margin-bottom: 40px; }

}

/* Tablet portrait (768–991px) */

@media (max-width: 991px) {

  body.page-homepage .main-slide { margin-bottom: 70px; }

  body.page-homepage .partners,

  body.page-homepage .products-featured,

  body.page-homepage .categories,

  body.page-homepage .brands-featured { margin-bottom: 70px; }

  body.page-homepage main span.h2,

  body.page-homepage main h2 { font-size: 2.8rem; margin-bottom: 35px; }

}

/* Mobile (< 768px) */
@media (max-width: 767px) {
  body.page-homepage .partners,

  body.page-homepage .products-featured,

  body.page-homepage .categories,

  body.page-homepage .brands-featured { margin-bottom: 50px; }

  body.page-homepage main span.h2,

  body.page-homepage main h2 { font-size: 4.5rem; margin-bottom: 25px; }

  .main .categories .products-categories__item-image { margin: 0; height: 100px; }

  .main .categories .products-categories__item-title { margin: 8px 0 0 0; font-size: 12px; }

}

/* === Fix mobile catalog scroll (sergeev v2) === */
@media (max-width: 1199px) {
  .header__mobile .header__catalog-menu > li.is-open > .header__catalog-dropdown {
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .header__mobile .header__catalog-dropdown .header__catalog-menu {
    transform: none !important;
    animation: none !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    height: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .header__mobile .header__catalog-dropdown > .header__catalog-back {
    flex: 0 0 auto !important;
  }
  .header__mobile .header__catalog-menu .header__catalog-menu .header__catalog-menu {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    height: auto !important;
  }
}



.cart__delivery.js-collapse {

	display: none;

}

/* === Fix: block scroll when subcategory is open === */

@media (max-width: 1199px) {

  .header__nav-offcanvas:has(.header__catalog-menu > li.is-open) {

    overflow: hidden !important;

  }

  .header__nav-body:has(.header__catalog-menu > li.is-open) > .header__nav-support,

  .header__nav-body:has(.header__catalog-menu > li.is-open) > .header__nav-banner {

    display: none !important;

  }

}

/* === Fix: align partner sliders on mobile === */

@media (max-width: 1199px) {

  .swiper-partners > .swiper-wrapper {

    padding-left: 2.5rem !important;

    padding-right: 2.5rem !important;

  }

}

/* === Fix: remove transform containing block from top-level catalog menu === */

@media (max-width: 1199px) {

  .header__nav-body > .header__catalog-menu {

    transform: none !important;

    animation: none !important;

  }

}

.blog__tags {

  display: none

}