@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, #FFAD00);
  --color-btn-bg-is-light:var(--draft-color-btn-bg-is-light, true);
  --color-btn-bg-minor-shade:var(--draft-color-btn-bg-minor-shade, #f7a900);
  --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, #eda200);
  --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, #805700);
  --color-btn-bg-half-shade-is-dark:var(--draft-color-btn-bg-half-shade-is-dark, true);
  --color-accent-text:var(--draft-color-accent-text, #03B852);
  --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, #03da60);
  --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, #04f96e);
  --color-accent-text-major-shade-is-dark:var(--draft-color-accent-text-major-shade-is-dark, true);
  --color-accent-text-half-shade:var(--draft-color-accent-text-half-shade, #61fda4);
  --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, minimal);
  --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, 'Fira Sans');
  --font-size:var(--draft-font-size, 16px);
  --font-family-heading:var(--draft-font-family-heading, 'Fira Sans');
  --heading-ratio:var(--draft-heading-ratio, 2);
  --heading-weight:var(--draft-heading-weight, 600);
  --collection_count:var(--draft-collection_count, 30);
  --search_count:var(--draft-search_count, 15);
  --blog_size:var(--draft-blog_size, 3);
  --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, true);
  --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, false);
  --compare_enabled:var(--draft-compare_enabled, true); }

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

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

/* ==========================================================================
   Mobile optimization layer for Dobry Pastyr InSales theme.
   Scope: mobile only. Desktop styles are intentionally untouched.
   ========================================================================== */
@media screen and (max-width: 767px) {
  /* line 17, theme.scss */
  *, *::before, *::after {
    box-sizing: border-box; }

  /* line 21, theme.scss */
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%; }

  /* line 30, theme.scss */
  body {
    font-size: 16px;
    line-height: 1.45; }

  /* line 35, theme.scss */
  img,
  picture,
  video,
  iframe,
  object,
  embed,
  svg {
    max-width: 100%; }

  /* line 45, theme.scss */
  img,
  video,
  iframe {
    height: auto; }

  /* line 51, theme.scss */
  table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }

  /* line 59, theme.scss */
  header,
  main,
  aside,
  footer,
  section,
  .page_layout,
  .page_section_top,
  .outside-widgets {
    min-width: 0;
    max-width: 100%; }

  /* line 71, theme.scss */
  .page_layout,
  .page_layout[class*="page_layout_"] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow-x: hidden; }

  /* line 81, theme.scss */
  .page_layout > header {
    order: 1; }

  /* line 82, theme.scss */
  .page_layout > .page_section_top {
    order: 2; }

  /* line 83, theme.scss */
  .page_layout > aside {
    order: 3; }

  /* line 84, theme.scss */
  .page_layout > main {
    order: 4; }

  /* line 85, theme.scss */
  .page_layout > footer {
    order: 5; }

  /* line 87, theme.scss */
  .page_layout > header,
  .page_layout > main,
  .page_layout > aside,
  .page_layout > footer,
  .page_layout > .page_section_top {
    width: 100% !important;
    max-width: 100% !important; }

  /* line 96, theme.scss */
  [class*="layout__content"],
  [class*="layout-content"],
  [class*="container"],
  [class*="content-max"],
  [class*="page-width"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important; }

  /* line 106, theme.scss */
  [class*="layout__content"],
  [class*="layout-content"],
  [class*="container"] {
    padding-left: 12px !important;
    padding-right: 12px !important; }

  /* line 113, theme.scss */
  h1,
  .h1,
  [class*="heading"] h1,
  [class*="page-title"] {
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere; }

  /* line 122, theme.scss */
  h2,
  .h2,
  [class*="heading"] h2 {
    font-size: clamp(20px, 5.8vw, 26px) !important;
    line-height: 1.22 !important;
    overflow-wrap: anywhere; }

  /* line 130, theme.scss */
  h3,
  .h3 {
    font-size: clamp(18px, 5vw, 22px) !important;
    line-height: 1.25 !important; }

  /* line 136, theme.scss */
  p,
  li,
  td,
  th,
  label,
  input,
  select,
  textarea,
  button {
    font-size: 16px; }

  /* line 148, theme.scss */
  a,
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  .button,
  .btn,
  [class*="button"],
  [class*="btn"] {
    min-height: 44px;
    touch-action: manipulation; }

  /* line 161, theme.scss */
  button,
  .button,
  .btn,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  [class*="button"],
  [class*="btn"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14px;
    white-space: normal;
    line-height: 1.25; }

  /* line 177, theme.scss */
  input,
  select,
  textarea {
    width: 100%;
    max-width: 100%;
    min-height: 44px; }

  /* line 185, theme.scss */
  textarea {
    min-height: 110px; }

  /* line 189, theme.scss */
  [class*="form"] [class*="field"],
  [class*="form"] [class*="control"],
  [class*="feedback"] [class*="field"] {
    width: 100%;
    max-width: 100%; }

  /* line 196, theme.scss */
  header [class*="logo"],
  header [class*="phone"],
  header [class*="contact"],
  header [class*="search"],
  header [class*="menu"],
  header [class*="catalog"] {
    min-width: 0;
    max-width: 100%; }

  /* line 206, theme.scss */
  header [class*="logo"] img {
    max-width: min(180px, 52vw) !important;
    height: auto !important; }

  /* line 211, theme.scss */
  header [class*="search"] {
    width: 100%; }

  /* line 215, theme.scss */
  header [class*="phone"] a,
  header a[href^="tel:"] {
    display: inline-flex;
    align-items: center;
    min-height: 44px; }

  /* line 222, theme.scss */
  [class*="menu"] a,
  nav a,
  [class*="catalog"] a {
    overflow-wrap: break-word;
    word-break: normal; }

  /* Collection/category names must not be split letter-by-letter on mobile. */
  /* line 230, theme.scss */
  [class*="collection"] a,
  [class*="collections"] a,
  [class*="subcollection"] a,
  [class*="subcollections"] a,
  [class*="category"] a,
  [class*="categories"] a {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none; }

  /* line 241, theme.scss */
  [class*="dropdown"],
  [class*="popover"],
  [class*="modal"],
  [class*="drawer"] {
    max-width: 100vw !important; }

  /* line 248, theme.scss */
  [class*="modal"] [class*="content"],
  [class*="popup"] [class*="content"],
  [class*="drawer"] [class*="content"] {
    max-width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }

  /* line 257, theme.scss */
  [class*="grid"],
  [class*="list"],
  [class*="cards"],
  [class*="products"],
  [class*="catalog"] {
    min-width: 0; }

  /* line 265, theme.scss */
  [class*="catalog"] [class*="grid"],
  [class*="products"] [class*="grid"],
  [class*="collection"] [class*="grid"] {
    gap: 12px !important; }

  /* line 271, theme.scss */
  [class*="product-card"],
  [class*="item-card"],
  [class*="card"] {
    min-width: 0;
    max-width: 100%; }

  /* line 278, theme.scss */
  [class*="product-card"] img,
  [class*="item-card"] img,
  [class*="catalog"] img,
  [class*="collection"] img {
    width: 100%;
    height: auto;
    object-fit: contain; }

  /* line 287, theme.scss */
  [class*="product-card"] [class*="title"],
  [class*="item-card"] [class*="title"],
  [class*="catalog"] [class*="title"] {
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto; }

  /* line 295, theme.scss */
  [class*="product-card"] [class*="price"],
  [class*="item-card"] [class*="price"] {
    font-size: 16px;
    line-height: 1.25; }

  /* line 301, theme.scss */
  [class*="product-card"] [class*="button"],
  [class*="item-card"] [class*="button"],
  [class*="catalog"] [class*="button"] {
    width: 100%; }

  /* line 307, theme.scss */
  [class*="product"] [class*="gallery"],
  [class*="product"] [class*="images"],
  [class*="product"] [class*="info"],
  [class*="product"] [class*="details"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important; }

  /* line 316, theme.scss */
  [class*="product"] [class*="gallery"] img,
  [class*="product"] [class*="images"] img {
    max-height: 72vh;
    object-fit: contain; }

  /* line 322, theme.scss */
  [class*="variant"],
  [class*="property"],
  [class*="characteristic"],
  [class*="option"] {
    min-width: 0;
    max-width: 100%; }

  /* line 330, theme.scss */
  [class*="variant"] label,
  [class*="option"] label,
  [class*="radio"] label,
  [class*="checkbox"] label {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px; }

  /* line 340, theme.scss */
  [class*="quantity"],
  [class*="counter"] {
    min-height: 44px; }

  /* line 345, theme.scss */
  [class*="cart"] [class*="item"],
  [class*="cart"] [class*="row"] {
    min-width: 0;
    max-width: 100%; }

  /* line 351, theme.scss */
  [class*="cart"] [class*="button"],
  [class*="cart"] .button,
  [class*="cart"] .btn {
    width: 100%; }

  /* line 357, theme.scss */
  aside [class*="filter"],
  [class*="sidebar"] [class*="filter"] {
    width: 100%;
    max-width: 100%;
    margin-bottom: 12px; }

  /* line 364, theme.scss */
  aside [class*="filter"] button,
  aside [class*="filter"] a,
  aside [class*="filter"] label {
    min-height: 44px; }

  /* line 370, theme.scss */
  [class*="sort"],
  [class*="pagination"] {
    width: 100%;
    max-width: 100%; }

  /* line 376, theme.scss */
  [class*="pagination"] a,
  [class*="pagination"] span,
  [class*="pagination"] button {
    min-width: 44px;
    min-height: 44px; }

  /* line 383, theme.scss */
  [class*="promo"] img,
  [class*="slider"] img,
  [class*="banner"] img {
    width: 100%;
    height: auto;
    object-fit: cover; }

  /* line 391, theme.scss */
  [class*="promo"] [class*="slide"],
  [class*="slider"] [class*="slide"] {
    min-width: 0; }

  /* line 396, theme.scss */
  [class*="review"],
  [class*="feedback"],
  [class*="shops"],
  [class*="article"] {
    min-width: 0;
    max-width: 100%; }

  /* line 404, theme.scss */
  footer [class*="menu"],
  footer [class*="social"],
  footer [class*="pay"],
  footer [class*="payment"],
  footer [class*="contact"] {
    width: 100%;
    max-width: 100%; }

  /* line 413, theme.scss */
  footer a {
    display: inline-flex;
    align-items: center;
    min-height: 40px; } }
@media screen and (max-width: 480px) {
  /* line 421, theme.scss */
  [class*="layout__content"],
  [class*="layout-content"],
  [class*="container"] {
    padding-left: 10px !important;
    padding-right: 10px !important; }

  /* line 428, theme.scss */
  [class*="catalog"] [class*="grid"],
  [class*="products"] [class*="grid"],
  [class*="collection"] [class*="grid"] {
    gap: 10px !important; }

  /* line 434, theme.scss */
  [class*="product-card"] [class*="title"],
  [class*="item-card"] [class*="title"] {
    font-size: 14px;
    line-height: 1.25; }

  /* line 440, theme.scss */
  [class*="product-card"] [class*="price"],
  [class*="item-card"] [class*="price"] {
    font-size: 15px; } }
/* Fix for mobile category tiles: keep one readable column and prevent word-by-word/letter-by-letter wrapping. */
@media screen and (max-width: 767px) {
  /* line 449, theme.scss */
  [data-widget-type*="collections_and_subcollections"],
  [data-widget-type*="collections-on-index"],
  [data-widget-type*="subcollections"],
  [class*="collections-and-subcollections"],
  [class*="collections_on_index"],
  [class*="subcollections"] {
    --grid-list-min-width: 290px; }

  /* line 458, theme.scss */
  [data-widget-type*="collections_and_subcollections"] [class*="grid"],
  [data-widget-type*="collections-on-index"] [class*="grid"],
  [data-widget-type*="subcollections"] [class*="grid"],
  [class*="collections-and-subcollections"] [class*="grid"],
  [class*="collections_on_index"] [class*="grid"],
  [class*="subcollections"] [class*="grid"] {
    grid-template-columns: minmax(0, 1fr) !important; }

  /* line 467, theme.scss */
  [data-widget-type*="collections_and_subcollections"] a,
  [data-widget-type*="collections-on-index"] a,
  [data-widget-type*="subcollections"] a,
  [class*="collections-and-subcollections"] a,
  [class*="collections_on_index"] a,
  [class*="subcollections"] a {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important; } }
/* ========================================================================
   markom_v3 — safe mobile category refinement.
   Mobile-only. Does not override native InSales accordion buttons.
   ======================================================================== */
@media screen and (max-width: 767px) {
  /* line 485, theme.scss */
  .markom-v3-category-card {
    display: grid !important;
    grid-template-columns: 74px minmax(0, 1fr) 42px;
    align-items: center;
    column-gap: 16px;
    row-gap: 8px;
    min-height: 96px;
    padding-top: 14px !important;
    padding-bottom: 14px !important; }

  /* line 496, theme.scss */
  .markom-v3-category-card > * {
    min-width: 0; }

  /* line 500, theme.scss */
  .markom-v3-category-image-link,
  .markom-v3-category-card .markom-v3-category-image-link {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    justify-self: start;
    display: block !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 50%;
    overflow: hidden; }

  /* line 519, theme.scss */
  .markom-v3-category-image,
  .markom-v3-category-card img.markom-v3-category-image {
    display: block !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    object-fit: cover !important;
    border-radius: 50% !important; }

  /* line 532, theme.scss */
  .markom-v3-category-title-link,
  .markom-v3-category-card .markom-v3-category-title-link {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    display: flex !important;
    align-items: center;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #333333;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.24 !important;
    text-decoration: none;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important; }

  /* line 552, theme.scss */
  .markom-v3-category-card .markom-v3-subcategory-link {
    grid-column: 2 / 4;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 46px;
    margin: 8px 0 0 !important;
    padding: 11px 12px !important;
    border: 1px solid #e8e1d7;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.035);
    color: #3f3a33;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.32 !important;
    text-decoration: none;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 160ms ease; }

  /* line 576, theme.scss */
  .markom-v3-category-card .markom-v3-subcategory-link:not([style*="display: none"]):not([hidden]) {
    display: flex;
    animation: markomV3SubcategoryIn 220ms cubic-bezier(0.2, 0, 0, 1) both; }

  /* line 581, theme.scss */
  .markom-v3-category-card .markom-v3-subcategory-link:active {
    transform: translateY(1px);
    background: #fbf8f3;
    border-color: #d8ccbb; }

  /* line 587, theme.scss */
  .markom-v3-subcategory-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 34px;
    height: 28px;
    padding: 0 9px;
    margin-left: auto;
    border-radius: 999px;
    background: #eee7dc;
    color: #67563d;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    box-shadow: inset 0 0 0 1px rgba(103, 86, 61, 0.08); }

  /* line 606, theme.scss */
  .markom-v3-subcategory-count.is-loading {
    opacity: .58; }

  /* line 610, theme.scss */
  .markom-v3-subcategory-count.is-empty {
    display: none; }

  /* line 614, theme.scss */
  .markom-v3-fade-item {
    opacity: 0;
    transform: translateY(8px); }

  /* line 619, theme.scss */
  .markom-v3-fade-item.markom-v3-in-view {
    animation: markomV3FadeUp 300ms cubic-bezier(0.2, 0, 0, 1) both;
    animation-delay: calc(var(--markom-v3-index, 0) * 22ms); } }
@media screen and (max-width: 390px) {
  /* line 626, theme.scss */
  .markom-v3-category-card {
    grid-template-columns: 68px minmax(0, 1fr) 38px;
    column-gap: 14px;
    min-height: 90px; }

  /* line 632, theme.scss */
  .markom-v3-category-image-link,
  .markom-v3-category-card .markom-v3-category-image-link,
  .markom-v3-category-image,
  .markom-v3-category-card img.markom-v3-category-image {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important; }

  /* line 644, theme.scss */
  .markom-v3-category-title-link,
  .markom-v3-category-card .markom-v3-category-title-link {
    min-height: 60px !important;
    font-size: 17px !important; } }
@keyframes markomV3FadeUp {
  from {
    opacity: 0;
    transform: translateY(8px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@keyframes markomV3SubcategoryIn {
  from {
    opacity: 0;
    transform: translateY(-4px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  /* line 662, theme.scss */
  .markom-v3-fade-item,
  .markom-v3-fade-item.markom-v3-in-view,
  .markom-v3-category-card .markom-v3-subcategory-link {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important; } }
/* ========================================================================
   markom_v4 — mobile hotfix.
   1) Restore native category thumbnail rendering: no clipping/no forced crop.
   2) Make the top promo/banner image full-bleed on mobile.
   Desktop styles remain untouched.
   ======================================================================== */
@media screen and (max-width: 767px) {
  /* Category rows: keep the safe grid, but do not crop thumbnails. */
  /* line 681, theme.scss */
  .markom-v3-category-card {
    overflow: visible !important;
    grid-template-columns: 76px minmax(0, 1fr) 40px;
    column-gap: 14px; }

  /* line 687, theme.scss */
  .markom-v3-category-card img,
  .markom-v3-category-card picture,
  .markom-v3-category-card [class*="image"] {
    overflow: visible;
    clip-path: none !important; }

  /* line 694, theme.scss */
  .markom-v3-category-image-link,
  .markom-v3-category-card .markom-v3-category-image-link {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: inherit !important;
    overflow: visible !important; }

  /* line 706, theme.scss */
  .markom-v3-category-image,
  .markom-v3-category-card img.markom-v3-category-image {
    position: static !important;
    transform: none !important;
    object-position: center center !important;
    clip-path: none !important; }

  /* line 714, theme.scss */
  .markom-v3-category-title-link,
  .markom-v3-category-card .markom-v3-category-title-link {
    align-self: center;
    min-height: 54px !important;
    padding-right: 4px !important; }

  /* Top banner / promo slider: full-bleed mobile image. */
  /* line 722, theme.scss */
  [data-widget-type*="promo_slider"],
  [data-widget-type*="promo-slider"],
  .promo-slider,
  [class*="promo-slider"] {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important; }

  /* line 732, theme.scss */
  [data-widget-type*="promo_slider"] [class*="container"],
  [data-widget-type*="promo-slider"] [class*="container"],
  .promo-slider [class*="container"],
  [class*="promo-slider"] [class*="container"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }

  /* line 742, theme.scss */
  [data-widget-type*="promo_slider"] img,
  [data-widget-type*="promo-slider"] img,
  .promo-slider img,
  [class*="promo-slider"] img {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important; } }
@media screen and (max-width: 390px) {
  /* line 758, theme.scss */
  .markom-v3-category-card {
    grid-template-columns: 72px minmax(0, 1fr) 38px;
    column-gap: 12px; } }
/* ==========================================================================
   markom_v12 — stable mobile correction.
   Base: markom_v4, because images and native accordion worked there.
   Changes are mobile-only and do not replace image src/srcset or bind row clicks.
   ========================================================================== */
@media screen and (max-width: 767px) {
  /* Equal category rows: image / title / native arrow */
  /* line 771, theme.scss */
  .markom-v3-category-card {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) 44px !important;
    align-items: center !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
    min-height: 116px !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    overflow: visible !important; }

  /* line 783, theme.scss */
  .markom-v3-category-card > * {
    min-width: 0 !important; }

  /* Enlarge thumbnails safely without touching source files. */
  /* line 788, theme.scss */
  .markom-v3-category-card img {
    display: block !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    clip-path: none !important; }

  /* line 805, theme.scss */
  .markom-v3-category-card a:has(img),
  .markom-v3-category-card picture,
  .markom-v3-category-card [class*="image"]:has(img) {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    justify-self: start !important;
    align-self: center !important;
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 50% !important;
    overflow: hidden !important; }

  /* line 824, theme.scss */
  .markom-v3-category-title-link,
  .markom-v3-category-card .markom-v3-category-title-link {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    align-self: center !important;
    justify-self: stretch !important;
    min-height: 76px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 1.22 !important;
    text-align: left !important; }

  /* Keep the original InSales accordion control on the right.
     Do not force icon rotation: the platform controls its own open/closed state. */
  /* line 842, theme.scss */
  .markom-v3-category-card > button,
  .markom-v3-category-card > [role="button"],
  .markom-v3-category-card > [class*="toggle"],
  .markom-v3-category-card > [class*="arrow"],
  .markom-v3-category-card > [class*="opener"] {
    grid-column: 3 / 4 !important;
    grid-row: 1 / 2 !important;
    justify-self: end !important;
    align-self: center !important;
    width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 5 !important;
    pointer-events: auto !important; }

  /* Subcategory buttons must run from the image edge to the right arrow edge. */
  /* line 861, theme.scss */
  .markom-v3-category-card .markom-v3-subcategory-link {
    grid-column: 1 / 4 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 58px !important;
    margin: 10px 0 0 !important;
    padding: 13px 16px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important; }

  /* line 875, theme.scss */
  .markom-v3-subcategory-count {
    flex: 0 0 auto !important;
    min-width: 38px !important;
    height: 32px !important;
    padding: 0 10px !important; }

  /* Do not show a fake loading value. Show badge only after the real count arrives. */
  /* line 883, theme.scss */
  .markom-v3-subcategory-count.is-loading,
  .markom-v3-subcategory-count.is-empty {
    display: none !important; } }
@media screen and (max-width: 390px) {
  /* line 890, theme.scss */
  .markom-v3-category-card {
    grid-template-columns: 82px minmax(0, 1fr) 42px !important;
    column-gap: 12px !important;
    min-height: 110px !important; }

  /* line 896, theme.scss */
  .markom-v3-category-card img,
  .markom-v3-category-card a:has(img),
  .markom-v3-category-card picture,
  .markom-v3-category-card [class*="image"]:has(img) {
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important; }

  /* line 908, theme.scss */
  .markom-v3-category-title-link,
  .markom-v3-category-card .markom-v3-category-title-link {
    min-height: 72px !important;
    font-size: 17px !important; } }