@charset "UTF-8";
/* line 1, _settings.scss */
:root {
  --bg: var(--draft-bg, #33333F);
  --bg-is-dark: var(--draft-bg-is-dark, true);
  --bg-minor-shade: var(--draft-bg-minor-shade, #444454);
  --bg-minor-shade-is-dark: var(--draft-bg-minor-shade-is-dark, true);
  --bg-major-shade: var(--draft-bg-major-shade, #55556a);
  --bg-major-shade-is-dark: var(--draft-bg-major-shade-is-dark, true);
  --bg-half-shade: var(--draft-bg-half-shade, #9191a6);
  --bg-half-shade-is-dark: var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg: var(--draft-color-btn-bg, #5353C4);
  --color-btn-bg-is-dark: var(--draft-color-btn-bg-is-dark, true);
  --color-btn-bg-minor-shade: var(--draft-color-btn-bg-minor-shade, #6969cc);
  --color-btn-bg-minor-shade-is-dark: var(--draft-color-btn-bg-minor-shade-is-dark, true);
  --color-btn-bg-major-shade: var(--draft-color-btn-bg-major-shade, #7e7ed3);
  --color-btn-bg-major-shade-is-dark: var(--draft-color-btn-bg-major-shade-is-dark, true);
  --color-btn-bg-half-shade: var(--draft-color-btn-bg-half-shade, #bdbde8);
  --color-btn-bg-half-shade-is-light: var(--draft-color-btn-bg-half-shade-is-light, true);
  --color-accent-text: var(--draft-color-accent-text, #E5E5F5);
  --color-accent-text-is-light: var(--draft-color-accent-text-is-light, true);
  --color-accent-text-minor-shade: var(--draft-color-accent-text-minor-shade, #dbdbf1);
  --color-accent-text-minor-shade-is-light: var(--draft-color-accent-text-minor-shade-is-light, true);
  --color-accent-text-major-shade: var(--draft-color-accent-text-major-shade, #cdcdec);
  --color-accent-text-major-shade-is-light: var(--draft-color-accent-text-major-shade-is-light, true);
  --color-accent-text-half-shade: var(--draft-color-accent-text-half-shade, #4242ab);
  --color-accent-text-half-shade-is-dark: var(--draft-color-accent-text-half-shade-is-dark, true);
  --color-text-dark: var(--draft-color-text-dark, #000000);
  --color-text-dark-is-dark: var(--draft-color-text-dark-is-dark, true);
  --color-text-dark-minor-shade: var(--draft-color-text-dark-minor-shade, #1a1a1a);
  --color-text-dark-minor-shade-is-dark: var(--draft-color-text-dark-minor-shade-is-dark, true);
  --color-text-dark-major-shade: var(--draft-color-text-dark-major-shade, #333333);
  --color-text-dark-major-shade-is-dark: var(--draft-color-text-dark-major-shade-is-dark, true);
  --color-text-dark-half-shade: var(--draft-color-text-dark-half-shade, #808080);
  --color-text-dark-half-shade-is-dark: var(--draft-color-text-dark-half-shade-is-dark, true);
  --color-text-light: var(--draft-color-text-light, #ffffff);
  --color-text-light-is-light: var(--draft-color-text-light-is-light, true);
  --color-text-light-minor-shade: var(--draft-color-text-light-minor-shade, #f7f7f7);
  --color-text-light-minor-shade-is-light: var(--draft-color-text-light-minor-shade-is-light, true);
  --color-text-light-major-shade: var(--draft-color-text-light-major-shade, #ededed);
  --color-text-light-major-shade-is-light: var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade: var(--draft-color-text-light-half-shade, #808080);
  --color-text-light-half-shade-is-dark: var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack: var(--draft-icons_pack, intermittent);
  --controls-btn-border-radius: var(--draft-controls-btn-border-radius, 6px);
  --color-notice-warning: var(--draft-color-notice-warning, #fff3cd);
  --color-notice-warning-is-light: var(--draft-color-notice-warning-is-light, true);
  --color-notice-warning-minor-shade: var(--draft-color-notice-warning-minor-shade, #fff0be);
  --color-notice-warning-minor-shade-is-light: var(--draft-color-notice-warning-minor-shade-is-light, true);
  --color-notice-warning-major-shade: var(--draft-color-notice-warning-major-shade, #ffecac);
  --color-notice-warning-major-shade-is-light: var(--draft-color-notice-warning-major-shade-is-light, true);
  --color-notice-warning-half-shade: var(--draft-color-notice-warning-half-shade, #e6b000);
  --color-notice-warning-half-shade-is-dark: var(--draft-color-notice-warning-half-shade-is-dark, true);
  --color-notice-success: var(--draft-color-notice-success, #d4edda);
  --color-notice-success-is-light: var(--draft-color-notice-success-is-light, true);
  --color-notice-success-minor-shade: var(--draft-color-notice-success-minor-shade, #cae9d2);
  --color-notice-success-minor-shade-is-light: var(--draft-color-notice-success-minor-shade-is-light, true);
  --color-notice-success-major-shade: var(--draft-color-notice-success-major-shade, #bee4c7);
  --color-notice-success-major-shade-is-light: var(--draft-color-notice-success-major-shade-is-light, true);
  --color-notice-success-half-shade: var(--draft-color-notice-success-half-shade, #429e58);
  --color-notice-success-half-shade-is-dark: var(--draft-color-notice-success-half-shade-is-dark, true);
  --color-notice-error: var(--draft-color-notice-error, #f8d7da);
  --color-notice-error-is-light: var(--draft-color-notice-error-is-light, true);
  --color-notice-error-minor-shade: var(--draft-color-notice-error-minor-shade, #f6ccd0);
  --color-notice-error-minor-shade-is-light: var(--draft-color-notice-error-minor-shade-is-light, true);
  --color-notice-error-major-shade: var(--draft-color-notice-error-major-shade, #f3bcc1);
  --color-notice-error-major-shade-is-light: var(--draft-color-notice-error-major-shade-is-light, true);
  --color-notice-error-half-shade: var(--draft-color-notice-error-half-shade, #c52330);
  --color-notice-error-half-shade-is-dark: var(--draft-color-notice-error-half-shade-is-dark, true);
  --color-notice-info: var(--draft-color-notice-info, #cce5ff);
  --color-notice-info-is-light: var(--draft-color-notice-info-is-light, true);
  --color-notice-info-minor-shade: var(--draft-color-notice-info-minor-shade, #bedeff);
  --color-notice-info-minor-shade-is-light: var(--draft-color-notice-info-minor-shade-is-light, true);
  --color-notice-info-major-shade: var(--draft-color-notice-info-major-shade, #acd4ff);
  --color-notice-info-major-shade-is-light: var(--draft-color-notice-info-major-shade-is-light, true);
  --color-notice-info-half-shade: var(--draft-color-notice-info-half-shade, #006fe6);
  --color-notice-info-half-shade-is-dark: var(--draft-color-notice-info-half-shade-is-dark, true);
  --font-family: var(--draft-font-family, Manrope);
  --font-size: var(--draft-font-size, 16px);
  --font-family-heading: var(--draft-font-family-heading, Manrope);
  --heading-ratio: var(--draft-heading-ratio, 1.8);
  --heading-weight: var(--draft-heading-weight, 700);
  --collection_count: var(--draft-collection_count, 12);
  --search_count: var(--draft-search_count, 15);
  --blog_size: var(--draft-blog_size, 6);
  --product_not_available: var(--draft-product_not_available, shown);
  --layout-content-max-width: var(--draft-layout-content-max-width, 1408px);
  --delta_sidebar: var(--draft-delta_sidebar, 2);
  --sidebar_index_show: var(--draft-sidebar_index_show, false);
  --sidebar_index_position: var(--draft-sidebar_index_position, left);
  --sidebar_collection_show: var(--draft-sidebar_collection_show, true);
  --sidebar_collection_position: var(--draft-sidebar_collection_position, left);
  --sidebar_cart_show: var(--draft-sidebar_cart_show, false);
  --sidebar_cart_position: var(--draft-sidebar_cart_position, left);
  --sidebar_product_show: var(--draft-sidebar_product_show, false);
  --sidebar_product_position: var(--draft-sidebar_product_position, left);
  --sidebar_blog_show: var(--draft-sidebar_blog_show, false);
  --sidebar_blog_position: var(--draft-sidebar_blog_position, left);
  --sidebar_article_show: var(--draft-sidebar_article_show, false);
  --sidebar_article_position: var(--draft-sidebar_article_position, left);
  --sidebar_page_show: var(--draft-sidebar_page_show, false);
  --sidebar_page_position: var(--draft-sidebar_page_position, left);
  --sidebar_compare_show: var(--draft-sidebar_compare_show, false);
  --sidebar_compare_position: var(--draft-sidebar_compare_position, left);
  --sidebar_search_show: var(--draft-sidebar_search_show, false);
  --sidebar_search_position: var(--draft-sidebar_search_position, left);
  --feedback_captcha_enabled: var(--draft-feedback_captcha_enabled, true);
  --favorite_enabled: var(--draft-favorite_enabled, true);
  --compare_enabled: var(--draft-compare_enabled, true); }

/* line 4, theme.scss */
body {
  color: white !important; }

/* line 9, theme.scss */
*:not(html):not(body):not(.feedback__submit-btn) {
  color: inherit !important; }

/* line 15, theme.scss */
.header__collections,
.header__collections-content,
.header__collections-menu,
.header__collections-item,
.header__collections-link,
.header__collections-photo,
.header__collections-submenu,
.header__collections-show-more,
.header__collections-show-more-link,
.header__collections-item-count {
  color: #2c2c40 !important; }

/* line 29, theme.scss */
.m-modal-wrapper * {
  color: #2c2c40 !important; }

/* line 34, theme.scss */
.m-modal-wrapper input[type="text"],
.m-modal-wrapper input[type="tel"],
.m-modal-wrapper textarea {
  color: #2c2c40 !important; }

/* line 41, theme.scss */
.agree__content,
.agree__field:checked + .agree__content .agree__btn:before {
  color: #2c2c40 !important; }

/* line 47, theme.scss */
.m-modal-wrapper label[for="client_consent_to_personal_data"] {
  color: #2c2c40 !important; }

/* line 51, theme.scss */
html, body {
  background-image: url("https://static.insales-cdn.com/files/1/321/115851585/original/website_-3Т_3.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  min-height: 100vh; }

/* line 61, theme.scss */
*:not(html):not(body):not(.feedback__submit-btn) {
  background: transparent !important; }

/* Feedback submit button - colored instead of transparent */
/* line 66, theme.scss */
.feedback__submit .button,
.feedback__submit-btn {
  background: var(--color-btn-bg, #E5E5F5) !important;
  color: var(--color-accent-text, white) !important;
  border: 2px solid #ffffff !important;
  padding: 15px 30px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  border-radius: var(--controls-btn-border-radius, 4px) !important;
  transition: background-color 0.3s ease !important;
  min-width: 250px !important; }

/* line 80, theme.scss */
.feedback__submit-btn:hover {
  background: var(--color-btn-bg, #C8C8D9) !important;
  opacity: 0.9 !important; }

/* Agree checkbox - fix transparency issue */
/* line 86, theme.scss */
.agree__content {
  display: inline-flex; }

/* line 90, theme.scss */
.agree__btn {
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.8rem;
  border: var(--controls-border-width) solid var(--color-form-controls-border-color) !important;
  border-radius: calc(var(--controls-form-border-radius) / 2);
  position: relative;
  background: var(--bg-minor-shade, #ffffff) !important; }

/* line 101, theme.scss */
.agree__btn:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: var(--color-btn-bg);
  opacity: 0;
  visibility: hidden;
  content: "✓"; }

/* line 113, theme.scss */
.agree__field:checked + .agree__content .agree__btn {
  background: var(--color-btn-bg, #5a5aab) !important;
  border-color: var(--color-btn-bg, #5a5aab) !important; }

/* line 118, theme.scss */
.agree__field:checked + .agree__content .agree__btn:before {
  opacity: 1;
  visibility: visible;
  color: white !important; }

/* === CATALOG CONTENT — NOT TRANSPARENT === */
/* line 125, theme.scss */
.header__collections,
.header__collections-content,
.header__collections-menu,
.header__collections-item,
.header__collections-link,
.header__collections-photo,
.header__collections-submenu,
.header__collections-show-more,
.header__collections-show-more-link {
  background: white !important;
  color: #2c2c40 !important; }

/* line 138, theme.scss */
.header__collections-item-count {
  color: #5a5aab !important; }

/* line 142, theme.scss */
.header__collections-item:not(:last-child) {
  border-bottom: 1px solid #eee !important; }

/* === header-part-top and ALL its child elements — TRANSPARENT === */
/* line 147, theme.scss */
.header-part-top,
.header-part-top *,
.header-part-top__inner,
.header-part-top__inner *,
div[class*="header-part-top"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important; }

/* Catalog button */
/* line 159, theme.scss */
.header__area-catalog .header__show-collection-btn {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease !important; }

/* line 167, theme.scss */
.header__area-catalog .header__show-collection-btn:hover {
  background: rgba(44, 44, 64, 0.2) !important; }

/* All header buttons */
/* line 172, theme.scss */
.header__area-catalog .header__show-collection-btn,
.header__collections-link,
.header__menu-link,
.header__bottom_menu-link,
.header__languages-cur,
.header__control-btn {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  transition: background-color 0.3s ease !important;
  text-decoration: none !important; }

/* On hover */
/* line 187, theme.scss */
.header__area-catalog .header__show-collection-btn:hover,
.header__collections-link:hover,
.header__menu-link:hover,
.header__bottom_menu-link:hover,
.header__languages-cur:hover,
.header__control-btn:hover {
  background: rgba(44, 44, 64, 0.2) !important; }

/* =========================================== */
/* === MODAL WINDOW STYLES === */
/* =========================================== */
/* Make modal wrapper and its content NOT transparent */
/* line 201, theme.scss */
.m-modal-wrapper {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(10px) !important; }

/* line 206, theme.scss */
.m-modal-wrapper * {
  background: transparent !important;
  color: #2c2c40 !important; }

/* Button in modal window — light blue */
/* line 212, theme.scss */
.m-modal-wrapper .button,
.m-modal-wrapper .fake-order,
button.fake-order,
.m-modal-wrapper button[type="submit"] {
  background: #5a5aab !important;
  color: white !important;
  border: none !important;
  opacity: 1 !important;
  padding: 15px 30px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  border-radius: 4px !important;
  transition: background-color 0.3s ease !important; }

/* Button on hover — dark blue */
/* line 229, theme.scss */
.m-modal-wrapper .button:hover,
.m-modal-wrapper .fake-order:hover,
button.fake-order:hover,
.m-modal-wrapper button[type="submit"]:hover {
  background: #2c2c40 !important;
  color: white !important; }

/* Text inside button */
/* line 238, theme.scss */
.m-modal-wrapper .button span,
.m-modal-wrapper .fake-order span {
  color: white !important; }

/* Input fields */
/* line 244, theme.scss */
.m-modal-wrapper input[type="text"],
.m-modal-wrapper input[type="tel"],
.m-modal-wrapper textarea {
  background: rgba(255, 255, 255, 0.9) !important;
  color: #2c2c40 !important;
  border: 1px solid #ddd !important;
  padding: 12px !important;
  border-radius: 4px !important; }

/* Checkbox */
/* line 255, theme.scss */
.m-modal-wrapper input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  /* Make the actual checkbox clickable area larger */
  z-index: 1 !important;
  cursor: pointer !important; }

/* Style the span that comes after checkbox */
/* line 268, theme.scss */
.m-modal-wrapper #client_consent_to_personal_data + span {
  position: relative !important;
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  background: white !important;
  border: 2px solid #2c2c40 !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  margin-right: 10px !important;
  vertical-align: middle !important; }

/* On hover */
/* line 283, theme.scss */
.m-modal-wrapper #client_consent_to_personal_data + span:hover {
  border-color: #5a5aab !important; }

/* When checkbox is selected - change background and border of span */
/* line 288, theme.scss */
.m-modal-wrapper #client_consent_to_personal_data:checked + span {
  background: #5a5aab !important;
  border-color: #5a5aab !important; }

/* Create checkmark using pseudo-element */
/* line 294, theme.scss */
.m-modal-wrapper #client_consent_to_personal_data + span::after {
  content: '' !important;
  position: absolute !important;
  left: 6px !important;
  top: 2px !important;
  width: 6px !important;
  height: 12px !important;
  border: solid white !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) scale(0) !important;
  transition: transform 0.2s ease !important; }

/* Show checkmark when selected */
/* line 308, theme.scss */
.m-modal-wrapper #client_consent_to_personal_data:checked + span::after {
  transform: rotate(45deg) scale(1) !important; }

/* Label styles */
/* line 313, theme.scss */
.m-modal-wrapper label[for="client_consent_to_personal_data"] {
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #2c2c40 !important; }

/* Modal close button */
/* line 321, theme.scss */
.m-modal-wrapper .m-modal__close,
.m-modal-wrapper [data-close],
.m-modal-wrapper button[class*="close"],
.m-modal-wrapper .close,
.m-modal__close-btn {
  color: white !important;
  background: #5a5aab !important;
  border: none !important;
  font-size: 24px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  opacity: 1 !important;
  z-index: 10 !important;
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important; }

/* line 343, theme.scss */
.m-modal-wrapper .m-modal__close:hover,
.m-modal-wrapper [data-close]:hover,
.m-modal-wrapper button[class*="close"]:hover,
.m-modal-wrapper .close:hover,
.m-modal__close-btn:hover {
  color: white !important;
  background: #2c2c40 !important; }

/* =========================================== */
/* === CUSTOM CHECKBOX - WORKING VERSION === */
/* =========================================== */
/* Hide standard checkbox */
/* line 357, theme.scss */
.m-modal-wrapper #client_consent_to_personal_data {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  /* Make the checkbox clickable */
  z-index: 1 !important;
  cursor: pointer !important;
  /* Increase the clickable area */
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  left: 0 !important;
  top: 0 !important; }

/* === EXCEPTIONS FOR WIDGET APPLICATION FORM === */
/* line 376, theme.scss */
.application {
  background: transparent !important;
  color: white !important;
  padding: 20px !important;
  border-radius: 8px !important;
  max-width: 100% !important;
  width: auto !important;
  /* Ensure proper text rendering for English content */
  font-family: Arial, Helvetica, sans-serif !important;
  direction: ltr !important; }

/* line 388, theme.scss */
.application__area-title,
.application__area-description {
  color: white !important;
  background: transparent !important;
  /* Ensure proper text rendering for English content */
  font-family: Arial, Helvetica, sans-serif !important;
  direction: ltr !important; }

/* line 397, theme.scss */
.application-form,
.application__area-buy {
  background: transparent !important;
  color: white !important;
  /* Ensure proper text rendering for English content */
  font-family: Arial, Helvetica, sans-serif !important;
  direction: ltr !important; }

/* Button in application form */
/* line 407, theme.scss */
.application-form .button,
.application-form .fake-order {
  background: #5a5aab !important;
  color: white !important;
  border: none !important;
  /* Ensure proper text rendering for English content */
  font-family: Arial, Helvetica, sans-serif !important;
  direction: ltr !important; }

/* line 417, theme.scss */
.application-form .button:hover,
.application-form .fake-order:hover {
  background: #2c2c40 !important; }

/* line 422, theme.scss */
.application-form .button span,
.application-form .fake-order span {
  color: white !important;
  /* Ensure proper text rendering for English content */
  font-family: Arial, Helvetica, sans-serif !important;
  direction: ltr !important; }