@charset "UTF-8";
/* line 1, _settings.scss */
:root {
  --bg:var(--draft-bg, #707070);
  --bg-is-dark:var(--draft-bg-is-dark, true);
  --bg-minor-shade:var(--draft-bg-minor-shade, #7e7e7e);
  --bg-minor-shade-is-dark:var(--draft-bg-minor-shade-is-dark, true);
  --bg-major-shade:var(--draft-bg-major-shade, #8d8d8d);
  --bg-major-shade-is-dark:var(--draft-bg-major-shade-is-dark, true);
  --bg-half-shade:var(--draft-bg-half-shade, #b8b8b8);
  --bg-half-shade-is-light:var(--draft-bg-half-shade-is-light, 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; }

/* === NEW BACKGROUND IMAGE === */
/* line 51, theme.scss */
body.home-page {
  background-image: url("https://static.insales-cdn.com/files/1/4897/130241313/original/%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7_2026-07-23_121500.png") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  min-height: 100vh; }

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

/* Feedback submit button - colored instead of transparent */
/* line 65, 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 79, theme.scss */
.feedback__submit-btn:hover {
  background: var(--color-btn-bg, #C8C8D9) !important;
  opacity: 0.9 !important; }

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

/* line 89, 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 100, 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 112, 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 117, theme.scss */
.agree__field:checked + .agree__content .agree__btn:before {
  opacity: 1;
  visibility: visible;
  color: white !important; }

/* === CATALOG CONTENT — NOT TRANSPARENT === */
/* line 124, 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 137, theme.scss */
.header__collections-item-count {
  color: #5a5aab !important; }

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

/* === header-part-top and ALL its child elements — TRANSPARENT === */
/* line 146, 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 158, 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 166, theme.scss */
.header__area-catalog .header__show-collection-btn:hover {
  background: rgba(44, 44, 64, 0.2) !important; }

/* All header buttons */
/* line 171, 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 186, 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 200, theme.scss */
.m-modal-wrapper {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(10px) !important; }

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

/* Button in modal window — light blue */
/* line 211, 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 228, 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 237, theme.scss */
.m-modal-wrapper .button span,
.m-modal-wrapper .fake-order span {
  color: white !important; }

/* Input fields */
/* line 243, 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 254, 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 267, 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 282, 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 287, 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 293, 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 307, theme.scss */
.m-modal-wrapper #client_consent_to_personal_data:checked + span::after {
  transform: rotate(45deg) scale(1) !important; }

/* Label styles */
/* line 312, 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 320, 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 342, 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 356, 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 375, 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 387, 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 396, 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 406, 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 416, theme.scss */
.application-form .button:hover,
.application-form .fake-order:hover {
  background: #2c2c40 !important; }

/* line 421, 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; }

/* CATALOG BUTTON */
/* line 429, theme.scss */
.banner-list__item-button .button {
  background: #1b1b1b !important;
  color: #ffffff !important;
  border: 2px solid #e31b23 !important;
  padding: 12px 28px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: 0.3s ease !important; }

/* line 440, theme.scss */
.banner-list__item-button .button:hover {
  background: #e31b23 !important;
  color: #ffffff !important;
  border-color: #e31b23 !important; }