/* Vesta theme — global styles. Подключение: library `global_library`. */

/* ============================
   Дизайн-токены
   ============================ */
html {
    scroll-behavior: smooth;
}

:root {
    --c-accent: #9e2747;
    --c-accent-hover: #86203c;
    --c-accent-soft: rgba(158, 39, 71, .12);
    --c-accent-ring: rgba(158, 39, 71, .35);
    --c-accent-line: rgba(158, 39, 71, .22);
    --c-buy: #4f8f7a;
    --c-buy-hover: #437a68;
    --c-buy-ring: rgba(79, 143, 122, .35);
    --c-text: #000;
    --c-text-muted: #2f2a30;
    --c-error: #c91818;
    --c-bg: #fff;
    --c-bg-cream: #f4eedd;
    --c-bg-soft: #d9d9d9;
    --c-divider: #e0dcd7;
    --c-input-border: #d1d1d1;
    --c-placeholder: #757575;

    --ff-base: "IBM Plex Sans", sans-serif;
    --ff-display: 'Manrope', sans-serif;

    --r-sm: 6px;
    --r-md: 8px;
    --r-lg: 30px;

    --content-max: 1170px;
    --form-max: 424px;
    --map-w: 637px;
    --card-img-w: 270px;
    --gifts-img-w: 570px;

    --btn-h: 45px;
    --cart-h: 40px;
    --tr: .2s ease;
    --tr-slow: .35s ease;
    --tr-zoom: .75s cubic-bezier(0, 0, 0.2, 1);
    --zoom-scale: 1.03;
    --catalog-img-text-gap: clamp(12px, 2vw, 20px);
    --shadow-focus: 0 0 0 1px var(--c-accent-ring);
}

/* ============================
   Базовое
   ============================ */
body { height: 100%; margin: 0; }

#page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    overflow-x: clip;
}
#main { flex: 1; }

img { max-width: 100%; height: auto; }

#footer .ajax-progress,
#header .ajax-progress { display: none; }

.toolbar .toolbar-tab .toolbar-icon { padding: .75em 1.5em .75em 2.5em; }
.path-admin .messages--error { display: none; }

.ui-dialog {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: calc(100% - 20px);
    max-height: calc(100% - 20px);
}

/* Contextual links */
.contextual-region .contextual { display: none; top: -8px; right: 8px; }
.contextual-region .contextual-region .contextual { top: 8px; }
.contextual-region:hover .contextual { display: block; }
.contextual-region .contextual .trigger {
    width: 22px !important;
    height: 22px !important;
    background-size: 14px 14px;
}

/* ============================
   Главная: отступы между секциями
   ============================ */
.page.front #main { display: flex; flex-direction: column; }
.page.front #main > * + * { margin-top: 90px; }
.page.front #main > #slider-block + * { margin-top: 75px; }
.page.front #main > .wrapper_gradient + .wr_front_content { margin-top: 90px; }
.page.front #main > .wr_front_content + .section-catalog { margin-top: 0; }
.page.front #main > section.wrapper_feedback.front-feedback + section.wrapper.contacts-front {
    margin-top: 0;
    padding-top: 0;
}

.page.not-front #main { padding-bottom: 86px; box-sizing: border-box; }

/* ============================
   CTA-кнопка
   ============================ */
.btn-cvetok-cta,
#header .col-callback :is(a.btn-cvetok-cta, a.btn-primary, input[type="submit"], button[type="submit"]),
#offcanvasNav .offcanvas-callback :is(a.btn-cvetok-cta, a.btn-primary, input[type="submit"], button[type="submit"]),
#footer.footer-cvetok .footer-cvetok__cta :is(a.btn-cvetok-cta, a.btn-primary, input[type="submit"], button[type="submit"]),
.cart.cart-form .form-actions .button--cart-checkout {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 149px;
    min-height: var(--btn-h);
    padding: 0 16px;
    font-family: var(--ff-base);
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    color: var(--c-bg);
    background: var(--c-accent);
    border: none;
    border-radius: var(--r-md);
    cursor: pointer;
    transition: background var(--tr), color var(--tr);
}
.layout-checkout-form .form-actions :is(.btn-cvetok-cta, .button--checkout-next, input[type="submit"], button[type="submit"]) {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 149px;
    min-height: var(--btn-h);
    padding: 0 16px;
    font-family: var(--ff-base);
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    color: var(--c-bg);
    background: var(--c-accent);
    background-color: var(--c-accent);
    background-image: none;
    border: none;
    border-radius: var(--r-md);
    box-shadow: none;
    cursor: pointer;
    transition: background var(--tr), color var(--tr);
    appearance: none;
}
.btn-cvetok-cta:hover,
.btn-cvetok-cta:focus-visible,
#header .col-callback :is(a.btn-cvetok-cta, a.btn-primary, input[type="submit"], button[type="submit"]):hover,
#header .col-callback :is(a.btn-cvetok-cta, a.btn-primary, input[type="submit"], button[type="submit"]):focus-visible,
#offcanvasNav .offcanvas-callback :is(a.btn-cvetok-cta, a.btn-primary, input[type="submit"], button[type="submit"]):hover,
#offcanvasNav .offcanvas-callback :is(a.btn-cvetok-cta, a.btn-primary, input[type="submit"], button[type="submit"]):focus-visible,
#footer.footer-cvetok .footer-cvetok__cta :is(a.btn-cvetok-cta, a.btn-primary, input[type="submit"], button[type="submit"]):hover,
#footer.footer-cvetok .footer-cvetok__cta :is(a.btn-cvetok-cta, a.btn-primary, input[type="submit"], button[type="submit"]):focus-visible,
.cart.cart-form .form-actions .button--cart-checkout:hover,
.cart.cart-form .form-actions .button--cart-checkout:focus-visible {
    color: var(--c-bg);
    background: var(--c-accent-hover);
    text-decoration: none;
}
.layout-checkout-form .form-actions :is(.btn-cvetok-cta, .button--checkout-next, input[type="submit"], button[type="submit"]):hover,
.layout-checkout-form .form-actions :is(.btn-cvetok-cta, .button--checkout-next, input[type="submit"], button[type="submit"]):focus-visible {
    color: var(--c-bg);
    background: var(--c-accent-hover);
    background-color: var(--c-accent-hover);
    border-color: transparent;
    text-decoration: none;
    box-shadow: none;
}
button.btn-cvetok-cta,
#header .col-callback :is(input, button)[type="submit"],
#offcanvasNav .offcanvas-callback :is(input, button)[type="submit"],
#footer.footer-cvetok .footer-cvetok__cta :is(input, button)[type="submit"],
.cart.cart-form .form-actions .button--cart-checkout { appearance: none; }

/* ============================
   Шапка десктоп
   ============================ */
#header.header-cvetok {
    background: var(--c-bg);
    color: var(--c-text);
    --mc-search-fg: #000;
    --mc-search-bg: #fff;
}
#header.header-cvetok .header-top { padding: 11px 0 12px; }
#header.header-cvetok .header-top__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 24px;
}
#header.header-cvetok .header-top__contacts {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 127px;
    flex: 0 1 auto;
    min-width: 0;
}
#header.header-cvetok .header-contact {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    min-width: 0;
    font-family: var(--ff-base);
    font-size: 16px;
    line-height: 21px;
    color: var(--c-text);
}
#header.header-cvetok .header-contact__icon { flex-shrink: 0; display: flex; align-items: center; }
#header.header-cvetok .header-contact__icon img {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: contain;
}
#header.header-cvetok .header-contact__text { min-width: 0; }
#header.header-cvetok .header-contact__link {
    color: var(--c-text);
    text-decoration: none;
    cursor: pointer;
}
#header.header-cvetok .header-contact__link:hover,
#header.header-cvetok .header-contact__link:focus-visible { color: var(--c-accent); text-decoration: none; }
#header.header-cvetok .header-contact__link--phone { font-weight: 500; }

#header.header-cvetok .header-bottom { background: var(--c-bg); padding: 8px 0 14px; }
#header.header-cvetok .header-bottom__inner {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: clamp(16px, 1.6vw, 28px);
    min-height: 70px;
}
#header.header-cvetok .header-bottom__nav.region-navigation-wrap,
#header.header-cvetok .header-bottom__nav :is(.region-navigation, .region-navigation > *, .block__content),
#header.header-cvetok .vesta-main-menu-split { display: contents; }
#header.header-cvetok .header-bottom__nav .region { width: auto; min-width: 0; }

#header.header-cvetok ul.nav.vesta-main-menu-split__left,
#header.header-cvetok ul.nav.vesta-main-menu-split__right {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 35px;
    margin: 0;
    padding: 0;
    min-width: 0;
}
#header.header-cvetok ul.nav.vesta-main-menu-split__left { order: 1; }
#header.header-cvetok ul.nav.vesta-main-menu-split__right { order: 3; }
#header.header-cvetok .header-bottom__nav ul.nav > li.nav-item { margin: 0; }
#header.header-cvetok .header-bottom__nav .nav:not(.vesta-main-menu-split__left):not(.vesta-main-menu-split__right) {
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 35px;
    row-gap: 8px;
    margin-bottom: 0;
}
#header.header-cvetok .header-bottom__nav .nav-link {
    font-family: var(--ff-base);
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color: var(--c-text);
    padding: .35rem 0;
    white-space: nowrap;
}
#header.header-cvetok .header-bottom__nav .nav-link:hover,
#header.header-cvetok .header-bottom__nav .nav-link:focus-visible { color: var(--c-accent); }

#header.header-cvetok .header-bottom__logo {
    order: 2;
    flex: 0 0 auto;
    align-self: center;
    margin: 0 auto;
    width: max-content;
    max-width: clamp(120px, 14vw, 174px);
}
#header.header-cvetok .header-bottom__logo-link {
    pointer-events: auto;
    display: block;
    text-align: center;
    text-decoration: none;
    color: inherit;
}
#header.header-cvetok .header-bottom__logo img {
    display: block;
    max-height: 70px;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
}

#header.header-cvetok .header-bottom__tools {
    order: 4;
    flex: 0 0 auto;
    align-self: center;
    display: flex;
    align-items: center;
    gap: 12px;
    padding-left: 0;
    position: relative;
    z-index: 3;
    min-width: 0;
}
#header.header-cvetok .header-messengers { display: flex; align-items: center; gap: 14px; }
#header.header-cvetok .header-messenger {
    display: flex;
    line-height: 0;
    transition: transform .15s ease, opacity .15s ease;
}
#header.header-cvetok .header-messenger img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
}
#header.header-cvetok .header-messenger:hover,
#header.header-cvetok .header-messenger:focus-visible { transform: scale(1.06); opacity: .95; }

#header.header-cvetok .search-slot--desktop { min-width: 40px; }
#header.header-cvetok .header-bottom__cart a {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}
#header.header-cvetok .header-bottom__cart img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}
#header .wr-search .js-search-btn svg path,
#header .header-search__submit-icon svg path { fill: var(--c-text); }
#header.header-cvetok .header-search-keys-wrap :is(input.form-text, input[type="search"], input[type="text"]) {
    border-color: var(--c-text) !important;
}

/* Внутренние страницы: кремовая полоса */
.page.not-front #header.header-cvetok { border-bottom: 1px solid rgba(0, 0, 0, .08); }
.page.not-front #header.header-cvetok .header-bottom {
    background: var(--c-bg-cream);
    padding: 12px 0 18px;
    border-top: 1px solid var(--c-accent-soft);
}
.page.not-front #main > .wr_content { padding-top: clamp(1.25rem, 3vw, 2.5rem); }

.page.not-front .wr_content :is(h2, h3, h4, h5, h6)[id] {
    scroll-margin-top: clamp(100px, 14vw, 140px);
}

/* Текстовый промо-блок в теле страницы */
.page.not-front .wr_content .container :is(.content-promo, .text-promo) {
    max-width: 720px;
    margin: 0 0 clamp(24px, 4vw, 40px);
}
.page.not-front .wr_content .container :is(.content-promo, .text-promo) .text-promo-lead,
.page.not-front .wr_content .container .text-promo-lead {
    margin: 0 0 1.25rem;
    font-size: clamp(17px, 2.2vw, 20px);
    line-height: 1.45;
    font-weight: 500;
}
.page.not-front .wr_content .container :is(.content-promo, .text-promo) .text-promo-heading,
.page.not-front .wr_content .container .text-promo-heading {
    margin: 0 0 .75rem;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}
.page.not-front .wr_content .container :is(.content-promo, .text-promo) ul,
.page.not-front .wr_content .container .text-promo-list {
    margin: 0 0 1.5rem;
    padding: 0 0 0 1.35em;
    list-style: disc;
}
.page.not-front .wr_content .container :is(.content-promo, .text-promo) ul li,
.page.not-front .wr_content .container .text-promo-list li {
    margin: 0 0 .55em;
    line-height: 1.45;
}
.page.not-front .wr_content .container :is(.content-promo, .text-promo) ul li::marker,
.page.not-front .wr_content .container .text-promo-list li::marker,
.page.not-front .wr_content .container .field--name-body ul li::marker {
    color: var(--c-text);
}
.page.not-front .wr_content .container :is(.content-promo, .text-promo) .text-promo-cta,
.page.not-front .wr_content .container p.text-promo-cta {
    margin: clamp(20px, 3vw, 32px) 0 0;
}
.page.not-front .wr_content .container :is(.content-promo, .text-promo) .text-promo-cta a,
.page.not-front .wr_content .container p.text-promo-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 149px;
    min-height: var(--btn-h);
    padding: 0 28px;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    text-decoration: none !important;
    color: var(--c-bg) !important;
    background: var(--c-accent);
    border-radius: var(--r-md);
    cursor: pointer;
    transition: background var(--tr), color var(--tr);
}
.page.not-front .wr_content .container :is(.content-promo, .text-promo) .text-promo-cta a:hover,
.page.not-front .wr_content .container :is(.content-promo, .text-promo) .text-promo-cta a:focus-visible,
.page.not-front .wr_content .container p.text-promo-cta a:hover,
.page.not-front .wr_content .container p.text-promo-cta a:focus-visible {
    color: var(--c-bg) !important;
    background: var(--c-accent-hover);
}

.page.not-front .wr_content .container :is(.field--name-body, .field--type-text-long, .field--type-text-with-summary, .text-formatted) :is(a, a:visited):not(:is(.btn, .btn-primary, .btn-cvetok-cta, .button, .button--primary)) {
    color: var(--c-text);
    text-decoration: underline;
    cursor: pointer;
}
.page.not-front .wr_content .container :is(.field--name-body, .field--type-text-long, .field--type-text-with-summary, .text-formatted) :is(a, a:visited):not(:is(.btn, .btn-primary, .btn-cvetok-cta, .button, .button--primary)):hover,
.page.not-front .wr_content .container :is(.field--name-body, .field--type-text-long, .field--type-text-with-summary, .text-formatted) :is(a, a:visited):not(:is(.btn, .btn-primary, .btn-cvetok-cta, .button, .button--primary)):focus-visible {
    color: var(--c-accent);
}

/* Уведомление «в корзину»: ссылка — акцент сайта */
.messages--status :is(a, a:visited),
.add-to-cart-message :is(a, a:visited),
.ui-dialog .message :is(a, a:visited) {
    color: var(--c-accent);
    text-decoration: underline;
    cursor: pointer;
}
.messages--status a:hover,
.messages--status a:focus-visible,
.add-to-cart-message a:hover,
.add-to-cart-message a:focus-visible,
.ui-dialog .message a:hover,
.ui-dialog .message a:focus-visible {
    color: var(--c-accent-hover);
}

/* Корзина: пустое + форма */
.page.page-cart:not(.front) #main > .wr_content { min-height: 10rem; }
.page.page-cart:not(.front) :is(.commerce-cart-empty, .cart-empty-page) {
    margin: 0;
    padding: clamp(1rem, 2.8vw, 2rem) 0 clamp(1.25rem, 3vw, 2.5rem);
    max-width: 28rem;
    font-family: var(--ff-base);
}
.page.page-cart:not(.front) .commerce-cart-empty__text {
    margin: 0 0 1rem;
    font-size: 16px;
    line-height: 1.35;
    color: var(--c-text);
}
.page.page-cart:not(.front) .commerce-cart-empty__cta a {
    font-weight: 500;
    font-size: 15px;
    color: var(--c-accent);
    text-decoration: underline;
    cursor: pointer;
}
.page.page-cart:not(.front) .commerce-cart-empty__cta a:hover,
.page.page-cart:not(.front) .commerce-cart-empty__cta a:focus-visible { color: var(--c-accent-hover); }
.page.page-cart:not(.front) .cart.cart-form {
    --cart-control-h: 36px;
    padding: clamp(.75rem, 2vw, 1.5rem) 0;
}

/* Бейдж корзины */
.cart-block--summary .cart-block--summary__count {
    position: absolute;
    width: 18px;
    height: 18px;
    border: 2px solid var(--c-bg);
    background: var(--c-accent);
    color: var(--c-bg);
    top: -3px;
    right: -9px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 600;
}

/* ============================
   Шапка мобильная
   ============================ */
#header-mob {
    top: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: var(--c-bg);
    color: var(--c-text);
    border-bottom: 1px solid var(--c-accent-soft);
    padding: 5px;
    z-index: 50;
}
.page:not(.front) #header-mob {
    background: var(--c-bg-cream);
    border-top: 1px solid var(--c-accent-soft);
}
#header-mob.toolbar-horizontal #header-mob { top: 0; }
#header-mob > * { padding: 0 10px; }
#header-mob a { color: var(--c-text); }

#header-mob .col-nav { flex: 0 0 auto; }
#header-mob .col-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: var(--r-md);
    background: var(--c-accent);
}
#header-mob .col-nav a:hover,
#header-mob .col-nav a:focus-visible { background: var(--c-accent-hover); }
#header-mob .col-nav img {
    display: block;
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
}

#header-mob .col-logo { flex: 0 1 auto; min-width: 0; text-align: center; }
#header-mob .col-logo a { display: inline-block; max-width: 100%; }
#header-mob .col-logo img { max-width: 100%; height: auto; }

#header-mob .col-phone {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 42%;
    text-align: right;
}
#header-mob .col-phone .header-contact {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
    font-family: var(--ff-base);
    font-size: 14px;
    line-height: 18px;
}
#header-mob .col-phone .header-contact__icon { flex-shrink: 0; display: flex; align-items: center; }
#header-mob .col-phone .header-contact__icon img {
    display: block;
    width: 18px;
    height: 18px;
    object-fit: contain;
}
#header-mob .col-phone .header-contact__link {
    color: var(--c-text);
    text-decoration: none;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#header-mob .col-phone .header-contact__link:hover,
#header-mob .col-phone .header-contact__link:focus-visible { color: var(--c-accent); text-decoration: none; }

#header-mob .col-cart { flex: 0 0 auto; min-width: 0; }

/* Планшет: лого + телефон по центру */
@media (min-width: 576px) and (max-width: 991px) {
    #header-mob {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        justify-content: stretch;
    }
    #header-mob > * { padding: 0 10px; }
    #header-mob .col-nav { grid-column: 1; }
    #header-mob .header-mob__center {
        grid-column: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: clamp(12px, 3vw, 28px);
        min-width: 0;
        padding: 0 10px;
    }
    #header-mob .col-cart { grid-column: 3; }
    #header-mob .col-logo,
    #header-mob .col-phone {
        flex: 0 1 auto;
        min-width: 0;
        max-width: none;
        text-align: left;
    }
}
@media (max-width: 575px) {
    #header-mob .header-mob__center { display: contents; }
    #header-mob .col-logo img { max-height: 44px; width: auto; }
    #header-mob .col-phone .header-contact { font-size: 12px; line-height: 16px; gap: 4px; }
    #header-mob .col-phone .header-contact__icon img { width: 16px; height: 16px; }
}

/* ============================
   Offcanvas
   ============================ */
#offcanvasNav.offcanvas {
    --bs-offcanvas-bg: var(--c-bg-cream);
    color: var(--c-text);
}
#offcanvasNav .offcanvas-header {
    background: var(--c-bg-cream);
    border-bottom: 1px solid var(--c-accent-line);
}
#offcanvasNav .offcanvas-header--cvetok {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    padding: 12px 52px 12px 16px;
}
#offcanvasNav .offcanvas-header--cvetok .btn-close {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    margin: 0;
    opacity: .75;
}
#offcanvasNav .offcanvas-header--cvetok .btn-close:hover,
#offcanvasNav .offcanvas-header--cvetok .btn-close:focus-visible { opacity: 1; }

#offcanvasNav .offcanvas-logo { text-align: center; }
#offcanvasNav .offcanvas-logo a { display: inline-block; text-decoration: none; color: inherit; }
#offcanvasNav .offcanvas-logo img {
    display: block;
    max-height: 52px;
    width: auto;
    margin: 0 auto;
}

#offcanvasNav .offcanvas-nav {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--c-accent-soft);
}

#offcanvasNav .offcanvas-contacts { padding: 0 2px; }
#offcanvasNav .offcanvas-contact__label {
    font-family: var(--ff-base);
    font-size: 13px;
    font-weight: 500;
    color: rgba(0, 0, 0, .55);
    margin-bottom: 4px;
}
#offcanvasNav .offcanvas-contact__value {
    font-family: var(--ff-base);
    font-size: 15px;
    line-height: 1.4;
    color: var(--c-text);
}
#offcanvasNav .offcanvas-contacts > .offcanvas-contact + .offcanvas-contact { margin-top: 12px; }

#offcanvasNav :is(.offcanvas-contact__mail-link, .offcanvas-contact__phone-link) {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-family: var(--ff-base);
    font-size: 15px;
    line-height: 1.35;
    font-weight: 400;
    color: var(--c-text);
    text-decoration: none;
}
#offcanvasNav .offcanvas-contact__mail-link { overflow-wrap: anywhere; }
#offcanvasNav :is(.offcanvas-contact__mail-link, .offcanvas-contact__phone-link):hover,
#offcanvasNav :is(.offcanvas-contact__mail-link, .offcanvas-contact__phone-link):focus-visible {
    color: var(--c-accent);
    text-decoration: underline;
}
#offcanvasNav :is(.offcanvas-contact__mail-icon, .offcanvas-contact__phone-icon) {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

#offcanvasNav .offcanvas-callback { margin-top: 28px; width: 100%; }
#offcanvasNav .offcanvas-callback a {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
}

#offcanvasNav .offcanvas-body { background: var(--c-bg-cream); overflow-x: visible; }

#offcanvasNav :is(.nav-link, .dropdown-item) { color: var(--c-text); }
#offcanvasNav :is(.nav-link, .dropdown-item):hover,
#offcanvasNav :is(.nav-link, .dropdown-item):focus-visible { color: var(--c-accent); }
#offcanvasNav .dropdown-item:hover,
#offcanvasNav .dropdown-item:focus-visible { background: var(--c-accent-soft); }

#offcanvasNav .offcanvas-messengers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
}
#offcanvasNav .offcanvas-messenger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    cursor: pointer;
}
#offcanvasNav .offcanvas-messenger img { display: block; width: 28px; height: 28px; }
#offcanvasNav .offcanvas-messenger--text {
    font-family: var(--ff-base);
    font-size: 15px;
    font-weight: 600;
    color: var(--c-accent);
    text-decoration: none;
    padding: 6px 10px;
    border-radius: var(--r-md);
}
#offcanvasNav .offcanvas-messenger--text:hover,
#offcanvasNav .offcanvas-messenger--text:focus-visible {
    color: var(--c-accent-hover);
    text-decoration: underline;
}

.offcanvas .offcanvas-title {
    color: var(--c-text);
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

#offcanvasNav .js-search-btn__icon--loupe path { fill: var(--c-accent); }
#offcanvasNav .js-search-btn__icon--close path { stroke: var(--c-accent); }

#offcanvasNav .vesta-main-menu-split {
    display: flex;
    flex-direction: column;
    width: 100%;
}
#offcanvasNav ul.nav.vesta-main-menu-split__left,
#offcanvasNav ul.nav.vesta-main-menu-split__right {
    width: 100%;
    justify-content: flex-start;
}
#offcanvasNav ul.nav.vesta-main-menu-split__right { margin-top: .35rem; }

.region-navigation .nav > .nav-item:hover .dropdown-menu {
    display: block;
    top: 100%;
    left: 0;
}

/* ============================
   Слайдер (slick)
   ============================ */
#slider-block.slider-block { max-width: 100%; overflow-x: hidden; }

.region-slider .view-content:not(.slick-initialized) .views-row { display: none; }
.region-slider .view-content:not(.slick-initialized) .views-row:first-child { display: block; }

#slider-block .view-slayder .view-content { position: relative; }
#slider-block .view-slayder .node--type-slide {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
}
#slider-block .view-slayder .node--type-slide .field--name-field-image {
    grid-column: 1 / -1;
    grid-row: 1;
    margin: 0;
    min-width: 0;
    min-height: 0;
}
#slider-block .view-slayder .node--type-slide .field--name-field-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 320px;
    object-fit: cover;
    object-position: center;
}
#slider-block .view-slayder .node--type-slide .field--name-field-metatags { display: none; }

#slider-block .view-slayder .node--type-slide .content {
    position: relative;
    z-index: 1;
    grid-column: 2;
    grid-row: 1;
    margin-left: 30px;
    padding: clamp(16px, 3vw, 48px) clamp(16px, 2vw, 48px) clamp(20px, 2vw, 36px);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: var(--c-bg);
    align-self: center;
}

#slider-block .view-slayder .view-content.slick-initialized .slick-slide,
#slider-block .view-slayder .view-content.slick-initialized .slick-slide .views-row { height: auto; }
#slider-block .view-slayder .view-content.slick-initialized .slick-list,
#slider-block .view-slayder .view-content.slick-initialized .slick-track { height: auto !important; }

#slider-block .view-slayder .node--type-slide .field--name-field-slide-title {
    max-width: 440px;
    width: 100%;
    margin: 0;
    font-family: var(--ff-base);
    font-weight: 500;
    font-size: 48px;
    line-height: 54px;
    color: var(--c-text);
    overflow-wrap: normal;
    word-break: normal;
}
#slider-block .view-slayder .node--type-slide .field--name-field-slide-title * {
    font: inherit;
    color: inherit;
    margin: 0;
}
#slider-block .view-slayder .node--type-slide .field--name-body {
    margin: 0;
    padding-top: 32px;
    max-width: 176px;
    font-family: var(--ff-base);
    font-weight: 700;
    font-size: 36px;
    line-height: 47px;
    color: var(--c-accent);
    overflow-wrap: normal;
    word-break: normal;
    white-space: nowrap;
}
#slider-block .view-slayder .node--type-slide .field--name-body * { font: inherit; color: inherit; }
#slider-block .view-slayder .node--type-slide .field--name-body p { margin: 0; }
#slider-block .view-slayder .node--type-slide .field--name-field-slide-link { margin-top: 24px; }

/* Slick стрелки + точки */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
button.slick-prev.slick-arrow { left: 25px; }
button.slick-next.slick-arrow { right: 25px; }

ul.slick-dots {
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 7px;
    list-style: none;
    margin: 10px 0;
}
ul.slick-dots li button {
    background: #686868;
    border-radius: 50%;
    border: none;
    padding: 0;
    width: 10px;
    height: 10px;
    font-size: 0;
    display: block;
}
ul.slick-dots li button::before { display: none; }
ul.slick-dots li.slick-active button { background: #272727; }

button.slick-arrow {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
button.slick-arrow::before {
    content: "";
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-size: 0;
}
button.slick-prev.slick-arrow::before {
    background-image: url("/sites/all/themes/vesta_theme/image/arrow-top.svg");
    transform: rotate(-90deg);
}
button.slick-next.slick-arrow::before {
    background-image: url("/sites/all/themes/vesta_theme/image/arrow-top.svg");
    transform: rotate(90deg);
}

/* Главный слайдер: крупные стрелки */
#slider-block button.slick-prev.slick-arrow,
#slider-block button.slick-next.slick-arrow {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    border-radius: 50%;
    background: var(--c-accent);
    transition: background var(--tr), opacity var(--tr);
}
#slider-block button.slick-prev.slick-arrow { left: clamp(12px, 2vw, 36px); }
#slider-block button.slick-next.slick-arrow { right: clamp(12px, 2vw, 36px); }
#slider-block button.slick-arrow:hover,
#slider-block button.slick-arrow:focus-visible { background: var(--c-accent-hover); }
#slider-block button.slick-arrow.slick-disabled { opacity: .35; cursor: default; }
#slider-block button.slick-arrow::before {
    width: 24px;
    height: 24px;
    filter: brightness(0) invert(1);
}

#slider-block ul.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 22px;
    margin: 0;
    gap: 10px;
    z-index: 5;
}
#slider-block ul.slick-dots li { margin: 0; width: auto; height: auto; }
#slider-block ul.slick-dots li button {
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--c-accent);
    border-radius: 50%;
}
#slider-block ul.slick-dots li.slick-active button {
    background: var(--c-accent);
    border-color: var(--c-accent);
}

/* ============================
   Плавающие действия
   ============================ */
#floatingPageActions {
    box-sizing: border-box;
    position: fixed;
    right: 24px;
    bottom: 120px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 39px;
}
#scrollToTop.floating-page-actions__scroll--hidden { opacity: 0; pointer-events: none; }

.floating-page-actions__messengers {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0;
}
.floating-page-actions__msgr {
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 49px;
    height: 49px;
    line-height: 0;
    border-radius: var(--r-sm);
    flex-shrink: 0;
    transition: transform .22s ease;
    cursor: pointer;
}
.floating-page-actions__msgr:hover { transform: scale(1.06); }
.floating-page-actions__msgr:focus-visible {
    transform: scale(1.06);
    outline: 2px solid var(--c-bg);
    outline-offset: 2px;
}
.floating-page-actions__msgr img { display: block; width: 49px; height: 49px; object-fit: contain; }

#scrollToTop {
    box-sizing: border-box;
    width: 49px;
    height: 49px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--c-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    flex-shrink: 0;
    cursor: pointer;
    opacity: 1;
    transition: opacity var(--tr-slow), transform .15s ease;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
}
#scrollToTop:hover { transform: scale(1.06); }
#scrollToTop:focus-visible { outline: 2px solid var(--c-bg); outline-offset: 3px; }
#scrollToTop:active { transform: scale(.96); }
#scrollToTop img {
    display: block;
    width: 24px;
    height: 24px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

/* ============================
   Подвал
   ============================ */
#footer.footer-cvetok {
    background: var(--c-bg-cream);
    color: var(--c-text);
    font-family: var(--ff-base);
}
#footer.footer-cvetok .footer-cvetok__main { padding: 2.75rem 0 55px; }

#footer.footer-cvetok .footer-cvetok__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr) minmax(0, .95fr) minmax(0, 1.2fr);
    gap: 2rem 2.5rem;
    align-items: flex-start;
}
#footer.footer-cvetok :is(.footer-cvetok__col--contacts, .footer-cvetok__col--brand) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#footer.footer-cvetok .footer-cvetok__col--brand { gap: 8px; }

#footer.footer-cvetok .footer-cvetok__legal { display: block; margin: 0; }
#footer.footer-cvetok .footer-cvetok__messengers + .footer-cvetok__legal { margin-top: 3px; }

#footer.footer-cvetok .footer-cvetok__legal-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px 1.5rem;
    width: 100%;
    margin-top: 14px;
    box-sizing: border-box;
}
#footer.footer-cvetok .footer-cvetok__legal-bar .footer-cvetok__policy { text-align: left; }
#footer.footer-cvetok .footer-cvetok__legal-bar .footer-cvetok__vesta { text-align: right; }

#footer.footer-cvetok .footer-cvetok__logo {
    display: inline-block;
    line-height: 0;
    margin: 0;
}
#footer.footer-cvetok .footer-cvetok__logo img {
    max-width: 174px;
    height: auto;
    max-height: 70px;
    object-fit: contain;
}

#footer.footer-cvetok :is(.footer-cvetok__schedule, .footer-cvetok__service-note) {
    margin: 0;
    max-width: 18rem;
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: var(--c-text);
}
#footer.footer-cvetok .footer-cvetok__service-note { margin: 0 0 .5rem; }
#footer.footer-cvetok .footer-cvetok__service-note:last-child { margin-bottom: 0; }
#footer.footer-cvetok .footer-cvetok__service-notes { max-width: 18rem; margin: 0; }

#footer.footer-cvetok .footer-cvetok__messengers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 11px;
}
#footer.footer-cvetok .footer-cvetok__msgr {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    border-radius: var(--r-sm);
    transition: transform .22s ease, filter .22s ease;
    cursor: pointer;
}
#footer.footer-cvetok .footer-cvetok__msgr:hover,
#footer.footer-cvetok .footer-cvetok__msgr:focus-visible {
    transform: translateY(-4px);
    filter: drop-shadow(0 2px 8px var(--c-accent-ring));
    outline: none;
}
#footer.footer-cvetok .footer-cvetok__msgr img {
    display: block;
    width: 28px;
    height: 28px;
    object-fit: contain;
    transition: opacity .22s ease;
}
#footer.footer-cvetok .footer-cvetok__msgr:hover img,
#footer.footer-cvetok .footer-cvetok__msgr:focus-visible img { opacity: .92; }
#footer.footer-cvetok .footer-cvetok__msgr:focus-visible {
    box-shadow: 0 0 0 2px var(--c-bg), 0 0 0 4px var(--c-accent-ring);
}

#footer.footer-cvetok .footer-cvetok__title {
    margin: 0 0 .85rem;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: var(--c-text);
}

/* Подвал: списки меню */
#footer.footer-cvetok :is(.footer-cvetok__col--menu, .footer-cvetok__col--catalog) .footer-cvetok__region :is(.nav, .menu) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}
#footer.footer-cvetok .footer-cvetok__col--catalog .footer-cvetok__region .nav { gap: 12px; }

#footer.footer-cvetok .footer-cvetok__col--menu .footer-cvetok__region :is(.nav, .menu) li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    margin: 0;
}
#footer.footer-cvetok .footer-cvetok__col--menu .footer-cvetok__region li > ul {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
    margin: 11px 0 0 !important;
    padding: 0 !important;
    list-style: none;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    border: 0;
    box-shadow: none;
    background: transparent !important;
    float: none !important;
    min-width: 0;
    z-index: auto;
}

#footer.footer-cvetok :is(.footer-cvetok__col--menu, .footer-cvetok__col--catalog) .footer-cvetok__region :is(.nav-link, .menu a, .dropdown-item, a) {
    padding: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--c-text);
    text-decoration: none;
    cursor: pointer;
}
#footer.footer-cvetok :is(.footer-cvetok__col--menu, .footer-cvetok__col--catalog) .footer-cvetok__region :is(.nav-link, .menu a, .dropdown-item, a):hover,
#footer.footer-cvetok :is(.footer-cvetok__col--menu, .footer-cvetok__col--catalog) .footer-cvetok__region :is(.nav-link, .menu a, .dropdown-item, a):focus-visible {
    color: var(--c-accent);
    background-color: transparent;
}

/* Маркер flat-footer-menu — гарантия столбца */
#footer.footer-cvetok .footer-cvetok__col--menu [data-flat-footer-menu] :is(ul.menu, ul.nav) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
#footer.footer-cvetok .footer-cvetok__col--menu [data-flat-footer-menu] :is(ul.menu, ul.nav) li {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
#footer.footer-cvetok .footer-cvetok__col--menu [data-flat-footer-menu] :is(ul.menu, ul.nav) li > ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 11px !important;
    margin: 11px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    list-style: none !important;
    position: static !important;
    transform: none !important;
    float: none !important;
}
#footer.footer-cvetok .footer-cvetok__col--menu [data-flat-footer-menu] .dropdown-toggle::after { display: none; }
#footer.footer-cvetok .footer-cvetok__col--menu [data-flat-footer-menu] .vesta-main-menu-split {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 11px !important;
    width: 100%;
}
#footer.footer-cvetok .footer-cvetok__col--menu [data-flat-footer-menu] .vesta-main-menu-split :is(.vesta-main-menu-split__left, .vesta-main-menu-split__right) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Подвал: дерево каталога */
#footer.footer-cvetok .footer-cvetok__col--catalog .footer-catalog-tree {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}
#footer.footer-cvetok .footer-cvetok__col--catalog .footer-catalog-tree__item {
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}
#footer.footer-cvetok .footer-cvetok__col--catalog .footer-catalog-tree__item--depth-1 { padding-inline-start: 12px; }
#footer.footer-cvetok .footer-cvetok__col--catalog .footer-catalog-tree__item--depth-2 { padding-inline-start: 24px; }
#footer.footer-cvetok .footer-cvetok__col--catalog .footer-catalog-tree__item--depth-3 { padding-inline-start: 36px; }
#footer.footer-cvetok .footer-cvetok__col--catalog :is(.footer-catalog-tree__item--depth-4, .footer-catalog-tree__item--depth-5) { padding-inline-start: 48px; }
#footer.footer-cvetok .footer-cvetok__col--catalog .footer-cvetok__region--extra { margin-bottom: 1rem; }

#footer.footer-cvetok .footer-cvetok__contact-row {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin-bottom: .65rem;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}
#footer.footer-cvetok .footer-cvetok__contact-icon {
    flex-shrink: 0;
    line-height: 0;
    padding-top: 1px;
}
#footer.footer-cvetok .footer-cvetok__contact-icon img {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: contain;
}
#footer.footer-cvetok .footer-cvetok__contact-link {
    color: var(--c-text);
    text-decoration: none;
    cursor: pointer;
}
#footer.footer-cvetok .footer-cvetok__contact-link:hover,
#footer.footer-cvetok .footer-cvetok__contact-link:focus-visible { color: var(--c-accent); }

#footer.footer-cvetok .footer-cvetok__cta { margin-top: 1.25rem; }

#footer.footer-cvetok :is(.footer-cvetok__copy, .footer-cvetok__policy, .footer-cvetok__vesta) {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: var(--c-text);
}
#footer.footer-cvetok .footer-cvetok__policy { text-decoration: underline; cursor: pointer; }
#footer.footer-cvetok .footer-cvetok__vesta {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}
#footer.footer-cvetok :is(.footer-cvetok__policy, .footer-cvetok__vesta):hover,
#footer.footer-cvetok :is(.footer-cvetok__policy, .footer-cvetok__vesta):focus-visible {
    color: var(--c-accent);
    text-decoration: none;
}
#footer.footer-cvetok .footer-cvetok__policy:hover,
#footer.footer-cvetok .footer-cvetok__policy:focus-visible { text-decoration: underline; }

/* ============================
   Главная: H1 + контейнер
   ============================ */
.front .wr_front_content > .container {
    max-width: min(100%, calc(1164px + var(--bs-gutter-x, 1.5rem)));
}
.front .wr_front_content h1.front-h1 {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-family: var(--ff-base);
    font-weight: 500;
    font-size: clamp(28px, 5.2vw, 64px);
    line-height: clamp(36px, 6.8vw, 83px);
    text-align: center;
    color: var(--c-text);
}

.wrapper_gradient { background: var(--c-bg); }

.section-benefits { background: var(--c-bg); color: var(--c-text); }
.section-benefits__inner,
.section-catalog__inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1178px;
    margin-left: auto;
    margin-right: auto;
}
.section-benefits__inner { padding: 0; }
.page.front .section-benefits__inner { padding-bottom: 0; }
.section-benefits__inner .block { margin-bottom: 0; }

.section-catalog__inner {
    padding-top: clamp(16px, 2.5vw, 36px);
    padding-bottom: clamp(20px, 3vw, 40px);
}
.section-catalog__inner .block + .block { margin-top: 90px; }
.page.front .wr_front_content + .section-catalog .section-catalog__inner { padding-top: 90px; }

/* Преимущества */
.section-benefits :is(.field--type-entity-reference-revisions > .field__items, .field.field--type-entity-reference-revisions.field__items) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: clamp(16px, 2.5vw, 32px) clamp(12px, 2vw, 24px);
    margin: 0;
    padding: 0;
    list-style: none;
}
.section-benefits :is(.field--type-entity-reference-revisions > .field__items, .field.field--type-entity-reference-revisions.field__items) > .field__item {
    flex: 1 1 0;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.section-benefits .paragraph {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    height: 100%;
    min-height: 125px;
    gap: 6px;
    font-family: var(--ff-base);
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
    color: var(--c-text);
}
.section-benefits .paragraph .field { margin: 0; max-width: 100%; }
.section-benefits .paragraph .field p { margin: 0; }

.section-benefits .paragraph :is(.field--type-image, .field--name-field-icon, .field--type-entity-reference.media--image, .field--name-field-media) {
    flex-shrink: 0;
}
.section-benefits .paragraph :is(.field--type-image img, .field--type-image picture img, .media--image img, .field--type-entity-reference .field__item img) {
    display: block;
    width: 73px;
    height: 73px;
    max-width: 73px;
    object-fit: contain;
}
.section-benefits .paragraph .field--type-image a { display: inline-flex; cursor: pointer; }
.section-benefits .paragraph :is(.field--type-string, .field--type-string-long, .field--type-text-long, .field--type-text-with-summary, .field--type-list-string) {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow-wrap: anywhere;
    word-break: normal;
    hyphens: manual;
    font: inherit;
    color: inherit;
    text-align: center;
}
.section-benefits .paragraph :is(.field--type-string, .field--type-string-long, .field--type-text-long, .field--type-text-with-summary, .field--type-list-string) * {
    font: inherit;
    color: inherit;
    text-align: center;
}

/* ============================
   Главная: О компании
   ============================ */
.wrapper_about {
    box-sizing: border-box;
    width: 100%;
    background: var(--c-bg-cream);
    color: var(--c-text);
    padding: clamp(48px, 6vw, 69px) 16px clamp(56px, 7vw, 80px);
}
.wrapper_about .container {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--content-max);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.wrapper_about .container > * { width: 100%; max-width: var(--content-max); }
.wrapper_about .block { margin: 0; }

.wrapper_about .field--name-body .about-two-cols {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, min(640px, 58%));
    column-gap: clamp(24px, 4vw, 48px);
    align-items: start;
}
.wrapper_about .field--name-body .about-two-cols__right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
    max-width: 100%;
}

.wrapper_about :is(.block h2, h2, .field--name-title) {
    margin: 0 auto 26px;
    max-width: 917px;
    width: 100%;
    font-family: var(--ff-base);
    font-weight: 500;
    font-size: clamp(22px, 4.2vw, 40px);
    line-height: clamp(31px, 5.2vw, 52px);
    text-align: center;
    color: var(--c-text);
}
.wrapper_about :is(p, .field--type-text-long, .field--type-text-with-summary, .field--name-body) {
    font-family: var(--ff-base);
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: var(--c-text);
}
.wrapper_about :is(.field--name-body, .field--type-text-long, .field--type-text-with-summary) {
    width: 100%;
    max-width: var(--content-max);
    margin: 0 auto;
    text-align: left;
    overflow-wrap: anywhere;
    word-break: normal;
}
.wrapper_about :is(.field--name-body, .field--type-text-long, .field--type-text-with-summary) :is(strong, b) {
    font-weight: 400;
}
.wrapper_about .field--name-body p { margin: 0 0 .75em; }
.wrapper_about .field--name-body p:last-child { margin-bottom: 0; }

.wrapper_about :is(.field--name-body, .field--type-text-long, .field--type-text-with-summary) a:not(:is(.btn, .btn-primary, .btn-cvetok-cta, .button, .button--primary, .more-link a)) {
    color: var(--c-text);
    text-decoration: underline;
    cursor: pointer;
    transition: color var(--tr);
}
.wrapper_about :is(.field--name-body, .field--type-text-long, .field--type-text-with-summary) a:not(:is(.btn, .btn-primary, .btn-cvetok-cta, .button, .button--primary, .more-link a)):hover,
.wrapper_about :is(.field--name-body, .field--type-text-long, .field--type-text-with-summary) a:not(:is(.btn, .btn-primary, .btn-cvetok-cta, .button, .button--primary, .more-link a)):focus-visible {
    color: var(--c-accent);
    text-decoration: underline;
}

.wrapper_about :is(a.button, a.button--primary, a.btn, a.btn-primary, a.btn-cvetok-cta, .more-link a) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 149px;
    min-height: var(--btn-h);
    margin-top: 52px;
    padding: 12px 28px;
    font-family: var(--ff-base);
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    color: var(--c-bg);
    background: var(--c-accent);
    border: none;
    border-radius: var(--r-md);
    cursor: pointer;
    transition: background var(--tr), color var(--tr);
}
.wrapper_about :is(a.button, a.button--primary, a.btn, a.btn-primary, a.btn-cvetok-cta, .more-link a):hover,
.wrapper_about :is(a.button, a.button--primary, a.btn, a.btn-primary, a.btn-cvetok-cta, .more-link a):focus-visible {
    color: var(--c-bg);
    background: var(--c-accent-hover);
    text-decoration: none;
}

/* ============================
   Главная: обратная связь
   ============================ */
.wrapper_feedback.front-feedback {
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px 90px;
}
.page.front .front-feedback .container.front-feedback__container {
    box-sizing: border-box;
    width: min(100%, var(--content-max));
    max-width: var(--content-max);
    margin: 0 auto;
    padding: clamp(24px, 5vw, 48px) clamp(24px, 4vw, 48px) clamp(24px, 5vw, 48px) 0;
    background: linear-gradient(220.41deg, #f4eedd 22.99%, #9e2747 174.01%);
    border-radius: var(--r-lg);
    overflow: visible;
    --bs-gutter-x: 0;
}
.page.front .front-feedback__inner {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr);
    align-items: start;
    column-gap: 48px;
    width: 100%;
    padding: 0;
}
.page.front .front-feedback__visual {
    grid-column: 1;
    justify-self: start;
    align-self: start;
    width: fit-content;
    max-width: min(85vw, 340px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.page.front .front-feedback__visual-img {
    display: block;
    width: auto;
    max-width: min(420px, 85vw);
    height: auto;
    max-height: min(460px, 70vh);
    object-fit: contain;
    object-position: left top;
    transform: translateY(-14px);
}
.page.front .front-feedback__region {
    grid-column: 2;
    justify-self: start;
    align-self: start;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.front-feedback .block {
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.front-feedback :is(.block > h2, .region-feedback .block > h2, .region-feedback > h2) {
    margin: 0 0 7px;
    width: 100%;
    box-sizing: border-box;
    font-family: var(--ff-base);
    font-weight: 700;
    font-size: clamp(24px, 2.2vw + 14px, 40px);
    line-height: 1.25;
    text-align: left;
    color: var(--c-text);
}
.front-feedback .block :is(.field--name-body, .field--type-text-long) {
    margin: 0 0 18px;
    max-width: min(500px, 100%);
    width: 100%;
    font-family: var(--ff-base);
    font-size: 16px;
    line-height: 21px;
    color: var(--c-text);
    text-align: left;
}
.front-feedback :is(.form-type-webform-markup, .webform-element--description, .form-item--markup) {
    margin: 0 0 18px;
    width: 100%;
    font-family: var(--ff-base);
    font-size: 16px;
    line-height: 21px;
    color: var(--c-text);
    text-align: left;
}
.front-feedback .block .field--name-body p { margin: 0 0 .65em; }
.front-feedback .block .field--name-body p:last-child { margin-bottom: 0; }

.front-feedback .webform-submission-form,
.front-feedback .region-feedback form {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--form-max);
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
}
.front-feedback .js-form-item { margin-bottom: 0; }

.front-feedback .form-item:not(.form-type-checkbox) label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.front-feedback :is(input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input.form-text, input.form-email, input.form-tel, select) {
    box-sizing: border-box;
    width: var(--form-max);
    max-width: 100%;
    height: var(--btn-h);
    min-height: var(--btn-h);
    padding: 10px 16px;
    font-family: var(--ff-base);
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: var(--c-text);
    background: var(--c-bg);
    border: 1px solid var(--c-accent);
    border-radius: var(--r-md);
}
.front-feedback textarea {
    box-sizing: border-box;
    width: var(--form-max);
    max-width: 100%;
    min-height: 120px;
    padding: 14px 18px;
    font-family: var(--ff-base);
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: var(--c-text);
    background: var(--c-bg);
    border: 1px solid var(--c-accent);
    border-radius: var(--r-md);
    resize: vertical;
}
.front-feedback :is(input, textarea)::placeholder { color: var(--c-placeholder); }
.front-feedback :is(input, textarea, select):focus {
    outline: none;
    border-color: var(--c-accent-hover);
    box-shadow: var(--shadow-focus);
}
.front-feedback .form-item--error :is(input, textarea, select) {
    border-color: var(--c-accent);
    box-shadow: 0 0 0 1px rgba(200, 0, 0, .25);
}

.front-feedback :is(.form-item--error .form-item--error-message, .form-item--error-message, .form-item--error strong.form-item--error-message, strong.yh-error.error.form-item--error-message, strong.yh-error, .form-item.form-item--error div.error) {
    display: block;
    margin: 8px 0 0;
    padding: 0;
    font-family: var(--ff-base);
    font-size: 12px !important;
    line-height: 1.33;
    font-weight: 400 !important;
    color: var(--c-error) !important;
}
.front-feedback .form-item--error .form-item--error-message strong {
    font-weight: 400 !important;
    font-size: inherit !important;
    color: inherit !important;
}

/* Чекбокс */
.front-feedback .form-type-checkbox {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    column-gap: 12px;
    row-gap: 10px;
    align-items: start;
    width: 100%;
    max-width: var(--form-max);
    text-align: left;
}
.front-feedback .form-type-checkbox input[type="checkbox"] {
    box-sizing: border-box;
    grid-column: 1;
    grid-row: 1;
    width: 26px;
    height: 27px;
    min-width: 26px;
    min-height: 27px;
    margin: 0;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    border-radius: var(--r-md);
    background-color: var(--c-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 11px;
    cursor: pointer;
}
.front-feedback .form-type-checkbox input[type="checkbox"]:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11' fill='none'%3E%3Cpath d='M1 5.5L4.5 9L13 1' stroke='%239E2747' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.front-feedback .form-type-checkbox input[type="checkbox"]:focus-visible {
    outline: 2px solid var(--c-accent-hover);
    outline-offset: 2px;
}
.front-feedback .form-type-checkbox :is(label, .option) {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    margin: 0;
    font-family: var(--ff-base);
    font-size: 14px;
    line-height: 18px;
    color: var(--c-text);
    cursor: pointer;
    text-align: left;
}
.front-feedback .form-type-checkbox a {
    color: var(--c-accent);
    text-decoration: underline;
    cursor: pointer;
}
.front-feedback .form-type-checkbox a:hover,
.front-feedback .form-type-checkbox a:focus-visible { color: var(--c-accent-hover); }

.front-feedback .form-item.form-type-checkbox :is(.form-item--error-message, strong.form-item--error-message, strong.yh-error, strong.yh-error.error.form-item--error-message),
.front-feedback .form-item.form-type-checkbox.form-item--error div.error {
    display: block;
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    margin: 0;
}

/* Кнопка submit */
.front-feedback .form-actions {
    margin: 16px 0 12px;
    padding: 0;
    width: 100%;
    max-width: var(--form-max);
    display: flex;
    justify-content: flex-start;
}
.front-feedback .form-actions :is(.form-submit, input[type="submit"], button[type="submit"], .btn, .btn-primary),
.front-feedback .webform-button--submit {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--form-max);
    min-height: var(--btn-h);
    padding: 10px 20px;
    font-family: var(--ff-base);
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: var(--c-bg) !important;
    background: var(--c-accent) !important;
    border: none !important;
    border-radius: var(--r-md);
    cursor: pointer;
    transition: background var(--tr), color var(--tr);
}
.front-feedback .form-actions :is(.form-submit, input[type="submit"], button[type="submit"], .btn):hover,
.front-feedback .form-actions :is(.form-submit, input[type="submit"], button[type="submit"], .btn):focus-visible,
.front-feedback .webform-button--submit:hover,
.front-feedback .webform-button--submit:focus-visible {
    color: var(--c-bg) !important;
    background: var(--c-accent-hover) !important;
}
.front-feedback .messages {
    max-width: var(--form-max);
    width: 100%;
    margin: 0;
    text-align: left;
}

@media (min-width: 768px) {
    .page.front .front-feedback .container.front-feedback__container {
        padding: 42px 48px 42px 0;
        min-height: 500px;
    }
    .page.front .front-feedback__inner { align-items: stretch; column-gap: 56px; }
    .page.front .front-feedback__visual {
        max-width: 440px;
        margin-top: 0;
        justify-content: flex-start;
        padding-top: 0;
        overflow: visible;
    }
    .page.front .front-feedback__visual-img {
        max-width: 440px;
        max-height: min(420px, 52vh);
        transform: translateY(-10px);
    }
    .page.front .front-feedback__region { align-self: stretch; justify-content: flex-start; }
    .front-feedback .container.front-feedback__container :is(.front-feedback__region, .region-feedback) .block {
        align-self: stretch;
        flex: 0 1 auto;
        height: auto;
    }
    .front-feedback .container.front-feedback__container .webform-submission-form,
    .front-feedback .container.front-feedback__container .region-feedback form {
        flex: 0 1 auto;
        transform: translateY(-10px);
    }
}
@media (min-width: 992px) {
    .front-feedback :is(.block > h2, .region-feedback .block > h2, .region-feedback > h2) { white-space: nowrap; }
}

/* ============================
   Контакты + карта
   ============================ */
.contacts-front__region {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 clamp(20px, 3vw, 28px);
    text-align: center;
}
.contacts-front__region .block { margin: 0; }
.contacts-front__region :is(h2, .block-title) {
    margin: 0 0 .5rem;
    font-family: var(--ff-base);
    font-weight: 500;
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.3;
    color: var(--c-text);
}
.contacts-front__region :is(h2, .block-title):last-child { margin-bottom: 0; }

.contacts-front__region :is(.field--type-text-long, .field--type-text-with-summary, .field--name-body) {
    margin: .35rem auto 0;
    max-width: 72ch;
    text-align: center;
    font-family: var(--ff-base);
    font-size: 16px;
    line-height: 1.4;
    color: var(--c-text);
}

.page.front .contacts-front,
body.vesta-contacts-strip .contacts-front {
    box-sizing: border-box;
    width: 100%;
    padding: clamp(24px, 4vw, 56px) 16px 86px;
}
.page.front .contacts-front .container.contacts-front__container,
body.vesta-contacts-strip .contacts-front .container.contacts-front__container {
    box-sizing: border-box;
    width: min(100%, var(--content-max));
    max-width: var(--content-max);
    margin: 0 auto;
    padding-left: 0;
}

.contacts-front .contacts-map-panel {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    min-height: 336px;
    padding: 40px 42% 36px 40px;
    overflow: hidden;
    background: var(--c-bg-cream);
    border-radius: var(--r-lg);
}
.contacts-front .contacts-map-panel::after {
    content: "";
    position: absolute;
    z-index: 0;
    right: -8%;
    bottom: -4%;
    width: 58%;
    height: 108%;
    background: url("../image/v kont.png") no-repeat right bottom;
    background-size: contain;
    pointer-events: none;
}
.contacts-front .contacts-map-panel__content {
    position: relative;
    z-index: 1;
    max-width: 100%;
}
.contacts-front .contacts-map-panel__field { margin: 0 0 22px; }
.contacts-front .contacts-map-panel__field:last-child { margin-bottom: 0; }

.contacts-front .contacts-map-panel .contact-item__label {
    display: block;
    margin: 0 0 10px;
    font-family: var(--ff-base);
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: var(--c-text);
}
.contacts-front .contacts-map-panel .contact-item {
    margin: 0;
    width: 100%;
    font-family: var(--ff-base);
    font-size: 16px;
    line-height: 21px;
    color: var(--c-text);
    overflow-wrap: break-word;
    word-break: normal;
}
.contacts-front .contacts-map-panel .contact-item svg.icon { display: none; }
.contacts-front .contacts-map-panel .contact-item a {
    color: var(--c-text);
    text-decoration: none;
    cursor: pointer;
}
.contacts-front .contacts-map-panel .contact-item a:hover,
.contacts-front .contacts-map-panel .contact-item a:focus-visible {
    color: var(--c-accent);
    text-decoration: underline;
}

.contacts-front .contacts-map-frame {
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: visible;
    background: transparent;
}
.contacts-front .contacts-map-frame:has(h2) { gap: clamp(10px, 1.5vw, 18px); padding: 0; }
.contacts-front .contacts-map-frame :is(h2, .block-title) {
    margin: 0;
    width: 100%;
    max-width: var(--map-w);
    text-align: center;
    font-family: var(--ff-base);
    font-weight: 500;
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.3;
    color: var(--c-text);
}
.contacts-front .contacts-map-frame .region {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.5vw, 18px);
    align-items: center;
    width: 100%;
}
.contacts-front .contacts-map-frame .block:has(.mapContainer) {
    display: flex;
    flex-direction: column;
    width: min(100%, var(--map-w));
    margin-inline: auto;
}
.contacts-front .contacts-map-frame .region > .block:not(:has(.mapContainer)) {
    width: 100%;
    max-width: var(--map-w);
    margin-inline: auto;
    text-align: center;
}
.contacts-front .contacts-map-frame .mapContainer {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: var(--map-w);
    margin-inline: auto;
    min-height: 240px;
    border-radius: var(--r-lg);
    overflow: hidden;
}
.contacts-front .contacts-map-frame > iframe {
    max-width: var(--map-w);
    margin-inline: auto;
    border-radius: var(--r-lg);
    overflow: hidden;
}
.contacts-front .contacts-map-frame iframe {
    display: block;
    width: 100%;
    min-height: 240px;
    border: 0;
}

@media (min-width: 992px) {
    .contacts-front .contacts-front__grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) var(--map-w);
        column-gap: var(--bs-gutter-x, 1.5rem);
        align-items: center;
        width: 100%;
    }
    .contacts-front .contacts-front__grid > :is(.contacts-front__contacts-col, .contacts-front__map-col) {
        min-width: 0;
        max-width: none;
        width: auto;
        padding-inline: 0;
        justify-self: stretch;
    }
    .contacts-front .contacts-map-frame :is(.block:has(.mapContainer), .mapContainer),
    .contacts-front .contacts-map-frame > iframe {
        margin-left: auto;
        margin-right: 0;
    }
    .contacts-front .contacts-map-frame .mapContainer {
        width: var(--map-w) !important;
        height: 514px !important;
        min-height: 514px !important;
    }
    .contacts-front .contacts-map-frame .mapContainer > iframe {
        width: 100% !important;
        height: 100% !important;
    }
    .contacts-front .contacts-map-frame > iframe {
        width: min(100%, var(--map-w)) !important;
        height: 514px !important;
        min-height: 514px !important;
    }
    .page.front .contacts-front .contacts-map-panel,
    body.vesta-contacts-strip .contacts-front .contacts-map-panel {
        height: 336px;
        max-height: 336px;
        padding: 40px clamp(88px, 22%, 128px) 36px 40px;
    }
}

@media (max-width: 991px) {
    .contacts-front .contacts-front__grid {
        width: 100%;
    }
    .contacts-front .contacts-front__grid > :is(.contacts-front__contacts-col, .contacts-front__map-col) {
        box-sizing: border-box;
        width: min(100%, var(--map-w));
        max-width: var(--map-w);
        margin-inline: auto;
    }
    .contacts-front .contacts-front__grid > .contacts-front__contacts-col { margin-bottom: 16px; }
    .contacts-front .contacts-map-panel {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        margin-inline: 0;
        padding: clamp(22px, 4vw, 36px) clamp(72px, 20vw, 120px) clamp(22px, 4vw, 36px) clamp(20px, 4vw, 32px);
    }
    .contacts-front .contacts-map-panel__content {
        width: 100%;
        max-width: 100%;
    }
    .contacts-front .contacts-map-panel::after { right: -8%; width: 46%; height: 100%; }
    .contacts-front .contacts-map-frame,
    .contacts-front .contacts-map-frame .region,
    .contacts-front .contacts-map-frame :is(.block:has(.mapContainer), .mapContainer) {
        width: 100% !important;
        max-width: 100%;
        margin-inline: 0;
    }
    .contacts-front .contacts-map-frame .mapContainer {
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 637 / 514;
    }
    .contacts-front .contacts-map-frame :is(.mapContainer > iframe, > iframe) {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
    }
}

@media (max-width: 767px) {
    .page.front .contacts-front .container.contacts-front__container,
    body.vesta-contacts-strip .contacts-front .container.contacts-front__container {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* ============================
   Каталог: общие карточки (term teaser)
   ============================ */
:is(.view-catalog, .view-katalog):not(.catalog-description) .view-content {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr));
    row-gap: 1.25rem;
    column-gap: 30px;
    align-items: stretch;
}
.view-catalog:not(.catalog-description) .views-row { display: flex; min-width: 0; }
.view-catalog:not(.catalog-description) .views-row > .taxonomy-term.vocabulary-catalog {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    min-height: 100%;
}
.view-catalog:not(.catalog-description) .taxonomy-term.vocabulary-catalog .content {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.view-catalog:not(.catalog-description) .taxonomy-term.vocabulary-catalog .field--name-field-catalog-image { flex: 0 0 auto; }
.view-catalog:not(.catalog-description) .taxonomy-term.vocabulary-catalog .field--name-field-catalog-image img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

:is(.view-catalog, .view-katalog):not(.catalog-description) .taxonomy-term .field--name-field-catalog-image {
    margin-block: 0 16px;
}
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .taxonomy-term .field--name-field-catalog-image {
    margin-block-end: var(--catalog-img-text-gap);
}

:is(.view-catalog, .view-katalog):not(.catalog-description) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .taxonomy-term.vocabulary-catalog h2) {
    margin-block-start: 0;
}
:is(.view-catalog, .view-katalog):not(.catalog-description) .field--name-taxonomy-term-title h2 { margin: 0; }

.section-catalog .view:not(.catalog-description) .views-row :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title) {
    font-family: var(--ff-base);
    font-weight: 500;
    line-height: 1.25;
    color: var(--c-text);
}
.catalog-card :is(.catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title) h2 {
    margin: 0;
    font: inherit;
}

:is(.page-catalog-landing, .page-catalog-products, .page.front .section-catalog) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name) a,
:is(.page-catalog-landing, .page-catalog-products, .page.front .section-catalog) .catalog-card :is(.catalog-card__title, .field--name-taxonomy-term-title, .field--name-name, .views-field-taxonomy-term-title, .views-field-name) a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
:is(.page-catalog-landing, .page-catalog-products, .page.front .section-catalog) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name) a:hover,
:is(.page-catalog-landing, .page-catalog-products, .page.front .section-catalog) .catalog-card :is(.catalog-card__title, .field--name-taxonomy-term-title, .field--name-name, .views-field-taxonomy-term-title, .views-field-name) a:hover {
    text-decoration: underline;
    color: var(--c-accent);
}

/* ============================
   Каталог: главная секции (potted/bouquets/outdoor/gifts)
   ============================ */
:is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) {
    --card-img-radius: var(--r-lg);
    --card-img-bg: var(--c-bg-soft);
    --card-img-w: 270px;
}

.section-catalog__inner .view:not(.catalog-description) .view-content {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

:is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    height: 100%;
    min-height: 0;
    min-width: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    gap: 0;
}

:is(.page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
    margin-bottom: var(--catalog-img-text-gap);
}
:is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
    width: 100%;
    max-width: 100%;
    margin: 0 0 12px;
    border-radius: var(--card-img-radius);
    overflow: hidden;
    background: var(--card-img-bg);
    box-sizing: border-box;
    flex: 0 0 auto;
    aspect-ratio: 1 / 1;
}

:is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Каталог: внешняя ссылка раздела */
.page-catalog-external .catalog-external-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(16px, 3vw, 24px);
    margin: clamp(16px, 3vw, 28px) 0 clamp(24px, 4vw, 40px);
    text-align: left;
    max-width: 320px;
}
.page-catalog-external .catalog-external-cta__image {
    width: 100%;
    border-radius: var(--card-img-radius, 20px);
    overflow: hidden;
    background: var(--card-img-bg, #f5f5f5);
}
.page-catalog-external .catalog-external-cta__image :is(img, .media__element) {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.page-catalog-external .catalog-external-cta__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    vertical-align: middle;
}
.page-catalog-external :is(.view-id-tovary, .catalog-products-view) .view-header,
.page-catalog-external :is(.view-id-tovary, .catalog-products-view) > h2,
.page-catalog-external .field--name-field-vneshnyaya-ssylka {
    display: none;
}

/* Каталог: hover-zoom только /catalog */
body.page-catalog-landing :is(.field--name-field-catalog-image, .views-field-field-catalog-image) :is(img, .media__element),
body.page-catalog-landing :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) :is(img, .media__element),
body.page-catalog-landing .section-catalog--landing :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) :is(img, .media__element),
.page.front .section-catalog:not(.section-catalog--landing) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) :is(img, .media__element),
:is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) :is(img, .media__element) {
    transition: transform var(--tr-zoom);
    transform: translate3d(0, 0, 0) scale(1);
    transform-origin: center;
    backface-visibility: hidden;
}
body.page-catalog-landing :is(.field--name-field-catalog-image, .views-field-field-catalog-image):is(:hover, :focus-within) :is(img, .media__element),
body.page-catalog-landing :is(.field--name-field-catalog-image, .views-field-field-catalog-image) a:is(:hover, :focus-visible) :is(img, .media__element),
body.page-catalog-landing :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image):is(:hover, :focus-within) :is(img, .media__element),
body.page-catalog-landing :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) a:is(:hover, :focus-visible) :is(img, .media__element),
body.page-catalog-landing .section-catalog--landing :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image):is(:hover, :focus-within) :is(img, .media__element),
body.page-catalog-landing .section-catalog--landing :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) a:is(:hover, :focus-visible) :is(img, .media__element),
.page.front .section-catalog:not(.section-catalog--landing) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image):is(:hover, :focus-within) :is(img, .media__element),
:is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image):is(:hover, :focus-within) :is(img, .media__element),
:is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) a:is(:hover, :focus-visible) :is(img, .media__element) {
    transform: translate3d(0, 0, 0) scale(var(--zoom-scale));
}
@media (prefers-reduced-motion: reduce) {
    body.page-catalog-landing :is(.field--name-field-catalog-image, .views-field-field-catalog-image) :is(img, .media__element),
    body.page-catalog-landing .section-catalog--landing :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) :is(img, .media__element),
    .page.front .section-catalog:not(.section-catalog--landing) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) :is(img, .media__element),
    :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) :is(img, .media__element) {
        transition: none;
    }
    body.page-catalog-landing :is(.field--name-field-catalog-image, .views-field-field-catalog-image):is(:hover, :focus-within) :is(img, .media__element),
    body.page-catalog-landing :is(.field--name-field-catalog-image, .views-field-field-catalog-image) a:is(:hover, :focus-visible) :is(img, .media__element),
    body.page-catalog-landing .section-catalog--landing :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image):is(:hover, :focus-within) :is(img, .media__element),
    .page.front .section-catalog:not(.section-catalog--landing) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image):is(:hover, :focus-within) :is(img, .media__element),
    :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image):is(:hover, :focus-within) :is(img, .media__element) {
        transform: none;
    }
}

/* Подпись ячейки */
:is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name) {
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    margin-block: 0;
}
:is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title) {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    margin: 0;
    font-family: var(--ff-base);
    font-weight: 500;
    line-height: 1.25;
    color: var(--c-text);
    text-align: center;
}

/* Заголовок секции */
:is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) :is(.block-title, .view .view-header h2) {
    margin: 0 0 30px;
    font-family: var(--ff-base);
    font-weight: 500;
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.3;
    text-align: center;
    color: var(--c-text);
    width: 100%;
}

/* Кнопка «Подробнее» */
:is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view .view-footer {
    margin-top: 60px;
    text-align: center;
}
:is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view .view-footer :is(a.catalog-more, .more-link a) {
    display: inline-block;
    box-sizing: border-box;
    min-width: 175px;
    padding: 12px 24px;
    font-family: var(--ff-base);
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    color: var(--c-bg);
    background: var(--c-accent);
    border-radius: var(--r-md);
    cursor: pointer;
}
:is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view .view-footer :is(a.catalog-more, .more-link a):hover {
    filter: brightness(1.05);
    color: var(--c-bg);
}

/* Раскладка «Горшечные» — 2×2 + 1 высокая */
.section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .view-content {
    display: grid;
    grid-template-columns: 270px 270px minmax(0, 1fr);
    grid-template-rows: auto auto;
    row-gap: 43px;
    column-gap: 30px;
    align-items: stretch;
    justify-content: start;
}
.section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(1) { grid-area: 1 / 1; }
.section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(2) { grid-area: 1 / 2; }
.section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(3) { grid-area: 2 / 1; }
.section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(4) { grid-area: 2 / 2; }
.section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(5) {
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: start;
}
.section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(-n + 4) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
    width: min(270px, 100%);
    max-width: 270px;
}
.section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(5) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
    align-self: center;
    width: min(var(--gifts-img-w), 100%);
    max-width: var(--gifts-img-w);
    margin-block: 0 16px;
    background: transparent;
    aspect-ratio: auto;
    display: block;
    height: fit-content;
}
.section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(5) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

@media (min-width: 992px) {
    .section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(5) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
        height: 630px;
        min-height: 630px;
        max-height: 630px;
    }
    .section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(5) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) img {
        height: 630px;
        max-height: 630px;
        object-fit: cover;
        object-position: center;
    }
}
@media (max-width: 991px) {
    .section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .view-content {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        grid-template-rows: none;
    }
    .section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row {
        grid-area: auto !important;
        grid-column: auto !important;
        grid-row: auto !important;
        align-self: stretch;
    }
    .section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(-n + 4) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
        width: 100%;
        max-width: 100%;
    }
    .section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image),
    .section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(5) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
        width: 100%;
        max-width: 100%;
        aspect-ratio: 1 / 1;
        height: auto;
        max-height: none;
        margin-block: 0;
        background: var(--c-bg-soft);
        display: block;
        align-self: stretch;
        overflow: hidden;
    }
    .section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(5) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) img {
        width: 100%;
        height: 100%;
        max-height: none;
        object-fit: cover;
        object-position: center;
    }
}

/* Раскладка «Букеты» / «Уличные» — 4 в ряд */
:is(.block--catalog-home-bouquets, .block--catalog-home-outdoor) .view:not(.catalog-description) .view-content {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: auto;
    row-gap: clamp(24px, 3vw, 38px);
    column-gap: 30px;
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
    min-width: 0;
}

@media (max-width: 991px) {
    :is(.block--catalog-home-bouquets, .block--catalog-home-outdoor) .view:not(.catalog-description) .view-content {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
    }
}

@media (max-width: 575px) {
    :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor) .view:not(.catalog-description) .view-content {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        justify-content: stretch;
    }
}

@media (max-width: 991px) {
    :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .view-content {
        gap: clamp(24px, 3vw, 38px) clamp(12px, 2vw, 24px);
        row-gap: clamp(24px, 3vw, 38px);
        column-gap: clamp(12px, 2vw, 24px);
        justify-content: stretch;
    }
}

/* Раскладка «Подарки» — 2 широкие 2:1 */
.block--catalog-home-gifts .view:not(.catalog-description) .view-content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: clamp(24px, 3vw, 38px);
    column-gap: 30px;
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
    min-width: 0;
}
.block--catalog-home-gifts .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 570 / 270;
}

/* Подарки: 2 в ряд, <575 — 1 */
:is(.block--catalog-home-gifts, .page-catalog-landing .section-catalog--landing .block--catalog-home-gifts, .page-catalog-products .block--catalog-home-gifts) .view:not(.catalog-description) .view-content,
.page-catalog-landing .section-catalog--landing .block--catalog-home-gifts :is(.view:not(.catalog-description), .view-id-catalog) .view-content,
.page-catalog-products .view.block--catalog-home-gifts:not(.catalog-description) > .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
@media (max-width: 575px) {
    :is(.block--catalog-home-gifts, .page-catalog-landing .section-catalog--landing .block--catalog-home-gifts, .page-catalog-products .block--catalog-home-gifts) .view:not(.catalog-description) .view-content,
    .page-catalog-landing .section-catalog--landing .block--catalog-home-gifts :is(.view:not(.catalog-description), .view-id-catalog) .view-content,
    .page-catalog-products .view.block--catalog-home-gifts:not(.catalog-description) > .view-content {
        grid-template-columns: 1fr !important;
    }
}
.page-catalog-products .block--catalog-home-gifts :is(.view-catalog, .view-id-catalog):not(.catalog-description) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-field-catalog-image, .views-field-field-catalog-image),
.page-catalog-products .view.block--catalog-home-gifts:not(.catalog-description) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
    aspect-ratio: 570 / 270;
}

/* Подписи каталога: главная + /catalog + /catalog/* */
@media (min-width: 1200px) {
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .view:not(.catalog-description) .views-row :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .view:not(.catalog-description) .views-row :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .view-content > .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .view-content > .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .catalog-card :is(.catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name) :is(a, h2),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .views-row :is(.field--name-title, .product-card__title),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .views-row :is(.field--name-title, .product-card__title) :is(a, h2, h3),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .product-card__title,
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .product-card__title :is(a, h2, h3) {
        font-size: 24px;
        line-height: 1.25;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .view:not(.catalog-description) .views-row :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .view:not(.catalog-description) .views-row :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .view-content > .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .view-content > .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .catalog-card :is(.catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name) :is(a, h2),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .views-row :is(.field--name-title, .product-card__title),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .views-row :is(.field--name-title, .product-card__title) :is(a, h2, h3),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .product-card__title,
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .product-card__title :is(a, h2, h3) {
        font-size: 22px;
        line-height: 1.25;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .view:not(.catalog-description) .views-row :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .view:not(.catalog-description) .views-row :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .view-content > .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .view-content > .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .catalog-card :is(.catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name) :is(a, h2),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .views-row :is(.field--name-title, .product-card__title),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .views-row :is(.field--name-title, .product-card__title) :is(a, h2, h3),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .product-card__title,
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .product-card__title :is(a, h2, h3) {
        font-size: 20px;
        line-height: 1.25;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .view:not(.catalog-description) .views-row :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .view:not(.catalog-description) .views-row :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .view-content > .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .view-content > .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .catalog-card :is(.catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name) :is(a, h2),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .views-row :is(.field--name-title, .product-card__title),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .views-row :is(.field--name-title, .product-card__title) :is(a, h2, h3),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .product-card__title,
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .product-card__title :is(a, h2, h3) {
        font-size: 18px;
        line-height: 1.25;
    }
}
@media (max-width: 575px) {
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .view:not(.catalog-description) .views-row :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .view:not(.catalog-description) .views-row :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .view-content > .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .view-content > .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) :is(a, h2),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) .catalog-card :is(.catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name) :is(a, h2),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .views-row :is(.field--name-title, .product-card__title),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .views-row :is(.field--name-title, .product-card__title) :is(a, h2, h3),
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .product-card__title,
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-id-tovary, .catalog-products-view) .product-card__title :is(a, h2, h3) {
        font-size: 16px;
        line-height: 1.25;
    }
}

/* Подписи карточек: /catalog и вложенные */
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .view-content > .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title),
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .taxonomy-term.vocabulary-catalog :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) {
    margin-block: 0;
    font-family: var(--ff-base);
    font-weight: 500;
    line-height: 1.25;
    color: var(--c-text);
}
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .view-content > .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) :is(a, h2) {
    margin: 0;
    font: inherit;
}

/* Каталог: отступы заголовков и сетки */
:is(.page-catalog-landing, .page-catalog-products) {
    --catalog-title-gap: clamp(28px, 3.5vw, 40px);
    --catalog-grid-row-gap: clamp(24px, 3vw, 38px);
    --catalog-grid-col-gap: 30px;
}
:is(.page-catalog-landing, .page-catalog-products) .wr_content .container :is(h1, .h1) {
    margin-top: 0;
    margin-bottom: var(--catalog-title-gap);
}
:is(.page-catalog-landing, .page-catalog-products) .wr_content .container :is(#block-vesta-theme-page-title, .block-page-title-block) {
    margin-bottom: 0;
}
:is(.page-catalog-landing, .page-catalog-products) .block--catalog-page-section .block-title,
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog) .view-header h2 {
    margin: 0 0 var(--catalog-title-gap);
}
:is(.page-catalog-landing, .page-catalog-products) .wr_content .container > :is([class*="block-views-blockcatalog"], [class*="block-views-blocktovary"], .block-system-main-block) {
    margin-top: var(--catalog-title-gap);
}
:is(.page-catalog-landing, .page-catalog-products) .wr_content .container > :is(#block-vesta-theme-page-title, .block-page-title-block) + :is([class*="block-views-blockcatalog"], [class*="block-views-blocktovary"], .block-system-main-block, .view) {
    margin-top: 0;
}
.page-catalog-products .wr_content .container > :is(.view-id-catalog, .catalog-products-view, .view-id-tovary) + :is(.view-id-catalog, .catalog-products-view, .view-id-tovary) {
    margin-top: var(--catalog-title-gap);
}

/* Карточки категорий: единые */
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description):not(.block--catalog-home-gifts) .view-content {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-template-rows: none;
    row-gap: var(--catalog-grid-row-gap);
    column-gap: var(--catalog-grid-col-gap);
    align-items: stretch;
    justify-content: stretch;
}
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .views-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: center;
    height: 100%;
    min-height: 0;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .views-row > .taxonomy-term.vocabulary-catalog {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    width: 100%;
    box-sizing: border-box;
}
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .taxonomy-term.vocabulary-catalog > .content.catalog-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    text-align: center;
}
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .catalog-card__main {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: var(--catalog-img-text-gap);
}
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.catalog-card__main > .ds-1col, .taxonomy-term.vocabulary-catalog .ds-1col) {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    gap: var(--catalog-img-text-gap);
}
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description):not(.block--catalog-home-gifts) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0 0 var(--catalog-img-text-gap);
    border-radius: var(--r-lg);
    overflow: hidden;
    background: var(--c-bg-soft);
    display: block;
    box-sizing: border-box;
}
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: none;
    object-fit: cover;
    object-position: center;
}
:is(.page-catalog-landing, .page-catalog-products:not(.block--catalog-home-gifts)) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    margin: 0;
    text-align: center;
}
.page-catalog-products.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog).block--catalog-home-gifts:not(.catalog-description) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title),
.page-catalog-products.block--catalog-home-gifts .block.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog):not(.catalog-description) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) {
    flex: 0 0 auto;
    align-items: flex-start;
}
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .field--name-name, .views-field-name, .catalog-card__title) :is(a, h2) {
    width: 100%;
}
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .catalog-card__more {
    flex: 0 0 auto;
    width: 100%;
    margin-top: auto;
    padding-top: 16px;
    display: flex;
    justify-content: center;
}
:is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .catalog-card__main :is(.field--name-taxonomy-term-link, .field--taxonomy-term-link) {
    display: none;
}

@media (max-width: 1199px) {
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description):not(.block--catalog-home-gifts) .view-content {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (max-width: 991px) {
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description):not(.block--catalog-home-gifts) .view-content {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: clamp(12px, 2vw, 24px);
    }
}
@media (max-width: 575px) {
    :is(.page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description):not(.block--catalog-home-gifts) .view-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.page-catalog-products .block.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog):not(.catalog-description) .view-content,
.page-catalog-products :is(.view-catalog, .view-id-catalog).block--catalog-home-gifts:not(.catalog-description) .view-content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none;
    row-gap: clamp(24px, 3vw, 38px);
    column-gap: 30px;
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
    min-width: 0;
}
.page-catalog-products .block.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog):not(.catalog-description) .views-row,
.page-catalog-products :is(.view-catalog, .view-id-catalog).block--catalog-home-gifts:not(.catalog-description) .views-row {
    gap: 0;
}
.page-catalog-products .block.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog):not(.catalog-description) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-field-catalog-image, .views-field-field-catalog-image),
.page-catalog-products :is(.view-catalog, .view-id-catalog).block--catalog-home-gifts:not(.catalog-description) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 570 / 270 !important;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0 0 12px;
    border-radius: var(--r-lg);
    overflow: hidden;
    background: var(--c-bg-soft);
    display: block;
    box-sizing: border-box;
}
@media (max-width: 575px) {
    .page-catalog-products .block.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog):not(.catalog-description) .view-content,
    .page-catalog-products :is(.view-catalog, .view-id-catalog).block--catalog-home-gifts:not(.catalog-description) .view-content {
        grid-template-columns: 1fr !important;
    }
}

/* Каталог <768: подпись под изображением */
@media (max-width: 767px) {
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row,
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .views-row,
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .taxonomy-term.vocabulary-catalog > .content.catalog-card {
        flex-direction: column;
        align-items: stretch;
        height: auto;
    }
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) .catalog-card__main,
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.catalog-card__main > .ds-1col, .taxonomy-term.vocabulary-catalog .ds-1col) {
        flex: 0 1 auto;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        min-height: 0;
    }
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
        flex: 0 0 auto;
        order: 1;
        align-self: stretch;
    }
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title),
    :is(.page.front .section-catalog, .page-catalog-landing, .page-catalog-products) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title) {
        flex: 0 0 auto;
        order: 2;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        align-self: stretch;
        width: 100%;
        margin: 0;
        margin-block-start: 0;
    }
}

/* Лэндинг /catalog: квадратные превью + подарки 2:1 */
.page-catalog-landing .section-catalog--landing .section-catalog__inner {
    padding-top: clamp(20px, 3vw, 36px);
    padding-bottom: clamp(10px, 1.5vw, 20px);
}
.page-catalog-landing .section-catalog--landing .section-catalog__inner .block + .block { margin-top: 45px; }
.page-catalog-landing .section-catalog--landing .block--catalog-page-section {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.page-catalog-landing .section-catalog--landing .block--catalog-page-section .block-title {
    display: block;
    width: 100%;
}

.page-catalog-landing .section-catalog--landing :is(.view-catalog, .view-id-catalog):not(.catalog-description) .views-row {
    gap: 0;
}
.page-catalog-landing .section-catalog--landing :is(.view-catalog, .view-id-catalog):not(.catalog-description) .catalog-card__more {
    display: none;
}
.page-catalog-landing .section-catalog--landing :is(.view-catalog, .view-id-catalog):not(.catalog-description) :is(.catalog-card__main > .ds-1col, .taxonomy-term.vocabulary-catalog .ds-1col) {
    gap: 0;
}
.page-catalog-landing .section-catalog--landing :is(.view-catalog, .view-id-catalog):not(.catalog-description) .catalog-card__main .field {
    margin: 0;
}
.page-catalog-landing .section-catalog--landing :is(.view-catalog, .view-id-catalog):not(.catalog-description) :is(.views-row, .taxonomy-term) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
    margin: 0 0 12px;
}

.page-catalog-landing .section-catalog--landing .block--catalog-home-gifts :is(.view:not(.catalog-description), .view-id-catalog) .view-content {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: var(--catalog-grid-row-gap);
    column-gap: var(--catalog-grid-col-gap);
    justify-content: stretch;
}
.page-catalog-landing .section-catalog--landing .block--catalog-home-gifts :is(.view:not(.catalog-description), .view-id-catalog) .views-row {
    width: 100%;
    max-width: 100%;
    justify-self: stretch;
}
.page-catalog-landing .section-catalog--landing .block--catalog-home-gifts :is(.view:not(.catalog-description), .view-id-catalog) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 570 / 270;
    height: auto;
    margin-block-end: 12px;
}

@media (min-width: 576px) and (max-width: 767px) {
    :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor) .view:not(.catalog-description) .view-content,
    .section-catalog:not(.section-catalog--landing) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor) .view:not(.catalog-description) .view-content,
    .page-catalog-landing .section-catalog--landing :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor) .view:not(.catalog-description) .view-content,
    :is(.page-catalog-landing, .page-catalog-products:not(.block--catalog-home-gifts)) :is(.view-catalog, .view-id-catalog, .view-katalog):not(.catalog-description):not(.block--catalog-home-gifts) .view-content {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
    }

    .page-catalog-products.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog).block--catalog-home-gifts:not(.catalog-description) .view-content,
    .page-catalog-products.block--catalog-home-gifts .block.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog):not(.catalog-description) .view-content {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        gap: clamp(24px, 3vw, 38px) clamp(12px, 2vw, 24px);
        row-gap: clamp(24px, 3vw, 38px);
        column-gap: clamp(12px, 2vw, 24px);
    }

    .block--catalog-home-gifts .view:not(.catalog-description) .view-content,
    .page-catalog-landing .section-catalog--landing .block--catalog-home-gifts :is(.view:not(.catalog-description), .view-id-catalog) .view-content,
    .page-catalog-products .block.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog):not(.catalog-description) .view-content,
    .page-catalog-products :is(.view-catalog, .view-id-catalog).block--catalog-home-gifts:not(.catalog-description) .view-content {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none;
        gap: clamp(24px, 3vw, 38px) clamp(12px, 2vw, 24px);
        row-gap: clamp(24px, 3vw, 38px);
        column-gap: clamp(12px, 2vw, 24px);
    }

    .block--catalog-home-potted .view:not(.catalog-description) .views-row,
    .page-catalog-landing .section-catalog--landing :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor) .view:not(.catalog-description) .views-row {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    :is(.view-catalog, .view-katalog):not(.catalog-description) .view-content,
    :is(.view-id-tovary, .catalog-products-view) > .view-content,
    :is(.view-id-tovary, .catalog-products-view) .catalog-products-grid,
    .page-catalog-products :is(.view-id-tovary, .catalog-products-view) > .view-content {
        gap: 12px 8px;
        row-gap: 12px;
        column-gap: 8px;
    }

    :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image),
    .page-catalog-landing .section-catalog--landing :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
        width: 100%;
        max-width: 100%;
        aspect-ratio: 1 / 1;
        height: auto;
        min-height: 0;
        max-height: none;
        margin: 0;
        background: var(--c-bg-soft);
        overflow: hidden;
        border-radius: var(--r-lg);
        display: block;
    }

    :is(.block--catalog-home-gifts, .page-catalog-landing .section-catalog--landing .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image),
    .page-catalog-products .block.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog):not(.catalog-description) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-field-catalog-image, .views-field-field-catalog-image),
    .page-catalog-products :is(.view-catalog, .view-id-catalog).block--catalog-home-gifts:not(.catalog-description) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
        width: 100%;
        max-width: 100%;
        aspect-ratio: 570 / 270;
        height: auto;
        min-height: 0;
        max-height: none;
        margin: 0 0 12px;
        background: var(--c-bg-soft);
        overflow: hidden;
        display: block;
    }

    .section-catalog:not(.section-catalog--landing) .block--catalog-home-potted .view:not(.catalog-description) .views-row:nth-child(5) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
        align-self: stretch;
    }

    :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) img,
    .page-catalog-landing .section-catalog--landing .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: none;
        object-fit: cover;
        object-position: center;
    }

    :is(.view-catalog, .view-katalog):not(.catalog-description) .taxonomy-term.vocabulary-catalog .field--name-field-catalog-image {
        width: 100%;
        max-width: 100%;
        aspect-ratio: 1 / 1;
        overflow: hidden;
        border-radius: var(--r-lg);
        background: var(--c-bg-soft);
    }
    :is(.view-catalog, .view-katalog):not(.catalog-description) .taxonomy-term.vocabulary-catalog .field--name-field-catalog-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

@media (max-width: 991px) {
    .section-catalog:not(.section-catalog--landing) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .view-content {
        gap: clamp(24px, 3vw, 38px) clamp(12px, 2vw, 24px) !important;
        row-gap: clamp(24px, 3vw, 38px) !important;
        column-gap: clamp(12px, 2vw, 24px) !important;
        justify-content: stretch;
        align-items: stretch !important;
        width: 100%;
        min-width: 0;
    }
    .section-catalog:not(.section-catalog--landing) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row {
        grid-area: auto !important;
        grid-column: auto !important;
        grid-row: auto !important;
        align-self: stretch !important;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        height: 100%;
        min-height: 0;
        min-width: 0;
        gap: 0;
    }
    .section-catalog:not(.section-catalog--landing) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 0 12px !important;
        background: var(--c-bg-soft) !important;
        align-self: stretch !important;
        overflow: hidden !important;
        border-radius: var(--r-lg) !important;
    }
    .section-catalog:not(.section-catalog--landing) .block--catalog-home-gifts .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 570 / 270 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 0 12px !important;
        background: var(--c-bg-soft) !important;
        align-self: stretch !important;
        overflow: hidden !important;
        border-radius: var(--r-lg) !important;
    }
    .section-catalog:not(.section-catalog--landing) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) img {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    .section-catalog:not(.section-catalog--landing) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .catalog-card__title) {
        flex: 1 1 auto;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        width: 100%;
        margin: 0;
        text-align: center;
    }
}

/* /catalog/podarki ≤991: как главная (подарки) */
@media (max-width: 991px) {
    .page-catalog-products.block--catalog-home-gifts :is(.block.block--catalog-home-gifts, .view.block--catalog-home-gifts) .view:not(.catalog-description) .view-content,
    .page-catalog-products.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog).block--catalog-home-gifts:not(.catalog-description) .view-content {
        gap: clamp(24px, 3vw, 38px) clamp(12px, 2vw, 24px) !important;
        row-gap: clamp(24px, 3vw, 38px) !important;
        column-gap: clamp(12px, 2vw, 24px) !important;
        justify-content: stretch;
        align-items: stretch !important;
        width: 100%;
        min-width: 0;
    }
    .page-catalog-products.block--catalog-home-gifts :is(.block.block--catalog-home-gifts, .view.block--catalog-home-gifts) .view:not(.catalog-description) .views-row,
    .page-catalog-products.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog).block--catalog-home-gifts:not(.catalog-description) .views-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        align-self: stretch !important;
        height: auto !important;
        min-height: 0;
        min-width: 0;
        gap: 0;
    }
    .page-catalog-products.block--catalog-home-gifts :is(.block.block--catalog-home-gifts, .view.block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image),
    .page-catalog-products.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog).block--catalog-home-gifts:not(.catalog-description) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 570 / 270 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 0 12px !important;
        background: var(--c-bg-soft) !important;
        align-self: stretch !important;
        overflow: hidden !important;
        border-radius: var(--r-lg) !important;
        order: 1;
    }
    .page-catalog-products.block--catalog-home-gifts :is(.block.block--catalog-home-gifts, .view.block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) img,
    .page-catalog-products.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog).block--catalog-home-gifts:not(.catalog-description) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) img {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    .page-catalog-products.block--catalog-home-gifts :is(.block.block--catalog-home-gifts, .view.block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .catalog-card__title),
    .page-catalog-products.block--catalog-home-gifts :is(.view-catalog, .view-id-catalog).block--catalog-home-gifts:not(.catalog-description) :is(.views-row, .taxonomy-term.vocabulary-catalog) :is(.field--name-name, .views-field-name, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title, .catalog-card__title) {
        flex: 0 0 auto !important;
        order: 2;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        align-self: stretch !important;
        width: 100% !important;
        margin: 0 !important;
        text-align: center;
        position: static !important;
    }
}

/* Главная 768–991: подпись на ширину карточки */
@media (min-width: 768px) and (max-width: 991px) {
    .page.front .section-catalog:not(.section-catalog--landing) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row {
        container-type: inline-size;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        align-self: stretch;
    }
    .page.front .section-catalog:not(.section-catalog--landing) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-field-catalog-image, .views-field-field-catalog-image) {
        width: 100%;
        max-width: 100%;
        align-self: stretch;
    }
    .page.front .section-catalog:not(.section-catalog--landing) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title) {
        flex: 0 0 auto;
        align-items: stretch;
        justify-content: flex-start;
        align-self: stretch;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        font-size: clamp(14px, 6.5cqw, 20px);
    }
    .page.front .section-catalog:not(.section-catalog--landing) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view:not(.catalog-description) .views-row :is(.field--name-name, .views-field-name, .catalog-card__title, .field--name-taxonomy-term-title, .views-field-taxonomy-term-title) :is(a, h2) {
        display: block;
        width: 100%;
        max-width: 100%;
        font-size: inherit;
    }
}

@media (max-width: 575px) {
    .section-catalog:not(.section-catalog--landing) :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor) .view:not(.catalog-description) .view-content {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* ============================
   Страница товара (full)
   ============================ */
.product-view-full .product-teaser {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    align-items: flex-start;
    margin-bottom: 32px;
}
.product-teaser .product-teaser-image {
    flex: 0 0 auto;
    width: var(--card-img-w);
    max-width: min(100%, var(--card-img-w));
    min-width: 0;
    margin: 0;
    padding: 0;
}
.product-teaser .product-teaser-info { flex: 1 1 0; min-width: 0; }
/* Фото 270×270 */
.page-product-full .group-left :is([class*="field--name-field-image-product-view"], .product-gallery) .current-slide,
.product-teaser .product-teaser-image :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image, .product-gallery) .current-slide {
    width: var(--card-img-w);
    height: var(--card-img-w);
    max-width: min(100%, var(--card-img-w));
    max-height: min(100%, var(--card-img-w));
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: var(--r-lg);
    background: var(--c-bg-soft);
    box-sizing: border-box;
}
.page-product-full .group-left :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image, .product-gallery),
.product-teaser .product-teaser-image :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image, .product-gallery) {
    width: var(--card-img-w);
    max-width: min(100%, var(--card-img-w));
    overflow: visible;
    background: transparent;
}
.product-teaser .product-teaser-image :is(.field[data-blazy], .field--name-field-image-product-view) {
    min-width: 0 !important;
    width: 100% !important;
}
.product-teaser .product-teaser-image .media.media--ratio {
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 0 !important;
    overflow: hidden;
}
.product-teaser .product-teaser-image .media--ratio :is(.media__element, img) {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    object-fit: cover;
    object-position: center;
}
.page-product-full .group-left,
.page-product-full :is(.ds-2col-stacked, .ds-2col-fluid, .ds-2col) > .group-left {
    max-width: var(--card-img-w);
    width: auto !important;
}
.page-product-full .group-left .current-slide img {
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
}
.product-view-full .product-teaser-image .product-gallery .current-slide:not(.slick-initialized) {
    overflow: hidden !important;
    border-radius: var(--r-lg) !important;
}
.product-view-full .product-teaser-image .product-gallery .current-slide :is(.element, a) {
    display: block;
    height: 100%;
    border-radius: var(--r-lg) !important;
    overflow: hidden !important;
}
.product-view-full .product-teaser-image .product-gallery .current-slide :is(img, .media__element) {
    border-radius: var(--r-lg) !important;
    object-fit: cover;
}
.product-teaser-info__head :is(h1, .field--name-title) {
    margin: 0 0 16px;
    font-family: var(--ff-base);
    font-weight: 700;
    font-size: clamp(28px, 4vw, 40px);
    line-height: 1.15;
    color: var(--c-text);
}
.product-teaser-info__text {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.5;
    color: var(--c-text);
}
.product-teaser-info__text p:last-child { margin-bottom: 0; }
.product-view-full .product-card__price {
    margin: 0 0 16px;
    font-family: var(--ff-base);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: var(--c-text);
}
.product-view-full .product-card__price .field--name-price { margin: 0; }
.product-view-full .product-card__actions { max-width: 420px; width: 100%; }

@media (max-width: 767px) {
    .product-view-full .product-teaser,
    .page-product-full :is(.ds-2col-stacked, .ds-2col-fluid, .ds-2col) {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 16px;
        align-items: stretch;
    }
    .product-teaser .product-teaser-image,
    .page-product-full .group-left,
    .page-product-full :is(.ds-2col-stacked, .ds-2col-fluid, .ds-2col) > .group-left {
        width: var(--card-img-w) !important;
        max-width: min(100%, var(--card-img-w));
        flex: 0 0 auto;
        align-self: flex-start;
    }
    .product-teaser .product-teaser-info,
    .page-product-full .group-right,
    .page-product-full :is(.ds-2col-stacked, .ds-2col-fluid, .ds-2col) > .group-right {
        width: 100% !important;
        max-width: 100%;
        flex: 0 0 auto;
    }
    .product-teaser .product-teaser-image :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image, .field--name-field-variation-image .current-slide),
    .page-product-full .group-left :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image, .field--name-field-variation-image .current-slide) {
        width: min(100%, var(--card-img-w));
        height: min(100%, var(--card-img-w));
        max-width: min(100%, var(--card-img-w));
        max-height: min(100%, var(--card-img-w));
    }
    .product-view-full .product-card__actions { max-width: none; }
}

.product-gallery--multi .current-slide:not(.slick-initialized) > .element:not(:first-child),
.page-product-full .group-left [class*="field--name-field-image-product-view"].field__items > .field__item:not(:first-child),
.page-product-full .group-left [class*="field--name-field-variation-image"].field__items > .field__item:not(:first-child) {
    display: none !important;
}

.product-teaser .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view, .product-gallery) .current-slide.slick-slider { margin: 0 0 10px; }
.product-teaser .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .current-slide.slick-slider .element.slick-slide img {
    width: 100%;
    max-width: none;
    height: 100%;
    aspect-ratio: auto;
    object-fit: cover;
    object-position: center;
}
.product-teaser .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .nav-slide.slick-slider .slick-list { margin: 0 -5px; }
.product-teaser .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .nav-slide.slick-slider .element.slick-slide {
    margin: 0 5px;
    width: 118px;
    height: 118px;
}
.product-teaser .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .nav-slide.slick-slider .element.slick-slide img {
    width: 118px;
    height: 118px;
    object-fit: cover;
}

.product-view-full .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .current-slide.slick-slider {
    overflow: visible;
}
.product-view-full .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .current-slide .slick-list {
    overflow: hidden;
    border-radius: var(--r-lg);
}
.product-view-full .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .current-slide button.slick-arrow {
    z-index: 5;
}
.product-view-full .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .current-slide button.slick-prev.slick-arrow { left: 8px; }
.product-view-full .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .current-slide button.slick-next.slick-arrow { right: 8px; }
.product-view-full .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .current-slide button.slick-arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgb(255 255 255 / .92);
    box-shadow: 0 1px 4px rgb(0 0 0 / .15);
}
.product-view-full .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .current-slide button.slick-arrow::before {
    width: 18px;
    height: 18px;
}
.product-view-full .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .nav-slide.slick-slider {
    position: relative;
    margin-top: 10px;
    padding: 0 28px;
    max-width: 100%;
}
.product-view-full .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .nav-slide button.slick-arrow {
    width: 24px;
    height: 24px;
    z-index: 5;
    border-radius: 50%;
    background: rgb(255 255 255 / .92);
    box-shadow: 0 1px 4px rgb(0 0 0 / .15);
}
.product-view-full .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .nav-slide button.slick-arrow::before {
    width: 14px;
    height: 14px;
}
.product-view-full .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .nav-slide button.slick-prev.slick-arrow { left: 0; }
.product-view-full .product-teaser-image :is(.field--name-field-variation-image, .field--name-field-image-product-view) .nav-slide button.slick-next.slick-arrow { right: 0; }

.page-product-full .group-left :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image) .current-slide.slick-slider { overflow: visible; }
.page-product-full .group-left :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image) .current-slide .slick-list {
    overflow: hidden;
    border-radius: var(--r-lg);
}
.page-product-full .group-left :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image) .current-slide button.slick-arrow { z-index: 5; }
.page-product-full .group-left :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image) .current-slide button.slick-prev.slick-arrow { left: 8px; }
.page-product-full .group-left :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image) .current-slide button.slick-next.slick-arrow { right: 8px; }
.page-product-full .group-left :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image) .current-slide button.slick-arrow {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgb(255 255 255 / .92);
    box-shadow: 0 1px 4px rgb(0 0 0 / .15);
}
.page-product-full .group-left :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image) .nav-slide.slick-slider {
    position: relative;
    margin-top: 10px;
    padding: 0 28px;
    max-width: 100%;
}
.page-product-full .group-left :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image) .nav-slide button.slick-arrow {
    width: 24px;
    height: 24px;
    z-index: 5;
    border-radius: 50%;
    background: rgb(255 255 255 / .92);
    box-shadow: 0 1px 4px rgb(0 0 0 / .15);
}
.page-product-full .group-left :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image) .nav-slide button.slick-prev.slick-arrow { left: 0; }
.page-product-full .group-left :is([class*="field--name-field-image-product-view"], .field--name-field-variation-image) .nav-slide button.slick-next.slick-arrow { right: 0; }

.node--view-mode-full .field--name-body img { margin: 0 10px; }

/* ============================
   Адаптив (общий хвост)
   ============================ */
@media (max-width: 1199px) {
    #header.header-cvetok .header-top__inner { gap: 8px 14px; }
    #header.header-cvetok .header-top__contacts { gap: clamp(16px, 4vw, 48px); }
    #header.header-cvetok .header-contact { font-size: 14px; line-height: 18px; }
    #header.header-cvetok .header-bottom__nav .nav-link { font-size: 13px; line-height: 17px; }
    #header.header-cvetok ul.nav.vesta-main-menu-split__left,
    #header.header-cvetok ul.nav.vesta-main-menu-split__right { gap: 14px; }
    #header.header-cvetok :is(.header-bottom__inner, .header-messengers, .header-bottom__tools) { gap: 8px; }
    #header.header-cvetok .header-bottom__inner { gap: 14px; }
    #header.header-cvetok .header-bottom__logo { max-width: clamp(100px, 11vw, 130px); }
    #header.header-cvetok :is(.header-messenger img, .header-bottom__cart img) { width: 22px; height: 22px; }
}

@media (max-width: 991px) {
    .front .wr_front_content h1.front-h1 {
        font-size: clamp(26px, 5.2vw, 62px);
        line-height: clamp(34px, 6.8vw, 81px);
    }
    :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) :is(.block-title, .view .view-header h2) {
        font-size: clamp(26px, 4vw, 38px);
    }
    .contacts-front :is(.contacts-front__region, .contacts-map-frame) :is(h2, .block-title) {
        font-size: clamp(26px, 4vw, 38px);
    }
    #offcanvasNav .nav .dropdown-menu {
        display: none;
        position: static;
        background: transparent;
        padding: 10px 0;
        border-bottom: 1px solid #BDBDBD;
    }
    #offcanvasNav li.nav-item { width: 100%; }
    .section-benefits .paragraph { font-size: 14px; line-height: 19px; min-height: 0; }
    #floatingPageActions { right: 10px; bottom: 88px; }
}

@media (max-width: 767px) {
    .front .wr_front_content h1.front-h1 {
        font-size: clamp(24px, 5.2vw, 60px);
        line-height: clamp(32px, 6.8vw, 79px);
    }
    .floating-page-actions__messengers { display: none; }
    #floatingPageActions { gap: 0; }
    #scrollToTop { width: 38px; height: 38px; }
    #scrollToTop img { width: 18px; height: 18px; }

    .page.front .front-feedback .container.front-feedback__container {
        min-height: 0;
        border-radius: 16px;
        padding: 24px 16px;
    }
    .front-feedback .webform-submission-form,
    .front-feedback .region-feedback form {
        max-width: 100%;
        transform: translateY(-10px);
    }
    .page.front .front-feedback__inner {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 0;
        gap: 24px;
    }
    .page.front .front-feedback__visual { display: none; }
    .page.front .front-feedback__region,
    .front-feedback .block { width: 100%; align-items: stretch; }

    .wrapper_about { padding: 40px 16px 48px; }
    .wrapper_about :is(.block h2, h2, .field--name-title) { font-size: 22px; line-height: 29px; }
    .wrapper_about :is(p, .field--name-body, .field--type-text-long, .field--type-text-with-summary) {
        font-size: 14px;
        line-height: 18px;
    }

    .page.front .section-benefits__inner { padding-bottom: 0; }
    .section-benefits :is(.field--type-entity-reference-revisions > .field__items, .field.field--type-entity-reference-revisions.field__items) {
        gap: 16px 10px;
    }
    .section-benefits :is(.field--type-entity-reference-revisions > .field__items, .field.field--type-entity-reference-revisions.field__items) > .field__item {
        flex: 1 1 calc(25% - 10px);
        max-width: calc(25% - 10px);
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .page.front .front-feedback .container.front-feedback__container {
        padding: 28px 20px;
        text-align: center;
    }
    .page.front .front-feedback__inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .page.front .front-feedback__visual { display: none; }
    .page.front .front-feedback__region,
    .front-feedback .block { width: 100%; align-items: center; text-align: center; }
    .front-feedback :is(.block > h2, .region-feedback .block > h2, .region-feedback > h2),
    .front-feedback .block :is(.field--name-body, .field--type-text-long),
    .front-feedback :is(.form-type-webform-markup, .webform-element--description, .form-item--markup) {
        text-align: center;
    }
    .front-feedback :is(.block > h2, .region-feedback .block > h2, .region-feedback > h2) { white-space: normal; }
    .front-feedback .webform-submission-form,
    .front-feedback .region-feedback form {
        width: 100%;
        max-width: min(var(--form-max), 100%);
        margin-inline: auto;
        transform: none;
        align-items: stretch;
    }
    .front-feedback .form-type-checkbox {
        max-width: min(var(--form-max), 100%);
        margin-inline: auto;
        text-align: left;
    }
    .front-feedback .form-actions {
        justify-content: center;
        width: 100%;
        max-width: min(var(--form-max), 100%);
        margin-inline: auto;
    }

    /* Главная: отступы между блоками */
    .page.front #main > * + * { margin-top: 50px; }
    .page.front #main > #slider-block + *,
    .page.front #main > .wrapper_gradient + .wr_front_content { margin-top: 35px; }
    .page.front .wr_front_content + .section-catalog .section-catalog__inner { padding-top: 50px; }
    .page.front .section-catalog__inner .block + .block { margin-top: 50px; }
    .page.front :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view .view-footer { margin-top: 40px; }
}

@media (max-width: 575px) {
    .page.front #main > * + * { margin-top: 45px; }
    .page.front #main > #slider-block + *,
    .page.front #main > .wrapper_gradient + .wr_front_content { margin-top: 38px; }
    .section-catalog__inner .block + .block { margin-top: 45px; }
    .page-catalog-landing .section-catalog--landing .section-catalog__inner .block + .block { margin-top: 22px; }
    .page.front .wr_front_content + .section-catalog .section-catalog__inner { padding-top: 45px; }
    .wrapper_feedback.front-feedback { padding: 0 12px 45px; }

    :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) :is(.block-title, .view .view-header h2) {
        margin-bottom: 15px;
        font-size: 22px;
        line-height: 1.3;
    }
    .contacts-front :is(.contacts-front__region, .contacts-map-frame) :is(h2, .block-title) {
        font-size: 22px;
        line-height: 1.3;
    }
    .contacts-front .contacts-map-panel .contact-item__label {
        font-size: 18px;
        line-height: 1.3;
    }
    .contacts-front .contacts-map-panel .contact-item,
    .contacts-front .contacts-map-panel .contact-item a {
        font-size: 14px;
        line-height: 1.35;
    }

    :is(.block--catalog-home-potted, .block--catalog-home-bouquets, .block--catalog-home-outdoor, .block--catalog-home-gifts) .view .view-footer { margin-top: 30px; }

    .page.front .front-feedback .container.front-feedback__container {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-height: 0;
        height: auto;
        padding: 20px 16px;
        overflow: visible;
        text-align: center;
    }
    .page.front .front-feedback__inner {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        width: 100%;
        padding: 0;
    }
    .page.front .front-feedback__visual { display: none; }
    .page.front .front-feedback__region,
    .front-feedback .block {
        width: 100%;
        max-width: 100%;
        align-items: stretch;
        text-align: center;
    }
    .front-feedback :is(.block > h2, .region-feedback .block > h2, .region-feedback > h2) {
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 1.25;
        white-space: normal;
        text-align: center;
    }
    .front-feedback .block :is(.field--name-body, .field--type-text-long),
    .front-feedback :is(.form-type-webform-markup, .webform-element--description, .form-item--markup) {
        max-width: 100%;
        margin-bottom: 14px;
        text-align: center;
    }
    .front-feedback .webform-submission-form,
    .front-feedback .region-feedback form {
        width: 100%;
        max-width: 100%;
        margin-inline: 0;
        transform: none;
        align-items: stretch;
        gap: 12px;
    }
    .front-feedback :is(input[type="text"], input[type="tel"], input[type="email"], input[type="number"], input.form-text, input.form-email, input.form-tel, select, textarea) {
        width: 100%;
        max-width: 100%;
    }
    .front-feedback .form-type-checkbox { max-width: 100%; text-align: left; }
    .front-feedback .form-actions { justify-content: center; width: 100%; }
    .front-feedback .form-actions :is(.form-submit, input[type="submit"], button[type="submit"], .webform-button--submit) {
        width: 100%;
        max-width: 100%;
    }

    .section-benefits .paragraph :is(.field--type-image img, .field--type-image picture img, .media--image img, .field--type-entity-reference .field__item img) {
        width: 64px;
        height: 64px;
        max-width: 64px;
    }
}

/* Подвал адаптив */
@media (min-width: 576px) and (max-width: 767px) {
    #footer.footer-cvetok .footer-cvetok__col--catalog { display: none; }
    #footer.footer-cvetok .footer-cvetok__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-areas:
            "brand brand"
            "menu contacts";
        gap: 1.25rem 1.5rem;
        align-items: start;
    }
    #footer.footer-cvetok .footer-cvetok__col--brand {
        grid-area: brand;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
    }
    #footer.footer-cvetok .footer-cvetok__col--brand > :not(.footer-cvetok__logo) { display: none; }
    #footer.footer-cvetok .footer-cvetok__col--brand .footer-cvetok__logo { margin: 0 auto 0; }

    #footer.footer-cvetok .footer-cvetok__col--menu {
        grid-area: menu;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        min-width: 0;
    }
    #footer.footer-cvetok .footer-cvetok__col--contacts {
        grid-area: contacts;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        min-width: 0;
    }

    #footer.footer-cvetok :is(.footer-cvetok__col--menu, .footer-cvetok__col--contacts) .footer-cvetok__title {
        margin: 0 0 8px;
        font-size: 12px;
        line-height: 16px;
    }
    #footer.footer-cvetok .footer-cvetok__col--menu :is(.nav-link, .menu a, .dropdown-item, a),
    #footer.footer-cvetok .footer-cvetok__col--menu [data-flat-footer-menu] :is(ul.menu, ul.nav) {
        font-size: 12px;
        line-height: 16px;
    }
    #footer.footer-cvetok .footer-cvetok__col--contacts .footer-cvetok__contact-row {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 6px;
    }
    #footer.footer-cvetok .footer-cvetok__col--contacts :is(.footer-cvetok__contact-link, .footer-cvetok__contact-text) {
        font-size: 12px;
        line-height: 16px;
    }
    #footer.footer-cvetok .footer-cvetok__col--contacts .footer-cvetok__contact-row .footer-cvetok__contact-text { white-space: nowrap; }
    #footer.footer-cvetok .footer-cvetok__col--contacts .footer-cvetok__cta { margin-top: 10px; width: 100%; }
    #footer.footer-cvetok .footer-cvetok__col--contacts .footer-cvetok__cta :is(a, button, input) {
        font-size: 12px;
        line-height: 16px;
    }
}
@media (max-width: 575px) {
    #footer.footer-cvetok :is(.footer-cvetok__col--menu, .footer-cvetok__col--catalog) { display: none; }
    #footer.footer-cvetok .footer-cvetok__grid {
        grid-template-columns: 1fr;
        gap: 1.75rem;
        justify-items: center;
        text-align: center;
    }
    #footer.footer-cvetok :is(.footer-cvetok__col--brand, .footer-cvetok__col--contacts) { align-items: center; }
    #footer.footer-cvetok .footer-cvetok__schedule { max-width: none; }
    #footer.footer-cvetok .footer-cvetok__messengers { justify-content: center; }
    #footer.footer-cvetok .footer-cvetok__legal {
        align-items: center;
        width: 100%;
        text-align: center;
    }
    #footer.footer-cvetok .footer-cvetok__legal .footer-cvetok__copy { text-align: center; width: 100%; }
    #footer.footer-cvetok .footer-cvetok__legal-bar {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    #footer.footer-cvetok .footer-cvetok__legal-bar :is(.footer-cvetok__policy, .footer-cvetok__vesta) {
        text-align: center;
        width: 100%;
    }
    #footer.footer-cvetok .footer-cvetok__contact-row { justify-content: center; }
    #footer.footer-cvetok .footer-cvetok__title { text-align: center; }
}

/* Слайдер адаптив */
@media (max-width: 991px) {
    #slider-block .view-slayder .view-content.slick-initialized { position: relative; }

    #slider-block .view-slayder .node--type-slide {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-rows: minmax(220px, auto);
    }
    #slider-block .view-slayder .node--type-slide .field--name-field-image {
        grid-column: 1 / -1;
        grid-row: 1;
        min-height: 220px;
        align-self: stretch;
    }
    #slider-block .view-slayder .node--type-slide .field--name-field-image img {
        min-height: 220px;
        height: 100%;
    }
    #slider-block .view-slayder .node--type-slide .content {
        grid-column: 2;
        grid-row: 1;
        z-index: 2;
        margin-left: 20px;
        min-height: 220px;
        max-width: 100%;
        padding: 1rem 46px 1.5rem clamp(12px, 3vw, 16px);
        align-items: flex-start;
        align-self: center;
        justify-content: center;
        text-align: left;
        background: none;
        box-sizing: border-box;
    }
    #slider-block .view-slayder .node--type-slide .field--name-field-slide-title {
        max-width: 92%;
        font-size: clamp(20px, 5vw, 32px);
        line-height: 1.15;
        color: var(--c-text);
    }
    #slider-block .view-slayder .node--type-slide .field--name-body {
        max-width: 92%;
        font-size: clamp(16px, 3.8vw, 24px);
        line-height: 1.25;
        white-space: normal;
        padding-top: 10px;
        color: var(--c-accent);
    }
    #slider-block .view-slayder .node--type-slide .field--name-field-slide-link { margin-top: 12px; }

    #slider-block button.slick-prev.slick-arrow,
    #slider-block button.slick-next.slick-arrow {
        top: 50%;
        transform: translateY(-50%);
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
    }
    #slider-block button.slick-prev.slick-arrow { left: 8px; right: auto; }
    #slider-block button.slick-next.slick-arrow { right: 8px; left: auto; }
    #slider-block button.slick-arrow::before { width: 16px; height: 16px; }
    #slider-block ul.slick-dots { bottom: 12px; }
}
@media (max-width: 575px) {
    #slider-block .view-slayder .node--type-slide .content { padding: .75rem 42px 1rem 10px; }
    #slider-block .view-slayder .node--type-slide .field--name-field-slide-title {
        font-size: clamp(16px, 4.5vw, 22px);
        line-height: 1.2;
    }
    #slider-block .view-slayder .node--type-slide .field--name-body {
        font-size: clamp(12px, 3.2vw, 18px);
        line-height: 1.3;
        padding-top: 8px;
    }
    #slider-block .view-slayder .node--type-slide .field--name-field-slide-link { margin-top: 8px; }
}
@media (max-width: 991px) {
    #offcanvasNav .search-slot--mob { width: 100%; margin-bottom: 1rem; }
}

/* ============================
   Каталог товаров — листинг + add-to-cart
   ============================ */
:is(.view-id-tovary, .catalog-products-view) > .view-content,
:is(.view-id-tovary, .catalog-products-view) .catalog-products-grid,
.page-catalog-products :is(.view-id-tovary, .catalog-products-view) > .view-content {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    row-gap: var(--catalog-grid-row-gap);
    column-gap: var(--catalog-grid-col-gap);
    align-items: stretch;
}

:is(.view-id-tovary, .catalog-products-view) .views-row,
.page-catalog-products :is(.view-id-tovary, .catalog-products-view) .views-row {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.page-catalog-products :is(.view-id-tovary, .catalog-products-view) .views-row > :is(article, .commerce-product) { height: 100%; }

:is(.view-id-tovary, .catalog-products-view) .views-row > :is(article, .commerce-product) {
    flex: 1;
    width: 100%;
    min-width: 0;
}
:is(.view-id-tovary, .catalog-products-view) .views-row :is(.media--blazy, .blazy, .field--name-field-image-product-view) {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row :is(.media--blazy, .blazy, .field--name-field-image-product-view, .product-card__image, .product-card__image .field, .product-card__image .field__item) {
    border-radius: var(--r-lg);
    overflow: hidden;
    background: var(--c-bg-soft);
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row :is(.media--blazy, .blazy, .field--name-field-image-product-view, .product-card__image) :is(img, .media img) {
    border-radius: inherit;
}

/* Карточка товара в каталоге */
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) {
    --catalog-grid-row-gap: clamp(24px, 3vw, 38px);
    --catalog-grid-col-gap: 30px;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: 100%;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .product-card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-height: 100%;
    height: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    text-align: left;
    gap: var(--catalog-img-text-gap);
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .product-card__image {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    margin: 0 0 var(--catalog-img-text-gap);
    overflow: hidden;
    border-radius: var(--r-lg);
    background: var(--c-bg-soft);
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .product-card__image :is(.field, .field__item) {
    width: 100%;
    height: 100%;
    margin: 0;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) :is(.product-card__image img, .product-card__image .media img) {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}

/* /catalog/* и ниже: без hover-zoom */
body.page-catalog-products:not(.page-catalog-landing) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) :is(img, .media__element),
body.page-catalog-products:not(.page-catalog-landing) :is(.catalog-products-view, .view-id-tovary) :is(.product-card__image, .views-row .field--name-field-image-product-view) :is(img, .media__element),
body.page-catalog-products:not(.page-catalog-landing).page-product-full :is(.product-teaser-image, .group-left) :is(img, .media__element) {
    transition: none !important;
    transform: none !important;
}
body.page-catalog-products:not(.page-catalog-landing) :is(.field--name-field-catalog-image, .views-field-field-catalog-image):is(:hover, :focus-within) :is(img, .media__element),
body.page-catalog-products:not(.page-catalog-landing) :is(.field--name-field-catalog-image, .views-field-field-catalog-image) a:is(:hover, :focus-visible) :is(img, .media__element),
body.page-catalog-products:not(.page-catalog-landing) :is(.catalog-products-view, .view-id-tovary) :is(.product-card__image, .views-row .field--name-field-image-product-view):is(:hover, :focus-within) :is(img, .media__element),
body.page-catalog-products:not(.page-catalog-landing) :is(.catalog-products-view, .view-id-tovary) :is(.product-card__image, .views-row .field--name-field-image-product-view) a:is(:hover, :focus-visible) :is(img, .media__element),
body.page-catalog-products:not(.page-catalog-landing).page-product-full :is(.product-teaser-image, .group-left):is(:hover, :focus-within) :is(img, .media__element),
body.page-catalog-products:not(.page-catalog-landing).page-product-full :is(.product-teaser-image, .group-left) a:is(:hover, :focus-visible) :is(img, .media__element) {
    transform: none !important;
}

/* Листинг: поля без обёртки product-card */
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row > :is(article, .commerce-product) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 0;
    border: none;
    background: transparent;
    height: 100%;
    box-sizing: border-box;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row .field--name-field-image-product-view {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    margin: 0 0 var(--catalog-img-text-gap);
    overflow: hidden;
    border-radius: var(--r-lg);
    background: var(--c-bg-soft);
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row :is(.field--name-field-image-product-view img, .field--name-field-image-product-view .media img) {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row .field--name-title {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    text-align: left;
    font-family: var(--ff-base);
    font-weight: 500;
    line-height: 1.25;
    color: var(--c-text);
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row .field--name-title :is(h2, h3) {
    margin: 0;
    font: inherit;
    width: 100%;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row .field--name-title a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row .field--name-title a:hover {
    color: var(--c-accent);
    text-decoration: underline;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row .product-card__price,
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row > :is(article, .commerce-product) > .product-card__price {
    flex: 0 0 auto;
    margin-top: 4px;
    text-align: left;
    width: 100%;
    font-family: var(--ff-base);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: var(--c-text);
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row .field--name-variations {
    flex: 0 0 auto;
    width: 100%;
    margin-top: auto;
    padding-top: 8px;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .product-card__title {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    text-align: left;
    font-family: var(--ff-base);
    font-weight: 500;
    line-height: 1.25;
    color: var(--c-text);
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .product-card__title :is(h2, h3) {
    margin: 0;
    font: inherit;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .product-card__title :is(a, h2, h3) { width: 100%; }
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .product-card__title a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .product-card__title a:hover {
    color: var(--c-accent);
    text-decoration: underline;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .product-card__price {
    flex: 0 0 auto;
    margin-top: 4px;
    text-align: left;
    width: 100%;
}
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .product-card__actions,
:is(.page-catalog-products, .catalog-products-view, .view-id-tovary) .views-row .field--name-variations {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
}

.product-card__price {
    margin-top: 8px;
    font-family: var(--ff-base);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    color: var(--c-text);
}
.product-card__price .field--name-price { margin: 0; }

.product-card__actions { margin-top: auto; padding-top: 14px; }
.product-card__actions .field--name-variations,
.product-card__actions .field--name-variations > .field__item {
    width: 100%;
    margin: 0;
}
:is(.product-card__actions, .view-id-tovary, .page-catalog-products) form.commerce-order-item-add-to-cart-form > .product-card__price {
    grid-column: 1 / -1;
    flex: 0 0 auto;
    width: 100%;
    margin: 0 0 8px;
    text-align: left;
}

/* add-to-cart форма */
.product-card .product-card__cart-form,
:is(.product-card, .product-card__actions, .product-view-full, .product-view-full .product-card__actions, .view-id-tovary, .catalog-products-view, .page-catalog-products, .page-product-full .group-right) form.commerce-order-item-add-to-cart-form {
    --cart-control-h: var(--cart-h);
    display: grid !important;
    grid-template-columns: 100px minmax(0, 1fr);
    column-gap: 10px;
    align-items: stretch;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.product-card .product-card__cart-form > :is(.field--name-purchased-entity, .field--widget-purchased-entity),
:is(.product-card, .product-view-full, .view-id-tovary, .page-catalog-products) form.commerce-order-item-add-to-cart-form > .field--name-purchased-entity {
    display: none !important;
}

.product-card .product-card__cart-form > :is(.field--name-quantity, .product-quantity-counter),
:is(.product-card__actions, .product-view-full .product-card__actions, .product-view-full, .view-id-tovary, .catalog-products-view, .page-catalog-products) form.commerce-order-item-add-to-cart-form > :is(.field--name-quantity, .product-quantity-counter) {
    grid-column: 1;
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 0;
    width: 100%;
}

:is(.product-card, .product-view-full, .view-id-tovary, .catalog-products-view, .page-catalog-products) :is(.field--name-quantity, .product-quantity-counter) :is(.form-item, .js-form-item) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
    gap: 2px;
    box-sizing: border-box;
    width: 100%;
    height: var(--cart-control-h);
    min-height: var(--cart-control-h);
    margin: 0 !important;
    padding: 0 8px;
    border: 1px solid var(--c-bg-soft);
    border-radius: var(--r-md);
    background: var(--c-bg);
}

:is(.product-card, .product-view-full, .view-id-tovary, .page-catalog-products) :is(.field--name-quantity, .product-quantity-counter) label {
    display: none;
}

:is(.product-card, .product-view-full, .view-id-tovary, .page-catalog-products) :is(.field--name-quantity, .product-quantity-counter) input,
.cart.cart-form .views-field-edit-quantity input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 1.25em;
    max-width: 2.5em !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-align: center;
    background: transparent !important;
    font-family: var(--ff-base);
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    color: var(--c-text);
    box-shadow: none !important;
    appearance: textfield;
}

:is(.product-card, .product-view-full, .view-id-tovary, .page-catalog-products) :is(.field--name-quantity, .product-quantity-counter) input::-webkit-outer-spin-button,
:is(.product-card, .product-view-full, .view-id-tovary, .page-catalog-products) :is(.field--name-quantity, .product-quantity-counter) input::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
}

:is(.product-card, .product-view-full, .view-id-tovary, .page-catalog-products) :is(.field--name-quantity, .product-quantity-counter) :is(.btn-minus, .btn-plus) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    padding: 0;
    margin: 0;
    font-family: var(--ff-base);
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    color: var(--c-text-muted);
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    user-select: none;
}

:is(.product-card, .product-view-full, .view-id-tovary, .page-catalog-products) :is(.field--name-quantity, .product-quantity-counter) :is(.btn-minus, .btn-plus):hover {
    color: var(--c-accent);
}

.product-card .product-card__cart-form > .form-actions,
:is(.product-card__actions, .product-view-full, .product-view-full .product-card__actions, .view-id-tovary, .catalog-products-view, .page-catalog-products) form.commerce-order-item-add-to-cart-form > .form-actions {
    grid-column: 2;
    clear: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    display: flex !important;
    align-items: stretch;
}

:is(.product-card, .product-card__actions, .view-id-tovary, .page-catalog-products) :is(.form-actions, .commerce-order-item-add-to-cart-form .form-actions) :is(.btn, .btn-primary) {
    --bs-btn-bg: var(--c-buy);
    --bs-btn-border-color: var(--c-buy);
    --bs-btn-color: var(--c-bg);
    --bs-btn-hover-bg: var(--c-buy-hover);
    --bs-btn-hover-border-color: var(--c-buy-hover);
    --bs-btn-hover-color: var(--c-bg);
    --bs-btn-active-bg: var(--c-buy-hover);
    --bs-btn-active-border-color: var(--c-buy-hover);
    --bs-btn-active-color: var(--c-bg);
}

:is(.product-card, .product-card__actions, .product-view-full .product-card__actions, .view-id-tovary, .catalog-products-view, .page-catalog-products) .commerce-order-item-add-to-cart-form :is(.button--add-to-cart, .form-submit, .btn-primary, input[type="submit"], button[type="submit"]) {
    box-sizing: border-box;
    width: 100%;
    height: var(--cart-control-h);
    min-height: var(--cart-control-h);
    margin: 0;
    padding: 0 14px;
    font-family: var(--ff-base);
    font-weight: 700;
    font-size: 14px;
    line-height: var(--cart-control-h);
    text-align: center;
    white-space: nowrap;
    color: var(--c-bg);
    background: var(--c-buy);
    background-color: var(--c-buy);
    background-image: none;
    border: 0;
    border-radius: var(--r-md);
    box-shadow: none;
    cursor: pointer;
    transition: background-color var(--tr);
}

:is(.product-card, .view-id-tovary, .page-catalog-products) .commerce-order-item-add-to-cart-form :is(.button--add-to-cart, .form-submit, .btn-primary, input[type="submit"], button[type="submit"]):hover,
:is(.product-card, .view-id-tovary, .page-catalog-products) .commerce-order-item-add-to-cart-form :is(.button--add-to-cart, .form-submit, .btn-primary, input[type="submit"], button[type="submit"]):focus-visible {
    color: var(--c-bg);
    background: var(--c-buy-hover);
    background-color: var(--c-buy-hover);
    border-color: transparent;
    outline: none;
    box-shadow: 0 0 0 2px var(--c-buy-ring);
}

/* Адаптив каталога */
@media (max-width: 1199px) {
    :is(.view-id-tovary, .catalog-products-view) > .view-content,
    :is(.view-id-tovary, .catalog-products-view) .catalog-products-grid,
    .page-catalog-products :is(.view-id-tovary, .catalog-products-view) > .view-content,
    .page-catalog-products .catalog-products-view .catalog-products-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    :is(.view-id-tovary, .catalog-products-view) > .view-content,
    :is(.view-id-tovary, .catalog-products-view) .catalog-products-grid,
    .page-catalog-products :is(.view-id-tovary, .catalog-products-view) > .view-content,
    .page-catalog-products .catalog-products-view .catalog-products-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: clamp(12px, 2vw, 24px);
    }
}
@media (max-width: 767px) {
    .view.view-id-tovary.catalog-products-view > .view-content.catalog-products-grid,
    :is(.view-id-tovary, .catalog-products-view) > .view-content,
    :is(.view-id-tovary, .catalog-products-view) .catalog-products-grid,
    .page-catalog-products :is(.view-id-tovary, .catalog-products-view) > .view-content,
    .page-catalog-products .catalog-products-view .catalog-products-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        gap: 12px 8px !important;
        row-gap: 12px !important;
        column-gap: 8px !important;
    }
    .product-card__price { font-size: 18px; }
    :is(.view-id-tovary, .catalog-products-view, .page-catalog-products) {
        --cart-control-h: 36px;
    }
    :is(.view-id-tovary, .catalog-products-view, .page-catalog-products) form.commerce-order-item-add-to-cart-form,
    :is(.view-id-tovary, .catalog-products-view, .page-catalog-products) .product-card form.commerce-order-item-add-to-cart-form.product-card__cart-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        row-gap: 8px !important;
        column-gap: 0 !important;
        align-items: stretch;
        width: 100%;
        max-width: 100%;
    }
    :is(.view-id-tovary, .catalog-products-view, .page-catalog-products) form.commerce-order-item-add-to-cart-form > .product-card__price {
        grid-column: 1 / -1 !important;
        width: 100%;
        margin: 0 0 4px;
    }
    :is(.view-id-tovary, .catalog-products-view, .page-catalog-products) form.commerce-order-item-add-to-cart-form > :is(.field--name-quantity, .field--name-purchased-entity) {
        grid-column: 1 !important;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin: 0 !important;
    }
    :is(.view-id-tovary, .catalog-products-view, .page-catalog-products) form.commerce-order-item-add-to-cart-form > .form-actions,
    :is(.view-id-tovary, .catalog-products-view, .page-catalog-products) .product-card form.commerce-order-item-add-to-cart-form > .form-actions {
        grid-column: 1 !important;
        width: 100% !important;
        min-width: 0;
        max-width: 100%;
        margin: 0 !important;
        overflow: visible;
    }
    :is(.view-id-tovary, .catalog-products-view, .page-catalog-products) :is(.field--name-quantity, .product-quantity-counter) :is(.form-item, .js-form-item) {
        height: var(--cart-control-h);
        min-height: var(--cart-control-h);
        max-width: 100%;
        padding: 0 8px;
    }
    :is(.view-id-tovary, .catalog-products-view, .page-catalog-products) .commerce-order-item-add-to-cart-form :is(.button--add-to-cart, .form-submit, input[type="submit"], button[type="submit"]) {
        width: 100%;
        max-width: 100%;
        height: var(--cart-control-h);
        min-height: var(--cart-control-h);
        font-size: 13px;
        line-height: var(--cart-control-h);
        padding-inline: 10px;
        white-space: nowrap;
        overflow: visible;
        text-overflow: clip;
        box-sizing: border-box;
    }
}

/* ============================
   Корзина: таблица, фото, иконки
   ============================ */
.cart.cart-form table.views-table {
    width: 100%;
    border-collapse: collapse;
}
.cart.cart-form table.views-table :is(th, td) {
    vertical-align: middle;
    text-align: center;
}
.cart.cart-form table.views-table :is(th.views-field-remove-button, td.views-field-remove-button) {
    text-align: right;
}
.cart.cart-form td.views-field-edit-quantity,
.cart.cart-form th.views-field-edit-quantity {
    text-align: center;
}
.cart.cart-form .views-field-edit-quantity .field-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.cart.cart-form .views-field-remove-button .field-content {
    display: flex;
    justify-content: flex-end;
}

/* Фото: zoom */
.cart.cart-form [class*="views-field-field-image"] .field-content {
    font-size: 0;
    line-height: 0;
}
.cart.cart-form [class*="views-field-field-image"] .field-content :is(a, picture, img) {
    font-size: 1rem;
    line-height: normal;
}
.cart.cart-form [class*="views-field-field-image"] :is(a, .field__item) {
    display: inline-block;
    overflow: hidden;
}
.cart.cart-form [class*="views-field-field-image"] img {
    display: block;
    margin-inline: auto;
    border-radius: var(--r-md);
    transition: transform .35s ease;
}
.cart.cart-form [class*="views-field-field-image"] :is(a:hover, a:focus-visible) img,
.cart.cart-form [class*="views-field-field-image"] .field__item:is(:hover, :focus-within) img {
    transform: scale(1.08);
}

.cart.cart-form .views-field-edit-quantity :is(.cart-qty, .product-quantity-counter, .form-item, .js-form-item) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    box-sizing: border-box;
    width: auto;
    max-width: 108px;
    height: 36px;
    min-height: 36px;
    margin: 0 auto !important;
    padding: 0 14px;
    border: 1px solid var(--c-input-border);
    border-radius: 12px;
    background: var(--c-bg);
}

.cart.cart-form .views-field-edit-quantity input::-webkit-outer-spin-button,
.cart.cart-form .views-field-edit-quantity input::-webkit-inner-spin-button {
    appearance: none;
    margin: 0;
}

.cart.cart-form .views-field-edit-quantity :is(.btn-minus, .btn-plus) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: auto;
    min-width: 14px;
    height: auto;
    padding: 0;
    margin: 0;
    font-family: var(--ff-base);
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    color: var(--c-text);
    background: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    user-select: none;
}
.cart.cart-form .views-field-edit-quantity :is(.btn-minus, .btn-plus):hover,
.cart.cart-form .views-field-edit-quantity :is(.btn-minus, .btn-plus):focus-visible { color: var(--c-accent); }

/* Название товара */
.cart.cart-form :is(.views-field-purchased-entity, .views-field-order-number) :is(a, .field--name-title) { font-weight: 500; }
.cart.cart-form :is(.views-field-purchased-entity, .views-field-order-number) a {
    color: var(--c-text);
    text-decoration: none;
    cursor: pointer;
}
.cart.cart-form :is(.views-field-purchased-entity, .views-field-order-number) a:hover,
.cart.cart-form :is(.views-field-purchased-entity, .views-field-order-number) a:focus-visible {
    color: var(--c-accent);
    text-decoration: underline;
}

/* Удалить — иконка */
.cart.cart-form .views-field-remove-button :is(.button--cart-remove, .delete-order-item, .form-submit) {
    overflow: hidden;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    min-width: 40px;
    padding: 0;
    border: none;
    border-radius: var(--r-md);
    background-color: var(--c-accent);
    background-image: url(../image/icon-trash.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    color: transparent;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}
.cart.cart-form .views-field-remove-button :is(.button--cart-remove, .delete-order-item, .form-submit):hover,
.cart.cart-form .views-field-remove-button :is(.button--cart-remove, .delete-order-item, .form-submit):focus-visible {
    background-color: var(--c-accent-hover);
}

.cart.cart-form .form-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .75rem;
    margin-top: clamp(1rem, 2.5vw, 1.5rem);
}

.layout-checkout-form .form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    margin-top: clamp(1rem, 2.5vw, 1.5rem);
}
.layout-checkout-form .form-actions a.link--previous {
    font-family: var(--ff-base);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25;
    color: var(--c-text);
    text-decoration: none;
    cursor: pointer;
}
.layout-checkout-form .form-actions a.link--previous:hover,
.layout-checkout-form .form-actions a.link--previous:focus-visible {
    color: var(--c-text);
    text-decoration: none;
}

/* Листинг товаров ≤767: 2 колонки */
@media (max-width: 767px) {
    :is(.page-catalog-products, .page-catalog-landing) {
        --catalog-grid-col-gap: 8px;
    }
    .view.view-id-tovary.catalog-products-view > .view-content.catalog-products-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 8px !important;
    }
    .view-id-tovary.catalog-products-view .views-row {
        min-width: 0;
        max-width: 100%;
    }
    .view-id-tovary.catalog-products-view .views-row :is(.field--name-variations, .product-card__actions) {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
    .view-id-tovary.catalog-products-view .product-card form.commerce-order-item-add-to-cart-form.product-card__cart-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        row-gap: 8px !important;
        column-gap: 0 !important;
    }
    .view-id-tovary.catalog-products-view .product-card form.commerce-order-item-add-to-cart-form > .product-card__price {
        grid-column: 1 / -1 !important;
    }
    .view-id-tovary.catalog-products-view .product-card form.commerce-order-item-add-to-cart-form > .field--name-quantity {
        grid-column: 1 !important;
    }
    .view-id-tovary.catalog-products-view .product-card form.commerce-order-item-add-to-cart-form > .form-actions {
        grid-column: 1 !important;
        width: 100% !important;
    }
    .view-id-tovary.catalog-products-view .product-card .commerce-order-item-add-to-cart-form :is(.button--add-to-cart, .form-submit, input[type="submit"], button[type="submit"]) {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
}

:is(.view-id-fotogalereya, .view-fotogalereya) .photogallery-thumb,
:is(.view-id-fotogalereya, .view-fotogalereya) .node--type-photogallery.node--view-mode-teaser .field--name-field-gallery {
    overflow: hidden !important;
    border-radius: 30px !important;
    aspect-ratio: 1 / 1;
}
:is(.view-id-fotogalereya, .view-fotogalereya) .photogallery-thumb .media.media--ratio,
:is(.view-id-fotogalereya, .view-fotogalereya) .node--type-photogallery.node--view-mode-teaser .field--name-field-gallery .media.media--ratio {
    height: 100% !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
    border-radius: 30px !important;
}
:is(.view-id-fotogalereya, .view-fotogalereya) .photogallery-thumb .media--ratio :is(img, .media__element),
:is(.view-id-fotogalereya, .view-fotogalereya) .node--type-photogallery.node--view-mode-teaser .field--name-field-gallery .media--ratio :is(img, .media__element) {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 30px !important;
    transition: transform .35s ease;
}
:is(.view-id-fotogalereya, .view-fotogalereya) .photogallery-thumb a:is(:hover, :focus-visible) :is(img, .media__element),
:is(.view-id-fotogalereya, .view-fotogalereya) .node--type-photogallery.node--view-mode-teaser .field--name-field-gallery a:is(:hover, :focus-visible) :is(img, .media__element) {
    transform: translate3d(0, 0, 0) scale(var(--zoom-scale)) !important;
}

body.page-node-type-photogallery .field--name-field-galereya.field__items,
body.page-photogallery-album .field--name-field-galereya.field__items {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(16px, 3vw, 30px);
    width: 100%;
    max-width: none;
}
body.page-node-type-photogallery .field--name-field-galereya.field__items > .field__item,
body.page-photogallery-album .field--name-field-galereya.field__items > .field__item {
    overflow: hidden !important;
    border-radius: 30px !important;
    min-width: 0;
}
body.page-node-type-photogallery .field--name-field-galereya.field__items img,
body.page-photogallery-album .field--name-field-galereya.field__items img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 30px !important;
}
@media (max-width: 1199px) {
    body.page-node-type-photogallery .field--name-field-galereya.field__items,
    body.page-photogallery-album .field--name-field-galereya.field__items {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 991px) {
    body.page-node-type-photogallery .field--name-field-galereya.field__items,
    body.page-photogallery-album .field--name-field-galereya.field__items,
    body.page-photogallery-album .photoswipe-gallery.field--name-field-galereya.field__items {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(10px, 2.5vw, 16px);
        width: 100%;
        max-width: none;
    }
    body.page-node-type-photogallery .field--name-field-galereya.field__items > .field__item,
    body.page-photogallery-album .field--name-field-galereya.field__items > .field__item {
        float: none !important;
        width: auto !important;
        max-width: none !important;
    }
}