@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, #1b2738);
  --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, #283b54);
  --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, #364f71);
  --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, #6e8eb9);
  --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, #1b2738);
  --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, #283b54);
  --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, #364f71);
  --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, #6e8eb9);
  --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, #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, 2);
  --heading-weight:var(--draft-heading-weight, 400);
  --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 */
.outside-widgets .delete-widget-link {
  display: none; }

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

/* ============================================================
   SUNDELICA visual layer
   Source: sundelica-koncept-sajta.html
   Added 2026-09-06. Theme backup before changes: Fourth, ID 38601762.
   To roll back: delete everything below this line.
   ============================================================ */
/* line 19, theme.scss */
html:root body {
  /* --- background: washed muslin instead of white --- */
  --bg: #F5F2ED;
  --bg-is-light: true;
  --bg-minor-shade: #EFEAE2;
  --bg-minor-shade-is-light: true;
  --bg-major-shade: #EAE5DC;
  --bg-major-shade-is-light: true;
  --bg-half-shade: #B8B0A4;
  --bg-half-shade-is-dark: true;
  /* --- buttons: warm graphite instead of blue --- */
  --color-btn-bg: #232120;
  --color-btn-bg-is-dark: true;
  --color-btn-bg-minor-shade: #35322F;
  --color-btn-bg-minor-shade-is-dark: true;
  --color-btn-bg-major-shade: #474340;
  --color-btn-bg-major-shade-is-dark: true;
  --color-btn-bg-half-shade: #8A837C;
  --color-btn-bg-half-shade-is-dark: true;
  /* --- accent: muted sage --- */
  --color-accent-text: #5F7F81;
  --color-accent-text-is-dark: true;
  --color-accent-text-minor-shade: #6E9092;
  --color-accent-text-minor-shade-is-dark: true;
  --color-accent-text-major-shade: #7DA0A2;
  --color-accent-text-major-shade-is-dark: true;
  --color-accent-text-half-shade: #A8C0C1;
  --color-accent-text-half-shade-is-dark: true;
  /* --- text colors --- */
  --color-text-dark: #232120;
  --color-text-dark-is-dark: true;
  --color-text-dark-minor-shade: #35322F;
  --color-text-dark-minor-shade-is-dark: true;
  --color-text-dark-major-shade: #474340;
  --color-text-dark-major-shade-is-dark: true;
  --color-text-dark-half-shade: #6E6862;
  --color-text-dark-half-shade-is-dark: true;
  --color-text-light: #FBFAF7;
  --color-text-light-is-light: true;
  --color-text-light-minor-shade: #F5F2ED;
  --color-text-light-minor-shade-is-light: true;
  --color-text-light-major-shade: #EAE5DC;
  --color-text-light-major-shade-is-light: true;
  --color-text-light-half-shade: #B8B0A4;
  --color-text-light-half-shade-is-dark: true;
  /* --- shape: pill buttons instead of sharp corners --- */
  --controls-btn-border-radius: 999px;
  /* --- typography --- */
  --font-family: "Inter";
  --font-family-heading: "Inter";
  --font-size: 16px;
  --heading-weight: 400;
  /* --- custom tokens for this layer --- */
  --sd-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --sd-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --sd-paper: #FBFAF7;
  --sd-sand: #C2A177;
  --sd-line: rgba(35, 33, 32, .14);
  --sd-line-soft: rgba(35, 33, 32, .07);
  --sd-shadow: 0 24px 60px -32px rgba(35, 33, 32, .45);
  --sd-pill: 999px;
  --sd-r: 18px; }

/* ---------- typography ---------- */
/* line 91, theme.scss */
body {
  font-family: var(--sd-sans);
  -webkit-font-smoothing: antialiased; }

/* line 96, theme.scss */
h1, h2, h3, h4, h5, h6,
.fb__title,
.product__title,
.collection__title {
  font-family: var(--sd-serif) !important;
  font-weight: 400;
  letter-spacing: -.01em;
  text-wrap: balance; }

/* line 106, theme.scss */
h1 {
  line-height: 1.02; }

/* line 107, theme.scss */
h2 {
  line-height: 1.04; }

/* line 108, theme.scss */
h3 {
  line-height: 1.06; }

/* banner heading: serif instead of uppercase */
/* line 111, theme.scss */
.fb__title {
  text-transform: none !important;
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.04; }

/* price in serif, as in the concept */
/* line 118, theme.scss */
.product-price__price,
.price,
.product__price {
  font-family: var(--sd-serif);
  font-weight: 400; }

/* ---------- buttons ---------- */
/* line 126, theme.scss */
.button,
.btn,
button.button {
  border-radius: var(--sd-pill);
  font-family: var(--sd-sans);
  letter-spacing: .01em;
  transition: transform .2s ease, opacity .2s ease; }

/* line 135, theme.scss */
.button:hover {
  transform: translateY(-1px);
  opacity: .92; }

/* ---------- inputs and search capsule ---------- */
/* line 141, theme.scss */
.form-control,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
select,
textarea {
  border-radius: var(--sd-pill);
  border-color: var(--sd-line);
  font-family: var(--sd-sans); }

/* line 153, theme.scss */
textarea {
  border-radius: var(--sd-r); }

/* line 157, theme.scss */
.header__search-field {
  border-radius: var(--sd-pill);
  background: var(--sd-paper);
  padding-left: 22px; }

/* line 163, theme.scss */
.form-control:focus {
  border-color: var(--color-accent-text);
  box-shadow: none;
  outline: none; }

/* ---------- cards and images ---------- */
/* line 170, theme.scss */
.product-preview,
.product-card,
.card {
  border-radius: var(--sd-r);
  overflow: hidden; }

/* line 177, theme.scss */
.product-preview__image img,
.product-preview img {
  border-radius: var(--sd-r); }

/* ---------- rating stars ---------- */
/* line 183, theme.scss */
.rating,
.stars,
.product-rating {
  color: var(--sd-sand); }

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  /* line 191, theme.scss */
  * {
    transition: none !important;
    animation: none !important; } }
/* ---------- ground: theme paints background on wrappers, not body ---------- */
/* line 198, theme.scss */
html,
body,
.layout,
.layout__content,
main {
  background-color: var(--bg); }

/* ---------- banner heading: serif, no caps ---------- */
/* line 207, theme.scss */
.fb__title,
.fb__title *,
.banner-list__item-title,
.banner-list__item-title * {
  text-transform: none !important;
  font-family: var(--sd-serif) !important;
  font-weight: 400 !important;
  letter-spacing: -.01em !important;
  line-height: 1.04; }

/* line 218, theme.scss */
.banner-list__item-title {
  font-size: clamp(34px, 4.4vw, 62px); }

/* line 221, theme.scss */
.sd-review {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 56px;
  align-items: start;
  max-width: 1180px;
  margin: 0 auto;
  padding: 76px 40px; }

/* line 231, theme.scss */
.sd-review__num {
  font-family: var(--sd-serif, Georgia, serif);
  font-size: 72px;
  line-height: 1;
  color: var(--color-text-dark); }

/* line 238, theme.scss */
.sd-review__stars {
  color: var(--sd-sand, #C2A177);
  letter-spacing: .24em;
  font-size: 13px;
  margin-top: 10px; }

/* line 245, theme.scss */
.sd-review__count {
  font-size: 13px;
  color: var(--color-text-dark-half-shade);
  margin-top: 8px; }

/* line 251, theme.scss */
.sd-review__bars {
  display: grid;
  gap: 8px;
  margin-top: 22px; }

/* line 257, theme.scss */
.sd-review__bar {
  display: grid;
  grid-template-columns: 62px 1fr 34px;
  gap: 10px;
  align-items: center;
  font-size: 12px;
  color: var(--color-text-dark-half-shade); }
  /* line 265, theme.scss */
  .sd-review__bar u {
    display: block;
    height: 4px;
    border-radius: 2px;
    background: var(--sd-line, rgba(35, 33, 32, 0.14));
    text-decoration: none;
    position: relative;
    overflow: hidden; }
    /* line 274, theme.scss */
    .sd-review__bar u::after {
      content: "";
      position: absolute;
      inset: 0;
      width: var(--w, 0%);
      border-radius: 2px;
      background: var(--color-accent-text); }
  /* line 284, theme.scss */
  .sd-review__bar b {
    font-weight: 400;
    text-align: right; }

/* line 287, theme.scss */
.sd-review__kicker {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--color-accent-text);
  font-weight: 600; }

/* line 295, theme.scss */
.sd-review__quote {
  font-family: var(--sd-serif, Georgia, serif);
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.32;
  font-style: italic;
  margin: 18px 0 20px;
  color: var(--color-text-dark);
  max-width: 24ch; }

/* line 305, theme.scss */
.sd-review__who {
  font-size: 13px;
  color: var(--color-text-dark-half-shade); }

/* line 310, theme.scss */
.sd-review__note {
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid var(--sd-line-soft, rgba(35, 33, 32, 0.07));
  font-size: 13px;
  color: var(--color-text-dark-half-shade);
  max-width: 52ch; }

@media (max-width: 1020px) {
  /* line 320, theme.scss */
  .sd-review {
    grid-template-columns: 1fr;
    gap: 34px;
    padding: 48px 18px; }

  /* line 325, theme.scss */
  .sd-review__quote {
    max-width: none; } }
/* ---------- heading for the FAQ accordion (rendered via CSS to keep it attached) ---------- */
/* line 329, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 {
  padding-top: 24px; }

/* line 333, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .layout__content::before {
  content: "\041A \0430 \043A  \0432 \044B \0431 \0440 \0430 \0442 \044C ?";
  display: block;
  font-family: var(--sd-serif);
  font-weight: 400;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.06;
  letter-spacing: -.01em;
  text-align: center;
  margin: 0 0 28px;
  color: var(--color-text-dark); }

/* ---------- stray duplicate heading widget (LH1) left over from block reordering ----------
   The FAQ heading is rendered by the rule above, attached to the accordion.
   This standalone heading widget sits in the wrong place; hidden rather than deleted
   so it can be restored from the widget editor if needed. */
/* line 350, theme.scss */
.widget-type_system_widget_v4_heading_1 {
  display: none; }

/* ============================================================
   CARD SYSTEM - translucent plates with a hairline outline
   Applied across the home page blocks for one consistent look.
   ============================================================ */
/* line 358, theme.scss */
:root {
  --sd-card-bg: rgba(255, 255, 255, .55);
  --sd-card-border: rgba(35, 33, 32, .10);
  --sd-card-radius: 20px;
  --sd-card-pad: 28px 26px; }

/* ---------- "why they trust us": force an even 4-across row ---------- */
/* line 366, theme.scss */
.benefit-list.grid-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  align-items: stretch; }

/* line 373, theme.scss */
.benefit-list__item {
  background: var(--sd-card-bg);
  border: 1px solid var(--sd-card-border);
  border-radius: var(--sd-card-radius);
  padding: var(--sd-card-pad);
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  transition: border-color .2s ease, transform .2s ease; }

/* line 386, theme.scss */
.benefit-list__item:hover {
  border-color: rgba(35, 33, 32, 0.2);
  transform: translateY(-2px); }

/* line 391, theme.scss */
.benefit-list__item-title {
  font-family: var(--sd-sans);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -.01em;
  color: var(--color-text-dark);
  text-align: left; }

/* line 401, theme.scss */
.benefit-list__item-description {
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-text-dark-half-shade);
  text-align: left; }

/* line 408, theme.scss */
.benefit-list__title {
  text-align: left;
  margin-bottom: 28px; }

/* ---------- FAQ rows as the same plates ---------- */
/* line 414, theme.scss */
.acc-tab {
  background: var(--sd-card-bg);
  border: 1px solid var(--sd-card-border);
  border-radius: var(--sd-card-radius);
  margin-bottom: 10px;
  overflow: hidden;
  transition: border-color .2s ease; }

/* line 423, theme.scss */
.acc-tab:hover {
  border-color: rgba(35, 33, 32, 0.2); }

/* line 427, theme.scss */
.acc-tab__label {
  padding: 20px 26px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -.01em; }

/* line 434, theme.scss */
.acc-tab__content {
  padding: 0 26px 22px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--color-text-dark-half-shade); }

/* ---------- review block sits on a plate too ---------- */
/* line 442, theme.scss */
.sd-review {
  background: var(--sd-card-bg);
  border: 1px solid var(--sd-card-border);
  border-radius: var(--sd-card-radius);
  padding: 48px 44px;
  max-width: 1180px;
  margin: 0 auto 76px; }

/* ---------- headings: Inter, light and wide, as on the reference ---------- */
/* line 452, theme.scss */
h1, h2, h3,
.fb__title,
.banner-list__item-title,
.benefit-list__title,
.widget-type_system_widget_v4_accordion_cards_1 .layout__content::before {
  font-weight: 400;
  letter-spacing: -.025em; }

@media (max-width: 1200px) {
  /* line 462, theme.scss */
  .benefit-list.grid-list {
    grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
  /* line 466, theme.scss */
  .benefit-list.grid-list {
    grid-template-columns: 1fr; }

  /* line 467, theme.scss */
  .sd-review {
    padding: 32px 20px;
    border-radius: 16px; }

  /* line 468, theme.scss */
  .acc-tab__label {
    padding: 16px 18px;
    font-size: 15px; }

  /* line 469, theme.scss */
  .acc-tab__content {
    padding: 0 18px 18px; } }
/* ============================================================
   TRUST BLOCK - promises on the left, review on the right
   (matches the .trust section of the concept)
   ============================================================ */
/* line 476, theme.scss */
.sd-trust {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
  max-width: 1180px;
  margin: 0 auto;
  padding: 76px 40px 90px; }

/* line 486, theme.scss */
.sd-trust__kicker {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--color-accent-text);
  font-weight: 600;
  margin-bottom: 16px; }

/* line 495, theme.scss */
.sd-trust__heading {
  font-family: var(--sd-sans);
  font-size: clamp(26px, 2.8vw, 38px);
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -.025em;
  margin: 0 0 28px;
  color: var(--color-text-dark);
  max-width: 20ch; }

/* line 506, theme.scss */
.sd-trust__list {
  list-style: none;
  margin: 0;
  padding: 0; }

/* line 512, theme.scss */
.sd-trust__item {
  display: flex;
  gap: 16px;
  align-items: baseline;
  padding: 16px 0;
  border-bottom: 1px solid var(--sd-line-soft);
  font-size: 15px;
  line-height: 1.45;
  color: var(--color-text-dark); }

/* line 523, theme.scss */
.sd-trust__item:first-child {
  border-top: 1px solid var(--sd-line-soft); }

/* line 525, theme.scss */
.sd-trust__idx {
  font-size: 11px;
  letter-spacing: .1em;
  color: var(--color-accent-text);
  font-variant-numeric: tabular-nums;
  flex: none; }

/* --- review card, right column --- */
/* line 534, theme.scss */
.sd-review {
  background: var(--sd-card-bg);
  border: 1px solid var(--sd-card-border);
  border-radius: var(--sd-card-radius);
  padding: 38px 34px;
  margin: 0;
  max-width: none;
  display: block; }

/* line 544, theme.scss */
.sd-review__top {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 22px; }

/* line 551, theme.scss */
.sd-review__num {
  font-family: var(--sd-sans);
  font-size: 56px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.03em;
  color: var(--color-text-dark); }

/* line 560, theme.scss */
.sd-review__quote {
  font-family: var(--sd-sans);
  font-size: clamp(19px, 1.8vw, 24px);
  font-weight: 400;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: -.02em;
  margin: 0 0 14px;
  color: var(--color-text-dark);
  max-width: none; }

/* line 572, theme.scss */
.sd-review__bars {
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--sd-line-soft); }

/* line 578, theme.scss */
.sd-review__bar {
  grid-template-columns: 14px 1fr 34px; }

/* line 580, theme.scss */
.sd-review__note {
  margin-top: 20px;
  padding-top: 16px; }

@media (max-width: 1020px) {
  /* line 586, theme.scss */
  .sd-trust {
    grid-template-columns: 1fr;
    gap: 34px;
    padding: 48px 18px 60px; } }
/* ============================================================
   HERO - full-bleed photo, soft veil on the text side,
   two buttons: solid dark + frosted glass
   ============================================================ */
/* line 597, theme.scss */
.widget-type_system_widget_v4_banner_parallax_1_1 {
  display: none; }

/* line 601, theme.scss */
.sd-hero {
  position: relative;
  min-height: 640px;
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate; }

/* line 610, theme.scss */
.sd-hero__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
  z-index: -2; }

/* line 620, theme.scss */
.sd-hero__veil {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(100deg, rgba(245, 242, 237, 0.97) 0%, rgba(245, 242, 237, 0.93) 28%, rgba(245, 242, 237, 0.7) 46%, rgba(245, 242, 237, 0.18) 62%, rgba(245, 242, 237, 0) 74%), linear-gradient(180deg, rgba(35, 33, 32, 0.06), rgba(35, 33, 32, 0.1)); }

/* line 634, theme.scss */
.sd-hero__inner {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 72px 40px; }

/* line 642, theme.scss */
.sd-hero__kicker {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--color-text-dark-half-shade);
  margin-bottom: 26px; }

/* line 651, theme.scss */
.sd-hero__title {
  font-family: var(--sd-sans);
  font-size: clamp(38px, 5vw, 68px);
  font-weight: 300;
  line-height: 1.06;
  letter-spacing: -.035em;
  margin: 0 0 26px;
  color: var(--color-text-dark);
  max-width: 15ch; }

/* line 662, theme.scss */
.sd-hero__title em {
  font-style: normal;
  color: var(--color-accent-text); }

/* line 667, theme.scss */
.sd-hero__lead {
  font-size: 17px;
  line-height: 1.5;
  color: var(--color-text-dark-half-shade);
  max-width: 34ch;
  margin: 0 0 34px; }

/* line 675, theme.scss */
.sd-hero__cta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 40px; }

/* line 682, theme.scss */
.sd-hero__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 34px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -.01em;
  text-decoration: none;
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease; }

/* line 696, theme.scss */
.sd-hero__btn--dark {
  background: #232120;
  color: #FBFAF7;
  border: 1px solid #232120; }

/* line 702, theme.scss */
.sd-hero__btn--dark:hover {
  transform: translateY(-1px);
  background: #35322F; }

/* frosted glass, Apple-style */
/* line 708, theme.scss */
.sd-hero__btn--glass {
  color: var(--color-text-dark);
  background: rgba(255, 255, 255, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.7);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) inset, 0 8px 24px -12px rgba(35, 33, 32, 0.35);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%); }

/* line 718, theme.scss */
.sd-hero__btn--glass:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.42);
  border-color: rgba(255, 255, 255, 0.9); }

/* line 724, theme.scss */
.sd-hero__meta {
  display: flex;
  gap: 46px;
  flex-wrap: wrap;
  font-size: 14px;
  color: var(--color-text-dark-half-shade); }

@media (max-width: 900px) {
  /* line 733, theme.scss */
  .sd-hero {
    min-height: 560px; }

  /* line 734, theme.scss */
  .sd-hero__veil {
    background: linear-gradient(175deg, rgba(245, 242, 237, 0.96) 0%, rgba(245, 242, 237, 0.9) 44%, rgba(245, 242, 237, 0.55) 72%, rgba(245, 242, 237, 0.25) 100%); }

  /* line 742, theme.scss */
  .sd-hero__inner {
    padding: 48px 18px; }

  /* line 743, theme.scss */
  .sd-hero__title {
    max-width: none; }

  /* line 744, theme.scss */
  .sd-hero__meta {
    gap: 18px;
    flex-direction: column; } }
/* ============================================================
   FACT CARDS - hide the block heading, lock the baseline,
   glass icons in the same key as the hero button
   ============================================================ */
/* line 751, theme.scss */
.benefit-list__title {
  display: none; }

/* line 755, theme.scss */
.benefit-list.grid-list {
  align-items: stretch;
  padding-top: 8px; }

/* line 760, theme.scss */
.benefit-list__item {
  justify-content: flex-start;
  gap: 0;
  padding: 30px 26px 28px; }

/* glass tile carrying the icon */
/* line 767, theme.scss */
.benefit-list__item::before {
  content: "";
  display: block;
  flex: none;
  width: 46px;
  height: 46px;
  margin-bottom: 22px;
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.34);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  border: 1px solid rgba(255, 255, 255, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 8px 22px -14px rgba(35, 33, 32, 0.45);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%); }

/* one fixed line for every card title */
/* line 787, theme.scss */
.benefit-list__item-title {
  min-height: 44px;
  margin: 0 0 10px;
  display: flex;
  align-items: flex-start; }

/* line 794, theme.scss */
.benefit-list__item-description {
  margin: 0; }

/* line 798, theme.scss */
.benefit-list__item:nth-child(1)::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23232120' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21V9'/><path d='M12 13c-3.2 0-5-2-5-5 3.2 0 5 2 5 5z'/><path d='M12 13c3.2 0 5-2 5-5-3.2 0-5 2-5 5z'/><path d='M8.5 21h7'/></svg>"); }

/* line 799, theme.scss */
.benefit-list__item:nth-child(2)::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23232120' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3.5s5 5.4 5 8.9a5 5 0 0 1-10 0c0-3.5 5-8.9 5-8.9z'/><path d='M8 14.6c1 .9 2 .9 3 0s2-.9 3 0 2 .9 3 0'/></svg>"); }

/* line 800, theme.scss */
.benefit-list__item:nth-child(3)::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23232120' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M20 12a8 8 0 1 1-2.6-5.9'/><path d='M20 4v4h-4'/><path d='M12 8v4.4l2.6 1.6'/></svg>"); }

/* line 801, theme.scss */
.benefit-list__item:nth-child(4)::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23232120' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M3 8.6 12 4l9 4.6v6.8L12 20l-9-4.6z'/><path d='M3 8.6 12 13l9-4.4'/><path d='M12 13v7'/></svg>"); }

@media (max-width: 1200px) {
  /* line 804, theme.scss */
  .benefit-list__item-title {
    min-height: 0; } }
/* the theme pushes card content to the bottom, which drops the shorter
   cards by ~10px; pin everything to the top so titles share one line */
/* line 809, theme.scss */
.benefit-list .benefit-list__item {
  justify-content: flex-start !important;
  align-items: stretch !important; }

/* line 814, theme.scss */
.benefit-list .benefit-list__item-title {
  height: 50px;
  min-height: 0;
  align-items: flex-start;
  line-height: 1.25; }

/* line 821, theme.scss */
.benefit-list .benefit-list__item-description {
  align-self: flex-start; }

/* ============================================================
   HEADER OVER HERO
   The header widget got pushed down the widget order; pull it back
   to the top of the page and float it over the hero photo so the
   logo, menu and cart sit directly on the image.
   ============================================================ */
/* line 831, theme.scss */
body:has(.sd-hero) {
  position: relative; }

/* line 835, theme.scss */
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  background: transparent; }

/* strip the widget's own light plates so the photo shows through */
/* line 845, theme.scss */
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .layout__content,
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .header,
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .header__top,
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .header__middle,
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .header__bottom {
  background: transparent !important;
  border-color: transparent !important; }

/* search field keeps a soft glass plate so it stays usable on the photo */
/* line 855, theme.scss */
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .header__search-field {
  background: rgba(255, 255, 255, 0.42) !important;
  border: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  backdrop-filter: blur(16px) saturate(150%); }

/* hero gets breathing room under the floating header */
/* line 863, theme.scss */
.sd-hero {
  min-height: 760px; }

/* line 867, theme.scss */
.sd-hero__inner {
  padding-top: 190px; }

@media (max-width: 900px) {
  /* line 872, theme.scss */
  .sd-hero {
    min-height: 660px; }

  /* line 873, theme.scss */
  .sd-hero__inner {
    padding-top: 170px; } }
/* every inner wrapper of the header widget must be see-through,
   otherwise its own plates cut a light band across the photo */
/* line 878, theme.scss */
body:has(.sd-hero) .widget-type_system_widget_v4_header_4,
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 > *,
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 [class*="header"] {
  background-color: transparent !important;
  box-shadow: none !important; }

/* keep the elements that must stay solid */
/* line 886, theme.scss */
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .button,
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 [class*="badge"],
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 [class*="counter"] {
  background-color: var(--color-btn-bg) !important;
  color: var(--color-text-light) !important; }

/* line 893, theme.scss */
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .header__search-field {
  background-color: rgba(255, 255, 255, 0.42) !important; }

/* ============================================================
   HEADER CONTROLS
   Slimmer catalog button and search, compare removed,
   round frosted-glass icon buttons with the sage accent.
   ============================================================ */
/* --- catalog button: smaller and quieter --- */
/* line 904, theme.scss */
.header__show-collection-btn.button {
  min-height: 42px;
  height: 42px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -.01em; }

/* line 913, theme.scss */
.header__show-collection-btn.button svg,
.header__show-collection-btn.button i {
  transform: scale(0.85); }

/* --- search: narrower and lower --- */
/* line 919, theme.scss */
.header__search-form {
  max-width: 440px; }

/* line 923, theme.scss */
.header__search-field.form-control {
  height: 42px;
  min-height: 42px;
  font-size: 14px;
  padding-left: 20px; }

/* line 930, theme.scss */
.header__search-btn.button {
  height: 42px;
  min-height: 42px;
  width: 42px;
  padding: 0; }

/* --- compare is gone --- */
/* line 938, theme.scss */
.header__compare {
  display: none !important; }

/* --- profile / favorites / cart as round glass buttons --- */
/* line 943, theme.scss */
.header__control-btn {
  position: relative;
  width: 46px;
  height: 46px;
  padding: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 0;
  color: var(--color-accent-text);
  background: rgba(255, 255, 255, 0.32);
  border: 1px solid rgba(255, 255, 255, 0.72);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 8px 22px -14px rgba(35, 33, 32, 0.45);
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  backdrop-filter: blur(16px) saturate(160%);
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
  overflow: visible; }

/* line 965, theme.scss */
.header__control-btn:hover {
  background: rgba(255, 255, 255, 0.48);
  border-color: rgba(255, 255, 255, 0.92);
  transform: translateY(-1px); }

/* icon keeps the sage colour, caption is dropped */
/* line 972, theme.scss */
.header__control-btn svg,
.header__control-btn img,
.header__control-btn i {
  width: 20px;
  height: 20px;
  color: var(--color-accent-text);
  fill: currentColor;
  stroke: currentColor; }

/* line 982, theme.scss */
.header__control-btn > span:not([class*="count"]):not([class*="badge"]),
.header__control-btn [class*="control-btn__text"],
.header__control-btn [class*="__title"],
.header__control-btn [class*="__label"] {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap; }

/* counters sit on the rim in the accent colour */
/* line 995, theme.scss */
.header__control-btn [class*="count"],
.header__control-btn [class*="badge"] {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 999px;
  background-color: var(--color-accent-text) !important;
  color: #FBFAF7 !important;
  font-size: 11px;
  line-height: 19px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.75); }

/* line 1012, theme.scss */
.header__controls,
.header__control-list {
  gap: 10px; }

/* ============================================================
   FACT CARDS v2 - lower, lighter, titles locked to one line
   Grid rows instead of flex: the theme kept redistributing the
   free space, which is what pushed the titles out of line.
   ============================================================ */
/* line 1022, theme.scss */
.benefit-list.grid-list {
  gap: 14px; }

/* line 1026, theme.scss */
.benefit-list .benefit-list__item {
  display: grid !important;
  grid-template-rows: auto auto 1fr;
  align-content: start !important;
  justify-content: stretch !important;
  row-gap: 0;
  padding: 22px 20px 20px;
  border-radius: 16px; }

/* line 1036, theme.scss */
.benefit-list .benefit-list__item::before {
  width: 38px;
  height: 38px;
  margin: 0 0 18px;
  border-radius: 11px;
  background-size: 18px 18px; }

/* line 1044, theme.scss */
.benefit-list .benefit-list__item-title {
  height: 42px;
  min-height: 0;
  margin: 0 0 8px;
  display: flex;
  align-items: flex-start;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.01em; }

/* line 1056, theme.scss */
.benefit-list .benefit-list__item-description {
  margin: 0;
  align-self: start;
  font-size: 13px;
  line-height: 1.45; }

@media (max-width: 1200px) {
  /* line 1064, theme.scss */
  .benefit-list .benefit-list__item-title {
    height: auto; } }
/* the icon itself is a <span class="icon">, so the caption-hiding rule
   above swallowed it as well - bring the glyph back, hide only the label */
/* line 1069, theme.scss */
.header__control-btn > span.icon,
.header__control-btn .icon {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  font-size: 21px !important;
  line-height: 1 !important;
  color: var(--color-accent-text) !important; }

/* line 1081, theme.scss */
.header__control-btn .header__control-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important; }

/* the icon font paints its glyph through ::before, so the colour has to
   be set there as well */
/* line 1092, theme.scss */
.header__control-btn .icon::before,
.header__control-btn .icon::after {
  color: var(--color-accent-text) !important; }

/* line 1097, theme.scss */
.header__control-btn:hover .icon,
.header__control-btn:hover .icon::before {
  color: var(--color-accent-text-minor-shade) !important; }

/* ============================================================
   HEADER v3 - solid icon buttons, smaller logo
   ============================================================ */
/* logo was 140px tall and broke the header baseline */
/* line 1107, theme.scss */
.header__area-logo {
  width: auto !important;
  height: 46px !important;
  display: flex;
  align-items: center; }

/* line 1114, theme.scss */
.header__area-logo img,
.header__area-logo svg {
  max-height: 46px;
  width: auto;
  object-fit: contain; }

/* solid round buttons instead of glass: sage for profile / favourites,
   black for the cart, white glyphs inside */
/* line 1123, theme.scss */
.header__control-btn {
  background: var(--color-accent-text) !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important; }

/* line 1131, theme.scss */
.header__control-btn.header__cart {
  background: var(--color-btn-bg) !important; }

/* line 1135, theme.scss */
.header__control-btn .icon,
.header__control-btn .icon::before,
.header__control-btn .icon::after {
  color: #FBFAF7 !important; }

/* line 1141, theme.scss */
.header__control-btn:hover {
  background: var(--color-accent-text-minor-shade) !important; }

/* line 1145, theme.scss */
.header__control-btn.header__cart:hover {
  background: var(--color-btn-bg-minor-shade) !important; }

/* line 1149, theme.scss */
.header__control-btn:hover .icon,
.header__control-btn:hover .icon::before {
  color: #FBFAF7 !important; }

/* cart counter sits on the dark button - keep it readable */
/* line 1155, theme.scss */
.header__control-btn.header__cart [class*="count"],
.header__control-btn.header__cart [class*="badge"] {
  background-color: var(--color-accent-text) !important;
  border-color: rgba(255, 255, 255, 0.9); }

/* ============================================================
   FAQ - drop the theme's dark divider lines inside the plates
   ============================================================ */
/* line 1164, theme.scss */
.tabs .acc-tab,
.acc-tab {
  border: 1px solid var(--sd-card-border) !important; }

/* line 1169, theme.scss */
.acc-tab + .acc-tab {
  border-top: 1px solid var(--sd-card-border) !important; }

/* line 1173, theme.scss */
.acc-tab__label,
.acc-tab__content,
.acc-tab__label-text,
.tabs {
  border: 0 !important;
  box-shadow: none !important; }

/* line 1181, theme.scss */
.acc-tab__icon {
  color: var(--color-text-dark-half-shade); }

/* the earlier transparent-header rule also matched .header__control-btn
   (it uses [class*="header"]), so the fills need the same weight */
/* line 1187, theme.scss */
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .header__control-btn,
.widget-type_system_widget_v4_header_4 .header__control-btn {
  background-color: var(--color-accent-text) !important;
  border-radius: 50% !important;
  width: 46px !important;
  height: 46px !important; }

/* line 1195, theme.scss */
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .header__control-btn.header__cart,
.widget-type_system_widget_v4_header_4 .header__control-btn.header__cart {
  background-color: var(--color-btn-bg) !important; }

/* line 1200, theme.scss */
.widget-type_system_widget_v4_header_4 .header__control-btn .icon,
.widget-type_system_widget_v4_header_4 .header__control-btn .icon::before,
.widget-type_system_widget_v4_header_4 .header__control-btn .icon::after,
.widget-type_system_widget_v4_header_4 .header__control-btn span[class^="icon"],
.widget-type_system_widget_v4_header_4 .header__control-btn span[class^="icon"]::before {
  color: #FBFAF7 !important; }

/* ============================================================
   HEADER v4 - breathing room, domed buttons, catalog dropdown
   ============================================================ */
/* air above and below the header row instead of sticking to the very top */
/* line 1213, theme.scss */
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 {
  padding-top: 16px;
  padding-bottom: 20px; }

/* the pale strip under the header was the widget's own bottom border */
/* line 1219, theme.scss */
body:has(.sd-hero) .widget-type_system_widget_v4_header_4,
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 > *,
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 [class*="header"] {
  border-bottom: 0 !important;
  border-top: 0 !important; }

/* smaller logo so it lines up with the catalog button and search */
/* line 1227, theme.scss */
.header__area-logo {
  height: 38px !important; }

/* line 1231, theme.scss */
.header__area-logo img,
.header__area-logo svg {
  max-height: 38px; }

/* --- domed icon buttons, glyph centred --- */
/* line 1237, theme.scss */
.widget-type_system_widget_v4_header_4 .header__control-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0.06) 42%, rgba(0, 0, 0, 0.1) 100%) !important;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.45) inset, 0 -3px 6px rgba(0, 0, 0, 0.16) inset, 0 6px 14px -6px rgba(35, 33, 32, 0.5), 0 1px 2px rgba(35, 33, 32, 0.25) !important; }

/* line 1252, theme.scss */
.widget-type_system_widget_v4_header_4 .header__control-btn:active {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.22) inset, 0 1px 2px rgba(35, 33, 32, 0.2) !important;
  transform: translateY(1px); }

/* line 1258, theme.scss */
.widget-type_system_widget_v4_header_4 .header__control-btn .icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 21px !important;
  height: 21px !important;
  line-height: 1 !important;
  font-size: 20px !important;
  position: relative !important;
  top: 0 !important; }

/* line 1270, theme.scss */
.widget-type_system_widget_v4_header_4 .header__control-btn .icon::before {
  display: block;
  line-height: 21px !important; }

/* --- catalog dropdown needs the site's warm plate --- */
/* line 1276, theme.scss */
.header__collections,
[class*="header__collections"]:not([class*="link"]):not([class*="head"]):not([class*="btn"]) {
  background-color: var(--bg-minor-shade) !important;
  border-radius: 20px;
  box-shadow: 0 30px 70px -40px rgba(35, 33, 32, 0.55);
  padding: 26px 28px; }

/* line 1284, theme.scss */
.header__collections-head {
  font-weight: 600; }

/* line 1288, theme.scss */
.header__collections-link {
  color: var(--color-text-dark-half-shade); }

/* line 1292, theme.scss */
.header__collections-link:hover {
  color: var(--color-accent-text); }

/* the display:inline-flex rule above resurrected the compare button */
/* line 1297, theme.scss */
.widget-type_system_widget_v4_header_4 .header__control-btn.header__compare,
.header__compare {
  display: none !important; }

/* catalog dropdown: the transparent-header rule stripped its plate too */
/* line 1303, theme.scss */
body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .header__collections,
.widget-type_system_widget_v4_header_4 .header__collections {
  background-color: #FFFFFF !important;
  border-radius: 22px;
  box-shadow: 0 40px 80px -40px rgba(35, 33, 32, 0.55), 0 2px 10px -4px rgba(35, 33, 32, 0.18);
  padding: 30px 32px;
  margin-top: 12px; }

/* line 1313, theme.scss */
.widget-type_system_widget_v4_header_4 .header__collections-content,
.widget-type_system_widget_v4_header_4 .header__collections-content-top,
.widget-type_system_widget_v4_header_4 .header__collections-menu {
  background-color: transparent !important; }

/* ============================================================
   HEADER v5 - top menu folded into the main row
   ============================================================ */
/* drop the duplicate catalog link from the text menu */
/* line 1324, theme.scss */
.header__menu-item:has(a[href*="collection/all"]) {
  display: none !important; }

/* lift the top strip onto the main line, between search and icons */
/* line 1329, theme.scss */
.widget-type_system_widget_v4_header_4 .header-part-main__inner {
  position: relative; }

/* line 1333, theme.scss */
.widget-type_system_widget_v4_header_4 .header-part-top,
.widget-type_system_widget_v4_header_4 .header-part-top__inner {
  position: absolute !important;
  top: 0;
  right: 200px;
  height: 100%;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 3; }

/* line 1347, theme.scss */
.widget-type_system_widget_v4_header_4 .header__area-menu,
.widget-type_system_widget_v4_header_4 .header__menu {
  height: auto !important;
  margin: 0 !important; }

/* line 1353, theme.scss */
.widget-type_system_widget_v4_header_4 .header__menu {
  gap: 26px; }

/* line 1357, theme.scss */
.widget-type_system_widget_v4_header_4 .header__menu-link {
  font-size: 14px;
  color: var(--color-text-dark); }

/* line 1362, theme.scss */
.widget-type_system_widget_v4_header_4 .header__menu-link:hover {
  color: var(--color-accent-text); }

@media (max-width: 1100px) {
  /* line 1367, theme.scss */
  .widget-type_system_widget_v4_header_4 .header-part-top,
  .widget-type_system_widget_v4_header_4 .header-part-top__inner {
    position: static !important;
    height: auto;
    justify-content: flex-start; } }
/* the theme's cut-list collapsed the blog link into a "..." button;
   give the menu room and stop it from hiding items */
/* line 1377, theme.scss */
.header__search-form {
  max-width: 360px; }

/* line 1381, theme.scss */
.widget-type_system_widget_v4_header_4 .header-part-top,
.widget-type_system_widget_v4_header_4 .header-part-top__inner {
  right: 190px;
  width: auto;
  max-width: 420px; }

/* line 1388, theme.scss */
.widget-type_system_widget_v4_header_4 .header__menu {
  flex-wrap: nowrap !important;
  overflow: visible !important; }

/* line 1393, theme.scss */
.widget-type_system_widget_v4_header_4 .header__menu-item:not(:has(a[href*="collection/all"])) {
  display: list-item !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: static !important;
  white-space: nowrap; }

/* line 1401, theme.scss */
.widget-type_system_widget_v4_header_4 [class*="cut-list__more"],
.widget-type_system_widget_v4_header_4 [class*="cut-list__hidden"],
.widget-type_system_widget_v4_header_4 .header__menu-more {
  display: none !important; }

/* cut-list moved the blog link into a "..." dropdown; unfold it back into the row */
/* line 1408, theme.scss */
.widget-type_system_widget_v4_header_4 .cut-list__dropdown {
  display: flex !important;
  align-items: center;
  width: auto !important; }

/* line 1414, theme.scss */
.widget-type_system_widget_v4_header_4 .cut-list__dropdown > button,
.widget-type_system_widget_v4_header_4 .cut-list__dropdown > a,
.widget-type_system_widget_v4_header_4 .cut-list__dropdown [class*="toggle"],
.widget-type_system_widget_v4_header_4 .cut-list__dropdown [class*="more"] {
  display: none !important; }

/* line 1421, theme.scss */
.widget-type_system_widget_v4_header_4 .cut-list__dropdown ul,
.widget-type_system_widget_v4_header_4 .cut-list__dropdown [class*="dropdown-list"],
.widget-type_system_widget_v4_header_4 .cut-list__dropdown [class*="dropdown__list"] {
  display: flex !important;
  position: static !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  gap: 26px;
  margin: 0 0 0 26px !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  min-width: 0 !important;
  list-style: none; }

/* ============================================================
   SCENARIO TILES - darkened bottom, caption bottom-left
   ============================================================ */
/* line 1442, theme.scss */
.banner-list__item {
  position: relative;
  border-radius: 18px;
  overflow: hidden; }

/* line 1448, theme.scss */
.banner-list__item::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, rgba(20, 18, 16, 0.7) 0%, rgba(20, 18, 16, 0.34) 34%, rgba(20, 18, 16, 0) 62%); }

/* line 1460, theme.scss */
.banner-list__item-text {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 24px 22px !important;
  text-align: left !important;
  display: block !important; }

/* line 1471, theme.scss */
.banner-list__item-title {
  text-align: left !important;
  text-transform: none !important;
  font-size: clamp(20px, 1.9vw, 26px) !important;
  font-weight: 500 !important;
  line-height: 1.14 !important;
  letter-spacing: -.02em !important;
  color: #FBFAF7 !important;
  margin: 0 !important; }

/* line 1482, theme.scss */
.banner-list__item-photo,
.banner-list__item-photo img {
  height: 100%;
  object-fit: cover; }

/* ============================================================
   SUBSCRIBE BLOCK - sage plate, glass field, white pill button
   ============================================================ */
/* line 1491, theme.scss */
.widget-type_NUY9 .layout__content {
  background: var(--color-accent-text);
  border-radius: 22px;
  padding: 52px 48px;
  color: #FBFAF7; }

/* line 1498, theme.scss */
.widget-type_NUY9 h1,
.widget-type_NUY9 h2,
.widget-type_NUY9 h3,
.widget-type_NUY9 [class*="title"],
.widget-type_NUY9 [class*="heading"] {
  color: #FBFAF7 !important;
  font-weight: 400;
  letter-spacing: -.025em; }

/* line 1508, theme.scss */
.widget-type_NUY9 p,
.widget-type_NUY9 [class*="description"],
.widget-type_NUY9 [class*="text"] {
  color: rgba(251, 250, 247, 0.82) !important; }

/* line 1514, theme.scss */
.widget-type_NUY9 input[type="text"],
.widget-type_NUY9 input[type="email"],
.widget-type_NUY9 .form-control {
  background: rgba(251, 250, 247, 0.14) !important;
  border: 1px solid rgba(251, 250, 247, 0.42) !important;
  border-radius: 999px !important;
  color: #FBFAF7 !important;
  height: 54px;
  padding-left: 24px; }

/* line 1525, theme.scss */
.widget-type_NUY9 input::placeholder {
  color: rgba(251, 250, 247, 0.7) !important; }

/* line 1529, theme.scss */
.widget-type_NUY9 .button,
.widget-type_NUY9 button[type="submit"] {
  background: #FBFAF7 !important;
  color: var(--color-accent-text) !important;
  border: 0 !important;
  border-radius: 999px !important;
  height: 54px;
  padding: 0 30px;
  font-weight: 500; }

/* line 1540, theme.scss */
.widget-type_NUY9 a {
  color: #FBFAF7; }

/* ============================================================
   FOOTER built to the concept
   ============================================================ */
/* line 1547, theme.scss */
body:has(.sd-footer) .widget-type_system_widget_v4_footer_18_1,
body:has(.sd-footer) .widget-type_system_widget_v4_footer_4 {
  display: none !important; }

/* line 1552, theme.scss */
.sd-footer {
  background: var(--bg-major-shade);
  margin-top: 20px; }

/* line 1557, theme.scss */
.sd-footer__inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 64px 40px 40px;
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: 40px; }

/* line 1566, theme.scss */
.sd-footer__logo {
  font-size: 20px;
  letter-spacing: .28em;
  font-weight: 500;
  color: var(--color-text-dark); }

/* line 1573, theme.scss */
.sd-footer__tagline {
  margin: 14px 0 6px;
  font-size: 14px;
  color: var(--color-text-dark-half-shade); }

/* line 1579, theme.scss */
.sd-footer__hours {
  margin: 0;
  font-size: 14px;
  color: var(--color-text-dark-half-shade); }

/* line 1585, theme.scss */
.sd-footer__col h5 {
  margin: 0 0 16px;
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--color-text-dark-half-shade);
  font-weight: 600; }

/* line 1594, theme.scss */
.sd-footer__col ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px; }

/* line 1602, theme.scss */
.sd-footer__col a {
  font-size: 14px;
  color: var(--color-text-dark);
  text-decoration: none; }

/* line 1608, theme.scss */
.sd-footer__col a:hover {
  color: var(--color-accent-text); }

/* line 1612, theme.scss */
.sd-footer__bottom {
  max-width: 1180px;
  margin: 0 auto;
  padding: 22px 40px 40px;
  border-top: 1px solid var(--sd-line-soft);
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  font-size: 12px;
  color: var(--color-text-dark-half-shade); }

/* ============================================================
   MOBILE - header and the whole home page
   ============================================================ */
@media (max-width: 900px) {
  /* --- header --- */
  /* line 1631, theme.scss */
  body:has(.sd-hero) .widget-type_system_widget_v4_header_4 {
    padding-top: 10px;
    padding-bottom: 12px; }

  /* line 1636, theme.scss */
  .header__area-logo,
  .header__area-logo img,
  .header__area-logo svg {
    height: 32px !important;
    max-height: 32px; }

  /* line 1643, theme.scss */
  .header__show-collection-btn.button {
    height: 38px;
    min-height: 38px;
    padding: 0 14px;
    font-size: 13px; }

  /* line 1650, theme.scss */
  .header__search-form {
    max-width: none; }

  /* line 1654, theme.scss */
  .header__search-field.form-control {
    height: 38px;
    min-height: 38px;
    font-size: 13px;
    padding-left: 16px; }

  /* line 1661, theme.scss */
  .header__search-btn.button {
    height: 38px;
    min-height: 38px;
    width: 38px; }

  /* line 1667, theme.scss */
  .widget-type_system_widget_v4_header_4 .header__control-btn {
    width: 38px !important;
    height: 38px !important; }

  /* line 1672, theme.scss */
  .widget-type_system_widget_v4_header_4 .header__control-btn .icon {
    font-size: 17px !important;
    width: 18px !important;
    height: 18px !important; }

  /* line 1678, theme.scss */
  .widget-type_system_widget_v4_header_4 .header__control-btn .icon::before {
    line-height: 18px !important; }

  /* the text menu goes back into the flow on small screens */
  /* line 1683, theme.scss */
  .widget-type_system_widget_v4_header_4 .header__menu-link {
    font-size: 13px; }

  /* catalog dropdown fills the width */
  /* line 1688, theme.scss */
  .widget-type_system_widget_v4_header_4 .header__collections {
    padding: 20px 18px;
    border-radius: 18px;
    margin-top: 8px; }

  /* --- hero --- */
  /* line 1695, theme.scss */
  .sd-hero {
    min-height: 0;
    padding-bottom: 34px; }

  /* line 1700, theme.scss */
  .sd-hero__inner {
    padding: 150px 18px 0; }

  /* line 1704, theme.scss */
  .sd-hero__media {
    object-position: 65% center; }

  /* line 1708, theme.scss */
  .sd-hero__kicker {
    font-size: 11px;
    letter-spacing: .18em;
    margin-bottom: 16px; }

  /* line 1714, theme.scss */
  .sd-hero__title {
    font-size: clamp(30px, 8vw, 42px);
    margin-bottom: 18px; }

  /* line 1719, theme.scss */
  .sd-hero__lead {
    font-size: 15px;
    margin-bottom: 26px; }

  /* line 1724, theme.scss */
  .sd-hero__cta {
    gap: 10px;
    margin-bottom: 28px; }

  /* line 1729, theme.scss */
  .sd-hero__btn {
    min-height: 50px;
    padding: 0 24px;
    font-size: 14px;
    flex: 1 1 auto; }

  /* --- scenario tiles --- */
  /* line 1737, theme.scss */
  .banner-list {
    gap: 12px; }

  /* line 1741, theme.scss */
  .banner-list__item-text {
    padding: 16px 14px !important; }

  /* line 1745, theme.scss */
  .banner-list__item-title {
    font-size: 18px !important; }

  /* --- trust + review --- */
  /* line 1750, theme.scss */
  .sd-trust {
    padding: 40px 18px 48px;
    gap: 28px; }

  /* line 1755, theme.scss */
  .sd-trust__heading {
    font-size: 26px;
    max-width: none; }

  /* line 1760, theme.scss */
  .sd-review {
    padding: 26px 20px; }

  /* line 1764, theme.scss */
  .sd-review__num {
    font-size: 44px; }

  /* line 1768, theme.scss */
  .sd-review__quote {
    font-size: 18px; }

  /* --- subscribe --- */
  /* line 1773, theme.scss */
  .widget-type_NUY9 .layout__content {
    padding: 32px 20px;
    border-radius: 18px; }

  /* --- footer --- */
  /* line 1779, theme.scss */
  .sd-footer__inner {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    padding: 40px 18px 28px; }

  /* line 1785, theme.scss */
  .sd-footer__brand {
    grid-column: 1 / -1; }

  /* line 1789, theme.scss */
  .sd-footer__bottom {
    padding: 18px 18px 32px;
    flex-direction: column;
    gap: 8px; } }
@media (max-width: 560px) {
  /* line 1797, theme.scss */
  .sd-hero__cta {
    flex-direction: column;
    align-items: stretch; }

  /* line 1802, theme.scss */
  .sd-hero__meta {
    flex-direction: column;
    gap: 6px;
    font-size: 13px; }

  /* line 1808, theme.scss */
  .sd-footer__inner {
    grid-template-columns: 1fr; } }
/* mobile header fixes: the absolute top menu must fully return to the flow */
@media (max-width: 900px) {
  /* line 1815, theme.scss */
  .widget-type_system_widget_v4_header_4 .header-part-top,
  .widget-type_system_widget_v4_header_4 .header-part-top__inner {
    position: static !important;
    right: auto !important;
    top: auto !important;
    max-width: none !important;
    width: auto !important;
    height: auto !important;
    justify-content: flex-start !important;
    padding: 0 16px !important;
    margin-bottom: 6px !important; }

  /* line 1828, theme.scss */
  .widget-type_system_widget_v4_header_4 .header__menu {
    gap: 18px;
    margin: 0 !important; }

  /* line 1833, theme.scss */
  .header__area-logo,
  .header__area-logo img,
  .header__area-logo svg {
    height: 34px !important;
    max-height: 34px; }

  /* let the rows breathe instead of cramming everything on one line */
  /* line 1841, theme.scss */
  .widget-type_system_widget_v4_header_4 .header-part-main__inner {
    gap: 8px;
    flex-wrap: wrap; }

  /* line 1846, theme.scss */
  .widget-type_system_widget_v4_header_4 .header__controls,
  .widget-type_system_widget_v4_header_4 .header__control-list {
    gap: 6px; } }
/* ============================================================
   SCENARIO TILES v2 - captions rendered by the theme, air above
   (images will be replaced with clean ones without baked-in text)
   ============================================================ */
/* line 1856, theme.scss */
.widget-type_system_widget_v4_banner_list_22 {
  padding-top: 78px;
  padding-bottom: 8px; }

/* line 1861, theme.scss */
.banner-list__item {
  display: block; }

/* caption sits bottom-left over the gradient */
/* line 1866, theme.scss */
.banner-list__item::before {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 20px;
  z-index: 2;
  font-family: var(--sd-sans);
  font-size: clamp(19px, 1.7vw, 25px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.02em;
  color: #FBFAF7;
  text-align: left;
  pointer-events: none; }

/* line 1882, theme.scss */
body.sd-home .banner-list__item:nth-child(1)::before {
  content: "\0414 \043B \044F  \0434 \043E \043C \0430 "; }

/* line 1883, theme.scss */
body.sd-home .banner-list__item:nth-child(2)::before {
  content: "\0414 \043B \044F  \0441 \0435 \0431 \044F "; }

/* line 1884, theme.scss */
body.sd-home .banner-list__item:nth-child(3)::before {
  content: "\0414 \043B \044F  \043F \043E \0434 \0430 \0440 \043A \0430 "; }

/* line 1885, theme.scss */
body.sd-home .banner-list__item:nth-child(4)::before {
  content: "\0414 \043B \044F  \0441 \043D \0430  \0438  \043E \0442 \0434 \044B \0445 \0430 "; }

/* line 1886, theme.scss */
body.sd-home .banner-list__item:nth-child(5)::before {
  content: "\041F \043E \043F \0443 \043B \044F \0440 \043D \044B \0435  \0442 \043E \0432 \0430 \0440 \044B "; }

/* ============================================================
   SUBSCRIBE v2 - narrower, lower, with air above
   ============================================================ */
/* line 1891, theme.scss */
.widget-type_NUY9 {
  padding-top: 46px;
  padding-bottom: 26px; }

/* line 1896, theme.scss */
.widget-type_NUY9 .layout__content {
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 40px;
  border-radius: 20px; }

/* line 1903, theme.scss */
.widget-type_NUY9 input[type="text"],
.widget-type_NUY9 input[type="email"],
.widget-type_NUY9 .form-control {
  height: 48px;
  font-size: 14px; }

/* line 1910, theme.scss */
.widget-type_NUY9 .button,
.widget-type_NUY9 button[type="submit"] {
  height: 48px;
  padding: 0 26px;
  font-size: 14px; }

/* ============================================================
   "see the whole catalog" link injected above the tiles
   ============================================================ */
/* line 1920, theme.scss */
.sd-tiles-head {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 40px 18px;
  display: flex;
  justify-content: flex-end; }

/* line 1928, theme.scss */
.sd-tiles-head a {
  font-size: 13px;
  color: var(--color-text-dark-half-shade);
  text-decoration: none;
  border-bottom: 1px solid var(--sd-line);
  padding-bottom: 2px;
  transition: color .2s ease, border-color .2s ease; }

/* line 1937, theme.scss */
.sd-tiles-head a:hover {
  color: var(--color-accent-text);
  border-color: var(--color-accent-text); }

@media (max-width: 900px) {
  /* line 1943, theme.scss */
  .widget-type_system_widget_v4_banner_list_22 {
    padding-top: 44px; }

  /* line 1944, theme.scss */
  .banner-list__item::before {
    left: 14px;
    right: 14px;
    bottom: 14px;
    font-size: 17px; }

  /* line 1945, theme.scss */
  .widget-type_NUY9 .layout__content {
    padding: 28px 20px; }

  /* line 1946, theme.scss */
  .sd-tiles-head {
    padding: 0 18px 12px; } }
/* ============================================================
   SUBSCRIBE v3 - concept layout: wide plate, bold heading,
   submit button nested inside the translucent email field
   ============================================================ */
/* line 1953, theme.scss */
.widget-type_NUY9 .layout__content {
  max-width: 1408px;
  padding: 38px 44px;
  border-radius: 22px; }

/* line 1959, theme.scss */
.widget-type_NUY9 .fb__title {
  font-size: clamp(26px, 2.6vw, 36px) !important;
  font-weight: 600 !important;
  line-height: 1.1;
  letter-spacing: -.02em;
  margin-bottom: 10px; }

/* the row becomes the capsule; the button rides inside it */
/* line 1968, theme.scss */
.widget-type_NUY9 .fb__row {
  position: relative;
  max-width: 560px;
  width: 100%; }

/* line 1974, theme.scss */
.widget-type_NUY9 .fb__input {
  width: 100%;
  height: 58px !important;
  min-height: 58px !important;
  border-radius: 999px !important;
  padding: 0 200px 0 26px !important;
  background: rgba(251, 250, 247, 0.16) !important;
  border: 1px solid rgba(251, 250, 247, 0.45) !important;
  color: #FBFAF7 !important;
  font-size: 14px; }

/* line 1986, theme.scss */
.widget-type_NUY9 .fb__submit {
  position: absolute !important;
  top: 50% !important;
  right: 5px !important;
  transform: translateY(-50%) !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  background: #FBFAF7 !important;
  color: var(--color-accent-text) !important;
  border: 0 !important;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap; }

/* line 2004, theme.scss */
.widget-type_NUY9 .fb__submit:hover {
  background: #FFFFFF !important; }

@media (max-width: 640px) {
  /* line 2009, theme.scss */
  .widget-type_NUY9 .fb__input {
    padding-right: 26px !important;
    height: 50px !important;
    min-height: 50px !important; }

  /* line 2015, theme.scss */
  .widget-type_NUY9 .fb__submit {
    position: static !important;
    transform: none !important;
    width: 100%;
    margin-top: 10px !important;
    height: 50px !important;
    min-height: 50px !important; } }
/* the air above the tiles now lives on the link row, so the link sits
   just above the tiles instead of floating far up */
/* line 2027, theme.scss */
.widget-type_system_widget_v4_banner_list_22 {
  padding-top: 0 !important; }

/* line 2031, theme.scss */
.sd-tiles-head {
  padding-top: 74px;
  padding-bottom: 12px; }

@media (max-width: 900px) {
  /* line 2037, theme.scss */
  .sd-tiles-head {
    padding-top: 40px;
    padding-bottom: 10px; } }
/* ============================================================
   MOBILE v2 - app-like density: smaller type, 2-up cards,
   compact FAQ and a small review card
   ============================================================ */
@media (max-width: 640px) {
  /* --- hero --- */
  /* line 2050, theme.scss */
  .sd-hero__inner {
    padding: 120px 16px 0; }

  /* line 2051, theme.scss */
  .sd-hero__kicker {
    font-size: 10px;
    margin-bottom: 12px; }

  /* line 2052, theme.scss */
  .sd-hero__title {
    font-size: 26px;
    line-height: 1.1;
    margin-bottom: 12px; }

  /* line 2053, theme.scss */
  .sd-hero__lead {
    font-size: 13px;
    line-height: 1.45;
    margin-bottom: 20px;
    max-width: none; }

  /* line 2054, theme.scss */
  .sd-hero__btn {
    min-height: 44px;
    font-size: 13px;
    padding: 0 20px; }

  /* line 2055, theme.scss */
  .sd-hero {
    padding-bottom: 26px; }

  /* --- scenario tiles: two per row --- */
  /* line 2058, theme.scss */
  .banner-list.grid-list,
  .banner-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important; }

  /* line 2065, theme.scss */
  .banner-list__item {
    border-radius: 14px; }

  /* line 2066, theme.scss */
  .banner-list__item::before {
    font-size: 14px !important;
    left: 10px;
    right: 10px;
    bottom: 10px; }

  /* line 2068, theme.scss */
  .sd-tiles-head {
    padding-top: 28px;
    padding-bottom: 8px; }

  /* line 2069, theme.scss */
  .sd-tiles-head a {
    font-size: 12px; }

  /* --- trust: tight heading, small promise rows --- */
  /* line 2072, theme.scss */
  .sd-trust {
    padding: 30px 16px 34px;
    gap: 20px; }

  /* line 2073, theme.scss */
  .sd-trust__kicker {
    font-size: 10px;
    margin-bottom: 10px; }

  /* line 2074, theme.scss */
  .sd-trust__heading {
    font-size: 20px;
    margin-bottom: 16px; }

  /* line 2075, theme.scss */
  .sd-trust__item {
    font-size: 13px;
    padding: 11px 0;
    gap: 12px; }

  /* line 2076, theme.scss */
  .sd-trust__idx {
    font-size: 10px; }

  /* --- review: small card, no bar chart --- */
  /* line 2079, theme.scss */
  .sd-review {
    padding: 18px 16px;
    border-radius: 14px; }

  /* line 2080, theme.scss */
  .sd-review__top {
    gap: 12px;
    margin-bottom: 14px; }

  /* line 2081, theme.scss */
  .sd-review__num {
    font-size: 32px; }

  /* line 2082, theme.scss */
  .sd-review__stars {
    font-size: 11px;
    letter-spacing: .18em; }

  /* line 2083, theme.scss */
  .sd-review__count {
    font-size: 11px;
    margin-top: 4px; }

  /* line 2084, theme.scss */
  .sd-review__quote {
    font-size: 15px;
    line-height: 1.35;
    margin-bottom: 10px; }

  /* line 2085, theme.scss */
  .sd-review__who {
    font-size: 11px; }

  /* line 2086, theme.scss */
  .sd-review__bars {
    display: none; }

  /* line 2087, theme.scss */
  .sd-review__note {
    margin-top: 14px;
    padding-top: 12px;
    font-size: 11px; }

  /* --- facts: 2 x 2 compact tiles, no horizontal scrolling --- */
  /* line 2090, theme.scss */
  .benefit-list.grid-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    overflow: visible !important; }

  /* line 2097, theme.scss */
  .benefit-list .benefit-list__item {
    padding: 14px 12px !important;
    border-radius: 14px; }

  /* line 2102, theme.scss */
  .benefit-list .benefit-list__item::before {
    width: 28px;
    height: 28px;
    margin-bottom: 10px;
    border-radius: 9px;
    background-size: 14px 14px; }

  /* line 2110, theme.scss */
  .benefit-list .benefit-list__item-title {
    height: auto;
    font-size: 12.5px;
    line-height: 1.25;
    margin-bottom: 5px; }

  /* line 2117, theme.scss */
  .benefit-list .benefit-list__item-description {
    font-size: 11px;
    line-height: 1.4; }

  /* --- FAQ: compact rows --- */
  /* line 2123, theme.scss */
  .acc-tab {
    border-radius: 12px;
    margin-bottom: 6px; }

  /* line 2124, theme.scss */
  .acc-tab__label {
    padding: 12px 14px;
    font-size: 13px; }

  /* line 2125, theme.scss */
  .acc-tab__content {
    padding: 0 14px 14px;
    font-size: 12px;
    line-height: 1.45; }

  /* line 2127, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .layout__content::before {
    font-size: 22px !important;
    margin-bottom: 16px; }

  /* --- subscribe --- */
  /* line 2133, theme.scss */
  .widget-type_NUY9 {
    padding-top: 26px;
    padding-bottom: 16px; }

  /* line 2134, theme.scss */
  .widget-type_NUY9 .layout__content {
    padding: 22px 16px;
    border-radius: 16px; }

  /* line 2135, theme.scss */
  .widget-type_NUY9 .fb__title {
    font-size: 20px !important;
    margin-bottom: 8px; }

  /* line 2136, theme.scss */
  .widget-type_NUY9 .fb__input {
    height: 46px !important;
    min-height: 46px !important;
    font-size: 13px; }

  /* line 2137, theme.scss */
  .widget-type_NUY9 .fb__submit {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 13px; }

  /* --- section rhythm --- */
  /* line 2140, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1,
  .widget-type_system_widget_v4_benefits_2,
  .widget-type_system_widget_v4_special_products_10 {
    padding-top: 26px;
    padding-bottom: 4px; }

  /* --- footer --- */
  /* line 2148, theme.scss */
  .sd-footer__inner {
    padding: 28px 16px 20px;
    gap: 20px; }

  /* line 2149, theme.scss */
  .sd-footer__logo {
    font-size: 16px; }

  /* line 2150, theme.scss */
  .sd-footer__tagline,
  .sd-footer__hours {
    font-size: 12px; }

  /* line 2152, theme.scss */
  .sd-footer__col h5 {
    font-size: 10px;
    margin-bottom: 10px; }

  /* line 2153, theme.scss */
  .sd-footer__col a {
    font-size: 12.5px; }

  /* line 2154, theme.scss */
  .sd-footer__col ul {
    gap: 7px; }

  /* line 2155, theme.scss */
  .sd-footer__bottom {
    font-size: 10.5px;
    padding: 14px 16px 26px; } }
/* ============================================================
   MOBILE HEADER FIX
   The overlay treatment is desktop-only: on phones the theme has
   its own header layout, and floating it over the hero made the
   logo, burger and search collapse onto each other.
   ============================================================ */
@media (max-width: 900px) {
  /* line 2165, theme.scss */
  body:has(.sd-hero) .widget-type_system_widget_v4_header_4 {
    position: static !important;
    background-color: var(--bg) !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important; }

  /* line 2172, theme.scss */
  body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .layout__content,
  body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .header {
    background-color: var(--bg) !important; }

  /* top strip back to its own line above the main row */
  /* line 2178, theme.scss */
  .widget-type_system_widget_v4_header_4 .header-part-top,
  .widget-type_system_widget_v4_header_4 .header-part-top__inner {
    position: static !important;
    right: auto !important;
    width: auto !important;
    max-width: none !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 16px !important; }

  /* line 2189, theme.scss */
  .widget-type_system_widget_v4_header_4 .header-part-main__inner {
    flex-wrap: nowrap;
    gap: 8px; }

  /* hero no longer hides under a floating header */
  /* line 2195, theme.scss */
  .sd-hero__inner {
    padding-top: 26px !important; }

  /* line 2199, theme.scss */
  .sd-hero {
    min-height: 0; } }
@media (max-width: 640px) {
  /* line 2205, theme.scss */
  .sd-hero__inner {
    padding: 22px 16px 0 !important; }

  /* line 2207, theme.scss */
  .sd-hero__btn {
    min-height: 42px;
    font-size: 13px;
    padding: 0 18px; }

  /* line 2213, theme.scss */
  .sd-hero__cta {
    gap: 8px; } }
/* mobile icon sizing must match the weight of the desktop rule above */
@media (max-width: 900px) {
  /* line 2218, theme.scss */
  .widget-type_system_widget_v4_header_4 .header__control-btn,
  body:has(.sd-hero) .widget-type_system_widget_v4_header_4 .header__control-btn {
    width: 36px !important;
    height: 36px !important; }

  /* line 2224, theme.scss */
  .widget-type_system_widget_v4_header_4 .header__control-btn .icon {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important; }

  /* line 2230, theme.scss */
  .widget-type_system_widget_v4_header_4 .header__control-btn .icon::before {
    line-height: 16px !important; }

  /* line 2234, theme.scss */
  .header__area-logo,
  .header__area-logo img,
  .header__area-logo svg {
    height: 30px !important;
    max-height: 30px; }

  /* line 2241, theme.scss */
  .header__show-collection-btn.button {
    height: 36px;
    min-height: 36px;
    width: 36px;
    padding: 0; }

  /* line 2248, theme.scss */
  .header__search-field.form-control,
  .header__search-btn.button {
    height: 36px !important;
    min-height: 36px !important; }

  /* line 2254, theme.scss */
  .header__search-btn.button {
    width: 36px; } }
/* keep the 2-up grids on every narrow screen, not just phones */
@media (max-width: 900px) {
  /* line 2259, theme.scss */
  .benefit-list.grid-list {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important; }

  /* line 2264, theme.scss */
  .banner-list,
  .banner-list.grid-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important; } }
/* SD-FIX-7-1: theme sets grid-auto-flow:column + overflow:auto on the benefits
   widget below 767px, which pushes the 4 cards into implicit columns and makes
   the block scroll sideways. Cancel the flow, not just the template. */
@media (max-width: 900px) {
  /* line 2276, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .benefit-list,
  .benefit-list.grid-list,
  .benefit-list {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-template-columns: 1fr 1fr !important;
    grid-auto-columns: auto !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important; }

  /* line 2289, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .benefit-list__item,
  .benefit-list .benefit-list__item {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important; } }
/* SD-FIX-7-1b: the theme lays .banner-list out as flex with a negative
   margin-right (gap compensation). We switch it to grid, so that negative
   margin pushes the block ~48px past the viewport between 768 and 900px. */
@media (max-width: 900px) {
  /* line 2301, theme.scss */
  .widget-type_system_widget_v4_banner_list_22 .banner-list,
  .banner-list,
  .banner-list.grid-list {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important; } }
/* ============================================================
   SD-MOBILE-APP: app-like density on phones.
   Goal: hero + scenario rail + the first row of products all
   visible on one 375x812 screen, the way a shop app looks.
   ============================================================ */
@media (max-width: 640px) {
  /* --- 1. header: one compact sticky bar (was 123px, 3 rows) --- */
  /* line 2318, theme.scss */
  .header .header__content {
    display: none !important; }

  /* line 2320, theme.scss */
  .header {
    position: sticky !important;
    top: 0;
    z-index: 60;
    background: var(--sd-bg, #F5F2ED) !important;
    box-shadow: 0 1px 0 rgba(35, 33, 32, 0.06); }

  /* line 2328, theme.scss */
  .header-mobile-panel__content {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }

  /* line 2329, theme.scss */
  .header-mobile-panel__top {
    min-height: 40px !important;
    height: 40px !important; }

  /* line 2330, theme.scss */
  .header-mobile-panel__bottom {
    min-height: 38px !important;
    height: 38px !important;
    padding-top: 0 !important; }

  /* line 2332, theme.scss */
  .header-mobile-panel__logo,
  .header-mobile-panel__logo img,
  .header-mobile-panel__logo svg {
    height: 26px !important;
    max-height: 26px !important; }

  /* line 2336, theme.scss */
  .header-mobile-panel__personal .button,
  .header-mobile-panel__controls .button {
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important; }

  /* line 2339, theme.scss */
  .header__search-field.form-control,
  .header__search-btn.button {
    height: 34px !important;
    min-height: 34px !important;
    font-size: 13px !important; }

  /* --- 2. hero: shorter, header is in flow here so drop the overlay padding --- */
  /* line 2343, theme.scss */
  .sd-hero {
    min-height: 0 !important;
    height: 296px !important;
    padding-bottom: 0 !important; }

  /* line 2344, theme.scss */
  .sd-hero__media {
    height: 296px !important; }

  /* line 2345, theme.scss */
  .sd-hero__veil {
    height: 296px !important; }

  /* line 2346, theme.scss */
  .sd-hero__inner {
    padding: 0 16px 18px !important;
    height: 296px !important;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end; }

  /* line 2348, theme.scss */
  .sd-hero__kicker {
    font-size: 10px !important;
    margin-bottom: 8px !important; }

  /* line 2349, theme.scss */
  .sd-hero__title {
    font-size: 25px !important;
    line-height: 1.08 !important;
    margin-bottom: 8px !important; }

  /* line 2350, theme.scss */
  .sd-hero__lead {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    margin-bottom: 14px !important; }

  /* line 2351, theme.scss */
  .sd-hero__cta {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important; }

  /* line 2352, theme.scss */
  .sd-hero__btn {
    min-height: 40px !important;
    height: 40px !important;
    font-size: 12.5px !important;
    padding: 0 14px !important;
    flex: 1 1 0;
    white-space: nowrap; }

  /* --- 3. scenario tiles: horizontal snap rail, like a category row --- */
  /* line 2356, theme.scss */
  .widget-type_system_widget_v4_banner_list_22 {
    padding-top: 12px !important;
    padding-bottom: 4px !important; }

  /* line 2358, theme.scss */
  .widget-type_system_widget_v4_banner_list_22 .banner-list,
  .banner-list,
  .banner-list.grid-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 2px !important; }

  /* line 2375, theme.scss */
  .banner-list::-webkit-scrollbar {
    display: none; }

  /* line 2377, theme.scss */
  .banner-list__item {
    flex: 0 0 138px !important;
    width: 138px !important;
    max-width: 138px !important;
    height: 104px !important;
    min-height: 0 !important;
    scroll-snap-align: start;
    border-radius: 12px !important;
    overflow: hidden; }

  /* line 2388, theme.scss */
  .banner-list__item::before {
    font-size: 13px !important;
    left: 10px !important;
    right: 8px !important;
    bottom: 8px !important; }

  /* line 2390, theme.scss */
  .sd-tiles-head {
    padding-top: 10px !important;
    padding-bottom: 4px !important; }

  /* line 2391, theme.scss */
  .sd-tiles-head a {
    font-size: 12px !important; }

  /* --- 4. products: compact cards, third one peeking to invite a swipe --- */
  /* line 2394, theme.scss */
  .widget-type_system_widget_v4_special_products_10 {
    padding-top: 12px !important;
    padding-bottom: 4px !important; }

  /* line 2395, theme.scss */
  .special-products__head {
    height: auto !important;
    margin-bottom: 8px !important; }

  /* line 2396, theme.scss */
  .special-products__title.heading {
    font-size: 18px !important;
    line-height: 1.2 !important; }

  /* line 2398, theme.scss */
  .product-preview__area-photo {
    aspect-ratio: 3 / 4;
    height: auto !important; }

  /* line 2399, theme.scss */
  .product-preview__area-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

  /* line 2400, theme.scss */
  .product-preview__area-title {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    margin-top: 6px !important; }

  /* line 2401, theme.scss */
  .product-preview__area-bottom {
    padding-top: 4px !important; }

  /* line 2402, theme.scss */
  .product-preview__area-description {
    display: none !important; } }
/* ============================================================
   SD-TABBAR: fixed bottom navigation on phones (built by theme.js)
   ============================================================ */
/* line 2408, theme.scss */
.sd-tabbar {
  display: none; }

@media (max-width: 640px) {
  /* line 2411, theme.scss */
  .sd-tabbar {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px));
    background: rgba(251, 250, 247, 0.92);
    -webkit-backdrop-filter: saturate(180%) blur(18px);
    backdrop-filter: saturate(180%) blur(18px);
    border-top: 1px solid rgba(35, 33, 32, 0.08);
    box-shadow: 0 -6px 24px rgba(35, 33, 32, 0.06); }

  /* line 2427, theme.scss */
  .sd-tabbar__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-height: 46px;
    padding: 2px 0;
    color: #6E6862;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent; }

  /* line 2440, theme.scss */
  .sd-tabbar__item.is-active {
    color: #5F7F81; }

  /* line 2441, theme.scss */
  .sd-tabbar__item:active {
    transform: translateY(1px); }

  /* line 2443, theme.scss */
  .sd-tabbar__ico {
    position: relative;
    display: block;
    width: 23px;
    height: 23px; }

  /* line 2444, theme.scss */
  .sd-tabbar__ico svg {
    width: 100%;
    height: 100%;
    display: block; }

  /* line 2446, theme.scss */
  .sd-tabbar__badge {
    position: absolute;
    top: -5px;
    right: -7px;
    min-width: 15px;
    height: 15px;
    padding: 0 4px;
    border-radius: 999px;
    background: #5F7F81;
    color: #FBFAF7;
    font-size: 9px;
    font-weight: 600;
    line-height: 15px;
    text-align: center; }

  /* line 2462, theme.scss */
  .sd-tabbar__label {
    font-size: 9.5px;
    letter-spacing: -.01em;
    line-height: 1; }

  /* keep the footer clear of the bar */
  /* line 2465, theme.scss */
  body {
    padding-bottom: 62px !important; } }
/* ============================================================
   SD-MOBILE-APP-2: tighten the lower blocks so the page reads
   as a shop feed rather than a stack of landing sections.
   ============================================================ */
@media (max-width: 640px) {
  /* nothing should start with a 26-30px cushion on a phone */
  /* line 2475, theme.scss */
  .layout[class*="widget-type_"] {
    padding-top: 14px !important;
    padding-bottom: 6px !important; }

  /* line 2476, theme.scss */
  .layout[class*="widget-type_"] > .layout__content {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  /* --- trust + review --- */
  /* line 2479, theme.scss */
  .sd-trust {
    padding-top: 18px !important;
    padding-bottom: 18px !important; }

  /* line 2480, theme.scss */
  .sd-trust__kicker {
    margin-bottom: 6px !important; }

  /* line 2481, theme.scss */
  .sd-trust__heading {
    font-size: 19px !important;
    line-height: 1.15 !important;
    margin-bottom: 12px !important; }

  /* line 2482, theme.scss */
  .sd-trust__list li {
    margin-bottom: 8px !important;
    font-size: 13px !important;
    line-height: 1.35 !important; }

  /* line 2483, theme.scss */
  .sd-review {
    padding: 14px !important; }

  /* line 2484, theme.scss */
  .sd-review__note {
    margin-top: 10px !important;
    padding-top: 8px !important; }

  /* --- benefits: compact 2x2 --- */
  /* line 2487, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .layout__content {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  /* line 2488, theme.scss */
  .benefit-list .benefit-list__item {
    padding: 12px 10px !important; }

  /* line 2489, theme.scss */
  .benefit-list .benefit-list__item::before {
    width: 24px !important;
    height: 24px !important;
    margin-bottom: 8px !important; }

  /* line 2490, theme.scss */
  .benefit-list .benefit-list__item-title {
    font-size: 12px !important;
    margin-bottom: 4px !important; }

  /* line 2491, theme.scss */
  .benefit-list .benefit-list__item-description {
    font-size: 10.5px !important;
    line-height: 1.35 !important; }

  /* --- subscribe: was 601px tall --- */
  /* line 2494, theme.scss */
  .widget-type_NUY9 .layout__content {
    padding: 18px 14px !important; }

  /* line 2495, theme.scss */
  .widget-type_NUY9 .fb {
    padding: 0 !important; }

  /* line 2496, theme.scss */
  .widget-type_NUY9 .fb__text {
    margin-bottom: 12px !important; }

  /* line 2497, theme.scss */
  .widget-type_NUY9 .fb__title {
    font-size: 19px !important;
    margin-bottom: 6px !important; }

  /* line 2498, theme.scss */
  .widget-type_NUY9 .fb__form {
    gap: 8px !important; }

  /* line 2499, theme.scss */
  .widget-type_NUY9 .form-control,
  .widget-type_NUY9 .button {
    height: 42px !important;
    min-height: 42px !important;
    font-size: 13px !important; }

  /* --- footer: link columns two-up instead of a long stack --- */
  /* line 2503, theme.scss */
  .sd-footer__inner {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px 16px !important;
    padding: 20px 16px 14px !important; }

  /* line 2509, theme.scss */
  .sd-footer__brand {
    grid-column: 1 / -1; }

  /* line 2510, theme.scss */
  .sd-footer__col {
    font-size: 12px !important; }

  /* line 2511, theme.scss */
  .sd-footer__col a, .sd-footer__col li {
    font-size: 12px !important;
    line-height: 1.7 !important; }

  /* line 2512, theme.scss */
  .sd-footer__bottom {
    padding: 12px 16px 16px !important; }

  /* --- video block --- */
  /* line 2515, theme.scss */
  .widget-type_system_widget_v4_video_clip {
    padding-top: 8px !important;
    padding-bottom: 8px !important; } }
/* ============================================================
   SD-MOBILE-APP-3: header polish - the burger was bigger than
   the icon buttons and the header widget kept an 8px cushion.
   ============================================================ */
@media (max-width: 640px) {
  /* line 2523, theme.scss */
  .layout.widget-type_system_widget_v4_header_4 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  /* line 2525, theme.scss */
  .header-mobile-panel__bottom > .button,
  .header-mobile-panel__bottom .header__show-collection-btn.button {
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    flex: 0 0 38px !important;
    padding: 0 !important; }

  /* line 2534, theme.scss */
  .header-mobile-panel__personal .button,
  .header-mobile-panel__controls .button {
    width: 38px !important;
    height: 38px !important;
    min-height: 38px !important; } }
/* ============================================================
   SD-MOBILE-APP-4: owner's call - no header on phones at all.
   The page starts with the banner; navigation lives in the
   bottom tab bar. Scenario tiles go back to a 2-up grid.
   ============================================================ */
@media (max-width: 640px) {
  /* --- 1. drop the whole top bar --- */
  /* line 2550, theme.scss */
  .header,
  .header-mobile-panel,
  .layout.widget-type_system_widget_v4_header_4 {
    display: none !important; }

  /* --- 2. banner is the first thing on screen --- */
  /* line 2557, theme.scss */
  .sd-hero {
    margin-top: 0 !important; }

  /* --- 3. scenario tiles: 2 per row, no sideways rail --- */
  /* line 2560, theme.scss */
  .widget-type_system_widget_v4_banner_list_22 .banner-list,
  .banner-list,
  .banner-list.grid-list {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    gap: 8px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important; }

  /* line 2577, theme.scss */
  .banner-list__item {
    flex: initial !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 116px !important;
    border-radius: 12px !important;
    overflow: hidden; }

  /* line 2587, theme.scss */
  .banner-list__item::before {
    font-size: 13px !important;
    left: 10px !important;
    right: 8px !important;
    bottom: 9px !important; } }
/* ============================================================
   SD-CATALOG: collection pages - cover, filters, product cards.
   Same palette as the home page: muslin background, sage accent.
   ============================================================ */
/* line 2594, theme.scss */
.sd-cat {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 24px 56px;
  font-family: var(--sd-sans, "Inter", system-ui, sans-serif);
  color: #232120; }

/* --- breadcrumbs --- */
/* line 2603, theme.scss */
.sd-cat__crumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 18px 0 14px;
  font-size: 12px;
  color: #6E6862; }

/* line 2604, theme.scss */
.sd-cat__crumbs a {
  color: #6E6862;
  text-decoration: none; }

/* line 2605, theme.scss */
.sd-cat__crumbs a:hover {
  color: #5F7F81; }

/* line 2606, theme.scss */
.sd-cat__crumbs b {
  color: #232120;
  font-weight: 500; }

/* --- cover --- */
/* line 2609, theme.scss */
.sd-cat__cover {
  position: relative;
  min-height: 240px;
  border-radius: 22px;
  overflow: hidden;
  background: #EAE5DC center/cover no-repeat;
  display: flex;
  align-items: flex-end; }

/* line 2618, theme.scss */
.sd-cat__cover-veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(35, 33, 32, 0.62) 0%, rgba(35, 33, 32, 0.28) 46%, rgba(35, 33, 32, 0.08) 100%); }

/* line 2622, theme.scss */
.sd-cat__cover-in {
  position: relative;
  z-index: 2;
  padding: 28px 32px; }

/* line 2623, theme.scss */
.sd-cat__title {
  margin: 0 0 6px;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -.02em;
  color: #FBFAF7; }

/* line 2624, theme.scss */
.sd-cat__count {
  margin: 0;
  font-size: 13px;
  color: rgba(251, 250, 247, 0.82); }

/* --- toolbar --- */
/* line 2627, theme.scss */
.sd-cat__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 0 16px; }

/* line 2628, theme.scss */
.sd-cat__filters-btn {
  display: none;
  height: 42px;
  padding: 0 20px;
  border: 1px solid rgba(35, 33, 32, 0.14);
  border-radius: 999px;
  background: #FBFAF7;
  color: #232120;
  font: 500 13px/1 var(--sd-sans, "Inter", sans-serif);
  cursor: pointer; }

/* line 2635, theme.scss */
.sd-cat__sort {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  font-size: 13px;
  color: #6E6862; }

/* line 2636, theme.scss */
.sd-cat__select {
  height: 42px;
  padding: 0 36px 0 16px;
  border: 1px solid rgba(35, 33, 32, 0.14);
  border-radius: 999px;
  background: #FBFAF7;
  color: #232120;
  font: 400 13px/1 var(--sd-sans, "Inter", sans-serif);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23232120' stroke-width='1.6'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px; }

/* --- layout: sidebar + grid --- */
/* line 2646, theme.scss */
.sd-cat__body {
  display: grid;
  grid-template-columns: 232px 1fr;
  gap: 28px;
  align-items: start; }

/* line 2648, theme.scss */
.sd-cat__aside {
  position: sticky;
  top: 24px;
  padding: 20px;
  border-radius: 18px;
  background: rgba(251, 250, 247, 0.72);
  border: 1px solid rgba(35, 33, 32, 0.08); }

/* line 2654, theme.scss */
.sd-cat__aside-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  font-size: 15px; }

/* line 2655, theme.scss */
.sd-cat__aside-close {
  display: none;
  border: 0;
  background: none;
  font-size: 26px;
  line-height: 1;
  color: #6E6862;
  cursor: pointer; }

/* line 2657, theme.scss */
.sd-filter {
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(35, 33, 32, 0.08); }

/* line 2658, theme.scss */
.sd-filter:last-of-type {
  border-bottom: 0; }

/* line 2659, theme.scss */
.sd-filter__title {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #6E6862; }

/* line 2660, theme.scss */
.sd-filter__price {
  display: flex;
  align-items: center;
  gap: 8px; }

/* line 2661, theme.scss */
.sd-filter__dash {
  color: #6E6862; }

/* line 2662, theme.scss */
.sd-filter__num {
  width: 100%;
  min-width: 0;
  height: 38px;
  padding: 0 12px;
  border: 1px solid rgba(35, 33, 32, 0.14);
  border-radius: 999px;
  background: #FBFAF7;
  font: 400 13px/1 var(--sd-sans, "Inter", sans-serif);
  color: #232120; }

/* line 2667, theme.scss */
.sd-filter__num:focus {
  outline: none;
  border-color: #5F7F81; }

/* line 2669, theme.scss */
.sd-filter__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px; }

/* line 2670, theme.scss */
.sd-chip {
  padding: 7px 12px;
  border: 1px solid rgba(35, 33, 32, 0.14);
  border-radius: 999px;
  background: #FBFAF7;
  font-size: 12px;
  color: #232120;
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s; }

/* line 2676, theme.scss */
.sd-chip:hover {
  border-color: #5F7F81; }

/* line 2677, theme.scss */
.sd-chip.is-on {
  background: #5F7F81;
  border-color: #5F7F81;
  color: #FBFAF7; }

/* line 2679, theme.scss */
.sd-filter__actions {
  display: flex;
  gap: 8px; }

/* line 2680, theme.scss */
.sd-filter__reset {
  flex: 1;
  height: 40px;
  border: 1px solid rgba(35, 33, 32, 0.14);
  border-radius: 999px;
  background: transparent;
  color: #6E6862;
  font-size: 13px;
  cursor: pointer; }

/* line 2684, theme.scss */
.sd-filter__reset:hover {
  color: #232120;
  border-color: rgba(35, 33, 32, 0.28); }

/* line 2685, theme.scss */
.sd-filter__apply {
  display: none; }

/* --- product grid --- */
/* line 2688, theme.scss */
.sd-cat__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px 18px; }

/* line 2690, theme.scss */
.sd-card {
  position: relative;
  display: flex;
  flex-direction: column; }

/* line 2692, theme.scss */
.sd-card__media {
  position: relative;
  aspect-ratio: 3 / 4;
  border-radius: 16px;
  overflow: hidden;
  background: #EAE5DC; }

/* line 2699, theme.scss */
.sd-card__link {
  position: absolute;
  inset: 0;
  display: block; }

/* line 2700, theme.scss */
.sd-card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .35s ease, transform .6s ease; }

/* line 2701, theme.scss */
.sd-card__img_2 {
  opacity: 0; }

/* line 2702, theme.scss */
.sd-card__media:hover .sd-card__img_1 {
  opacity: 0; }

/* line 2703, theme.scss */
.sd-card__media:hover .sd-card__img_2 {
  opacity: 1;
  transform: scale(1.03); }

/* line 2705, theme.scss */
.sd-card__badges {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 6px; }

/* line 2706, theme.scss */
.sd-card__badge {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .02em;
  color: #FBFAF7; }

/* line 2707, theme.scss */
.sd-card__badge_new {
  background: #5F7F81; }

/* line 2708, theme.scss */
.sd-card__badge_hit {
  background: #C2A177; }

/* line 2710, theme.scss */
.sd-card__fav {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  width: 34px;
  height: 34px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 999px;
  background: rgba(251, 250, 247, 0.86);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #232120;
  cursor: pointer;
  transition: color .15s, background .15s; }

/* line 2720, theme.scss */
.sd-card__fav svg {
  width: 18px;
  height: 18px; }

/* line 2721, theme.scss */
.sd-card__fav:hover {
  color: #5F7F81; }

/* line 2722, theme.scss */
.sd-card__fav.is-on {
  color: #FBFAF7;
  background: #5F7F81; }

/* line 2723, theme.scss */
.sd-card__fav.is-on svg {
  fill: currentColor; }

/* line 2725, theme.scss */
.sd-card__info {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-top: 12px; }

/* line 2726, theme.scss */
.sd-card__name {
  font-size: 14px;
  line-height: 1.3;
  color: #232120;
  text-decoration: none; }

/* line 2727, theme.scss */
.sd-card__name:hover {
  color: #5F7F81; }

/* line 2728, theme.scss */
.sd-card__meta {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.35;
  color: #6E6862; }

/* line 2729, theme.scss */
.sd-card__meta:empty {
  display: none; }

/* line 2731, theme.scss */
.sd-card__bottom {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px; }

/* line 2732, theme.scss */
.sd-card__price {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.01em; }

/* line 2733, theme.scss */
.sd-card__old {
  font-size: 12px;
  color: #6E6862; }

/* line 2735, theme.scss */
.sd-card__buy {
  margin-top: 10px; }

/* line 2736, theme.scss */
.sd-card__btn {
  width: 100%;
  height: 40px;
  border: 1px solid rgba(35, 33, 32, 0.14);
  border-radius: 999px;
  background: #FBFAF7;
  color: #232120;
  font: 500 13px/1 var(--sd-sans, "Inter", sans-serif);
  cursor: pointer;
  transition: background .18s, color .18s, border-color .18s; }

/* line 2743, theme.scss */
.sd-card__btn:hover {
  background: #5F7F81;
  border-color: #5F7F81;
  color: #FBFAF7; }

/* --- empty / nothing found --- */
/* line 2746, theme.scss */
.sd-cat__none, .sd-cat__empty {
  padding: 56px 20px;
  text-align: center;
  color: #6E6862; }

/* line 2747, theme.scss */
.sd-cat__empty-title {
  margin: 0 0 8px;
  font-size: 20px;
  color: #232120; }

/* line 2748, theme.scss */
.sd-cat__empty-sub {
  margin: 0 0 20px;
  font-size: 14px; }

/* line 2749, theme.scss */
.sd-cat__empty-btn {
  display: inline-flex;
  align-items: center;
  height: 46px;
  padding: 0 26px;
  border-radius: 999px;
  background: #232120;
  color: #FBFAF7;
  font-size: 14px;
  text-decoration: none; }

/* line 2754, theme.scss */
.sd-cat__empty-btn:hover {
  background: #5F7F81; }

/* --- pagination --- */
/* line 2757, theme.scss */
.sd-cat__pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding-top: 36px; }

/* line 2758, theme.scss */
.sd-cat__page {
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(35, 33, 32, 0.14);
  border-radius: 999px;
  background: #FBFAF7;
  color: #232120;
  font-size: 13px;
  text-decoration: none; }

/* line 2764, theme.scss */
.sd-cat__page:hover {
  border-color: #5F7F81;
  color: #5F7F81; }

/* line 2765, theme.scss */
.sd-cat__page.is-current {
  background: #232120;
  border-color: #232120;
  color: #FBFAF7; }

/* --- tablet --- */
@media (max-width: 1100px) {
  /* line 2769, theme.scss */
  .sd-cat__body {
    grid-template-columns: 200px 1fr;
    gap: 20px; }

  /* line 2770, theme.scss */
  .sd-cat__grid {
    grid-template-columns: repeat(2, 1fr); }

  /* line 2771, theme.scss */
  .sd-cat__title {
    font-size: 32px; } }
/* --- phone: filters become a sheet, grid goes two-up --- */
@media (max-width: 640px) {
  /* line 2776, theme.scss */
  .sd-cat {
    padding: 0 16px 32px; }

  /* line 2777, theme.scss */
  .sd-cat__crumbs {
    padding: 12px 0 10px;
    font-size: 11px; }

  /* line 2779, theme.scss */
  .sd-cat__cover {
    min-height: 150px;
    border-radius: 16px; }

  /* line 2780, theme.scss */
  .sd-cat__cover-in {
    padding: 16px 18px; }

  /* line 2781, theme.scss */
  .sd-cat__title {
    font-size: 24px; }

  /* line 2782, theme.scss */
  .sd-cat__count {
    font-size: 12px; }

  /* line 2784, theme.scss */
  .sd-cat__bar {
    padding: 14px 0 12px;
    gap: 10px; }

  /* line 2785, theme.scss */
  .sd-cat__filters-btn {
    display: inline-flex;
    align-items: center;
    height: 38px;
    padding: 0 16px;
    font-size: 12.5px; }

  /* line 2786, theme.scss */
  .sd-cat__sort {
    gap: 6px;
    font-size: 12px; }

  /* line 2787, theme.scss */
  .sd-cat__sort label {
    display: none; }

  /* line 2788, theme.scss */
  .sd-cat__select {
    height: 38px;
    font-size: 12.5px;
    padding: 0 32px 0 14px; }

  /* line 2790, theme.scss */
  .sd-cat__body {
    display: block; }

  /* line 2792, theme.scss */
  .sd-cat__aside {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    z-index: 300;
    max-height: 78vh;
    overflow-y: auto;
    padding: 18px 16px calc(18px + env(safe-area-inset-bottom, 0px));
    border-radius: 20px 20px 0 0;
    background: #FBFAF7;
    box-shadow: 0 -12px 40px rgba(35, 33, 32, 0.18);
    transform: translateY(101%);
    transition: transform .28s ease; }

  /* line 2803, theme.scss */
  .sd-cat__aside.is-open {
    transform: translateY(0); }

  /* line 2804, theme.scss */
  .sd-cat__aside-close {
    display: block; }

  /* line 2805, theme.scss */
  .sd-filter__apply {
    display: block;
    flex: 1;
    height: 44px;
    border: 0;
    border-radius: 999px;
    background: #232120;
    color: #FBFAF7;
    font: 500 14px/1 var(--sd-sans, "Inter", sans-serif);
    cursor: pointer; }

  /* line 2811, theme.scss */
  .sd-cat__grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px 10px; }

  /* line 2812, theme.scss */
  .sd-card__media {
    border-radius: 12px; }

  /* line 2813, theme.scss */
  .sd-card__name {
    font-size: 12.5px; }

  /* line 2814, theme.scss */
  .sd-card__meta {
    font-size: 11px; }

  /* line 2815, theme.scss */
  .sd-card__price {
    font-size: 14px; }

  /* line 2816, theme.scss */
  .sd-card__btn {
    height: 36px;
    font-size: 12px; }

  /* line 2817, theme.scss */
  .sd-card__fav {
    width: 30px;
    height: 30px; }

  /* line 2818, theme.scss */
  .sd-card__fav svg {
    width: 16px;
    height: 16px; } }
/* backdrop behind the mobile filter sheet */
/* line 2822, theme.scss */
.sd-cat-backdrop {
  position: fixed;
  inset: 0;
  z-index: 299;
  background: rgba(35, 33, 32, 0.42);
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s; }

/* line 2823, theme.scss */
.sd-cat-backdrop.is-on {
  opacity: 1;
  pointer-events: auto; }

/* ============================================================
   SD-CATALOG-FIX: air under the header on inner pages, and the
   duplicated category sidebar widget.
   ============================================================ */
/* main and the category sidebar are SIBLING grid columns, so both need
   the breathing room under the header - padding on main alone left the
   sidebar glued to it. */
/* line 2832, theme.scss */
body.sd-inner .page_layout > main,
body.sd-inner .page_layout > aside {
  padding-top: 56px; }

/* the theme renders the category sidebar widget twice - keep the first */
/* line 2836, theme.scss */
.widget-type_system_widget_v4_sidebar_collections_menu_1.sd-dup {
  display: none !important; }

@media (max-width: 640px) {
  /* line 2839, theme.scss */
  body.sd-inner .page_layout > main,
  body.sd-inner .page_layout > aside {
    padding-top: 14px; } }
/* ============================================================
   SD-TILE-LABELS: captions written by theme.js from the real
   category each tile links to, so they always match the section.
   ============================================================ */
/* line 2847, theme.scss */
.sd-tile-label {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 20px;
  z-index: 2;
  font-family: var(--sd-sans, "Inter", system-ui, sans-serif);
  font-size: clamp(19px, 1.7vw, 25px);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.02em;
  color: #FBFAF7;
  text-align: left;
  pointer-events: none;
  text-shadow: 0 1px 12px rgba(35, 33, 32, 0.45); }

@media (max-width: 900px) {
  /* line 2865, theme.scss */
  .sd-tile-label {
    left: 14px;
    right: 14px;
    bottom: 14px;
    font-size: 17px; } }
@media (max-width: 640px) {
  /* line 2869, theme.scss */
  .sd-tile-label {
    left: 10px;
    right: 8px;
    bottom: 9px;
    font-size: 13px; } }
/* ============================================================
   SD-INNER-HEADER: on the home page the header starts 72px from
   the top; inner pages had 56px, so it sat too close to the
   browser chrome. Match the home page exactly.
   ============================================================ */
/* line 2877, theme.scss */
body.sd-inner .header {
  margin-top: 16px; }

@media (max-width: 640px) {
  /* line 2880, theme.scss */
  body.sd-inner .header {
    margin-top: 0; } }
/* ============================================================
   SD-RAIL: on parent category pages the banner tiles become a
   compact filter rail - small rounded image with the name under
   it - and the products of all subcategories sit below.
   ============================================================ */
/* line 2888, theme.scss */
.banner-list.sd-rail {
  display: flex !important;
  flex-wrap: nowrap !important;
  grid-template-columns: none !important;
  overflow-x: auto;
  overflow-y: hidden;
  gap: 18px !important;
  margin: 0 !important;
  padding: 4px 0 10px !important;
  scrollbar-width: none;
  scroll-snap-type: x proximity; }

/* line 2901, theme.scss */
.banner-list.sd-rail::-webkit-scrollbar {
  display: none; }

/* line 2903, theme.scss */
.banner-list.sd-rail .banner-list__item {
  flex: 0 0 118px !important;
  width: 118px !important;
  max-width: 118px !important;
  height: auto !important;
  min-height: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
  scroll-snap-align: start;
  cursor: pointer;
  opacity: .999;
  transition: transform .18s ease; }

/* line 2918, theme.scss */
.banner-list.sd-rail .banner-list__item:hover {
  transform: translateY(-2px); }

/* the tile image becomes a small rounded thumbnail */
/* line 2921, theme.scss */
.banner-list.sd-rail .banner-list__item-photo,
.banner-list.sd-rail .banner-list__item img {
  position: static !important;
  width: 118px !important;
  height: 96px !important;
  object-fit: cover;
  border-radius: 16px;
  background: #EAE5DC; }

/* no dark gradient over a thumbnail */
/* line 2932, theme.scss */
.banner-list.sd-rail .banner-list__item::after {
  display: none !important; }

/* caption sits under the image, in text colour */
/* line 2935, theme.scss */
.banner-list.sd-rail .sd-tile-label {
  position: static !important;
  display: block;
  margin-top: 8px;
  color: #232120 !important;
  font-size: 13px !important;
  line-height: 1.25;
  font-weight: 500;
  text-align: center;
  text-shadow: none !important; }

/* line 2947, theme.scss */
.banner-list.sd-rail .banner-list__item.is-on img {
  outline: 2px solid #5F7F81;
  outline-offset: 2px; }

/* line 2948, theme.scss */
.banner-list.sd-rail .banner-list__item.is-on .sd-tile-label {
  color: #5F7F81 !important; }

/* --- merged product grid under the rail --- */
/* line 2951, theme.scss */
.sd-subcat {
  max-width: 1408px;
  margin: 0 auto;
  padding: 8px 24px 56px;
  font-family: var(--sd-sans, "Inter", system-ui, sans-serif); }

/* line 2958, theme.scss */
.sd-subcat__bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 0 18px; }

/* line 2959, theme.scss */
.sd-subcat__count {
  font-size: 13px;
  color: #6E6862; }

/* line 2960, theme.scss */
.sd-subcat__note {
  padding: 40px 0;
  text-align: center;
  font-size: 14px;
  color: #6E6862; }

/* line 2962, theme.scss */
.sd-subcat__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px 18px; }

@media (max-width: 1100px) {
  /* line 2969, theme.scss */
  .sd-subcat__grid {
    grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) {
  /* line 2973, theme.scss */
  .sd-subcat {
    padding: 4px 16px 28px; }

  /* line 2974, theme.scss */
  .sd-subcat__grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px 10px; }

  /* line 2976, theme.scss */
  .banner-list.sd-rail {
    gap: 12px !important; }

  /* line 2977, theme.scss */
  .banner-list.sd-rail .banner-list__item,
  .banner-list.sd-rail .banner-list__item-photo,
  .banner-list.sd-rail .banner-list__item img {
    width: 88px !important;
    max-width: 88px !important;
    flex-basis: 88px !important; }

  /* line 2980, theme.scss */
  .banner-list.sd-rail .banner-list__item img {
    height: 72px !important;
    border-radius: 13px; }

  /* line 2981, theme.scss */
  .banner-list.sd-rail .sd-tile-label {
    font-size: 11.5px !important;
    margin-top: 6px; } }
/* SD-RAIL-FIX: the theme sizes tile photos with .img-ratio (padding-top
   trick), which kept them tall. Pin the thumbnail size explicitly. */
/* line 2986, theme.scss */
.banner-list.sd-rail .banner-list__item {
  flex: 0 0 118px !important;
  width: 118px !important;
  max-width: 118px !important; }

/* line 2992, theme.scss */
.banner-list.sd-rail .banner-list__item-photo,
.banner-list.sd-rail .img-ratio {
  width: 118px !important;
  height: 96px !important;
  min-height: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  border-radius: 16px;
  overflow: hidden; }

/* line 3003, theme.scss */
.banner-list.sd-rail .banner-list__item-photo img {
  width: 118px !important;
  height: 96px !important;
  object-fit: cover; }

@media (max-width: 640px) {
  /* line 3010, theme.scss */
  .banner-list.sd-rail .banner-list__item,
  .banner-list.sd-rail .banner-list__item-photo,
  .banner-list.sd-rail .img-ratio,
  .banner-list.sd-rail .banner-list__item-photo img {
    width: 88px !important;
    max-width: 88px !important;
    flex-basis: 88px !important; }

  /* line 3018, theme.scss */
  .banner-list.sd-rail .banner-list__item-photo,
  .banner-list.sd-rail .img-ratio,
  .banner-list.sd-rail .banner-list__item-photo img {
    height: 72px !important; } }
/* ============================================================
   SD-RAIL-FIT: no sideways scrolling - every subcategory tile
   fits the screen in one row (or two on a phone), equal width.
   ============================================================ */
/* line 3027, theme.scss */
.banner-list.sd-rail {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center;
  overflow: visible !important;
  gap: 14px 12px !important; }

/* line 3035, theme.scss */
.banner-list.sd-rail .banner-list__item {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 150px !important; }

/* line 3042, theme.scss */
.banner-list.sd-rail .banner-list__item-photo,
.banner-list.sd-rail .img-ratio,
.banner-list.sd-rail .banner-list__item-photo img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 5 / 4 !important;
  min-height: 0 !important;
  padding: 0 !important; }

/* line 3052, theme.scss */
.banner-list.sd-rail .banner-list__item-photo img {
  object-fit: cover; }

/* phone: five per row, so nine subcategories take exactly two rows */
@media (max-width: 640px) {
  /* line 3056, theme.scss */
  .banner-list.sd-rail {
    gap: 10px 6px !important;
    justify-content: flex-start; }

  /* line 3058, theme.scss */
  .banner-list.sd-rail .banner-list__item {
    flex: 0 0 calc(20% - 5px) !important;
    max-width: calc(20% - 5px) !important; }

  /* line 3063, theme.scss */
  .banner-list.sd-rail .banner-list__item-photo,
  .banner-list.sd-rail .img-ratio,
  .banner-list.sd-rail .banner-list__item-photo img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 12px; }

  /* line 3071, theme.scss */
  .banner-list.sd-rail .sd-tile-label {
    font-size: 10.5px !important;
    margin-top: 5px;
    line-height: 1.2; } }
/* tablet: seven per row */
@media (min-width: 641px) and (max-width: 1024px) {
  /* line 3076, theme.scss */
  .banner-list.sd-rail .banner-list__item {
    flex: 0 0 calc(14.28% - 11px) !important;
    max-width: calc(14.28% - 11px) !important; } }
/* SD-RAIL-FIT-2: on phones flex-wrap kept landing four per row, which made
   nine subcategories take three rows. A fixed five-column grid keeps it to
   two rows exactly. */
@media (max-width: 640px) {
  /* line 3086, theme.scss */
  .banner-list.sd-rail {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 10px 6px !important; }

  /* line 3092, theme.scss */
  .banner-list.sd-rail .banner-list__item {
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important; } }
/* five per row even on the narrowest phones - nine subcategories then take
   exactly two rows, which is what the owner asked for */
@media (max-width: 380px) {
  /* line 3102, theme.scss */
  .banner-list.sd-rail {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 8px 4px !important; }

  /* line 3103, theme.scss */
  .banner-list.sd-rail .sd-tile-label {
    font-size: 9.5px !important; } }
/* SD-RAIL-CENTER: the phone block above pinned the thumbnail to 88px while
   the grid cell is wider, so images sat left of their centred captions.
   Make the thumbnail fill its cell and centre everything in the tile. */
/* line 3109, theme.scss */
.banner-list.sd-rail .banner-list__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center; }

/* line 3116, theme.scss */
.banner-list.sd-rail .banner-list__item-photo,
.banner-list.sd-rail .img-ratio,
.banner-list.sd-rail .banner-list__item-photo img,
.banner-list.sd-rail .banner-list__item img {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important; }

/* line 3125, theme.scss */
.banner-list.sd-rail .sd-tile-label {
  width: 100%; }

/* ============================================================
   SD-MINIHEAD: the phone layout hides the header, so put a small
   logo bar on top that takes the visitor back to the home page.
   ============================================================ */
/* line 3131, theme.scss */
.sd-minihead {
  display: none; }

@media (max-width: 640px) {
  /* line 3134, theme.scss */
  .sd-minihead {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    position: sticky;
    top: 0;
    z-index: 150;
    background: #F5F2ED;
    border-bottom: 1px solid rgba(35, 33, 32, 0.07);
    text-decoration: none; }

  /* line 3147, theme.scss */
  .sd-minihead img,
  .sd-minihead svg {
    height: 26px;
    width: auto;
    display: block; }

  /* line 3150, theme.scss */
  .sd-minihead__text {
    font-family: var(--sd-sans, "Inter", system-ui, sans-serif);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .1em;
    color: #232120; } }
/* SD-HERO-LOGO: on phones the header is hidden, so the wordmark sits inside
   the banner, right above the "Novaya kollekciya" line. */
/* line 3161, theme.scss */
.sd-hero__logo {
  display: none; }

@media (max-width: 640px) {
  /* line 3164, theme.scss */
  .sd-hero__logo {
    display: block;
    margin-bottom: 14px;
    text-decoration: none; }

  /* line 3170, theme.scss */
  .sd-hero__logo img {
    height: 30px;
    width: auto;
    display: block;
    filter: brightness(0) invert(1);
    opacity: .95; }

  /* line 3178, theme.scss */
  .sd-hero__logo .sd-minihead__text {
    color: #FBFAF7;
    font-size: 16px;
    letter-spacing: .12em; } }
/* SD-HOME-TILES-SQUARE: on phones the four scenario tiles were wide and
   short; make them square so the photo gets more area. */
@media (max-width: 640px) {
  /* line 3188, theme.scss */
  body.sd-home .banner-list__item {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important; }

  /* line 3194, theme.scss */
  body.sd-home .banner-list__item-photo,
  body.sd-home .img-ratio,
  body.sd-home .banner-list__item img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    object-fit: cover; } }
/* ============================================================
   SD-TRUST-MOBILE: keep the desktop two-column shape on phones -
   promises on the left, review card on the right - with small but
   readable type, so the block stays short.
   ============================================================ */
@media (max-width: 640px) {
  /* line 3211, theme.scss */
  .sd-trust {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    align-items: start;
    padding: 16px !important; }

  /* line 3219, theme.scss */
  .sd-trust__left {
    min-width: 0; }

  /* line 3221, theme.scss */
  .sd-trust__kicker {
    font-size: 9px !important;
    margin-bottom: 5px !important;
    letter-spacing: .1em; }

  /* line 3222, theme.scss */
  .sd-trust__heading {
    font-size: 15px !important;
    line-height: 1.15 !important;
    margin-bottom: 9px !important; }

  /* line 3224, theme.scss */
  .sd-trust__list {
    margin: 0 !important;
    padding: 0 !important; }

  /* line 3225, theme.scss */
  .sd-trust__list li {
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    margin-bottom: 7px !important;
    padding-left: 16px !important; }

  /* line 3231, theme.scss */
  .sd-trust__list li::before {
    font-size: 9px !important; }

  /* line 3233, theme.scss */
  .sd-review {
    min-width: 0;
    padding: 11px !important;
    border-radius: 14px; }

  /* line 3238, theme.scss */
  .sd-review__top {
    gap: 7px !important;
    margin-bottom: 8px !important; }

  /* line 3239, theme.scss */
  .sd-review__num {
    font-size: 22px !important; }

  /* line 3240, theme.scss */
  .sd-review__stars {
    font-size: 8.5px !important;
    letter-spacing: .12em; }

  /* line 3241, theme.scss */
  .sd-review__count {
    font-size: 8.5px !important;
    margin-top: 2px !important; }

  /* line 3242, theme.scss */
  .sd-review__quote {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    margin-bottom: 7px !important; }

  /* line 3243, theme.scss */
  .sd-review__who {
    font-size: 9px !important; }

  /* line 3244, theme.scss */
  .sd-review__note {
    margin-top: 8px !important;
    padding-top: 7px !important;
    font-size: 8.5px !important;
    line-height: 1.3; } }
/* ============================================================
   SD-MOBILE-FIXES-2 (08.09.2026, –њ–Њ –Ј–∞–Љ–µ—З–∞–љ–Є—П–Љ –≤–ї–∞–і–µ–ї—М—Ж–∞)
   1. –ї–Њ–≥–Њ—В–Є–њ –≤ –±–∞–љ–љ–µ—А–µ вАФ –≤ –Њ—А–Є–≥–Є–љ–∞–ї—М–љ–Њ–Љ —Ж–≤–µ—В–µ, –љ–µ –±–µ–ї—Л–є
   2. –њ–ї–Є—В–Ї–Є —Б—Ж–µ–љ–∞—А–Є–µ–≤ 3:4 –Є –Љ–µ–ї—М—З–µ, –Ї–∞–і—А —Б–Љ–µ—Й—С–љ –Ї –≤–µ—А—Е—Г —Д–Њ—В–Њ
   3. –±–ї–Њ–Ї –і–Њ–≤–µ—А–Є—П: —Б–њ–Є—Б–Њ–Ї –њ–Њ –ї–µ–≤–Њ–Љ—Г –Ї—А–∞—О, –њ–ї–Њ—В–љ–µ–µ, –Њ—В–Ј—Л–≤ –Ї–Њ–Љ–њ–∞–Ї—В–љ–µ–µ
   ============================================================ */
@media (max-width: 640px) {
  /* --- 1. logo keeps its own colours --- */
  /* line 3256, theme.scss */
  .sd-hero__logo img {
    filter: none !important;
    opacity: 1 !important;
    height: 34px !important; }

  /* --- 2. scenario tiles: 3:4, smaller, framed from the top so faces
         stay in shot instead of knees --- */
  /* line 3264, theme.scss */
  .banner-list.grid-list,
  body.sd-home .banner-list {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 0 22px !important; }

  /* line 3271, theme.scss */
  body.sd-home .banner-list__item {
    aspect-ratio: 3 / 4 !important;
    height: auto !important;
    border-radius: 14px !important; }

  /* line 3277, theme.scss */
  body.sd-home .banner-list__item-photo,
  body.sd-home .img-ratio,
  body.sd-home .banner-list__item img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    object-fit: cover;
    object-position: center 22% !important; }

  /* --- 3. trust block --- */
  /* line 3289, theme.scss */
  .sd-trust {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
    padding: 16px 18px !important; }

  /* line 3295, theme.scss */
  .sd-trust__left {
    text-align: left !important; }

  /* line 3297, theme.scss */
  .sd-trust__list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important; }

  /* line 3303, theme.scss */
  .sd-trust__list li {
    margin: 0 0 6px !important;
    padding-left: 15px !important;
    text-align: left !important;
    font-size: 10.5px !important;
    line-height: 1.28 !important;
    position: relative; }

  /* line 3312, theme.scss */
  .sd-trust__list li::before {
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    font-size: 9px !important;
    line-height: 1.35 !important; }

  /* review: rating on one line, short quote, no extra rails */
  /* line 3321, theme.scss */
  .sd-review {
    padding: 12px !important;
    border-radius: 14px;
    align-self: start; }

  /* line 3322, theme.scss */
  .sd-review__top {
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 8px !important; }

  /* line 3323, theme.scss */
  .sd-review__num {
    font-size: 24px !important;
    line-height: 1 !important; }

  /* line 3324, theme.scss */
  .sd-review__stars {
    font-size: 9px !important; }

  /* line 3325, theme.scss */
  .sd-review__count {
    font-size: 8.5px !important; }

  /* line 3326, theme.scss */
  .sd-review__quote {
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    margin-bottom: 6px !important; }

  /* line 3327, theme.scss */
  .sd-review__who {
    font-size: 9px !important; }

  /* line 3328, theme.scss */
  .sd-review__note {
    display: none !important; } }
/* ============================================================
   SD-APP-LOOK (08.09.2026): phone-only app feel
   1. hero banner becomes a rounded card with thin margins
   2. trust block: promises as glass chips in a horizontal rail
      that fade in one by one; review moved below, full width
   ============================================================ */
@media (max-width: 640px) {
  /* --- 1. hero as a card --- */
  /* line 3340, theme.scss */
  .sd-hero {
    margin: 10px 10px 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    height: 300px !important; }

  /* line 3347, theme.scss */
  .sd-hero__media,
  .sd-hero__veil {
    height: 300px !important;
    border-radius: 18px; }

  /* line 3349, theme.scss */
  .sd-hero__inner {
    height: 300px !important;
    padding: 0 16px 16px !important; }

  /* scenario tiles keep the same side rhythm as the hero card */
  /* line 3352, theme.scss */
  body.sd-home .banner-list {
    padding: 0 10px !important;
    gap: 8px !important; }

  /* --- 2. trust block --- */
  /* line 3355, theme.scss */
  .sd-trust {
    display: block !important;
    padding: 20px 0 18px !important; }

  /* line 3360, theme.scss */
  .sd-trust__left {
    padding: 0 16px; }

  /* line 3361, theme.scss */
  .sd-trust__kicker {
    font-size: 9.5px !important;
    margin-bottom: 6px !important; }

  /* line 3362, theme.scss */
  .sd-trust__heading {
    font-size: 19px !important;
    line-height: 1.15 !important;
    margin-bottom: 14px !important; }

  /* promises: glass chips in a snap rail */
  /* line 3365, theme.scss */
  .sd-trust__list {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 4px 16px 6px !important;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    list-style: none !important; }

  /* line 3377, theme.scss */
  .sd-trust__list::-webkit-scrollbar {
    display: none; }

  /* line 3379, theme.scss */
  .sd-trust__list li {
    flex: 0 0 156px !important;
    width: 156px !important;
    margin: 0 !important;
    padding: 14px 13px 13px !important;
    scroll-snap-align: start;
    border-radius: 16px;
    background: rgba(251, 250, 247, 0.55);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, 0.65);
    box-shadow: 0 8px 22px rgba(35, 33, 32, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    color: #232120;
    text-align: left !important;
    /* fade in one by one - .is-in is added by theme.js */
    opacity: 0;
    transform: translateY(14px) scale(0.985);
    transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.2, 0.7, 0.3, 1); }

  /* line 3404, theme.scss */
  .sd-trust__list li.is-in {
    opacity: 1;
    transform: none; }

  /* the number becomes a sage badge above the text */
  /* line 3407, theme.scss */
  .sd-trust__list li::before {
    position: static !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-bottom: 9px;
    border-radius: 999px;
    background: #5F7F81;
    color: #FBFAF7;
    font-size: 11px !important;
    font-weight: 600;
    line-height: 1 !important; }

  /* --- review: thin full-width strip under the promises --- */
  /* line 3424, theme.scss */
  .sd-review {
    display: flex !important;
    align-items: center;
    gap: 12px !important;
    margin: 14px 16px 0 !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    background: rgba(251, 250, 247, 0.72);
    border: 1px solid rgba(35, 33, 32, 0.07); }

  /* line 3435, theme.scss */
  .sd-review__top {
    flex: 0 0 auto !important;
    display: block !important;
    margin: 0 !important;
    padding-right: 12px;
    border-right: 1px solid rgba(35, 33, 32, 0.1);
    text-align: center; }

  /* line 3444, theme.scss */
  .sd-review__num {
    font-size: 22px !important;
    line-height: 1 !important; }

  /* line 3445, theme.scss */
  .sd-review__stars {
    font-size: 8.5px !important;
    letter-spacing: .1em; }

  /* line 3446, theme.scss */
  .sd-review__count {
    display: none !important; }

  /* line 3448, theme.scss */
  .sd-review__quote {
    flex: 1 1 auto;
    margin: 0 !important;
    font-size: 10.5px !important;
    line-height: 1.35 !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }

  /* line 3459, theme.scss */
  .sd-review__who,
  .sd-review__note,
  .sd-review__bars {
    display: none !important; } }
/* ============================================================
   SD-WIDGET-CARDS: bring the stock product widget on phones to the
   same look as our catalog cards (3:4 photo, rounded, pill button).
   ============================================================ */
@media (max-width: 640px) {
  /* line 3469, theme.scss */
  .special-products__head {
    padding: 0 16px !important;
    margin-bottom: 10px !important; }

  /* line 3470, theme.scss */
  .special-products__title.heading {
    font-size: 18px !important;
    line-height: 1.2 !important; }

  /* line 3472, theme.scss */
  .widget-type_system_widget_v4_special_products_10 .splide__slide {
    padding: 0 4px; }

  /* line 3474, theme.scss */
  .product-preview__area-photo {
    aspect-ratio: 3 / 4 !important;
    height: auto !important;
    border-radius: 14px;
    overflow: hidden;
    background: #EAE5DC; }

  /* line 3482, theme.scss */
  .product-preview__area-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

  /* line 3488, theme.scss */
  .product-preview__area-title {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    margin-top: 8px !important; }

  /* line 3494, theme.scss */
  .product-preview__area-description {
    display: none !important; }

  /* line 3496, theme.scss */
  .product-preview__area-bottom {
    padding-top: 6px !important; }

  /* line 3498, theme.scss */
  .product-preview .price,
  .product-preview__price {
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -.01em; }

  /* buy button as a pill, like our catalog cards */
  /* line 3506, theme.scss */
  .product-preview .button_buy,
  .product-preview .btn-buy,
  .product-preview button[type="submit"] {
    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    border-radius: 999px !important;
    background: #FBFAF7 !important;
    border: 1px solid rgba(35, 33, 32, 0.14) !important;
    color: #232120 !important;
    font-size: 12px !important; }

  /* the round icon buttons the theme puts on cards are noise on a phone */
  /* line 3520, theme.scss */
  .product-preview .button_size-s.favorites_btn {
    width: 30px !important;
    height: 30px !important; }

  /* line 3521, theme.scss */
  .product-preview .button__icon.icon-eye {
    display: none !important; } }
/* ============================================================
   SD-WIDGET-CARDS-2: fix and finish the product widget cards.
   The photo box had auto height, so `height:100%` on the image
   collapsed to zero and only the beige placeholder was visible.
   Pin the image inside a ratio box instead.
   ============================================================ */
@media (max-width: 640px) {
  /* line 3531, theme.scss */
  .product-preview__area-photo {
    position: relative !important;
    display: block !important;
    aspect-ratio: 3 / 4 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 14px;
    overflow: hidden;
    background: #EAE5DC; }

  /* line 3543, theme.scss */
  .product-preview__area-photo a,
  .product-preview__area-photo picture,
  .product-preview__area-photo .img-ratio {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important; }

  /* line 3554, theme.scss */
  .product-preview__area-photo img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    margin: 0 !important; }

  /* card body in the catalog style */
  /* line 3564, theme.scss */
  .product-preview,
  .product-preview__content {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important; }

  /* line 3567, theme.scss */
  .product-preview__area-title {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    margin-top: 8px !important;
    color: #232120; }

  /* line 3574, theme.scss */
  .product-preview__area-bottom {
    padding-top: 4px !important; }

  /* stickers and the compare/quick-view chrome are noise on a phone */
  /* line 3577, theme.scss */
  .product-preview .stickers {
    top: 8px !important;
    left: 8px !important; }

  /* line 3578, theme.scss */
  .product-preview .button__icon.icon-eye,
  .product-preview .compare_btn {
    display: none !important; }

  /* line 3581, theme.scss */
  .product-preview .favorites_btn {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 3;
    width: 30px !important;
    height: 30px !important;
    border-radius: 999px !important;
    background: rgba(251, 250, 247, 0.88) !important; } }
/* SD-WIDGET-CARDS-3: the theme wraps the image in .product-preview__photo,
   which stayed 0px tall and swallowed the ratio box inside it. */
@media (max-width: 640px) {
  /* line 3596, theme.scss */
  .product-preview__area-photo .product-preview__photo {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important; }

  /* line 3604, theme.scss */
  .product-preview__area-photo .img-ratio,
  .product-preview__area-photo .img-fit {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    aspect-ratio: auto !important; } }
/* ============================================================
   SD-REVIEWS + SD-BUY: swipeable review slider and the sage
   add-to-cart button sitting on the product photo.
   ============================================================ */
/* line 3619, theme.scss */
.sd-revs {
  position: relative; }

/* line 3621, theme.scss */
.sd-revs__track {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch; }

/* line 3629, theme.scss */
.sd-revs__track::-webkit-scrollbar {
  display: none; }

/* line 3631, theme.scss */
.sd-rev {
  flex: 0 0 100%;
  width: 100%;
  scroll-snap-align: start;
  padding: 2px; }

/* line 3638, theme.scss */
.sd-rev__head {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 8px; }

/* line 3640, theme.scss */
.sd-rev__ava {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #EAE5DC;
  color: #B8B0A4;
  overflow: hidden; }

/* line 3652, theme.scss */
.sd-rev__ava svg {
  width: 26px;
  height: 26px;
  display: block; }

/* line 3654, theme.scss */
.sd-rev__who {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column; }

/* line 3655, theme.scss */
.sd-rev__who b {
  font-size: 13px;
  font-weight: 600;
  color: #232120; }

/* line 3656, theme.scss */
.sd-rev__bought {
  font-size: 10.5px;
  color: #6E6862;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* line 3658, theme.scss */
.sd-rev__stars {
  flex: 0 0 auto;
  color: #C2A177;
  font-size: 11px;
  letter-spacing: .06em; }

/* line 3660, theme.scss */
.sd-rev__text {
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  color: #232120; }

/* line 3662, theme.scss */
.sd-revs__dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  padding-top: 10px; }

/* line 3663, theme.scss */
.sd-revs__dot {
  width: 6px;
  height: 6px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(35, 33, 32, 0.18);
  cursor: pointer; }

/* line 3669, theme.scss */
.sd-revs__dot.is-on {
  background: #5F7F81;
  width: 16px; }

/* --- add-to-cart button over the photo --- */
/* line 3672, theme.scss */
.product-preview__area-photo .sd-buy {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  z-index: 4;
  width: 40px !important;
  height: 40px !important;
  min-height: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 13px !important;
  background: #5F7F81 !important;
  color: #FBFAF7 !important;
  box-shadow: 0 6px 16px rgba(35, 33, 32, 0.18);
  font-size: 0 !important; }

/* line 3692, theme.scss */
.product-preview__area-photo .sd-buy svg {
  width: 20px;
  height: 20px; }

/* line 3693, theme.scss */
.product-preview__area-photo .sd-buy:active {
  transform: translateY(1px); }

@media (max-width: 640px) {
  /* line 3696, theme.scss */
  .sd-review {
    display: block !important;
    padding: 14px !important; }

  /* line 3697, theme.scss */
  .sd-rev__text {
    font-size: 11.5px !important; }

  /* line 3698, theme.scss */
  .product-preview__area-photo .sd-buy {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important; }

  /* line 3699, theme.scss */
  .product-preview__area-photo .sd-buy svg {
    width: 18px;
    height: 18px; } }
/* ============================================================
   SD-APP-LOOK-2 (08.09.2026)
   1. hero: full-height vertical shot, photo actually visible вАФ
      only a bottom scrim for the text, bigger logo
   2. trust block on a sage panel with white type, so it stops
      blending into the page
   ============================================================ */
@media (max-width: 640px) {
  /* --- 1. hero --- */
  /* line 3712, theme.scss */
  .sd-hero {
    height: 78vh !important;
    min-height: 460px !important;
    max-height: 720px !important;
    margin: 8px 8px 0 !important;
    border-radius: 20px !important; }

  /* line 3720, theme.scss */
  .sd-hero__media {
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 38% !important; }

  /* the old side veil hid the photo - use a soft bottom scrim instead */
  /* line 3727, theme.scss */
  .sd-hero__veil {
    height: 100% !important;
    background: linear-gradient(to top, rgba(35, 33, 32, 0.74) 0%, rgba(35, 33, 32, 0.42) 26%, rgba(35, 33, 32, 0.12) 48%, rgba(35, 33, 32, 0) 68%) !important; }

  /* line 3738, theme.scss */
  .sd-hero__inner {
    height: 100% !important;
    padding: 0 20px 26px !important;
    justify-content: flex-end !important; }

  /* line 3744, theme.scss */
  .sd-hero__logo {
    margin-bottom: auto !important;
    padding-top: 20px; }

  /* line 3745, theme.scss */
  .sd-hero__logo img {
    height: 46px !important; }

  /* line 3747, theme.scss */
  .sd-hero__kicker {
    font-size: 10px !important;
    letter-spacing: .18em !important;
    color: rgba(251, 250, 247, 0.9) !important;
    margin-bottom: 10px !important; }

  /* line 3754, theme.scss */
  .sd-hero__title {
    font-size: 28px !important;
    line-height: 1.1 !important;
    color: #FBFAF7 !important;
    text-shadow: 0 2px 18px rgba(35, 33, 32, 0.35);
    margin-bottom: 10px !important; }

  /* line 3762, theme.scss */
  .sd-hero__lead {
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: rgba(251, 250, 247, 0.92) !important;
    text-shadow: 0 1px 12px rgba(35, 33, 32, 0.35);
    margin-bottom: 18px !important; }

  /* line 3770, theme.scss */
  .sd-hero__cta {
    gap: 10px !important; }

  /* line 3771, theme.scss */
  .sd-hero__btn {
    height: 46px !important;
    min-height: 46px !important;
    font-size: 13px !important; }

  /* --- 2. trust block on sage --- */
  /* line 3774, theme.scss */
  .sd-trust {
    margin: 0 8px !important;
    padding: 22px 0 20px !important;
    border-radius: 20px !important;
    background: #5F7F81 !important; }

  /* line 3781, theme.scss */
  .sd-trust__left {
    padding: 0 18px; }

  /* line 3782, theme.scss */
  .sd-trust__kicker {
    color: rgba(251, 250, 247, 0.78) !important; }

  /* line 3783, theme.scss */
  .sd-trust__heading {
    color: #FBFAF7 !important; }

  /* line 3785, theme.scss */
  .sd-trust__list {
    padding: 4px 18px 6px !important; }

  /* line 3787, theme.scss */
  .sd-trust__list li {
    background: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 8px 20px rgba(20, 40, 40, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
    color: #FBFAF7 !important; }

  /* line 3794, theme.scss */
  .sd-trust__list li::before {
    background: #FBFAF7 !important;
    color: #5F7F81 !important; }

  /* the review card stays light - it reads as a quote on the sage panel */
  /* line 3800, theme.scss */
  .sd-review {
    margin: 14px 18px 0 !important;
    background: #FBFAF7 !important;
    border: 0 !important; } }
/* ============================================================
   SD-CARD-LAYOUT: bigger sage cart button with a white ring,
   price on the first line and the product name under it.
   ============================================================ */
/* line 3811, theme.scss */
.product-preview__area-photo .sd-buy {
  width: 52px !important;
  height: 52px !important;
  border-radius: 16px !important;
  border: 2px solid rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 8px 20px rgba(35, 33, 32, 0.22) !important; }

/* line 3819, theme.scss */
.product-preview__area-photo .sd-buy svg {
  width: 26px !important;
  height: 26px !important; }

/* price first, name second */
/* line 3822, theme.scss */
.product-preview__content {
  display: flex !important;
  flex-direction: column !important; }

/* line 3827, theme.scss */
.product-preview__area-photo {
  order: 1; }

/* line 3828, theme.scss */
.product-preview__area-bottom {
  order: 2;
  padding-top: 10px !important; }

/* line 3829, theme.scss */
.product-preview__area-title {
  order: 3;
  margin-top: 2px !important; }

/* line 3830, theme.scss */
.product-preview__area-description {
  order: 4; }

/* line 3832, theme.scss */
.product-preview__price {
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: -.01em;
  color: #232120; }

@media (max-width: 640px) {
  /* line 3840, theme.scss */
  .product-preview__area-photo .sd-buy {
    width: 46px !important;
    height: 46px !important;
    border-radius: 15px !important; }

  /* line 3845, theme.scss */
  .product-preview__area-photo .sd-buy svg {
    width: 23px !important;
    height: 23px !important; }

  /* line 3846, theme.scss */
  .product-preview__price {
    font-size: 15px !important; }

  /* line 3847, theme.scss */
  .product-preview__area-title {
    font-size: 12px !important; } }
/* SD-CARD-LAYOUT-2: the rating block had no order and jumped above the
   photo once the card became a flex column. */
/* line 3852, theme.scss */
.product-preview__area-rating {
  order: 4 !important;
  margin-top: 2px; }

/* ============================================================
   SD-POLISH (08.09.2026, –њ–Њ –Ј–∞–Љ–µ—З–∞–љ–Є—П–Љ –≤–ї–∞–і–µ–ї—М—Ж–∞)
   ============================================================ */
@media (max-width: 640px) {
  /* 1. logo: bigger and white, so it reads on any photo */
  /* line 3860, theme.scss */
  .sd-hero__logo img {
    height: 58px !important;
    filter: brightness(0) invert(1) !important;
    opacity: .97 !important; }

  /* 2. second title line: lighter sage instead of the dark one */
  /* line 3867, theme.scss */
  .sd-hero__title span,
  .sd-hero__title em,
  .sd-hero__title b {
    color: #A9C6C4 !important; }

  /* 3. numbers in white, on a translucent disc */
  /* line 3872, theme.scss */
  .sd-trust__list li::before {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #FBFAF7 !important;
    border: 1px solid rgba(255, 255, 255, 0.5); }

  /* 4. softer shadow under the chips - the old one looked like a smudge */
  /* line 3879, theme.scss */
  .sd-trust__list li {
    box-shadow: 0 4px 14px rgba(20, 40, 40, 0.08) !important; }

  /* 5. the video widget reuses .banner-list__item for its poster;
        keep our tile styling away from it */
  /* line 3885, theme.scss */
  .widget-type_system_widget_v4_video_clip .banner-list__item {
    aspect-ratio: auto !important;
    height: auto !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    border-radius: 16px !important; }

  /* line 3894, theme.scss */
  .widget-type_system_widget_v4_video_clip .sd-tile-label {
    display: none !important; } }
/* ============================================================
   SD-DESKTOP-SYNC (08.09.2026): bring the phone layout to desktop
   1. trust block: chips row on top, review slider under it, compact
   2. product cards: photo, price, name вАФ same as the phone cards
   3. cart button tucked into the bottom-right corner, overlapping
      the photo edge like on the marketplace reference
   ============================================================ */
@media (min-width: 641px) {
  /* --- 1. trust block --- */
  /* line 3907, theme.scss */
  .sd-trust {
    display: block !important;
    max-width: 1100px;
    margin: 0 auto !important;
    padding: 30px 34px 26px !important;
    border-radius: 24px;
    background: #5F7F81 !important; }

  /* line 3916, theme.scss */
  .sd-trust__left {
    padding: 0;
    text-align: center; }

  /* line 3917, theme.scss */
  .sd-trust__kicker {
    color: rgba(251, 250, 247, 0.8) !important; }

  /* line 3918, theme.scss */
  .sd-trust__heading {
    color: #FBFAF7 !important;
    font-size: 26px !important;
    margin-bottom: 20px !important; }

  /* line 3924, theme.scss */
  .sd-trust__list {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important; }

  /* line 3933, theme.scss */
  .sd-trust__list li {
    margin: 0 !important;
    padding: 16px 15px !important;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 16px rgba(20, 40, 40, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    color: #FBFAF7 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    position: relative; }

  /* line 3947, theme.scss */
  .sd-trust__list li::before {
    position: static !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-bottom: 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #FBFAF7 !important;
    font-size: 12px !important;
    font-weight: 600;
    line-height: 1 !important; }

  /* review slider sits under the chips, narrow and light */
  /* line 3965, theme.scss */
  .sd-review {
    max-width: 720px;
    margin: 20px auto 0 !important;
    padding: 16px 20px !important;
    border-radius: 18px !important;
    background: #FBFAF7 !important;
    border: 0 !important; }

  /* line 3974, theme.scss */
  .sd-rev__text {
    font-size: 13px !important; }

  /* line 3975, theme.scss */
  .sd-rev__who b {
    font-size: 14px; }

  /* --- 2 + 3. product cards --- */
  /* line 3978, theme.scss */
  .product-preview__area-photo {
    position: relative !important;
    aspect-ratio: 3 / 4 !important;
    height: auto !important;
    border-radius: 16px;
    overflow: visible !important;
    background: #EAE5DC; }

  /* line 3987, theme.scss */
  .product-preview__area-photo .product-preview__photo,
  .product-preview__area-photo .img-ratio,
  .product-preview__area-photo .img-fit {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    border-radius: 16px;
    overflow: hidden; }

  /* line 3999, theme.scss */
  .product-preview__area-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; }

  /* the button hangs slightly past the photo, as on the reference */
  /* line 4006, theme.scss */
  .product-preview__area-photo .sd-buy {
    right: 10px !important;
    bottom: -16px !important; }

  /* line 4011, theme.scss */
  .product-preview__area-bottom {
    padding-top: 22px !important; } }
/* ============================================================
   SD-POLISH-2 (08.09.2026)
   1. phone: cart button overlaps the photo edge, like on desktop
   2. trust block: narrower, kicker centred under the heading
   3. subscribe block: white consent text, phone layout mirrors
      the trust block, button inside the e-mail field
   ============================================================ */
/* --- 1. cart button overlapping the photo (phones) --- */
@media (max-width: 640px) {
  /* line 4024, theme.scss */
  .product-preview__area-photo {
    overflow: visible !important; }

  /* line 4028, theme.scss */
  .product-preview__area-photo .product-preview__photo,
  .product-preview__area-photo .img-ratio,
  .product-preview__area-photo .img-fit {
    border-radius: 14px;
    overflow: hidden; }

  /* line 4035, theme.scss */
  .product-preview__area-photo .sd-buy {
    right: 8px !important;
    bottom: -15px !important; }

  /* line 4040, theme.scss */
  .product-preview__area-bottom {
    padding-top: 20px !important; } }
/* --- 2. trust block: narrower, kicker under the heading --- */
/* line 4044, theme.scss */
.sd-trust__left {
  display: flex;
  flex-direction: column; }

/* line 4049, theme.scss */
.sd-trust__heading {
  order: 1; }

/* line 4050, theme.scss */
.sd-trust__kicker {
  order: 2; }

/* line 4051, theme.scss */
.sd-trust__list {
  order: 3; }

@media (min-width: 641px) {
  /* line 4054, theme.scss */
  .sd-trust {
    max-width: 940px !important;
    padding: 26px 30px 24px !important; }

  /* line 4055, theme.scss */
  .sd-trust__heading {
    margin-bottom: 8px !important; }

  /* line 4056, theme.scss */
  .sd-trust__kicker {
    text-align: center;
    margin: 0 auto 18px !important;
    max-width: 560px; } }
@media (max-width: 640px) {
  /* line 4064, theme.scss */
  .sd-trust__left {
    padding: 0 18px; }

  /* line 4065, theme.scss */
  .sd-trust__heading {
    text-align: center;
    margin-bottom: 6px !important; }

  /* line 4066, theme.scss */
  .sd-trust__kicker {
    text-align: center;
    margin: 0 auto 14px !important; } }
/* --- 3. subscribe block --- */
/* line 4070, theme.scss */
.widget-type_NUY9 .fb__agreement,
.widget-type_NUY9 label,
.widget-type_NUY9 .checkbox__label,
.widget-type_NUY9 .form-checkbox,
.widget-type_NUY9 small,
.widget-type_NUY9 .fb__form a {
  color: #FBFAF7 !important; }

/* line 4079, theme.scss */
.widget-type_NUY9 .fb__form a {
  text-decoration: underline;
  text-underline-offset: 2px; }

@media (max-width: 640px) {
  /* line 4082, theme.scss */
  .widget-type_NUY9 {
    padding-top: 18px !important;
    padding-bottom: 14px !important; }

  /* line 4084, theme.scss */
  .widget-type_NUY9 .layout__content {
    padding: 24px 18px 20px !important;
    border-radius: 20px !important; }

  /* line 4089, theme.scss */
  .widget-type_NUY9 .fb__title {
    font-size: 20px !important;
    line-height: 1.15 !important;
    margin-bottom: 8px !important;
    text-align: center; }

  /* line 4096, theme.scss */
  .widget-type_NUY9 .fb__text,
  .widget-type_NUY9 .fb__description,
  .widget-type_NUY9 .fb__subtitle {
    font-size: 12px !important;
    line-height: 1.4 !important;
    text-align: center;
    margin-bottom: 14px !important; }

  /* e-mail field with the button tucked inside, as on desktop */
  /* line 4106, theme.scss */
  .widget-type_NUY9 .fb__field,
  .widget-type_NUY9 .fb__row {
    position: relative !important; }

  /* line 4111, theme.scss */
  .widget-type_NUY9 .form-control {
    height: 48px !important;
    padding-right: 130px !important;
    border-radius: 999px !important;
    font-size: 13px !important; }

  /* line 4118, theme.scss */
  .widget-type_NUY9 .button[type="submit"],
  .widget-type_NUY9 button[type="submit"] {
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    height: 40px !important;
    min-height: 40px !important;
    width: auto !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    font-size: 12.5px !important; }

  /* consent lines: small, white, tight */
  /* line 4132, theme.scss */
  .widget-type_NUY9 .fb__agreement,
  .widget-type_NUY9 label {
    font-size: 9.5px !important;
    line-height: 1.3 !important;
    margin-top: 8px !important; } }
/* ============================================================
   SD-POLISH-3: restore the original order of the trust headings
   and stop tile styling from leaking into the video widget.
   ============================================================ */
/* "–Я–Њ—З–µ–Љ—Г –љ–∞–Љ –і–Њ–≤–µ—А—П—О—В" stays on top, the sentence about fabric under it */
/* line 4146, theme.scss */
.sd-trust__kicker {
  order: 1 !important; }

/* line 4147, theme.scss */
.sd-trust__heading {
  order: 2 !important; }

/* line 4148, theme.scss */
.sd-trust__list {
  order: 3 !important; }

@media (min-width: 641px) {
  /* line 4151, theme.scss */
  .sd-trust__kicker {
    margin: 0 auto 6px !important; }

  /* line 4152, theme.scss */
  .sd-trust__heading {
    margin-bottom: 18px !important; } }
@media (max-width: 640px) {
  /* line 4156, theme.scss */
  .sd-trust__kicker {
    margin: 0 auto 5px !important; }

  /* line 4157, theme.scss */
  .sd-trust__heading {
    margin-bottom: 12px !important; }

  /* the video widget reuses .banner-list__item for its poster - our tile
     rules must not touch it (body.sd-home outweighed the plain selector) */
  /* line 4161, theme.scss */
  body.sd-home .widget-type_system_widget_v4_video_clip .banner-list__item,
  .widget-type_system_widget_v4_video_clip .banner-list__item {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 16px !important; }

  /* line 4169, theme.scss */
  body.sd-home .widget-type_system_widget_v4_video_clip .banner-list__item-photo,
  body.sd-home .widget-type_system_widget_v4_video_clip .img-ratio,
  body.sd-home .widget-type_system_widget_v4_video_clip img {
    height: auto !important;
    aspect-ratio: auto !important;
    object-position: center !important; }

  /* line 4177, theme.scss */
  .widget-type_system_widget_v4_video_clip .sd-tile-label,
  .widget-type_system_widget_v4_video_clip .banner-list__item::before {
    display: none !important; } }
/* ============================================================
   SD-POLISH-4: centred trust headings on desktop, and the
   subscribe block rebuilt on its real classes (.fb__row,
   .fb__input, .fb__submit, .fb__consent).
   ============================================================ */
/* --- trust block: everything centred, both breakpoints --- */
/* line 4188, theme.scss */
.sd-trust__left {
  align-items: center; }

/* line 4189, theme.scss */
.sd-trust__kicker,
.sd-trust__heading {
  text-align: center !important;
  width: 100%; }

@media (min-width: 641px) {
  /* line 4193, theme.scss */
  .sd-trust__heading {
    max-width: 620px;
    margin-left: auto !important;
    margin-right: auto !important; }

  /* line 4194, theme.scss */
  .sd-trust__kicker {
    width: auto; } }
/* --- subscribe block --- */
/* line 4198, theme.scss */
.widget-type_NUY9 .fb {
  padding: 0 !important; }

/* line 4200, theme.scss */
.widget-type_NUY9 .fb__text {
  padding-top: 6px; }

/* line 4202, theme.scss */
.widget-type_NUY9 .fb__title {
  margin-bottom: 10px !important; }

/* line 4206, theme.scss */
.widget-type_NUY9 .fb__subtitle,
.widget-type_NUY9 .fb__text p {
  margin-bottom: 18px !important; }

/* e-mail field with the button inside it */
/* line 4212, theme.scss */
.widget-type_NUY9 .fb__row {
  position: relative !important;
  display: block !important; }

/* line 4217, theme.scss */
.widget-type_NUY9 .fb__input {
  width: 100% !important;
  height: 52px !important;
  padding: 0 168px 0 20px !important;
  border-radius: 999px !important;
  box-sizing: border-box; }

/* line 4225, theme.scss */
.widget-type_NUY9 .fb__submit {
  position: absolute !important;
  top: 50% !important;
  right: 5px !important;
  transform: translateY(-50%) !important;
  height: 42px !important;
  min-height: 42px !important;
  width: auto !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  white-space: nowrap; }

/* line 4238, theme.scss */
.widget-type_NUY9 .fb__note {
  margin: 10px 0 0 !important; }

/* line 4240, theme.scss */
.widget-type_NUY9 .fb__consent {
  margin-top: 14px !important;
  padding-bottom: 6px !important;
  color: #FBFAF7 !important; }

/* line 4246, theme.scss */
.widget-type_NUY9 .fb__consent label,
.widget-type_NUY9 .fb__consent span,
.widget-type_NUY9 .fb__consent a {
  color: #FBFAF7 !important; }

@media (max-width: 640px) {
  /* line 4251, theme.scss */
  .widget-type_NUY9 .layout__content {
    padding: 26px 18px 22px !important; }

  /* line 4252, theme.scss */
  .widget-type_NUY9 .fb__text {
    padding-top: 4px; }

  /* line 4253, theme.scss */
  .widget-type_NUY9 .fb__title {
    font-size: 20px !important;
    margin-bottom: 8px !important; }

  /* line 4254, theme.scss */
  .widget-type_NUY9 .fb__subtitle,
  .widget-type_NUY9 .fb__text p {
    font-size: 12px !important;
    margin-bottom: 16px !important; }

  /* line 4257, theme.scss */
  .widget-type_NUY9 .fb__input {
    height: 48px !important;
    padding: 0 140px 0 18px !important;
    font-size: 13px !important; }

  /* line 4258, theme.scss */
  .widget-type_NUY9 .fb__submit {
    height: 40px !important;
    padding: 0 16px !important;
    font-size: 12.5px !important;
    right: 4px !important; }

  /* line 4260, theme.scss */
  .widget-type_NUY9 .fb__consent {
    margin-top: 12px !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important; } }
/* ============================================================
   SD-FIX-5: the centring turned .sd-trust__left into a flex column,
   which squeezed the chip rail and pushed it past the panel; the
   subscribe button lost its place inside the field on phones; and
   the trust panel sat flush against the video block.
   ============================================================ */
/* the chip rail must span the panel, not shrink to content */
/* line 4271, theme.scss */
.sd-trust__list {
  width: 100% !important;
  align-self: stretch !important;
  box-sizing: border-box !important; }

/* line 4277, theme.scss */
.sd-trust__left {
  width: 100%;
  box-sizing: border-box; }

/* breathing room around the trust panel */
/* line 4280, theme.scss */
.sd-trust {
  margin-top: 26px !important;
  margin-bottom: 26px !important; }

@media (max-width: 640px) {
  /* line 4283, theme.scss */
  .sd-trust {
    margin: 18px 8px !important;
    padding: 20px 0 18px !important;
    overflow: hidden; }

  /* line 4289, theme.scss */
  .sd-trust__left {
    padding: 0 16px !important; }

  /* rail: own padding only, no double indent, no overflow past the panel */
  /* line 4292, theme.scss */
  .sd-trust__list {
    padding: 4px 16px 6px !important;
    margin: 0 !important;
    max-width: 100% !important; }

  /* line 4298, theme.scss */
  .sd-trust__list li {
    flex: 0 0 150px !important;
    width: 150px !important; }

  /* line 4300, theme.scss */
  .sd-review {
    margin: 14px 16px 0 !important; }

  /* --- subscribe: button strictly inside the field --- */
  /* line 4303, theme.scss */
  .widget-type_NUY9 .fb__row {
    position: relative !important;
    display: block !important;
    width: 100% !important; }

  /* line 4309, theme.scss */
  .widget-type_NUY9 .fb__input {
    display: block !important;
    width: 100% !important;
    height: 50px !important;
    padding: 0 132px 0 16px !important;
    box-sizing: border-box !important;
    border-radius: 999px !important; }

  /* line 4318, theme.scss */
  .widget-type_NUY9 .fb__submit {
    position: absolute !important;
    top: 5px !important;
    bottom: 5px !important;
    right: 5px !important;
    left: auto !important;
    transform: none !important;
    height: 40px !important;
    min-height: 40px !important;
    max-width: 120px !important;
    width: auto !important;
    padding: 0 14px !important;
    font-size: 12px !important;
    white-space: nowrap; }

  /* line 4334, theme.scss */
  .widget-type_NUY9 .layout__content {
    padding: 24px 16px 20px !important; }

  /* line 4335, theme.scss */
  .widget-type_NUY9 .fb__note {
    margin: 8px 0 0 !important;
    font-size: 10px !important; }

  /* line 4336, theme.scss */
  .widget-type_NUY9 .fb__consent {
    margin-top: 12px !important;
    padding-bottom: 4px !important; } }
/* SD-FIX-6: top + bottom + height fought each other and the submit button
   hung 4px below the field. Centre it vertically instead. */
/* line 4341, theme.scss */
.widget-type_NUY9 .fb__row .fb__submit {
  top: 50% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  right: 5px !important;
  height: 40px !important;
  min-height: 40px !important; }

@media (min-width: 641px) {
  /* line 4351, theme.scss */
  .widget-type_NUY9 .fb__row .fb__submit {
    height: 42px !important;
    min-height: 42px !important; } }
/* SD-FIX-7: transform-based centring kept losing to an earlier
   `transform: none`. Pin the button with plain offsets instead вАФ
   field 50px, button 40px, so 5px top and bottom centre it exactly. */
/* line 4357, theme.scss */
.widget-type_NUY9 .fb__row .fb__submit,
.widget-type_NUY9 .fb__row button.fb__submit {
  position: absolute !important;
  top: 5px !important;
  bottom: auto !important;
  right: 5px !important;
  left: auto !important;
  transform: none !important;
  height: 40px !important;
  min-height: 40px !important;
  line-height: 40px !important;
  padding: 0 16px !important; }

@media (min-width: 641px) {
  /* line 4372, theme.scss */
  .widget-type_NUY9 .fb__row .fb__submit,
  .widget-type_NUY9 .fb__row button.fb__submit {
    top: 5px !important;
    height: 42px !important;
    min-height: 42px !important;
    line-height: 42px !important;
    padding: 0 22px !important; }

  /* line 4380, theme.scss */
  .widget-type_NUY9 .fb__input {
    height: 52px !important; } }
/* SD-FIX-8: the submit button carries its own margin-top: 10px, which was
   added on top of the absolute offset and pushed it out of the field. */
/* line 4385, theme.scss */
.widget-type_NUY9 .fb__row .fb__submit,
.widget-type_NUY9 .fb__row button.fb__submit {
  margin: 0 !important; }

/* ============================================================
   SD-FIX-9 (–њ–Њ —Б–Ї—А–Є–љ—И–Њ—В—Г): subscribe block on phones
   - heading pushed down from the panel edge
   - the big empty gap between the subtitle and the field removed
   - consent lines pulled up closer to the field
   - button label made smaller so it fits the pill
   ============================================================ */
@media (max-width: 640px) {
  /* line 4396, theme.scss */
  .widget-type_NUY9 .layout__content {
    padding: 26px 16px 20px !important; }

  /* line 4398, theme.scss */
  .widget-type_NUY9 .fb__text {
    padding-top: 10px !important;
    margin-bottom: 0 !important; }

  /* line 4403, theme.scss */
  .widget-type_NUY9 .fb__title {
    font-size: 19px !important;
    line-height: 1.2 !important;
    margin: 0 0 8px !important; }

  /* line 4409, theme.scss */
  .widget-type_NUY9 .fb__subtitle,
  .widget-type_NUY9 .fb__text p {
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin: 0 !important; }

  /* the form itself carried the extra air - collapse it */
  /* line 4417, theme.scss */
  .widget-type_NUY9 .fb__form {
    gap: 0 !important;
    margin-top: 0 !important; }

  /* line 4419, theme.scss */
  .widget-type_NUY9 .fb__row {
    margin: 16px 0 0 !important; }

  /* line 4423, theme.scss */
  .widget-type_NUY9 .fb__input {
    height: 50px !important;
    padding: 0 146px 0 16px !important; }

  /* smaller label so "–Я–Њ–ї—Г—З–Є—В—М –њ—А–Њ–Љ–Њ–Ї–Њ–і" fits inside the pill */
  /* line 4429, theme.scss */
  .widget-type_NUY9 .fb__row .fb__submit,
  .widget-type_NUY9 .fb__row button.fb__submit {
    font-size: 11px !important;
    letter-spacing: 0 !important;
    padding: 0 12px !important;
    max-width: 136px !important; }

  /* line 4437, theme.scss */
  .widget-type_NUY9 .fb__note {
    margin: 8px 0 0 !important; }

  /* consent right under the field */
  /* line 4440, theme.scss */
  .widget-type_NUY9 .fb__consent {
    margin-top: 10px !important;
    padding-bottom: 2px !important;
    font-size: 9.5px !important;
    line-height: 1.28 !important; } }
/* SD-FIX-10: on desktop the fabric line should read as one line */
@media (min-width: 641px) {
  /* line 4450, theme.scss */
  .sd-trust__heading {
    max-width: none !important;
    white-space: nowrap;
    font-size: 24px !important; } }
@media (min-width: 641px) and (max-width: 900px) {
  /* line 4458, theme.scss */
  .sd-trust__heading {
    white-space: normal;
    font-size: 21px !important; } }
/* SD-FIX-11: video widget as a tall vertical card on phones */
@media (max-width: 640px) {
  /* line 4463, theme.scss */
  .widget-type_system_widget_v4_video_clip {
    padding: 8px 0 !important; }

  /* line 4465, theme.scss */
  .widget-type_system_widget_v4_video_clip .layout__content {
    padding: 0 8px !important; }

  /* line 4467, theme.scss */
  .widget-type_system_widget_v4_video_clip .banner-list__item {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    height: auto !important;
    border-radius: 20px !important;
    overflow: hidden !important; }

  /* line 4477, theme.scss */
  .widget-type_system_widget_v4_video_clip .banner-list__item-image,
  .widget-type_system_widget_v4_video_clip picture,
  .widget-type_system_widget_v4_video_clip iframe,
  .widget-type_system_widget_v4_video_clip video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important; }

  /* line 4487, theme.scss */
  .widget-type_system_widget_v4_video_clip img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; }

  /* play button stays centred on the card */
  /* line 4494, theme.scss */
  .widget-type_system_widget_v4_video_clip .banner-preview__play-btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 3; } }
/* ============================================================
   SD-BENEFITS: the four facts rebuilt to match the concept вАФ
   no boxes, just light columns split by hairlines, with a small
   sage eyebrow over each headline. Fonts stay as they are.
   ============================================================ */
/* line 4509, theme.scss */
.benefit-list.grid-list,
.benefit-list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0 !important;
  background: rgba(251, 250, 247, 0.55);
  border: 1px solid rgba(35, 33, 32, 0.09);
  border-radius: 22px;
  overflow: hidden; }

/* line 4520, theme.scss */
.benefit-list .benefit-list__item {
  background: transparent !important;
  border: 0 !important;
  border-left: 1px solid rgba(35, 33, 32, 0.09) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 26px 24px !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  text-align: left; }

/* line 4533, theme.scss */
.benefit-list .benefit-list__item:first-child {
  border-left: 0 !important; }

/* line 4534, theme.scss */
.benefit-list .benefit-list__item:hover {
  transform: none !important;
  box-shadow: none !important; }

/* the icon disc becomes a small sage eyebrow */
/* line 4537, theme.scss */
.benefit-list .benefit-list__item::before {
  content: "";
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin: 0 0 10px !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #5F7F81 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase; }

/* line 4554, theme.scss */
.benefit-list .benefit-list__item:nth-child(1)::before {
  content: "\0421 \043E \0441 \0442 \0430 \0432 "; }

/* line 4555, theme.scss */
.benefit-list .benefit-list__item:nth-child(2)::before {
  content: "\041A \0430 \0447 \0435 \0441 \0442 \0432 \043E "; }

/* line 4556, theme.scss */
.benefit-list .benefit-list__item:nth-child(3)::before {
  content: "\0412 \043E \0437 \0432 \0440 \0430 \0442 "; }

/* line 4557, theme.scss */
.benefit-list .benefit-list__item:nth-child(4)::before {
  content: "\0414 \043E \0441 \0442 \0430 \0432 \043A \0430 "; }

/* line 4559, theme.scss */
.benefit-list .benefit-list__item-title {
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em;
  margin: 0 0 10px !important;
  min-height: 0 !important;
  height: auto !important;
  color: #232120; }

/* line 4570, theme.scss */
.benefit-list .benefit-list__item-description {
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #6E6862 !important;
  margin: 0 !important; }

/* --- phones: two columns, small type, fits one screen --- */
@media (max-width: 640px) {
  /* line 4579, theme.scss */
  .benefit-list.grid-list,
  .benefit-list {
    grid-template-columns: 1fr 1fr !important;
    border-radius: 18px;
    margin: 0 8px !important;
    width: auto !important;
    max-width: none !important; }

  /* line 4588, theme.scss */
  .benefit-list .benefit-list__item {
    padding: 14px 13px !important;
    border-left: 1px solid rgba(35, 33, 32, 0.09) !important;
    border-top: 1px solid rgba(35, 33, 32, 0.09) !important; }

  /* line 4594, theme.scss */
  .benefit-list .benefit-list__item:nth-child(-n+2) {
    border-top: 0 !important; }

  /* line 4595, theme.scss */
  .benefit-list .benefit-list__item:nth-child(odd) {
    border-left: 0 !important; }

  /* line 4597, theme.scss */
  .benefit-list .benefit-list__item::before {
    font-size: 8.5px !important;
    margin-bottom: 6px !important; }

  /* line 4598, theme.scss */
  .benefit-list .benefit-list__item-title {
    font-size: 16px !important;
    margin-bottom: 5px !important; }

  /* line 4599, theme.scss */
  .benefit-list .benefit-list__item-description {
    font-size: 10.5px !important;
    line-height: 1.35 !important; }

  /* line 4601, theme.scss */
  .widget-type_system_widget_v4_benefits_2 {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }

  /* line 4602, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .layout__content {
    padding: 0 !important; } }
/* SD-FIX-12: the earlier `body.sd-home ... aspect-ratio: auto` rule beat the
   vertical video card on specificity and collapsed it to zero height. */
@media (max-width: 640px) {
  /* line 4608, theme.scss */
  body.sd-home .widget-type_system_widget_v4_video_clip .banner-list__item,
  body .widget-type_system_widget_v4_video_clip .banner-list__item {
    aspect-ratio: 4 / 5 !important;
    height: auto !important;
    min-height: 0 !important;
    position: relative !important;
    border-radius: 20px !important;
    overflow: hidden !important; }

  /* line 4618, theme.scss */
  body.sd-home .widget-type_system_widget_v4_video_clip .banner-list__item-image,
  body .widget-type_system_widget_v4_video_clip .banner-list__item-image {
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    width: 100% !important;
    aspect-ratio: auto !important; }

  /* line 4627, theme.scss */
  body.sd-home .widget-type_system_widget_v4_video_clip img,
  body .widget-type_system_widget_v4_video_clip img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: auto !important; } }
/* ============================================================
   SD-FIX-13 (phones)
   - benefits: centred, smaller type, eyebrows in lower case
   - promo block: more air on top, none at the bottom
   ============================================================ */
@media (max-width: 640px) {
  /* line 4642, theme.scss */
  .benefit-list .benefit-list__item {
    align-items: center !important;
    text-align: center !important;
    padding: 13px 10px !important; }

  /* line 4648, theme.scss */
  .benefit-list .benefit-list__item::before {
    text-transform: lowercase !important;
    font-size: 8px !important;
    letter-spacing: .1em !important;
    margin-bottom: 5px !important; }

  /* line 4655, theme.scss */
  .benefit-list .benefit-list__item-title {
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important; }

  /* line 4661, theme.scss */
  .benefit-list .benefit-list__item-description {
    font-size: 9.5px !important;
    line-height: 1.3 !important; }

  /* --- promo block --- */
  /* line 4667, theme.scss */
  .widget-type_NUY9 {
    padding-top: 16px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }

  /* line 4673, theme.scss */
  .widget-type_NUY9 .layout__content {
    padding: 34px 16px 22px !important;
    margin-bottom: 0 !important; }

  /* line 4678, theme.scss */
  .widget-type_NUY9 .fb__text {
    padding-top: 0 !important; }

  /* line 4680, theme.scss */
  .widget-type_NUY9 .fb__consent {
    margin-top: 10px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; }

  /* line 4686, theme.scss */
  .widget-type_NUY9 .fb {
    margin-bottom: 0 !important; } }
/* SD-FIX-14: `.layout[class*="widget-type_"] > .layout__content` (three
   classes) outweighed the promo padding, so the heading stayed glued to
   the top. Match that specificity. */
@media (max-width: 640px) {
  /* line 4693, theme.scss */
  .layout.widget-type_NUY9 > .layout__content {
    padding-top: 34px !important;
    padding-bottom: 22px !important;
    padding-left: 16px !important;
    padding-right: 16px !important; }

  /* line 4700, theme.scss */
  .layout.widget-type_NUY9 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important; } }
/* ============================================================
   SD-POPUP: the welcome pop-up in our style вАФ white card, kept
   photo and copy, sage pill button. It also stays hidden until
   theme.js marks the page ready (8 seconds after load).
   ============================================================ */
/* line 4708, theme.scss */
body:not(.sd-popup-ready) .popup-subscribe {
  display: none !important; }

/* line 4710, theme.scss */
.popup-subscribe__overlay {
  background: rgba(35, 33, 32, 0.45) !important; }

/* line 4712, theme.scss */
.popup-subscribe__box {
  background: #FFFFFF !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 60px rgba(35, 33, 32, 0.28) !important;
  max-width: 380px !important;
  padding: 0 !important; }

/* line 4721, theme.scss */
.popup-subscribe__image {
  margin: 0 !important; }

/* line 4723, theme.scss */
.popup-subscribe__image-el,
.popup-subscribe__image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important; }

/* line 4731, theme.scss */
.popup-subscribe__content {
  padding: 20px 22px 22px !important; }

/* line 4733, theme.scss */
.popup-subscribe__title {
  font-family: var(--sd-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em;
  color: #232120 !important;
  margin: 0 0 10px !important; }

/* line 4743, theme.scss */
.popup-subscribe__text,
.popup-subscribe__description,
.popup-subscribe__content p {
  font-size: 13px !important;
  line-height: 1.45 !important;
  color: #6E6862 !important;
  margin: 0 0 16px !important; }

/* input and the sage pill button */
/* line 4753, theme.scss */
.popup-subscribe input[type="email"],
.popup-subscribe input[type="text"],
.popup-subscribe .form-control {
  height: 48px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(35, 33, 32, 0.14) !important;
  padding: 0 18px !important;
  font-size: 13px !important;
  box-sizing: border-box;
  width: 100% !important; }

/* line 4765, theme.scss */
.popup-subscribe button[type="submit"],
.popup-subscribe .button,
.popup-subscribe__submit {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin-top: 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #5F7F81 !important;
  color: #FBFAF7 !important;
  font-family: var(--sd-sans, "Inter", system-ui, sans-serif) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important; }

/* line 4782, theme.scss */
.popup-subscribe button[type="submit"]:hover,
.popup-subscribe .button:hover {
  background: #52706F !important; }

/* line 4785, theme.scss */
.popup-subscribe__close {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: rgba(251, 250, 247, 0.9) !important;
  color: #232120 !important;
  border: 0 !important;
  font-size: 20px !important;
  line-height: 34px !important; }

/* consent lines inside the pop-up stay small and muted */
/* line 4797, theme.scss */
.popup-subscribe label,
.popup-subscribe .fb__consent {
  font-size: 10px !important;
  line-height: 1.3 !important;
  color: #6E6862 !important; }

@media (max-width: 640px) {
  /* line 4801, theme.scss */
  .popup-subscribe__box {
    max-width: calc(100vw - 32px) !important;
    border-radius: 20px !important; }

  /* line 4802, theme.scss */
  .popup-subscribe__content {
    padding: 18px 18px 20px !important; }

  /* line 4803, theme.scss */
  .popup-subscribe__title {
    font-size: 19px !important; }

  /* line 4804, theme.scss */
  .popup-subscribe__text,
  .popup-subscribe__content p {
    font-size: 12px !important;
    margin-bottom: 14px !important; } }
/* ============================================================
   SD-CATMENU: full-screen catalog sheet opened from the tab bar
   on phones вАФ big tiles for the five sections, smaller ones for
   their subcategories, all in the muslin/sage palette.
   ============================================================ */
/* line 4813, theme.scss */
.sd-catmenu {
  display: none; }

@media (max-width: 640px) {
  /* line 4816, theme.scss */
  .sd-catmenu {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 320;
    background: #F5F2ED;
    transform: translateY(100%);
    transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.3, 1); }

  /* line 4826, theme.scss */
  .sd-catmenu.is-open {
    transform: none; }

  /* line 4828, theme.scss */
  .sd-catmenu__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    padding: 0 16px;
    background: #F5F2ED;
    border-bottom: 1px solid rgba(35, 33, 32, 0.07); }

  /* line 4838, theme.scss */
  .sd-catmenu__bar b {
    font-family: var(--sd-sans, "Inter", system-ui, sans-serif);
    font-size: 16px;
    font-weight: 600;
    color: #232120; }

  /* line 4845, theme.scss */
  .sd-catmenu__close {
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(35, 33, 32, 0.06);
    color: #232120;
    font-size: 20px;
    line-height: 1; }

  /* line 4852, theme.scss */
  .sd-catmenu__scroll {
    height: calc(100% - 52px - 62px);
    overflow-y: auto;
    padding: 14px 12px 20px;
    -webkit-overflow-scrolling: touch; }

  /* section tile */
  /* line 4860, theme.scss */
  .sd-catmenu__root {
    display: flex;
    align-items: flex-end;
    height: 92px;
    margin: 0 0 8px;
    padding: 12px 14px;
    border-radius: 18px;
    background: #5F7F81;
    text-decoration: none; }

  /* line 4871, theme.scss */
  .sd-catmenu__root-name {
    font-family: var(--sd-sans, "Inter", system-ui, sans-serif);
    font-size: 17px;
    font-weight: 600;
    color: #FBFAF7; }

  /* subcategory tiles */
  /* line 4879, theme.scss */
  .sd-catmenu__kids {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin: 0 0 16px; }

  /* line 4886, theme.scss */
  .sd-catmenu__kid {
    text-decoration: none;
    display: block; }

  /* line 4888, theme.scss */
  .sd-catmenu__kid-img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 14px;
    background: #EAE5DC; }

  /* line 4896, theme.scss */
  .sd-catmenu__kid-name {
    display: block;
    margin-top: 6px;
    font-family: var(--sd-sans, "Inter", system-ui, sans-serif);
    font-size: 10.5px;
    line-height: 1.2;
    color: #232120;
    text-align: center; }

  /* line 4906, theme.scss */
  .sd-catmenu__all {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin-top: 4px;
    border-radius: 999px;
    background: #232120;
    color: #FBFAF7;
    font-size: 14px;
    text-decoration: none; } }
/* ============================================================
   SD-FIX-15 (09.09.2026) вАФ three requests from the owner:
   1. catalog pages must open on the filter bar, not on a wall of tiles
   2. "V korzinu" buttons must sit on one line in every row
   3. the logo on the phone banner should be bigger
   ============================================================ */
/* --- 1. no scenario tiles above a catalog listing ---------------
   Any page that renders our own product grid (collection.liquid)
   drops the banner-list widgets that the theme prints above it, so
   the page starts with the title, the count and the filter bar and
   then runs all the products down. Parent pages without a grid
   (Dlya doma) keep their tiles - there they act as filters. */
/* line 4933, theme.scss */
body:has(.sd-cat__grid) .layout[class*="banner_list"] {
  display: none !important; }

/* --- 2. buttons on one line ------------------------------------
   The card is already a flex column, but the price and the buy form
   followed the name, so a one-line name lifted the button ~16px
   above its neighbour. Pinning both to the bottom of the card lines
   every row up, whatever the name does. */
/* line 4940, theme.scss */
.sd-card__info {
  justify-content: flex-start; }

/* line 4941, theme.scss */
.sd-card__bottom {
  margin-top: auto !important; }

/* line 4942, theme.scss */
.sd-card__buy {
  margin-top: 10px !important; }

/* two lines reserved for the name so the meta line lines up too */
/* line 4945, theme.scss */
.sd-card__name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.6em; }

@media (max-width: 640px) {
  /* line 4954, theme.scss */
  .sd-card__name {
    min-height: 2.6em; }

  /* line 4955, theme.scss */
  .sd-card__meta {
    min-height: 1.35em; } }
/* --- 3. bigger logo on the phone banner ------------------------ */
@media (max-width: 640px) {
  /* line 4960, theme.scss */
  .sd-hero__logo img {
    height: 82px !important; } }
/* ============================================================
   SD-FIX-16 (09.09.2026): no cover banner above a catalog listing.
   The owner wants every catalog page - "–Ъ–∞—В–∞–ї–Њ–≥" and each category -
   to open straight on the filter bar and the products. The section
   name still reads in the breadcrumbs, and [data-sd-count] stays in
   the markup so the scripts that write into it keep working.
   ============================================================ */
/* line 4970, theme.scss */
.sd-cat__cover {
  display: none !important; }

/* line 4971, theme.scss */
.sd-cat__crumbs {
  margin-bottom: 10px; }

/* line 4972, theme.scss */
.sd-cat__bar {
  margin-top: 0 !important; }

/* ============================================================
   SD-FIX-17 (09.09.2026): the logo in the sticky header of the
   inner pages was half the size the owner wants. Doubled, and the
   bar grew with it so the mark keeps its air.
   ============================================================ */
@media (max-width: 640px) {
  /* line 4980, theme.scss */
  .sd-minihead {
    height: 74px !important; }

  /* line 4981, theme.scss */
  .sd-minihead img,
  .sd-minihead svg {
    height: 52px !important; }

  /* line 4983, theme.scss */
  .sd-minihead__text {
    font-size: 22px !important; } }
/* ============================================================
   SD-FIX-18 (09.09.2026): categories with no stock yet still show
   in the category filter, greyed out and marked "—Б–Ї–Њ—А–Њ", so the
   list reads as the whole catalogue rather than today's stock.
   ============================================================ */
/* line 4991, theme.scss */
.sd-chip_soon {
  opacity: .45;
  cursor: default;
  pointer-events: none;
  border-style: dashed; }

/* ============================================================
   SD-FIX-19 (09.09.2026), –њ–Њ –Ј–∞–Љ–µ—З–∞–љ–Є—П–Љ –≤–ї–∞–і–µ–ї—М—Ж–∞ –Ї –Љ–Њ–±–Є–ї—М–љ–Њ–є
   —Б—В—А–∞–љ–Є—Ж–µ –Ї–∞—В–µ–≥–Њ—А–Є–Є:
   1. –њ–ї–Є—В–Ї–Є вАФ –њ—А–Њ—Б—В–Њ –Ї–∞—А—В–Є–љ–Ї–∞ –Є –њ–Њ–і–њ–Є—Б—М, –±–µ–Ј –њ–Њ–і–ї–Њ–ґ–Ї–Є –Є —В–µ–љ–Є
   2. –њ–Њ–ї–Њ—Б–Ї–∞ –њ–Њ–і –ї–Њ–≥–Њ—В–Є–њ–Њ–Љ —Г–±—А–∞–љ–∞, –ї–Њ–≥–Њ—В–Є–њ –µ—Й—С –Ї—А—Г–њ–љ–µ–µ
   3. –њ–ї–Є—В–Ї–Є –њ–Њ–і—В—П–љ—Г—В—Л –≤–≤–µ—А—Е вАФ —А–∞–Ј—А—Л–≤ –њ–Њ–і —И–∞–њ–Ї–Њ–є –±—Л–ї —Б–ї–Є—И–Ї–Њ–Љ –±–Њ–ї—М—И–Є–Љ
   ============================================================ */
/* 1. no plate under the thumbnail - the tile is the photo and the caption */
/* line 5007, theme.scss */
.banner-list.sd-rail .banner-list__item,
.banner-list.sd-rail .banner-list__item-photo,
.banner-list.sd-rail .img-ratio {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important; }

/* line 5015, theme.scss */
.banner-list.sd-rail .banner-list__item-photo,
.banner-list.sd-rail .img-ratio {
  height: auto !important;
  overflow: visible !important; }

/* line 5021, theme.scss */
.banner-list.sd-rail .banner-list__item img {
  background: transparent !important;
  box-shadow: none !important;
  display: block; }

@media (max-width: 640px) {
  /* 2. logo bar: no rule underneath, bigger mark */
  /* line 5029, theme.scss */
  .sd-minihead {
    height: 84px !important;
    border-bottom: 0 !important;
    box-shadow: none !important; }

  /* line 5034, theme.scss */
  .sd-minihead img,
  .sd-minihead svg {
    height: 64px !important; }

  /* line 5036, theme.scss */
  .sd-minihead__text {
    font-size: 26px !important; }

  /* 3. pull the tiles up under the header */
  /* line 5039, theme.scss */
  .sd-inner .layout[class*="banner_list"],
  .sd-inner .layout[class*="banner_list"] > .layout__content {
    padding-top: 0 !important;
    margin-top: 0 !important; }

  /* line 5044, theme.scss */
  .sd-inner .banner-list.sd-rail {
    margin-top: 8px !important; } }
/* SD-FIX-20: the tile's photo box stayed 88px tall while the picture
   inside it was 66px, so 22px of empty plate hung under every image and
   pushed the caption away. Both are pinned to the same height, and the
   gap between the logo bar and the first row is trimmed. */
/* line 5051, theme.scss */
.banner-list.sd-rail .banner-list__item-photo,
.banner-list.sd-rail .banner-list__item-photo .img-ratio,
.banner-list.sd-rail .img-ratio,
.banner-list.sd-rail .banner-list__item img {
  height: 88px !important;
  aspect-ratio: auto !important; }

/* line 5059, theme.scss */
.banner-list.sd-rail .sd-tile-label {
  margin-top: 6px !important; }

@media (max-width: 640px) {
  /* line 5062, theme.scss */
  body.sd-inner main {
    padding-top: 4px !important; }

  /* line 5063, theme.scss */
  .sd-inner .banner-list.sd-rail {
    margin-top: 0 !important;
    padding-top: 0 !important; } }
/* ============================================================
   SD-FAQ-LIGHT (09.09.2026): ¬Ђ–Ъ–∞–Ї –≤—Л–±—А–∞—В—М?¬ї –њ–Њ –Ї–Њ–љ—Ж–µ–њ—Ж–Є–Є вАФ
   –љ–µ –Ї–∞—А—В–Њ—З–Ї–Є, –∞ —Б–њ–Є—Б–Њ–Ї –≤–Њ–њ—А–Њ—Б–Њ–≤ —Б —В–Њ–љ–Ї–Є–Љ–Є –њ–ї—О—Б–∞–Љ–Є –Є –ї–Є–љ–Є—П–Љ–Є.
   ============================================================ */
/* line 5070, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(35, 33, 32, 0.1) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important; }

/* line 5080, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label {
  padding: 22px 40px 22px 0 !important;
  background: transparent !important;
  position: relative; }

/* line 5086, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label-text {
  font-size: 21px !important;
  font-weight: 400 !important;
  line-height: 1.3;
  color: #232120 !important; }

/* the theme's chevron is replaced by a hairline plus that becomes a minus */
/* line 5094, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon {
  position: absolute !important;
  right: 0;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background: none !important;
  transform: none !important; }

/* line 5105, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon::before,
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background: #5F7F81;
  transition: opacity .18s ease; }

/* line 5115, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon::before {
  width: 16px;
  height: 1px;
  margin: -0.5px 0 0 -8px; }

/* line 5119, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon::after {
  width: 1px;
  height: 16px;
  margin: -8px 0 0 -0.5px; }

/* open question: the upright stroke disappears, the plus reads as a minus */
/* line 5124, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab input:checked ~ .acc-tab__label .acc-tab__icon::after,
.widget-type_system_widget_v4_accordion_cards_1 input:checked + .acc-tab__label .acc-tab__icon::after {
  opacity: 0; }

/* line 5129, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__content {
  background: transparent !important;
  border: 0 !important;
  padding: 0 40px 24px 0 !important;
  color: #6E6862;
  font-size: 15px;
  line-height: 1.6; }

/* line 5138, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__content p {
  color: #6E6862; }

/* the guide link sits where the catalog link sits above the tiles */
/* line 5141, theme.scss */
.sd-faq-head {
  margin-bottom: -14px; }

@media (max-width: 640px) {
  /* line 5144, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label {
    padding: 16px 34px 16px 0 !important; }

  /* line 5145, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label-text {
    font-size: 16px !important; }

  /* line 5146, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__content {
    padding: 0 34px 18px 0 !important;
    font-size: 13.5px; } }
/* ============================================================
   SD-BENEFITS-LIFT: —З–µ—В—Л—А–µ —Д–∞–Ї—В–∞ вАФ –љ–∞ –±—Г–Љ–∞–≥–µ, —Б –Љ—П–≥–Ї–Њ–є —В–µ–љ—М—О –Є
   —И–∞–ї—Д–µ–є–љ–Њ–є —З–µ—А—В–Њ–є —Б–≤–µ—А—Е—Г, —З—В–Њ–±—Л –±–ї–Њ–Ї –љ–µ —В–µ—А—П–ї—Б—П –љ–∞ —Д–Њ–љ–µ.
   ============================================================ */
/* line 5153, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list__item {
  position: relative;
  background: #FBFAF7 !important;
  border: 1px solid rgba(35, 33, 32, 0.06) !important;
  border-radius: 20px !important;
  padding: 26px 22px 24px !important;
  box-shadow: 0 12px 30px rgba(35, 33, 32, 0.07) !important;
  transition: transform .2s ease, box-shadow .2s ease;
  overflow: hidden; }

/* line 5164, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list__item::before {
  content: '';
  position: absolute;
  left: 22px;
  top: 0;
  width: 34px;
  height: 3px;
  border-radius: 0 0 3px 3px;
  background: #5F7F81; }

/* line 5175, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list__item:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(35, 33, 32, 0.11) !important; }

/* line 5180, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list__item-title {
  color: #232120 !important;
  font-weight: 600 !important; }

/* line 5185, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list__item-description,
.widget-type_system_widget_v4_benefits_2 .benefit-list__item-description p {
  color: #6E6862 !important; }

@media (max-width: 640px) {
  /* line 5191, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .benefit-list__item {
    padding: 20px 16px 18px !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 20px rgba(35, 33, 32, 0.07) !important; }

  /* line 5196, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .benefit-list__item::before {
    left: 16px;
    width: 26px; } }
/* SD-FIX-21: banner lists that are not the category rail (empty decorative
   pairs, or another scenario's big tiles on the gift page) are hidden by
   the script through this class - inline display lost to the theme's own
   rules, so it needs !important. */
/* line 5203, theme.scss */
.banner-list.sd-banner-off,
.layout:has(> .layout__content > .banner-list.sd-banner-off) {
  display: none !important; }

/* SD-FIX-22: a gift tile built for a section that has no banner of its own
   shows a plain muslin-coloured square instead of a borrowed photo. */
/* line 5208, theme.scss */
.banner-list.sd-rail .banner-list__item.sd-tile-blank img {
  display: none !important; }

/* line 5209, theme.scss */
.banner-list.sd-rail .banner-list__item.sd-tile-blank .banner-list__item-photo,
.banner-list.sd-rail .banner-list__item.sd-tile-blank .img-ratio {
  background: #EAE5DC !important;
  border-radius: 16px; }

/* ============================================================
   SD-FIX-23 (09.09.2026) - po zamechaniyam vladelca:
   FAQ chitaetsya kak tekst, preimushchestva s ikonkami, plitki
   scenariev na desktope vezde vertikalnye.
   ============================================================ */
/* --- 1. FAQ "Kak vybrat?" ---------------------------------- */
/* the section title in the same typography as the trust block,
   only in the dark ink instead of white */
/* line 5226, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .layout__content::before {
  font-family: var(--sd-sans) !important;
  font-size: clamp(24px, 2.8vw, 38px) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
  color: #232120 !important;
  margin-bottom: 26px !important; }

/* questions in the deep green of the concept, a step darker than sage */
/* line 5237, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label-text {
  font-size: 18px !important;
  color: #2F4F50 !important;
  font-weight: 500 !important; }

/* line 5243, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon::before,
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon::after {
  background: #2F4F50 !important; }

/* A closed answer still carried its bottom padding, so a sliver of text
   showed through the collapsed box. Padding now belongs to the open state. */
/* line 5250, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__content {
  padding: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.6; }

/* line 5256, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 input:checked ~ .acc-tab__content {
  padding: 2px 40px 24px 0 !important; }

/* line 5260, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label {
  padding: 18px 40px 18px 0 !important; }

@media (max-width: 640px) {
  /* line 5265, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .layout__content::before {
    font-size: 22px !important;
    margin-bottom: 14px !important; }

  /* line 5269, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label {
    padding: 14px 30px 14px 0 !important; }

  /* line 5270, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label-text {
    font-size: 14.5px !important; }

  /* line 5271, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__content {
    font-size: 13px !important; }

  /* line 5272, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 input:checked ~ .acc-tab__content {
    padding: 2px 30px 16px 0 !important; } }
/* --- 2. four benefits -------------------------------------- */
/* the extra frame around every card goes; only the soft shadow stays */
/* line 5280, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list__item {
  border: 0 !important;
  padding: 22px 20px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  min-height: 210px; }

/* the sage bar over the card is replaced by a drawn icon */
/* line 5290, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item::before {
  content: '' !important;
  position: static !important;
  width: 46px !important;
  height: 46px !important;
  margin: 0 0 auto !important;
  border-radius: 14px !important;
  background-color: #EDF1F0 !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: 28px 28px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 6px 14px rgba(47, 79, 80, 0.14) !important;
  font-size: 0 !important; }

/* line 5305, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item:nth-child(1)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23335759' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='16' cy='16' r='3.2'/><path d='M16 12.8c1.2-3.4 4.6-5.2 7.2-4.2.9 2.7-.9 6-4.2 7.4'/><path d='M19.2 16c3.4 1.2 5.2 4.6 4.2 7.2-2.7.9-6-.9-7.4-4.2'/><path d='M16 19.2c-1.2 3.4-4.6 5.2-7.2 4.2-.9-2.7.9-6 4.2-7.4'/><path d='M12.8 16c-3.4-1.2-5.2-4.6-4.2-7.2 2.7-.9 6 .9 7.4 4.2'/></svg>") !important; }

/* line 5306, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item:nth-child(2)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23335759' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M16 6c3.4 4.2 5.4 7 5.4 9.6A5.4 5.4 0 0 1 16 21a5.4 5.4 0 0 1-5.4-5.4C10.6 13 12.6 10.2 16 6z'/><path d='M6 25c2-1.6 3.4-1.6 5.4 0s3.4 1.6 5.4 0 3.4-1.6 5.4 0 2.4 1.2 3.8.4'/></svg>") !important; }

/* line 5307, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item:nth-child(3)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23335759' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M25 16a9 9 0 1 1-2.9-6.6'/><path d='M25 6.5V11h-4.5'/><path d='M13 19v-6l-2 1.4'/></svg>") !important; }

/* line 5308, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item:nth-child(4)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23335759' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 11.5 16 7l10 4.5v9L16 25 6 20.5z'/><path d='M6 11.5 16 16l10-4.5M16 16v9'/><path d='M11 9.2 21 13.7'/></svg>") !important; }

/* long words were splitting mid-word on narrow cards */
/* line 5311, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list__item-title,
.widget-type_system_widget_v4_benefits_2 .benefit-list__item-description,
.widget-type_system_widget_v4_benefits_2 .benefit-list__item-description p {
  overflow-wrap: normal !important;
  word-break: normal !important;
  -webkit-hyphens: none !important;
  hyphens: none !important; }

/* line 5320, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list__item-title {
  margin-top: 16px; }

@media (max-width: 640px) {
  /* line 5323, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .benefit-list__item {
    min-height: 172px;
    padding: 16px 14px 18px !important; }

  /* line 5327, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item::before {
    width: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    background-size: 23px 23px !important; }

  /* line 5331, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .benefit-list__item-title {
    margin-top: 12px;
    font-size: 13.5px; }

  /* line 5332, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .benefit-list__item-description,
  .widget-type_system_widget_v4_benefits_2 .benefit-list__item-description p {
    font-size: 12px;
    line-height: 1.45; } }
/* --- 3. scenario tiles on desktop --------------------------- */
/* SD-FIX-20 pinned the thumbnail to 88px, which is right on a phone but
   turned the wider desktop cells into flat horizontal bricks. On desktop
   the picture keeps a portrait ratio, as on the "Dlya doma" page. */
@media (min-width: 641px) {
  /* line 5342, theme.scss */
  .banner-list.sd-rail .banner-list__item-photo,
  .banner-list.sd-rail .banner-list__item-photo .img-ratio,
  .banner-list.sd-rail .img-ratio,
  .banner-list.sd-rail .banner-list__item img {
    height: auto !important;
    aspect-ratio: 3 / 4 !important; } }
/* ============================================================
   SD-FIX-24 (09.09.2026): —Д–Є–ї—М—В—А—Л –љ–∞ –і–µ—Б–Ї—В–Њ–њ–µ –Ї–∞–Ї –≤ –Ї–Њ–љ—Ж–µ–њ—Ж–Є–Є вАФ
   —Б–ї–µ–≤–∞ —Д–Є–ї—М—В—А—Л –≤–Љ–µ—Б—В–Њ –Љ–µ–љ—О —Б—Ж–µ–љ–∞—А–Є–µ–≤, —Б–≤–µ—А—Е—Г –≤—Л–±—А–∞–љ–љ–Њ–µ —З—С—А–љ—Л–Љ–Є
   –њ–Є–ї—О–ї—П–Љ–Є —Б –Ї—А–µ—Б—В–Є–Ї–Њ–Љ, —Б—З—С—В—З–Є–Ї –Є ¬Ђ—Б–±—А–Њ—Б–Є—В—М¬ї.
   ============================================================ */
/* the theme's scenario / subcategory menu leaves the sidebar to the
   filters on any page that renders our catalog template */
/* line 5359, theme.scss */
body:has(.sd-cat__grid) .widget-type_system_widget_v4_sidebar_collections_menu_1 {
  display: none !important; }

/* line 5363, theme.scss */
.sd-active {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px; }

/* line 5371, theme.scss */
.sd-active__pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 0 18px;
  border: 0;
  border-radius: 999px;
  background: #232120;
  color: #FBFAF7;
  font: 500 14px/1 var(--sd-sans, "Inter", sans-serif);
  cursor: pointer;
  transition: background .18s ease; }

/* line 5386, theme.scss */
.sd-active__pill:hover {
  background: #3A3634; }

/* line 5388, theme.scss */
.sd-active__tail {
  font-size: 14px;
  color: #6E6862; }

/* line 5393, theme.scss */
.sd-active__reset {
  border: 0;
  background: none;
  padding: 0;
  color: #6E6862;
  font: 400 14px/1 var(--sd-sans, "Inter", sans-serif);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer; }

/* line 5404, theme.scss */
.sd-active__reset:hover {
  color: #232120; }

/* on desktop the filter column is always open - it is the sidebar now */
@media (min-width: 901px) {
  /* line 5408, theme.scss */
  .sd-cat__aside {
    display: block !important; }

  /* line 5409, theme.scss */
  .sd-cat__aside-head {
    display: none; }

  /* line 5410, theme.scss */
  .sd-cat__filters-btn {
    display: none !important; }

  /* line 5411, theme.scss */
  .sd-filter__actions {
    display: none; } }
@media (max-width: 640px) {
  /* line 5415, theme.scss */
  .sd-active {
    gap: 8px;
    margin-bottom: 14px; }

  /* line 5416, theme.scss */
  .sd-active__pill {
    height: 34px;
    padding: 0 14px;
    font-size: 12.5px;
    gap: 8px; }

  /* line 5417, theme.scss */
  .sd-active__tail, .sd-active__reset {
    font-size: 12.5px; } }
/* ============================================================
   SD-FIX-25 (09.09.2026) вАФ –і–Њ–≤–Њ–і–Ї–∞ –њ–Њ –Ј–∞–Љ–µ—З–∞–љ–Є—П–Љ –≤–ї–∞–і–µ–ї—М—Ж–∞:
   FAQ –Ї–Њ–Љ–њ–∞–Ї—В–љ—Л–є –Є —Б –≤–Є–і–Є–Љ—Л–Љ –њ–ї—О—Б–Њ–Љ, –њ—А–µ–Є–Љ—Г—Й–µ—Б—В–≤–∞ —Б —Н–є–±—А–∞—Г,
   –Є–Ї–Њ–љ–Ї–Њ–є, –≤–Њ–Ј–і—Г—Е–Њ–Љ –Љ–µ–ґ–і—Г –Ї–∞—А—В–Њ—З–Ї–∞–Љ–Є –Є —В–µ–Ї—Б—В–Њ–Љ –њ–Њ —Ж–µ–љ—В—А—Г.
   ============================================================ */
/* --- FAQ ---------------------------------------------------- */
/* the heading was centred and oversized - the trust block sets it
   flush left and a size quieter than the hero */
/* line 5430, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .layout__content::before {
  text-align: left !important;
  font-size: clamp(22px, 2.1vw, 30px) !important;
  margin-bottom: 18px !important; }

/* the plus sat on the very edge of the window because the widget runs
   full width - keep the questions inside the page container */
/* line 5438, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .layout__content {
  max-width: 1408px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px; }

/* both strokes of the sign must win over the theme's own icon rules */
/* line 5446, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon {
  right: 4px !important;
  width: 15px !important;
  height: 15px !important;
  margin-top: -7.5px !important;
  background-image: none !important; }

/* line 5454, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon::before {
  content: '' !important;
  width: 15px !important;
  height: 1.5px !important;
  margin: -0.75px 0 0 -7.5px !important;
  background: #2F4F50 !important;
  opacity: 1 !important; }

/* line 5463, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon::after {
  content: '' !important;
  width: 1.5px !important;
  height: 15px !important;
  margin: -7.5px 0 0 -0.75px !important;
  background: #2F4F50 !important;
  opacity: 1 !important; }

/* line 5472, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 input:checked ~ .acc-tab__label .acc-tab__icon::after,
.widget-type_system_widget_v4_accordion_cards_1 input:checked + .acc-tab__label .acc-tab__icon::after {
  opacity: 0 !important; }

@media (max-width: 640px) {
  /* line 5478, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .layout__content {
    padding-left: 14px;
    padding-right: 14px; }

  /* line 5482, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .layout__content::before {
    font-size: 19px !important;
    margin-bottom: 10px !important; }

  /* line 5486, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label {
    padding: 12px 26px 12px 0 !important; }

  /* line 5487, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label-text {
    font-size: 13.5px !important; }

  /* line 5488, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__content {
    font-size: 12.5px !important; }

  /* line 5489, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 input:checked ~ .acc-tab__content {
    padding: 2px 26px 14px 0 !important; }

  /* line 5492, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon {
    width: 12px !important;
    height: 12px !important;
    margin-top: -6px !important; }

  /* line 5495, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon::before {
    width: 12px !important;
    margin: -0.75px 0 0 -6px !important; }

  /* line 5498, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon::after {
    height: 12px !important;
    margin: -6px 0 0 -0.75px !important; } }
/* --- —З–µ—В—Л—А–µ –њ—А–µ–Є–Љ—Г—Й–µ—Б—В–≤–∞ ------------------------------------ */
/* The eyebrow (–°–Ю–°–Ґ–Р–Т / –Ъ–Р–І–Х–°–Ґ–Т–Ю / –Т–Ю–Ч–Т–†–Р–Ґ / –Ф–Ю–°–Ґ–Р–Т–Ъ–Р) lives in ::before
   and my icon had taken its place, so the words disappeared. The icon
   moves to ::after and is ordered above everything else. */
/* line 5508, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item::before {
  content: normal; }

/* line 5512, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item:nth-child(1)::before {
  content: "\0421 \043E \0441 \0442 \0430 \0432 " !important; }

/* line 5513, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item:nth-child(2)::before {
  content: "\041A \0430 \0447 \0435 \0441 \0442 \0432 \043E " !important; }

/* line 5514, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item:nth-child(3)::before {
  content: "\0412 \043E \0437 \0432 \0440 \0430 \0442 " !important; }

/* line 5515, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item:nth-child(4)::before {
  content: "\0414 \043E \0441 \0442 \0430 \0432 \043A \0430 " !important; }

/* line 5517, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item::before {
  order: 2;
  width: auto !important;
  height: auto !important;
  margin: 14px 0 6px !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #5F7F81 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .13em !important;
  line-height: 1 !important;
  text-transform: uppercase; }

/* line 5533, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item::after {
  content: '' !important;
  order: 1;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background-color: #EDF1F0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 28px 28px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 6px 14px rgba(47, 79, 80, 0.12); }

/* line 5546, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-title {
  order: 3;
  margin-top: 0 !important; }

/* line 5547, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-description {
  order: 4; }

/* one card: icon, eyebrow, title, text - all centred, with air around */
/* line 5550, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item {
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  min-height: 0 !important;
  padding: 26px 22px 24px !important;
  border: 0 !important;
  outline: 0 !important;
  background: #FBFAF7 !important;
  box-shadow: 0 10px 26px rgba(35, 33, 32, 0.06) !important; }

/* air between the cards - without it the shadows overlapped and looked
   like an extra plate sliding out from behind */
/* line 5564, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list {
  gap: 22px !important;
  background: none !important;
  box-shadow: none !important; }

/* line 5570, theme.scss */
.widget-type_system_widget_v4_benefits_2 .layout__content,
.widget-type_system_widget_v4_benefits_2 {
  background: none !important;
  box-shadow: none !important; }

@media (max-width: 640px) {
  /* line 5577, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .benefit-list {
    gap: 14px !important; }

  /* line 5578, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item {
    padding: 18px 12px 16px !important;
    box-shadow: 0 6px 16px rgba(35, 33, 32, 0.06) !important; }

  /* line 5582, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item::after {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background-size: 23px 23px; }

  /* line 5585, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item::before {
    font-size: 9px !important;
    margin: 10px 0 5px !important; } }
/* SD-FIX-26: parent category pages (–Ф–ї—П –і–Њ–Љ–∞, –Ф–ї—П —Б–љ–∞ –Є –Њ—В–і—Л—Е–∞, –Ф–ї—П –њ–Њ–і–∞—А–Ї–∞)
   now carry the same filter column as the catalog pages, so the theme's
   scenario / subcategory menu on the left steps aside there too. */
/* line 5593, theme.scss */
body.sd-catalog-page .widget-type_system_widget_v4_sidebar_collections_menu_1,
body:has(.sd-cat__grid) .widget-type_system_widget_v4_sidebar_collections_menu_1,
body.sd-catalog-page .sidebar-collections {
  display: none !important; }

/* the merged grid keeps the catalog layout: filters left, products right */
/* line 5600, theme.scss */
.sd-subcat .sd-cat__body {
  margin-top: 4px; }

/* line 5601, theme.scss */
.sd-subcat .sd-subcat__bar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px; }

/* line 5602, theme.scss */
.sd-subcat .sd-subcat__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px 20px; }

@media (max-width: 900px) {
  /* line 5605, theme.scss */
  .sd-subcat .sd-subcat__grid {
    grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
  /* line 5609, theme.scss */
  .sd-subcat .sd-cat__body {
    display: block; }

  /* line 5610, theme.scss */
  .sd-subcat .sd-subcat__grid {
    gap: 18px 12px; } }
/* ============================================================
   SD-FIX-27 (09.09.2026): ¬Ђ–Ъ–∞–Ї –≤—Л–±—А–∞—В—М?¬ї вАФ –≤—Б—С –њ–Њ –Њ–і–љ–Њ–є –ї–µ–≤–Њ–є
   –ї–Є–љ–Є–Є, –Ј–∞–≥–Њ–ї–Њ–≤–Њ–Ї –Ї–∞–Ї –Ї–Є–Ї–µ—А ¬Ђ–Я–Ю–І–Х–Ь–£ –Э–Р–Ь –Ф–Ю–Т–Х–†–ѓ–Ѓ–Ґ¬ї, –њ–ї—О—Б—Л
   —Б –Њ—В—Б—В—Г–њ–Њ–Љ –Њ—В –њ—А–∞–≤–Њ–≥–Њ –Ї—А–∞—П.
   ============================================================ */
/* one container, one left edge - the theme's own paddings are dropped so
   heading, questions and answers line up on the same vertical line */
/* line 5621, theme.scss */
.layout.widget-type_system_widget_v4_accordion_cards_1 > .layout__content {
  max-width: 1408px !important;
  margin: 0 auto !important;
  padding: 0 40px !important; }

/* line 5627, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .tabs,
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important; }

/* line 5635, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label {
  padding-left: 0 !important;
  padding-right: 44px !important; }

/* line 5640, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__content,
.widget-type_system_widget_v4_accordion_cards_1 input:checked ~ .acc-tab__content {
  padding-left: 0 !important;
  padding-right: 44px !important; }

/* the sign keeps clear of the right edge */
/* line 5647, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon {
  right: 0 !important; }

/* the title reads as the kicker of the trust block: small caps, tracked out */
/* line 5650, theme.scss */
.layout.widget-type_system_widget_v4_accordion_cards_1 > .layout__content::before {
  font-family: var(--sd-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .18em !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  text-align: left !important;
  color: #2F4F50 !important;
  margin: 0 0 18px !important; }

/* the guide link lines up with the questions, not with the window edge */
/* line 5663, theme.scss */
.sd-faq-head {
  max-width: 1408px;
  margin: 0 auto -6px !important;
  padding: 0 40px; }

@media (max-width: 640px) {
  /* line 5670, theme.scss */
  .layout.widget-type_system_widget_v4_accordion_cards_1 > .layout__content {
    padding: 0 16px !important; }

  /* line 5671, theme.scss */
  .sd-faq-head {
    padding: 0 16px; }

  /* line 5672, theme.scss */
  .layout.widget-type_system_widget_v4_accordion_cards_1 > .layout__content::before {
    font-size: 10px !important;
    letter-spacing: .16em !important;
    margin-bottom: 12px !important; }

  /* line 5677, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label {
    padding-right: 34px !important; }

  /* line 5678, theme.scss */
  .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__content,
  .widget-type_system_widget_v4_accordion_cards_1 input:checked ~ .acc-tab__content {
    padding-right: 34px !important; } }
/* SD-FIX-28: the tile rail must never be caught by the "hide banner lists
   above a catalog listing" rule of SD-FIX-15 - on the scenario pages the
   rail IS the navigation. */
/* line 5687, theme.scss */
.layout:has(.banner-list.sd-rail),
body:has(.sd-cat__grid) .layout:has(.banner-list.sd-rail) {
  display: block !important; }

/* the filter column keeps its width even while the products are still
   loading, so the page does not jump */
/* line 5694, theme.scss */
.sd-subcat .sd-cat__body {
  display: grid;
  grid-template-columns: 232px 1fr;
  gap: 28px;
  align-items: start; }

/* line 5695, theme.scss */
.sd-subcat .sd-cat__aside {
  position: sticky;
  top: 24px; }

@media (max-width: 900px) {
  /* line 5698, theme.scss */
  .sd-subcat .sd-cat__body {
    display: block; } }
/* ============================================================
   SD-FIX-29 (09.09.2026) вАФ –њ–Њ –Ј–∞–Љ–µ—З–∞–љ–Є—П–Љ –≤–ї–∞–і–µ–ї—М—Ж–∞:
   –њ—Г—Б—В–∞—П –Ї–Њ–ї–Њ–љ–Ї–∞ —В–µ–Љ—Л, —А–∞–Љ–Ї–∞ –≤–Њ–Ї—А—Г–≥ –њ—А–µ–Є–Љ—Г—Й–µ—Б—В–≤, —Ж–µ–љ—В—А–Њ–≤–Ї–∞,
   —З—С—А–љ—Л–µ –≤–Њ–њ—А–Њ—Б—Л, —Д–Є–ї—М—В—А—Л-–Ї–Њ–ї–Њ–љ–Ї–∞ —В–Њ–ї—М–Ї–Њ –љ–∞ –і–µ—Б–Ї—В–Њ–њ–µ.
   ============================================================ */
/* 1. The theme keeps an empty <aside> column on catalog pages once its
   own menu is hidden - that was the blank strip on the left. */
/* line 5709, theme.scss */
body.sd-catalog-page .page_layout > aside,
body:has(.sd-cat__grid) .page_layout > aside {
  display: none !important; }

/* line 5714, theme.scss */
body.sd-catalog-page .page_layout,
body:has(.sd-cat__grid) .page_layout {
  grid-template-columns: 1fr !important; }

/* 2. The frame around the four facts came from .benefit-list itself. */
/* line 5720, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list,
.widget-type_system_widget_v4_benefits_2 .benefit-list.grid-list {
  border: 0 !important;
  outline: 0 !important; }

/* 3. Everything in a fact card is centred, title and text included. */
/* line 5727, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-title,
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-description,
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-description p {
  text-align: center !important;
  width: 100%; }

/* 4. Questions in the ink black the owner asked for; the sign stays green. */
/* line 5735, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label-text {
  color: #232120 !important; }

/* 5. The filter column belongs to the desktop only. On a phone the
   questions above the grid and the "–§–Є–ї—М—В—А—Л" sheet do the job, so the
   sidebar must not print itself into the page. */
@media (max-width: 900px) {
  /* line 5743, theme.scss */
  .sd-subcat .sd-cat__aside:not(.is-open),
  .sd-cat__aside:not(.is-open) {
    display: none !important; }

  /* line 5747, theme.scss */
  .sd-subcat .sd-cat__aside.is-open,
  .sd-cat__aside.is-open {
    display: block !important; } }
/* 6. Less air between the tile rail and the products on a phone. */
@media (max-width: 640px) {
  /* line 5753, theme.scss */
  .sd-subcat {
    margin-top: 6px !important; }

  /* line 5754, theme.scss */
  .sd-subcat .sd-cat__body {
    margin-top: 0 !important; }

  /* line 5755, theme.scss */
  .sd-subcat .sd-subcat__bar {
    margin: 4px 0 10px !important; }

  /* line 5756, theme.scss */
  .banner-list.sd-rail {
    margin-bottom: 4px !important; } }
/* SD-FIX-30: on desktop the rail, the filter column and the grid must share
   one frame - the rail ran to the right edge while the products stopped
   24px short, and the filters started 24px further in than the rail. */
@media (min-width: 901px) {
  /* main now carries the page padding itself, so these compensations are
     gone - they made the right margin wider than the left */
  /* line 5765, theme.scss */
  .sd-subcat {
    padding-left: 0 !important;
    padding-right: 0 !important; }

  /* line 5766, theme.scss */
  .sd-subcat .sd-cat__body {
    margin-left: 0 !important;
    margin-right: 0 !important; } }
/* SD-FIX-31: the theme lays the page out on a 37-column grid and gives
   <main> only part of it when the left column is hidden - on ¬Ђ–Ф–ї—П —Б–љ–∞ –Є
   –Њ—В–і—Л—Е–∞¬ї that pushed the whole catalog to the right half of the screen.
   On catalog pages main takes the full row. */
/* line 5773, theme.scss */
body.sd-catalog-page .page_layout > main,
body:has(.sd-subcat) .page_layout > main,
body:has(.sd-cat__grid) .page_layout > main {
  /* the theme names its areas (". sidebar main ."), so the column span has
     to be restated together with the row, or the name wins */
  /* drop the theme's named area first, then claim the full row - the row
     number differs between scenario pages, so it must stay automatic */
  grid-area: auto !important;
  grid-column: 1 / -1 !important;
  width: auto !important; }

/* line 5785, theme.scss */
body.sd-catalog-page .page_layout > aside,
body:has(.sd-subcat) .page_layout > aside,
body:has(.sd-cat__grid) .page_layout > aside {
  display: none !important; }

/* ============================================================
   SD-FIX-32 (09.09.2026) вАФ —В–Њ, —З—В–Њ –љ–∞—И–ї–Њ—Б—М –њ—А–Є –Њ—Б–Љ–Њ—В—А–µ –ґ–Є–≤–Њ–є
   —Б—В—А–∞–љ–Є—Ж—Л, –∞ –љ–µ –≤ –≤—Л—З–Є—Б–ї–µ–љ–љ—Л—Е —Б—В–Є–ї—П—Е.
   ============================================================ */
/* 1. The theme rotates the accordion icon by 90deg for its own chevron
   animation. That rotation was landing on my vertical stroke and turning
   every plus into a minus. */
/* line 5797, theme.scss */
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon,
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon::before,
.widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon::after {
  transform: none !important;
  rotate: none !important; }

/* 2. Two lines are reserved for a fact title, so the descriptions of all
   four cards start on the same line whatever the title does. */
/* line 5806, theme.scss */
.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-title {
  min-height: 2.4em;
  display: flex;
  align-items: flex-start;
  justify-content: center; }

@media (max-width: 640px) {
  /* line 5814, theme.scss */
  .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-title {
    min-height: 2.6em; } }
/* SD-FIX-33: the page padding belongs to the desktop only - on a phone the
   theme already gives the content its own 16px, and adding 32px more
   squeezed the tile rail to 281px of 375 and made the captions collide. */
@media (min-width: 901px) {
  /* line 5824, theme.scss */
  body.sd-catalog-page .page_layout > main,
  body:has(.sd-subcat) .page_layout > main,
  body:has(.sd-cat__grid) .page_layout > main {
    padding-left: 32px !important;
    padding-right: 32px !important; } }
/* ============================================================
   SD-PRODUCT (09.09.2026): –Ї–∞—А—В–Њ—З–Ї–∞ —В–Њ–≤–∞—А–∞ –њ–Њ –Ї–Њ–љ—Ж–µ–њ—Ж–Є–Є вАФ
   –≥–∞–ї–µ—А–µ—П —Б –Љ–Є–љ–Є–∞—В—О—А–∞–Љ–Є, —Б–њ–Њ–Ї–Њ–є–љ–∞—П —В–Є–њ–Њ–≥—А–∞—Д–Є–Ї–∞, —А–∞–Ј–Љ–µ—А—Л
   –њ–Є–ї—О–ї—П–Љ–Є, —Ж–≤–µ—В–∞ –Ї—А—Г–ґ–Ї–∞–Љ–Є, —И–∞–ї—Д–µ–є–љ–∞—П –Ї–љ–Њ–њ–Ї–∞.
   ============================================================ */
/* line 5837, theme.scss */
.sd-prod {
  max-width: 1408px;
  margin: 0 auto;
  padding: 8px 0 60px; }

/* line 5839, theme.scss */
.sd-prod__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 46%);
  gap: 48px;
  align-items: start; }

/* --- gallery --- */
/* line 5847, theme.scss */
.sd-prod__gallery {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 16px; }

/* line 5849, theme.scss */
.sd-prod__thumbs {
  display: flex;
  flex-direction: column;
  gap: 10px; }

/* line 5851, theme.scss */
.sd-prod__thumb {
  padding: 0;
  border: 1px solid transparent;
  border-radius: 14px;
  background: none;
  cursor: pointer;
  overflow: hidden;
  line-height: 0;
  transition: border-color .18s ease; }

/* line 5862, theme.scss */
.sd-prod__thumb img {
  width: 84px;
  height: 104px;
  object-fit: cover;
  display: block; }

/* line 5863, theme.scss */
.sd-prod__thumb.is-on {
  border-color: #5F7F81; }

/* line 5865, theme.scss */
.sd-prod__stage {
  border-radius: 24px;
  overflow: hidden;
  background: #EFEAE2;
  aspect-ratio: 4 / 5; }

/* line 5872, theme.scss */
.sd-prod__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }

/* --- right column --- */
/* line 5875, theme.scss */
.sd-prod__title {
  margin: 0 0 18px;
  font-family: var(--sd-sans);
  font-size: clamp(24px, 2.4vw, 34px);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -.025em;
  color: #232120; }

/* line 5885, theme.scss */
.sd-prod__pricerow {
  display: flex;
  align-items: baseline;
  gap: 14px;
  padding: 18px 0;
  border-top: 1px solid rgba(35, 33, 32, 0.1);
  border-bottom: 1px solid rgba(35, 33, 32, 0.1); }

/* line 5894, theme.scss */
.sd-prod__price {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -.02em; }

/* line 5895, theme.scss */
.sd-prod__old {
  font-size: 16px;
  color: #6E6862; }

/* line 5896, theme.scss */
.sd-prod__stock {
  margin-left: auto;
  font-size: 14px;
  color: #6E6862; }

/* line 5898, theme.scss */
.sd-prod__opt {
  margin-top: 22px; }

/* line 5900, theme.scss */
.sd-prod__opt-title {
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #6E6862; }

/* line 5909, theme.scss */
.sd-prod__opt-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }

/* line 5911, theme.scss */
.sd-prod__pill {
  display: inline-flex;
  align-items: center;
  height: 42px;
  padding: 0 20px;
  border: 1px solid rgba(35, 33, 32, 0.16);
  border-radius: 999px;
  font-size: 14px;
  color: #232120; }

/* line 5922, theme.scss */
.sd-prod__dot {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(35, 33, 32, 0.14);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.8); }

/* --- buy row --- */
/* line 5931, theme.scss */
.sd-prod__buy {
  display: flex;
  gap: 14px;
  margin-top: 28px; }

/* line 5933, theme.scss */
.sd-prod__qty {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(35, 33, 32, 0.16);
  border-radius: 999px;
  padding: 0 6px; }

/* line 5941, theme.scss */
.sd-prod__qty button {
  width: 36px;
  height: 52px;
  border: 0;
  background: none;
  cursor: pointer;
  font-size: 18px;
  color: #232120; }

/* line 5947, theme.scss */
.sd-prod__qty input {
  width: 34px;
  height: 52px;
  border: 0;
  background: none;
  text-align: center;
  font: 500 15px/1 var(--sd-sans, "Inter", sans-serif); }

/* line 5953, theme.scss */
.sd-prod__add {
  flex: 1;
  height: 54px;
  border: 0;
  border-radius: 999px;
  background: #5F7F81;
  color: #FBFAF7;
  font: 500 15px/1 var(--sd-sans, "Inter", sans-serif);
  cursor: pointer;
  transition: background .18s ease; }

/* line 5965, theme.scss */
.sd-prod__add:hover {
  background: #4E6C6E; }

/* line 5967, theme.scss */
.sd-prod__links {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 18px; }

/* line 5969, theme.scss */
.sd-prod__fav {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  font-size: 14px;
  color: #6E6862; }

/* line 5975, theme.scss */
.sd-prod__fav svg {
  width: 18px;
  height: 18px; }

/* line 5976, theme.scss */
.sd-prod__fav.is-on {
  color: #5F7F81; }

/* line 5977, theme.scss */
.sd-prod__note {
  font-size: 14px;
  color: #6E6862; }

/* --- description / specs --- */
/* line 5980, theme.scss */
.sd-prod__acc {
  margin-top: 30px;
  border-top: 1px solid rgba(35, 33, 32, 0.1); }

/* line 5982, theme.scss */
.sd-prod__sec {
  border-bottom: 1px solid rgba(35, 33, 32, 0.1); }

/* line 5984, theme.scss */
.sd-prod__sec summary {
  list-style: none;
  cursor: pointer;
  padding: 18px 0;
  font-size: 16px;
  color: #232120;
  position: relative; }

/* line 5993, theme.scss */
.sd-prod__sec summary::-webkit-details-marker {
  display: none; }

/* line 5995, theme.scss */
.sd-prod__sec summary::after {
  content: '+';
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  color: #5F7F81;
  font-size: 18px; }

/* line 6005, theme.scss */
.sd-prod__sec[open] summary::after {
  content: '\2212'; }

/* line 6007, theme.scss */
.sd-prod__text,
.sd-prod__specs {
  padding: 0 0 20px;
  font-size: 14.5px;
  line-height: 1.65;
  color: #6E6862; }

/* line 6009, theme.scss */
.sd-prod__text p {
  margin: 0 0 10px; }

/* line 6011, theme.scss */
.sd-prod__specs {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 8px 24px;
  margin: 0; }

/* line 6012, theme.scss */
.sd-prod__specs dt {
  color: #8A857F; }

/* line 6013, theme.scss */
.sd-prod__specs dd {
  margin: 0;
  color: #232120; }

/* --- what people buy with it / recommendations --- */
/* line 6016, theme.scss */
.sd-prod__more {
  margin-top: 64px; }

/* line 6018, theme.scss */
.sd-prod__more-title {
  margin: 0 0 22px;
  font-family: var(--sd-sans);
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 400;
  letter-spacing: -.02em;
  color: #232120; }

/* line 6027, theme.scss */
.sd-prod__more-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px 20px; }

@media (max-width: 1100px) {
  /* line 6034, theme.scss */
  .sd-prod__grid {
    grid-template-columns: 1fr;
    gap: 28px; }

  /* line 6035, theme.scss */
  .sd-prod__more-grid {
    grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) {
  /* line 6039, theme.scss */
  .sd-prod {
    padding: 4px 0 40px; }

  /* line 6040, theme.scss */
  .sd-prod__gallery {
    grid-template-columns: 1fr;
    gap: 10px; }

  /* line 6041, theme.scss */
  .sd-prod__thumbs {
    flex-direction: row;
    overflow-x: auto;
    scrollbar-width: none;
    order: 2; }

  /* line 6042, theme.scss */
  .sd-prod__thumbs::-webkit-scrollbar {
    display: none; }

  /* line 6043, theme.scss */
  .sd-prod__thumb img {
    width: 62px;
    height: 78px; }

  /* line 6044, theme.scss */
  .sd-prod__stage {
    border-radius: 18px;
    aspect-ratio: 3 / 4; }

  /* line 6045, theme.scss */
  .sd-prod__title {
    font-size: 20px;
    margin-bottom: 14px; }

  /* line 6046, theme.scss */
  .sd-prod__price {
    font-size: 22px; }

  /* line 6047, theme.scss */
  .sd-prod__pricerow {
    padding: 14px 0; }

  /* line 6048, theme.scss */
  .sd-prod__add {
    height: 50px;
    font-size: 14px; }

  /* line 6049, theme.scss */
  .sd-prod__qty button {
    height: 48px; }

  /* line 6050, theme.scss */
  .sd-prod__qty input {
    height: 48px; }

  /* line 6051, theme.scss */
  .sd-prod__more {
    margin-top: 40px; }

  /* line 6052, theme.scss */
  .sd-prod__more-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 12px; } }
/* the catalog sheet tiles get the photo of their first product */
/* line 6056, theme.scss */
.sd-catmenu__kid-img {
  background-size: cover;
  background-position: 50% 50%;
  background-color: #EAE5DC; }

/* SD-FIX-34: on phones the product page ran edge to edge - the description,
   the specs and the recommendations all touched the screen borders. */
@media (max-width: 900px) {
  /* line 6065, theme.scss */
  .sd-prod {
    padding-left: 16px !important;
    padding-right: 16px !important; } }
@media (max-width: 380px) {
  /* line 6072, theme.scss */
  .sd-prod {
    padding-left: 14px !important;
    padding-right: 14px !important; } }
/* ============================================================
   SD-CART (09.09.2026): –Ї–Њ—А–Ј–Є–љ–∞ –≤ —Б—В–Є–ї–µ —Б–∞–є—В–∞ вАФ —Б–Ї—А—Г–≥–ї—С–љ–љ—Л–µ
   –њ—А–µ–≤—М—О –Є –Є–Ї–Њ–љ–Ї–Є, —Ж–µ–љ–∞ —В–Њ–≤–∞—А–∞ –Њ–і–Є–љ —А–∞–Ј (–љ–∞–њ—А–Њ—В–Є–≤ –Ї–Њ–ї–Є—З–µ—Б—В–≤–∞),
   —И–∞–ї—Д–µ–є–љ–∞—П –Ї–љ–Њ–њ–Ї–∞ –Њ—Д–Њ—А–Љ–ї–µ–љ–Є—П.
   ============================================================ */
/* line 6081, theme.scss */
.widget-type_system_widget_v4_cart_1 .heading {
  font-family: var(--sd-sans);
  font-size: clamp(24px, 2.4vw, 34px);
  font-weight: 400;
  letter-spacing: -.025em;
  color: #232120; }

/* one price per line: the small one under the title repeated the total */
/* line 6090, theme.scss */
.widget-type_system_widget_v4_cart_1 .cart-item .item-price {
  display: none !important; }

/* line 6092, theme.scss */
.widget-type_system_widget_v4_cart_1 .cart-item {
  align-items: center;
  padding: 18px;
  border: 0 !important;
  border-radius: 20px;
  background: #FBFAF7;
  box-shadow: 0 8px 22px rgba(35, 33, 32, 0.05);
  margin-bottom: 14px; }

/* line 6102, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-image,
.widget-type_system_widget_v4_cart_1 .item-image img,
.widget-type_system_widget_v4_cart_1 .item-image a {
  border-radius: 16px !important;
  overflow: hidden; }

/* line 6109, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-image img {
  object-fit: cover;
  display: block; }

/* line 6111, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-title {
  font-size: 16px;
  color: #232120;
  text-decoration: none; }

/* line 6117, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-title:hover {
  color: #5F7F81; }

/* line 6119, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-total {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.01em;
  color: #232120; }

/* counter and delete as quiet rounded controls */
/* line 6127, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-counter {
  border: 1px solid rgba(35, 33, 32, 0.14);
  border-radius: 999px;
  overflow: hidden;
  background: #FFFDFA; }

/* line 6134, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-counter button,
.widget-type_system_widget_v4_cart_1 .item-counter .button {
  border: 0 !important;
  background: none !important;
  color: #232120; }

/* line 6141, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-counter input {
  border: 0 !important;
  background: none !important;
  text-align: center; }

/* line 6147, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-delete,
.widget-type_system_widget_v4_cart_1 .item-delete a,
.widget-type_system_widget_v4_cart_1 .item-delete button {
  border-radius: 50% !important;
  color: #8A857F; }

/* line 6154, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-delete a:hover,
.widget-type_system_widget_v4_cart_1 .item-delete button:hover {
  color: #232120; }

/* the summary panel */
/* line 6158, theme.scss */
.widget-type_system_widget_v4_cart_1 .cart__area-coupon,
.widget-type_system_widget_v4_cart_1 .cart-controls {
  border: 0 !important;
  border-radius: 20px;
  background: #FBFAF7;
  box-shadow: 0 8px 22px rgba(35, 33, 32, 0.05);
  padding: 20px; }

/* line 6167, theme.scss */
.widget-type_system_widget_v4_cart_1 .cart__area-coupon input[type="text"] {
  height: 46px;
  border: 1px solid rgba(35, 33, 32, 0.14) !important;
  border-radius: 999px !important;
  background: #FFFDFA !important;
  padding: 0 18px; }

/* line 6175, theme.scss */
.widget-type_system_widget_v4_cart_1 .cart-controls .button,
.widget-type_system_widget_v4_cart_1 .cart-controls button,
.widget-type_system_widget_v4_cart_1 .cart-controls a.button {
  border-radius: 999px !important;
  background: #5F7F81 !important;
  border-color: #5F7F81 !important;
  color: #FBFAF7 !important;
  height: 52px;
  font-weight: 500; }

/* line 6186, theme.scss */
.widget-type_system_widget_v4_cart_1 .cart-controls .button:hover,
.widget-type_system_widget_v4_cart_1 .cart-controls button:hover {
  background: #4E6C6E !important; }

@media (max-width: 640px) {
  /* line 6190, theme.scss */
  .widget-type_system_widget_v4_cart_1 .layout__content {
    padding-left: 16px;
    padding-right: 16px; }

  /* line 6191, theme.scss */
  .widget-type_system_widget_v4_cart_1 .cart-item {
    padding: 14px;
    border-radius: 16px; }

  /* line 6192, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-image,
  .widget-type_system_widget_v4_cart_1 .item-image img {
    border-radius: 13px !important; }

  /* line 6194, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-title {
    font-size: 14px; }

  /* line 6195, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-total {
    font-size: 15px; }

  /* line 6196, theme.scss */
  .widget-type_system_widget_v4_cart_1 .cart__area-coupon,
  .widget-type_system_widget_v4_cart_1 .cart-controls {
    padding: 16px;
    border-radius: 16px; } }
/* SD-CART-2: the counter stretched across its grid cell, so the minus and
   the plus sat at opposite ends of a long empty bar. */
/* line 6202, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-counter {
  width: max-content !important;
  border: 0 !important;
  background: none !important; }

/* line 6208, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-counter .counter {
  display: inline-flex !important;
  align-items: center;
  width: auto !important;
  border: 1px solid rgba(35, 33, 32, 0.14);
  border-radius: 999px;
  background: #FFFDFA;
  overflow: hidden; }

/* line 6218, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-counter .counter-button {
  width: 38px;
  height: 42px;
  border: 0 !important;
  background: none !important;
  color: #232120; }

/* line 6225, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-counter .counter-input {
  width: 40px !important;
  height: 42px;
  border: 0 !important;
  background: none !important;
  text-align: center;
  box-shadow: none !important; }

/* SD-CART-3: the quantity was printed white on white - the theme colours
   its small form controls for a dark button, not for our capsule. */
/* line 6236, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-counter .counter-input,
.widget-type_system_widget_v4_cart_1 .item-counter .counter-button,
.widget-type_system_widget_v4_cart_1 .item-counter .icon {
  color: #232120 !important;
  -webkit-text-fill-color: #232120; }

/* ==========================================================================
   SD-ACC-1 (10.09.2026): customer account.
   The shop renders /client_account/* with its checkout2 markup (co-*); the
   rules below dress it in the design system: sidebar of pills on the left,
   paper cards, pill inputs, sage buttons. theme.js adds the greeting, the
   favourites link, the empty states, the "my sizes" card and the login photo.
   ========================================================================== */
/* --- frame: sidebar + content, same width as the catalog pages --- */
/* line 6253, theme.scss */
body.sd-acc .checkout-v2-wrapper.co-section--content_wrapper {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 40px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 40px 72px;
  box-sizing: border-box; }

/* line 6262, theme.scss */
body.sd-acc-login .checkout-v2-wrapper.co-section--content_wrapper {
  display: block; }

/* line 6264, theme.scss */
body.sd-acc .co-section--content {
  min-width: 0; }

/* line 6265, theme.scss */
body.sd-acc .co-checkout-block--padded {
  padding: 0 !important; }

/* --- sidebar menu --- */
/* line 6268, theme.scss */
body.sd-acc .co-sidebar--menu {
  align-self: start;
  min-width: 0; }

/* line 6269, theme.scss */
body.sd-acc .co-menu-switcher,
body.sd-acc .co-menu-toggle {
  display: none !important; }

/* line 6271, theme.scss */
body.sd-acc .co-menu--personal {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  background: none;
  border: 0; }

/* line 6279, theme.scss */
body.sd-acc .co-menu-item--personal {
  margin: 0;
  padding: 0; }

/* line 6280, theme.scss */
body.sd-acc .co-menu-link--personal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 12px;
  font-family: var(--sd-sans);
  font-size: 14px;
  color: #6E6862;
  text-decoration: none !important;
  border: 0 !important;
  transition: background .15s ease, color .15s ease; }

/* line 6294, theme.scss */
body.sd-acc .co-menu-link--personal:hover {
  background: #F5F2ED;
  color: #232120; }

/* line 6295, theme.scss */
body.sd-acc .co-menu-link--active,
body.sd-acc .co-menu-link--active:hover {
  background: #EAE5DC;
  color: #232120; }

/* line 6297, theme.scss */
body.sd-acc .sd-acc__exit {
  margin-top: 10px; }

/* line 6298, theme.scss */
body.sd-acc .sd-acc__exit .co-menu-link--personal {
  font-size: 13px; }

/* line 6299, theme.scss */
.sd-acc__badge {
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 999px;
  background: #5F7F81;
  color: #FBFAF7; }

/* --- titles --- */
/* line 6310, theme.scss */
body.sd-acc .co-checkout-title,
.sd-acc__title {
  font-family: var(--sd-serif);
  font-weight: 500;
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: -.01em;
  color: #232120;
  margin: 0 0 26px; }

/* line 6320, theme.scss */
.sd-acc__hello {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 4px 0 26px; }

/* line 6321, theme.scss */
.sd-acc__avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #EAE5DC;
  color: #232120;
  display: grid;
  place-items: center;
  font-size: 20px;
  font-weight: 500;
  flex: none; }

/* line 6328, theme.scss */
.sd-acc__hi {
  font-size: 26px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.01em; }

/* line 6329, theme.scss */
.sd-acc__hello + .co-section--checkout_header .co-checkout-title {
  font-size: 22px;
  margin-bottom: 18px; }

/* line 6330, theme.scss */
.sd-acc__hide {
  display: none !important; }

/* --- cards --- */
/* line 6333, theme.scss */
.sd-acc__card,
.sd-acc__empty {
  background: #FBFAF7;
  border: 1px solid rgba(35, 33, 32, 0.07);
  border-radius: 18px;
  padding: 22px 24px;
  margin-top: 18px; }

/* line 6341, theme.scss */
.sd-acc__kick {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #5F7F81;
  margin-bottom: 8px; }

/* line 6345, theme.scss */
.sd-acc__note {
  font-size: 13px;
  color: #6E6862;
  margin: 0 0 16px;
  max-width: 60ch; }

/* line 6346, theme.scss */
.sd-acc__btn {
  display: inline-block;
  padding: 13px 24px;
  border-radius: 999px;
  background: #5F7F81;
  color: #FBFAF7 !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  border: 0; }

/* line 6356, theme.scss */
.sd-acc__btn:hover {
  opacity: .92; }

/* empty state: photo left, words right */
/* line 6359, theme.scss */
.sd-acc__empty {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 24px;
  align-items: center;
  padding: 20px;
  margin-top: 0; }

/* line 6367, theme.scss */
.sd-acc__empty--nopic {
  grid-template-columns: 1fr;
  padding: 26px 28px; }

/* line 6368, theme.scss */
.sd-acc__empty-pic {
  width: 96px;
  height: 96px;
  border-radius: 24px;
  background: #EDF1F0;
  display: grid;
  place-items: center; }

/* line 6374, theme.scss */
.sd-acc__empty-pic svg {
  width: 44px;
  height: 44px;
  display: block; }

/* line 6375, theme.scss */
.sd-acc__empty-body h3 {
  font-size: 22px;
  font-weight: 500;
  margin: 0 0 8px;
  line-height: 1.15; }

/* line 6376, theme.scss */
.sd-acc__empty-body p {
  font-size: 14px;
  color: #6E6862;
  margin: 0 0 18px;
  max-width: 48ch; }

/* my sizes */
/* line 6379, theme.scss */
.sd-acc__sizes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px; }

/* line 6380, theme.scss */
.sd-acc__field {
  display: grid;
  gap: 6px; }

/* line 6381, theme.scss */
.sd-acc__field span {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6E6862; }

/* line 6382, theme.scss */
.sd-acc__field select {
  width: 100%;
  height: 46px;
  padding: 0 40px 0 16px;
  border: 1px solid rgba(35, 33, 32, 0.14);
  border-radius: 999px;
  background: #FFFDFA url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23232120' stroke-width='1.5'/></svg>") no-repeat right 16px center;
  font: 500 15px/1 var(--sd-sans);
  color: #232120;
  -webkit-appearance: none;
  appearance: none; }

/* line 6393, theme.scss */
.sd-acc__saved {
  min-height: 18px;
  margin-top: 10px;
  font-size: 12px;
  color: #2F4F50; }

/* --- forms (contacts, addresses) --- */
/* line 6396, theme.scss */
body.sd-acc .co-form {
  max-width: 560px; }

/* line 6397, theme.scss */
body.sd-acc .co-input {
  margin-bottom: 16px; }

/* line 6398, theme.scss */
body.sd-acc .co-input-label {
  display: block;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6E6862;
  margin-bottom: 8px; }

/* line 6403, theme.scss */
body.sd-acc .co-input-field {
  height: 48px;
  padding: 0 18px;
  border: 1px solid rgba(35, 33, 32, 0.14) !important;
  border-radius: 999px !important;
  background: #FFFDFA !important;
  box-shadow: none !important;
  font: 400 15px/1 var(--sd-sans);
  color: #232120; }

/* line 6413, theme.scss */
body.sd-acc .co-input-field:focus {
  border-color: #5F7F81 !important;
  outline: none; }

/* line 6414, theme.scss */
body.sd-acc select.co-input-field {
  border-radius: 999px !important; }

/* line 6415, theme.scss */
body.sd-acc .co-toggable_field {
  font-size: 14px !important;
  color: #232120; }

/* line 6416, theme.scss */
body.sd-acc .co-input--consent_to_personal_data {
  font-size: 12px;
  color: #6E6862; }

/* line 6417, theme.scss */
body.sd-acc .co-button,
body.sd-acc .co-modal-button,
body.sd-acc button[type="submit"].co-button {
  height: 48px;
  padding: 0 28px;
  border-radius: 999px !important;
  background: #5F7F81 !important;
  color: #FBFAF7 !important;
  border: 0 !important;
  font: 500 14px/1 var(--sd-sans);
  box-shadow: none !important;
  width: auto;
  min-width: 200px; }

/* line 6431, theme.scss */
body.sd-acc .co-button:hover {
  opacity: .92; }

/* line 6432, theme.scss */
body.sd-acc .co-input-notice {
  font-size: 12px; }

/* --- login: form on the left, photo on the right --- */
/* line 6435, theme.scss */
.sd-acc__login {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 56px;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px 40px 72px; }

/* line 6444, theme.scss */
.sd-acc__login-form {
  max-width: 440px; }

/* line 6445, theme.scss */
.sd-acc__login-intro h2 {
  font-size: 34px;
  font-weight: 500;
  letter-spacing: -.01em;
  line-height: 1.08;
  margin: 6px 0 10px; }

/* line 6446, theme.scss */
.sd-acc__login-intro p {
  font-size: 14px;
  color: #6E6862;
  margin: 0 0 22px;
  max-width: 42ch; }

/* line 6447, theme.scss */
.sd-acc__login-pic {
  aspect-ratio: 4 / 5;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(160deg, #E6D6C4, #CDB69C); }

/* line 6453, theme.scss */
.sd-acc__login-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }

/* line 6454, theme.scss */
body.sd-acc-login .co-login .co-form--login {
  width: 100%;
  max-width: none; }

/* line 6455, theme.scss */
body.sd-acc-login .co-modal-button {
  width: 100%; }

/* line 6456, theme.scss */
body.sd-acc-login .g-recaptcha {
  margin-bottom: 14px; }

/* line 6457, theme.scss */
body.sd-acc-login .co-countdown-block {
  font-size: 12px;
  color: #6E6862;
  margin-top: 10px; }

/* --- favourites page --- */
/* line 6460, theme.scss */
.sd-acc__favgrid .sd-card__btn.is-off {
  display: inline-block;
  text-align: center;
  opacity: .45;
  pointer-events: none; }

/* line 6461, theme.scss */
.sd-acc__favpage {
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 40px 72px;
  box-sizing: border-box; }

/* line 6462, theme.scss */
.sd-acc__favgrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px 18px; }

/* line 6463, theme.scss */
body.sd-acc-fav main > .layout.widget-type_system_widget_v4_page_title_1,
body.sd-acc-fav main > .layout.widget-type_system_widget_v4_catalog_2 {
  display: none !important; }

/* --- phones --- */
@media (max-width: 900px) {
  /* line 6468, theme.scss */
  body.sd-acc .checkout-v2-wrapper.co-section--content_wrapper {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    padding: 12px 16px 96px; }

  /* line 6473, theme.scss */
  body.sd-acc .co-menu--personal {
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    gap: 6px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 0 -16px;
    padding: 0 16px 6px; }

  /* line 6483, theme.scss */
  body.sd-acc .co-menu--personal::-webkit-scrollbar {
    display: none; }

  /* line 6484, theme.scss */
  body.sd-acc .co-menu-link--personal {
    white-space: nowrap;
    padding: 9px 14px;
    border: 1px solid rgba(35, 33, 32, 0.14) !important;
    border-radius: 999px;
    font-size: 13px; }

  /* line 6491, theme.scss */
  body.sd-acc .co-menu-link--active {
    background: #232120;
    color: #FBFAF7;
    border-color: #232120 !important; }

  /* line 6492, theme.scss */
  body.sd-acc .sd-acc__exit {
    margin-top: 0; }

  /* line 6493, theme.scss */
  body.sd-acc .co-checkout-title, .sd-acc__title {
    font-size: 24px;
    margin-bottom: 18px; }

  /* line 6494, theme.scss */
  .sd-acc__hi {
    font-size: 22px; }

  /* line 6495, theme.scss */
  .sd-acc__avatar {
    width: 44px;
    height: 44px;
    font-size: 17px; }

  /* line 6496, theme.scss */
  .sd-acc__card, .sd-acc__empty {
    padding: 18px;
    border-radius: 16px; }

  /* line 6497, theme.scss */
  .sd-acc__empty {
    grid-template-columns: 64px 1fr;
    gap: 14px;
    align-items: start; }

  /* line 6498, theme.scss */
  .sd-acc__empty-pic {
    width: 64px;
    height: 64px;
    border-radius: 18px; }

  /* line 6499, theme.scss */
  .sd-acc__empty-pic svg {
    width: 30px;
    height: 30px; }

  /* line 6500, theme.scss */
  .sd-acc__empty-body h3 {
    font-size: 18px; }

  /* line 6501, theme.scss */
  .sd-acc__sizes-grid {
    grid-template-columns: 1fr; }

  /* line 6502, theme.scss */
  .sd-acc__bonus {
    flex-direction: column;
    align-items: flex-start;
    padding: 18px; }

  /* line 6503, theme.scss */
  .sd-acc__bonus-code {
    text-align: left;
    max-width: none; }

  /* line 6504, theme.scss */
  .sd-acc__bonus b {
    font-size: 30px; }

  /* line 6505, theme.scss */
  .sd-acc__steps {
    font-size: 10px; }

  /* line 6506, theme.scss */
  .sd-acc__promo-form {
    flex-direction: column; }

  /* line 6507, theme.scss */
  body.sd-acc .co-button, body.sd-acc .co-modal-button {
    width: 100%; }

  /* line 6508, theme.scss */
  .sd-acc__login {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 12px 16px 96px; }

  /* line 6509, theme.scss */
  .sd-acc__login-form {
    max-width: none; }

  /* line 6510, theme.scss */
  .sd-acc__login-pic {
    aspect-ratio: 16 / 10;
    border-radius: 18px;
    order: -1; }

  /* line 6511, theme.scss */
  .sd-acc__login-intro h2 {
    font-size: 26px; }

  /* line 6512, theme.scss */
  .sd-acc__favpage {
    padding: 12px 16px 96px; }

  /* line 6513, theme.scss */
  .sd-acc__favgrid {
    grid-template-columns: 1fr 1fr;
    gap: 16px 10px; } }
/* overview: favourites + review reminder side by side */
/* line 6517, theme.scss */
.sd-acc__pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 18px; }

/* line 6518, theme.scss */
.sd-acc__pair .sd-acc__card {
  margin-top: 0; }

/* line 6519, theme.scss */
.sd-acc__thumbs {
  display: flex;
  gap: 8px;
  margin: 12px 0 14px; }

/* line 6520, theme.scss */
.sd-acc__thumb {
  width: 72px;
  height: 90px;
  border-radius: 12px;
  overflow: hidden;
  background: #EAE5DC;
  flex: none; }

/* line 6521, theme.scss */
.sd-acc__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }

/* line 6522, theme.scss */
.sd-acc__more {
  font-size: 13px;
  color: #6E6862 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(35, 33, 32, 0.14); }

/* line 6523, theme.scss */
.sd-acc__review-t {
  font-size: 15px;
  margin: 10px 0 6px;
  color: #232120; }

/* line 6524, theme.scss */
.sd-acc__btn--ghost {
  background: transparent !important;
  color: #232120 !important;
  border: 1px solid rgba(35, 33, 32, 0.16); }

@media (max-width: 900px) {
  /* line 6525, theme.scss */
  .sd-acc__pair {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 12px; }

  /* line 6525, theme.scss */
  .sd-acc__thumb {
    width: 60px;
    height: 76px; } }
/* --- orders as cards --- */
/* line 6528, theme.scss */
.sd-acc__list {
  display: grid;
  gap: 12px; }

/* line 6529, theme.scss */
.sd-acc__order {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: center;
  padding: 18px 22px;
  background: #FBFAF7;
  border: 1px solid rgba(35, 33, 32, 0.07);
  border-radius: 18px;
  color: #232120 !important;
  text-decoration: none !important;
  transition: border-color .15s ease, transform .15s ease; }

/* line 6542, theme.scss */
.sd-acc__order:hover {
  border-color: rgba(35, 33, 32, 0.18);
  transform: translateY(-1px); }

/* line 6543, theme.scss */
.sd-acc__status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #2F4F50; }

/* line 6547, theme.scss */
.sd-acc__status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #2F4F50; }

/* line 6548, theme.scss */
.sd-acc__order--done .sd-acc__status {
  color: #5F7F81; }

/* line 6549, theme.scss */
.sd-acc__order--done .sd-acc__status::before {
  background: #5F7F81; }

/* line 6550, theme.scss */
.sd-acc__order--off .sd-acc__status {
  color: #6E6862; }

/* line 6551, theme.scss */
.sd-acc__order--off .sd-acc__status::before {
  background: #C9C3B9; }

/* line 6552, theme.scss */
.sd-acc__order-title {
  font-size: 17px;
  font-weight: 500;
  margin-top: 6px; }

/* line 6553, theme.scss */
.sd-acc__order-meta {
  font-size: 13px;
  color: #6E6862;
  margin-top: 2px; }

/* line 6554, theme.scss */
.sd-acc__order-side {
  text-align: right;
  display: grid;
  gap: 4px; }

/* line 6555, theme.scss */
.sd-acc__order-side b {
  font-size: 20px;
  font-weight: 500;
  white-space: nowrap; }

/* line 6556, theme.scss */
.sd-acc__order-side span {
  font-size: 13px;
  color: #6E6862; }

/* line 6557, theme.scss */
.sd-acc__note--foot {
  margin: 6px 4px 0;
  font-size: 12px; }

/* delivery steps under the order card (concept) */
/* line 6560, theme.scss */
.sd-acc__steps {
  display: flex;
  margin-top: 14px;
  font-size: 11px;
  color: #6E6862;
  letter-spacing: .02em; }

/* line 6561, theme.scss */
.sd-acc__steps span {
  flex: 1;
  position: relative;
  padding-top: 10px; }

/* line 6562, theme.scss */
.sd-acc__steps span::before {
  content: "";
  position: absolute;
  left: 0;
  right: 2px;
  top: 2px;
  height: 2px;
  background: rgba(35, 33, 32, 0.14);
  border-radius: 1px; }

/* line 6563, theme.scss */
.sd-acc__steps span.is-done::before {
  background: #5F7F81; }

/* line 6564, theme.scss */
.sd-acc__steps span.is-cur::before {
  background: linear-gradient(90deg, #5F7F81 50%, rgba(35, 33, 32, 0.14) 50%); }

/* line 6565, theme.scss */
.sd-acc__steps span.is-done, .sd-acc__steps span.is-cur {
  color: #232120; }

/* bonuses in roubles + personal code (concept) */
/* line 6568, theme.scss */
.sd-acc__bonus {
  margin-top: 18px;
  padding: 22px 24px;
  border-radius: 18px;
  background: #2F4F50;
  color: #FBFAF7;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px; }

/* line 6573, theme.scss */
.sd-acc__bonus small {
  display: block;
  font-size: 12px;
  opacity: .75; }

/* line 6574, theme.scss */
.sd-acc__bonus b {
  display: block;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.1;
  margin: 2px 0; }

/* line 6575, theme.scss */
.sd-acc__bonus-code {
  text-align: right;
  max-width: 46%; }

/* line 6576, theme.scss */
.sd-acc__bonus-code p {
  margin: 0;
  font-size: 13px;
  opacity: .85;
  line-height: 1.45; }

/* line 6577, theme.scss */
.sd-acc__bonus-btn {
  display: inline-block !important;
  min-width: 160px; }

/* line 6578, theme.scss */
.sd-acc__bonus-btn {
  display: block;
  margin-top: 10px;
  padding: 9px 16px;
  border-radius: 999px;
  background: #FBFAF7;
  color: #2F4F50 !important;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none !important;
  text-align: center; }

/* line 6583, theme.scss */
.sd-acc__bonus-code span {
  display: inline-block;
  margin-top: 6px;
  padding: 8px 12px;
  border-radius: 10px;
  font-family: ui-monospace, Menlo, monospace;
  font-size: 13px;
  letter-spacing: .06em;
  background: rgba(251, 250, 247, 0.14);
  border: 1px dashed rgba(251, 250, 247, 0.5); }

/* promo code field */
/* line 6590, theme.scss */
.sd-acc__promo-form {
  display: flex;
  gap: 8px;
  max-width: 460px; }

/* line 6591, theme.scss */
.sd-acc__promo-form input {
  flex: 1;
  min-width: 0;
  height: 46px;
  padding: 0 18px;
  border: 1px solid rgba(35, 33, 32, 0.14);
  border-radius: 999px;
  background: #FFFDFA;
  font: 500 15px/1 var(--sd-sans);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #232120; }

/* line 6596, theme.scss */
.sd-acc__promo-form input::placeholder {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 400;
  color: #6E6862; }

/* line 6597, theme.scss */
.sd-acc__promo-form input:focus {
  outline: none;
  border-color: #5F7F81; }

/* line 6598, theme.scss */
.sd-acc__promo-form .sd-acc__btn {
  padding: 0 22px;
  height: 46px;
  line-height: 46px; }

/* line 6599, theme.scss */
.sd-acc__saved a {
  color: #6E6862; }

/* --- single order page --- */
/* line 6602, theme.scss */
body.sd-acc-order .checkout-v2-wrapper.co-section--content_wrapper {
  display: block;
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 40px 72px;
  box-sizing: border-box; }

/* line 6603, theme.scss */
body.sd-acc-order .co-section--content {
  max-width: none !important;
  width: auto !important;
  padding: 0; }

/* line 6604, theme.scss */
body.sd-acc-order .co-section--content .co-section--content {
  max-width: 760px !important; }

/* line 6605, theme.scss */
.sd-acc__back {
  display: inline-block;
  margin-bottom: 18px;
  font-size: 13px;
  color: #6E6862 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(35, 33, 32, 0.14); }

/* line 6610, theme.scss */
body.sd-acc-order .co-title--h2 {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #5F7F81;
  margin: 28px 0 12px;
  padding: 0; }

/* line 6614, theme.scss */
body.sd-acc-order .co-order-information {
  background: #FBFAF7;
  border: 1px solid rgba(35, 33, 32, 0.07);
  border-radius: 18px;
  padding: 8px 24px; }

/* line 6618, theme.scss */
body.sd-acc-order .co-order-information_row {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(35, 33, 32, 0.07);
  font-size: 14px; }

/* line 6623, theme.scss */
body.sd-acc-order .co-order-information_row:last-child {
  border-bottom: 0; }

/* line 6624, theme.scss */
body.sd-acc-order .co-order-information_title {
  color: #6E6862; }

/* line 6625, theme.scss */
body.sd-acc-order .co-order-information_value {
  color: #232120; }

/* line 6626, theme.scss */
body.sd-acc-order .co-price {
  font-weight: 500; }

/* line 6627, theme.scss */
body.sd-acc-order .co-order-state {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  background: #EAE5DC;
  font-size: 12px;
  margin-left: 8px; }

/* line 6631, theme.scss */
body.sd-acc-order .co-order-state--not_paid {
  background: #F5F2ED;
  color: #6E6862; }

/* line 6632, theme.scss */
.sd-acc__repeat {
  display: inline-block;
  margin-left: 10px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #5F7F81;
  color: #FBFAF7 !important;
  font-size: 12px;
  text-decoration: none !important; }

/* line 6636, theme.scss */
body.sd-acc-order .co-social_login-button_group {
  display: inline-block;
  margin-right: 12px; }

/* line 6637, theme.scss */
body.sd-acc-order .co-table {
  width: 100%;
  border-collapse: collapse;
  background: #FBFAF7;
  border: 1px solid rgba(35, 33, 32, 0.07);
  border-radius: 18px;
  overflow: hidden; }

/* line 6642, theme.scss */
body.sd-acc-order .co-table-cell {
  padding: 14px 22px;
  font-size: 14px;
  border: 0 !important;
  background: none !important; }

/* line 6643, theme.scss */
body.sd-acc-order .co-table-row--head .co-table-cell {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6E6862;
  border-bottom: 1px solid rgba(35, 33, 32, 0.07) !important; }

/* line 6647, theme.scss */
body.sd-acc-order .co-table-row--body .co-table-cell {
  border-bottom: 1px solid rgba(35, 33, 32, 0.07) !important; }

/* line 6648, theme.scss */
body.sd-acc-order .co-table-row--foot .co-table-cell {
  font-weight: 500; }

@media (max-width: 900px) {
  /* line 6651, theme.scss */
  .sd-acc__order {
    padding: 16px;
    gap: 12px;
    border-radius: 16px; }

  /* line 6652, theme.scss */
  .sd-acc__order-title {
    font-size: 16px; }

  /* line 6653, theme.scss */
  .sd-acc__order-side b {
    font-size: 17px; }

  /* line 6654, theme.scss */
  body.sd-acc-order .co-section--content {
    padding: 12px 16px 96px; }

  /* line 6655, theme.scss */
  body.sd-acc-order .co-order-information {
    padding: 4px 16px; }

  /* line 6656, theme.scss */
  body.sd-acc-order .co-order-information_row {
    grid-template-columns: 1fr;
    gap: 2px; }

  /* line 6657, theme.scss */
  body.sd-acc-order .co-order-information_title {
    font-size: 12px; }

  /* line 6658, theme.scss */
  body.sd-acc-order .co-table-cell {
    padding: 12px 14px;
    font-size: 13px; }

  /* line 6659, theme.scss */
  .sd-acc__repeat {
    margin: 8px 0 0;
    display: inline-block; } }
/* SD-FIX-35 (10.09.2026): the footer that theme.js appends to the page
   landed in the theme's page grid as a second column (375 + 203px on a
   phone), pushing every inner page into a horizontal scroll - span it. */
/* line 6665, theme.scss */
.page_layout > .sd-footer {
  grid-area: auto !important;
  grid-column: 1 / -1 !important;
  min-width: 0; }

/* SD-ACC-2: the shop lays .co-section--content out as a flex row, so the
   "my sizes" card shrank to its content; and the login button kept the
   200px minimum on phones. */
/* line 6671, theme.scss */
body.sd-acc .co-section--content {
  display: block !important; }

/* line 6672, theme.scss */
body.sd-acc-login .co-form--login .co-button {
  width: 100% !important;
  min-width: 0; }

/* SD-ACC-3: the size saved in the cabinet is marked in the catalog filter
   and on the product page - sage outline and a small "moi razmer" tag */
/* line 6676, theme.scss */
.sd-chip.is-mine:not(.is-on),
.sd-prod__pill.is-mine {
  border-color: #5F7F81;
  color: #2F4F50;
  box-shadow: inset 0 0 0 1px #5F7F81; }

/* line 6678, theme.scss */
.sd-chip.is-mine::after,
.sd-prod__pill.is-mine::after {
  content: "\043c\043e\0439";
  margin-left: 7px;
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #5F7F81; }

/* line 6687, theme.scss */
.sd-chip.is-mine.is-on::after {
  color: inherit;
  opacity: .7; }

/* SD-ACC-4: the empty-state tile gets the same relief as the benefit icons
   on the home page - a light top edge and a soft sage shadow underneath */
/* line 6691, theme.scss */
.sd-acc__empty-pic {
  width: 72px !important;
  height: 72px !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 18px rgba(47, 79, 80, 0.14); }

/* line 6695, theme.scss */
.sd-acc__empty-pic svg {
  width: 34px !important;
  height: 34px !important; }

/* line 6696, theme.scss */
.sd-acc__empty {
  grid-template-columns: 72px 1fr !important; }

@media (max-width: 900px) {
  /* line 6698, theme.scss */
  .sd-acc__empty-pic {
    width: 56px !important;
    height: 56px !important;
    border-radius: 16px !important; }

  /* line 6699, theme.scss */
  .sd-acc__empty-pic svg {
    width: 28px !important;
    height: 28px !important; }

  /* line 6700, theme.scss */
  .sd-acc__empty {
    grid-template-columns: 56px 1fr !important; } }
/* ==========================================================================
   SD-QV-1 (10.09.2026): quick view of a product (the modal opened from the
   cart button on the home page and in the catalog) - dressed like the
   product page: rounded photos, Inter, sage pill buttons, kicker labels.
   ========================================================================== */
/* line 6708, theme.scss */
.modal__content.product {
  border-radius: 24px !important;
  padding: 28px !important;
  background: #FBFAF7 !important;
  font-family: var(--sd-sans);
  color: #232120; }

/* line 6715, theme.scss */
.modal__content.product .product__photo,
.modal__content.product .product__photo .img-ratio__inner,
.modal__content.product .product__photo img,
.modal__content.product .product__photo picture {
  border-radius: 18px !important;
  overflow: hidden; }

/* line 6719, theme.scss */
.modal__content.product .product__photo-tumb,
.modal__content.product .product__photo-tumb .img-ratio__inner,
.modal__content.product .product__photo-tumb img {
  border-radius: 10px !important;
  overflow: hidden; }

/* line 6722, theme.scss */
.modal__content.product .product__slide-tumbs {
  padding: 3px; }

/* line 6723, theme.scss */
.modal__content.product .product__slide-tumbs.is-active .product__photo-tumb,
.modal__content.product .product__slide-tumbs.is-selected .product__photo-tumb,
.modal__content.product .splide__slide.is-active .product__photo-tumb {
  outline: 1px solid #232120 !important;
  outline-offset: 3px;
  border: 0 !important; }

/* line 6728, theme.scss */
.modal__content.product .product__photo-tumb {
  border: 0 !important; }

/* line 6730, theme.scss */
.modal__content.product .product__title {
  font-family: var(--sd-serif) !important;
  font-weight: 500 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em;
  color: #232120 !important;
  margin: 0 0 12px !important;
  padding-right: 44px; }

/* line 6740, theme.scss */
.modal__content.product .modal__close {
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  background: #F5F2ED !important;
  color: #232120 !important;
  top: 22px !important;
  right: 22px !important; }

/* line 6747, theme.scss */
.modal__content.product .product__area-rating {
  display: none !important; }

/* line 6748, theme.scss */
.modal__content.product .product__price,
.modal__content.product .product__price-cur {
  font-family: var(--sd-serif) !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  letter-spacing: -.01em;
  color: #232120 !important; }

/* line 6756, theme.scss */
.modal__content.product .product__price-old {
  font-size: 16px !important;
  color: #6E6862 !important; }

/* line 6757, theme.scss */
.modal__content.product .product__area-price {
  padding: 6px 0 18px !important;
  border-bottom: 1px solid rgba(35, 33, 32, 0.1) !important;
  margin-bottom: 16px !important; }

/* line 6762, theme.scss */
.modal__content.product .product__area-properties {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 20px !important; }

/* line 6765, theme.scss */
.modal__content.product .property {
  display: grid;
  gap: 2px;
  padding: 8px 0 !important;
  border-bottom: 1px solid rgba(35, 33, 32, 0.07); }

/* line 6766, theme.scss */
.modal__content.product .property:last-child {
  border-bottom: 0; }

/* line 6767, theme.scss */
.modal__content.product .property-name {
  font-size: 11px !important;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6E6862 !important;
  font-weight: 600; }

/* line 6771, theme.scss */
.modal__content.product .property .delimiter {
  display: none !important; }

/* line 6772, theme.scss */
.modal__content.product .property-content {
  font-size: 15px !important;
  color: #232120 !important; }

/* line 6774, theme.scss */
.modal__container:has(> .ajax-product-is-init), .modal__container:has(.modal__content.product) {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 24px !important;
  box-shadow: none !important; }

/* line 6777, theme.scss */
.modal__content.product .add-cart-counter__btn-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%; }

/* line 6778, theme.scss */
.modal__content.product .product__buy .button,
.modal__content.product .product__buy-btn-area .button {
  height: 52px !important;
  line-height: 52px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 999px !important;
  font-family: var(--sd-sans) !important;
  font-size: 15px !important;
  font-weight: 500 !important; }

/* line 6786, theme.scss */
.modal__content.product .product__buy-btn-area .button:not(.product__service-button):not(.button_ghost) {
  background: #5F7F81 !important;
  color: #FBFAF7 !important;
  border: 0 !important; }

/* line 6789, theme.scss */
.modal__content.product .product__service-button {
  width: 52px !important;
  height: 52px !important;
  border-radius: 999px !important;
  background: #F5F2ED !important;
  border: 1px solid rgba(35, 33, 32, 0.1) !important;
  color: #232120 !important; }

/* line 6796, theme.scss */
.modal__content.product .product__buy-one-click .button,
.modal__content.product .product__buy-one-click button {
  background: transparent !important;
  border: 1px solid rgba(35, 33, 32, 0.16) !important;
  color: #232120 !important;
  border-radius: 999px !important;
  height: 52px !important;
  font-family: var(--sd-sans) !important;
  font-size: 15px !important; }

/* line 6806, theme.scss */
.modal__content.product .product__area-link {
  margin-top: 18px !important; }

/* line 6807, theme.scss */
.modal__content.product .product__area-link .link {
  font-size: 13px !important;
  color: #6E6862 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(35, 33, 32, 0.14); }

/* line 6812, theme.scss */
.modal__content.product .product__area-link .icon {
  width: 12px;
  height: 12px; }

@media (max-width: 640px) {
  /* line 6815, theme.scss */
  .modal__content.product {
    border-radius: 20px !important;
    padding: 18px 16px !important; }

  /* line 6816, theme.scss */
  .modal__content.product .product__title {
    font-size: 19px !important; }

  /* line 6817, theme.scss */
  .modal__content.product .product__price, .modal__content.product .product__price-cur {
    font-size: 26px !important; }

  /* line 6818, theme.scss */
  .modal__content.product .modal__close {
    top: 14px !important;
    right: 14px !important; } }
/* SD-ACC-5 (10.09.2026): phone fixes from the owner's screenshots - the
   bonus card's right column was still right-aligned and narrow (the base
   rule sat below the phone block), the promo button ballooned because the
   pill padding stacked on its height. */
@media (max-width: 900px) {
  /* line 6826, theme.scss */
  .sd-acc__bonus {
    display: grid !important;
    gap: 14px; }

  /* line 6827, theme.scss */
  .sd-acc__bonus-code {
    text-align: left !important;
    max-width: none !important; }

  /* line 6828, theme.scss */
  .sd-acc__bonus-code p {
    font-size: 14px; }

  /* line 6829, theme.scss */
  .sd-acc__bonus-btn {
    display: block !important;
    width: 100%;
    box-sizing: border-box;
    margin-top: 12px; }

  /* line 6830, theme.scss */
  .sd-acc__promo-form {
    max-width: none; }

  /* line 6831, theme.scss */
  .sd-acc__promo-form input {
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    font-size: 16px; }

  /* line 6832, theme.scss */
  .sd-acc__promo-form .sd-acc__btn {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 22px !important;
    box-sizing: border-box;
    width: 100%;
    text-align: center; } }
/* line 6834, theme.scss */
.sd-acc__promo-form .sd-acc__btn {
  box-sizing: border-box;
  padding: 0 22px !important;
  line-height: 46px !important; }

/* line 6835, theme.scss */
.sd-acc__empty--nopic {
  grid-template-columns: 1fr !important; }

/* line 6836, theme.scss */
.sd-acc__bonus:first-child {
  margin-top: 0; }

/* the checkout stylesheet flattens text inputs inside the cabinet - pin the promo field */
/* line 6838, theme.scss */
.sd-acc__promo-form input {
  height: 46px !important;
  min-height: 46px !important;
  line-height: 44px !important; }

@media (max-width: 900px) {
  /* line 6839, theme.scss */
  .sd-acc__promo-form input {
    height: 50px !important;
    min-height: 50px !important;
    line-height: 48px !important; } }
/* SD-POP-2 (10.09.2026): subscribe pop-up. The e-mail field shrank to a
   38px circle next to the full-width button (flex row); the row is now a
   stack. Desktop: portrait photo on the left, words on the right;
   phone: the photo on top, cropped to its upper part (the face). */
/* line 6845, theme.scss */
.popup-subscribe__row {
  display: block !important; }

/* line 6846, theme.scss */
.popup-subscribe__field-area {
  width: 100% !important;
  flex: none !important;
  margin: 0 0 10px !important; }

/* line 6847, theme.scss */
.popup-subscribe__field-error {
  font-size: 11px; }

@media (min-width: 641px) {
  /* line 6849, theme.scss */
  .popup-subscribe .popup-subscribe__box {
    max-width: 760px !important;
    width: 760px !important;
    display: grid !important;
    grid-template-columns: 1fr 1.05fr; }

  /* line 6850, theme.scss */
  .popup-subscribe__image {
    height: 100%;
    min-height: 100%; }

  /* line 6851, theme.scss */
  .popup-subscribe__image picture {
    display: block;
    height: 100%; }

  /* line 6852, theme.scss */
  .popup-subscribe__image-el,
  .popup-subscribe__image img {
    height: 100% !important;
    object-fit: cover;
    object-position: 50% 20%; }

  /* line 6854, theme.scss */
  .popup-subscribe__content {
    padding: 34px 32px 30px !important;
    align-self: center; }

  /* line 6855, theme.scss */
  .popup-subscribe__title {
    font-size: 24px !important; }

  /* line 6856, theme.scss */
  .popup-subscribe__text, .popup-subscribe__content p {
    font-size: 14px !important; }

  /* line 6857, theme.scss */
  .popup-subscribe .popup-subscribe__close {
    top: 14px !important;
    right: 14px !important;
    background: #F5F2ED !important; }

  /* line 6858, theme.scss */
  .popup-subscribe__title {
    padding-right: 28px; } }
@media (max-width: 640px) {
  /* line 6861, theme.scss */
  .popup-subscribe__image-el,
  .popup-subscribe__image img {
    height: 300px !important;
    width: 100% !important;
    object-fit: contain !important;
    object-position: 50% 50%;
    background: #FFFFFF; }

  /* line 6863, theme.scss */
  .popup-subscribe .popup-subscribe__image {
    height: 300px !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    padding: 0 !important;
    background: #FFFFFF;
    overflow: hidden; }

  /* line 6864, theme.scss */
  .popup-subscribe .popup-subscribe__image picture {
    display: block;
    height: 100%; }

  /* line 6865, theme.scss */
  .popup-subscribe .popup-subscribe__box {
    max-width: 330px !important; }

  /* line 6866, theme.scss */
  .popup-subscribe__content {
    padding: 14px 16px 16px !important; }

  /* line 6867, theme.scss */
  .popup-subscribe label, .popup-subscribe .fb__consent {
    font-size: 9px !important; } }
/* SD-FIX-36 (10.09.2026): the theme underlines the header (1px #EAE5DC)
   on every page - the owner wants it to run into the page without a seam. */
/* line 6872, theme.scss */
.header-part-main, .header-part, .header, header .header-part-main {
  border-bottom: 0 !important;
  box-shadow: none !important; }

/* SD-POP-3: the pop-up title, rewritten by theme.js - no caps, the sum
   set like the bonus card in the cabinet */
/* line 6876, theme.scss */
.popup-subscribe .popup-subscribe__title {
  text-transform: none !important;
  display: grid;
  gap: 2px;
  margin-bottom: 12px !important; }

/* line 6877, theme.scss */
.sd-pop__kick {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #5F7F81; }

/* line 6878, theme.scss */
.sd-pop__sum {
  font-size: 38px;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -.01em;
  color: #232120; }

/* line 6879, theme.scss */
.sd-pop__sub {
  font-size: 14px;
  font-weight: 400;
  color: #6E6862; }

@media (max-width: 640px) {
  /* line 6881, theme.scss */
  .sd-pop__sum {
    font-size: 30px; }

  /* line 6882, theme.scss */
  .sd-pop__sub {
    font-size: 13px; }

  /* line 6883, theme.scss */
  .popup-subscribe__text, .popup-subscribe__content p {
    font-size: 13px !important;
    margin-bottom: 12px !important; }

  /* line 6884, theme.scss */
  .popup-subscribe input[type="email"], .popup-subscribe button[type="submit"], .popup-subscribe__submit {
    height: 44px !important;
    min-height: 44px !important; }

  /* line 6885, theme.scss */
  .popup-subscribe label, .popup-subscribe .fb__consent {
    font-size: 9px !important; } }
/* ==========================================================================
   SD-CART-4 (10.09.2026): cart like a marketplace - a tick on every line,
   "Kupit" per line, a sticky checkout bar above the tab bar on phones.
   ========================================================================== */
/* line 6891, theme.scss */
.widget-type_system_widget_v4_cart_1 .cart-item {
  position: relative; }

/* line 6892, theme.scss */
.widget-type_system_widget_v4_cart_1 .cart-item.is-off {
  opacity: .55; }

/* line 6893, theme.scss */
.sd-ck {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
  cursor: pointer;
  margin: 0; }

/* line 6894, theme.scss */
.sd-ck input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0; }

/* line 6895, theme.scss */
.sd-ck i {
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 9px;
  background: #FBFAF7;
  border: 1px solid rgba(35, 33, 32, 0.18);
  box-shadow: 0 2px 6px rgba(35, 33, 32, 0.12); }

/* line 6900, theme.scss */
.sd-ck input:checked + i {
  background: #5F7F81;
  border-color: #5F7F81; }

/* line 6901, theme.scss */
.sd-ck input:checked + i::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 5px;
  width: 6px;
  height: 11px;
  border: solid #FBFAF7;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }

/* line 6905, theme.scss */
.sd-ck--inline {
  position: static;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  color: #232120; }

/* line 6906, theme.scss */
.sd-ck--inline i {
  position: relative;
  box-shadow: none; }

/* line 6907, theme.scss */
.sd-ckall {
  display: flex;
  align-items: center;
  margin: 0 0 12px;
  grid-column: 1 / -1; }

/* line 6909, theme.scss */
.sd-buy1 {
  height: 38px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid #5F7F81;
  background: #EDF1F0;
  color: #2F4F50;
  font: 500 14px/1 var(--sd-sans);
  cursor: pointer;
  margin-left: 10px; }

/* line 6914, theme.scss */
.sd-buy1:hover {
  background: #5F7F81;
  color: #FBFAF7; }

/* SD-CART-5: title like the cabinet, bold price, quiet title, compact counter next to "Kupit" */
/* line 6917, theme.scss */
.widget-type_system_widget_v4_cart_1 .heading,
.widget-type_system_widget_v4_cart_1 h1.heading {
  font-family: var(--sd-serif) !important;
  font-weight: 500 !important;
  font-size: 30px !important;
  letter-spacing: -.01em !important;
  margin: 0 0 22px !important; }

/* line 6922, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-total {
  font-weight: 700 !important; }

/* line 6923, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-title {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #232120; }

/* line 6924, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-counter .counter-button {
  width: 32px !important;
  height: 36px !important; }

/* line 6925, theme.scss */
.widget-type_system_widget_v4_cart_1 .item-counter .counter-input {
  width: 34px !important;
  height: 36px !important;
  font-size: 14px; }

/* line 6926, theme.scss */
.widget-type_system_widget_v4_cart_1 .layout__content .sd-acc__empty {
  max-width: 640px; }

/* line 6928, theme.scss */
.sd-cartbar {
  display: none; }

@media (max-width: 640px) {
  /* line 6931, theme.scss */
  .widget-type_system_widget_v4_cart_1 .cart-item {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    grid-template-areas: "image total" "image title" "image counter" "image buy" !important;
    gap: 4px 14px !important;
    align-items: start !important;
    padding: 12px !important; }

  /* line 6939, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-image {
    grid-area: image !important;
    width: 96px !important;
    height: 120px !important; }

  /* line 6940, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-image img {
    width: 100% !important;
    height: 100% !important; }

  /* line 6941, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-total {
    grid-area: total !important;
    font-size: 20px !important;
    text-align: left !important;
    justify-self: stretch;
    padding-right: 34px; }

  /* line 6942, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-title {
    grid-area: title !important;
    font-size: 13px !important;
    line-height: 1.3;
    color: #6E6862 !important; }

  /* line 6943, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-counter {
    grid-area: counter !important;
    margin-top: 8px;
    justify-self: start; }

  /* line 6944, theme.scss */
  .widget-type_system_widget_v4_cart_1 .cart-item {
    grid-template-areas: "image total" "image title" "image counter" !important; }

  /* line 6945, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-delete {
    position: absolute !important;
    right: 6px;
    top: 6px;
    grid-area: auto !important; }

  /* line 6946, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-price {
    display: none !important;
    grid-area: auto !important; }

  /* line 6947, theme.scss */
  .sd-buy1 {
    grid-area: counter;
    justify-self: end;
    align-self: end;
    margin: 8px 0 0;
    height: 36px;
    padding: 0 16px; }

  /* line 6948, theme.scss */
  .widget-type_system_widget_v4_cart_1 .heading, .widget-type_system_widget_v4_cart_1 h1.heading {
    font-size: 24px !important;
    margin-bottom: 16px !important; }

  /* line 6949, theme.scss */
  .sd-ck {
    left: 8px;
    top: 8px; }

  /* line 6951, theme.scss */
  .sd-cartbar {
    display: block;
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 74px;
    z-index: 60; }

  /* line 6954, theme.scss */
  .sd-cartbar[hidden] {
    display: none; }

  /* line 6955, theme.scss */
  .sd-cartbar__btn {
    width: 100%;
    height: 54px;
    border: 0;
    border-radius: 999px;
    background: #5F7F81;
    color: #FBFAF7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    font: 500 15px/1 var(--sd-sans);
    box-shadow: 0 12px 30px rgba(47, 79, 80, 0.35); }

  /* line 6961, theme.scss */
  .sd-cartbar__btn:disabled {
    background: #B8C4C4;
    box-shadow: none; }

  /* line 6962, theme.scss */
  .sd-cartbar.is-busy .sd-cartbar__btn {
    opacity: .7; }

  /* line 6963, theme.scss */
  .sd-cartbar__r {
    font-weight: 600; }

  /* the shop's own summary sits under the list; leave room for the bar */
  /* line 6965, theme.scss */
  .widget-type_system_widget_v4_cart_1 .cart__area-controls {
    padding-bottom: 80px; }

  /* line 6966, theme.scss */
  .widget-type_system_widget_v4_cart_1 .submit-block {
    display: none !important; } }
/* SD-CART-6: desktop - "Kupit" sits at the right end of the title row, level with the counter */
@media (min-width: 641px) {
  /* line 6970, theme.scss */
  .widget-type_system_widget_v4_cart_1 .sd-buy1 {
    grid-area: title;
    justify-self: end;
    align-self: end;
    margin: 0 44px 0 0; }

  /* line 6971, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-title {
    padding-right: 150px;
    display: block; } }
/* SD-CART-7: on phones the total block repeated the sticky bar - hide it;
   the counter and "Kupit" share one baseline */
@media (max-width: 640px) {
  /* line 6976, theme.scss */
  .widget-type_system_widget_v4_cart_1 .cart-controls {
    display: none !important; }

  /* line 6977, theme.scss */
  .widget-type_system_widget_v4_cart_1 .cart__area-controls {
    padding-bottom: 90px; }

  /* line 6978, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-counter,
  .widget-type_system_widget_v4_cart_1 .sd-buy1 {
    margin-top: 8px !important;
    align-self: center !important; }

  /* line 6980, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-counter .counter {
    height: 36px; }

  /* line 6981, theme.scss */
  .widget-type_system_widget_v4_cart_1 .sd-buy1 {
    height: 38px !important; } }
/* SD-CART-8: desktop line - price on top, large; title under it; counter and
   "Kupit" on one row; the summary column starts level with the first line */
@media (min-width: 641px) {
  /* line 6986, theme.scss */
  .widget-type_system_widget_v4_cart_1 .cart-item {
    display: grid !important;
    grid-template-columns: 120px minmax(0, 1fr) 36px !important;
    grid-template-areas: "image total delete" "image title delete" "image counter delete" !important;
    gap: 6px 20px !important;
    align-items: start !important; }

  /* line 6993, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-image {
    grid-area: image !important;
    width: 120px !important;
    height: 150px !important; }

  /* line 6994, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-image img {
    width: 100% !important;
    height: 100% !important; }

  /* line 6995, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-total {
    grid-area: total !important;
    font-size: 24px !important;
    text-align: left !important;
    justify-self: start; }

  /* line 6996, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-title {
    grid-area: title !important;
    padding-right: 0;
    font-size: 15px !important;
    color: #6E6862 !important; }

  /* line 6997, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-counter {
    grid-area: counter !important;
    justify-self: start;
    align-self: center;
    margin-top: 8px; }

  /* line 6998, theme.scss */
  .widget-type_system_widget_v4_cart_1 .sd-buy1 {
    grid-area: counter;
    justify-self: start;
    align-self: center;
    margin: 8px 0 0 130px; }

  /* line 6999, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-delete {
    grid-area: delete !important;
    justify-self: end; }

  /* line 7000, theme.scss */
  .widget-type_system_widget_v4_cart_1 .item-price {
    display: none !important;
    grid-area: auto !important; }

  /* line 7001, theme.scss */
  .widget-type_system_widget_v4_cart_1 .sd-ckall {
    margin: 0 0 14px; } }
@media (min-width: 641px) {
  /* line 7003, theme.scss */
  .widget-type_system_widget_v4_cart_1 .cart__area-controls {
    margin-top: 0 !important;
    align-self: start; } }
/* SD-VAR-1: variant pills on the product page - clickable, the chosen one
   is filled, an unavailable size is crossed quietly */
/* line 7007, theme.scss */
.sd-prod__pill--var {
  cursor: pointer;
  background: #FFFDFA;
  font-family: var(--sd-sans);
  transition: background .15s, color .15s, border-color .15s; }

/* line 7008, theme.scss */
.sd-prod__pill--var:hover {
  border-color: #232120; }

/* line 7009, theme.scss */
.sd-prod__pill--var.is-on {
  background: #232120;
  color: #FBFAF7;
  border-color: #232120; }

/* line 7010, theme.scss */
.sd-prod__pill--var.is-on::after {
  color: rgba(251, 250, 247, 0.7); }

/* line 7011, theme.scss */
.sd-prod__pill--var.is-out {
  color: #9A948D;
  text-decoration: line-through; }

/* ==========================================================================
   SD-ABOUT-1 (10.09.2026): "O brende" - block on the home page (theme.js)
   and the page /page/about-us (its body holds .sd-about-page). Photos are
   placeholders (.sd-ph) until the owner supplies them.
   ========================================================================== */
/* line 7018, theme.scss */
.sd-ph {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: radial-gradient(120% 90% at 25% 15%, rgba(255, 255, 255, 0.85), rgba(0, 0, 0, 0) 55%), repeating-linear-gradient(107deg, rgba(35, 33, 32, 0.06) 0 1px, transparent 1px 26px), linear-gradient(160deg, #E8E2D8, #D8D0C4); }

/* line 7025, theme.scss */
.sd-ph--clay {
  background: radial-gradient(120% 90% at 25% 15%, rgba(255, 255, 255, 0.85), rgba(0, 0, 0, 0) 55%), repeating-linear-gradient(94deg, rgba(35, 33, 32, 0.06) 0 1px, transparent 1px 28px), linear-gradient(160deg, #E6D6C4, #CDB69C); }

/* line 7026, theme.scss */
.sd-ph--sage {
  background: radial-gradient(120% 90% at 25% 15%, rgba(255, 255, 255, 0.85), rgba(0, 0, 0, 0) 55%), repeating-linear-gradient(101deg, rgba(35, 33, 32, 0.06) 0 1px, transparent 1px 30px), linear-gradient(160deg, #CBD5CE, #A9B9B2); }

/* line 7027, theme.scss */
.sd-ph--mist {
  background: radial-gradient(120% 90% at 25% 15%, rgba(255, 255, 255, 0.85), rgba(0, 0, 0, 0) 55%), repeating-linear-gradient(112deg, rgba(35, 33, 32, 0.06) 0 1px, transparent 1px 32px), linear-gradient(160deg, #DEE3E6, #BCC6CB); }

/* line 7028, theme.scss */
.sd-ph--milk {
  background: radial-gradient(120% 90% at 25% 15%, rgba(255, 255, 255, 0.85), rgba(0, 0, 0, 0) 60%), repeating-linear-gradient(97deg, rgba(35, 33, 32, 0.06) 0 1px, transparent 1px 24px), linear-gradient(160deg, #F6F2EA, #E4DDD1); }

/* line 7029, theme.scss */
.sd-ph::after {
  content: attr(data-cap);
  position: absolute;
  left: 14px;
  bottom: 12px;
  font: 600 10px/1 var(--sd-sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(35, 33, 32, 0.45); }

/* --- home block --- */
/* line 7035, theme.scss */
.sd-about {
  max-width: 1180px;
  margin: 0 auto;
  padding: 72px 40px;
  box-sizing: border-box; }

/* line 7036, theme.scss */
.sd-about__inner {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 56px;
  align-items: center; }

/* line 7037, theme.scss */
.sd-about__pic .sd-ph {
  aspect-ratio: 4 / 5; }

/* line 7038, theme.scss */
.sd-about__kick, .sd-ap__kick {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #5F7F81;
  margin-bottom: 14px; }

/* line 7039, theme.scss */
.sd-about__title, .sd-ap__title {
  font-family: var(--sd-serif);
  font-weight: 500;
  font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1.06;
  letter-spacing: -.01em;
  color: #232120;
  margin: 0 0 18px; }

/* line 7043, theme.scss */
.sd-about__title em, .sd-ap__title em {
  font-style: normal;
  color: #5F7F81; }

/* line 7044, theme.scss */
.sd-about__text {
  font-size: 16px;
  line-height: 1.6;
  color: #6E6862;
  max-width: 48ch;
  margin: 0 0 24px; }

/* line 7045, theme.scss */
.sd-about__cta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap; }

/* line 7046, theme.scss */
.sd-about__btn {
  display: inline-block;
  padding: 14px 26px;
  border-radius: 999px;
  background: #232120;
  color: #FBFAF7 !important;
  font: 500 14px/1 var(--sd-sans);
  text-decoration: none !important; }

/* line 7050, theme.scss */
.sd-about__btn--ghost {
  background: transparent;
  color: #232120 !important;
  border: 1px solid rgba(35, 33, 32, 0.16); }

/* --- the page --- */
/* line 7053, theme.scss */
body.sd-about-body .widget-type_system_widget_v4_breadcrumbs_1,
body.sd-about-body .widget-type_system_widget_v4_page_title_1 {
  display: none !important; }

/* line 7055, theme.scss */
body.sd-about-body .widget-type_system_widget_v4_page_content_1 .layout__content {
  max-width: none;
  padding: 0; }

/* line 7056, theme.scss */
.sd-about-page {
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 40px 72px;
  box-sizing: border-box;
  color: #232120; }

/* line 7057, theme.scss */
.sd-about-page h2 {
  font-family: var(--sd-serif);
  font-weight: 500;
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: -.01em;
  margin: 0 0 14px; }

/* line 7058, theme.scss */
.sd-about-page p {
  font-size: 16px;
  line-height: 1.65;
  color: #232120;
  margin: 0 0 14px;
  max-width: 62ch; }

/* line 7059, theme.scss */
.sd-ap__hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  padding: 20px 0 64px; }

/* line 7060, theme.scss */
.sd-ap__hero-pic .sd-ph {
  aspect-ratio: 4 / 5; }

/* line 7061, theme.scss */
.sd-ap__lead {
  font-size: 19px;
  color: #6E6862; }

/* line 7062, theme.scss */
.sd-ap__row {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 56px;
  align-items: center;
  padding: 40px 0;
  border-top: 1px solid rgba(35, 33, 32, 0.07); }

/* line 7063, theme.scss */
.sd-ap__row--flip .sd-ap__text {
  order: 2; }

/* line 7064, theme.scss */
.sd-ap__pic .sd-ph {
  aspect-ratio: 4 / 3; }

/* line 7065, theme.scss */
.sd-ap__muslin {
  padding: 56px 40px;
  margin: 24px 0;
  background: #EAE5DC;
  border-radius: 22px; }

/* line 7066, theme.scss */
.sd-ap__muslin h2 {
  max-width: 20ch; }

/* line 7067, theme.scss */
.sd-ap__facts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin-top: 30px;
  background: #FBFAF7;
  border-radius: 18px;
  overflow: hidden; }

/* line 7068, theme.scss */
.sd-ap__facts > div {
  padding: 22px;
  border-right: 1px solid rgba(35, 33, 32, 0.07); }

/* line 7069, theme.scss */
.sd-ap__facts > div:last-child {
  border-right: 0; }

/* line 7070, theme.scss */
.sd-ap__facts b {
  display: block;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 6px; }

/* line 7071, theme.scss */
.sd-ap__facts span {
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #6E6862; }

/* line 7072, theme.scss */
.sd-ap__values {
  padding: 40px 0;
  border-top: 1px solid rgba(35, 33, 32, 0.07); }

/* line 7073, theme.scss */
.sd-ap__values ul {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 760px; }

/* line 7074, theme.scss */
.sd-ap__values li {
  display: grid;
  grid-template-columns: 36px 1fr;
  gap: 14px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(35, 33, 32, 0.07); }

/* line 7075, theme.scss */
.sd-ap__values li span {
  font-size: 11px;
  color: #5F7F81;
  letter-spacing: .1em;
  padding-top: 4px; }

/* line 7076, theme.scss */
.sd-ap__values li b {
  display: block;
  font-weight: 500;
  font-size: 17px;
  margin-bottom: 4px; }

/* line 7077, theme.scss */
.sd-ap__values li p {
  font-size: 14px;
  color: #6E6862;
  margin: 0; }

/* line 7078, theme.scss */
.sd-ap__end {
  text-align: center;
  padding: 56px 0 12px; }

/* line 7079, theme.scss */
.sd-ap__quote {
  font-size: 22px;
  line-height: 1.4;
  color: #232120;
  max-width: 40ch;
  margin: 0 auto 26px; }

@media (max-width: 900px) {
  /* line 7082, theme.scss */
  .sd-about {
    padding: 44px 16px; }

  /* line 7083, theme.scss */
  .sd-about__inner {
    grid-template-columns: 1fr;
    gap: 22px; }

  /* line 7084, theme.scss */
  .sd-about__pic .sd-ph {
    aspect-ratio: 16 / 11; }

  /* line 7085, theme.scss */
  .sd-about__title, .sd-ap__title {
    font-size: 28px; }

  /* line 7086, theme.scss */
  .sd-about__text {
    font-size: 15px; }

  /* line 7087, theme.scss */
  .sd-about-page {
    padding: 8px 16px 96px; }

  /* line 7088, theme.scss */
  .sd-ap__hero {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 8px 0 32px; }

  /* line 7089, theme.scss */
  .sd-ap__hero-pic {
    order: -1; }

  /* line 7090, theme.scss */
  .sd-ap__hero-pic .sd-ph {
    aspect-ratio: 16 / 11; }

  /* line 7091, theme.scss */
  .sd-ap__row, .sd-ap__row--flip {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 28px 0; }

  /* line 7092, theme.scss */
  .sd-ap__row--flip .sd-ap__text {
    order: 0; }

  /* line 7093, theme.scss */
  .sd-about-page h2 {
    font-size: 22px; }

  /* line 7094, theme.scss */
  .sd-about-page p {
    font-size: 15px; }

  /* line 7095, theme.scss */
  .sd-ap__muslin {
    padding: 26px 18px;
    border-radius: 18px; }

  /* line 7096, theme.scss */
  .sd-ap__facts {
    grid-template-columns: 1fr 1fr; }

  /* line 7097, theme.scss */
  .sd-ap__facts > div {
    border-bottom: 1px solid rgba(35, 33, 32, 0.07);
    padding: 16px; }

  /* line 7098, theme.scss */
  .sd-ap__facts > div:nth-child(2n) {
    border-right: 0; }

  /* line 7099, theme.scss */
  .sd-ap__facts b {
    font-size: 22px; }

  /* line 7100, theme.scss */
  .sd-ap__quote {
    font-size: 18px; } }
/* line 7102, theme.scss */
.sd-about-page .sd-ap__quote {
  margin: 0 auto 26px !important;
  max-width: 40ch !important; }

/* line 7103, theme.scss */
.sd-about-page .static-text p, .sd-about-page p {
  text-align: inherit; }

/* SD-ABOUT-2: real photos in place of the placeholders */
/* line 7105, theme.scss */
.sd-about__img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 22px; }

/* line 7106, theme.scss */
.sd-about__pic .sd-about__img, .sd-ap__hero-pic .sd-about__img {
  aspect-ratio: 4 / 5; }

/* line 7107, theme.scss */
.sd-ap__pic .sd-about__img {
  aspect-ratio: 4 / 3; }

@media (max-width: 900px) {
  /* line 7108, theme.scss */
  .sd-about__pic .sd-about__img, .sd-ap__hero-pic .sd-about__img {
    aspect-ratio: 16 / 11; } }
/* line 7109, theme.scss */
.sd-ap__pic .sd-about__img--tall {
  aspect-ratio: 4 / 5; }

/* SD-ABOUT-3: compact brand page - hero with facts, story as a 2x2 card grid,
   smaller type; facts row under the home block */
/* line 7113, theme.scss */
.sd-about-page--v2 {
  padding-top: 12px; }

/* line 7114, theme.scss */
.sd-about-page--v2 .sd-ap__hero {
  grid-template-columns: 1.15fr .85fr;
  gap: 40px;
  padding: 8px 0 36px;
  align-items: center; }

/* line 7115, theme.scss */
.sd-about-page--v2 .sd-ap__title {
  font-size: clamp(28px, 3vw, 40px);
  margin-bottom: 12px; }

/* line 7116, theme.scss */
.sd-about-page--v2 .sd-ap__lead {
  font-size: 16px;
  margin-bottom: 22px; }

/* line 7117, theme.scss */
.sd-about-page--v2 .sd-ap__hero-pic .sd-about__img, .sd-about-page--v2 .sd-ap__hero-pic .sd-ph {
  aspect-ratio: 4 / 3; }

/* line 7118, theme.scss */
.sd-about-page--v2 .sd-ap__facts {
  margin-top: 0;
  background: #FBFAF7;
  border: 1px solid rgba(35, 33, 32, 0.07);
  grid-template-columns: repeat(2, 1fr); }

/* line 7119, theme.scss */
.sd-about-page--v2 .sd-ap__facts > div {
  padding: 14px 16px;
  border-bottom: 1px solid rgba(35, 33, 32, 0.07); }

/* line 7120, theme.scss */
.sd-about-page--v2 .sd-ap__facts > div:nth-child(2n) {
  border-right: 0; }

/* line 7121, theme.scss */
.sd-about-page--v2 .sd-ap__facts > div:nth-child(n+3) {
  border-bottom: 0; }

/* line 7122, theme.scss */
.sd-about-page--v2 .sd-ap__facts b {
  font-size: 20px;
  margin-bottom: 3px; }

/* line 7123, theme.scss */
.sd-about-page--v2 .sd-ap__facts span {
  font-size: 11px; }

/* line 7124, theme.scss */
.sd-ap__cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding: 8px 0 28px; }

/* line 7125, theme.scss */
.sd-ap__card {
  background: #FBFAF7;
  border: 1px solid rgba(35, 33, 32, 0.07);
  border-radius: 20px;
  padding: 18px 20px 20px; }

/* line 7126, theme.scss */
.sd-ap__card--tint {
  background: #EAE5DC;
  border-color: transparent; }

/* line 7127, theme.scss */
.sd-ap__card-pic {
  margin: -18px -20px 16px; }

/* line 7128, theme.scss */
.sd-ap__card-pic .sd-ph, .sd-ap__card-pic .sd-about__img {
  aspect-ratio: 16 / 9;
  border-radius: 20px 20px 0 0; }

/* line 7129, theme.scss */
.sd-about-page--v2 h2 {
  font-size: 21px;
  margin-bottom: 8px; }

/* line 7130, theme.scss */
.sd-about-page--v2 p {
  font-size: 14px;
  line-height: 1.55;
  margin-bottom: 8px; }

/* line 7131, theme.scss */
.sd-about-page--v2 .sd-ap__card .sd-ap__kick {
  margin-bottom: 8px; }

/* line 7132, theme.scss */
.sd-about-page--v2 .sd-ap__values {
  padding: 8px 0 20px;
  border-top: 0; }

/* line 7133, theme.scss */
.sd-about-page--v2 .sd-ap__values ul {
  max-width: none;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 32px; }

/* line 7134, theme.scss */
.sd-about-page--v2 .sd-ap__values li {
  padding: 12px 0; }

/* line 7135, theme.scss */
.sd-about-page--v2 .sd-ap__values li b {
  font-size: 15px; }

/* line 7136, theme.scss */
.sd-about-page--v2 .sd-ap__values li p {
  font-size: 13px; }

/* line 7137, theme.scss */
.sd-about-page--v2 .sd-ap__end {
  padding: 24px 0 8px; }

/* line 7138, theme.scss */
.sd-about-page--v2 .sd-ap__quote {
  font-size: 18px !important;
  margin-bottom: 18px !important; }

/* line 7139, theme.scss */
.sd-about__facts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 34px;
  border: 1px solid rgba(35, 33, 32, 0.07);
  border-radius: 18px;
  overflow: hidden;
  background: #FBFAF7; }

/* line 7140, theme.scss */
.sd-about__facts > div {
  padding: 20px 22px;
  border-right: 1px solid rgba(35, 33, 32, 0.07); }

/* line 7141, theme.scss */
.sd-about__facts > div:last-child {
  border-right: 0; }

/* line 7142, theme.scss */
.sd-about__facts b {
  display: block;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.1;
  margin-bottom: 6px;
  color: #232120; }

/* line 7143, theme.scss */
.sd-about__facts span {
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6E6862; }

@media (max-width: 900px) {
  /* line 7145, theme.scss */
  .sd-about-page--v2 .sd-ap__hero {
    grid-template-columns: 1fr;
    gap: 16px;
    padding-bottom: 20px; }

  /* line 7146, theme.scss */
  .sd-about-page--v2 .sd-ap__facts {
    grid-template-columns: 1fr 1fr; }

  /* line 7147, theme.scss */
  .sd-ap__cards {
    grid-template-columns: 1fr;
    gap: 12px; }

  /* line 7148, theme.scss */
  .sd-ap__card {
    padding: 16px 16px 18px;
    border-radius: 16px; }

  /* line 7149, theme.scss */
  .sd-ap__card-pic {
    margin: -16px -16px 14px; }

  /* line 7150, theme.scss */
  .sd-ap__card-pic .sd-ph, .sd-ap__card-pic .sd-about__img {
    border-radius: 16px 16px 0 0; }

  /* line 7151, theme.scss */
  .sd-about-page--v2 .sd-ap__values ul {
    grid-template-columns: 1fr; }

  /* line 7152, theme.scss */
  .sd-about__facts {
    grid-template-columns: 1fr 1fr;
    margin-top: 22px; }

  /* line 7153, theme.scss */
  .sd-about__facts > div {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(35, 33, 32, 0.07); }

  /* line 7154, theme.scss */
  .sd-about__facts > div:nth-child(2n) {
    border-right: 0; }

  /* line 7155, theme.scss */
  .sd-about__facts > div:nth-child(n+3) {
    border-bottom: 0; }

  /* line 7156, theme.scss */
  .sd-about__facts b {
    font-size: 22px; } }
/* SD-ABOUT-4: facts as tiles like the benefits on the home page; softer text */
/* line 7160, theme.scss */
.sd-facts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 6px 0 30px; }

/* line 7161, theme.scss */
.sd-facts__item {
  background: #FBFAF7;
  border-radius: 22px;
  padding: 26px 22px 24px;
  text-align: center;
  box-shadow: 0 8px 22px rgba(35, 33, 32, 0.06); }

/* line 7165, theme.scss */
.sd-facts__ico {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin: 0 auto 14px;
  border-radius: 14px;
  background: #EDF1F0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 6px 14px rgba(47, 79, 80, 0.12); }

/* line 7169, theme.scss */
.sd-facts__ico svg {
  width: 26px;
  height: 26px; }

/* line 7170, theme.scss */
.sd-facts__kick {
  display: block;
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  color: #5F7F81;
  margin-bottom: 8px; }

/* line 7171, theme.scss */
.sd-facts__item b {
  display: block;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.15;
  color: #232120;
  margin-bottom: 8px; }

/* line 7172, theme.scss */
.sd-facts__item p {
  font-size: 13px !important;
  line-height: 1.5;
  color: #6E6862 !important;
  margin: 0 !important; }

/* line 7173, theme.scss */
.sd-about .sd-facts {
  margin-top: 34px;
  margin-bottom: 0; }

/* line 7174, theme.scss */
.sd-about-page--v2 .sd-facts {
  margin-top: 0; }

/* line 7175, theme.scss */
.sd-about-page--v2 .sd-ap__hero {
  padding-bottom: 26px; }

/* line 7176, theme.scss */
.sd-about-page--v2 p {
  color: #6E6862;
  font-size: 15px;
  line-height: 1.6; }

/* line 7177, theme.scss */
.sd-about-page--v2 h2 {
  font-weight: 500;
  color: #232120; }

/* line 7178, theme.scss */
.sd-about-page--v2 .sd-ap__lead {
  color: #6E6862; }

/* line 7179, theme.scss */
.sd-about-page--v2 .sd-ap__values li b {
  font-weight: 500; }

/* line 7180, theme.scss */
.sd-about-page--v2 .sd-ap__values li p {
  color: #6E6862; }

/* line 7181, theme.scss */
.sd-about__text {
  color: #6E6862; }

@media (max-width: 900px) {
  /* line 7183, theme.scss */
  .sd-facts {
    grid-template-columns: 1fr 1fr;
    gap: 10px; }

  /* line 7184, theme.scss */
  .sd-facts__item {
    padding: 18px 14px 16px;
    border-radius: 16px; }

  /* line 7185, theme.scss */
  .sd-facts__item b {
    font-size: 18px; }

  /* line 7186, theme.scss */
  .sd-facts__item p {
    font-size: 12px !important; } }
/* SD-ABOUT-5: facts 2x2 under the hero text; card kickers keep the headings level */
/* line 7189, theme.scss */
.sd-about-page--v2 .sd-ap__hero-body .sd-facts {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 8px 0 0; }

/* line 7190, theme.scss */
.sd-about-page--v2 .sd-ap__hero-body .sd-facts__item {
  padding: 18px 14px 16px;
  border-radius: 18px; }

/* line 7191, theme.scss */
.sd-about-page--v2 .sd-ap__hero-body .sd-facts__ico {
  width: 40px;
  height: 40px;
  margin-bottom: 10px; }

/* line 7192, theme.scss */
.sd-about-page--v2 .sd-ap__hero-body .sd-facts__item b {
  font-size: 18px;
  margin-bottom: 4px; }

/* line 7193, theme.scss */
.sd-about-page--v2 .sd-ap__hero-body .sd-facts__item p {
  font-size: 12px !important; }

/* line 7194, theme.scss */
.sd-about-page--v2 .sd-ap__hero {
  align-items: stretch; }

/* line 7195, theme.scss */
.sd-about-page--v2 .sd-ap__hero-pic .sd-about__img {
  height: 100%;
  aspect-ratio: auto;
  min-height: 100%; }

/* line 7196, theme.scss */
.sd-about-page--v2 .sd-ap__hero-pic {
  position: relative; }

/* line 7197, theme.scss */
.sd-about-page--v2 .sd-ap__hero-pic .sd-about__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* line 7198, theme.scss */
.sd-about-page--v2 .sd-ap__card .sd-ap__kick {
  margin: 0 0 6px; }

@media (max-width: 900px) {
  /* line 7200, theme.scss */
  .sd-about-page--v2 .sd-ap__hero-pic {
    min-height: 240px; } }
/* SD-FIX-37 (10.09.2026): the counters on the header buttons lost their
   badge - the theme paints the number transparent over the icon. A small
   sand disc with dark digits, pinned to the top-right of the round button. */
/* line 7206, theme.scss */
.header__control-btn .header__control-bage {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  left: auto !important;
  bottom: auto !important;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  box-sizing: border-box;
  border-radius: 999px !important;
  background: #C2A177 !important;
  color: #232120 !important;
  font: 600 11px/18px var(--sd-sans) !important;
  text-align: center;
  border: 2px solid #F5F2ED !important;
  transform: none !important; }

/* line 7218, theme.scss */
.header__control-btn {
  position: relative !important; }

/* line 7219, theme.scss */
.header__control-btn .icon {
  position: static !important; }

/* line 7220, theme.scss */
body .header__control-btn .icon .header__control-bage.header__control-bage {
  position: absolute !important;
  top: -14px !important;
  right: -16px !important;
  left: auto !important;
  background-color: #C2A177 !important;
  color: #232120 !important;
  transform: none !important;
  z-index: 3; }

/* line 7224, theme.scss */
.header__control-btn {
  overflow: visible !important; }

/* line 7225, theme.scss */
.header__control-btn .icon {
  position: relative !important; }

/* SD-ABOUT-6: the home "O brende" block as one paper card - photo and words
   on one plane, clearly separated from the video above; on phones the photo
   sits beside the heading instead of stacking a full-width picture first */
/* line 7230, theme.scss */
.sd-about {
  padding: 40px 40px 56px; }

/* line 7231, theme.scss */
.sd-about__inner {
  background: #FBFAF7;
  border: 1px solid rgba(35, 33, 32, 0.07);
  border-radius: 24px;
  padding: 28px;
  grid-template-columns: .9fr 1.1fr;
  gap: 36px;
  align-items: center;
  box-shadow: 0 8px 22px rgba(35, 33, 32, 0.05); }

/* line 7236, theme.scss */
.sd-about__pic .sd-about__img {
  aspect-ratio: 4 / 3 !important;
  object-position: 50% 45%;
  border-radius: 18px; }

/* line 7237, theme.scss */
.sd-about__title {
  font-size: clamp(26px, 2.6vw, 36px); }

/* line 7238, theme.scss */
.sd-about__text {
  font-size: 15px; }

@media (max-width: 900px) {
  /* line 7240, theme.scss */
  .sd-about {
    padding: 28px 16px 40px; }

  /* line 7241, theme.scss */
  .sd-about__inner {
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr);
    grid-template-areas: "pic head" "text text" "cta cta";
    gap: 12px 14px;
    padding: 16px;
    border-radius: 18px;
    align-items: center; }

  /* line 7245, theme.scss */
  .sd-about__pic {
    grid-area: pic; }

  /* line 7246, theme.scss */
  .sd-about__pic .sd-about__img {
    aspect-ratio: 1 / 1 !important;
    border-radius: 14px; }

  /* line 7247, theme.scss */
  .sd-about__body {
    display: contents; }

  /* line 7248, theme.scss */
  .sd-about__kick {
    grid-area: head;
    align-self: start;
    margin: 0; }

  /* line 7249, theme.scss */
  .sd-about__title {
    grid-area: head;
    align-self: end;
    font-size: 22px;
    margin: 22px 0 0; }

  /* line 7250, theme.scss */
  .sd-about__text {
    grid-area: text;
    margin: 4px 0 0;
    font-size: 14px; }

  /* line 7251, theme.scss */
  .sd-about__cta {
    grid-area: cta; }

  /* line 7252, theme.scss */
  .sd-about__btn {
    padding: 12px 18px;
    font-size: 13px; } }
/* SD-FIX-38 (10.09.2026): header counters back to the dark disc the owner
   preferred - black with white digits and a thin white ring */
/* line 7257, theme.scss */
body .header__control-btn .icon .header__control-bage.header__control-bage,
.header__control-btn .header__control-bage {
  background-color: #232120 !important;
  background: #232120 !important;
  color: #fff !important;
  border: 1.5px solid #fff !important;
  font-weight: 600 !important; }

/* SD-ABOUT-7: brand page on phones - air between the hero photo and the kicker,
   facts as compact squares with smaller type, story cards in smaller type */
@media (max-width: 900px) {
  /* line 7266, theme.scss */
  .sd-about-page--v2 .sd-ap__hero {
    gap: 0; }

  /* line 7267, theme.scss */
  .sd-about-page--v2 .sd-ap__hero-pic {
    min-height: 220px;
    margin-bottom: 22px; }

  /* line 7268, theme.scss */
  .sd-about-page--v2 .sd-ap__hero-body .sd-facts {
    gap: 10px;
    margin-top: 6px; }

  /* line 7269, theme.scss */
  .sd-about-page--v2 .sd-ap__hero-body .sd-facts__item {
    aspect-ratio: 1 / 1;
    padding: 12px 10px;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center; }

  /* line 7270, theme.scss */
  .sd-about-page--v2 .sd-ap__hero-body .sd-facts__ico {
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
    border-radius: 10px; }

  /* line 7271, theme.scss */
  .sd-about-page--v2 .sd-ap__hero-body .sd-facts__ico svg {
    width: 20px;
    height: 20px; }

  /* line 7272, theme.scss */
  .sd-about-page--v2 .sd-ap__hero-body .sd-facts__kick {
    font-size: 9px;
    letter-spacing: .14em;
    margin-bottom: 4px; }

  /* line 7273, theme.scss */
  .sd-about-page--v2 .sd-ap__hero-body .sd-facts__item b {
    font-size: 16px;
    margin-bottom: 3px; }

  /* line 7274, theme.scss */
  .sd-about-page--v2 .sd-ap__hero-body .sd-facts__item p {
    font-size: 11px !important;
    line-height: 1.35; }

  /* line 7275, theme.scss */
  .sd-about-page--v2 .sd-ap__card {
    padding: 14px 14px 16px; }

  /* line 7276, theme.scss */
  .sd-about-page--v2 .sd-ap__card-pic {
    margin: -14px -14px 12px; }

  /* line 7277, theme.scss */
  .sd-about-page--v2 .sd-ap__card h2 {
    font-size: 17px;
    margin-bottom: 6px; }

  /* line 7278, theme.scss */
  .sd-about-page--v2 .sd-ap__card p {
    font-size: 13px;
    line-height: 1.5; }

  /* line 7279, theme.scss */
  .sd-about-page--v2 .sd-ap__card .sd-ap__kick {
    font-size: 10px; }

  /* line 7280, theme.scss */
  .sd-about-page--v2 .sd-ap__lead {
    font-size: 15px; } }
/* line 7282, theme.scss */
.sd-about-page--v2 .sd-ap__hero > *, .sd-facts, .sd-facts__item {
  min-width: 0; }

@media (max-width: 900px) {
  /* line 7284, theme.scss */
  .sd-about-page--v2 .sd-ap__hero-pic {
    height: 240px;
    min-height: 0; }

  /* line 7285, theme.scss */
  .sd-about-page--v2 .sd-ap__hero-pic .sd-about__img {
    height: 100% !important;
    inset: 0; } }
/* SD-ABOUT-8: home block photo - the woman on the bed, floor cropped away */
/* line 7288, theme.scss */
.sd-about__pic .sd-about__img {
  object-position: 50% 28% !important; }

@media (max-width: 900px) {
  /* line 7289, theme.scss */
  .sd-about__pic .sd-about__img {
    object-position: 50% 35% !important; } }
/* SD-FIX-39: header counters - true circles, digit centred, hairline ring */
/* line 7292, theme.scss */
body .header__control-btn .icon .header__control-bage.header__control-bage,
.header__control-btn .header__control-bage {
  width: 18px !important;
  height: 18px !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  box-sizing: border-box !important;
  top: -6px !important;
  right: -6px !important; }

/* SD-ABOUT-9: brand page hero photo must never spill past its column (Safari let the
   absolutely positioned image grow to its own ratio); home block on phones - bigger
   photo, kicker and title raised */
/* line 7303, theme.scss */
.sd-about-page--v2 .sd-ap__hero-pic {
  overflow: hidden;
  border-radius: 22px; }

/* line 7304, theme.scss */
.sd-about-page--v2 .sd-ap__hero-pic .sd-about__img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  object-fit: cover !important; }

@media (max-width: 900px) {
  /* line 7309, theme.scss */
  .sd-about__inner {
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 12px 16px;
    align-items: start; }

  /* line 7310, theme.scss */
  .sd-about__pic .sd-about__img {
    aspect-ratio: 1 / 1 !important;
    border-radius: 16px; }

  /* line 7311, theme.scss */
  .sd-about__kick {
    align-self: start;
    margin: 2px 0 0; }

  /* line 7312, theme.scss */
  .sd-about__title {
    align-self: start;
    margin: 24px 0 0;
    font-size: 21px;
    line-height: 1.15; } }
@media (max-width: 900px) {
  /* facts on the brand page: content starts at the top of every tile so icons, kickers
     and headings sit on one line across the row (tiles stay equal by the grid row) */
  /* line 7317, theme.scss */
  .sd-about-page--v2 .sd-ap__hero-body .sd-facts__item {
    aspect-ratio: auto;
    justify-content: flex-start;
    height: 100%;
    box-sizing: border-box;
    padding: 14px 10px 14px; }

  /* line 7318, theme.scss */
  .sd-about-page--v2 .sd-ap__hero-body .sd-facts {
    align-items: stretch; } }
@media (max-width: 900px) {
  /* SD-ABOUT-10: kicker + title wrapped in .sd-about__head, centred beside a 140px photo */
  /* line 7322, theme.scss */
  .sd-about__inner {
    grid-template-columns: 140px minmax(0, 1fr);
    align-items: center; }

  /* line 7323, theme.scss */
  .sd-about__head {
    grid-area: head;
    align-self: center; }

  /* line 7324, theme.scss */
  .sd-about__kick {
    margin: 0 0 6px; }

  /* line 7325, theme.scss */
  .sd-about__title {
    margin: 0;
    font-size: 21px; } }
/* SD-FIX-40: counter sits on the rim of the round button (half on the button, half
   outside), anchored to the button itself instead of the icon */
/* line 7330, theme.scss */
.header__control-btn {
  position: relative !important;
  overflow: visible !important; }

/* line 7331, theme.scss */
.header__control-btn .icon {
  position: static !important; }

/* line 7332, theme.scss */
body .header__control-btn .icon .header__control-bage.header__control-bage,
.header__control-btn .header__control-bage {
  top: -1px !important;
  right: -3px !important; }

/* SD-ABOUT-11: home block buttons centred on phones */
@media (max-width: 900px) {
  /* line 7335, theme.scss */
  .sd-about__cta {
    justify-content: center; }

  /* line 7335, theme.scss */
  .sd-about__cta > * {
    margin: 0; } }
/* SD-FIX-40b: the .icon stays the positioning box (theme keeps it relative) - offsets from it */
/* line 7337, theme.scss */
body .header__control-btn .icon .header__control-bage.header__control-bage,
.header__control-btn .header__control-bage {
  top: -15px !important;
  right: -15px !important; }

/* SD-GAL-1: product photos on phones - swipe slider with dots instead of a thumb strip */
@media (max-width: 640px) {
  /* line 7342, theme.scss */
  .sd-prod .sd-prod__thumbs {
    display: none; }

  /* line 7343, theme.scss */
  .sd-gal {
    position: relative;
    border-radius: 18px;
    overflow: hidden; }

  /* line 7344, theme.scss */
  .sd-gal__track {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; }

  /* line 7345, theme.scss */
  .sd-gal__track::-webkit-scrollbar {
    display: none; }

  /* line 7346, theme.scss */
  .sd-gal__slide {
    flex: 0 0 100%;
    scroll-snap-align: start; }

  /* line 7347, theme.scss */
  .sd-gal__slide img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover; }

  /* line 7348, theme.scss */
  .sd-gal__dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    display: flex;
    justify-content: center;
    gap: 6px;
    pointer-events: none; }

  /* line 7349, theme.scss */
  .sd-gal__dots i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.55);
    box-shadow: 0 0 0 1px rgba(35, 33, 32, 0.12);
    transition: all .18s; }

  /* line 7350, theme.scss */
  .sd-gal__dots i.is-on {
    width: 16px;
    border-radius: 3px;
    background: #fff; } }
/* SD-FIX-41: no counter while the cart / favourites are empty */
/* line 7353, theme.scss */
.header__control-btn .header__control-bage.favorites-empty,
.header__control-btn .header__control-bage.cart-empty,
.header__control-btn .header__control-bage:empty,
.header__control-btn .header__control-bage.is-zero {
  display: none !important; }

/* SD-ABOUT-12: home facts on phones - smaller sage tiles (like "Why trust us") with light type */
@media (max-width: 900px) {
  /* line 7359, theme.scss */
  .sd-about .sd-facts {
    gap: 8px;
    margin-top: 18px; }

  /* line 7360, theme.scss */
  .sd-about .sd-facts__item {
    background: #5F7F81;
    box-shadow: none;
    padding: 12px 10px 12px;
    border-radius: 14px; }

  /* line 7361, theme.scss */
  .sd-about .sd-facts__ico {
    width: 30px;
    height: 30px;
    margin-bottom: 8px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.14);
    box-shadow: none; }

  /* line 7362, theme.scss */
  .sd-about .sd-facts__ico svg {
    width: 18px;
    height: 18px; }

  /* line 7363, theme.scss */
  .sd-about .sd-facts__ico svg * {
    stroke: #FBFAF7; }

  /* line 7364, theme.scss */
  .sd-about .sd-facts__kick {
    color: rgba(251, 250, 247, 0.72);
    font-size: 9px;
    letter-spacing: .14em;
    margin-bottom: 4px; }

  /* line 7365, theme.scss */
  .sd-about .sd-facts__item b {
    color: #FBFAF7;
    font-size: 17px;
    margin-bottom: 3px; }

  /* line 7366, theme.scss */
  .sd-about .sd-facts__item p {
    color: rgba(251, 250, 247, 0.8) !important;
    font-size: 11px !important;
    line-height: 1.35; } }
/* SD-FIX-41b: same, with enough specificity to beat SD-FIX-39 */
/* line 7369, theme.scss */
html body .header__control-btn .icon .header__control-bage.header__control-bage.favorites-empty,
html body .header__control-btn .icon .header__control-bage.header__control-bage.compare-empty,
html body .header__control-btn .icon .header__control-bage.header__control-bage.is-zero,
html body .header__control-btn .icon .header__control-bage.header__control-bage:empty {
  display: none !important; }

/* SD-BEN-M: the four benefits on phones take the exact metrics of the home
   facts tiles (SD-ABOUT-12) so both rows read as one family */
@media (max-width: 640px) {
  /* line 7376, theme.scss */
  body .widget-type_system_widget_v4_benefits_2 .benefit-list,
  body .widget-type_system_widget_v4_benefits_2 .benefit-list.grid-list {
    gap: 8px !important;
    margin: 0 16px !important; }

  /* line 7378, theme.scss */
  body .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item {
    padding: 11px 8px 11px !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(35, 33, 32, 0.06) !important; }

  /* line 7379, theme.scss */
  body .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item::after {
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
    background-size: 18px 18px !important;
    box-shadow: none !important; }

  /* line 7380, theme.scss */
  body .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item::before {
    font-size: 8px !important;
    letter-spacing: .1em !important;
    margin: 8px 0 3px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important; }

  /* line 7381, theme.scss */
  body .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-title {
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin: 0 0 3px !important;
    font-weight: 600 !important; }

  /* line 7382, theme.scss */
  body .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-description,
  body .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-description p {
    font-size: 10.5px !important;
    line-height: 1.3 !important; } }
/* SD-BEN-M2: the theme keeps 8/32px margins on the tiles and an 8px flex gap - that
   was the empty space under the headings */
@media (max-width: 640px) {
  /* line 7388, theme.scss */
  body .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item {
    margin: 0 !important;
    gap: 0 !important;
    height: auto !important; }

  /* line 7389, theme.scss */
  body .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item::after {
    margin: 0 0 8px !important; }

  /* line 7390, theme.scss */
  body .widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item::before {
    margin: 0 0 3px !important; } }
/* SD-MANIF-1d (11.09.2026): brand manifesto - dark green card, big two-tone headline,
   staggered reveal on scroll, breathing "sun" glow. Home (after "O brende") and /page/about-us (end). */
/* line 7395, theme.scss */
.sd-manif {
  max-width: 1180px;
  margin: 0 auto;
  padding: 8px 40px 72px;
  box-sizing: border-box; }

/* line 7396, theme.scss */
.sd-manif__inner {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  background: #2F4F50;
  color: #FBFAF7;
  padding: 84px 64px 76px;
  text-align: center;
  isolation: isolate; }

/* line 7400, theme.scss */
.sd-manif__sun {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
  width: 640px;
  height: 640px;
  right: -220px;
  top: -260px;
  background: radial-gradient(circle, rgba(194, 161, 119, 0.42) 0%, rgba(194, 161, 119, 0.14) 38%, rgba(194, 161, 119, 0) 68%);
  animation: sd-manif-breathe 7s ease-in-out infinite; }

/* line 7406, theme.scss */
.sd-manif__sun--2 {
  width: 520px;
  height: 520px;
  left: -240px;
  right: auto;
  top: auto;
  bottom: -300px;
  background: radial-gradient(circle, rgba(95, 127, 129, 0.55) 0%, rgba(95, 127, 129, 0.18) 40%, rgba(95, 127, 129, 0) 68%);
  animation-delay: -3.5s; }

@keyframes sd-manif-breathe {
  0%, 100% {
    opacity: .55;
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(1.06); } }
/* line 7409, theme.scss */
.sd-manif__kick {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font: 600 11px/1 var(--sd-sans);
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #C2A177;
  margin-bottom: 30px; }

/* line 7413, theme.scss */
.sd-manif__kick::before, .sd-manif__kick::after {
  content: "";
  width: 28px;
  height: 1px;
  background: rgba(194, 161, 119, 0.6); }

/* line 7414, theme.scss */
.sd-manif__title, .sd-about-page .sd-manif__title {
  font-family: var(--sd-sans);
  font-weight: 500;
  font-size: clamp(30px, 3.8vw, 52px);
  line-height: 1.1;
  letter-spacing: -.02em;
  color: #FBFAF7;
  margin: 0 auto 28px;
  max-width: 26ch; }

/* line 7418, theme.scss */
.sd-manif__line {
  display: block; }

/* line 7419, theme.scss */
.sd-manif__line + .sd-manif__line {
  margin-top: .12em; }

/* line 7420, theme.scss */
.sd-manif__title em {
  font-style: italic;
  font-weight: 400;
  color: #C2A177; }

/* line 7421, theme.scss */
.sd-manif__text, .sd-about-page .sd-manif__text {
  font-size: 17px;
  line-height: 1.6;
  color: rgba(251, 250, 247, 0.78);
  max-width: 52ch;
  margin: 0 auto 34px; }

/* line 7422, theme.scss */
.sd-manif__sign {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  font: 500 13px/1 var(--sd-sans);
  letter-spacing: .04em;
  color: rgba(251, 250, 247, 0.7); }

/* line 7426, theme.scss */
.sd-manif__sign i {
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #C2A177;
  box-shadow: 0 0 0 4px rgba(194, 161, 119, 0.22); }

/* line 7427, theme.scss */
.sd-manif__cta {
  margin-top: 30px; }

/* line 7428, theme.scss */
.sd-manif .sd-about__btn {
  background: #FBFAF7;
  color: #2F4F50 !important; }

/* reveal on scroll: children rise 16px and fade, staggered from JS via --i */
/* line 7430, theme.scss */
.sd-manif__kick, .sd-manif__line, .sd-manif__text, .sd-manif__sign, .sd-manif__cta {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1), transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: calc(var(--i, 0) * 90ms); }

/* line 7435, theme.scss */
.sd-manif.is-in .sd-manif__kick, .sd-manif.is-in .sd-manif__line, .sd-manif.is-in .sd-manif__text,
.sd-manif.is-in .sd-manif__sign, .sd-manif.is-in .sd-manif__cta {
  opacity: 1;
  transform: none; }

/* tactile press on the pill buttons */
/* line 7438, theme.scss */
.sd-about__btn, .sd-manif .sd-about__btn {
  transition: transform 0.16s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.2s ease; }

/* line 7439, theme.scss */
.sd-about__btn:active {
  transform: scale(0.97); }

@media (prefers-reduced-motion: reduce) {
  /* line 7441, theme.scss */
  .sd-manif__sun {
    animation: none; }

  /* line 7442, theme.scss */
  .sd-manif__kick, .sd-manif__line, .sd-manif__text, .sd-manif__sign, .sd-manif__cta {
    transform: none;
    transition: opacity .3s ease; } }
/* about page: the old end-quote becomes the manifesto */
/* line 7445, theme.scss */
.sd-about-page .sd-manif {
  padding: 24px 0 8px; }

/* line 7446, theme.scss */
.sd-about-page--v2 .sd-ap__end.is-manif {
  padding: 0; }

/* line 7447, theme.scss */
.sd-ap__end.is-manif .sd-ap__quote, .sd-ap__end.is-manif > .sd-about__btn {
  display: none; }

@media (max-width: 640px) {
  /* line 7449, theme.scss */
  .sd-manif {
    padding: 0 16px 40px; }

  /* line 7450, theme.scss */
  .sd-manif__inner {
    border-radius: 22px;
    padding: 44px 18px 38px; }

  /* line 7451, theme.scss */
  .sd-manif__sun {
    width: 380px;
    height: 380px;
    right: -170px;
    top: -190px; }

  /* line 7452, theme.scss */
  .sd-manif__sun--2 {
    width: 320px;
    height: 320px;
    left: -170px;
    bottom: -200px; }

  /* line 7453, theme.scss */
  .sd-manif__kick {
    margin-bottom: 20px; }

  /* line 7454, theme.scss */
  .sd-manif__title, .sd-about-page .sd-manif__title {
    font-size: clamp(26px, 7.4vw, 32px);
    line-height: 1.14;
    margin-bottom: 18px;
    max-width: none; }

  /* line 7455, theme.scss */
  .sd-manif__text, .sd-about-page .sd-manif__text {
    font-size: 14px;
    line-height: 1.55;
    margin-bottom: 22px; }

  /* line 7456, theme.scss */
  .sd-manif__sign {
    font-size: 11px;
    gap: 8px; }

  /* line 7457, theme.scss */
  .sd-manif__cta {
    margin-top: 22px; }

  /* line 7458, theme.scss */
  .sd-about-page .sd-manif {
    padding: 8px 0 0; } }
/* SD-TILE-1 (11.09.2026): fact / benefit tiles - staggered rise on scroll, lift on press (and on hover
   for fine pointers). Only the tile moves: transform + shadow, text untouched. */
/* line 7463, theme.scss */
.sd-tiles > .sd-tile {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1), transform 0.6s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.25s ease;
  transition-delay: calc(var(--i, 0) * 70ms), calc(var(--i, 0) * 70ms), 0s;
  will-change: transform; }

/* line 7469, theme.scss */
.sd-tiles.sd-tiles-in > .sd-tile {
  opacity: 1;
  transform: none;
  transition-delay: calc(var(--i, 0) * 70ms), calc(var(--i, 0) * 70ms), 0s; }

/* once revealed, the press/hover lift takes over with no stagger delay */
/* line 7471, theme.scss */
.sd-tiles.sd-tiles-in > .sd-tile.is-press,
.sd-tiles.sd-tiles-in > .sd-tile:active {
  transform: translateY(-4px) scale(1.035) !important;
  transition: transform 0.18s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.18s ease !important;
  transition-delay: 0s !important; }

/* line 7476, theme.scss */
.sd-tiles.sd-tiles-in > .sd-facts__item.is-press, .sd-tiles.sd-tiles-in > .sd-facts__item:active {
  box-shadow: 0 18px 34px rgba(35, 33, 32, 0.14) !important; }

/* line 7477, theme.scss */
.sd-tiles.sd-tiles-in > .benefit-list__item.is-press, .sd-tiles.sd-tiles-in > .benefit-list__item:active {
  box-shadow: 0 18px 34px rgba(35, 33, 32, 0.12) !important; }

@media (hover: hover) and (pointer: fine) {
  /* line 7479, theme.scss */
  .sd-tiles.sd-tiles-in > .sd-tile:hover {
    transform: translateY(-4px) scale(1.025) !important;
    transition: transform 0.22s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.22s ease !important;
    transition-delay: 0s !important; }

  /* line 7483, theme.scss */
  .sd-tiles.sd-tiles-in > .sd-facts__item:hover {
    box-shadow: 0 16px 30px rgba(35, 33, 32, 0.12) !important; }

  /* line 7484, theme.scss */
  .sd-tiles.sd-tiles-in > .benefit-list__item:hover {
    box-shadow: 0 16px 30px rgba(35, 33, 32, 0.1) !important; } }
/* once the stagger has played (JS adds sd-tiles-done) the release settles back quickly */
/* line 7487, theme.scss */
.sd-tiles.sd-tiles-done > .sd-tile {
  transition-duration: .28s, .28s, .28s;
  transition-delay: 0s, 0s, 0s; }

/* line 7488, theme.scss */
.sd-tiles > .sd-tile:not(.is-press) {
  -webkit-tap-highlight-color: transparent; }

/* line 7489, theme.scss */
.sd-tile {
  cursor: default;
  user-select: none;
  -webkit-user-select: none; }

@media (prefers-reduced-motion: reduce) {
  /* line 7491, theme.scss */
  .sd-tiles > .sd-tile {
    transform: none;
    transition: opacity .3s ease; }

  /* line 7492, theme.scss */
  .sd-tiles.sd-tiles-in > .sd-tile.is-press, .sd-tiles.sd-tiles-in > .sd-tile:active, .sd-tiles.sd-tiles-in > .sd-tile:hover {
    transform: none !important; } }
/* SD-BORN-1b (11.09.2026): "Kak rozhdaetsya veshch" on /page/about-us, after the manifesto */
/* line 7496, theme.scss */
.sd-about-page .sd-born {
  padding: 56px 0 8px; }

/* line 7497, theme.scss */
.sd-born__head {
  text-align: center;
  max-width: 60ch;
  margin: 0 auto 30px; }

/* line 7498, theme.scss */
.sd-born__head .sd-ap__kick {
  margin-bottom: 12px; }

/* line 7499, theme.scss */
.sd-about-page .sd-born__title {
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.12;
  letter-spacing: -.015em;
  margin: 0; }

/* line 7500, theme.scss */
.sd-born__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px; }

/* line 7501, theme.scss */
.sd-born__grid > * {
  min-width: 0; }

/* line 7502, theme.scss */
.sd-born__item {
  background: #FBFAF7;
  border-radius: 22px;
  padding: 12px 12px 20px;
  box-shadow: 0 8px 22px rgba(35, 33, 32, 0.06); }

/* line 7503, theme.scss */
.sd-born__pic {
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;
  background: #EAE5DC;
  margin-bottom: 16px; }

/* line 7504, theme.scss */
.sd-born__pic img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }

/* line 7505, theme.scss */
.sd-born__ph {
  background: linear-gradient(145deg, #EEE9E0, #DDD5C8); }

/* line 7506, theme.scss */
.sd-born__ph::after {
  content: attr(data-cap);
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font: 500 11px/1 var(--sd-sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: rgba(35, 33, 32, 0.45); }

/* line 7510, theme.scss */
.sd-born__num {
  display: block;
  font: 600 11px/1 var(--sd-sans);
  letter-spacing: .18em;
  color: #5F7F81;
  margin: 0 6px 8px; }

/* line 7511, theme.scss */
.sd-about-page .sd-born__item h3 {
  font: 500 18px/1.2 var(--sd-sans);
  letter-spacing: -.01em;
  color: #232120;
  margin: 0 6px 8px; }

/* line 7512, theme.scss */
.sd-about-page .sd-born__item p {
  font-size: 13px !important;
  line-height: 1.5;
  color: #6E6862 !important;
  margin: 0 6px !important; }

@media (max-width: 900px) {
  /* line 7513, theme.scss */
  .sd-born__grid {
    grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) {
  /* line 7515, theme.scss */
  .sd-about-page .sd-born {
    padding: 36px 0 0; }

  /* line 7516, theme.scss */
  .sd-born__head {
    margin-bottom: 20px; }

  /* phone: one column, photo on the left, text on the right */
  /* line 7518, theme.scss */
  .sd-born__grid {
    grid-template-columns: 1fr;
    gap: 10px; }

  /* line 7519, theme.scss */
  .sd-born__item {
    border-radius: 16px;
    padding: 10px;
    display: grid;
    grid-template-columns: 96px 1fr;
    grid-template-rows: auto auto 1fr;
    column-gap: 12px;
    align-items: start; }

  /* line 7520, theme.scss */
  .sd-born__pic {
    grid-row: 1 / 4;
    width: 96px;
    border-radius: 10px;
    margin: 0; }

  /* line 7521, theme.scss */
  .sd-born__ph::after {
    font-size: 9px;
    letter-spacing: .08em;
    text-align: center;
    padding: 0 6px; }

  /* line 7522, theme.scss */
  .sd-born__num {
    margin: 4px 0 4px; }

  /* line 7523, theme.scss */
  .sd-about-page .sd-born__item h3 {
    font-size: 15px;
    margin: 0 0 4px; }

  /* line 7524, theme.scss */
  .sd-about-page .sd-born__item p {
    font-size: 12px !important;
    margin: 0 !important; } }
/* SD-HEAD-1 (11.09.2026): phone logo bar - lower (56px), frosted glass like iOS (blur + a
   touch of grain), bigger mark from the cropped asset sd-logo-m.png (900x452). */
@media (max-width: 640px) {
  /* line 7530, theme.scss */
  .sd-minihead {
    height: 56px !important;
    background: rgba(245, 242, 237, 0.68) !important;
    -webkit-backdrop-filter: saturate(170%) blur(16px);
    backdrop-filter: saturate(170%) blur(16px);
    border-bottom: 1px solid rgba(35, 33, 32, 0.06) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset !important;
    position: sticky;
    top: 0;
    z-index: 150;
    overflow: hidden; }

  /* fine grain over the glass */
  /* line 7541, theme.scss */
  .sd-minihead::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .07;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.14 0 0 0 0 0.13 0 0 0 0 0.12 0 0 0 1 0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>");
    background-size: 120px 120px;
    mix-blend-mode: multiply; }

  /* line 7547, theme.scss */
  .sd-minihead img {
    height: 40px !important;
    width: auto;
    position: relative; }

  /* browsers without backdrop-filter get a solid bar */
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    /* line 7550, theme.scss */
    .sd-minihead {
      background: #F5F2ED !important; } }
  /* home banner: the cropped mark at 46px reads larger than the padded one did at 82px */
  /* line 7553, theme.scss */
  .sd-hero__logo img {
    height: 46px !important; } }
/* SD-WRITE-1b (11.09.2026): "Napishite nam" card at the end of /page/about-us */
/* line 7557, theme.scss */
.sd-about-page .sd-write {
  padding: 40px 0 0; }

/* line 7558, theme.scss */
.sd-write__inner {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 32px;
  align-items: center;
  background: #FBFAF7;
  border-radius: 28px;
  padding: 40px 44px;
  box-shadow: 0 8px 22px rgba(35, 33, 32, 0.06); }

/* line 7562, theme.scss */
.sd-write__inner > * {
  min-width: 0; }

/* line 7563, theme.scss */
.sd-write__body .sd-ap__kick {
  margin-bottom: 12px; }

/* line 7564, theme.scss */
.sd-about-page .sd-write__title {
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.12;
  letter-spacing: -.015em;
  margin: 0 0 12px; }

/* line 7565, theme.scss */
.sd-about-page .sd-write__text {
  font-size: 15px !important;
  line-height: 1.55;
  color: #6E6862 !important;
  margin: 0 !important;
  max-width: 46ch; }

/* line 7566, theme.scss */
.sd-write__btns {
  display: flex;
  flex-direction: column;
  gap: 10px; }

/* line 7567, theme.scss */
.sd-write__btn {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 18px 12px 12px;
  border-radius: 999px;
  background: #F5F2ED;
  color: #232120 !important;
  text-decoration: none !important;
  border: 1px solid rgba(35, 33, 32, 0.08);
  transition: transform 0.18s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.2s ease, box-shadow 0.2s ease; }

/* line 7572, theme.scss */
.sd-write__ico {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #5F7F81;
  color: #FBFAF7; }

/* line 7576, theme.scss */
.sd-write__ico svg {
  width: 20px;
  height: 20px; }

/* line 7577, theme.scss */
.sd-write__lbl {
  display: flex;
  flex-direction: column;
  font: 500 15px/1.2 var(--sd-sans);
  white-space: nowrap;
  min-width: 0; }

/* line 7578, theme.scss */
.sd-write__lbl small {
  font: 500 11px/1.3 var(--sd-sans);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6E6862;
  margin-top: 2px; }

/* line 7579, theme.scss */
.sd-write__btn:active {
  transform: scale(0.98); }

@media (hover: hover) and (pointer: fine) {
  /* line 7581, theme.scss */
  .sd-write__btn:not(.is-soon):hover {
    background: #FBFAF7;
    box-shadow: 0 10px 24px rgba(35, 33, 32, 0.1);
    transform: translateY(-2px); } }
/* line 7583, theme.scss */
.sd-write__btn.is-soon {
  opacity: .55;
  cursor: default; }

/* line 7584, theme.scss */
.sd-write__btn.is-soon .sd-write__ico {
  background: #C9CFCE; }

@media (max-width: 640px) {
  /* line 7586, theme.scss */
  .sd-about-page .sd-write {
    padding: 28px 0 0; }

  /* line 7587, theme.scss */
  .sd-write__inner {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 24px 18px;
    border-radius: 22px; }

  /* line 7588, theme.scss */
  .sd-about-page .sd-write__title {
    font-size: 22px; }

  /* line 7589, theme.scss */
  .sd-about-page .sd-write__text {
    font-size: 14px !important; }

  /* line 7590, theme.scss */
  .sd-write__btn {
    padding: 10px 14px 10px 10px; }

  /* line 7591, theme.scss */
  .sd-write__ico {
    flex-basis: 36px;
    width: 36px;
    height: 36px; }

  /* line 7592, theme.scss */
  .sd-write__lbl {
    font-size: 14px; } }
/* SD-RAIL-SQ (11.09.2026): every subcategory tile in the scenario rails is a 1:1 square
   (desktop was 3:4, phone a 88px-high brick). Width comes from the grid cell. */
/* line 7597, theme.scss */
.banner-list.sd-rail .banner-list__item-photo,
.banner-list.sd-rail .banner-list__item-photo .img-ratio,
.banner-list.sd-rail .img-ratio,
.banner-list.sd-rail .banner-list__item img,
.banner-list.sd-rail .banner-list__item.sd-tile-blank .banner-list__item-photo,
.banner-list.sd-rail .banner-list__item.sd-tile-blank .img-ratio {
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  width: 100% !important;
  object-fit: cover !important;
  border-radius: 16px; }

@media (max-width: 640px) {
  /* line 7610, theme.scss */
  .banner-list.sd-rail .banner-list__item-photo,
  .banner-list.sd-rail .banner-list__item-photo .img-ratio,
  .banner-list.sd-rail .img-ratio,
  .banner-list.sd-rail .banner-list__item img {
    border-radius: 13px; } }
/* SD-RAIL-WRAP3 (11.09.2026): on desktop the rail squeezed 15 tiles into one line (46px each,
   captions wider than the pictures). Tiles keep 120-150px and wrap into centred rows. */
@media (min-width: 1025px) {
  /* line 7619, theme.scss */
  .banner-list.sd-rail {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 18px 14px !important; }

  /* line 7620, theme.scss */
  .banner-list.sd-rail .banner-list__item {
    flex: 0 0 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    margin: 0 !important;
    /* the theme adds 32px right margin - it broke the 8-per-row fit */ }

  /* line 7626, theme.scss */
  .banner-list.sd-rail .sd-tile-label {
    width: 100%;
    text-align: center;
    white-space: normal; } }
/* SD-GUIDE-1 (11.09.2026): guides hub /page/kak-vybrat, article pages (.sd-guide) and the
   "Poleznoe" post rail on the home page */
/* line 7631, theme.scss */
body.sd-guide-body .widget-type_system_widget_v4_breadcrumbs_1,
body.sd-guide-body .widget-type_system_widget_v4_page_title_1 {
  display: none !important; }

/* line 7633, theme.scss */
body.sd-guide-body .widget-type_system_widget_v4_page_content_1 .layout__content {
  max-width: none;
  padding: 0; }

/* line 7634, theme.scss */
.sd-guides, .sd-guide {
  max-width: 1180px;
  margin: 0 auto;
  padding: 24px 40px 72px;
  box-sizing: border-box;
  color: #232120; }

/* line 7635, theme.scss */
.sd-guides__head {
  max-width: 62ch;
  margin: 0 0 26px; }

/* line 7636, theme.scss */
.sd-guides__title, .sd-guide__title {
  font-family: var(--sd-sans);
  font-weight: 500;
  font-size: clamp(28px, 3.2vw, 44px);
  line-height: 1.08;
  letter-spacing: -.02em;
  margin: 0 0 14px;
  color: #232120; }

/* line 7637, theme.scss */
.sd-guides__lead, .sd-guide__lead {
  font-size: 17px;
  line-height: 1.55;
  color: #6E6862;
  margin: 0; }

/* line 7638, theme.scss */
.sd-guides__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 22px; }

/* line 7639, theme.scss */
.sd-guides__filters button {
  border: 1px solid rgba(35, 33, 32, 0.14);
  background: transparent;
  color: #232120;
  border-radius: 999px;
  padding: 9px 16px;
  font: 500 13px/1 var(--sd-sans);
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.16s cubic-bezier(0.23, 1, 0.32, 1); }

/* line 7643, theme.scss */
.sd-guides__filters button:active {
  transform: scale(0.97); }

/* line 7644, theme.scss */
.sd-guides__filters button.is-on {
  background: #232120;
  color: #FBFAF7;
  border-color: #232120; }

/* line 7645, theme.scss */
.sd-guides__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px; }

/* line 7646, theme.scss */
.sd-gcard {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #FBFAF7;
  border-radius: 22px;
  padding: 22px 22px 20px;
  box-shadow: 0 8px 22px rgba(35, 33, 32, 0.06);
  text-decoration: none !important;
  color: #232120 !important;
  transition: transform 0.22s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.22s ease;
  min-height: 190px; }

/* line 7651, theme.scss */
.sd-gcard__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font: 600 10.5px/1 var(--sd-sans);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #5F7F81; }

/* line 7652, theme.scss */
.sd-gcard__meta i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #C2A177; }

/* line 7653, theme.scss */
.sd-gcard__meta em {
  font-style: normal;
  color: #6E6862;
  letter-spacing: .06em;
  text-transform: none;
  font-weight: 500;
  font-size: 12px; }

/* line 7654, theme.scss */
.sd-gcard h3 {
  font: 500 20px/1.2 var(--sd-sans);
  letter-spacing: -.01em;
  margin: 0;
  color: #232120; }

/* line 7655, theme.scss */
.sd-gcard p {
  font-size: 14px;
  line-height: 1.5;
  color: #6E6862;
  margin: 0; }

/* line 7656, theme.scss */
.sd-gcard__more {
  margin-top: auto;
  font: 500 13px/1 var(--sd-sans);
  color: #232120; }

/* line 7657, theme.scss */
.sd-gcard.is-soon {
  opacity: .55;
  pointer-events: none; }

/* line 7658, theme.scss */
.sd-gcard.is-soon .sd-gcard__more {
  color: #6E6862; }

@media (hover: hover) and (pointer: fine) {
  /* line 7659, theme.scss */
  .sd-gcard:not(.is-soon):hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 30px rgba(35, 33, 32, 0.11); } }
/* line 7660, theme.scss */
.sd-gcard:active {
  transform: scale(0.985); }

/* article */
/* line 7662, theme.scss */
.sd-guide {
  max-width: 760px; }

/* line 7663, theme.scss */
.sd-guide__crumbs {
  display: flex;
  gap: 8px;
  font-size: 13px;
  color: #6E6862;
  margin-bottom: 26px; }

/* line 7664, theme.scss */
.sd-guide__crumbs a {
  color: #6E6862 !important;
  text-decoration: none !important; }

/* line 7665, theme.scss */
.sd-guide__head {
  margin-bottom: 34px; }

/* line 7666, theme.scss */
.sd-guide__head .sd-ap__kick {
  margin-bottom: 12px; }

/* line 7667, theme.scss */
.sd-guide__sec {
  margin: 0 0 36px; }

/* line 7668, theme.scss */
.sd-guide__sec h2 {
  font-family: var(--sd-sans);
  font-weight: 500;
  font-size: 24px;
  line-height: 1.15;
  letter-spacing: -.015em;
  margin: 0 0 12px;
  color: #232120; }

/* line 7669, theme.scss */
.sd-guide__sec p {
  font-size: 16px;
  line-height: 1.65;
  color: #232120;
  margin: 0 0 12px; }

/* line 7670, theme.scss */
.sd-guide__note {
  background: #EAE5DC;
  border-radius: 16px;
  padding: 14px 18px;
  font-size: 15px;
  line-height: 1.5;
  color: #232120;
  margin-top: 14px; }

/* line 7671, theme.scss */
.sd-guide__tablewrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 18px;
  background: #FBFAF7;
  box-shadow: 0 8px 22px rgba(35, 33, 32, 0.06); }

/* line 7672, theme.scss */
.sd-guide__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px;
  line-height: 1.4;
  min-width: 520px; }

/* line 7673, theme.scss */
.sd-guide__table th, .sd-guide__table td {
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid rgba(35, 33, 32, 0.07); }

/* line 7674, theme.scss */
.sd-guide__table th {
  font: 600 11px/1 var(--sd-sans);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #5F7F81;
  padding-top: 16px; }

/* line 7675, theme.scss */
.sd-guide__table td:first-child {
  color: #6E6862;
  width: 24%; }

/* line 7676, theme.scss */
.sd-guide__table tr:last-child td {
  border-bottom: 0; }

/* checklist */
/* line 7678, theme.scss */
.sd-check__progress {
  font: 500 13px/1 var(--sd-sans);
  color: #6E6862;
  margin: -4px 0 14px; }

/* line 7679, theme.scss */
.sd-check__progress b {
  color: #5F7F81;
  font-weight: 600; }

/* line 7680, theme.scss */
.sd-check {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px; }

/* line 7681, theme.scss */
.sd-check li {
  margin: 0; }

/* line 7682, theme.scss */
.sd-check label {
  display: grid;
  grid-template-columns: 24px 1fr;
  column-gap: 12px;
  align-items: start;
  background: #FBFAF7;
  border-radius: 16px;
  padding: 14px 16px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(35, 33, 32, 0.05);
  transition: transform 0.16s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.2s ease; }

/* line 7683, theme.scss */
.sd-check label:active {
  transform: scale(0.985); }

/* line 7684, theme.scss */
.sd-check input {
  appearance: none;
  -webkit-appearance: none;
  width: 22px;
  height: 22px;
  margin: 1px 0 0;
  border-radius: 7px;
  border: 1.5px solid rgba(35, 33, 32, 0.25);
  background: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease; }

/* line 7685, theme.scss */
.sd-check input::after {
  content: "";
  width: 6px;
  height: 11px;
  border: solid #FBFAF7;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) scale(0);
  transition: transform 0.18s cubic-bezier(0.23, 1, 0.32, 1);
  margin-top: -3px; }

/* line 7686, theme.scss */
.sd-check input:checked {
  background: #5F7F81;
  border-color: #5F7F81; }

/* line 7687, theme.scss */
.sd-check input:checked::after {
  transform: rotate(45deg) scale(1); }

/* line 7688, theme.scss */
.sd-check span {
  font-size: 15px;
  line-height: 1.45;
  color: #232120; }

/* line 7689, theme.scss */
.sd-check small {
  display: block;
  grid-column: 2;
  font-size: 13px;
  color: #6E6862;
  margin-top: 2px; }

/* line 7690, theme.scss */
.sd-check li.is-done span {
  color: #6E6862;
  text-decoration: line-through;
  text-decoration-color: rgba(35, 33, 32, 0.3); }

/* line 7691, theme.scss */
.sd-guide__shop .sd-cat__grid {
  margin: 0 0 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }

/* line 7692, theme.scss */
.sd-guide__shop .sd-cat__grid > * {
  min-width: 0; }

/* line 7693, theme.scss */
.sd-guides {
  min-width: 0;
  max-width: min(1180px, 100%); }

/* line 7694, theme.scss */
.sd-guide {
  min-width: 0;
  width: 100%;
  max-width: min(760px, 100%);
  overflow-x: hidden; }

/* line 7695, theme.scss */
.sd-guides {
  width: 100%;
  overflow-x: hidden; }

/* line 7696, theme.scss */
.sd-guide__tablewrap {
  max-width: 100%; }

/* line 7697, theme.scss */
.sd-guide__shop .sd-about__btn {
  display: inline-block; }

/* home: "Poleznoe" */
/* line 7699, theme.scss */
.sd-useful {
  max-width: 1180px;
  margin: 0 auto;
  padding: 8px 40px 64px;
  box-sizing: border-box; }

/* line 7700, theme.scss */
.sd-useful__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px; }

/* line 7701, theme.scss */
.sd-useful__head h2 {
  font-family: var(--sd-sans);
  font-weight: 500;
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.12;
  letter-spacing: -.015em;
  margin: 0;
  color: #232120; }

/* line 7702, theme.scss */
.sd-useful__head .sd-ap__kick {
  margin-bottom: 10px; }

/* line 7703, theme.scss */
.sd-useful__all {
  font: 500 14px/1 var(--sd-sans);
  color: #232120 !important;
  text-decoration: none !important;
  white-space: nowrap;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(35, 33, 32, 0.25); }

/* line 7704, theme.scss */
.sd-useful__rail {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px; }

/* line 7705, theme.scss */
.sd-post {
  display: flex;
  flex-direction: column;
  background: #FBFAF7;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(35, 33, 32, 0.06);
  text-decoration: none !important;
  color: #232120 !important;
  transition: transform 0.22s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.22s ease; }

@media (hover: hover) and (pointer: fine) {
  /* line 7706, theme.scss */
  .sd-post:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 30px rgba(35, 33, 32, 0.11); } }
/* line 7707, theme.scss */
.sd-post:active {
  transform: scale(0.985); }

/* line 7708, theme.scss */
.sd-post__top {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px 0; }

/* line 7709, theme.scss */
.sd-post__ava {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #2F4F50;
  color: #C2A177;
  display: grid;
  place-items: center;
  font: 600 13px/1 var(--sd-sans); }

/* line 7710, theme.scss */
.sd-post__nick {
  font: 600 13px/1.2 var(--sd-sans);
  color: #232120; }

/* line 7711, theme.scss */
.sd-post__rub {
  font: 500 12px/1.2 var(--sd-sans);
  color: #6E6862; }

/* line 7712, theme.scss */
.sd-post__pic {
  position: relative;
  aspect-ratio: 4 / 5;
  margin: 12px 0 0;
  background: #EAE5DC;
  overflow: hidden; }

/* line 7713, theme.scss */
.sd-post__pic img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }

/* line 7714, theme.scss */
.sd-post__pic .sd-post__tag {
  position: absolute;
  left: 14px;
  bottom: 14px;
  background: rgba(35, 33, 32, 0.82);
  color: #FBFAF7;
  font: 500 12px/1 var(--sd-sans);
  padding: 8px 12px;
  border-radius: 999px; }

/* line 7715, theme.scss */
.sd-post__body {
  padding: 14px 18px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1; }

/* line 7716, theme.scss */
.sd-post__text {
  font-size: 15px;
  line-height: 1.5;
  color: #232120;
  margin: 0; }

/* line 7717, theme.scss */
.sd-post__text b {
  font-weight: 600; }

/* line 7718, theme.scss */
.sd-post__tags {
  font: 500 13px/1.4 var(--sd-sans);
  color: #5F7F81; }

/* line 7719, theme.scss */
.sd-post__more {
  margin-top: auto;
  font: 500 13px/1 var(--sd-sans);
  color: #232120;
  padding-top: 6px; }

/* line 7720, theme.scss */
.sd-post--note .sd-post__top {
  padding-top: 18px; }

/* line 7721, theme.scss */
.sd-post--note .sd-post__text {
  font-size: 16px; }

@media (max-width: 900px) {
  /* line 7722, theme.scss */
  .sd-guides__grid {
    grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) {
  /* line 7724, theme.scss */
  .sd-guides, .sd-guide {
    padding: 8px 16px 44px; }

  /* line 7725, theme.scss */
  .sd-guides__head {
    margin-bottom: 18px; }

  /* line 7726, theme.scss */
  .sd-guides__grid {
    grid-template-columns: 1fr;
    gap: 12px; }

  /* line 7727, theme.scss */
  .sd-gcard {
    padding: 18px 18px 16px;
    min-height: 0; }

  /* line 7728, theme.scss */
  .sd-gcard h3 {
    font-size: 18px; }

  /* line 7729, theme.scss */
  .sd-guide__sec h2 {
    font-size: 20px; }

  /* line 7730, theme.scss */
  .sd-guide__sec p {
    font-size: 15px; }

  /* line 7731, theme.scss */
  .sd-guide__table {
    font-size: 13.5px;
    min-width: 400px; }

  /* line 7732, theme.scss */
  .sd-guide__shop .sd-cat__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px; }

  /* line 7733, theme.scss */
  .sd-useful {
    padding: 0 16px 40px; }

  /* line 7734, theme.scss */
  .sd-useful__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 16px; }

  /* line 7735, theme.scss */
  .sd-useful__rail {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 12px;
    margin: 0 -16px;
    padding: 4px 16px 12px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch; }

  /* line 7736, theme.scss */
  .sd-useful__rail::-webkit-scrollbar {
    display: none; }

  /* line 7737, theme.scss */
  .sd-post {
    flex: 0 0 86%;
    scroll-snap-align: start; } }
/* SD-NEW-2 (11.09.2026): "Novinki" widget copy + NEW badge (Wildberries-like, muted) */
/* line 7741, theme.scss */
.sd-newwidget .special-products__title {
  color: #232120 !important; }

/* line 7742, theme.scss */
.sd-badge-new {
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 3;
  pointer-events: none;
  background: #2F4F50;
  color: #FBFAF7;
  font: 700 10px/1 var(--sd-sans);
  letter-spacing: .14em;
  padding: 6px 9px 5px;
  border-radius: 7px;
  box-shadow: 0 2px 8px rgba(35, 33, 32, 0.16); }

/* line 7747, theme.scss */
.product-preview__photo {
  position: relative; }

@media (max-width: 640px) {
  /* line 7748, theme.scss */
  .sd-badge-new {
    left: 9px;
    top: 9px;
    font-size: 9px;
    padding: 5px 7px 4px; } }
/* SD-GEO-1c (11.09.2026): city prompt on the first visit + a small city pill in the header */
/* line 7751, theme.scss */
.sd-geo {
  position: fixed;
  z-index: 2000;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%) translateY(16px);
  opacity: 0;
  width: min(420px, calc(100vw - 32px));
  background: #FBFAF7;
  color: #232120;
  border-radius: 22px;
  padding: 18px 20px;
  box-shadow: 0 18px 44px rgba(35, 33, 32, 0.18);
  transition: opacity 0.35s cubic-bezier(0.23, 1, 0.32, 1), transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
  font-family: var(--sd-sans); }

/* line 7757, theme.scss */
.sd-geo.is-in {
  opacity: 1;
  transform: translateX(-50%) translateY(0); }

@media (max-width: 640px) {
  /* line 7758, theme.scss */
  .sd-geo {
    bottom: 84px; } }
/* line 7759, theme.scss */
.sd-geo__kick {
  font: 600 10.5px/1 var(--sd-sans);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #5F7F81;
  margin-bottom: 8px; }

/* line 7760, theme.scss */
.sd-geo__q {
  font: 500 18px/1.25 var(--sd-sans);
  letter-spacing: -.01em;
  margin: 0 0 14px; }

/* line 7761, theme.scss */
.sd-geo__btns {
  display: flex;
  gap: 8px;
  flex-wrap: wrap; }

/* line 7762, theme.scss */
.sd-geo__btn {
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  font: 500 14px/1 var(--sd-sans);
  cursor: pointer;
  background: #232120;
  color: #FBFAF7;
  transition: transform 0.16s cubic-bezier(0.23, 1, 0.32, 1); }

/* line 7763, theme.scss */
.sd-geo__btn:active {
  transform: scale(0.97); }

/* line 7764, theme.scss */
.sd-geo__btn--ghost {
  background: transparent;
  color: #232120;
  border: 1px solid rgba(35, 33, 32, 0.16); }

/* line 7765, theme.scss */
.sd-geo__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 0;
  background: #EAE5DC;
  color: #232120;
  cursor: pointer;
  font-size: 16px;
  line-height: 30px; }

/* line 7766, theme.scss */
.sd-geo__list {
  display: none;
  margin-top: 12px; }

/* line 7767, theme.scss */
.sd-geo.is-pick .sd-geo__list {
  display: block; }

/* line 7768, theme.scss */
.sd-geo.is-pick .sd-geo__btns {
  display: none; }

/* line 7769, theme.scss */
.sd-geo__input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(35, 33, 32, 0.16);
  border-radius: 999px;
  padding: 11px 16px;
  font: 400 14px/1.2 var(--sd-sans);
  background: #fff;
  color: #232120;
  margin-bottom: 10px;
  outline: none; }

/* line 7770, theme.scss */
.sd-geo__input:focus {
  border-color: #5F7F81; }

/* line 7771, theme.scss */
.sd-geo__cities {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-height: 150px;
  overflow: auto; }

/* line 7772, theme.scss */
.sd-geo__city {
  border: 1px solid rgba(35, 33, 32, 0.12);
  background: #F5F2ED;
  border-radius: 999px;
  padding: 8px 12px;
  font: 500 13px/1 var(--sd-sans);
  color: #232120;
  cursor: pointer; }

/* line 7773, theme.scss */
.sd-geo__city:active {
  transform: scale(0.97); }

/* line 7774, theme.scss */
.sd-geo__ok {
  margin-top: 10px; }

/* line 7775, theme.scss */
.sd-citypill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font: 500 12px/1 var(--sd-sans);
  color: #6E6862;
  text-decoration: none !important;
  cursor: pointer;
  white-space: nowrap; }

/* line 7776, theme.scss */
.sd-citypill svg {
  width: 12px;
  height: 12px; }

/* line 7777, theme.scss */
.header .sd-citypill {
  margin-left: 18px; }

@media (max-width: 640px) {
  /* line 7778, theme.scss */
  .sd-minihead .sd-citypill {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 11px; } }
/* SD-PRICE-1b (11.09.2026): home page cards - bolder price, smaller title */
/* line 7781, theme.scss */
body.sd-home .product-preview__price {
  font-size: 18px !important;
  font-weight: 700 !important;
  letter-spacing: -.015em; }

/* line 7782, theme.scss */
body.sd-home .product-preview__price-cur {
  font-weight: 700 !important; }

/* line 7783, theme.scss */
body.sd-home .product-preview__price-label {
  display: none !important; }

/* line 7784, theme.scss */
body.sd-home .product-preview__title, body.sd-home .product-preview__title a {
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  font-weight: 400;
  color: #232120; }

@media (max-width: 640px) {
  /* line 7786, theme.scss */
  body.sd-home .product-preview__price {
    font-size: 16px !important; }

  /* line 7787, theme.scss */
  body.sd-home .product-preview__title, body.sd-home .product-preview__title a {
    font-size: 12px !important; } }
/* SD-HOME-SP-4 (11.09.2026): home spacing - scenario tiles sit closer to the banner, the gap
   before "Novinki" grows; product cards are shorter: smaller white plate, title right under the price */
/* line 7792, theme.scss */
body.sd-home .sd-tiles-head {
  padding-top: 26px !important;
  padding-bottom: 12px !important; }

/* line 7793, theme.scss */
body.sd-home .widget-type_system_widget_v4_banner_list_22 {
  margin-top: 0 !important;
  margin-bottom: 44px !important; }

/* line 7794, theme.scss */
body.sd-home .sd-newwidget {
  padding-top: 8px !important; }

/* line 7795, theme.scss */
body.sd-home .product-preview {
  padding-bottom: 10px !important; }

/* line 7796, theme.scss */
body.sd-home .product-preview__area-bottom {
  padding-top: 10px !important; }

/* line 7797, theme.scss */
body.sd-home .product-preview__buy {
  padding: 2px 0 0 14px !important; }

/* line 7798, theme.scss */
body.sd-home .product-preview__area-title {
  margin-top: 0 !important; }

/* line 7799, theme.scss */
body.sd-home .product-preview__title {
  margin: 4px 0 0 !important;
  padding: 0 14px !important; }

/* line 7800, theme.scss */
body.sd-home .product-preview__area-rating, body.sd-home .product-preview__area-description {
  display: none !important; }

@media (max-width: 640px) {
  /* line 7802, theme.scss */
  body.sd-home .sd-tiles-head {
    padding-top: 12px !important;
    padding-bottom: 6px !important; }

  /* line 7803, theme.scss */
  body.sd-home .widget-type_system_widget_v4_banner_list_22 {
    margin-top: 0 !important;
    margin-bottom: 28px !important; }

  /* line 7804, theme.scss */
  body.sd-home .product-preview__title {
    padding: 0 10px !important; }

  /* line 7805, theme.scss */
  body.sd-home .product-preview__buy {
    padding-left: 10px !important; } }
/* SD-HOW-2 (11.09.2026): "Kak vybrat?" (left) and "Poleznoe" (right) share one section on the
   home page - same top line, same container. Questions keep the plus and fold; the posts are a
   horizontal rail with arrows. */
/* line 7811, theme.scss */
.sd-howuse {
  max-width: 1180px;
  margin: 0 auto;
  padding: 56px 40px 64px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start; }

/* line 7812, theme.scss */
.sd-howuse > * {
  min-width: 0; }

/* line 7813, theme.scss */
.sd-howuse .sd-howuse__faq {
  display: flex;
  flex-direction: column;
  position: relative; }

/* line 7814, theme.scss */
.sd-howuse .sd-faq-head {
  position: absolute;
  right: 0;
  top: -4px;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important; }

/* line 7815, theme.scss */
.sd-howuse .sd-faq-head a {
  font-size: 13px; }

/* line 7816, theme.scss */
.sd-howuse .layout.widget-type_system_widget_v4_accordion_cards_1 {
  order: 1;
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important; }

/* line 7817, theme.scss */
.sd-howuse .layout.widget-type_system_widget_v4_accordion_cards_1 > .layout__content {
  padding: 0 !important;
  max-width: none !important; }

/* line 7818, theme.scss */
.sd-howuse .layout.widget-type_system_widget_v4_accordion_cards_1 > .layout__content::before {
  margin: 0 0 18px !important; }

/* line 7819, theme.scss */
.sd-howuse .widget-type_system_widget_v4_accordion_cards_1 .tabs {
  display: block;
  counter-reset: sdfaq; }

/* line 7820, theme.scss */
.sd-howuse .widget-type_system_widget_v4_accordion_cards_1 .acc-tab {
  display: grid !important;
  grid-template-columns: 34px 1fr;
  column-gap: 12px;
  align-items: start;
  padding: 18px 0 !important;
  margin: 0 !important;
  counter-increment: sdfaq;
  border-bottom: 1px solid rgba(35, 33, 32, 0.08) !important; }

/* line 7824, theme.scss */
.sd-howuse .widget-type_system_widget_v4_accordion_cards_1 .acc-tab::before {
  content: counter(sdfaq,decimal-leading-zero);
  grid-row: 1 / 3;
  grid-column: 1;
  font: 500 13px/1.5 var(--sd-sans);
  letter-spacing: .08em;
  color: #5F7F81;
  padding-top: 3px; }

/* line 7828, theme.scss */
.sd-howuse .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label {
  grid-column: 2;
  padding: 0 36px 0 0 !important;
  margin: 0 !important;
  cursor: pointer;
  position: relative; }

/* line 7829, theme.scss */
.sd-howuse .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label-text {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: -.01em; }

/* line 7830, theme.scss */
.sd-howuse .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__icon {
  display: block !important;
  right: 0 !important;
  top: 4px !important;
  margin-top: 0 !important; }

/* line 7831, theme.scss */
.sd-howuse .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__content {
  grid-column: 2;
  display: none;
  padding: 0 36px 0 0 !important;
  font-size: 15px !important;
  line-height: 1.55; }

/* line 7832, theme.scss */
.sd-howuse .widget-type_system_widget_v4_accordion_cards_1 input:checked ~ .acc-tab__content {
  display: block;
  padding: 6px 36px 0 0 !important; }

/* line 7833, theme.scss */
.sd-howuse .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__content p {
  margin: 0;
  color: #6E6862; }

/* line 7834, theme.scss */
.sd-howuse .widget-type_system_widget_v4_accordion_cards_1 .acc-tab:hover {
  background: transparent !important; }

/* right: the posts rail */
/* line 7836, theme.scss */
.sd-howuse .sd-useful {
  padding: 0 !important;
  max-width: none !important;
  margin: 0 !important; }

/* line 7837, theme.scss */
.sd-howuse .sd-useful__head {
  align-items: flex-start;
  margin-bottom: 18px; }

/* line 7838, theme.scss */
.sd-howuse .sd-useful__head h2 {
  font-size: 24px; }

/* line 7839, theme.scss */
.sd-howuse .sd-useful__nav {
  display: flex;
  gap: 8px;
  margin-top: 2px;
  flex: 0 0 auto; }

/* line 7840, theme.scss */
.sd-howuse .sd-useful__nav button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(35, 33, 32, 0.14);
  background: #FBFAF7;
  color: #232120;
  cursor: pointer;
  font-size: 16px;
  line-height: 34px;
  padding: 0;
  transition: transform 0.16s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.2s ease; }

/* line 7841, theme.scss */
.sd-howuse .sd-useful__nav button:active {
  transform: scale(0.94); }

/* line 7842, theme.scss */
.sd-howuse .sd-useful__all {
  display: none; }

/* line 7843, theme.scss */
.sd-howuse .sd-useful__rail {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  padding: 4px 2px 12px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch; }

/* line 7844, theme.scss */
.sd-howuse .sd-useful__rail::-webkit-scrollbar {
  display: none; }

/* line 7845, theme.scss */
.sd-howuse .sd-post {
  flex: 0 0 300px;
  scroll-snap-align: start; }

/* line 7846, theme.scss */
.sd-howuse .sd-useful__foot {
  margin-top: 6px; }

/* line 7847, theme.scss */
.sd-howuse .sd-useful__foot .sd-useful__all {
  display: inline-block; }

@media (max-width: 900px) {
  /* line 7848, theme.scss */
  .sd-howuse {
    grid-template-columns: 1fr;
    gap: 44px; } }
@media (max-width: 640px) {
  /* line 7850, theme.scss */
  .sd-howuse {
    padding: 32px 16px 44px;
    gap: 36px; }

  /* line 7851, theme.scss */
  .sd-howuse .widget-type_system_widget_v4_accordion_cards_1 .acc-tab {
    grid-template-columns: 28px 1fr;
    padding: 14px 0 !important; }

  /* line 7852, theme.scss */
  .sd-howuse .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__label-text {
    font-size: 16px !important; }

  /* line 7853, theme.scss */
  .sd-howuse .widget-type_system_widget_v4_accordion_cards_1 .acc-tab__content {
    font-size: 13.5px !important; }

  /* line 7854, theme.scss */
  .sd-howuse .sd-useful__rail {
    margin: 0 -16px;
    padding: 4px 16px 12px; }

  /* line 7855, theme.scss */
  .sd-howuse .sd-post {
    flex: 0 0 82%; }

  /* line 7856, theme.scss */
  .sd-howuse .sd-useful__nav {
    display: none; } }
/* SD-PH-1 (11.09.2026): photo placeholders that say what should be there - posts, guide cards, article hero */
/* line 7860, theme.scss */
.sd-phc {
  position: relative;
  background: linear-gradient(145deg, #EEE9E0, #DDD5C8);
  overflow: hidden; }

/* line 7861, theme.scss */
.sd-phc::after {
  content: attr(data-cap);
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 0 18px;
  font: 500 11px/1.5 var(--sd-sans);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(35, 33, 32, 0.5); }

/* line 7865, theme.scss */
.sd-gcard__pic {
  aspect-ratio: 4 / 3;
  border-radius: 14px;
  margin: -8px -8px 6px; }

/* line 7866, theme.scss */
.sd-guide__hero {
  aspect-ratio: 16 / 9;
  border-radius: 22px;
  margin: 0 0 34px; }

/* line 7867, theme.scss */
.sd-guide__hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* line 7868, theme.scss */
.sd-post__pic.sd-phc {
  aspect-ratio: 4 / 5; }

@media (max-width: 640px) {
  /* line 7869, theme.scss */
  .sd-guide__hero {
    aspect-ratio: 4 / 3;
    border-radius: 16px;
    margin-bottom: 22px; } }
/* SD-HOME-M-1 (11.09.2026): phone fixes on the home widgets - white plate under price/title,
   no dead space under the cards, compact "Poleznoe" posts */
@media (max-width: 640px) {
  /* line 7874, theme.scss */
  body.sd-home .product-preview {
    background: #FBFAF7 !important;
    border-radius: 20px !important;
    padding-bottom: 12px !important;
    box-shadow: 0 6px 18px rgba(35, 33, 32, 0.05); }

  /* line 7875, theme.scss */
  body.sd-home .product-preview__content {
    background: transparent !important; }

  /* line 7876, theme.scss */
  body.sd-home .product-preview__area-bottom {
    padding-top: 10px !important; }

  /* line 7877, theme.scss */
  body.sd-home .product-preview__controls, body.sd-home .product-preview__area-description, body.sd-home .product-preview__area-rating {
    display: none !important; }

  /* line 7878, theme.scss */
  body.sd-home .special-products .splide__track {
    padding-bottom: 4px; }

  /* line 7879, theme.scss */
  .sd-howuse .sd-post__pic {
    aspect-ratio: 4 / 3; }

  /* line 7880, theme.scss */
  .sd-howuse .sd-post__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px; }

  /* line 7881, theme.scss */
  .sd-howuse .sd-post__body {
    padding: 12px 14px 14px;
    gap: 6px; }

  /* line 7882, theme.scss */
  .sd-howuse .sd-post__top {
    padding: 12px 14px 0; }

  /* line 7883, theme.scss */
  .sd-howuse .sd-post__tags {
    display: none; } }
/* SD-HUB-1 (12.09.2026): home content hub - filters + bento of Instagram posts, FAQ tiles and a
   brand note in one 3-column grid. Replaces the two-column .sd-howuse on screen (kept in DOM). */
/* line 7888, theme.scss */
body.sd-hub-on .sd-howuse {
  display: none !important; }

/* line 7889, theme.scss */
.sd-hub {
  max-width: 1180px;
  margin: 0 auto;
  padding: 56px 40px 64px;
  box-sizing: border-box; }

/* line 7890, theme.scss */
.sd-hub__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 26px; }

/* line 7891, theme.scss */
.sd-hub__head h2 {
  font-family: var(--sd-sans);
  font-weight: 500;
  font-size: clamp(26px, 2.8vw, 38px);
  line-height: 1.1;
  letter-spacing: -.015em;
  margin: 0;
  color: #232120;
  max-width: 16ch; }

/* line 7892, theme.scss */
.sd-hub__all {
  font: 500 14px/1 var(--sd-sans);
  color: #232120 !important;
  text-decoration: none !important;
  white-space: nowrap;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(35, 33, 32, 0.25); }

/* line 7893, theme.scss */
.sd-hub__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 22px;
  margin-bottom: 22px;
  border-bottom: 1px solid rgba(35, 33, 32, 0.14); }

/* line 7894, theme.scss */
.sd-hub__filters button {
  border: 1px solid rgba(35, 33, 32, 0.14);
  background: transparent;
  color: #232120;
  border-radius: 999px;
  padding: 10px 16px;
  font: 500 13px/1 var(--sd-sans);
  cursor: pointer;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.16s cubic-bezier(0.23, 1, 0.32, 1); }

/* line 7899, theme.scss */
.sd-hub__filters button small {
  font-size: 12px;
  font-weight: 400;
  color: #6E6862;
  font-variant-numeric: tabular-nums; }

/* line 7900, theme.scss */
.sd-hub__filters button:hover {
  border-color: #232120; }

/* line 7901, theme.scss */
.sd-hub__filters button:active {
  transform: scale(0.97); }

/* line 7902, theme.scss */
.sd-hub__filters button[aria-pressed="true"] {
  background: #232120;
  color: #FBFAF7;
  border-color: #232120; }

/* line 7903, theme.scss */
.sd-hub__filters button[aria-pressed="true"] small {
  color: rgba(251, 250, 247, 0.6); }

/* line 7904, theme.scss */
.sd-hub__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px; }

/* line 7905, theme.scss */
.sd-hub__row {
  display: contents; }

/* line 7906, theme.scss */
.sd-hub__row > * {
  min-width: 0;
  max-width: 100%; }

/* line 7907, theme.scss */
.sd-hub__grid > * {
  min-width: 0;
  transition: opacity 0.25s ease, transform 0.22s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.22s ease; }

/* line 7908, theme.scss */
.sd-hub__grid > .is-dim {
  opacity: .18;
  pointer-events: none; }

/* line 7909, theme.scss */
.sd-hub__grid .sd-post {
  flex: none; }

/* brand note: one band across the grid */
/* line 7911, theme.scss */
.sd-hub__grid .sd-hub__note {
  grid-column: 1 / -1;
  flex-direction: row;
  align-items: center;
  gap: 18px;
  padding: 16px 22px 16px 18px; }

/* line 7912, theme.scss */
.sd-hub__grid .sd-hub__note .sd-post__top {
  padding: 0;
  flex: 0 0 auto; }

/* line 7913, theme.scss */
.sd-hub__grid .sd-hub__note .sd-post__body {
  flex-direction: row;
  align-items: center;
  gap: 22px;
  padding: 0;
  flex: 1; }

/* line 7914, theme.scss */
.sd-hub__grid .sd-hub__note .sd-post__text {
  flex: 1; }

/* line 7915, theme.scss */
.sd-hub__grid .sd-hub__note .sd-post__more {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

/* FAQ tile */
/* line 7917, theme.scss */
.sd-hub__qa {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  text-align: left;
  border: 1px solid rgba(35, 33, 32, 0.08);
  border-radius: 22px;
  padding: 20px 22px 22px;
  background: #FBFAF7;
  color: #232120;
  cursor: pointer;
  font-family: var(--sd-sans);
  box-shadow: 0 8px 22px rgba(35, 33, 32, 0.06);
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.22s cubic-bezier(0.23, 1, 0.32, 1); }

/* line 7923, theme.scss */
.sd-hub__qa:active {
  transform: scale(0.985); }

/* line 7924, theme.scss */
.sd-hub__qa:focus-visible {
  outline: 2px solid #5F7F81;
  outline-offset: 3px; }

/* line 7925, theme.scss */
.sd-hub__kick {
  font: 600 10.5px/1 var(--sd-sans);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #5F7F81; }

/* line 7926, theme.scss */
.sd-hub__q {
  display: block;
  font: 500 19px/1.25 var(--sd-sans);
  letter-spacing: -.01em;
  padding-right: 44px; }

/* closed: the first two lines of the answer as a fading teaser; open: the whole answer */
/* line 7928, theme.scss */
.sd-hub__a {
  display: block;
  font-size: 14px;
  line-height: 1.5;
  color: #6E6862; }

/* line 7929, theme.scss */
.sd-hub__a > span {
  overflow: hidden;
  display: block;
  max-height: 3em;
  transition: max-height .35s ease;
  -webkit-mask-image: linear-gradient(#000 30%, transparent 100%);
  mask-image: linear-gradient(#000 30%, transparent 100%); }

/* line 7930, theme.scss */
.sd-hub__a p {
  margin: 0; }

/* line 7931, theme.scss */
.sd-hub__a p + p {
  margin-top: 8px; }

/* line 7932, theme.scss */
.sd-hub__plus {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #5F7F81;
  transition: transform .25s ease, background-color .2s ease, border-color .2s ease; }

/* line 7933, theme.scss */
.sd-hub__plus::before, .sd-hub__plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 11px;
  height: 1.5px;
  background: currentColor;
  transform: translate(-50%, -50%); }

/* line 7934, theme.scss */
.sd-hub__plus::after {
  transform: translate(-50%, -50%) rotate(90deg); }

/* line 7935, theme.scss */
.sd-hub__qa[aria-expanded="true"] {
  background: #2F4F50;
  color: #FBFAF7;
  border-color: #2F4F50; }

/* line 7936, theme.scss */
.sd-hub__qa[aria-expanded="true"] .sd-hub__kick {
  color: #C2A177; }

/* line 7937, theme.scss */
.sd-hub__qa[aria-expanded="true"] .sd-hub__a {
  color: rgba(251, 250, 247, 0.8); }

/* line 7938, theme.scss */
.sd-hub__qa[aria-expanded="true"] .sd-hub__a > span {
  max-height: 40em;
  -webkit-mask-image: none;
  mask-image: none; }

/* line 7939, theme.scss */
.sd-hub__qa[aria-expanded="true"] .sd-hub__plus {
  transform: rotate(45deg);
  border-color: rgba(251, 250, 247, 0.45); }

@media (hover: hover) and (pointer: fine) {
  /* line 7941, theme.scss */
  .sd-hub__qa:hover {
    border-color: rgba(47, 79, 80, 0.35); }

  /* line 7942, theme.scss */
  .sd-hub__qa:hover .sd-hub__plus {
    background: #5F7F81;
    color: #FBFAF7;
    border-color: #5F7F81; }

  /* line 7943, theme.scss */
  .sd-hub__qa[aria-expanded="true"]:hover .sd-hub__plus {
    background: transparent; } }
@media (max-width: 900px) {
  /* line 7945, theme.scss */
  .sd-hub__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  /* line 7947, theme.scss */
  .sd-hub {
    padding: 32px 16px 44px; }

  /* line 7948, theme.scss */
  .sd-hub__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px; }

  /* line 7949, theme.scss */
  .sd-hub__filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 0 -16px 18px;
    padding: 0 16px 16px;
    scrollbar-width: none;
    border-bottom: 0; }

  /* line 7950, theme.scss */
  .sd-hub__filters::-webkit-scrollbar {
    display: none; }

  /* line 7951, theme.scss */
  .sd-hub__filters button {
    flex: 0 0 auto; }

  /* SD-HUB-2 (12.09.2026): phones - questions and posts are two swipe rails, not a column */
  /* line 7953, theme.scss */
  .sd-hub__grid {
    display: flex;
    flex-direction: column;
    gap: 14px; }

  /* SD-HUB-3: rails keep the section's 16px side padding (no bleed), cards in a rail share one height */
  /* line 7955, theme.scss */
  .sd-hub__row {
    display: flex;
    align-items: stretch;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 12px;
    margin: 0;
    padding: 4px 0 10px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch; }

  /* line 7956, theme.scss */
  .sd-hub__row .sd-post__body {
    flex: 1; }

  /* line 7957, theme.scss */
  .sd-hub__row .sd-post__more {
    margin-top: auto; }

  /* line 7958, theme.scss */
  .sd-hub__row::-webkit-scrollbar {
    display: none; }

  /* line 7959, theme.scss */
  .sd-hub__row > * {
    flex: 0 0 80% !important;
    width: auto !important;
    scroll-snap-align: start; }

  /* line 7960, theme.scss */
  .sd-hub__row--qa > * {
    flex-basis: 76% !important; }

  /* line 7961, theme.scss */
  .sd-hub__row--posts > * {
    flex-basis: 82% !important; }

  /* line 7962, theme.scss */
  .sd-hub__grid .sd-hub__note {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 18px 18px;
    gap: 12px; }

  /* line 7963, theme.scss */
  .sd-hub__grid .sd-hub__note .sd-post__body {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px; }

  /* line 7964, theme.scss */
  .sd-hub__grid .sd-post__pic {
    aspect-ratio: 4 / 3; }

  /* line 7965, theme.scss */
  .sd-hub__q {
    font-size: 17px; } }
@media (prefers-reduced-motion: reduce) {
  /* line 7967, theme.scss */
  .sd-hub__a > span, .sd-hub__plus, .sd-hub__qa, .sd-hub__grid > * {
    transition: none; } }
/* SD-TRUST-D3 (12.09.2026, replaces D1/D2): desktop trust panel = the original centred header
   ("Pochemu nam doveryayut" + "Pokazyvaem tkan kak est"), then the four benefit tiles with icons
   (moved here from the bottom of the page by SD-TRUST-D3 in theme.js) as white bricks on the sage,
   then the review slider full width with stars and dots. The old five-line list is hidden.
   Phones untouched (the benefits widget stays where it was). */
@media (min-width: 901px) {
  /* line 7975, theme.scss */
  main > .sd-trust {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0 !important;
    max-width: 1180px !important;
    padding: 44px 44px 40px !important;
    border-radius: 24px; }

  /* line 7976, theme.scss */
  main > .sd-trust .sd-trust__left {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    padding: 0 !important; }

  /* line 7977, theme.scss */
  main > .sd-trust .sd-trust__kicker {
    order: 1 !important;
    text-align: center !important;
    margin: 0 0 12px !important;
    width: auto !important;
    color: rgba(251, 250, 247, 0.78) !important; }

  /* line 7978, theme.scss */
  main > .sd-trust .sd-trust__heading {
    order: 2 !important;
    text-align: center !important;
    white-space: normal !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em;
    max-width: 26ch !important;
    margin: 0 auto 28px !important; }

  /* line 7979, theme.scss */
  main > .sd-trust .sd-trust__list {
    display: none !important; }

  /* the benefit widget, once moved inside */
  /* line 7981, theme.scss */
  main > .sd-trust .sd-trust__tiles {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 18px !important;
    padding: 0 !important; }

  /* line 7982, theme.scss */
  main > .sd-trust .sd-trust__tiles > .layout__content {
    padding: 0 !important;
    max-width: none !important; }

  /* line 7983, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 !important; }

  /* the tiles' stagger reveal (SD-TILE-1) may have fired before the move - show them outright */
  /* line 7985, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item {
    margin: 0 !important;
    background: #FBFAF7 !important;
    box-shadow: 0 6px 18px rgba(20, 40, 40, 0.1) !important;
    opacity: 1 !important;
    transform: none !important; }

  /* reviews: full width, nothing clipped */
  /* line 7987, theme.scss */
  main > .sd-trust .sd-review {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    box-sizing: border-box;
    padding: 22px 28px 16px !important;
    border-radius: 18px !important;
    box-shadow: 0 6px 18px rgba(20, 40, 40, 0.1) !important; }

  /* line 7988, theme.scss */
  main > .sd-trust .sd-revs, main > .sd-trust .sd-revs__track {
    width: 100%;
    min-width: 0; }

  /* line 7989, theme.scss */
  main > .sd-trust .sd-rev {
    min-width: 0;
    box-sizing: border-box; }

  /* line 7990, theme.scss */
  main > .sd-trust .sd-rev__head {
    gap: 12px; }

  /* line 7991, theme.scss */
  main > .sd-trust .sd-rev__stars {
    font-size: 13px; }

  /* line 7992, theme.scss */
  main > .sd-trust .sd-rev__text {
    font-size: 14px;
    line-height: 1.5; }

  /* line 7993, theme.scss */
  main > .sd-trust .sd-rev__who b {
    font-size: 14px; }

  /* line 7994, theme.scss */
  main > .sd-trust .sd-rev__bought {
    font-size: 12px; } }
/* SD-HOME-M-2 (12.09.2026): phone product sliders on the home page ("Novinki", "Navolochki
   dekorativnye"): heading in the same voice as the hub h2 (500/24, left, 16px like the cards),
   price flush with the title, shorter card without the bottom shadow, tighter gap after the slider. */
@media (max-width: 640px) {
  /* the widget already indents 15px; +1 puts the heading on the cards' 16px line */
  /* line 8002, theme.scss */
  body.sd-home .special-products .special-products__head {
    padding: 0 1px !important;
    margin: 0 0 18px !important; }

  /* line 8003, theme.scss */
  body.sd-home .special-products .special-products__title {
    font-family: var(--sd-sans) !important;
    font-weight: 500 !important;
    font-size: 22px !important;
    line-height: 1.12 !important;
    letter-spacing: -.015em !important;
    color: #232120 !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important; }

  /* line 8004, theme.scss */
  body.sd-home .product-preview {
    padding-bottom: 8px !important;
    box-shadow: none !important; }

  /* line 8005, theme.scss */
  body.sd-home .product-preview__buy {
    padding-left: 10px !important;
    padding-top: 0 !important; }

  /* line 8006, theme.scss */
  body.sd-home .product-preview__price {
    padding-left: 0 !important; }

  /* line 8007, theme.scss */
  body.sd-home .product-preview__area-bottom {
    padding-top: 8px !important; }

  /* line 8008, theme.scss */
  body.sd-home .product-preview__title {
    margin-top: 2px !important; }

  /* line 8009, theme.scss */
  body.sd-home .special-products {
    margin-bottom: 28px !important; }

  /* line 8010, theme.scss */
  body.sd-home .special-products .splide__track {
    padding-bottom: 0 !important; } }
/* SD-HOME-D-1 (12.09.2026): desktop product-slider headings ("Novinki", "Navolochki dekorativnye")
   in the same weight as the other section titles */
@media (min-width: 641px) {
  /* line 8016, theme.scss */
  body.sd-home .special-products .special-products__title {
    font-family: var(--sd-sans) !important;
    font-weight: 500 !important;
    letter-spacing: -.015em !important;
    color: #232120 !important; } }
/* SD-TRUST-D5 (12.09.2026, replaces D4x): one colour family. The panel goes deep green (#2F4F50 -
   the open-FAQ tile the owner likes), the four bricks and their icon squares are thin white veils on
   it, icons white, kickers sand, text white; the review card stays paper-white - the one bright
   object. Desktop only. */
@media (min-width: 901px) {
  /* line 8024, theme.scss */
  main > .sd-trust {
    background: #2F4F50 !important; }

  /* line 8025, theme.scss */
  main > .sd-trust .sd-trust__kicker {
    color: rgba(251, 250, 247, 0.62) !important; }

  /* line 8026, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item {
    padding: 20px 18px 18px !important;
    background: rgba(251, 250, 247, 0.07) !important;
    border: 1px solid rgba(251, 250, 247, 0.14) !important;
    box-shadow: none !important;
    color: #FBFAF7 !important; }

  /* line 8030, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item::after {
    background-color: rgba(251, 250, 247, 0.12) !important;
    box-shadow: none !important; }

  /* line 8031, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list .benefit-list__item:nth-child(1)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23FBFAF7' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='16' cy='16' r='3.2'/><path d='M16 12.8c1.2-3.4 4.6-5.2 7.2-4.2.9 2.7-.9 6-4.2 7.4'/><path d='M19.2 16c3.4 1.2 5.2 4.6 4.2 7.2-2.7.9-6-.9-7.4-4.2'/><path d='M16 19.2c-1.2 3.4-4.6 5.2-7.2 4.2-.9-2.7.9-6 4.2-7.4'/><path d='M12.8 16c-3.4-1.2-5.2-4.6-4.2-7.2 2.7-.9 6 .9 7.4 4.2'/></svg>") !important; }

  /* line 8032, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list .benefit-list__item:nth-child(2)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23FBFAF7' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M16 6c3.4 4.2 5.4 7 5.4 9.6A5.4 5.4 0 0 1 16 21a5.4 5.4 0 0 1-5.4-5.4C10.6 13 12.6 10.2 16 6z'/><path d='M6 25c2-1.6 3.4-1.6 5.4 0s3.4 1.6 5.4 0 3.4-1.6 5.4 0 2.4 1.2 3.8.4'/></svg>") !important; }

  /* line 8033, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list .benefit-list__item:nth-child(3)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23FBFAF7' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M25 16a9 9 0 1 1-2.9-6.6'/><path d='M25 6.5V11h-4.5'/><path d='M13 19v-6l-2 1.4'/></svg>") !important; }

  /* line 8034, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list .benefit-list__item:nth-child(4)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23FBFAF7' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 11.5 16 7l10 4.5v9L16 25 6 20.5z'/><path d='M6 11.5 16 16l10-4.5M16 16v9'/><path d='M11 9.2 21 13.7'/></svg>") !important; }

  /* the theme gives the kicker a glass backdrop-filter - that was the pale plate behind the word */
  /* line 8036, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item::before {
    margin: 12px 0 4px !important;
    font-size: 10px !important;
    color: #C9A961 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important; }

  /* line 8037, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item-title {
    font-size: 18px !important;
    line-height: 1.2 !important;
    margin: 0 0 6px !important;
    color: #FBFAF7 !important; }

  /* line 8038, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item-description {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    color: rgba(251, 250, 247, 0.72) !important; }

  /* line 8039, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item-description p {
    margin: 0 !important;
    color: inherit !important; }

  /* line 8040, theme.scss */
  main > .sd-trust .sd-trust__tiles {
    margin-bottom: 16px !important; }

  /* line 8041, theme.scss */
  main > .sd-trust .sd-review {
    box-shadow: 0 10px 30px rgba(20, 40, 40, 0.22) !important; } }
/* SD-NEW-6 (12.09.2026): "added" state of the cart button on the Novinki cards */
/* line 8045, theme.scss */
.product-preview__area-photo .sd-buy.is-added {
  background: #2F4F50 !important; }

/* SD-GUIDE-4 (12.09.2026): product cards under the guides ("Chto posmotret") - the page-content
   typography reset gave the photo height:auto, so it sat at natural size with a bare beige strip
   under it. Pin it to the 3:4 frame like in the catalogue. */
/* line 8050, theme.scss */
.sd-guide__shop .sd-card__media {
  position: relative !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important; }

/* line 8051, theme.scss */
.sd-guide__shop .sd-card__media .sd-card__link {
  position: absolute !important;
  inset: 0 !important; }

/* line 8052, theme.scss */
.sd-guide__shop .sd-card__media .sd-card__img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  margin: 0 !important;
  display: block !important; }

/* SD-HOME-RH-1 (12.09.2026): one vertical rhythm on the home page - 64px between the content of
   neighbouring blocks on desktop, 40px on phones (a dark panel counts from its edge). Before this
   the gaps ran from 0 to 154px depending on which block came next. */
@media (min-width: 641px) {
  /* line 8058, theme.scss */
  body.sd-home main > .widget-type_system_widget_v4_banner_list_22 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; }

  /* line 8059, theme.scss */
  body.sd-home main > .sd-newwidget {
    margin-top: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

  /* line 8060, theme.scss */
  body.sd-home main > .sd-trust {
    margin-top: 48px !important;
    margin-bottom: 48px !important; }

  /* line 8061, theme.scss */
  body.sd-home main > .layout[class*="special_products"]:not(.sd-newwidget) {
    padding-top: 0 !important;
    margin-bottom: 0 !important; }

  /* line 8062, theme.scss */
  body.sd-home main > .widget-type_system_widget_v4_video_clip {
    margin-top: 56px !important; }

  /* line 8063, theme.scss */
  body.sd-home main > .sd-about {
    padding-top: 35px !important;
    padding-bottom: 24px !important; }

  /* line 8064, theme.scss */
  body.sd-home main > .sd-hub {
    padding-top: 40px !important;
    padding-bottom: 20px !important; }

  /* line 8065, theme.scss */
  body.sd-home main > .widget-type_NUY9 {
    padding-top: 0 !important; } }
@media (max-width: 640px) {
  /* line 8068, theme.scss */
  body.sd-home main > .widget-type_system_widget_v4_banner_list_22 {
    margin-bottom: 26px !important; }

  /* line 8069, theme.scss */
  body.sd-home main > .sd-newwidget {
    padding-bottom: 0 !important; }

  /* line 8070, theme.scss */
  body.sd-home main > .sd-trust {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }

  /* line 8071, theme.scss */
  body.sd-home main > .layout[class*="special_products"]:not(.sd-newwidget) {
    padding-top: 0 !important; }

  /* line 8072, theme.scss */
  body.sd-home main > .widget-type_system_widget_v4_video_clip {
    padding-top: 34px !important; }

  /* line 8073, theme.scss */
  body.sd-home main > .sd-about {
    padding-top: 17px !important;
    padding-bottom: 16px !important; }

  /* line 8074, theme.scss */
  body.sd-home main > .sd-hub {
    padding-top: 24px !important;
    padding-bottom: 20px !important; }

  /* line 8075, theme.scss */
  body.sd-home main > .widget-type_system_widget_v4_benefits_2 {
    padding-top: 20px !important; }

  /* line 8076, theme.scss */
  body.sd-home main > .widget-type_NUY9 {
    padding-top: 0 !important; } }
/* SD-TRUST-M1 (12.09.2026): phone trust panel in the desktop's colours - deep green, the five
   facts as a swipe rail of compact veil bricks (sand kicker-less, white text), the review card
   paper-white under them. Compact: nothing stretches to half a screen. */
@media (max-width: 640px) {
  /* line 8083, theme.scss */
  main > .sd-trust {
    background: #2F4F50 !important;
    border-radius: 22px;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding: 22px 0 16px !important; }

  /* line 8084, theme.scss */
  main > .sd-trust .sd-trust__kicker {
    color: rgba(251, 250, 247, 0.62) !important; }

  /* line 8085, theme.scss */
  main > .sd-trust .sd-trust__heading {
    color: #FBFAF7 !important;
    font-size: 20px !important;
    line-height: 1.18 !important;
    margin-bottom: 14px !important; }

  /* line 8086, theme.scss */
  main > .sd-trust .sd-trust__list {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    gap: 10px !important;
    padding: 2px 16px 8px !important;
    margin: 0 !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch; }

  /* line 8087, theme.scss */
  main > .sd-trust .sd-trust__list::-webkit-scrollbar {
    display: none; }

  /* line 8088, theme.scss */
  main > .sd-trust .sd-trust__list li {
    flex: 0 0 168px !important;
    width: 168px !important;
    scroll-snap-align: start;
    margin: 0 !important;
    padding: 12px 14px 13px !important;
    background: rgba(251, 250, 247, 0.07) !important;
    border: 1px solid rgba(251, 250, 247, 0.14) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: #FBFAF7 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    opacity: 1 !important;
    transform: none !important;
    display: flex !important;
    gap: 8px !important;
    align-items: flex-start !important; }

  /* line 8094, theme.scss */
  main > .sd-trust .sd-trust__list li::before {
    content: none !important;
    display: none !important; }

  /* line 8095, theme.scss */
  main > .sd-trust .sd-trust__idx {
    font: 600 10px/1.4 var(--sd-sans) !important;
    letter-spacing: .12em !important;
    color: #C9A961 !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    flex: none !important; }

  /* line 8096, theme.scss */
  main > .sd-trust .sd-review {
    margin: 12px 16px 0 !important;
    background: #FBFAF7 !important;
    box-shadow: 0 8px 22px rgba(20, 40, 40, 0.2) !important; } }
/* SD-TRUST-M2 (12.09.2026): phone trust panel - the four icon tiles (moved in by SD-TRUST-D3) as a
   swipe rail in the desktop's colours; the numbered five-line list is gone on phones as well. */
@media (max-width: 640px) {
  /* line 8102, theme.scss */
  main > .sd-trust .sd-trust__list {
    display: none !important; }

  /* line 8103, theme.scss */
  main > .sd-trust .sd-trust__tiles {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important; }

  /* line 8104, theme.scss */
  main > .sd-trust .sd-trust__tiles > .layout__content {
    padding: 0 !important;
    max-width: none !important; }

  /* line 8105, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list, main > .sd-trust .sd-trust__tiles .benefit-list.grid-list {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    gap: 10px !important;
    margin: 0 !important;
    padding: 2px 16px 8px !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch; }

  /* line 8108, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list::-webkit-scrollbar {
    display: none; }

  /* line 8109, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item {
    flex: 0 0 200px !important;
    width: 200px !important;
    min-height: 0 !important;
    scroll-snap-align: start;
    margin: 0 !important;
    padding: 14px 14px 14px !important;
    background: rgba(251, 250, 247, 0.07) !important;
    border: 1px solid rgba(251, 250, 247, 0.14) !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    color: #FBFAF7 !important;
    text-align: left !important;
    opacity: 1 !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important; }

  /* line 8114, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item::after {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background-color: rgba(251, 250, 247, 0.12) !important;
    background-size: 21px 21px !important;
    box-shadow: none !important;
    margin: 0 !important; }

  /* line 8115, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list .benefit-list__item:nth-child(1)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23FBFAF7' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='16' cy='16' r='3.2'/><path d='M16 12.8c1.2-3.4 4.6-5.2 7.2-4.2.9 2.7-.9 6-4.2 7.4'/><path d='M19.2 16c3.4 1.2 5.2 4.6 4.2 7.2-2.7.9-6-.9-7.4-4.2'/><path d='M16 19.2c-1.2 3.4-4.6 5.2-7.2 4.2-.9-2.7.9-6 4.2-7.4'/><path d='M12.8 16c-3.4-1.2-5.2-4.6-4.2-7.2 2.7-.9 6 .9 7.4 4.2'/></svg>") !important; }

  /* line 8116, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list .benefit-list__item:nth-child(2)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23FBFAF7' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M16 6c3.4 4.2 5.4 7 5.4 9.6A5.4 5.4 0 0 1 16 21a5.4 5.4 0 0 1-5.4-5.4C10.6 13 12.6 10.2 16 6z'/><path d='M6 25c2-1.6 3.4-1.6 5.4 0s3.4 1.6 5.4 0 3.4-1.6 5.4 0 2.4 1.2 3.8.4'/></svg>") !important; }

  /* line 8117, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list .benefit-list__item:nth-child(3)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23FBFAF7' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M25 16a9 9 0 1 1-2.9-6.6'/><path d='M25 6.5V11h-4.5'/><path d='M13 19v-6l-2 1.4'/></svg>") !important; }

  /* line 8118, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list .benefit-list__item:nth-child(4)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23FBFAF7' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 11.5 16 7l10 4.5v9L16 25 6 20.5z'/><path d='M6 11.5 16 16l10-4.5M16 16v9'/><path d='M11 9.2 21 13.7'/></svg>") !important; }

  /* line 8119, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item::before {
    margin: 10px 0 3px !important;
    font-size: 9px !important;
    color: #C9A961 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important; }

  /* line 8120, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item-title {
    font-size: 15px !important;
    line-height: 1.2 !important;
    margin: 0 0 5px !important;
    color: #FBFAF7 !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    width: 100% !important; }

  /* line 8121, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item-description, main > .sd-trust .sd-trust__tiles .benefit-list__item-description p {
    display: block !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: rgba(251, 250, 247, 0.72) !important;
    margin: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    max-height: none !important;
    -webkit-line-clamp: unset !important; }

  /* line 8122, theme.scss */
  main > .sd-trust .sd-review {
    margin-top: 10px !important; } }
@media (max-width: 640px) {
  /* SD-TRUST-M2: beat the widget's own phone rules (centred, one-line titles) */
  /* line 8126, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item {
    align-items: flex-start !important;
    text-align: left !important; }

  /* line 8127, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-title,
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-description {
    display: block !important;
    justify-content: flex-start !important;
    text-align: left !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    width: 100% !important;
    max-width: 100% !important;
    align-self: stretch !important; } }
/* SD-GUIDE-5 (12.09.2026): guide pages on phones were 462px wide on a 375px screen - the size
   table (min-width 400) inside the theme's .table-wrapper pushed the article to min-content, the
   layout viewport grew, the header slid and bare strips showed at the right and under the footer.
   Everything above the table is pinned to the viewport; the table scrolls inside its wrapper. */
@media (max-width: 640px) {
  /* line 8136, theme.scss */
  body.sd-guide-body main, body.sd-guide-body .widget-type_system_widget_v4_page_content_1, body.sd-guide-body .layout__content, body.sd-guide-body .static-text {
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box; }

  /* line 8137, theme.scss */
  body.sd-guide-body .sd-guide, body.sd-guide-body .sd-guides {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box; }

  /* line 8138, theme.scss */
  body.sd-guide-body .sd-guide__sec, body.sd-guide-body .sd-guide__head {
    max-width: 100% !important;
    min-width: 0 !important; }

  /* line 8139, theme.scss */
  body.sd-guide-body .sd-guide__tablewrap, body.sd-guide-body .table-wrapper {
    display: block !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch; } }
/* SD-TRUST-M3 (12.09.2026): phone bricks narrower (150px, upright rectangles), smaller copy, and a
   real 16px inset at the left edge of the rail (the widget's own rules ate the rail padding). */
@media (max-width: 640px) {
  /* line 8145, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list,
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list.grid-list {
    padding: 2px 0 8px !important;
    margin: 0 !important;
    scroll-padding-left: 16px; }

  /* line 8147, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item {
    flex: 0 0 150px !important;
    width: 150px !important;
    padding: 12px 12px 12px !important; }

  /* line 8148, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item:first-child {
    margin-left: 16px !important; }

  /* line 8149, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item:last-child {
    margin-right: 16px !important; }

  /* line 8150, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item::after {
    width: 30px !important;
    height: 30px !important;
    background-size: 18px 18px !important; }

  /* line 8151, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item::before {
    margin: 8px 0 2px !important;
    font-size: 8.5px !important; }

  /* line 8152, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-title {
    font-size: 14px !important;
    margin: 0 0 4px !important; }

  /* line 8153, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-description,
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-description p {
    font-size: 11px !important;
    line-height: 1.35 !important; } }
/* SD-TRUST-M4 (12.09.2026): phone bricks lying down - icon on the left, kicker/title/description
   on the right, 250px wide and about 90px tall, so the whole panel gets short. */
@media (max-width: 640px) {
  /* line 8160, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item {
    display: grid !important;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 10px !important;
    row-gap: 0 !important;
    align-items: start !important;
    flex: 0 0 250px !important;
    width: 250px !important;
    min-height: 0 !important;
    padding: 11px 12px 11px !important; }

  /* line 8164, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item::after {
    grid-column: 1 !important;
    grid-row: 1 / 4 !important;
    width: 32px !important;
    height: 32px !important;
    background-size: 19px 19px !important;
    margin: 0 !important; }

  /* line 8165, theme.scss */
  main > .sd-trust .sd-trust__tiles .benefit-list__item::before {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 1px 0 2px !important;
    font-size: 8.5px !important; }

  /* line 8166, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-title {
    grid-column: 2 !important;
    grid-row: 2 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin: 0 0 3px !important; }

  /* line 8167, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-description {
    grid-column: 2 !important;
    grid-row: 3 !important; }

  /* line 8168, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-description p {
    font-size: 11px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important; }

  /* line 8169, theme.scss */
  main > .sd-trust {
    padding-top: 18px !important;
    padding-bottom: 14px !important; }

  /* line 8170, theme.scss */
  main > .sd-trust .sd-trust__heading {
    margin-bottom: 12px !important; }

  /* line 8171, theme.scss */
  main > .sd-trust .sd-review {
    padding: 14px 16px 10px !important; }

  /* line 8172, theme.scss */
  main > .sd-trust .sd-rev {
    padding: 0 !important; }

  /* line 8173, theme.scss */
  main > .sd-trust .sd-revs__dots {
    padding-top: 6px !important; } }
/* SD-ABOUT-13 (12.09.2026): home facts on phones back to the desktop look - paper tiles, pale sage
   icon squares with green icons, dark type (SD-ABOUT-12's sage tiles are undone; keeps its compact sizes). */
@media (max-width: 900px) {
  /* line 8179, theme.scss */
  .sd-about .sd-facts__item {
    background: #FBFAF7 !important;
    box-shadow: 0 6px 18px rgba(35, 33, 32, 0.06) !important; }

  /* line 8180, theme.scss */
  .sd-about .sd-facts__ico {
    background: #EDF1F0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 4px 10px rgba(47, 79, 80, 0.12) !important; }

  /* line 8181, theme.scss */
  .sd-about .sd-facts__ico svg * {
    stroke: #335759 !important; }

  /* line 8182, theme.scss */
  .sd-about .sd-facts__kick {
    color: #5F7F81 !important; }

  /* line 8183, theme.scss */
  .sd-about .sd-facts__item b {
    color: #232120 !important; }

  /* line 8184, theme.scss */
  .sd-about .sd-facts__item p {
    color: #6E6862 !important; } }
/* SD-TRUST-M5 (12.09.2026): phone bricks - the two-line clamp cut the descriptions; now the text is
   shown whole and the brick is as wide as the longest line needs (270px), height from content. */
@media (max-width: 640px) {
  /* line 8190, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item {
    flex: 0 0 270px !important;
    width: 270px !important;
    align-items: stretch !important; }

  /* line 8191, theme.scss */
  main > .sd-trust .sd-trust__tiles.widget-type_system_widget_v4_benefits_2 .benefit-list .benefit-list__item-description p {
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    max-height: none !important; } }
/* SD-NEW-7 (12.09.2026): the slider is "Teplo k oseni" now - no NEW badges on its cards */
/* line 8195, theme.scss */
.sd-newwidget .sd-badge-new {
  display: none !important; }

/* SD-SCN-SUB-3 (13.09.2026): the scenario caption as one flowing block (name + what's inside);
   the theme's ::before name is switched off once the block is in place. */
/* line 8199, theme.scss */
body.sd-home .banner-list__item.has-sd-cap::before {
  display: none !important;
  content: none !important; }

/* line 8200, theme.scss */
.banner-list__item .sd-scn-cap {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 20px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 5px;
  pointer-events: none;
  color: #FBFAF7;
  text-align: left; }

/* line 8201, theme.scss */
.banner-list__item .sd-scn-cap b {
  font: 500 clamp(19px, 1.7vw, 25px)/1.12 var(--sd-sans);
  letter-spacing: -.02em; }

/* line 8202, theme.scss */
.banner-list__item .sd-scn-cap i {
  font: 500 12.5px/1.3 var(--sd-sans);
  font-style: normal;
  letter-spacing: .01em;
  color: rgba(251, 250, 247, 0.84);
  text-shadow: 0 1px 2px rgba(20, 18, 16, 0.35); }

@media (max-width: 900px) {
  /* line 8204, theme.scss */
  .banner-list__item .sd-scn-cap {
    left: 12px;
    right: 10px;
    bottom: 11px;
    gap: 3px; }

  /* line 8205, theme.scss */
  .banner-list__item .sd-scn-cap b {
    font-size: 16px; }

  /* line 8206, theme.scss */
  .banner-list__item .sd-scn-cap i {
    font-size: 10px;
    line-height: 1.25; } }
@media (max-width: 640px) {
  /* line 8209, theme.scss */
  .banner-list__item .sd-scn-cap {
    left: 10px;
    right: 8px;
    bottom: 9px; }

  /* line 8210, theme.scss */
  .banner-list__item .sd-scn-cap b {
    font-size: 13px; }

  /* line 8211, theme.scss */
  .banner-list__item .sd-scn-cap i {
    font-size: 9px; } }
/* SD-SCN-SUB-4 (13.09.2026): phones/tablets - the hint line always reserves two rows, so the
   scenario names sit on one horizontal across the tiles and the hints on another. */
@media (max-width: 900px) {
  /* line 8217, theme.scss */
  .banner-list__item .sd-scn-cap i {
    min-height: 2.5em;
    display: block; } }
/* SD-SEARCH-1 (13.09.2026): the search page uses the catalog grid (search.liquid);
   only the heading and the query field are its own. */
/* line 8222, theme.scss */
.sd-search {
  padding: 4px 0 8px; }

/* line 8223, theme.scss */
.sd-search__title {
  margin: 0 0 6px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -.02em;
  color: #232120; }

/* line 8224, theme.scss */
.sd-search__count {
  margin: 0 0 18px;
  font-size: 13px;
  color: #6E6862; }

/* line 8225, theme.scss */
.sd-search__form {
  display: flex;
  align-items: center;
  max-width: 560px;
  height: 48px;
  border: 1px solid rgba(35, 33, 32, 0.14);
  border-radius: 999px;
  background: #FBFAF7;
  overflow: hidden; }

/* line 8226, theme.scss */
.sd-search__input {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0 18px;
  border: 0;
  background: transparent;
  color: #232120;
  font: 400 15px/1 var(--sd-sans, "Inter", sans-serif);
  outline: none;
  -webkit-appearance: none; }

/* line 8227, theme.scss */
.sd-search__input::-webkit-search-decoration, .sd-search__input::-webkit-search-cancel-button {
  -webkit-appearance: none; }

/* line 8228, theme.scss */
.sd-search__btn {
  flex: none;
  width: 48px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: #2F4F50;
  color: #FBFAF7;
  cursor: pointer; }

/* line 8229, theme.scss */
.sd-search__btn svg {
  width: 20px;
  height: 20px; }

@media (max-width: 900px) {
  /* line 8231, theme.scss */
  .sd-search__title {
    font-size: 24px; }

  /* line 8232, theme.scss */
  .sd-search__count {
    margin-bottom: 14px; }

  /* line 8233, theme.scss */
  .sd-search__form {
    height: 44px; }

  /* line 8234, theme.scss */
  .sd-search__btn {
    width: 44px; } }
/* SD-BLOG-1 (13.09.2026): /blogs/blog = guide hub + posts + articles (blog.liquid). */
/* line 8238, theme.scss */
body.sd-guide-body .widget-type_system_widget_v4_blog_2,
body.sd-guide-body .widget-type_system_widget_v4_blog_title_1 {
  display: none !important; }

/* line 8240, theme.scss */
.sd-blog__posts, .sd-blog__articles {
  margin-top: 56px; }

/* line 8241, theme.scss */
.sd-blog__sub {
  margin-bottom: 18px; }

/* line 8242, theme.scss */
.sd-blog__sub h2 {
  margin: 6px 0 0;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -.02em;
  color: #232120; }

/* line 8243, theme.scss */
.sd-blog .sd-gcard__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }

@media (max-width: 900px) {
  /* line 8245, theme.scss */
  .sd-blog__posts, .sd-blog__articles {
    margin-top: 40px; }

  /* line 8246, theme.scss */
  .sd-blog__sub h2 {
    font-size: 22px; } }
/* SD-GUIDE-PIC-1 (14.09.2026): real photos in the hub cards and article heroes */
/* line 8250, theme.scss */
.sd-gcard__pic {
  position: relative;
  overflow: hidden; }

/* line 8251, theme.scss */
.sd-gcard__pic img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block; }

/* line 8252, theme.scss */
.sd-guide__hero {
  position: relative;
  overflow: hidden; }

/* SD-GUIDE-PIC-2 (14.09.2026): the article hero shows the whole photo (no 16:9 crop) -
   portrait photos sit centred, capped at 720px tall; placeholders keep the old box. */
/* line 8256, theme.scss */
.sd-guide__hero:has(img) {
  aspect-ratio: auto;
  background: transparent;
  text-align: center; }

/* line 8257, theme.scss */
.sd-guide__hero img {
  position: static;
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 720px;
  height: auto;
  margin: 0 auto;
  border-radius: 22px; }

@media (max-width: 640px) {
  /* line 8258, theme.scss */
  .sd-guide__hero img {
    max-height: none;
    width: 100%;
    border-radius: 16px; } }
/* SD-BLOG-2 (14.09.2026): phone - post rail on /blogs/blog: smaller cards, 16px air on both
   sides, a spacer after the last card so the right edge is never flush. */
@media (max-width: 640px) {
  /* line 8263, theme.scss */
  .sd-blog .sd-useful__rail {
    margin: 0 -16px;
    padding: 4px 16px 12px;
    gap: 12px;
    scroll-padding-left: 16px; }

  /* line 8264, theme.scss */
  .sd-blog .sd-useful__rail .sd-post {
    flex: 0 0 76%; }

  /* line 8265, theme.scss */
  .sd-blog .sd-useful__rail::after {
    content: '';
    flex: 0 0 4px; } }
/* SD-CATICON-1 (14.09.2026): scenario icons in the desktop catalogue drop-down */
/* line 8269, theme.scss */
.header__collections-photo[data-sd-icon] {
  width: 56px;
  height: 56px;
  flex: 0 0 56px; }

/* line 8270, theme.scss */
.header__collections-photo[data-sd-icon] .img-ratio {
  display: none; }

/* line 8271, theme.scss */
.sd-cicon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  color: #2F4F50;
  background: linear-gradient(150deg, #FFFFFF 0%, #F1ECE4 100%);
  box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(35, 33, 32, 0.06), 0 6px 14px -6px rgba(35, 33, 32, 0.28);
  transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.25s ease; }

/* line 8278, theme.scss */
.sd-cicon svg {
  width: 28px;
  height: 28px; }

/* line 8279, theme.scss */
.header__collections-head:hover .sd-cicon {
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 #fff, 0 10px 18px -8px rgba(47, 79, 80, 0.45);
  color: #5F7F81; }

/* SD-HERO-SLIDE-1 (14.09.2026): home hero cross-fade slider */
/* line 8282, theme.scss */
.sd-heroes {
  position: relative;
  display: grid;
  isolation: isolate; }

/* line 8283, theme.scss */
.sd-heroes > .sd-hero--slide {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity .9s ease, visibility 0s linear .9s;
  pointer-events: none; }

/* line 8284, theme.scss */
.sd-heroes > .sd-hero--slide.is-on {
  opacity: 1;
  visibility: visible;
  transition: opacity .9s ease;
  pointer-events: auto; }

/* line 8285, theme.scss */
.sd-heroes__nav {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  z-index: 3;
  pointer-events: none; }

/* line 8286, theme.scss */
.sd-heroes__nav button {
  pointer-events: auto; }

/* line 8287, theme.scss */
.sd-heroes__arrow {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(35, 33, 32, 0.14);
  background: rgba(251, 250, 247, 0.82);
  backdrop-filter: blur(8px);
  color: #232120;
  font: 16px/1 var(--sd-sans, "Inter", sans-serif);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s, transform .2s; }

/* line 8288, theme.scss */
.sd-heroes__arrow:hover {
  background: #2F4F50;
  color: #FBFAF7;
  transform: translateY(-1px); }

/* line 8289, theme.scss */
.sd-heroes__dots {
  display: flex;
  gap: 8px; }

/* line 8290, theme.scss */
.sd-heroes__dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(35, 33, 32, 0.28);
  cursor: pointer;
  transition: width .25s, background .25s; }

/* line 8291, theme.scss */
.sd-heroes__dots button.is-on {
  width: 24px;
  background: #2F4F50; }

/* line 8292, theme.scss */
.sd-hero--slide p.sd-hero__title {
  margin-top: 0; }

@media (max-width: 900px) {
  /* line 8294, theme.scss */
  .sd-heroes__nav {
    bottom: 12px;
    gap: 10px; }

  /* line 8295, theme.scss */
  .sd-heroes__arrow {
    display: none; }

  /* line 8296, theme.scss */
  .sd-heroes > .sd-hero--slide:not(:first-child) .sd-hero__media {
    object-position: 60% 25% !important; } }
/* SD-HERO-SLIDE-2 (14.09.2026): the jackets slide keeps all three models visible.
   Desktop: the paper veil is narrowed to the concrete wall on the left and the text
   block is compact, so nothing lies over the models. Phone: a separate 1000x899 crop
   sits on top as a block, the text goes underneath on the page background. */
/* line 8303, theme.scss */
.sd-hero--photo .sd-hero__veil {
  background: linear-gradient(90deg, rgba(245, 242, 237, 0.94) 0%, rgba(245, 242, 237, 0.82) 16%, rgba(245, 242, 237, 0.35) 24%, rgba(245, 242, 237, 0) 31%), linear-gradient(180deg, rgba(35, 33, 32, 0), rgba(35, 33, 32, 0.06)); }

/* line 8308, theme.scss */
.sd-hero--photo .sd-hero__title {
  font-size: clamp(36px, 3.6vw, 52px);
  max-width: 360px; }

/* line 8309, theme.scss */
.sd-hero--photo .sd-hero__lead {
  max-width: 340px;
  font-size: 15px; }

/* line 8310, theme.scss */
.sd-hero--photo .sd-hero__cta {
  max-width: 360px; }

/* line 8311, theme.scss */
.sd-hero--photo .sd-hero__media {
  object-position: 50% 20%; }

/* SD-HERO-SLIDE-3 (14.09.2026): bolder headline on the jackets slide, arrows hidden (dots only),
   phone = the same full-bleed card as slide 1 with its own portrait photo. */
/* line 8314, theme.scss */
.sd-hero--photo .sd-hero__title {
  font-weight: 500;
  font-size: clamp(44px, 4.8vw, 66px);
  line-height: 1.02;
  max-width: 340px; }

/* line 8315, theme.scss */
.sd-hero--photo .sd-hero__lead {
  max-width: 270px; }

/* line 8316, theme.scss */
.sd-heroes__arrow {
  display: none !important; }

@media (max-width: 900px) {
  /* line 8318, theme.scss */
  .sd-heroes > .sd-hero--slide:not(:first-child) .sd-hero__media {
    object-position: 50% 30% !important; }

  /* line 8319, theme.scss */
  .sd-hero--photo .sd-hero__title {
    font-weight: 600 !important;
    max-width: none; }

  /* line 8320, theme.scss */
  .sd-hero--photo .sd-hero__lead {
    max-width: none; } }
/* SD-HERO-SLIDE-4 (14.09.2026): phone - jackets slide: headline bigger at the "Teplo k oseni"
   weight (500), logo in its own gold instead of white (white melts into the concrete). */
@media (max-width: 900px) {
  /* line 8326, theme.scss */
  .sd-hero--photo .sd-hero__title {
    font-weight: 500 !important;
    font-size: 36px !important;
    line-height: 1.06 !important; }

  /* line 8327, theme.scss */
  .sd-hero--photo .sd-hero__logo img {
    filter: none !important;
    opacity: 1 !important; } }
/* SD-HERO-SLIDE-5 (14.09.2026): desktop - the jackets photo is pushed to the right (the models
   move away from the text); the gap it leaves on the left sits under a wider paper veil. */
@media (min-width: 901px) {
  /* line 8333, theme.scss */
  .sd-hero--photo .sd-hero__media {
    left: 12%;
    width: 100%;
    object-position: 0 20%; }

  /* line 8334, theme.scss */
  .sd-hero--photo .sd-hero__veil {
    background: linear-gradient(90deg, #f5f2ed 0%, #f5f2ed 22%, rgba(245, 242, 237, 0.86) 30%, rgba(245, 242, 237, 0.4) 37%, rgba(245, 242, 237, 0) 44%), linear-gradient(180deg, rgba(35, 33, 32, 0), rgba(35, 33, 32, 0.06)); }

  /* line 8339, theme.scss */
  .sd-hero--photo .sd-hero__lead {
    max-width: 320px; } }
/* SD-HERO-SLIDE-6 (14.09.2026): desktop - even bigger headline, buttons side by side like slide 1 */
@media (min-width: 901px) {
  /* line 8344, theme.scss */
  .sd-hero--photo .sd-hero__title {
    font-size: clamp(56px, 6vw, 86px);
    max-width: 520px;
    line-height: 1; }

  /* line 8345, theme.scss */
  .sd-hero--photo .sd-hero__lead {
    max-width: 380px; }

  /* line 8346, theme.scss */
  .sd-hero--photo .sd-hero__cta {
    max-width: none;
    flex-wrap: nowrap; } }
/* SD-HERO-SLIDE-7 (14.09.2026): "v gorode" in the brand dark green */
/* line 8350, theme.scss */
.sd-hero--photo .sd-hero__title em {
  color: #2F4F50 !important; }

@media (max-width: 900px) {
  /* line 8351, theme.scss */
  .sd-hero--photo .sd-hero__title em {
    color: #A9C6C4 !important; } }
/* SD-VIDEO-1 (15.09.2026): home video block */
/* line 8354, theme.scss */
body.sd-video-on .widget-type_system_widget_v4_video_clip {
  display: none !important; }

/* line 8355, theme.scss */
.sd-video {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px; }

/* line 8356, theme.scss */
.sd-video__frame {
  position: relative;
  aspect-ratio: 16 / 7;
  border-radius: 24px;
  overflow: hidden;
  background: #EAE5DC;
  box-shadow: 0 30px 60px -40px rgba(35, 33, 32, 0.5); }

/* line 8357, theme.scss */
.sd-video__el {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 45%;
  display: block; }

@media (max-width: 900px) {
  /* line 8359, theme.scss */
  .sd-video {
    padding: 0 8px; }

  /* line 8360, theme.scss */
  .sd-video__frame {
    aspect-ratio: 3 / 4;
    border-radius: 20px;
    box-shadow: none; } }
/* SD-VIDEO-2 (15.09.2026): caption under the home video */
/* line 8364, theme.scss */
.sd-video__cap {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 8px 0; }

/* line 8365, theme.scss */
.sd-video__cap p {
  margin: 6px 0 0;
  max-width: 560px;
  font-size: 16px;
  line-height: 1.45;
  color: #232120; }

/* line 8366, theme.scss */
.sd-video__link {
  flex: none;
  color: #2F4F50;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid rgba(47, 79, 80, 0.35);
  padding-bottom: 2px;
  white-space: nowrap; }

/* line 8367, theme.scss */
.sd-video__link:hover {
  color: #5F7F81;
  border-color: #5F7F81; }

@media (max-width: 900px) {
  /* line 8369, theme.scss */
  .sd-video__cap {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 10px 0; }

  /* line 8370, theme.scss */
  .sd-video__cap p {
    font-size: 15px; } }
/* SD-VIDEO-3 (15.09.2026): caption moves inside the frame, on a soft dark bottom scrim (like the hero) */
/* line 8374, theme.scss */
.sd-video__veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to top, rgba(35, 33, 32, 0.72) 0%, rgba(35, 33, 32, 0.42) 22%, rgba(35, 33, 32, 0.12) 42%, rgba(35, 33, 32, 0) 60%); }

/* line 8376, theme.scss */
.sd-video__cap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 0 32px 28px; }

/* line 8377, theme.scss */
.sd-video__cap .sd-ap__kick {
  color: rgba(251, 250, 247, 0.9); }

/* line 8378, theme.scss */
.sd-video__cap p {
  color: #FBFAF7;
  text-shadow: 0 1px 12px rgba(35, 33, 32, 0.35); }

/* line 8379, theme.scss */
.sd-video__link {
  color: #FBFAF7;
  border-color: rgba(251, 250, 247, 0.5); }

/* line 8380, theme.scss */
.sd-video__link:hover {
  color: #FBFAF7;
  border-color: #FBFAF7; }

@media (max-width: 900px) {
  /* line 8382, theme.scss */
  .sd-video__cap {
    padding: 0 18px 20px; } }
/* SD-VIDEO-4 (15.09.2026): caption lower and the subtitle smaller */
/* line 8386, theme.scss */
.sd-video__cap {
  padding-bottom: 18px; }

/* line 8387, theme.scss */
.sd-video__cap .sd-ap__kick {
  margin-bottom: 2px; }

/* line 8388, theme.scss */
.sd-video__cap p {
  font-size: 14px;
  margin-top: 4px; }

@media (max-width: 900px) {
  /* line 8389, theme.scss */
  .sd-video__cap {
    padding-bottom: 14px; }

  /* line 8389, theme.scss */
  .sd-video__cap p {
    font-size: 13px; } }
/* SD-VIDEO-5 (15.09.2026): desktop - a sharper 1080x1440 file and a less zoomed 4:3 frame */
@media (min-width: 901px) {
  /* line 8393, theme.scss */
  .sd-video {
    max-width: 1040px; }

  /* line 8394, theme.scss */
  .sd-video__frame {
    aspect-ratio: 4 / 3; } }
/* SD-VIDEO-6 (15.09.2026): desktop frame back to a wide rectangle */
@media (min-width: 901px) {
  /* line 8399, theme.scss */
  .sd-video {
    max-width: 1280px; }

  /* line 8400, theme.scss */
  .sd-video__frame {
    aspect-ratio: 16 / 8; } }
/* SD-REV-2 (15.09.2026): reviews the way a marketplace card shows them - a single horizontal
   row of cards (scrolls sideways), and "see all reviews" unfolds the full list under it. */
/* line 8405, theme.scss */
.sd-prev {
  margin-top: 64px; }

/* line 8406, theme.scss */
.sd-prev__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 20px; }

/* line 8407, theme.scss */
.sd-prev__title {
  margin: 0;
  font-family: var(--sd-sans);
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 400;
  letter-spacing: -.02em;
  color: #232120; }

/* line 8408, theme.scss */
.sd-prev__total {
  font-size: .6em;
  color: #8A857F;
  margin-left: 6px; }

/* line 8409, theme.scss */
.sd-prev__sum {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #6E6862; }

/* line 8410, theme.scss */
.sd-prev__avg {
  font-size: 16px;
  font-weight: 600;
  color: #232120; }

/* line 8411, theme.scss */
.sd-prev__stars {
  display: inline-flex;
  gap: 2px;
  color: #C99A3B; }

/* line 8412, theme.scss */
.sd-prev__stars svg {
  width: 15px;
  height: 15px;
  display: block; }

/* line 8413, theme.scss */
.sd-prev__stars svg.is-off {
  color: rgba(35, 33, 32, 0.16); }

/* line 8415, theme.scss */
.sd-prev__row {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 2px 2px 14px;
  margin: 0 -2px;
  scrollbar-width: thin;
  scrollbar-color: rgba(35, 33, 32, 0.18) transparent;
  -webkit-overflow-scrolling: touch; }

/* line 8416, theme.scss */
.sd-prev__row::-webkit-scrollbar {
  height: 4px; }

/* line 8417, theme.scss */
.sd-prev__row::-webkit-scrollbar-thumb {
  background: rgba(35, 33, 32, 0.18);
  border-radius: 4px; }

/* line 8418, theme.scss */
.sd-prev__row .sd-prev__card {
  flex: 0 0 300px;
  width: 300px;
  scroll-snap-align: start; }

/* line 8419, theme.scss */
.sd-prev__row .sd-prev__text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden; }

/* line 8421, theme.scss */
.sd-prev__card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px 20px;
  border: 1px solid rgba(35, 33, 32, 0.1);
  border-radius: 16px;
  background: #FBFAF7; }

/* line 8422, theme.scss */
.sd-prev__who {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px; }

/* line 8423, theme.scss */
.sd-prev__name {
  font-size: 14.5px;
  font-weight: 600;
  color: #232120; }

/* line 8424, theme.scss */
.sd-prev__date {
  font-size: 13px;
  color: #8A857F;
  white-space: nowrap; }

/* line 8425, theme.scss */
.sd-prev__card .sd-prev__stars svg {
  width: 13px;
  height: 13px; }

/* line 8426, theme.scss */
.sd-prev__text {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.55;
  color: #6E6862; }

/* line 8428, theme.scss */
.sd-prev__more {
  display: inline-flex;
  align-items: center;
  margin: 6px 0 0;
  padding: 0 22px;
  height: 44px;
  font: inherit;
  font-size: 14px;
  color: #232120;
  background: transparent;
  border: 1px solid rgba(35, 33, 32, 0.22);
  border-radius: 999px;
  cursor: pointer; }

/* line 8429, theme.scss */
.sd-prev__more:hover {
  border-color: #5F7F81;
  color: #5F7F81; }

/* line 8431, theme.scss */
.sd-prev__all {
  margin-top: 26px;
  border-top: 1px solid rgba(35, 33, 32, 0.1); }

/* line 8432, theme.scss */
.sd-prev__all .sd-prev__card {
  border: 0;
  border-bottom: 1px solid rgba(35, 33, 32, 0.1);
  border-radius: 0;
  background: transparent;
  padding: 20px 0;
  max-width: 820px; }

/* line 8433, theme.scss */
.sd-prev__all .sd-prev__who {
  justify-content: flex-start;
  gap: 14px; }

@media (max-width: 720px) {
  /* line 8436, theme.scss */
  .sd-prev {
    margin-top: 40px; }

  /* line 8437, theme.scss */
  .sd-prev__head {
    margin-bottom: 14px; }

  /* line 8438, theme.scss */
  .sd-prev__row .sd-prev__card {
    flex-basis: 260px;
    width: 260px; }

  /* line 8439, theme.scss */
  .sd-prev__card {
    padding: 16px 16px;
    border-radius: 14px; }

  /* line 8440, theme.scss */
  .sd-prev__more {
    width: 100%;
    justify-content: center;
    height: 48px; }

  /* line 8441, theme.scss */
  .sd-prev__all .sd-prev__card {
    padding: 16px 0; } }
/* SD-REV-3 (15.09.2026): phone - reviews as a marketplace tile (rating, count, first review) that opens
   a full-screen page with the list; the desktop row / "see all" are hidden there. */
/* line 8446, theme.scss */
.sd-prev__tile, .sd-prev__sheet {
  display: none; }

@media (max-width: 720px) {
  /* line 8448, theme.scss */
  .sd-prev__head, .sd-prev__row, .sd-prev__more, .sd-prev__all {
    display: none !important; }

  /* line 8449, theme.scss */
  .sd-prev {
    margin-top: 22px; }

  /* line 8450, theme.scss */
  .sd-prev__tile {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 14px;
    row-gap: 2px;
    align-items: center;
    width: 100%;
    padding: 16px 16px;
    text-align: left;
    font: inherit;
    color: #232120;
    background: #FBFAF7;
    border: 1px solid rgba(35, 33, 32, 0.1);
    border-radius: 16px;
    cursor: pointer; }

  /* line 8453, theme.scss */
  .sd-prev__tile-rate {
    grid-column: 1;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.02em; }

  /* line 8454, theme.scss */
  .sd-prev__tile-rate svg {
    width: 20px;
    height: 20px;
    color: #C99A3B; }

  /* line 8455, theme.scss */
  .sd-prev__tile-count {
    grid-column: 1;
    grid-row: 2;
    font-size: 13.5px;
    color: #8A857F;
    white-space: nowrap; }

  /* line 8456, theme.scss */
  .sd-prev__tile-first {
    grid-column: 2;
    grid-row: 1 / 3;
    font-size: 13.5px;
    line-height: 1.45;
    color: #6E6862;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-left: 14px;
    border-left: 1px solid rgba(35, 33, 32, 0.1); }

  /* line 8458, theme.scss */
  .sd-prev__tile-arrow {
    grid-column: 3;
    grid-row: 1 / 3;
    font-size: 26px;
    line-height: 1;
    color: #8A857F; }

  /* line 8459, theme.scss */
  .sd-prev__sheet {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: #FBFAF7;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 16px 40px; }

  /* line 8460, theme.scss */
  .sd-prev__sheet[hidden] {
    display: none; }

  /* line 8461, theme.scss */
  .sd-prev__sheet-bar {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    height: 56px;
    margin: 0 -16px;
    padding: 0 10px;
    background: #FBFAF7;
    border-bottom: 1px solid rgba(35, 33, 32, 0.1); }

  /* line 8462, theme.scss */
  .sd-prev__back {
    width: 40px;
    height: 40px;
    font: inherit;
    font-size: 30px;
    line-height: 1;
    color: #232120;
    background: transparent;
    border: 0;
    cursor: pointer; }

  /* line 8463, theme.scss */
  .sd-prev__sheet-title {
    font-size: 17px;
    font-weight: 600;
    color: #232120; }

  /* line 8464, theme.scss */
  .sd-prev__sheet-title span {
    color: #8A857F;
    font-weight: 400; }

  /* line 8465, theme.scss */
  .sd-prev__sheet-sum {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 18px 0 6px;
    font-size: 14px;
    color: #6E6862; }

  /* line 8466, theme.scss */
  .sd-prev__sheet-sum b {
    font-size: 18px;
    color: #232120; }

  /* line 8467, theme.scss */
  .sd-prev__sheet-list .sd-prev__card {
    border: 0;
    border-bottom: 1px solid rgba(35, 33, 32, 0.1);
    border-radius: 0;
    background: transparent;
    padding: 16px 0; }

  /* line 8468, theme.scss */
  .sd-prev__sheet-list .sd-prev__who {
    justify-content: flex-start;
    gap: 12px; }

  /* line 8469, theme.scss */
  body.sd-prev-open {
    overflow: hidden; } }
/* SD-FAV-2 (15.09.2026): product page - the heart moves onto the photo (top right), same look as
   .sd-card__fav on the catalog cards; the old text link under the buy button is gone. */
/* line 8474, theme.scss */
.sd-prod__stage {
  position: relative; }

/* line 8475, theme.scss */
.sd-prod__fav {
  top: 14px;
  right: 14px;
  width: 40px;
  height: 40px;
  margin: 0;
  font: inherit; }

/* line 8476, theme.scss */
.sd-prod__fav svg {
  width: 20px;
  height: 20px; }

@media (max-width: 720px) {
  /* line 8477, theme.scss */
  .sd-prod__fav {
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px; }

  /* line 8477, theme.scss */
  .sd-prod__fav svg {
    width: 18px;
    height: 18px; } }
/* SD-FAV-3 (15.09.2026): the heart on the product photo is a sage circle with a white heart -
   readable on light photos; on tap the heart fills white (the old .sd-prod__fav.is-on rule
   painted the heart sage on sage, so it vanished). */
/* line 8482, theme.scss */
.sd-prod__stage .sd-prod__fav,
.sd-prod__stage .sd-prod__fav:hover {
  background: #5F7F81;
  color: #FBFAF7; }

/* line 8484, theme.scss */
.sd-prod__stage .sd-prod__fav svg {
  fill: none;
  stroke: currentColor; }

/* line 8485, theme.scss */
.sd-prod__stage .sd-prod__fav.is-on {
  background: #5F7F81;
  color: #FBFAF7; }

/* line 8486, theme.scss */
.sd-prod__stage .sd-prod__fav.is-on svg {
  fill: currentColor; }