@charset "UTF-8";
/* line 1, _settings.scss */
:root {
  --bg:var(--draft-bg, #FFFFFF);
  --bg-is-light:var(--draft-bg-is-light, true);
  --bg-minor-shade:var(--draft-bg-minor-shade, #f7f7f7);
  --bg-minor-shade-is-light:var(--draft-bg-minor-shade-is-light, true);
  --bg-major-shade:var(--draft-bg-major-shade, #ededed);
  --bg-major-shade-is-light:var(--draft-bg-major-shade-is-light, true);
  --bg-half-shade:var(--draft-bg-half-shade, #808080);
  --bg-half-shade-is-dark:var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg:var(--draft-color-btn-bg, #76BC21);
  --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, #85d325);
  --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, #93dc39);
  --color-btn-bg-major-shade-is-light:var(--draft-color-btn-bg-major-shade-is-light, true);
  --color-btn-bg-half-shade:var(--draft-color-btn-bg-half-shade, #bbe983);
  --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, #76BC21);
  --color-accent-text-is-dark:var(--draft-color-accent-text-is-dark, true);
  --color-accent-text-minor-shade:var(--draft-color-accent-text-minor-shade, #85d325);
  --color-accent-text-minor-shade-is-dark:var(--draft-color-accent-text-minor-shade-is-dark, true);
  --color-accent-text-major-shade:var(--draft-color-accent-text-major-shade, #93dc39);
  --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, #bbe983);
  --color-accent-text-half-shade-is-light:var(--draft-color-accent-text-half-shade-is-light, true);
  --color-text-dark:var(--draft-color-text-dark, #333333);
  --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, #474747);
  --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, #5c5c5c);
  --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, #999999);
  --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, insales-default);
  --controls-btn-border-radius:var(--draft-controls-btn-border-radius, 0px);
  --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, 'PT Root UI');
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, 'PT Root UI');
  --heading-ratio:var(--draft-heading-ratio, 1.5);
  --heading-weight:var(--draft-heading-weight, 600);
  --collection_count:var(--draft-collection_count, 12);
  --search_count:var(--draft-search_count, 12);
  --blog_size:var(--draft-blog_size, 8);
  --product_not_available:var(--draft-product_not_available, shown);
  --layout-content-max-width:var(--draft-layout-content-max-width, 1240px);
  --delta_sidebar:var(--draft-delta_sidebar, 1);
  --type_sidebar:var(--draft-type_sidebar, sticky);
  --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); }

/* =========================================================
   InSales editor/runtime support
   ========================================================= */
/* line 7, theme.scss */
.outside-widgets .delete-widget-link {
  display: none; }

/* line 8, theme.scss */
.outside-widgets .add-widget-link {
  display: none; }

/* line 9, theme.scss */
[data-fixed-panels] .delete-widget-link {
  display: none; }

@media (max-width: 768px) {
  /* line 12, theme.scss */
  [style*="--is-editor:true"] .outside-widgets {
    display: none; }

  /* line 13, theme.scss */
  .edit-widget-buttons .widget-name {
    display: none !important; }

  /* line 14, theme.scss */
  [data-fixed-panels] [data-widget-add] {
    display: none; } }
/* =========================================================
   VELES DESIGN SYSTEM
   Source: my-first-project / STYLE_GUIDE.md
   ========================================================= */
/* line 21, theme.scss */
:root {
  --vl-font-body: "Montserrat", sans-serif;
  --vl-font-heading: "Playfair Display", serif;
  --vl-black: #000;
  --vl-white: #fff;
  --vl-gray: #555;
  --vl-radius-sm: 6px;
  --vl-radius-md: 8px;
  --vl-radius-lg: 12px;
  --vl-radius-xl: 16px;
  --vl-space-1: 4px;
  --vl-space-2: 8px;
  --vl-space-3: 12px;
  --vl-space-4: 16px;
  --vl-space-5: 20px;
  --vl-space-6: 24px;
  --vl-space-8: 32px;
  --vl-space-10: 40px;
  --vl-space-12: 48px;
  --vl-space-16: 64px;
  --vl-space-20: 80px;
  --vl-space-24: 96px;
  --vl-transition: 0.2s ease; }

/* line 46, theme.scss */
html, body {
  font-family: var(--vl-font-body) !important;
  color: var(--vl-black);
  background: var(--vl-white); }

/* line 52, theme.scss */
body {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400; }

/* line 54, theme.scss */
h1, h2, h3 {
  font-family: var(--vl-font-heading) !important;
  color: var(--vl-black) !important;
  line-height: 1.2 !important; }

/* line 59, theme.scss */
h1 {
  font-size: 36px !important;
  font-weight: 700 !important; }

/* line 60, theme.scss */
h2 {
  font-size: 28px !important;
  font-weight: 700 !important; }

/* line 61, theme.scss */
h3 {
  font-size: 20px !important;
  font-weight: 600 !important; }

/* line 63, theme.scss */
p, li, label, input, select, textarea, button, .btn, .button, a {
  font-family: var(--vl-font-body) !important; }

/* line 66, theme.scss */
small {
  font-size: 13px; }

/* line 68, theme.scss */
a {
  color: var(--vl-black);
  transition: color var(--vl-transition), opacity var(--vl-transition); }

/* line 69, theme.scss */
a:hover {
  color: var(--vl-black);
  opacity: 0.7; }

/* line 71, theme.scss */
.btn, .button, button[type="submit"], input[type="submit"] {
  min-height: 48px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--vl-space-2);
  padding: var(--vl-space-3) var(--vl-space-6);
  border: 1px solid var(--vl-black);
  border-radius: var(--vl-radius-sm);
  background: var(--vl-black);
  color: var(--vl-white) !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
  transition: background var(--vl-transition), color var(--vl-transition), opacity var(--vl-transition); }

/* line 89, theme.scss */
.btn:hover, .button:hover, button[type="submit"]:hover, input[type="submit"]:hover {
  background: var(--vl-white);
  color: var(--vl-black) !important;
  opacity: 1; }

/* line 95, theme.scss */
.vl-v2-btn {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 12px 24px;
  border: 1px solid var(--vl-black);
  border-radius: var(--vl-radius-sm);
  background: var(--vl-black);
  color: var(--vl-white) !important;
  font-family: var(--vl-font-body) !important;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: background var(--vl-transition), color var(--vl-transition), opacity var(--vl-transition); }

/* line 115, theme.scss */
.vl-v2-btn--outline {
  background: transparent;
  color: var(--vl-black) !important; }

/* line 116, theme.scss */
.vl-v2-btn:hover, .vl-v2-btn--outline:hover {
  background: var(--vl-black);
  color: var(--vl-white) !important;
  opacity: 1; }

/* line 118, theme.scss */
input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  box-sizing: border-box;
  border: 1px solid var(--vl-black);
  border-radius: var(--vl-radius-sm);
  background: var(--vl-white);
  color: var(--vl-black);
  font-size: 14px;
  line-height: 1.4; }

/* line 127, theme.scss */
input:not([type="checkbox"]):not([type="radio"]), select {
  min-height: 44px;
  padding: 10px 12px; }

/* line 128, theme.scss */
textarea {
  padding: 12px; }

/* line 129, theme.scss */
input:focus, select:focus, textarea:focus {
  outline: 2px solid var(--vl-black);
  outline-offset: 1px; }

/* line 131, theme.scss */
.product-preview, .product-card {
  background: var(--vl-white);
  border: 1px solid var(--vl-black);
  border-radius: var(--vl-radius-lg);
  box-shadow: none; }

/* line 137, theme.scss */
.product-preview__title a, .product-card a {
  color: var(--vl-black);
  text-decoration: none; }

/* line 138, theme.scss */
.product-preview__title a:hover, .product-card a:hover {
  opacity: 0.7; }

/* line 140, theme.scss */
.header__content, .side-panel__content, footer {
  font-family: var(--vl-font-body) !important; }

/* line 141, theme.scss */
.header__collections-link, .header__control-btn, .header__show-menu-btn, .footer__menu-link, .footer__area-copyright a {
  color: var(--vl-black) !important;
  font-family: var(--vl-font-body) !important; }

/* line 145, theme.scss */
.header__collections-link {
  font-size: 14px !important;
  text-decoration: none !important; }

/* line 146, theme.scss */
.header__collections-head, .side-panel .menu__title {
  font-family: var(--vl-font-body) !important;
  font-weight: 600 !important;
  color: var(--vl-black) !important; }

/* line 147, theme.scss */
.header__control-btn .icon {
  color: inherit !important; }

/* line 148, theme.scss */
.header__search-field {
  border: 1px solid var(--vl-black) !important;
  border-radius: var(--vl-radius-sm) !important;
  font-family: var(--vl-font-body) !important;
  padding: 10px 12px !important;
  background: var(--vl-white) !important;
  color: var(--vl-black) !important; }

/* line 149, theme.scss */
.side-panel {
  background: var(--vl-white) !important;
  border-right: 1px solid var(--vl-black) !important; }

/* line 150, theme.scss */
.side-panel .menu__link, .side-panel .header__collections-link {
  color: var(--vl-black) !important;
  font-size: 14px !important; }

/* line 151, theme.scss */
.side-panel .phone-value {
  color: var(--vl-black) !important;
  font-size: 14px !important; }

/* line 152, theme.scss */
.side-panel .address {
  color: var(--vl-gray) !important;
  font-size: 13px !important; }

/* line 153, theme.scss */
.footer__menu-link:hover, .footer__area-copyright a:hover, .header__collections-link:hover {
  opacity: 0.7; }

/* line 154, theme.scss */
.widget-type_system_widget_v4_catalog_4 h1.page-headding {
  display: none !important; }

/* =========================================================
   COLLECTION / CATALOG COMPONENTS
   Migrated from collection.liquid; no page-local <style> block.
   ========================================================= */
/* line 160, theme.scss */
.vl-collection-page {
  background: var(--vl-white);
  padding: 60px 20px;
  font-family: var(--vl-font-body); }

/* line 161, theme.scss */
.vl-collection-page h1 {
  font-family: var(--vl-font-heading);
  font-size: 36px;
  font-weight: 700;
  color: var(--vl-black);
  text-align: center;
  margin: 0 0 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative; }

/* line 162, theme.scss */
.vl-collection-page h1::after {
  content: '';
  display: block;
  width: 80px;
  height: 2px;
  background: var(--vl-black);
  margin: 15px auto 0; }

/* line 163, theme.scss */
.vl-collection-page .vl-collection-desc {
  font-size: 16px;
  color: #333;
  text-align: center;
  max-width: 700px;
  margin: 0 auto 50px;
  line-height: 1.6;
  font-weight: 300; }

/* line 164, theme.scss */
.breadcrumb-wrapper {
  margin-bottom: 20px !important; }

/* line 165, theme.scss */
.breadcrumb {
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 8px !important; }

/* line 166, theme.scss */
.breadcrumb-item {
  font-family: var(--vl-font-body) !important;
  font-size: 13px !important;
  color: #888 !important;
  letter-spacing: .5px !important; }

/* line 167, theme.scss */
.breadcrumb-item a {
  color: var(--vl-black) !important;
  text-decoration: none !important;
  border-bottom: 1px solid transparent !important;
  transition: border-color .3s !important; }

/* line 168, theme.scss */
.breadcrumb-item a:hover {
  border-bottom-color: var(--vl-black) !important; }

/* line 169, theme.scss */
.breadcrumb-item:not(:last-child)::after {
  content: '/';
  margin-left: 8px;
  color: #ccc; }

/* line 170, theme.scss */
.breadcrumb-page {
  color: #888 !important; }

/* line 171, theme.scss */
.collection-sort.sort_main {
  margin-bottom: 25px !important; }

/* line 172, theme.scss */
.collection-order.is-sort .form-control {
  font-family: var(--vl-font-body) !important;
  font-size: 14px !important;
  color: var(--vl-black) !important;
  background: var(--vl-white) !important;
  border: 1px solid var(--vl-black) !important;
  border-radius: var(--vl-radius-sm) !important;
  padding: 8px 15px !important;
  min-width: 200px !important;
  cursor: pointer !important;
  outline: none !important; }

/* line 173, theme.scss */
.product-preview {
  padding: 20px 10px 20px 25px !important;
  overflow: hidden !important; }

/* line 174, theme.scss */
.product-preview__title a {
  font-family: var(--vl-font-body) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--vl-black) !important;
  text-decoration: none !important;
  letter-spacing: .3px !important; }

/* line 175, theme.scss */
.product-preview__title {
  text-align: center !important; }

/* line 176, theme.scss */
.product-preview__price-cur {
  font-family: var(--vl-font-body) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--vl-black) !important; }

/* line 177, theme.scss */
.product-preview__price-old {
  font-family: var(--vl-font-body) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--vl-gray) !important;
  text-decoration: line-through !important;
  margin-right: 8px !important; }

/* line 178, theme.scss */
.product-preview__price {
  margin: 8px 0 !important;
  text-align: center !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: baseline !important;
  gap: 6px !important; }

/* line 179, theme.scss */
.product-preview__area-bottom {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important; }

/* line 180, theme.scss */
.product-preview__controls-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 5px;
  margin-left: 0 !important; }

/* line 181, theme.scss */
.product-preview__controls-left .button {
  font-size: 18px !important;
  color: var(--vl-black) !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  line-height: 1 !important; }

/* line 182, theme.scss */
.product-preview__controls-left .button:hover {
  opacity: .6; }

/* line 183, theme.scss */
.product-preview__controls {
  margin-left: 10px !important; }

/* line 184, theme.scss */
.add-cart-counter__btn, .product-preview__controls .button {
  font-family: var(--vl-font-body) !important;
  background: transparent !important;
  color: var(--vl-black) !important;
  border: 2px solid var(--vl-black) !important;
  border-radius: var(--vl-radius-sm) !important;
  padding: 6px 18px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  transition: all .3s !important; }

/* line 185, theme.scss */
.add-cart-counter__btn:hover, .product-preview__controls .button:hover {
  background: transparent !important;
  color: #5E8C31 !important;
  border-color: #5E8C31 !important; }

/* Targeted regression fix: the InSales add-cart-counter is a widget-generated component
   that appears on every page (catalog, search, favorites, compare, cart, single product) —
   not only inside .vl-product-wrapper. Scoping this fix to .vl-product-wrapper meant it
   never applied on the catalog/collection cards, which live inside .vl-collection instead.
   Removed the page-wrapper prefix so the fix applies everywhere the widget renders.
   Keep its existing outline/geometry, but prevent global .button rules from painting a
   black layer over the component or its quantity controls. */
/* line 194, theme.scss */
.add-cart-counter,
.add-cart-counter__btn,
.add-cart-counter__controls,
.add-cart-counter__controls-btn,
.add-cart-counter__detail {
  background: transparent !important;
  background-color: transparent !important; }

/* line 203, theme.scss */
.add-cart-counter::before,
.add-cart-counter::after,
.add-cart-counter__btn::before,
.add-cart-counter__btn::after,
.add-cart-counter__controls::before,
.add-cart-counter__controls::after,
.add-cart-counter__controls-btn::before,
.add-cart-counter__controls-btn::after {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important; }

/* line 216, theme.scss */
.add-cart-counter__controls-btn,
.add-cart-counter__detail,
.add-cart-counter__detail-text,
[data-add-cart-counter-count] {
  color: var(--vl-black) !important;
  opacity: 1 !important;
  visibility: visible !important; }

/* line 225, theme.scss */
.pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 30px !important;
  margin-top: 40px !important;
  list-style: none !important;
  padding: 0 !important; }

/* line 226, theme.scss */
.pagination a, .pagination__item a, .pagination .page-link {
  font-family: var(--vl-font-body) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--vl-black) !important;
  text-decoration: none !important;
  border: none !important;
  background: transparent !important;
  padding: 0 4px !important;
  transition: opacity .3s !important; }

/* line 227, theme.scss */
.pagination a:hover, .pagination__item a:hover, .pagination .page-link:hover {
  opacity: .6;
  background: transparent !important;
  color: var(--vl-black) !important; }

/* line 228, theme.scss */
.pagination .active a, .pagination__item.active a, .pagination .page-item.active .page-link {
  font-weight: 700 !important;
  color: var(--vl-black) !important;
  background: transparent !important;
  border-bottom: 2px solid var(--vl-black) !important;
  padding-bottom: 2px !important;
  border-radius: 0 !important; }

/* line 229, theme.scss */
.filter__content {
  border: 1px solid var(--vl-black) !important;
  border-radius: var(--vl-radius-lg) !important;
  padding: 20px 25px !important;
  background: var(--vl-white) !important;
  box-shadow: none !important;
  font-family: var(--vl-font-body) !important;
  margin-bottom: 30px !important; }

/* line 230, theme.scss */
.filter__head {
  border-bottom: 1px solid var(--vl-black) !important;
  padding-bottom: 15px !important;
  margin-bottom: 15px !important; }

/* line 231, theme.scss */
.filter__head-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--vl-black) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important; }

/* line 232, theme.scss */
.only_available {
  padding: 1rem 0 !important;
  border-bottom: 1px solid #e0e0e0 !important; }

/* line 233, theme.scss */
.filter-option._checkbox .filter-option__label, .filter-option__label {
  font-family: var(--vl-font-body) !important;
  font-size: 14px !important;
  color: var(--vl-black) !important; }

/* line 234, theme.scss */
.filter-option._checkbox .filter-option__btn.icon-check, .filter-option__btn.icon-check {
  border: 1px solid var(--vl-black) !important;
  border-radius: 4px !important;
  background: transparent !important; }

/* line 235, theme.scss */
.filter-item__head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
  cursor: pointer !important; }

/* line 236, theme.scss */
.filter-item__name {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--vl-black) !important;
  text-transform: none !important; }

/* line 237, theme.scss */
.filter-item__head .icon {
  font-size: 12px !important;
  color: var(--vl-black) !important;
  transition: transform .2s !important; }

/* line 238, theme.scss */
.filter-item__content {
  padding: 10px 0 !important; }

/* line 239, theme.scss */
.filter-range__field {
  border: 1px solid var(--vl-black) !important;
  border-radius: var(--vl-radius-sm) !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  width: 80px !important;
  text-align: center !important;
  background: var(--vl-white) !important;
  color: var(--vl-black) !important;
  font-family: var(--vl-font-body) !important; }

/* line 240, theme.scss */
.filter-range__values-label {
  font-size: 12px !important;
  color: var(--vl-gray) !important;
  text-transform: uppercase !important;
  margin-right: 5px !important; }

/* line 241, theme.scss */
.noUi-target {
  border: 1px solid var(--vl-black) !important;
  border-radius: var(--vl-radius-sm) !important;
  background: #f9f9f9 !important;
  box-shadow: none !important;
  height: 4px !important; }

/* line 242, theme.scss */
.noUi-connect {
  background: var(--vl-black) !important; }

/* line 243, theme.scss */
.noUi-handle {
  border: 2px solid var(--vl-black) !important;
  border-radius: 50% !important;
  background: var(--vl-white) !important;
  box-shadow: none !important;
  width: 18px !important;
  height: 18px !important;
  top: -8px !important;
  cursor: pointer !important; }

/* line 244, theme.scss */
.noUi-handle:before, .noUi-handle:after {
  display: none !important; }

/* line 245, theme.scss */
.filter-item__list-item {
  margin-bottom: 8px !important; }

/* line 246, theme.scss */
.count {
  font-size: 12px !important;
  color: #777 !important;
  margin-left: 5px !important; }

/* line 247, theme.scss */
.filter__controls {
  margin-top: 20px !important; }

/* line 248, theme.scss */
.filter__controls .button, .filter__reset-btn {
  display: inline-block !important;
  width: 100% !important;
  padding: 12px 20px !important;
  font-family: var(--vl-font-body) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  border: 1px solid var(--vl-black) !important;
  border-radius: var(--vl-radius-sm) !important;
  background: transparent !important;
  color: var(--vl-black) !important;
  text-align: center !important;
  transition: all .3s !important;
  margin-bottom: 10px !important;
  cursor: pointer !important; }

/* line 249, theme.scss */
.filter__controls .button:hover, .filter__reset-btn:hover {
  background: var(--vl-black) !important;
  color: var(--vl-white) !important; }

/* line 250, theme.scss */
.vl-back-link {
  display: block;
  text-align: center;
  margin-top: 40px;
  font-size: 14px;
  letter-spacing: 1px;
  color: var(--vl-black);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  transition: border-color .3s; }

/* line 251, theme.scss */
.vl-back-link:hover {
  border-color: var(--vl-black); }

@media (max-width: 1024px) {
  /* line 254, theme.scss */
  .product-preview {
    padding: 15px 8px !important; }

  /* line 255, theme.scss */
  .product-preview__area-bottom {
    display: block !important;
    width: 100% !important; }

  /* line 256, theme.scss */
  .product-preview__controls {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: clamp(6px, 1.2vw, 12px) !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
    padding: 0 !important; }

  /* line 257, theme.scss */
  .product-preview__controls-left {
    display: contents !important; }

  /* line 258, theme.scss */
  .product-preview__controls-left .button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-size: clamp(16px, 2.5vw, 22px) !important;
    width: 100% !important; }

  /* line 259, theme.scss */
  .add-cart-counter {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important; }

  /* line 260, theme.scss */
  .add-cart-counter__btn, .product-preview__controls .button {
    font-size: clamp(11px, 1.5vw, 13px) !important;
    padding: 4px 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important; } }
@media (max-width: 768px) {
  /* line 264, theme.scss */
  h1 {
    font-size: 32px !important; }

  /* line 265, theme.scss */
  h2 {
    font-size: 24px !important; }

  /* line 266, theme.scss */
  h3 {
    font-size: 20px !important; }

  /* line 267, theme.scss */
  .vl-v2-btn {
    min-height: 48px;
    width: 100%;
    max-width: 100%; }

  /* line 268, theme.scss */
  .vl-collection-page {
    padding: 40px 15px; }

  /* line 269, theme.scss */
  .filter__content {
    padding: 15px !important; } }