/* Buddha Mind bundle: buddha-core.css — 2026-06-15 22:26 */
/* ===== SOURCE: buddha-color-tokens.css ===== */
/**
* Buddha Mind — единая цветовая система.
* Канонические токены + алиасы для legacy --bm-* переменных.
*/
:root {
/* ── Primary Dark ── */
--color-primary: #14182a;
--color-primary-hover: #1f2540;
--color-on-primary: #f5f1e8;
--color-on-primary-muted: #b3acc6;
/* ── Primary Gold ── */
--color-gold: #c19a4b;
--color-gold-hover: #a07f37;
--color-gold-deep: #8c6a3b;
--color-gold-soft: rgba(193, 154, 75, 0.14);
/* ── Background ── */
--color-bg: #ffffff;
--color-bg-warm: #f5f1e8;
--color-bg-card-tint: #f8f5ef;
/* ── Text ── */
--color-text: #14182a;
--color-text-muted: #6b6e80;
/* ── Border ── */
--color-border: #e6dfd0;
/* ── Utility ── */
--color-white: #ffffff;
/* ── Semantic ── */
--color-sale: #a44a2a;
--color-error: #c0392b;
--color-success: #2d9a56;
/* ══ Legacy aliases (buddha-redesign.css) ══ */
--bm-ink: var(--color-primary);
--bm-ink-2: var(--color-primary-hover);
--bm-muted: var(--color-text-muted);
--bm-line: var(--color-border);
--bm-paper: var(--color-bg-warm);
--bm-paper-2: var(--color-bg-warm);
--bm-card: var(--color-bg);
--bm-brass: var(--color-gold);
--bm-brass-2: var(--color-gold-deep);
--bm-rust: var(--color-sale);
--bm-gold: var(--color-gold);
--bm-gold-hover: var(--color-gold-hover);
--bm-header-cart-icon: var(--color-white);
--on-dark-soft: var(--color-on-primary-muted);
/* ══ Category redesign ══ */
--bm-rd-ink-950: var(--color-primary);
--bm-rd-ink-900: var(--color-primary);
--bm-rd-ink-850: var(--color-primary-hover);
--bm-rd-ink-800: var(--color-primary-hover);
--bm-rd-ink-line: var(--color-primary-hover);
--bm-rd-paper: var(--color-bg);
--bm-rd-paper-2: var(--color-bg-warm);
--bm-rd-card: var(--color-bg);
--bm-rd-card-tint: var(--color-bg-card-tint);
--bm-rd-text: var(--color-text);
--bm-rd-text-soft: var(--color-text-muted);
--bm-rd-text-mute: var(--color-text-muted);
--bm-rd-on-dark: var(--color-on-primary);
--bm-rd-on-dark-soft: var(--color-on-primary-muted);
--bm-rd-accent: var(--color-gold);
--bm-rd-accent-deep: var(--color-gold-hover);
--bm-rd-accent-soft: var(--color-gold-soft);
--bm-rd-btn: var(--color-primary);
--bm-rd-btn-hover: var(--color-primary-hover);
/* ══ Filter ══ */
--bm-filter-accent: var(--color-gold);
--bm-filter-accent-deep: var(--color-gold-hover);
--bm-filter-line: var(--color-border);
--bm-filter-paper-2: var(--color-bg-warm);
--bm-filter-muted: var(--color-text-muted);
--bm-filter-ink: var(--color-text);
--bm-filter-btn: var(--color-primary);
--bm-filter-btn-hover: var(--color-primary-hover);
/* ══ Category page ══ */
--bm-cat-accent: var(--color-gold);
--bm-cat-accent-hover: var(--color-gold-hover);
--bm-cat-muted: var(--color-text-muted);
--bm-cat-line: var(--color-border);
--bm-cat-ink: var(--color-text);
/* ══ Category list ══ */
--bm-list-accent: var(--color-gold);
--bm-list-line: var(--color-border);
--bm-list-head-bg: var(--color-bg);
--bm-list-ink: var(--color-text);
--bm-list-muted: var(--color-text-muted);
--bm-list-in: var(--color-success);
/* ══ Simple checkout ══ */
--bm-sc-accent: var(--color-gold);
--bm-sc-accent-hover: var(--color-gold-hover);
--bm-sc-line: var(--color-border);
--bm-sc-head: #fff;
--bm-sc-ink: var(--color-text);
--bm-sc-muted: var(--color-text-muted);
/* ══ Order success ══ */
--bm-os-accent: var(--color-gold);
--bm-os-accent-soft: var(--color-bg-card-tint);
--bm-os-line: var(--color-border);
--bm-os-ink: var(--color-text);
--bm-os-muted: var(--color-text-muted);
/* ══ Header block extras (buddha-redesign) ══ */
--ink-800: var(--color-primary-hover);
--ink-line: var(--color-primary-hover);
--ink-950: var(--color-primary);
}
/* ===== SOURCE: buddha-redesign.css ===== */
:root{--bm-serif:Georgia,serif;--bm-sans:"Manrope",ui-sans-serif,system-ui,sans-serif}.not-before{padding:10px 0px}body{font-family:var(--bm-sans);background:#ffffff;color:var(--bm-ink);-webkit-font-smoothing:antialiased}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{letter-spacing:-0.01em;font-weight:500}header{background:var(--bm-ink) !important}.top-menu{background:rgba(0,0,0,.25) !important;color:rgba(245,241,232,.75);font-family:var(--bm-sans);font-size:12px;letter-spacing:.02em}.top-menu a,.top-menu .top-links__a{color:var(--color-on-primary-muted)}.top-menu a:hover,.top-menu .top-links__a:hover{color:var(--bm-gold,#c19a4b)}.top-menu__btn{color:var(--color-on-primary-muted) !important}.top-menu__btn:hover{color:var(--bm-gold,#c19a4b) !important}.uni-badge{background:var(--bm-brass) !important;color:var(--bm-ink) !important;font-weight:600}.header-block{border-top:1px solid rgba(255,255,255,.06);border-bottom:0;padding:14px 0}.header-logo{position:relative;max-width:min(320px,42vw)!important;background:transparent!important}.header-logo a,.header-logo span{display:inline-block;position:relative;color:#fff!important;font-family:var(--bm-sans);background:transparent!important}.header-logo__img{display:block;width:auto!important;height:auto!important;max-height:80px;max-width:100%;object-fit:contain;background:transparent!important}.header-search{border-radius:999px !important;background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.12) !important}.header-search input{background:#ffffff !important;border:0 !important;border-radius:50px;color:#000000 !important;font-family:var(--bm-sans);height:45px}.header-search input::placeholder{color:rgba(245,241,232,.5) !important}.header-search button,.header-search__btn{background:var(--bm-brass) !important;color:#ffffff !important;border:0 !important}.header-search button:hover{background:var(--color-gold-hover) !important}.header-phones,.header-phones__main{color:var(--color-bg-warm) !important;font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;font-size:16px;letter-spacing:.03em}.header-phones__main:hover{color:var(--bm-brass) !important}.header-phones__show-phone{color:rgba(245,241,232,.7) !important}.header-account__icon,.header-wishlist__icon,.header-compare__icon{color:rgba(245,241,232,.85) !important}.header-account:hover .header-account__icon,.header-wishlist:hover .header-wishlist__icon,.header-compare:hover .header-compare__icon{color:#fff !important}.header-wishlist__total-items,.header-compare__total-items{background:var(--bm-brass) !important;color:var(--bm-ink) !important}.header-cart{color:var(--color-bg-warm) !important}.header-cart__btn{background:var(--bm-brass) !important;color:var(--bm-ink) !important;border-radius:999px !important;padding:10px 18px 10px 14px !important;display:inline-flex !important;align-items:center;gap:10px;font-weight:600;transition:background .2s}.header-cart__btn:hover{background:var(--color-gold-hover) !important}.header-cart__icon{font-size:1.4em !important;color:var(--bm-ink) !important}.header-cart__total-items{background:var(--bm-ink) !important;color:var(--color-bg-warm) !important;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;min-width:22px;text-align:center}.header-menu__btn{color:rgba(245,241,232,.9) !important;background:transparent !important;border:1px solid rgba(255,255,255,.18) !important;border-radius:999px !important;padding:10px 18px !important;font-family:var(--bm-sans);font-weight:500;height:47px;letter-spacing:.04em;text-transform:uppercase;font-size:16px}.header-menu__btn:hover{background:rgba(255,255,255,.08) !important;color:#fff !important}.menu1 .menu__header{background:var(--color-gold) !important;color:#ffffff !important;border:0 !important;border-radius:0 !important}.menu1 .menu__header-title{font-size:18px;letter-spacing:.18em;text-transform:uppercase;color:#ffffff !important}.menu1 .menu__collapse{background:#faf6ec !important;color:var(--bm-ink) !important;border:1px solid var(--bm-line);border-radius:6px}}header .menu2 .menu__level-1-a:hover{color:#fff !important}.heading{font-weight:500 !important;letter-spacing:-0.005em !important;font-size:38px;color:var(--bm-ink) !important;text-transform:none !important;justify-content:center;position:relative;padding-top:28px;margin-bottom:36px}.heading::before{content:"";display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);width:22px;height:22px;background:url("data:image/svg+xml;utf8,") no-repeat center / contain;opacity:.95}.heading__link{font-family:var(--bm-sans) !important;font-size:12.5px !important;letter-spacing:.06em;font-weight:600;color:var(--bm-ink-2) !important;text-decoration:none !important;border-bottom:1px solid var(--bm-line);padding-bottom:4px}.product-thumb{background:var(--bm-card);border:1px solid var(--bm-line);border-radius:6px;overflow:hidden;transition:transform .25s,box-shadow .25s}.product-thumb:hover{transform:translateY(-3px);box-shadow:0 14px 32px -18px rgba(20,24,42,.25)}.product-thumb__image{background:var(--bm-paper-2);margin:0 !important;overflow:hidden}.product-thumb__image img{transition:transform .4s ease}.product-thumb:hover .product-thumb__image img{transform:scale(1.04)}.product-thumb__caption{padding:16px 18px 20px}.product-thumb__name{font-size:19px !important;line-height:1.2 !important;color:var(--bm-ink) !important;font-weight:500;letter-spacing:-0.005em;min-height:46px}.product-thumb__model{font-family:var(--bm-sans) !important;font-size:10.5px !important;letter-spacing:.18em;color:var(--bm-brass-2) !important;text-transform:uppercase}.product-thumb__price.price{font-size:22px !important;font-weight:500;color:var(--bm-ink) !important;margin-top:8px}.price-old{color:var(--bm-muted) !important;font-family:var(--bm-sans) !important;font-size:13px !important;font-weight:400 !important}.price-new{color:var(--bm-rust) !important;font-weight:500}.product-thumb__add-to-cart{background:var(--bm-ink) !important;color:var(--bm-paper) !important;border:0 !important;padding:10px 16px !important;font-family:var(--bm-sans) !important;font-weight:600 !important;font-size:12.5px !important;letter-spacing:.05em;text-transform:uppercase;transition:background .2s}.product-thumb__add-to-cart:hover{background:var(--color-primary-hover) !important}.product-thumb__wishlist,.product-thumb__compare,.product-thumb__quick-order{background:transparent !important;border:1px solid var(--bm-line) !important;color:var(--bm-ink-2) !important;border-radius:50% !important;width:38px;height:38px}.product-thumb__wishlist:hover{color:var(--bm-rust) !important;border-color:var(--bm-rust) !important}.uni-sticker,.product-thumb__sticker{font-family:var(--bm-sans) !important;font-size:10px !important;letter-spacing:.18em;text-transform:uppercase;padding:4px 9px !important;border-radius:999px !important;font-weight:600 !important}.home-banner{padding:56px 0 !important}.home-banner__item{background:var(--bm-card);border:1px solid var(--bm-line);border-radius:6px;padding:22px 24px !important;display:flex !important;align-items:flex-start;gap:16px;transition:border-color .2s,transform .2s}.home-banner__item:hover{border-color:rgba(193,154,75,.45);transform:translateY(-2px)}.home-banner__icon,.home-banner__image{color:var(--bm-brass-2) !important;font-size:28px !important;width:48px !important;height:48px !important;display:inline-flex;align-items:center;justify-content:center;background:var(--bm-paper);border-radius:50%;flex-shrink:0}.home-banner__text-1{font-size:20px !important;font-weight:500 !important;color:var(--bm-ink) !important;letter-spacing:-0.005em;line-height:1.15}.home-banner__text{font-size:13px !important;color:var(--bm-muted) !important;line-height:1.5}.subscribe{background:var(--bm-ink) !important;color:var(--bm-paper) !important;padding:64px 0 !important;position:relative;overflow:hidden}.subscribe::before{content:"";position:absolute;top:-100px;right:-80px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(193,154,75,.18) 0%,transparent 70%);pointer-events:none}.subscribe-info{font-size:32px !important;line-height:1.1 !important;font-weight:400 !important;color:var(--color-bg-warm) !important;letter-spacing:-0.01em}.subscribe__icon{color:var(--bm-brass) !important;font-size:36px !important;display:block;margin-bottom:16px}.subscribe__block{background:rgba(245,241,232,.06);padding:8px;border-radius:999px;border:1px solid rgba(245,241,232,.12);display:flex;justify-content:center;align-items:center;gap:8px}.subscribe__input{background:transparent !important;border:0 !important;color:var(--color-bg-warm) !important;font-family:var(--bm-sans) !important;padding:10px 18px !important;flex:1}.subscribe__input::placeholder{color:var(--color-text-muted) !important}.subscribe__btn{background:var(--bm-brass) !important;color:var(--bm-ink) !important;border:0 !important;border-radius:999px !important;padding:12px 26px !important;font-family:var(--bm-sans) !important;font-weight:600 !important;letter-spacing:.04em;text-transform:uppercase;font-size:12.5px !important}.subscribe__btn:hover{background:var(--color-gold-hover) !important}.subscribe__agree{color:rgba(245,241,232,.6) !important;font-size:12px;margin-top:14px}.subscribe__agree a{color:var(--bm-brass) !important}.footer{background:var(--bm-ink) !important;color:var(--color-on-primary-muted) !important;padding:72px 0 40px !important;border-top:1px solid rgba(255,255,255,.06)}.footer__column-heading{color:var(--color-on-primary-muted) !important;font-family:var(--bm-sans) !important;font-size:11px !important;letter-spacing:.18em !important;text-transform:uppercase !important;font-weight:500 !important;margin-bottom:18px !important}.footer__column-heading-addr{font-family:var(--bm-sans) !important;font-size:11px !important}.footer__column-a,.footer__column-li{color:var(--color-on-primary-muted) !important;font-size:14px !important;font-family:var(--bm-sans) !important;line-height:1.6}.footer__column-a:hover{color:var(--color-bg-warm) !important}.footer__contacts-icon{color:var(--bm-brass) !important}.footer__contacts-li a{color:var(--color-on-primary-muted) !important;font-family:var(--bm-sans) !important;font-size:13px !important}.footer__socials-payments{border-top:1px solid rgba(255,255,255,.06) !important;margin-top:48px;padding-top:24px;background:transparent !important}.footer__socials-icon{width:38px !important;height:38px !important;border:1px solid rgba(245,241,232,.16);border-radius:50%;display:inline-flex !important;align-items:center;justify-content:center;color:var(--color-on-primary-muted) !important;margin-right:8px;transition:all .2s}.footer__socials-icon:hover{background:rgba(245,241,232,.06);color:var(--color-bg-warm) !important;border-color:rgba(245,241,232,.3)}.footer__payments-icon{filter:brightness(0) invert(.8);opacity:.7;height:22px !important;margin-right:6px}.footer__text{color:var(--color-text-muted) !important;font-size:12px;border-top:1px solid rgba(255,255,255,.06);padding-top:20px;margin-top:32px}.btn-primary{background:var(--bm-ink) !important;color:var(--bm-paper) !important;border:0 !important;border-radius:999px !important;padding:12px 24px !important;font-family:var(--bm-sans) !important;font-weight:600 !important;letter-spacing:.04em;text-transform:uppercase;font-size:12.5px;height:50px}.btn-primary:hover{background:var(--color-primary-hover) !important}.btn-default{background:transparent !important;color:var(--bm-ink) !important;border-radius:999px !important}.fly-block__item{background:var(--bm-ink) !important;color:var(--color-bg-warm) !important;border-radius:50% !important}.fly-block__item:hover{background:var(--bm-brass) !important;color:var(--bm-ink) !important}.fly-block__total{background:var(--bm-brass) !important;color:var(--bm-ink) !important}main{background:#ffffff}.home-page>.container{padding-top:16px}hr{border-color:var(--bm-line) !important}@media (max-width:992px){.header-logo__img{}.heading{font-size:28px !important}}@media (max-width:576px){.header-cart__btn{padding:6px 12px !important}.header-cart__btn span{display:none}.heading{font-size:24px !important}}.uni-module .product-thumb,.uni-module .product-thumb.uni-item,.product-thumb.uni-item{background:var(--bm-card) !important;border:1px solid var(--bm-line) !important;border-radius:8px !important;overflow:hidden !important;margin:0 0px 24px !important;box-shadow:0 1px 0 rgba(20,24,42,.02)}.uni-module .product-thumb:hover,.product-thumb.uni-item:hover{border-color:rgba(193,154,75,.4) !important;box-shadow:0 14px 32px -18px rgba(20,24,42,.25) !important;transform:translateY(-3px) !important}.product-thumb__image{margin:0 !important;padding:0 !important;background:#fff !important;border-bottom:1px solid var(--bm-line) !important;overflow:hidden}.product-thumb__image img,.product-thumb__image .img-responsive{display:block !important;margin:0 auto !important;max-width:100% !important;height:auto !important}.product-thumb__caption{padding:18px 18px 6px !important;display:flex;justify-content:center;flex-direction:column;gap:8px}.product-thumb__name{display:block;font-size:17px !important;line-height:1.25 !important;color:var(--bm-ink) !important;font-weight:500 !important;letter-spacing:-0.005em;min-height:auto !important;margin:0 !important;text-decoration:none !important}.product-thumb__name:hover{color:var(--bm-brass-2) !important}.product-thumb__model{font-family:var(--bm-sans) !important;font-size:10px !important;letter-spacing:.2em !important;color:var(--bm-brass-2) !important;text-transform:uppercase !important;margin:4px 0 0 !important;opacity:.9}.product-thumb__price,.product-thumb__price.price{font-size:24px !important;font-weight:500 !important;color:var(--bm-ink) !important;margin:0px 0 0px !important;padding:0 !important;border:0 !important}.uni-sticker,.product-thumb__sticker,.uni-stickers .uni-sticker,.uni-stickers__item{background:var(--bm-brass) !important;color:var(--bm-ink) !important;font-family:var(--bm-sans) !important;font-size:10px !important;letter-spacing:.15em !important;text-transform:uppercase !important;padding:5px 10px !important;border-radius:999px !important;border:0 !important;font-weight:600 !important;box-shadow:0 2px 6px rgba(20,24,42,.15)}.uni-sticker.special,.uni-sticker-special,.uni-sticker[class*="special"],.uni-sticker[class*="sale"]{background:var(--bm-rust) !important;color:#fff7e9 !important}.product-thumb__cart{display:flex !important;align-items:stretch;gap:8px;margin-top:10px;padding:0 !important;border:0 !important}.product-thumb .qty-switch{border:1px solid var(--bm-line) !important;border-radius:10px;background:#fff !important;overflow:hidden;height:44px}.qty-switch__input{border:0 !important;background:transparent !important;font-family:var(--bm-sans) !important;font-weight:500;color:var(--bm-ink) !important;width:36px !important;text-align:center}.qty-switch__btn{color:var(--bm-ink-2) !important;background:transparent !important}.product-thumb__add-to-cart,.product-thumb__add-to-cart.btn{background:var(--bm-ink) !important;color:var(--bm-paper) !important;border-radius:999px;padding:0 14px !important;font-family:var(--bm-sans) !important;font-weight:600 !important;font-size:12px !important;letter-spacing:.06em !important;text-transform:uppercase !important;height:44px;flex:1 1 auto;width:auto;min-width:0;display:inline-flex !important;align-items:center;justify-content:center;gap:8px;transition:background .2s}.product-thumb__add-to-cart:hover{background:var(--color-primary-hover) !important;color:var(--bm-paper) !important}.product-thumb__add-to-cart i{font-size:14px !important;display:none}.product-thumb__quick-order,.product-thumb__wishlist,.product-thumb__compare{width:44px !important;height:44px !important;border-radius:999px !important;border:1px solid var(--bm-line) !important;background:#fff !important;color:var(--bm-ink-2) !important;padding:0 !important;display:inline-flex !important;align-items:center;justify-content:center;flex-shrink:0}.product-thumb__quick-order span,.product-thumb__wishlist span,.product-thumb__compare span{display:none}.product-thumb__wishlist:hover{color:var(--bm-rust) !important;border-color:var(--bm-rust) !important}.product-thumb__quick-order:hover{color:var(--bm-brass-2) !important;border-color:var(--bm-brass) !important}.product-thumb__rating,.rating-star{color:var(--bm-brass) !important;font-size:12px;margin:4px 0 0 !important}.product-thumb__image .additional-images,.product-thumb__image .swiper-pagination{bottom:8px !important}.product-thumb__image .swiper-pagination-bullet{background:var(--bm-brass) !important;opacity:.35}.product-thumb__image .swiper-pagination-bullet-active{opacity:1}.uni-module__wrapper{padding:0 !important}.uni-module .owl-stage-outer,.uni-module .swiper-wrapper{padding-bottom:8px}.uni-module .owl-nav button,.uni-module .swiper-button-prev,.uni-module .swiper-button-next{background:var(--bm-ink) !important;color:var(--bm-paper) !important;border-radius:50% !important;width:44px !important;height:44px !important}.uni-module .swiper-button-prev::after,.uni-module .swiper-button-next::after{font-size:14px !important;color:var(--bm-paper)}.footer,.footer *{color:var(--color-on-primary-muted)}.footer__column,.footer__column-ul,.footer__column-li,.footer__column-li a,.footer__column-a,.footer__contacts-li,.footer__contacts-li a{color:var(--color-on-primary-muted) !important;font-family:var(--bm-sans) !important;font-size:14px !important;line-height:1.7 !important;text-decoration:none !important}.footer__column-a:hover,.footer__column-li a:hover{color:var(--color-bg-warm) !important}.footer__column-heading,.footer__column-heading-addr{color:var(--bm-brass) !important;font-family:var(--bm-sans) !important;font-size:11px !important;letter-spacing:.22em !important;text-transform:uppercase !important;font-weight:500 !important;margin-bottom:20px !important;padding-bottom:0 !important;border:0 !important}.footer__contacts-icon,.footer__contacts-li i,.footer__contacts-li .fa,.footer__contacts-li .fas,.footer__contacts-li .far{color:var(--bm-brass) !important;margin-right:8px}.footer__contacts-li a{font-family:var(--bm-sans) !important;font-size:13px !important;letter-spacing:.02em !important;color:var(--color-on-primary-muted) !important}.footer__media,.footer__socials{display:flex !important;gap:10px !important;background:transparent !important}.footer__socials-icon,.footer__media a,.footer__media .fab,.footer__media i{width:40px !important;height:40px !important;background:transparent !important;background-color:transparent !important;border:1px solid rgba(245,241,232,.18) !important;border-radius:50% !important;color:var(--color-on-primary-muted) !important;display:inline-flex !important;align-items:center;justify-content:center;font-size:15px !important;transition:all .2s;padding:0 !important}.footer__socials-icon:hover,.footer__media a:hover,.footer__media i:hover{background:rgba(245,241,232,.06) !important;color:var(--color-bg-warm) !important;border-color:rgba(245,241,232,.35) !important}.footer__payments{display:flex !important;gap:8px !important;align-items:center;background:transparent !important;padding:0 !important;flex-wrap:wrap}.footer__payments-icon{background:transparent !important;background-color:transparent !important;height:24px !important;width:auto !important;opacity:.7;filter:brightness(0) invert(.9);transition:opacity .2s}.footer__payments-icon:hover{opacity:1}.footer__socials-payments{background:transparent !important;border-top:1px solid rgba(245,241,232,.08) !important;margin-top:40px;padding:24px 0 !important}.footer .col-sm-12:empty,.footer .col-md-3:empty,.footer [class*="col-"]:empty,.footer__column:empty{display:none !important}.footer [style*="background:#fff"],.footer [style*="background:#fff"],.footer [style*="background-color:#fff"],.footer [style*="background-color:#fff"]{background:transparent !important}.footer .row,.footer .row-flex{row-gap:0px}.footer__column{padding-top:8px;padding-bottom:8px}.footer__contacts-li{display:flex !important;align-items:center;gap:8px;margin-bottom:8px}body .footer,body .footer a,body .footer__column,body .footer__column-ul,body .footer__column-li,body .footer__column-li a,body .footer__column-a,body .footer__column-a:hover,body .footer__column-a:active,body .footer__column-a:visited,body .footer__contacts-li,body .footer__contacts-li a{color:var(--color-on-primary-muted) !important;text-decoration:none !important;font-family:var(--bm-sans) !important;line-height:1.7 !important}body .footer__column-a:hover,body .footer a:hover{color:var(--color-bg-warm) !important;text-decoration:none !important}body .footer__column-heading,body .footer__column-heading-addr{color:var(--bm-brass) !important;font-family:var(--bm-sans) !important;font-size:16px !important;letter-spacing:.22em !important;text-transform:uppercase !important;font-weight:500 !important;margin-bottom:20px !important;border:0 !important}body .footer__contacts-icon,body .footer__contacts-li i{color:var(--bm-brass) !important;margin-right:10px !important;min-width:18px}body .footer__contacts-li a{font-size:13px !important;color:var(--color-on-primary-muted) !important}body .footer__socials-icon,body .footer__socials-icon.fa-odnoklassniki,body .footer__socials-icon.fa-vk,body .footer__socials-icon.fa-facebook,body .footer__socials-icon.fa-twitter,body .footer__socials-icon.fa-google-plus,body .footer__socials-icon.fa-instagram,body .footer__socials-icon.fa-youtube,body .footer__socials-icon.fa-viber,body .footer__socials-icon.fa-whatsapp,body .footer__socials-icon.fa-tiktok,body .footer__socials-icon.fa-telegram-plane,body .footer__socials-icon.fa-telegram,body .footer__socials-icon[class*="fa-"]{width:40px !important;height:40px !important;line-height:40px !important;background:transparent !important;background-color:transparent !important;border:1px solid rgba(245,241,232,.18) !important;border-radius:50% !important;color:var(--color-on-primary-muted) !important;display:inline-flex !important;align-items:center;justify-content:center;font-size:15px !important;opacity:1 !important;transition:all .2s !important;margin-right:8px !important}body .footer__socials-icon:hover{background:rgba(245,241,232,.06) !important;color:var(--color-bg-warm) !important;border-color:rgba(245,241,232,.35) !important}body .footer__payments{display:flex !important;gap:8px !important;justify-content:flex-end;flex-wrap:wrap;background:transparent !important;padding:0 !important;margin:0 !important}body .footer__payments-icon{background-color:rgba(245,241,232,.08) !important;height:30px !important;width:50px !important;border-radius:4px !important;margin:0 !important;opacity:.85;filter:invert(.85) brightness(1.1)}body .footer__payments-icon img{filter:brightness(0) invert(.9);opacity:.8}body .footer__payments-icon:hover{opacity:1}body .footer__socials-payments{background:transparent !important;background-color:transparent !important;border-top:1px solid rgba(245,241,232,.08) !important;margin-top:10px !important;padding:24px 0 !important}body .footer{background:var(--bm-ink) !important;color:var(--color-on-primary-muted) !important;padding:10px 0 0px !important}body .footer [style*="background:#fff"],body .footer [style*="background:#fff"],body .footer [style*="background-color:#fff"],body .footer [style*="background-color:#fff"],body .footer [style*="background:#FFF"],body .footer [style*="background:white"]{background:transparent !important;background-color:transparent !important}body .footer .col-sm-12:empty,body .footer__column:empty{display:none !important}body .footer__contacts-li{display:flex !important;align-items:center;gap:4px;margin-bottom:10px;padding-left:0 !important}body .footer__contacts-li:before{display:none !important}body .footer__text{color:var(--color-text-muted) !important;font-size:12px !important;border-top:1px solid rgba(245,241,232,.08);padding-top:18px;margin-top:0px}.product-thumb .sticker{position:absolute !important;top:12px !important;left:12px !important;z-index:8;display:flex;justify-content:center;flex-direction:column;gap:6px}.product-thumb .sticker__item,.product-thumb .sticker__item.new,.product-thumb .sticker__item.special,.product-thumb .sticker__item.bestseller,.product-thumb .sticker__item.reward,.product-thumb .sticker__item.sku,.product-thumb .sticker__item.upc,.product-thumb .sticker__item.ean,.product-thumb .sticker__item.jan,.product-thumb .sticker__item.isbn,.product-thumb .sticker__item.mpn{height:auto !important;padding:5px 10px !important;border-radius:999px !important;font-family:var(--bm-sans) !important;font-size:10px !important;font-weight:600 !important;letter-spacing:.15em !important;text-transform:uppercase !important;background:var(--bm-brass) !important;color:#ffffff !important;opacity:1 !important;float:none !important;clear:none !important;margin:0 !important;box-shadow:0 2px 6px rgba(20,24,42,.15);white-space:nowrap;width:fit-content}.product-thumb .sticker__item.special{background:var(--bm-rust) !important;color:#fff7e9 !important}.product-thumb .sticker__item.bestseller{background:var(--bm-ink) !important;color:var(--bm-brass) !important}body .uni-module .product-thumb,body .uni-module .product-thumb.uni-item,body .product-thumb.uni-item{background:var(--bm-card) !important;border:1px solid #e0d8c5 !important;border-radius:8px !important;padding:0;overflow:hidden !important;box-shadow:0 1px 0 rgba(20,24,42,.04),0 2px 8px -4px rgba(20,24,42,.06);transition:transform .25s,box-shadow .25s,border-color .25s !important}body .uni-module .product-thumb:hover,body .product-thumb.uni-item:hover{border-color:rgba(193,154,75,.55) !important;box-shadow:0 14px 32px -18px rgba(20,24,42,.3),0 2px 8px -4px rgba(193,154,75,.15) !important;transform:translateY(-4px) !important}body .product-thumb__image{background:#fff !important;border-bottom:1px solid var(--bm-line) !important;margin:0 !important}body .uni-module .product-thumb__compare{display:none !important}body .uni-module .product-thumb__wishlist{position:absolute !important;top:12px !important;right:12px !important;width:36px !important;height:36px !important;background:rgba(255,255,255,.92) !important;border:1px solid var(--bm-line) !important;border-radius:50% !important;color:var(--bm-ink-2) !important;z-index:8;opacity:0;transition:opacity .2s,color .2s,border-color .2s}body .uni-module .product-thumb:hover .product-thumb__wishlist{opacity:1}body .uni-module .product-thumb__wishlist:hover{color:var(--bm-rust) !important;border-color:var(--bm-rust) !important}body .uni-module .product-thumb__quick-order{width:44px !important;height:44px !important;border:1px solid var(--bm-line) !important;background:#fff !important;border-radius:999px !important;color:var(--bm-brass-2) !important}body .uni-module .product-thumb__quick-order:hover{color:var(--bm-brass-2) !important;border-color:var(--bm-brass) !important;background:var(--bm-paper) !important;border-radius:999px !important}.uni-module__wrapper{padding:4px 4px 12px !important}.uni-module .owl-dots .owl-dot span,.uni-module .swiper-pagination-bullet{background:var(--bm-line) !important;opacity:.6;width:24px !important;height:3px !important;border-radius:2px !important;transition:all .2s}.uni-module .owl-dots .owl-dot.active span,.uni-module .swiper-pagination-bullet-active{background:var(--bm-brass) !important;opacity:1}.bm-cat-nav{background:var(--color-primary);border-top:1px solid rgba(193,154,75,.25);border-bottom:1px solid rgba(193,154,75,.18)}.bm-cat-nav__inner{display:flex;justify-content:center;align-items:center;padding:0;gap:0;min-height:42px}.bm-cat-nav__label{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--color-gold);white-space:nowrap;padding-right:18px;border-right:1px solid rgba(193,154,75,.3);margin-right:18px;text-transform:uppercase;flex-shrink:0}.bm-cat-nav__list{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:0}.bm-cat-nav__list li{display:flex;justify-content:center;align-items:center}.bm-cat-nav__list li+li::before{content:'·';color:rgba(193,154,75,.5);margin:0 10px;font-size:14px;line-height:1}.bm-cat-nav__list a{color:rgba(255,255,255,.82);font-size:13px;font-weight:400;text-decoration:none;white-space:nowrap;transition:color .2s;padding:11px 0;display:block}.bm-cat-nav__list a:hover{color:var(--color-gold);text-decoration:none}html,body{overflow-x:hidden;max-width:100%}@supports (padding-left:env(safe-area-inset-left)){#top,.header-section,header,.bm-cat-nav,footer,#footer{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:0 !important}}@media (max-width:992px){.bm-hero__wrap{grid-template-columns:1fr !important;gap:32px !important}.bm-cat-nav__label{display:none}.bm-cat-nav__list{justify-content:center;flex-wrap:wrap;gap:0}}@media (max-width:576px){.bm-hero{margin:0 !important;padding:36px 0 48px !important}.bm-hero__title{font-size:clamp(30px,8vw,44px) !important;margin-bottom:16px !important}.bm-hero__eyebrow{font-size:11px !important;letter-spacing:.08em !important;margin-bottom:12px !important}.bm-hero__lede{font-size:15px !important;margin-bottom:24px !important}.bm-hero__cta{flex-direction:column !important;gap:10px !important;align-items:stretch !important}.bm-hero__btn{width:100% !important;justify-content:center !important;padding:13px 20px !important;font-size:12px !important}.bm-hero__meta{gap:20px !important;flex-wrap:wrap !important;margin-top:28px !important;padding-top:20px !important}.bm-hero__meta-val{font-size:24px !important}.bm-hero__meta-lbl{font-size:11px !important}.bm-hero__visual,.bm-hero__img-wrap{max-width:100% !important;overflow:hidden !important}.bm-hero__img{max-width:100% !important;height:auto !important}.bm-sec-header{flex-direction:column !important;align-items:flex-start !important;gap:8px !important}.bm-sec-header__link{white-space:normal !important;font-size:12px !important}.bm-sec-header__title{font-size:clamp(20px,5.5vw,28px) !important}.bm-cats__header{flex-direction:column !important;align-items:flex-start !important;gap:8px !important}.bm-cats__link{white-space:normal !important;font-size:12px !important}.bm-cat-nav__inner{flex-direction:column !important;align-items:flex-start !important;padding:8px 15px !important;min-height:unset !important;gap:4px !important}.bm-cat-nav__list{justify-content:flex-start !important}.bm-cat-nav__list a{font-size:12px !important;padding:6px 0 !important}.bm-prods__header{flex-direction:column !important;align-items:flex-start !important;gap:8px !important}.bm-hero__wrap,.bm-cats,.bm-prods,.bm-sec-header{overflow-x:hidden !important}.breadcrumb-h1 h1,.product-page h1{overflow-wrap:break-word !important;word-break:break-word !important;font-size:clamp(18px,5.2vw,24px) !important;line-height:1.3 !important;margin-bottom:14px !important}.product-data{margin-bottom:16px !important}.product-data__item{flex-direction:column !important;gap:1px !important;margin-bottom:10px !important;padding-bottom:10px !important;border-bottom:1px solid #f0ece4 !important}.product-data__item:last-child{border-bottom:none !important;margin-bottom:0 !important}.product-data__item-div:first-child{width:100% !important;min-width:100% !important;font-size:10px !important;font-weight:600 !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:#999 !important;align-items:center !important}.product-data__item-div:first-child::after{display:none !important}.product-data__item-div:last-child,.product-data__item>a,.product-data__item>span{width:100% !important;min-width:100% !important;font-size:14px !important;color:var(--color-primary) !important}.product-page__price{font-size:2.2em !important;margin:14px 0 18px !important}.product-page__cart{display:flex !important;flex-direction:column !important;gap:10px !important;align-items:stretch !important}.product-page__cart>.qty-switch,.product-page__cart>.product-page__add-to-cart{flex:none !important}.product-page__cart{flex-direction:row !important;flex-wrap:wrap !important;gap:8px !important}.product-page .qty-switch{flex:0 0 auto !important;display:flex !important;align-items:center !important;height:48px !important;border:1.5px solid var(--color-border) !important;border-radius:999px !important;overflow:hidden !important;background:#fff !important;padding:0 !important;gap:0 !important}.product-page .qty-switch__input{width:42px !important;height:100% !important;font-size:16px !important;font-weight:600 !important;text-align:center !important;border:none !important;outline:none !important;box-shadow:none !important;background:transparent !important;padding:0 !important;color:var(--color-primary) !important}.product-page .qty-switch>div{display:flex !important;flex-direction:column !important;height:100% !important;border-left:1.5px solid var(--color-border) !important}.product-page .qty-switch__btn{flex:1 1 50% !important;width:32px !important;height:50% !important;line-height:1 !important;font-size:13px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#f7f5f0 !important;color:#2a2f44 !important;cursor:pointer !important;border:none !important;padding:0 !important}.product-page .qty-switch__btn.fa-plus{border-bottom:1px solid var(--color-border) !important}.product-page .qty-switch__btn:active{background:#ede8de !important}.product-page__add-to-cart{flex:1 1 auto !important;height:48px !important;font-size:15px !important;font-weight:600 !important;margin-right:0 !important;border-radius:999px !important;letter-spacing:.02em !important}.product-page__quick-order{flex:1 1 100% !important;height:48px !important;font-size:14px !important;font-weight:500 !important;margin:0 !important;border-radius:999px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;background:transparent !important;border:1.5px solid var(--color-gold) !important;color:var(--color-gold-deep) !important}.product-page__quick-order:hover,.product-page__quick-order:active{background:var(--color-bg-warm) !important;color:var(--color-gold-deep) !important}.product-page__quick-order span{display:inline !important}.product-page-tabs.nav-tabs{display:flex !important;flex-wrap:nowrap !important;gap:0 !important}.product-page-tabs.nav-tabs>li{flex:1 1 auto !important;text-align:center !important}.product-page-tabs.nav-tabs>li>a{padding:10px 8px !important;font-size:13px !important;white-space:nowrap !important}.tab-content,#tab-description,.tab-pane,.tab-pane p,.tab-pane li{overflow-wrap:break-word !important;word-break:break-word !important;max-width:100% !important}#tab-description img{max-width:100% !important;height:auto !important}.product-page__image{margin-bottom:20px !important}.product-page__image-addit-img{max-height:70px !important;object-fit:contain !important}}
/* two-font */
body{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif!important}
body *{font-family:inherit!important}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,
.bm-hero__title,.bm-cats__title,.bm-cat__name,.bm-sec-header__title,
.bm-quiet__title,.heading,.footer__column-heading,.menu__header-title{font-family:"Cormorant Garamond",Georgia,serif!important}
.fa,.fas,.far,.fab,.fal,[class^="fa-"],[class*=" fa-"]{font-family:"Font Awesome 5 Free"!important}
.fab{font-family:"Font Awesome 5 Brands"!important}
/* product card — unified */
.product-thumb__name{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:-0.01em!important;min-height:0!important}
.product-thumb__price,.product-thumb__price.price,.price-new,.price-old{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif!important;font-weight:400!important;font-size:18px!important;letter-spacing:-0.02em!important}
.product-thumb__model{font-family:"Manrope",ui-sans-serif,system-ui,sans-serif!important;font-size:10px!important;font-weight:400!important;letter-spacing:.12em!important;text-transform:uppercase!important}
/* === fix: product page mobile === */
/* 1. Артикул = такий самий вигляд як Виробник */
.product-data__item-div:first-child{font-size:13px!important;font-weight:400!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--bm-muted)!important;margin-bottom:2px!important}
.product-data__item-div:last-child,.product-data__item>a,.product-data__item>span{font-size:13px!important;font-weight:400!important;color:var(--bm-ink)!important}
/* 2. Быстрый заказ — округлая кнопка на мобиле, не конфликтует с десктопом */
.product-page__quick-order{border-radius:999px!important;border:1.5px solid var(--color-gold)!important;color:var(--color-gold-deep)!important;background:transparent!important}
.product-page__quick-order:hover,.product-page__quick-order:active{background:var(--color-bg-warm)!important;color:var(--color-gold-deep)!important}
@media(max-width:992px){
.product-page__quick-order{flex:1 1 100%!important;height:48px!important;font-size:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:12px!important}
.product-page__quick-order span{display:inline!important}
}
/* 3. Онлайн чат — z-index */
.lc-label,.lc-chatbox{z-index:900!important}
/* bm-cat-nav mobile — compact, no extra gap below header */
@media (max-width: 991px) {
.bm-cat-nav__label {
display: none !important;
}
.bm-cat-nav {
padding: 0 !important;
margin: 0 !important;
border-top: 1px solid rgba(184, 147, 90, 0.22);
border-bottom: none !important;
}
header {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.bm-cat-nav {
width: 100%;
max-width: 100%;
clear: both;
overflow: hidden;
}
.bm-cat-nav .container {
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
touch-action: pan-x;
}
.bm-cat-nav .container::-webkit-scrollbar {
display: none;
}
.bm-cat-nav__inner {
display: block !important;
width: max-content;
min-width: 100%;
min-height: 0 !important;
height: auto !important;
padding: 0 !important;
overflow: visible !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0 !important;
}
.bm-cat-nav__list {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
align-items: center !important;
width: max-content;
min-width: 100%;
white-space: nowrap;
gap: 0 !important;
padding: 0 12px;
margin: 0;
list-style: none;
}
.bm-cat-nav__list li {
flex: 0 0 auto;
flex-shrink: 0;
}
.bm-cat-nav__list a {
font-size: 12px !important;
padding: 8px 10px !important;
display: block;
}
.bm-header-shell {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.bm-header-bar__menu-row {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
max-height: 0;
overflow: visible !important;
line-height: 0;
}
.bm-header-bar__menu-row .main-menu {
margin: 0 !important;
padding: 0 !important;
}
.bm-header-bar__menu-row .main-menu.not-before,
.bm-header-bar__menu-row .not-before {
padding: 0 !important;
}
}
@media (max-width: 576px) {
.bm-cat-nav__inner {
display: block !important;
flex-direction: row !important;
align-items: center !important;
padding: 0 !important;
gap: 0 !important;
width: max-content;
min-width: 100%;
}
.bm-cat-nav__list {
justify-content: flex-start !important;
flex-wrap: nowrap !important;
background: #14182a !important;
}
}
@media (max-width: 991px) {
.bm-cat-nav__list {
background: #14182a !important;
}
}
/* Картка товару: без «склеєної» смуги qty + купити + доставка — див. блок в кінці файлу */
.product-thumb__cart:not(:has(.qty-switch)) .product-thumb__quick-order {
display: none !important;
}
.modal-title{margin-right:45px!important;font-weight:700!important;font-size:25px!important}
.btn-primary{background:var(--bm-ink)!important;color:var(--bm-paper)!important;border:0!important;border-radius:999px!important;padding:12px 24px!important;font-family:var(--bm-sans)!important;font-weight:600!important;letter-spacing:.04em!important;text-transform:uppercase!important;font-size:12.5px!important;height:40px!important}
@media (min-width:992px){.bm-cat-nav{position:relative;z-index:40!important}}
/* bm-cat-nav desktop — на всю ширину, пункты растянуты как в макете */
@media (min-width: 992px) {
.bm-cat-nav .container {
width: 100%;
max-width: 1460px;
margin-left: auto;
margin-right: auto;
padding-left: 28px;
padding-right: 28px;
box-sizing: border-box;
}
.bm-cat-nav__inner {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
min-height: 44px !important;
padding: 0 !important;
gap: 0 !important;
}
a.bm-cat-nav__label,
.bm-cat-nav__label {
display: inline-flex !important;
flex-shrink: 0;
margin-right: 14px;
padding-right: 18px;
color: var(--color-gold) !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
text-decoration: none !important;
white-space: nowrap;
border-right: 1px solid rgba(193, 154, 75, 0.35);
transition: color 0.15s ease;
}
a.bm-cat-nav__label:hover,
a.bm-cat-nav__label:focus {
color: var(--color-gold-hover) !important;
text-decoration: none !important;
}
.bm-cat-nav__list {
display: flex !important;
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
flex-wrap: nowrap !important;
justify-content: space-between !important;
align-items: center !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.bm-cat-nav__list li {
flex: 1 1 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
position: relative;
}
.bm-cat-nav__list li + li::before {
content: "·" !important;
position: absolute;
left: 0;
top: 50%;
transform: translate(-50%, -50%);
margin: 0 !important;
color: rgba(184, 147, 90, 0.45);
font-size: 14px;
line-height: 1;
pointer-events: none;
}
.bm-cat-nav__list a {
display: block !important;
width: 100%;
padding: 11px 4px !important;
font-size: 13.5px !important;
text-align: center;
box-sizing: border-box;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
.bm-cat-nav__list a {
font-size: 12px !important;
padding-left: 2px !important;
padding-right: 2px !important;
}
}
/* hero: боковые отступы как у bm-cats (28px), без bleed -15px */
@media (max-width: 991px) {
.bm-hero {
margin-left: 0 !important;
margin-right: 0 !important;
}
.bm-hero__wrap {
padding-left: 28px !important;
padding-right: 28px !important;
box-sizing: border-box;
max-width: 100%;
}
}
/* hero: портрет — колонка; альбом — текст слева, картинка справа */
@media (max-width: 767px) and (orientation: portrait) {
.bm-hero__label {
display: none !important;
}
.bm-hero {
margin: 0 !important;
padding: 20px 0 24px !important;
overflow: hidden !important;
}
.bm-hero__wrap {
gap: 16px !important;
}
.bm-hero__visual {
min-height: 260px !important;
border-radius: 10px !important;
overflow: hidden !important;
width: 100% !important;
}
}
@media (max-width: 991px) and (orientation: landscape) {
.bm-hero {
margin-left: 0 !important;
margin-right: 0 !important;
padding: 20px 0 24px !important;
overflow: hidden !important;
}
.bm-hero__wrap {
display: grid !important;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
gap: 20px !important;
align-items: center !important;
padding-left: 28px !important;
padding-right: 28px !important;
}
.bm-hero__copy {
min-width: 0;
}
.bm-hero__eyebrow {
font-size: 11px !important;
margin-bottom: 10px !important;
}
.bm-hero__title {
font-size: clamp(26px, 4.5vw, 40px) !important;
margin-bottom: 12px !important;
}
.bm-hero__lede {
font-size: 14px !important;
line-height: 1.45 !important;
margin-bottom: 16px !important;
max-width: none !important;
}
.bm-hero__cta {
gap: 8px !important;
flex-wrap: wrap !important;
}
.bm-hero__btn {
padding: 10px 16px !important;
font-size: 11px !important;
}
.bm-hero__meta {
margin-top: 16px !important;
padding-top: 12px !important;
gap: 14px !important;
flex-wrap: wrap !important;
}
.bm-hero__meta b {
font-size: 20px !important;
}
.bm-hero__meta span {
font-size: 10px !important;
}
.bm-hero__visual {
position: relative !important;
min-height: 0 !important;
height: auto !important;
max-height: min(70vh, 260px) !important;
aspect-ratio: 16 / 10;
width: 100% !important;
border-radius: 6px !important;
overflow: hidden !important;
}
.bm-hero__visual img,
.bm-hero__visual video {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
object-position: center 35% !important;
display: block !important;
}
.bm-hero__label {
display: flex !important;
}
.bm-hero__moon {
width: 56px !important;
height: 56px !important;
top: 12px !important;
right: 12px !important;
}
}
/* ── Product page: pentagram-style grid (left: gallery+tabs | right: buy) ── */
/* Не трогать .product-layout в листинге категории — тот же класс у col в сетке */
#product .product-layout,.product-page.product-layout{margin-bottom:32px;width:100%;max-width:100%;box-sizing:border-box}
#product.uni-wrapper,#product.uni-wrapper>.row,.product-page.product-layout{width:100%!important;max-width:100%!important;float:none!important;box-sizing:border-box}
#product.uni-wrapper>.row,.product-page.product-layout>.row{margin-left:0!important;margin-right:0!important}
.product-layout__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,400px);grid-template-rows:auto auto;gap:20px;align-items:start;width:100%;max-width:100%;box-sizing:border-box}
.product-layout__card--gallery{grid-column:1;grid-row:1;min-width:0}
.product-layout__card--tabs{grid-column:1;grid-row:2;min-width:0}
.product-layout__card--summary{grid-column:2;grid-row:1/span 2;align-self:start;min-width:0}
.product-layout__card{background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:24px;width:100%;max-width:100%;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}
.product-layout__card.product-layout__card--summary{overflow:visible!important}
.product-layout__card--gallery .product-page__image:not(.fixed){margin:0!important;width:100%;max-width:100%;position:static!important;top:auto!important;overflow:hidden}
/* Lightbox галереї (uniPPI) — не перебивати position:fixed з product-page.css */
.product-layout__card--gallery .product-page__image.fixed,
#product .product-page__image.fixed{
position:fixed!important;
z-index:10150!important;
top:0!important;
left:0!important;
width:100%!important;
height:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
display:flex!important;
flex-direction:column!important;
background:#fff!important;
box-sizing:border-box!important;
}
.product-layout__card--gallery .product-page__image.fixed .product-page__image-main{
flex:1 1 auto!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:100%!important;
min-height:0!important;
margin:0!important;
overflow:hidden!important;
}
.product-layout__card--gallery .product-page__image.fixed .product-page__image-main-carousel,
.product-layout__card--gallery .product-page__image.fixed .product-page__image-main .owl-stage-outer,
.product-layout__card--gallery .product-page__image.fixed .product-page__image-main .owl-stage{
width:100%!important;
height:100%!important;
max-width:100%!important;
transform:none!important;
-webkit-transform:none!important;
left:0!important;
margin:0!important;
}
.product-layout__card--gallery .product-page__image.fixed .product-page__image-main .owl-stage{
display:flex!important;
align-items:center!important;
justify-content:center!important;
}
.product-layout__card--gallery .product-page__image.fixed .product-page__image-main .owl-item{
width:100%!important;
min-width:100%!important;
height:100%!important;
left:0!important;
right:0!important;
transform:none!important;
-webkit-transform:none!important;
display:none!important;
align-items:center!important;
justify-content:center!important;
background-size:contain!important;
background-position:center center!important;
background-repeat:no-repeat!important;
}
.product-layout__card--gallery .product-page__image.fixed .product-page__image-main .owl-item.active{
display:flex!important;
}
.product-layout__card--gallery .product-page__image.fixed .product-page__image-main-a,
.product-layout__card--gallery .product-page__image.fixed .product-page__image-main .owl-item > a,
.product-layout__card--gallery .product-page__image.fixed .product-page__image-main .owl-item > div{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
height:100%!important;
margin:0!important;
background:none!important;
}
.product-layout__card--gallery .product-page__image.fixed .product-page__image-main-img{
width:auto!important;
height:auto!important;
max-width:calc(100vw - 24px)!important;
max-height:calc(100vh - 140px)!important;
margin:0 auto!important;
opacity:1!important;
visibility:visible!important;
display:block!important;
object-fit:contain!important;
}
.product-layout__card--gallery .product-page__image.fixed .product-page__image-product-name{
display:flex!important;
flex:0 0 auto!important;
position:relative!important;
z-index:2!important;
padding-top:max(8px,env(safe-area-inset-top))!important;
}
.product-layout__card--gallery .product-page__image.fixed .product-page__image-close{
display:flex!important;
align-items:center!important;
justify-content:center!important;
min-width:50px!important;
min-height:50px!important;
cursor:pointer!important;
position:relative!important;
z-index:3!important;
flex-shrink:0!important;
}
body.scroll-disabled2:has(.product-page__image.fixed) header,
body.scroll-disabled2:has(.product-page__image.fixed) header > #top.top-menu{
z-index:100!important;
}
.product-layout__card--gallery .product-page__image-main{margin-bottom:16px;border:0;background:transparent;overflow:hidden}
.product-layout__card--gallery .product-page__image-main-img{border-radius:4px;max-width:100%;height:auto}
.product-layout__card--gallery .product-page__image-addit{margin:0;padding:0;max-width:100%;overflow:hidden}
.product-layout__card--gallery .product-page__image-addit .owl-stage-outer{overflow:hidden}
.product-layout__card--gallery .product-page__image-addit-img{border-color:#e0e0e0;border-radius:6px}
.product-layout__card--summary .product-block--buy{width:100%;padding:0;display:flex;flex-direction:column;flex:1}
.product-layout__title{font-family:var(--bm-serif,Georgia,serif)!important;font-size:clamp(21px,2.4vw,24px)!important;font-weight:400!important;line-height:1.22!important;margin:0 0 14px!important;color:var(--bm-ink)!important;letter-spacing:-0.01em!important}
.product-layout__rating{margin:0 0 14px}
.product-layout__rating .rating-model{display:flex!important;margin:0!important}
.product-layout__card--summary .product-data,
.product-data--summary{border:0!important;margin:0 0 8px!important;padding:0!important;background:transparent!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
.product-layout__card--summary .product-data__item,
.product-data--summary .product-data__item{
font-size:14px!important;
border-bottom:1px solid #f0ece4!important;
display:grid!important;
line-height:1.45!important;
grid-auto-flow:column!important;
justify-content:space-between!important;
}
.product-layout__card--summary .product-data__item.stock .product-data__value,
.product-data--summary .product-data__item.stock .product-data__value{color:#17b260!important;font-weight:500!important}
.product-layout__card--summary .product-data__item-div:first-child:after{display:none!important}
.product-block--buy .product-page__price{
font-size:clamp(28px,3vw,36px)!important;
font-weight:500!important;
line-height:1.2!important;
margin:12px 0 16px!important;
padding:12px 0 2px!important;
color:var(--bm-ink)!important;
overflow:visible!important;
border-top:1px solid #f0ece4;
}
.product-block--buy .product-page__price .price-new{color:var(--bm-rust)!important}
.product-block--buy .product-page__cart{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important;align-content:flex-start;gap:10px!important;width:100%!important;margin:0!important}
.product-block--buy .product-page__cart .qty-switch{flex:0 0 108px!important;display:flex!important;align-items:stretch!important;height:48px!important;margin:0!important;border:1.5px solid var(--color-border)!important;border-radius:8px!important;overflow:hidden;background:#fff!important}
.product-block--buy .product-page__cart .qty-switch__input{flex:1 1 auto!important;width:42px!important;min-width:42px!important;height:100%!important;min-height:48px!important;line-height:48px!important;padding:0!important;border:0!important;font-size:16px!important;font-weight:600!important;text-align:center!important}
.product-block--buy .product-page__cart .qty-switch>div{display:flex!important;flex-direction:column!important;flex:0 0 32px!important;height:100%!important;border-left:1.5px solid var(--color-border)!important}
.product-block--buy .product-page__cart .qty-switch__btn{flex:1 1 50%!important;width:32px!important;height:auto!important;min-height:0!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;font-size:12px!important;background:#f7f5f0!important}
.product-block--buy .product-page__cart .qty-switch__btn.fa-plus{border-bottom:1px solid var(--color-border)!important}
.product-block--buy .product-page__add-to-cart{flex:1 1 calc(100% - 120px)!important;min-width:140px!important;max-width:none!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 18px!important;border-radius:999px!important;font-size:15px!important;font-weight:700!important;letter-spacing:.05em;text-transform:uppercase;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:var(--color-primary)!important;color:var(--color-white)!important;border:0!important}
.product-block--buy .product-page__add-to-cart span,.product-block--buy .product-page__quick-order span{display:inline!important}
.product-block--buy .product-page__quick-order{flex:0 0 100%!important;width:100%!important;max-width:100%!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 18px!important;border-radius:8px!important;border:1.5px solid var(--bm-brass)!important;color:var(--bm-brass-2)!important;background:transparent!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:14px!important;font-weight:500!important}
.product-block--buy .product-page__quick-order:hover,.product-block--buy .product-page__quick-order:active{background:var(--bm-paper)!important;color:var(--bm-brass-2)!important}
.product-block--buy .product-page__wishlist-btn{margin:12px 0 0!important;padding:8px 0!important;border:0!important;background:transparent!important;color:var(--bm-brass-2)!important;font-size:14px!important}
.product-block--buy .product-page__wishlist-btn:hover{color:var(--bm-rust)!important}
.product-layout__card--tabs{padding:0;overflow:hidden}
.product-block--tabs{width:100%;max-width:100%;padding:0;box-sizing:border-box}
.product-layout__card--tabs .product-page-tabs.nav-tabs{margin:0;padding:0 8px;border-bottom:1px solid #ececec!important;background:#fafafa;display:flex;flex-wrap:wrap;float:none}
.product-layout__card--tabs .product-page-tabs>li{margin:0;float:none}
.product-layout__card--tabs .product-page-tabs>li>a{margin:0!important;border:0!important;border-radius:0!important;padding:14px 18px!important;font-size:14px!important;font-weight:500!important;color:var(--bm-muted)!important;background:transparent!important;border-bottom:2px solid transparent!important;box-shadow:none!important}
.product-layout__card--tabs .product-page-tabs>li.active>a,
.product-layout__card--tabs .product-page-tabs>li>a:hover{color:var(--bm-ink)!important;background:transparent!important;border-bottom-color:var(--bm-brass)!important}
.product-layout__card--tabs .tab-content{padding:24px 28px 28px;max-width:100%;overflow:hidden;box-sizing:border-box}
.product-layout__card--tabs .tab-pane{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.product-layout__card--tabs #tab-description{line-height:1.75;padding-top:0;border:0;max-width:52em;overflow-x:auto;overflow-wrap:anywhere;word-break:break-word;font-family:var(--bm-sans)!important;font-size:15px;color:var(--bm-ink-2)}
.product-layout__card--tabs #tab-description h2,.product-layout__card--tabs #tab-description h3,.product-layout__card--tabs #tab-description h4,.product-layout__card--tabs #tab-description p,.product-layout__card--tabs #tab-description li,.product-layout__card--tabs #tab-description a{font-family:var(--bm-sans)!important}
.product-layout__card--tabs #tab-description>p:first-of-type{font-size:16px;line-height:1.7;color:var(--bm-ink);margin:0 0 1.25em}
.product-layout__card--tabs #tab-description h3{font-size:13px!important;font-weight:600!important;letter-spacing:.1em;text-transform:uppercase;color:var(--bm-brass-2)!important;margin:1.75em 0 .65em;padding:0 0 .4em;border-bottom:1px solid var(--bm-line);line-height:1.35}
.product-layout__card--tabs #tab-description h3:first-of-type{margin-top:1em}
.product-layout__card--tabs #tab-description p{margin:0 0 1em}
.product-layout__card--tabs #tab-description ul{list-style:none;margin:0 0 1.15em;padding:0}
.product-layout__card--tabs #tab-description ul li{position:relative;padding:.4em 0 .4em 1.35em;margin:0;line-height:1.55}
.product-layout__card--tabs #tab-description ul li::before{content:"";position:absolute;left:0;top:.78em;width:6px;height:6px;border-radius:50%;background:var(--bm-brass)}
.product-layout__card--tabs #tab-description strong{font-weight:600;color:var(--bm-ink)}
.product-layout__card--tabs #tab-description a{color:var(--bm-brass-2);text-decoration:underline;text-underline-offset:2px}
.product-layout__card--tabs #tab-description a:hover{color:var(--bm-rust)}
.product-layout__card--tabs #tab-description p em{font-size:13px;color:var(--bm-muted);font-style:normal;display:block;margin-top:1.35em;padding-top:1em;border-top:1px dashed var(--bm-line)}
.product-layout__card--tabs #tab-description img,.product-layout__card--tabs #tab-description iframe,.product-layout__card--tabs #tab-description video{max-width:100%!important;height:auto!important}
.product-layout__card--tabs #tab-description table{display:block;max-width:100%;overflow-x:auto}
.product-layout__card--tabs #tab-specification .product-data{max-width:100%;border:0;margin:0;padding:0}
#product .product-layout .product-page__cart:not(.row-flex) .product-page__quick-order span{display:inline!important}
#product .product-layout .product-page__cart:not(.row-flex) .product-page__quick-order i{display:inline-block!important}
/* Desktop: sticky buy card */
@media(min-width:992px){
.product-layout__card--summary{position:sticky;top:72px}
}
/* Laptop narrow */
@media(min-width:992px) and (max-width:1199px){
.product-layout__grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:18px}
}
/* Tablet + mobile: single column (gallery → buy → tabs) */
@media(max-width:991px){
#product .product-layout,.product-page.product-layout{margin-bottom:24px}
.product-layout__grid{display:flex;flex-direction:column;gap:16px;width:100%}
.product-layout__card--gallery,.product-layout__card--summary,.product-layout__card--tabs{grid-column:auto;grid-row:auto;width:100%;max-width:100%;position:static}
.product-layout__card--gallery .product-page__image{margin-bottom:0!important}
}
/* Tablet portrait */
@media(max-width:991px) and (min-width:768px){
.product-layout__card{padding:20px}
.product-layout__title{font-size:clamp(20px,2.8vw,28px)!important}
.product-layout__card--gallery .product-page__image-main-img{max-height:min(52vh,520px);width:auto;margin:0 auto}
}
/* Phone */
@media(max-width:767px){
main>.container{overflow-x:hidden}
#product .product-layout,.product-page.product-layout{margin-bottom:20px}
.product-layout__grid{gap:14px}
.product-layout__card{padding:16px;border-radius:10px}
.product-layout__card.product-layout__card--summary{padding:16px!important}
.product-layout__title{font-size:clamp(18px,5.2vw,24px)!important;margin-bottom:12px!important;line-height:1.28!important}
.product-layout__rating{margin-bottom:10px}
.product-data--summary .product-data__item{padding:9px 0!important}
.product-block--buy .product-page__price{font-size:clamp(26px,7vw,32px)!important;margin:14px 0 14px!important;padding:12px 0 4px!important;line-height:1.22!important}
.product-block--buy .product-page__cart{gap:10px!important;margin-bottom:4px!important}
.product-block--buy .product-page__quick-order{margin-top:2px!important}
.product-block--buy .product-page__cart .qty-switch{flex:0 0 100px!important;height:46px!important}
.product-block--buy .product-page__cart .qty-switch__input{min-height:46px!important;line-height:46px!important;font-size:15px!important}
.product-block--buy .product-page__add-to-cart{flex:1 1 calc(100% - 112px)!important;min-width:0!important;height:46px!important;min-height:46px!important;font-size:14px!important;padding:0 14px!important}
.product-block--buy .product-page__quick-order{height:46px!important;min-height:46px!important;font-size:13px!important;border-radius:8px!important;margin-top:0!important}
.product-layout__card--gallery .product-page__image-main{margin-bottom:12px}
.product-layout__card--gallery .product-page__image-main-img{max-height:min(58vh,440px);width:auto;max-width:100%;margin:0 auto;display:block}
.product-layout__card--gallery .product-page__image-addit{margin:0;padding:0}
.product-layout__card--gallery .product-page__image-addit-img{max-height:64px;object-fit:contain}
.product-layout__card--tabs .product-page-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 4px}
.product-layout__card--tabs .product-page-tabs::-webkit-scrollbar{display:none}
.product-layout__card--tabs .product-page-tabs>li{flex:0 0 auto;float:none}
.product-layout__card--tabs .product-page-tabs>li>a{padding:12px 14px!important;font-size:13px!important;white-space:nowrap}
.product-layout__card--tabs .tab-content{padding:16px 14px 20px}
.product-layout__card--tabs #tab-description img{height:auto!important}
.product-block--buy .product-page__option{margin-left:0;margin-right:0}
.product-block--buy .product-page__wishlist-btn{width:100%;text-align:center;margin-top:10px!important}
.breadcrumb-h1 .breadcrumb,#product .product-layout .breadcrumb{font-size:12px;margin-bottom:10px}
}
/* Small phone */
@media(max-width:575px){
.product-layout__card{padding:14px}
.product-block--buy .product-page__cart .qty-switch{flex:0 0 92px!important}
.product-block--buy .product-page__add-to-cart{flex:1 1 calc(100% - 104px)!important;font-size:13px!important}
.product-block--buy .product-page__add-to-cart i{font-size:15px!important}
.product-layout__card--tabs .product-page-tabs>li>a{padding:10px 12px!important;font-size:12px!important}
.review-list__item{flex-direction:column}
.review-list__info{flex:1 1 100%;min-width:0;margin-bottom:12px}
}
/* Very small screens */
@media(max-width:399px){
.product-block--buy .product-page__cart{display:grid!important;grid-template-columns:96px 1fr;grid-template-rows:auto auto;gap:8px!important}
.product-block--buy .product-page__cart .qty-switch{grid-column:1;grid-row:1}
.product-block--buy .product-page__add-to-cart{grid-column:2;grid-row:1;width:100%!important;flex:none!important}
.product-block--buy .product-page__quick-order{grid-column:1/-1;grid-row:2}
}
/* Override legacy global product-page mobile rules inside new layout */
@media(max-width:991px){
.product-block--buy .product-page__quick-order{border-radius:8px!important;margin-top:0!important}
.product-block--buy .product-page__quick-order span{display:inline!important}
#product .product-layout .product-page__cart.row-flex .product-page__quick-order span{display:inline!important}
#product .product-layout .product-page__cart.row-flex .product-page__quick-order i{display:inline!important}
}
/* ── Mobile header: hamburger | logo | search | cart ── */
@media (max-width: 991px) {
.bm-header-shell .header-block.bm-header-bar {
display: grid !important;
grid-template-columns: 44px minmax(0, 1fr) 44px;
grid-template-areas: "menu logo cart";
align-items: center;
gap: 8px;
padding: 12px 0 14px;
border-bottom: none;
position: relative;
width: 100%;
box-sizing: border-box;
}
/* Тільки 4 комірки сітки — решта ховаємо (інакше наїзд на пошук/кошик) */
.bm-header-bar .header-block__item-menu,
.bm-header-bar .header-block__item-search,
.bm-header-bar .header-block__item-telephone,
.bm-header-bar .header-block__item-account,
.bm-header-bar .header-block__item-wishlist,
.bm-header-bar .header-block__item-compare {
display: none !important;
}
.bm-header-bar__menu-row .main-menu > .menu-open {
display: none !important;
}
.bm-header-bar__menu-slot {
grid-area: menu;
display: flex;
align-items: center;
justify-content: flex-start;
min-width: 44px;
min-height: 44px;
}
.bm-header-bar__menu-slot .menu-open {
width: 44px !important;
height: 44px !important;
min-width: 44px;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 1px solid rgba(255, 255, 255, 0.22) !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
box-shadow: none !important;
}
.bm-header-bar__menu-slot .menu-open__icon {
display: none !important;
}
.bm-header-bar__menu-slot .menu-open__title {
display: none !important;
}
/* три полоски (не зависит от Font Awesome) */
.bm-header-bar__menu-slot .menu-open::before {
content: "";
display: block;
width: 18px;
height: 2px;
border-radius: 1px;
background: var(--bm-gold, #c19a4b);
box-shadow: 0 -6px 0 var(--bm-gold, #c19a4b), 0 6px 0 var(--bm-gold, #c19a4b);
}
.bm-header-bar .header-block__item-logo {
grid-area: logo;
width: auto !important;
max-width: 100%;
padding: 0 !important;
justify-self: center;
align-self: center;
text-align: center;
float: none !important;
position: relative;
left: auto;
top: auto;
transform: none;
z-index: 1;
}
.bm-header-bar .header-block__item-logo .header-logo,
.bm-header-bar .header-logo {
max-width: min(280px, 86vw) !important;
width: min(280px, 86vw) !important;
margin: 0 auto;
}
.bm-header-bar .header-logo__img {
margin: 0 auto;
max-height: 68px !important;
height: auto !important;
width: auto !important;
max-width: 100% !important;
}
}
/* Вертикальный экран: логотип ~25% меньше; альбомный — как выше */
@media (max-width: 991px) and (orientation: portrait) {
.bm-header-shell .header-block.bm-header-bar {
padding: 10px 0 12px;
}
.bm-header-bar .header-block__item-logo .header-logo,
.bm-header-bar .header-logo {
max-width: min(210px, 68vw) !important;
width: min(210px, 68vw) !important;
}
.bm-header-bar .header-logo__img {
max-height: 50px !important;
}
}
@media (max-width: 991px) {
.bm-header-bar__menu-slot,
.bm-header-bar .header-block__item-cart {
position: relative;
z-index: 1;
}
.bm-header-bar__search-btn {
grid-area: search;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
justify-self: center;
align-self: center;
flex-shrink: 0;
border: 0;
border-radius: 50%;
background: var(--bm-gold, #c19a4b);
color: var(--bm-ink);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 17px;
line-height: 1;
cursor: pointer;
transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.bm-header-bar__search-btn:hover,
.bm-header-bar__search-btn.is-active {
background: var(--bm-gold-hover, #a07f37);
color: var(--bm-ink);
}
.bm-header-bar .header-block__item-cart {
grid-area: cart;
justify-self: center;
align-self: center;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
padding: 0 !important;
overflow: visible !important;
}
.bm-header-bar .header-cart {
width: 44px;
height: 44px;
margin: 0 !important;
}
.bm-header-bar .header-cart__btn {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
padding: 0 !important;
margin: 0 !important;
gap: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: nowrap !important;
border-radius: 50% !important;
position: relative !important;
overflow: visible !important;
box-sizing: border-box !important;
isolation: isolate !important;
background: transparent !important;
color: var(--bm-ink) !important;
transition: color 1s ease;
}
.bm-header-bar .header-cart__btn span:not(.header-cart__total-items) {
display: none !important;
width: 0 !important;
overflow: hidden !important;
}
.bm-header-bar .header-cart__icon {
margin: 0 !important;
padding: 0 !important;
flex: 0 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 18px !important;
height: 18px !important;
line-height: 1 !important;
}
.bm-header-bar .header-cart__icon svg {
display: block;
width: 18px !important;
height: 18px !important;
}
.bm-header-bar .header-cart__total-items {
position: absolute !important;
top: -3px !important;
right: -3px !important;
left: auto !important;
margin: 0 !important;
min-width: 17px !important;
height: 17px !important;
padding: 0 4px !important;
font-size: 10px !important;
font-weight: 600 !important;
line-height: 17px !important;
text-align: center !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
box-sizing: border-box !important;
transform: none !important;
}
.bm-header-bar__menu-row.row {
margin: 0 !important;
min-height: 0;
}
.bm-header-bar__menu-row .main-menu {
min-height: 0;
margin: 0;
padding: 0;
}
#search2.bm-mobile-search-panel {
display: none !important;
height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
visibility: hidden;
}
#search2.bm-mobile-search-panel.is-open {
display: block !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
visibility: visible;
padding: 0 10px 12px !important;
position: relative;
z-index: 230 !important;
}
#search2.bm-mobile-search-panel.is-open .header-search {
overflow: visible !important;
}
#search2.bm-mobile-search-panel .header-search {
width: 100%;
margin: 0;
}
#search2.bm-mobile-search-panel .header-search input,
#search2.bm-mobile-search-panel .header-search__input {
height: 44px !important;
}
}
@media (min-width: 992px) {
#search2.bm-mobile-search-panel,
.bm-header-bar__search-btn,
.bm-header-bar__menu-slot {
display: none !important;
}
}
/* ── Звёздное небо в шапке (как /gadanie-online/) ── */
body > header {
position: relative !important;
overflow: visible !important;
background:
radial-gradient(ellipse at 18% 8%, rgba(125, 80, 200, 0.22), transparent 52%),
radial-gradient(ellipse at 82% 92%, rgba(60, 30, 110, 0.28), transparent 52%),
radial-gradient(ellipse at 50% 50%, #1a1730 0%, var(--color-primary) 72%) !important;
}
body > header::before,
body > header::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
}
body > header::before {
background-image:
radial-gradient(1px 1px at 23% 17%, rgba(255, 255, 255, 0.9), transparent),
radial-gradient(1px 1px at 71% 33%, rgba(255, 255, 255, 0.85), transparent),
radial-gradient(1.5px 1.5px at 12% 78%, rgba(239, 217, 164, 0.95), transparent),
radial-gradient(1px 1px at 88% 65%, rgba(255, 255, 255, 0.8), transparent),
radial-gradient(1px 1px at 45% 90%, rgba(255, 255, 255, 0.75), transparent),
radial-gradient(1.5px 1.5px at 60% 12%, rgba(239, 217, 164, 0.9), transparent),
radial-gradient(1px 1px at 36% 48%, rgba(255, 255, 255, 0.7), transparent),
radial-gradient(1px 1px at 8% 30%, rgba(255, 255, 255, 0.8), transparent),
radial-gradient(1px 1px at 92% 22%, rgba(255, 255, 255, 0.75), transparent),
radial-gradient(1px 1px at 55% 65%, rgba(255, 255, 255, 0.7), transparent),
radial-gradient(1.5px 1.5px at 78% 82%, rgba(239, 217, 164, 0.85), transparent),
radial-gradient(1px 1px at 28% 8%, rgba(255, 255, 255, 0.8), transparent);
background-size: 600px 600px;
background-repeat: repeat;
animation: bm-header-stars-drift 240s linear infinite;
opacity: 0.72;
}
body > header::after {
background-image:
radial-gradient(2px 2px at 30% 20%, rgba(184, 147, 90, 0.55), transparent),
radial-gradient(2px 2px at 70% 70%, rgba(255, 255, 255, 0.45), transparent),
radial-gradient(2px 2px at 15% 60%, rgba(255, 255, 255, 0.35), transparent);
background-size: 900px 900px;
animation: bm-header-stars-twinkle 6s ease-in-out infinite alternate;
}
@keyframes bm-header-stars-drift {
from {
background-position: 0 0;
}
to {
background-position: 600px 600px;
}
}
@keyframes bm-header-stars-twinkle {
from {
opacity: 0.35;
}
to {
opacity: 1;
}
}
body > header > * {
position: relative;
z-index: 1;
}
/* ── Звёздное небо: подписка + футер (как в шапке) ── */
.subscribe {
position: relative !important;
overflow: hidden !important;
background:
radial-gradient(ellipse at 18% 8%, rgba(125, 80, 200, 0.22), transparent 52%),
radial-gradient(ellipse at 82% 92%, rgba(60, 30, 110, 0.28), transparent 52%),
radial-gradient(ellipse at 50% 50%, #1a1730 0%, var(--color-primary) 72%) !important;
}
footer.footer {
position: relative !important;
overflow: visible !important;
display: block !important;
isolation: isolate;
background: #f7f4ee !important;
border-top: 1px solid rgba(20, 24, 42, 0.08);
}
.subscribe::before,
.subscribe::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
}
footer.footer::before {
display: none !important;
content: none !important;
animation: none !important;
}
.subscribe::before {
background-image:
radial-gradient(1px 1px at 23% 17%, rgba(255, 255, 255, 0.9), transparent),
radial-gradient(1px 1px at 71% 33%, rgba(255, 255, 255, 0.85), transparent),
radial-gradient(1.5px 1.5px at 12% 78%, rgba(239, 217, 164, 0.95), transparent),
radial-gradient(1px 1px at 88% 65%, rgba(255, 255, 255, 0.8), transparent),
radial-gradient(1px 1px at 45% 90%, rgba(255, 255, 255, 0.75), transparent),
radial-gradient(1.5px 1.5px at 60% 12%, rgba(239, 217, 164, 0.9), transparent),
radial-gradient(1px 1px at 36% 48%, rgba(255, 255, 255, 0.7), transparent),
radial-gradient(1px 1px at 8% 30%, rgba(255, 255, 255, 0.8), transparent),
radial-gradient(1px 1px at 92% 22%, rgba(255, 255, 255, 0.75), transparent),
radial-gradient(1px 1px at 55% 65%, rgba(255, 255, 255, 0.7), transparent),
radial-gradient(1.5px 1.5px at 78% 82%, rgba(239, 217, 164, 0.85), transparent),
radial-gradient(1px 1px at 28% 8%, rgba(255, 255, 255, 0.8), transparent);
background-size: 600px 600px;
background-repeat: repeat;
animation: bm-header-stars-drift 240s linear infinite;
opacity: 0.72;
}
.subscribe::after {
background-image:
radial-gradient(2px 2px at 30% 20%, rgba(184, 147, 90, 0.55), transparent),
radial-gradient(2px 2px at 70% 70%, rgba(255, 255, 255, 0.45), transparent),
radial-gradient(2px 2px at 15% 60%, rgba(255, 255, 255, 0.35), transparent);
background-size: 900px 900px;
animation: bm-header-stars-twinkle 6s ease-in-out infinite alternate;
}
.subscribe > *,
footer.footer .container,
footer.footer .footer__socials-payments {
position: relative;
z-index: 1;
}
footer.footer .container::after {
content: "";
display: table;
clear: both;
}
body .footer,
body footer.footer {
overflow: visible !important;
padding: 40px 0 0px !important;
background: #f7f4ee !important;
}
/* footer_text содержит inline-стили у логотипа — снимаем жёсткий border/background */
footer.footer .footer__text img {
border: 0 !important;
background: transparent !important;
}
/* new680.css: .footer__column.scroll-fade { opacity:0 } — не скрывать футер */
footer.footer .footer__column.scroll-fade,
footer.footer .footer__column.scroll-fade:not(.is-visible) {
opacity: 1 !important;
visibility: visible !important;
}
/* Верхня смуга (мова, валюта, кабінет) — завжди над header-block і каталогом */
header > #top.top-menu {
position: relative !important;
z-index: 500 !important;
overflow: visible !important;
}
header > #top.top-menu .container {
overflow: visible !important;
}
header > #top.top-menu .top-menu__buttons {
overflow: visible !important;
}
/* flex на .btn-group ламає позицію Bootstrap dropdown */
header > #top.top-menu .btn-group {
position: relative !important;
display: inline-block !important;
vertical-align: top;
}
header > #top.top-menu .top-menu__language,
header > #top.top-menu .top-menu__currency,
header > #top.top-menu .top-menu__account {
position: relative;
}
/* Тільки справжні dropdown (мова, валюта, кабінет) — не інфо-рядок зліва */
header > #top.top-menu .top-menu__buttons .dropdown-menu {
position: absolute !important;
top: 100% !important;
left: auto !important;
right: 0 !important;
bottom: auto !important;
margin-top: 6px !important;
transform: none !important;
float: none !important;
z-index: 510 !important;
min-width: 180px;
border: 1px solid var(--bm-line);
border-radius: 8px;
box-shadow: 0 12px 32px -8px rgba(20, 24, 42, 0.2);
}
/* Touch: dropdown мова/валюта над фільтром і шапкою, пункти клікабельні */
@media (max-width: 991px) {
body.touch-support header > #top.top-menu {
z-index: 10080 !important;
}
body.touch-support header > #top.top-menu .top-menu__buttons .btn-group.open .dropdown-menu {
z-index: 10090 !important;
pointer-events: auto !important;
}
body.touch-support header > #top.top-menu .top-menu__buttons .dropdown-menu a {
cursor: pointer;
-webkit-tap-highlight-color: rgba(184, 147, 90, 0.25);
}
}
/* ── Верхня utility-плашка (макет) ── */
header > #top.top-menu {
background: var(--ink-950) !important;
color: var(--color-on-primary-muted) !important;
font-size: 12.5px !important;
letter-spacing: 0.01em;
border: 0 !important;
}
header > #top.top-menu a,
header > #top.top-menu .top-links__a,
header > #top.top-menu .bm-top-info__link,
header > #top.top-menu .top-menu__btn,
header > #top.top-menu .top-menu__btn span:not(.bm-top-currency-code),
header > #top.top-menu .top-menu__btn i {
color: var(--color-on-primary-muted) !important;
}
header > #top.top-menu > .container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
min-height: 38px;
gap: 16px;
}
header > #top.top-menu .top-menu__links {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
}
header > #top.top-menu .top-menu__buttons {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
flex-wrap: nowrap !important;
flex-shrink: 0 !important;
gap: 22px !important;
margin: 0 !important;
}
header > #top.top-menu .top-menu__wishlist,
header > #top.top-menu .top-menu__compare {
display: none !important;
}
header > #top.top-menu .top-menu__currency,
header > #top.top-menu .top-menu__language,
header > #top.top-menu .top-menu__account {
display: block !important;
flex-shrink: 0 !important;
margin: 0 !important;
}
header > #top.top-menu .top-menu__btn {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
min-height: 0 !important;
box-shadow: none !important;
color: var(--color-on-primary-muted) !important;
font-size: 12.5px !important;
font-weight: 400 !important;
letter-spacing: 0.01em;
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
transition: color 0.15s;
}
header > #top.top-menu .top-menu__btn:hover,
header > #top.top-menu .top-menu__btn:focus {
background: transparent !important;
color: var(--bm-gold, #c19a4b) !important;
outline: none;
}
header > #top.top-menu .top-menu__btn i {
font-size: 14px;
color: inherit !important;
line-height: 1;
}
/* Мова/валюта: іконка fa-globe + підпис (UniShop ховає .top-menu__btn-text <992px) */
@media (max-width: 991px) {
header > #top.top-menu .top-menu__language .top-menu__btn-text,
header > #top.top-menu .top-menu__currency .top-menu__btn-text {
display: inline !important;
}
}
header > #top.top-menu .top-menu__btn .bm-top-currency-code {
font-weight: 700;
color: #fff !important;
}
header > #top.top-menu .top-menu__btn.dropdown-toggle::after {
margin-left: 2px;
border-top-color: currentColor;
opacity: 0.85;
vertical-align: middle;
}
/* «Доставка по Україні…» — золота крапка + текст */
header > #top.top-menu .bm-top-info {
display: flex;
align-items: center;
min-height: 38px;
min-width: 0;
max-width: 100%;
overflow: hidden;
}
header > #top.top-menu .bm-top-info__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0;
margin: 0;
padding: 0;
list-style: none;
}
header > #top.top-menu .bm-top-info__list::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--bm-gold, #c19a4b);
flex-shrink: 0;
margin-right: 9px;
}
header > #top.top-menu .bm-top-info__item {
margin: 0;
padding: 0;
}
header > #top.top-menu .bm-top-info__item + .bm-top-info__item::before {
content: " · ";
color: var(--on-dark-soft);
}
header > #top.top-menu .bm-top-info__link {
display: block;
margin: 0;
padding: 0;
font-size: 12.5px;
font-weight: 400;
line-height: 1.35;
letter-spacing: 0.01em;
color: var(--color-on-primary-muted) !important;
text-decoration: none;
background: transparent;
border: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
header > #top.top-menu a:hover,
header > #top.top-menu .top-links__a:hover,
header > #top.top-menu .bm-top-info__link:hover {
color: var(--bm-gold, #c19a4b) !important;
}
/* Fallback: стара розмітка top-links (до оновлення кешу модифікаторів) */
header > #top.top-menu .top-menu__links .top-links__ul.dropdown-menu,
header > #top.top-menu .top-menu__links .dropdown-menu {
position: static !important;
display: flex !important;
align-items: center;
flex-wrap: wrap;
gap: 4px 18px;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
min-width: 0 !important;
max-height: none !important;
float: none !important;
top: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
z-index: auto !important;
}
header > #top.top-menu .top-menu__links .top-links__li {
margin: 0 !important;
padding: 0 !important;
list-style: none;
text-transform: none !important;
}
header > #top.top-menu .top-menu__links .top-links__a {
margin: 0 !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 1.35;
color: var(--color-on-primary-muted) !important;
background: transparent !important;
border: 0 !important;
white-space: nowrap;
}
header > #top.top-menu .top-menu__links .top-links__a:hover {
color: var(--bm-gold, #c19a4b) !important;
}
header > #top.top-menu .top-menu__links .top-links.btn-group {
display: flex !important;
align-items: center;
}
header .header-block .dropdown-menu,
header .header-phones .dropdown-menu {
z-index: 260 !important;
}
.bm-cat-nav {
background: var(--color-primary) !important;
}
@media (prefers-reduced-motion: reduce) {
body > header::before,
body > header::after,
.subscribe::before,
.subscribe::after {
animation: none !important;
}
}
/* Цвета — buddha-color-tokens.css */
@media (min-width: 992px) {
header > #top.top-menu {
display: block !important;
}
header > #top.top-menu .top-menu__language,
header > #top.top-menu .top-menu__currency {
display: block !important;
position: static !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
clip: auto !important;
margin: 0 !important;
visibility: visible !important;
}
.menu-wrapper #bm-drawer-utils-slot .top-menu__language,
.menu-wrapper #bm-drawer-utils-slot .top-menu__currency,
.menu-wrapper .bm-drawer-acc--lang,
.menu-wrapper .bm-drawer-acc--currency {
display: none !important;
}
.bm-header-bar .header-block__item-menu .header-menu__btn {
background: var(--ink-800) !important;
border: 1px solid var(--ink-line) !important;
transition: 0.18s;
color: #fff !important;
border-radius: 999px !important;
display: inline-flex !important;
align-items: center;
gap: 10px;
padding: 10px 18px !important;
font-weight: 400 !important;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.bm-header-bar .header-menu__btn:hover {
border-color: var(--bm-gold) !important;
color: #fff !important;
}
/* три полоски #c19a4b (не зависит от FA) */
.bm-header-bar .header-menu__icon {
display: none !important;
}
.bm-header-bar .header-menu__btn::before {
content: "";
display: inline-block;
width: 18px;
height: 2px;
border-radius: 1px;
background: var(--bm-gold);
box-shadow: 0 -6px 0 var(--bm-gold), 0 6px 0 var(--bm-gold);
flex-shrink: 0;
}
.bm-header-bar .header-search__category {
display: none !important;
}
.bm-header-bar .header-phones {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 6px 10px;
}
.bm-header-bar .header-phones::before {
font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", FontAwesome;
font-weight: 900;
content: "\f095";
color: var(--bm-gold);
font-size: 17px;
line-height: 1;
flex-shrink: 0;
}
.bm-header-bar .header-phones__main {
color: var(--color-bg-warm) !important;
}
.bm-header-bar .header-phones__main:hover {
color: var(--bm-gold) !important;
}
.bm-header-bar .header-phones__show-phone {
color: rgba(245, 241, 232, 0.88) !important;
font-size: 11px;
}
.bm-header-bar .header-cart__btn {
position: relative !important;
isolation: isolate;
overflow: hidden;
background: transparent !important;
color: var(--bm-ink) !important;
transition: color 1s ease;
}
.bm-header-bar .header-cart__total-items {
background: var(--bm-ink) !important;
color: var(--color-bg-warm) !important;
}
}
/* Кнопка корзины — золотой градиент с плавной сменой (десктоп + моб.) */
.bm-header-bar .header-cart__btn::before,
.bm-header-bar .header-cart__btn::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
transition: opacity 1s ease;
z-index: 0;
}
.bm-header-bar .header-cart__btn::before {
background: linear-gradient(178deg, var(--color-gold-hover), rgba(193, 154, 75, 0.81));
opacity: 1;
}
.bm-header-bar .header-cart__btn::after {
background: linear-gradient(360deg, var(--color-gold-hover), rgba(193, 154, 75, 0.81));
opacity: 0;
}
.bm-header-bar .header-cart__btn:hover,
.bm-header-bar .header-cart__btn:active {
background: transparent !important;
color: var(--bm-ink) !important;
}
.bm-header-bar .header-cart__btn:hover::before,
.bm-header-bar .header-cart__btn:active::before {
opacity: 0;
}
.bm-header-bar .header-cart__btn:hover::after,
.bm-header-bar .header-cart__btn:active::after {
opacity: 1;
}
.bm-header-bar .header-cart__btn > * {
position: relative;
z-index: 1;
}
header .header-search button,
header .header-search__btn,
header .header-search__btn.search-btn,
header .header-search .header-search__btn {
background: var(--bm-gold, #c19a4b) !important;
color: var(--bm-ink) !important;
}
header .header-search button:hover,
header .header-search__btn.search-btn:hover,
header .header-search .header-search__btn:hover {
background: var(--bm-gold-hover, #a07f37) !important;
color: var(--bm-ink) !important;
}
header .header-cart__btn {
background: var(--bm-gold, #c19a4b) !important;
color: var(--bm-ink) !important;
}
header .header-cart__btn:hover {
background: var(--bm-gold-hover, #a07f37) !important;
color: var(--bm-ink) !important;
}
header .bm-header-bar .header-cart__btn,
header .bm-header-bar .header-cart__btn:hover,
header .bm-header-bar .header-cart__btn:active {
background: transparent !important;
}
@media (max-width: 991px) {
.bm-header-bar .header-cart__btn::before,
.bm-header-bar .header-cart__btn::after {
border-radius: 50%;
}
}
header .header-cart__btn .header-cart__icon svg,
header .header-cart__btn .header-cart__icon svg path {
fill: none !important;
stroke: #fff !important;
}
/* ── Сторінка каталогу /ua/katalog ── */
.bm-catalog-page {
max-width: 1460px;
margin: 0 auto 64px;
padding: 0 28px 24px;
font-family: var(--bm-sans);
}
.bm-catalog-page__hero {
margin: 8px 0 40px;
max-width: 720px;
padding: 2px 0 6px;
border-radius: 0;
background: transparent !important;
box-shadow: none;
}
.bm-catalog-page__hero::before,
.bm-catalog-page__hero::after {
display: none !important;
content: none !important;
}
.bm-catalog-page__eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: "DM Mono", ui-monospace, monospace;
font-size: 11px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--bm-brass-2);
margin-bottom: 14px;
}
.bm-catalog-page__eyebrow svg {
width: 22px;
height: 22px;
color: var(--bm-brass);
flex-shrink: 0;
}
.bm-catalog-page__eyebrow .dot {
width: 3px;
height: 3px;
border-radius: 50%;
background: currentColor;
opacity: 0.5;
}
.bm-catalog-page__title {
font-family: "Cormorant Garamond", Georgia, serif;
font-weight: 500;
font-size: clamp(36px, 5vw, 56px);
line-height: 1.02;
letter-spacing: -0.01em;
color: var(--bm-ink);
margin: 0 0 14px;
}
.bm-catalog-page__sub {
font-size: 17px;
line-height: 1.55;
color: var(--bm-ink-2);
margin: 0;
max-width: 560px;
}
.bm-catalog-page__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
margin-bottom: 56px;
}
.bm-catalog-page__grid .bm-cat {
position: relative;
display: flex;
flex-direction: column;
background: var(--bm-card);
border: 1px solid var(--bm-line);
border-radius: 8px;
overflow: hidden;
transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
}
.bm-catalog-page__grid .bm-cat:hover {
transform: translateY(-3px);
box-shadow: 0 14px 32px -18px rgba(20, 24, 42, 0.25);
border-color: rgba(184, 147, 90, 0.45);
}
.bm-catalog-page__grid .bm-cat__main {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-width: 0;
text-decoration: none;
color: var(--bm-ink);
}
.bm-catalog-page__grid .bm-cat__thumb {
width: 100%;
height: 170px;
object-fit: cover;
display: block;
border-bottom: 1px solid var(--bm-line);
transition: transform 0.4s ease;
}
.bm-catalog-page__grid .bm-cat--with-img:hover .bm-cat__thumb {
transform: scale(1.04);
}
.bm-catalog-page__grid .bm-cat__body {
display: flex;
flex-direction: column;
flex: 1 1 auto;
padding: 16px 18px 14px;
min-height: 108px;
}
.bm-catalog-page__grid .bm-cat__name {
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 24px;
line-height: 1.15;
letter-spacing: -0.01em;
margin: 0;
color: var(--bm-ink);
font-weight: 500;
}
.bm-catalog-page__grid .bm-cat__foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: auto;
padding-top: 12px;
}
.bm-catalog-page__grid .bm-cat__count {
font-size: 12px;
color: var(--bm-muted);
line-height: 1.3;
}
.bm-catalog-page__grid .bm-cat__go {
flex-shrink: 0;
width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid var(--bm-line);
display: flex;
align-items: center;
justify-content: center;
color: var(--bm-ink-2);
transition: all 0.2s;
font-size: 14px;
}
.bm-catalog-page__grid .bm-cat:hover .bm-cat__go {
background: var(--bm-ink);
color: var(--bm-paper);
border-color: var(--bm-ink);
transform: rotate(-20deg);
}
.bm-catalog-page__grid .bm-cat__subs {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px;
padding: 10px 12px 14px;
border-top: 1px solid var(--bm-line);
background: rgba(245, 241, 232, 0.35);
}
.bm-catalog-page__grid .bm-cat__subs-link {
display: flex;
align-items: center;
justify-content: center;
min-height: 2.6em;
padding: 6px 8px;
border-radius: 6px;
border: 1px solid rgba(184, 147, 90, 0.28);
color: var(--bm-brass-2);
background: var(--bm-paper);
font-size: 11px;
line-height: 1.25;
text-align: center;
text-decoration: none;
white-space: normal;
word-break: break-word;
hyphens: auto;
}
.bm-catalog-page__grid .bm-cat__subs-link:hover {
color: var(--bm-ink);
border-color: rgba(184, 147, 90, 0.46);
background: rgba(184, 147, 90, 0.12);
}
.bm-catalog-page__grid .bm-cat__subs-link--more {
font-family: "DM Mono", ui-monospace, monospace;
letter-spacing: 0.06em;
font-weight: 500;
}
.bm-catalog-page__feat.bm-cat--feat {
grid-column: span 2;
grid-row: span 2;
min-height: 460px;
border: 0;
border-radius: 10px;
}
.bm-catalog-page__feat .bm-cat__main {
position: relative;
flex: 1 1 auto;
min-height: 300px;
justify-content: flex-end;
overflow: hidden;
}
.bm-catalog-page__feat .bm-cat__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 30%;
z-index: 0;
opacity: 0.9;
transition: transform 0.5s ease;
margin: 0;
border: 0;
}
.bm-catalog-page__feat:hover .bm-cat__bg {
transform: scale(1.04);
}
.bm-catalog-page__feat .bm-cat__shade {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
180deg,
rgba(20, 24, 42, 0.25) 0%,
rgba(20, 24, 42, 0.45) 50%,
rgba(10, 13, 28, 0.92) 100%
);
pointer-events: none;
}
.bm-catalog-page__feat .bm-cat__feat-body {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
gap: 10px;
padding: 28px 28px 24px;
margin-top: auto;
}
.bm-catalog-page__feat .bm-cat__name {
color: var(--bm-paper);
font-family: "Cormorant Garamond", Georgia, serif;
font-size: clamp(32px, 4vw, 46px);
line-height: 1;
max-width: 92%;
margin: 0;
font-weight: 500;
}
.bm-catalog-page__feat .bm-cat__desc {
position: static;
max-width: 88%;
color: var(--color-on-primary-muted);
font-size: 13.5px;
line-height: 1.5;
margin: 0;
}
.bm-catalog-page__feat .bm-cat__foot {
display: none;
}
.bm-catalog-page__feat .bm-cat__go {
position: absolute;
right: 24px;
bottom: 24px;
z-index: 4;
width: 44px;
height: 44px;
border-color: rgba(245, 241, 232, 0.25);
color: var(--bm-paper);
}
.bm-catalog-page__feat:hover .bm-cat__go {
background: var(--bm-brass);
border-color: var(--bm-brass);
color: var(--bm-ink);
}
.bm-catalog-page__feat .bm-cat__subs {
position: relative;
z-index: 4;
border-top: 1px solid rgba(245, 241, 232, 0.12);
background: rgba(10, 13, 28, 0.88);
padding: 12px 16px 16px;
}
.bm-catalog-page__feat .bm-cat__subs-link {
color: #e8e2d4;
background: rgba(245, 241, 232, 0.06);
border-color: rgba(245, 241, 232, 0.18);
}
.bm-catalog-page__feat .bm-cat__subs-link:hover {
color: var(--bm-paper);
background: rgba(184, 147, 90, 0.22);
border-color: rgba(184, 147, 90, 0.45);
}
.bm-catalog-page__seo {
background: var(--bm-paper);
border: 1px solid var(--bm-line);
border-radius: 8px;
padding: 32px 36px;
color: var(--bm-ink-2);
font-size: 15px;
line-height: 1.65;
}
.bm-catalog-page__seo h2,
.bm-catalog-page__seo h3 {
font-family: "Cormorant Garamond", Georgia, serif;
color: var(--bm-ink);
font-weight: 500;
margin: 0 0 16px;
line-height: 1.2;
}
.bm-catalog-page__seo h2 {
font-size: clamp(24px, 3vw, 32px);
}
.bm-catalog-page__seo h3 {
font-size: 22px;
margin-top: 28px;
}
.bm-catalog-page__seo p {
margin: 0 0 14px;
}
.bm-catalog-page__seo ul {
margin: 0 0 16px;
padding-left: 1.2em;
}
.bm-catalog-page__seo li {
margin-bottom: 6px;
}
.bm-catalog-page__seo strong {
color: var(--bm-ink);
font-weight: 600;
}
#product-bm-catalog .breadcrumb {
margin-bottom: 8px;
}
@media (max-width: 992px) {
.bm-catalog-page__grid {
grid-template-columns: repeat(2, 1fr);
}
.bm-catalog-page__feat.bm-cat--feat {
grid-column: span 2;
grid-row: span 1;
min-height: 320px;
}
.bm-catalog-page__feat .bm-cat__name {
font-size: 32px;
}
}
@media (max-width: 576px) {
.bm-catalog-page {
padding-left: 15px;
padding-right: 15px;
}
.bm-catalog-page__grid {
grid-template-columns: 1fr;
gap: 14px;
}
.bm-catalog-page__feat.bm-cat--feat {
grid-column: span 1;
min-height: 280px;
}
.bm-catalog-page__seo {
padding: 22px 20px;
}
}
/* ── Live search: bm-ls (розмітка в uni_live_search.twig + search.twig) ── */
.header-search {
position: relative;
}
.live-search.bm-ls {
z-index: 1300 !important;
}
.bm-ls {
z-index: 1300;
}
.bm-ls__list,
.live-search.bm-ls .live-search__ul {
position: absolute;
left: 0;
right: 0;
width: 100%;
min-width: min(480px, 100%);
max-width: min(560px, calc(100vw - 32px));
margin: 10px 0 0;
padding: 6px 0 10px;
list-style: none;
border: 1px solid var(--bm-line);
border-radius: 12px;
box-shadow: 0 18px 48px -12px rgba(20, 24, 42, 0.22);
max-height: min(70vh, 520px);
overflow-y: auto;
background: #fff;
}
.bm-ls__list::-webkit-scrollbar {
width: 6px;
}
.bm-ls__list::-webkit-scrollbar-thumb {
background: rgba(184, 147, 90, 0.45);
border-radius: 6px;
}
.bm-ls__section {
margin: 0;
padding: 14px 18px 8px;
list-style: none;
}
.bm-ls__section:not(:first-child) {
margin-top: 2px;
padding-top: 16px;
border-top: 1px solid var(--bm-line);
}
.bm-ls__section-title {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--bm-sans);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--bm-brass-2);
line-height: 1.3;
}
.bm-ls__section-title::before {
content: "";
flex-shrink: 0;
width: 14px;
height: 14px;
opacity: 0.85;
background: url("data:image/svg+xml;utf8,") no-repeat center / contain;
}
.bm-ls__tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 4px 14px 14px;
list-style: none;
}
.bm-ls__tag {
display: inline-flex;
align-items: center;
padding: 7px 14px;
font-size: 13px;
font-weight: 500;
line-height: 1.3;
color: var(--bm-ink);
text-decoration: none;
background: var(--bm-paper);
border: 1px solid var(--bm-line);
border-radius: 999px;
transition: border-color 0.15s, background 0.15s, color 0.15s;
}
.bm-ls__tag:hover {
color: var(--bm-brass-2);
border-color: rgba(184, 147, 90, 0.55);
background: var(--bm-card);
}
.bm-ls__product {
display: grid;
grid-template-columns: 68px minmax(0, 1fr) auto;
gap: 12px 14px;
align-items: center;
margin: 0;
padding: 12px 16px;
list-style: none;
cursor: pointer;
border-top: 1px solid rgba(20, 24, 42, 0.06);
transition: background 0.12s;
}
.bm-ls__product:hover {
background: var(--bm-paper);
}
.bm-ls__product--no-img {
grid-template-columns: minmax(0, 1fr) auto;
}
.bm-ls__product-media {
align-self: start;
}
.bm-ls__product-media img {
display: block;
width: 60px;
height: 60px;
object-fit: contain;
border-radius: 8px;
background: #fff;
border: 1px solid var(--bm-line);
}
.bm-ls__product-body {
min-width: 0;
}
.bm-ls__product-name {
margin: 0 0 4px;
font-size: 14px;
font-weight: 600;
line-height: 1.35;
color: var(--bm-ink);
letter-spacing: -0.01em;
}
.bm-ls__product-meta {
margin: 0 0 4px;
font-size: 11px;
font-weight: 500;
color: var(--bm-muted);
letter-spacing: 0.04em;
}
.bm-ls__product-desc {
margin: 0;
font-size: 12px;
line-height: 1.45;
color: var(--bm-muted);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.bm-ls__product-price {
min-width: 72px;
max-width: 110px;
text-align: right;
align-self: center;
}
.bm-ls__price,
.bm-ls__price-new {
display: block;
font-size: 15px;
font-weight: 600;
line-height: 1.25;
color: var(--bm-ink);
}
.bm-ls__price-new {
color: var(--bm-rust);
}
.bm-ls__price-old {
display: block;
font-size: 12px;
font-weight: 400;
color: var(--bm-muted);
text-decoration: line-through;
}
.bm-ls__footer {
margin: 6px 12px 4px;
padding: 0;
list-style: none;
}
.bm-ls__more {
display: block;
width: 100%;
padding: 12px 16px;
text-align: center;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.04em;
color: var(--bm-brass-2);
text-decoration: none;
background: var(--bm-paper);
border: 1px solid var(--bm-line);
border-radius: 8px;
transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.bm-ls__more:hover {
color: var(--bm-ink);
border-color: rgba(184, 147, 90, 0.45);
background: var(--bm-card);
}
.bm-ls__empty {
padding: 20px 16px;
text-align: center;
font-size: 14px;
color: var(--bm-muted);
list-style: none;
}
.bm-ls__loading,
.live-search__loading.bm-ls__loading {
margin: 16px auto;
list-style: none;
}
@media (max-width: 991px) {
#search2 .bm-ls__list,
.bm-ls__list {
min-width: 0;
max-width: none;
border-radius: 10px;
}
.bm-ls__product {
grid-template-columns: 56px minmax(0, 1fr) auto;
gap: 10px 12px;
padding: 10px 14px;
}
.bm-ls__product-media img {
width: 52px;
height: 52px;
}
.bm-ls__product-desc {
-webkit-line-clamp: 1;
}
}
/* ── Header search: pill + випадаючі підказки (overflow лише на form, не на .live-search) ── */
header .header-block__item-search,
header #search {
position: relative !important;
overflow: visible !important;
z-index: 220 !important;
}
header .header-search {
border-radius: 999px !important;
background: #fff !important;
border: 1px solid transparent !important;
overflow: visible !important;
}
header .header-search__category {
display: none !important;
}
header .header-search__form {
position: relative;
display: flex !important;
align-items: stretch !important;
min-height: 48px;
margin: 0;
border-radius: 999px;
background: #fff;
overflow: visible;
}
header .header-search__input.form-control {
flex: 1 1 auto;
width: 100% !important;
height: 48px !important;
min-height: 48px !important;
padding: 0 56px 0 22px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: #fff !important;
color: var(--bm-ink) !important;
font-family: var(--bm-sans);
font-size: 15px;
line-height: 48px !important;
box-shadow: none !important;
-webkit-appearance: none;
appearance: none;
}
header .header-search__input::placeholder {
color: var(--color-text-muted) !important;
opacity: 1;
}
header .header-search .search-btn-clear {
position: absolute !important;
top: 50% !important;
right: 50px !important;
left: auto !important;
transform: translateY(-50%) !important;
display: none;
align-items: center;
justify-content: center;
width: 28px !important;
height: 28px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: rgba(184, 147, 90, 0.28) !important;
color: var(--bm-brass-2) !important;
font-size: 17px !important;
font-weight: 400;
line-height: 1 !important;
z-index: 3;
cursor: pointer;
}
header .header-search .search-btn-clear.show {
display: inline-flex !important;
}
header .header-search__btn.search-btn,
header .header-search .header-search__btn {
position: absolute !important;
top: 5px !important;
right: 5px !important;
bottom: auto !important;
left: auto !important;
width: 38px !important;
min-width: 38px !important;
height: 38px !important;
min-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border: 0 !important;
border-radius: 50% !important;
background: var(--bm-gold, #c19a4b) !important;
color: var(--bm-ink) !important;
z-index: 2;
box-shadow: none !important;
transition: background 0.18s;
}
header .header-search__btn.search-btn:hover,
header .header-search .header-search__btn:hover {
background: var(--bm-gold-hover, #a07f37) !important;
color: var(--bm-ink) !important;
border-radius: 50% !important;
}
header .header-search__btn i,
header .header-search .header-search__btn i {
display: block;
margin: 0;
font-size: 16px;
line-height: 1;
color: var(--bm-ink) !important;
}
#search2.bm-mobile-search-panel .header-search__form {
min-height: 48px;
}
#search2.bm-mobile-search-panel .header-search__input {
height: 48px !important;
min-height: 48px !important;
line-height: 48px !important;
padding: 0 56px 0 22px !important;
}
#search2.bm-mobile-search-panel .header-search .search-btn-clear {
top: 50% !important;
right: 50px !important;
transform: translateY(-50%) !important;
}
#search2.bm-mobile-search-panel .header-search__btn {
top: 5px !important;
right: 5px !important;
width: 38px !important;
height: 38px !important;
min-height: 38px !important;
border-radius: 50% !important;
}
/* Каталог: над main.blur::after і під полоскою bm-cat-nav не перекривати випадашку */
@media (min-width: 992px) {
header {
z-index: 250 !important;
}
header .container.bm-header-shell {
position: relative !important;
z-index: 60 !important;
overflow: visible !important;
}
header .header-block {
overflow: visible !important;
}
header .header-block__item-search {
overflow: visible !important;
z-index: 220 !important;
}
header .bm-cat-nav {
position: relative !important;
z-index: 45 !important;
}
main.blur,
footer.blur {
z-index: 0;
}
.bm-header-shell .main-menu,
.bm-header-shell .main-menu.not-before {
position: relative;
z-index: 1000 !important;
overflow: visible !important;
padding: 0;
}
.bm-header-shell .menu-wrapper.new {
z-index: 1001 !important;
}
/* Каталог: зліва список (скрол тільки там), справа окремий flyout без горизонтального скролу */
.menu-wrapper.new.show {
left: 0 !important;
right: auto !important;
display: block !important;
width: auto !important;
min-width: 260px !important;
max-width: min(calc(100vw - 24px), 980px) !important;
background: #fff !important;
border: 1px solid var(--bm-line) !important;
border-radius: 12px !important;
box-shadow: 0 18px 48px -12px rgba(20, 24, 42, 0.22) !important;
overflow: hidden !important;
}
.menu-wrapper.new.show:has(.menu__level-1-li:hover),
.menu-wrapper.new.show:has(.menu__level-2.open) {
width: max-content !important;
}
.menu-wrapper.new.show .menu.menu1.new,
.menu-wrapper.new.show .menu__collapse,
.menu-wrapper.new.show .main-menu__collapse {
background: #fff !important;
}
.menu-wrapper.new.show .menu1.new {
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
position: relative !important;
width: 260px !important;
min-width: 260px !important;
max-width: min(calc(100vw - 24px), 980px) !important;
max-height: min(70vh, 520px) !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.menu-wrapper.new.show .menu1.new:has(.menu__level-1-li:hover),
.menu-wrapper.new.show .menu1.new:has(.menu__level-2.open) {
width: max-content !important;
}
.menu-wrapper.new.show .menu__collapse,
.menu-wrapper.new.show .main-menu__collapse {
display: block !important;
position: static !important;
flex: 0 0 260px !important;
width: 260px !important;
min-width: 260px !important;
max-width: 260px !important;
min-height: 0 !important;
max-height: min(70vh, 520px) !important;
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden !important;
overflow-y: auto !important;
box-sizing: border-box !important;
}
.menu1.new .menu__collapse {
position: static !important;
width: 260px !important;
min-width: 260px !important;
max-width: 260px !important;
min-height: 0 !important;
}
.menu1.new .menu__header {
margin: 0 !important;
padding: 14px 18px !important;
background: #fff !important;
border-bottom: 1px solid var(--bm-line) !important;
text-align: left !important;
}
.menu1.new .menu__header-title {
font-family: var(--bm-sans) !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
color: var(--bm-brass-2) !important;
line-height: 1.3 !important;
}
.menu1.new .menu__level-1-li {
display: block !important;
position: static !important;
background: #fff !important;
border: 0 !important;
width: 100% !important;
}
.menu1.new .menu__level-1-li.has-children::after {
display: none !important;
}
.menu1.new .menu__level-1-a {
display: block !important;
padding: 11px 18px !important;
text-align: left !important;
font-family: var(--bm-sans) !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
color: var(--bm-ink) !important;
text-decoration: none !important;
background: #fff !important;
border: 0 !important;
transition: background 0.12s ease, color 0.12s ease;
}
.menu1.new .menu__level-1-li:hover > .menu__level-1-a,
.menu1.new .menu__level-1-li.open > .menu__level-1-a {
background: var(--bm-paper) !important;
color: var(--bm-ink) !important;
}
.menu1.new .menu__level-2,
.menu-wrapper.new .menu__level-2 {
position: absolute !important;
left: 260px !important;
top: 0 !important;
z-index: 1001 !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
display: grid !important;
margin: 0 !important;
padding: 0 !important;
background: #fff !important;
box-sizing: border-box !important;
transition: opacity 0.15s ease, visibility 0.15s ease;
}
.menu1.new .menu__level-1-li:hover > .menu__level-2,
.menu1.new .menu__level-1-li.open > .menu__level-2,
.menu1.new .menu__level-2.open,
.menu-wrapper.new.show .menu__level-2.open {
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
/* UniShop: .menu__level-2-ul { width:669px } — скидаємо */
.menu1.new .menu__level-2.column-1,
.menu1.new .menu__level-2.column-2,
.menu1.new .menu__level-2.column-3,
.menu1.new .menu__level-2.column-4 {
width: auto !important;
min-width: 280px !important;
max-width: min(calc(100vw - 300px), 720px) !important;
}
.menu1.new .menu__level-2.open,
.menu-wrapper.new.show .menu__level-2.open,
.menu1.new .menu__level-1-li:hover > .menu__level-2,
.menu1.new .menu__level-1-li.open > .menu__level-2 {
z-index: 1002 !important;
display: grid !important;
grid-auto-flow: row !important;
align-content: start !important;
align-items: stretch !important;
gap: 0 !important;
padding: 8px 0 12px !important;
min-width: 280px !important;
max-width: min(calc(100vw - 300px), 720px) !important;
max-height: min(70vh, 520px) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
box-sizing: border-box !important;
background: #fff !important;
border: 0 !important;
border-left: 1px solid var(--bm-line) !important;
border-radius: 0 12px 12px 0 !important;
box-shadow: none !important;
}
.menu1.new .menu__level-1-li:hover > .menu__level-2.column-1,
.menu1.new .menu__level-2.column-1.open,
.menu-wrapper.new.show .menu__level-2.column-1.open {
grid-template-columns: minmax(0, 1fr) !important;
}
.menu1.new .menu__level-1-li:hover > .menu__level-2.column-2,
.menu1.new .menu__level-2.column-2.open,
.menu-wrapper.new.show .menu__level-2.column-2.open {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.menu1.new .menu__level-1-li:hover > .menu__level-2.column-3,
.menu1.new .menu__level-2.column-3.open,
.menu-wrapper.new.show .menu__level-2.column-3.open {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.menu1.new .menu__level-1-li:hover > .menu__level-2.column-4,
.menu1.new .menu__level-2.column-4.open,
.menu-wrapper.new.show .menu__level-2.column-4.open {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.menu1.new .menu__level-2.open::-webkit-scrollbar {
width: 6px;
}
.menu1.new .menu__level-2.open::-webkit-scrollbar-thumb {
background: rgba(184, 147, 90, 0.45);
border-radius: 6px;
}
.menu1.new .menu__level-2.open > .menu__level-2-wrap {
display: contents !important;
}
.menu1.new .menu__level-2.open > .menu__level-2-ul,
.menu-wrapper.new.show .menu__level-2.open > .menu__level-2-ul,
.menu1.new .menu__level-2.open .menu__level-2-wrap > .menu__level-2-ul,
.menu1.new .menu__level-2.open [class*="col-md-"] {
float: none !important;
flex: none !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 14px 18px 10px !important;
position: static !important;
left: auto !important;
top: auto !important;
display: block !important;
text-align: left !important;
box-sizing: border-box !important;
background: #fff !important;
border: 0 !important;
border-top: 0 !important;
border-bottom: 0 !important;
border-left: 1px solid var(--bm-line) !important;
border-style: solid !important;
box-shadow: none !important;
}
.menu1.new .menu__level-2-ul[class*="col-md-"]:before,
.menu1.new .menu__level-2-ul.col-md-3:before,
.menu1.new .menu__level-2-ul.col-md-4:before,
.menu1.new .menu__level-2-ul.col-md-6:before,
.menu1.new .menu__level-2-ul.col-md-12:before {
display: none !important;
content: none !important;
border: 0 !important;
}
.menu1.new .menu__level-2.open > .menu__level-2-ul:first-child,
.menu1.new .menu__level-2.open .menu__level-2-wrap > .menu__level-2-ul:first-child {
border-left: 0 !important;
}
.menu1.new .menu__level-2-img,
.menu1.new .menu__level-3-img,
.menu1.new .menu__level-3-img-wrap,
.menu1.new img.menu-img-2 {
display: none !important;
}
.menu1.new .menu__level-1-pm,
.menu1.new .menu__level-2-pm {
display: none !important;
}
.menu1.new .menu__level-2-a.has-children::after {
display: none !important;
}
.menu1.new .menu__level-2-a {
display: block !important;
width: 100% !important;
margin: 0 0 6px !important;
padding: 0 !important;
text-align: left !important;
font-family: var(--bm-sans) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
letter-spacing: -0.01em !important;
text-transform: none !important;
color: var(--bm-ink) !important;
text-decoration: none !important;
white-space: normal !important;
word-wrap: break-word;
}
.menu1.new .menu__level-2-a:hover {
color: var(--bm-brass-2) !important;
}
.menu1.new .menu__level-2-ul .menu__level-3,
.menu1.new .menu__level-3,
.menu1.new .menu__level-3:not(.in) {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
max-height: none !important;
margin: 0 0 12px !important;
padding: 0 !important;
overflow: visible !important;
visibility: visible !important;
opacity: 1 !important;
}
.menu1.new .menu__level-3-ul {
display: block !important;
list-style: none !important;
margin: 0 !important;
padding: 0 0 0 2px !important;
text-align: left !important;
}
.menu1.new .menu__level-3-li {
float: none !important;
width: auto !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
text-align: left !important;
}
.menu1.new .menu__level-3-a,
.menu1.new .menu__level-3-name {
display: block !important;
margin: 0 !important;
padding: 2px 0 !important;
text-align: left !important;
font-family: var(--bm-sans) !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
color: var(--bm-muted) !important;
text-decoration: none !important;
white-space: normal !important;
word-wrap: break-word;
border: 0 !important;
transition: color 0.12s ease;
}
.menu1.new .menu__level-3-a:hover {
color: var(--bm-brass-2) !important;
background: transparent !important;
}
.menu1.new .menu__level-3-a.menu__more {
border-top: 1px solid var(--bm-line) !important;
margin-top: 6px !important;
padding-top: 12px !important;
}
.menu1.new .menu__level-3-a.menu__more .menu__more-span {
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
color: var(--bm-brass-2) !important;
}
/* Полоска категорій нижче відкритого каталогу (інакше ріже верх колонки) */
body:has(.menu-wrapper.new.show) header .bm-cat-nav {
z-index: 25 !important;
}
}
/* Мобільний каталог: slide-menu над bm-cat-nav, без зламу шапки в закритому стані */
@media (max-width: 991px) {
header .container.bm-header-shell {
position: relative;
z-index: auto;
}
header .bm-cat-nav {
position: relative;
z-index: 2;
}
/* Оверлей scroll-disabled::before (z-index 1060) живёт на body и перекрывал
drawer, пока z-index был только у .bm-header-shell внутри header (auto). */
body:has(.menu-wrapper.show) > header {
position: relative !important;
z-index: 1090 !important;
}
body:has(.menu-wrapper.show) header .container.bm-header-shell {
z-index: 3 !important;
}
/* Горизонтальная белая полоска категорий — sibling после shell, перекрывала drawer */
body:has(.menu-wrapper.show) header .bm-cat-nav {
display: none !important;
}
body:has(.menu-wrapper.show) .menu-wrapper,
body:has(.menu-wrapper.show) .menu-wrapper.new {
z-index: 5 !important;
pointer-events: auto !important;
}
}
/* ── Картка товару: панель дій (кількість · Купити · швидке замовлення) ── */
.product-thumb__caption {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 6px !important;
padding: 14px 16px 16px !important;
box-sizing: border-box !important;
}
.product-thumb__name {
display: block !important;
text-align: left !important;
min-height: 0 !important;
margin: 0 !important;
line-height: 1.3 !important;
}
.product-thumb__model {
margin: 0 !important;
}
.product-thumb__price,
.product-thumb__price.price {
margin: 2px 0 0 !important;
padding: 0 !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__model,
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__price,
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__price.price {
text-align: center !important;
}
.product-thumb__cart {
display: flex !important;
align-items: stretch !important;
gap: 6px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 4px 0 0 !important;
padding: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.product-thumb .qty-switch {
flex: 0 0 auto !important;
width: max-content !important;
max-width: none !important;
display: flex !important;
align-items: stretch !important;
float: none !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
border: 1px solid var(--bm-line) !important;
border-radius: 10px !important;
overflow: hidden !important;
background: #fff !important;
box-sizing: border-box !important;
}
.product-thumb .qty-switch__input {
flex: 0 0 32px !important;
width: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
line-height: 44px !important;
text-align: center !important;
color: var(--bm-ink) !important;
background: transparent !important;
box-sizing: border-box !important;
}
.product-thumb .qty-switch > div {
display: flex !important;
flex-direction: column !important;
flex: 0 0 28px !important;
width: 28px !important;
height: 100% !important;
border-left: 1px solid var(--bm-line) !important;
box-sizing: border-box !important;
}
.product-thumb .qty-switch__btn {
flex: 1 1 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 50% !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
font-size: 11px !important;
border: 0 !important;
border-radius: 0 !important;
background: var(--bm-paper) !important;
color: var(--bm-ink-2) !important;
box-sizing: border-box !important;
}
.product-thumb .qty-switch__btn.fa-plus {
border-bottom: 1px solid var(--bm-line) !important;
}
.product-thumb .qty-switch__btn:active {
background: var(--bm-paper-2) !important;
}
.product-thumb .product-thumb__add-to-cart,
.product-thumb .product-thumb__add-to-cart.btn,
body .uni-module .product-thumb__add-to-cart {
flex: 1 1 0 !important;
min-width: 0 !important;
width: auto !important;
max-width: 100% !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 10px !important;
border: 0 !important;
border-radius: 999px !important;
outline: none !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
font-family: var(--bm-sans) !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.02em !important;
text-transform: uppercase !important;
line-height: 1.15 !important;
text-align: center !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
background: var(--bm-ink) !important;
color: var(--bm-paper) !important;
box-sizing: border-box !important;
}
.product-thumb .product-thumb__add-to-cart span {
display: block !important;
flex: 1 1 auto !important;
min-width: 0 !important;
width: auto !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
letter-spacing: inherit !important;
line-height: inherit !important;
font-weight: 500 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.product-thumb .product-thumb__add-to-cart:hover {
background: var(--color-primary-hover) !important;
color: var(--bm-paper) !important;
}
.product-thumb .product-thumb__add-to-cart i {
display: none !important;
}
.product-thumb .product-thumb__quick-order:not(.hidden),
body .uni-module .product-thumb__quick-order:not(.hidden) {
flex: 0 1 auto !important;
width: auto !important;
min-width: 44px !important;
max-width: 48% !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 8px !important;
border: 1px solid var(--bm-line) !important;
border-radius: 999px !important;
outline: none !important;
background: #fff !important;
color: var(--bm-brass-2) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 4px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.product-thumb .product-thumb__quick-order:hover {
background: var(--bm-paper) !important;
border-color: var(--bm-brass) !important;
color: var(--bm-brass-2) !important;
}
.product-thumb .product-thumb__quick-order span {
display: none !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
font-size: clamp(9px, 2.4vw, 11px) !important;
font-weight: 500 !important;
line-height: 1.15 !important;
text-align: center !important;
}
.product-thumb .product-thumb__quick-order span:not(:empty) {
display: inline !important;
}
.product-thumb .product-thumb__quick-order i {
display: block !important;
flex: 0 0 auto !important;
margin: 0 !important;
font-size: 15px !important;
line-height: 1 !important;
}
.product-thumb__cart:not(:has(.qty-switch)) .product-thumb__add-to-cart {
flex: 1 1 auto !important;
}
@media (max-width: 575px) {
#product-category .products-block .product-grid.product-layout {
padding-left: 5px !important;
padding-right: 5px !important;
margin-bottom: 12px !important;
}
.product-grid .product-thumb.uni-item {
border-radius: 10px !important;
box-shadow: 0 2px 14px -6px rgba(20, 24, 42, 0.1) !important;
}
#product-category .product-grid .product-thumb__image {
background: #fff !important;
}
.product-grid .product-thumb__image {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 120px !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.product-grid .product-thumb__image img {
max-height: 140px !important;
width: auto !important;
object-fit: contain !important;
}
.product-grid .product-thumb__caption {
padding: 12px 12px 14px !important;
gap: 5px !important;
}
.product-grid .product-thumb__name {
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.38 !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3;
overflow: hidden !important;
text-overflow: ellipsis !important;
min-height: 0 !important;
max-height: none !important;
margin: 0 !important;
}
.product-grid .product-thumb__model {
font-size: 9px !important;
letter-spacing: 0.14em !important;
margin: 0 !important;
opacity: 0.88;
}
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__name {
font-weight: 400 !important;
}
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__price,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__price.price {
font-family: "Manrope", var(--bm-sans) !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 1 !important;
color: var(--bm-rd-text) !important;
margin: 4px 0 0 !important;
order: 3;
}
.product-grid .product-thumb__price,
.product-grid .product-thumb__price.price {
font-size: 17px !important;
margin-top: 6px !important;
margin-bottom: 0 !important;
line-height: 1.2 !important;
}
.product-thumb .qty-switch__input {
flex: 0 0 30px !important;
width: 30px !important;
min-width: 30px !important;
max-width: 30px !important;
line-height: 42px !important;
}
.product-thumb .qty-switch > div {
flex: 0 0 26px !important;
width: 26px !important;
}
.product-thumb .qty-switch {
height: 42px !important;
min-height: 42px !important;
border-radius: 12px !important;
}
.product-thumb .product-thumb__quick-order {
height: 42px !important;
min-height: 42px !important;
width: 42px !important;
min-width: 42px !important;
border-radius: 12px !important;
}
/* Каталог: «Купити» + швидке замовлення в один ряд (лічильник прихований — див. 767px) */
.product-grid .product-thumb__cart {
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 8px !important;
margin-top: 4px !important;
padding-top: 0 !important;
border-top: 0 !important;
}
.product-grid .product-thumb .product-thumb__add-to-cart,
.product-grid .product-thumb .product-thumb__add-to-cart.btn {
order: 1;
flex: 1 1 0 !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
height: 48px !important;
min-height: 48px !important;
padding: 0 10px !important;
border-radius: 999px !important;
font-size: 12px !important;
line-height: 1.15 !important;
letter-spacing: 0.05em !important;
box-shadow: 0 2px 8px rgba(20, 24, 42, 0.28) !important;
}
.product-grid .product-thumb .product-thumb__quick-order {
order: 2;
margin-left: 0 !important;
flex: 0 1 auto !important;
min-width: 42px !important;
max-width: 46% !important;
padding: 0 6px !important;
}
.product-grid .product-thumb .product-thumb__quick-order span:not(:empty) {
font-size: clamp(8px, 2.2vw, 10px) !important;
}
.product-grid .product-thumb .product-thumb__add-to-cart:active {
transform: scale(0.98);
box-shadow: 0 2px 8px -4px rgba(20, 24, 42, 0.4) !important;
}
}
/* Мобільні картки каталогу/модулів: без лічильника (лише на сторінці товару) */
@media (max-width: 767px) {
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb.uni-item {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__caption {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
height: 100% !important;
}
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__model {
margin-top: auto !important;
}
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__cart {
margin-top: auto !important;
}
.product-thumb .qty-switch,
.uni-module .product-thumb .qty-switch,
.products-block .product-thumb .qty-switch {
display: none !important;
}
.product-thumb__cart .qty-switch {
display: none !important;
}
#product .product-page__cart .qty-switch,
#product .product-block--buy .qty-switch,
.product-page__cart .qty-switch {
display: flex !important;
}
.product-thumb__cart:not(:has(.qty-switch)) .product-thumb__quick-order {
margin-left: auto !important;
}
.product-grid .product-thumb__cart:not(:has(.qty-switch)) .product-thumb__add-to-cart,
.product-grid .product-thumb__cart:not(:has(.qty-switch)) .product-thumb__quick-order {
margin-left: 0 !important;
}
}
@media (max-width: 400px) {
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__name {
font-weight: 400 !important;
}
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__price,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__price.price {
font-size: 20px !important;
font-weight: 400 !important;
}
.product-grid .product-thumb__name {
font-size: 12px !important;
-webkit-line-clamp: 4;
}
.product-grid .product-thumb__price,
.product-grid .product-thumb__price.price {
font-size: 16px !important;
}
.product-grid .product-thumb .product-thumb__add-to-cart,
.product-grid .product-thumb .product-thumb__add-to-cart.btn {
height: 46px !important;
min-height: 46px !important;
font-size: 11px !important;
}
}
/* UniShop ховає quick-order на дуже вузьких екранах — лічильник у картках не показуємо */
@media (max-width: 350px) {
.product-thumb .product-thumb__quick-order {
display: inline-flex !important;
}
}
/* Каталог list-view: см. buddha-category-list.css */
/* ── Гадание онлайн: один скролл (страница), iframe без внутренней полосы ── */
html.bm-page-gadanie-online body > header,
body.bm-page-gadanie-online body > header,
body:has(.article_description iframe[src*="gadanie-online"]) body > header,
body:has(#content iframe[src*="gadanie-online"]) body > header,
body:has(iframe[src*="/gadanie-online/"]) body > header {
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
width: auto !important;
}
html.bm-page-gadanie-online,
html.bm-page-gadanie-online body,
body.bm-page-gadanie-online,
body:has(.article_description iframe[src*="gadanie-online"]),
body:has(#content iframe[src*="gadanie-online"]),
body:has(iframe[src*="/gadanie-online/"]) {
padding-top: 0 !important;
height: auto !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
body.bm-page-gadanie-online.scroll-disabled,
body.bm-page-gadanie-online.scroll-disabled2,
body:has(iframe[src*="gadanie-online"]).scroll-disabled,
body:has(iframe[src*="gadanie-online"]).scroll-disabled2 {
overflow-y: auto !important;
}
.bm-page-gadanie-online #content,
.bm-page-gadanie-online .article_description,
.bm-page-gadanie-online main.blur,
body:has(iframe[src*="gadanie-online"]) #content,
body:has(iframe[src*="gadanie-online"]) .article_description {
overflow: visible !important;
max-height: none !important;
}
.bm-page-gadanie-online iframe.bm-tarot-embed,
.bm-page-gadanie-online iframe[src*="gadanie-online"],
body:has(iframe[src*="gadanie-online"]) iframe[src*="gadanie-online"] {
display: block;
width: 100% !important;
max-width: 100% !important;
border: 0 !important;
overflow: hidden !important;
}
/* Модалка в iframe (самоучитель Таро и др.) — фон страницы не скроллится */
html.bm-embed-modal-open,
html.bm-embed-modal-open body,
body.bm-embed-modal-open,
html.bm-page-gadanie-online.bm-embed-modal-open,
html.bm-page-gadanie-online.bm-embed-modal-open body,
body.bm-page-gadanie-online.bm-embed-modal-open,
html.bm-page-oracle-embed.bm-embed-modal-open body,
body.bm-page-oracle-embed.bm-embed-modal-open {
overflow: hidden !important;
overscroll-behavior: none !important;
touch-action: none;
}
body.bm-embed-modal-open {
position: fixed !important;
width: 100% !important;
left: 0 !important;
right: 0 !important;
}
/* ── Гадание на рунах онлайн: тот же режим iframe, что и Таро ── */
html.bm-page-runes-online body > header,
body.bm-page-runes-online body > header,
body:has(.article_description iframe[src*="runes-online"]) body > header,
body:has(#content iframe[src*="runes-online"]) body > header,
body:has(iframe[src*="/runes-online/"]) body > header {
position: static !important;
top: auto !important;
left: auto !important;
right: auto !important;
width: auto !important;
}
html.bm-page-runes-online,
html.bm-page-runes-online body,
body.bm-page-runes-online,
body:has(.article_description iframe[src*="runes-online"]),
body:has(#content iframe[src*="runes-online"]),
body:has(iframe[src*="/runes-online/"]) {
padding-top: 0 !important;
height: auto !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
body.bm-page-runes-online.scroll-disabled,
body.bm-page-runes-online.scroll-disabled2,
body:has(iframe[src*="runes-online"]).scroll-disabled,
body:has(iframe[src*="runes-online"]).scroll-disabled2 {
overflow-y: auto !important;
}
.bm-page-runes-online #content,
.bm-page-runes-online .article_description,
.bm-page-runes-online main.blur,
body:has(iframe[src*="runes-online"]) #content,
body:has(iframe[src*="runes-online"]) .article_description {
overflow: visible !important;
max-height: none !important;
}
.bm-page-runes-online iframe.bm-tarot-embed,
.bm-page-runes-online iframe[src*="runes-online"],
body:has(iframe[src*="runes-online"]) iframe[src*="runes-online"] {
display: block;
width: 100% !important;
max-width: 100% !important;
border: 0 !important;
overflow: hidden !important;
}
/* ── Таро / руны онлайн: контент на всю ширину экрана (как gadanie-online-page) ── */
body.bm-page-oracle-embed main > .container,
body.bm-page-gadanie-online main > .container,
body.bm-page-runes-online main > .container,
body:has(.article_description iframe[src*="gadanie-online"]) main > .container,
body:has(.article_description iframe[src*="runes-online"]) main > .container {
width: 100% !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.bm-page-oracle-embed main > .container > .row,
body.bm-page-gadanie-online main > .container > .row,
body.bm-page-runes-online main > .container > .row,
body:has(.article_description iframe[src*="gadanie-online"]) main > .container > .row,
body:has(.article_description iframe[src*="runes-online"]) main > .container > .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bm-page-oracle-embed .breadcrumb-h1,
body.bm-page-gadanie-online .breadcrumb-h1,
body.bm-page-runes-online .breadcrumb-h1,
body:has(.article_description iframe[src*="gadanie-online"]) .breadcrumb-h1,
body:has(.article_description iframe[src*="runes-online"]) .breadcrumb-h1 {
display: none !important;
}
body.bm-page-oracle-embed #content,
body.bm-page-gadanie-online #content,
body.bm-page-runes-online #content,
body:has(.article_description iframe[src*="gadanie-online"]) #content,
body:has(.article_description iframe[src*="runes-online"]) #content {
padding-left: 0 !important;
padding-right: 0 !important;
float: none !important;
width: 100% !important;
max-width: none !important;
}
body.bm-page-oracle-embed .article_description.uni-wrapper,
body.bm-page-gadanie-online .article_description.uni-wrapper,
body.bm-page-runes-online .article_description.uni-wrapper,
body:has(.article_description iframe[src*="gadanie-online"]) .article_description.uni-wrapper,
body:has(.article_description iframe[src*="runes-online"]) .article_description.uni-wrapper {
width: 100% !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
}
body.bm-page-oracle-embed .article_description.uni-wrapper > p,
body.bm-page-gadanie-online .article_description.uni-wrapper > p,
body.bm-page-runes-online .article_description.uni-wrapper > p,
body:has(.article_description iframe[src*="gadanie-online"]) .article_description.uni-wrapper > p,
body:has(.article_description iframe[src*="runes-online"]) .article_description.uni-wrapper > p {
display: none !important;
}
body.bm-page-oracle-embed .article_description iframe[src*="gadanie-online"],
body.bm-page-oracle-embed .article_description iframe[src*="runes-online"],
body.bm-page-gadanie-online .article_description iframe[src*="gadanie-online"],
body.bm-page-runes-online .article_description iframe[src*="runes-online"],
body:has(.article_description iframe[src*="gadanie-online"]) .article_description iframe[src*="gadanie-online"],
body:has(.article_description iframe[src*="runes-online"]) .article_description iframe[src*="runes-online"] {
display: block !important;
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
/* Runes online — tablet: без 100vw overflow, min-height до postMessage */
@media (min-width: 768px) and (max-width: 1024px) {
body.bm-page-runes-online .article_description iframe[src*="runes-online"],
body:has(.article_description iframe[src*="runes-online"]) .article_description iframe[src*="runes-online"] {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
min-height: clamp(720px, 80vh, 1200px);
}
body.bm-page-runes-online main {
padding-bottom: 24px;
}
}
/* Gadanie online — tablet: без 100vw overflow, stable iframe min-height */
@media (min-width: 768px) and (max-width: 1024px) {
body.bm-page-gadanie-online .tarot-fullbleed {
width: 100% !important;
max-width: 100% !important;
left: auto !important;
transform: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bm-page-gadanie-online .tarot-fullbleed iframe,
body.bm-page-gadanie-online iframe[src*="gadanie-online"] {
width: 100% !important;
max-width: 100% !important;
min-height: 1600px;
}
}
/* Homepage: online divination promo — full width like hero / product carousel */
.content-top .html-module:has(.bm-quiet) {
overflow: visible !important;
}
.content-top .bm-quiet {
margin-left: -15px !important;
margin-right: -15px !important;
width: auto !important;
max-width: none !important;
padding-top: 30px !important;
padding-bottom: 30px !important;
padding-left: 0 !important;
padding-right: 0 !important;
overflow: visible !important;
box-sizing: border-box !important;
}
.content-top .bm-quiet__inner {
max-width: 1460px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 28px !important;
padding-right: 28px !important;
box-sizing: border-box !important;
}
@media (max-width: 760px) {
.content-top .bm-quiet {
margin-left: -10px !important;
margin-right: -10px !important;
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.content-top .bm-quiet__inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
/* ── Mobile drawer menu (labyrinthos-style, Buddha palette) ── */
@media (max-width: 991px) {
header > #top.top-menu {
display: none !important;
}
.bm-header-bar__search-btn,
#search2.bm-mobile-search-panel {
display: none !important;
}
body.scroll-disabled::before {
content: "";
position: fixed;
inset: 0;
z-index: 1060;
background: rgba(14, 18, 42, 0.58);
pointer-events: auto;
}
/* Попап авторизації / uniModal — вище drawer (1070) і шапки (1080) */
.modal-backdrop {
z-index: 10950 !important;
}
.modal {
z-index: 10960 !important;
}
body.modal-open .menu-wrapper,
body.modal-open .menu-wrapper.show {
z-index: 1065 !important;
}
body.modal-open.scroll-disabled::before {
z-index: 10940 !important;
}
.menu-wrapper {
width: min(400px, 88vw) !important;
max-width: 88vw !important;
left: calc(-1 * min(400px, 88vw)) !important;
background: var(--bm-ink) !important;
box-shadow: 8px 0 40px rgba(0, 0, 0, 0.35) !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
}
.menu-wrapper > .bm-drawer-panel {
order: 1;
}
.menu-wrapper > nav#menu,
.menu-wrapper > .menu.menu1 {
order: 2;
}
.menu-wrapper > .bm-drawer-footer,
.menu-wrapper > #bm-drawer-utils-slot {
order: 3;
}
.menu-wrapper.show {
left: 0 !important;
}
.bm-drawer-panel {
flex: 0 0 auto;
padding: 16px 20px 10px;
border-bottom: 0;
}
.bm-drawer-panel__phone:empty {
display: none;
}
.bm-drawer-footer {
flex: 0 0 auto;
padding: 4px 20px 4px;
border-top: 1px solid rgba(230, 223, 208, 0.12);
background: var(--bm-ink);
}
.bm-drawer-footer .bm-drawer-acc:first-child {
border-top: 0;
}
.bm-drawer-footer .bm-drawer-account {
margin-top: 0;
padding-top: 0;
border-top: 1px solid rgba(230, 223, 208, 0.12);
}
.bm-drawer-panel__close {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
margin: 0 0 16px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--bm-paper);
font-size: 20px;
line-height: 1;
cursor: pointer;
}
.bm-drawer-panel__search {
margin: 0 0 14px;
}
.bm-drawer-panel__search .header-search {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 8px !important;
background: transparent !important;
box-shadow: none !important;
overflow: hidden !important;
}
.bm-drawer-panel__search .header-search__category {
display: none !important;
}
.bm-drawer-panel__search .header-search__form {
position: relative !important;
display: block !important;
min-height: 46px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 8px !important;
background: var(--bm-paper) !important;
border: 1px solid rgba(230, 223, 208, 0.55) !important;
box-shadow: none !important;
overflow: hidden !important;
}
.bm-drawer-panel__search .header-search__input,
.bm-drawer-panel__search .header-search__input.form-control {
height: 46px !important;
min-height: 46px !important;
line-height: 46px !important;
padding: 0 50px 0 14px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: var(--bm-ink) !important;
font-size: 14px !important;
box-shadow: none !important;
}
.bm-drawer-panel__search .header-search .search-btn-clear {
right: 46px !important;
}
.bm-drawer-panel__search .header-search__btn,
.bm-drawer-panel__search .header-search .header-search__btn,
.bm-drawer-panel__search .search-btn {
position: absolute !important;
top: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 46px !important;
min-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 8px 8px 0 !important;
background: var(--bm-brass) !important;
color: var(--bm-ink) !important;
box-shadow: none !important;
}
.bm-drawer-phone {
display: block;
margin: 0 0 4px;
padding: 11px 0;
border: 0;
background: transparent;
color: var(--bm-brass);
font-family: var(--bm-sans);
font-size: 15px;
font-weight: 600;
letter-spacing: 0.02em;
text-decoration: none;
text-align: left;
}
.bm-drawer-acc {
border-top: 1px solid rgba(230, 223, 208, 0.12);
}
.bm-drawer-acc__head {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin: 0;
padding: 6px 0;
border: 0;
background: transparent;
color: var(--bm-paper);
font-family: "Cormorant Garamond", Georgia, serif;
font-size: 22px;
font-style: italic;
font-weight: 400;
line-height: 1.15;
text-align: left;
cursor: pointer;
}
.bm-drawer-acc__pm {
flex: 0 0 48px;
width: 48px;
min-width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
margin: -10px -6px -10px 0;
font-family: var(--bm-sans);
font-size: 0;
line-height: 1;
color: var(--bm-brass);
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.bm-drawer-acc__pm::before {
content: "+";
font-size: 22px;
font-weight: 300;
line-height: 1;
}
.bm-drawer-acc.is-open .bm-drawer-acc__pm::before {
content: "−";
}
.bm-drawer-acc__body {
display: none;
padding: 0 0 12px;
}
.bm-drawer-acc.is-open .bm-drawer-acc__body {
display: block;
}
.bm-drawer-acc__body .dropdown-toggle {
display: none !important;
}
.bm-drawer-acc__body .dropdown-menu {
display: block !important;
position: static !important;
float: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.bm-drawer-acc__body .top-menu__language-item a,
.bm-drawer-acc__body .top-menu__currency-item a {
display: block;
padding: 10px 0;
color: var(--color-on-primary-muted) !important;
font-family: var(--bm-sans);
font-size: 14px;
text-decoration: none;
border-bottom: 1px solid rgba(230, 223, 208, 0.08);
}
.bm-drawer-acc__body .top-menu__language-item:last-child a,
.bm-drawer-acc__body .top-menu__currency-item:last-child a {
border-bottom: 0;
}
.bm-drawer-account {
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid rgba(230, 223, 208, 0.12);
}
.bm-drawer-account__link {
display: flex;
align-items: center;
gap: 10px;
padding: 11px 0;
color: var(--color-on-primary-muted) !important;
font-family: var(--bm-sans);
font-size: 14px;
text-decoration: none;
border-bottom: 1px solid rgba(230, 223, 208, 0.08);
}
.bm-drawer-account__link:last-child {
border-bottom: 0;
}
.bm-drawer-account__link i {
width: 16px;
text-align: center;
opacity: 0.7;
}
.bm-drawer-footer .top-menu__account,
.bm-drawer-footer #account {
display: none !important;
}
.bm-drawer-src-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
padding: 0 !important;
margin: -1px !important;
}
.menu-wrapper .menu.menu1.new,
.menu-wrapper .menu.menu1,
.menu-wrapper .menu__collapse,
.menu-wrapper .main-menu__collapse {
flex: 1 1 auto;
min-height: 0;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
background: var(--bm-ink) !important;
}
.menu-wrapper .menu.menu1.new,
.menu-wrapper .menu.menu1 {
display: flex;
flex-direction: column;
overflow: hidden;
}
.menu-wrapper .menu__header {
display: none !important;
}
.menu-wrapper .menu__collapse,
.menu-wrapper .main-menu__collapse {
position: static !important;
top: auto !important;
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
padding: 0 0 28px;
margin: 0 !important;
list-style: none;
}
.menu-wrapper .menu__level-1-li {
position: relative;
border-bottom: 1px solid rgba(230, 223, 208, 0.1);
background: transparent !important;
}
.menu-wrapper .menu__level-1-a {
display: block;
padding: 6px 60px 6px 20px !important;
color: var(--bm-paper) !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: clamp(19px, 5.2vw, 22px) !important;
font-style: italic !important;
font-weight: 400 !important;
line-height: 1.2 !important;
background: transparent !important;
border: 0 !important;
text-decoration: none;
}
.menu-wrapper .menu__level-1-a:hover,
.menu-wrapper .menu__level-1-a:focus {
color: var(--bm-brass) !important;
background: transparent !important;
}
.menu-wrapper .menu__level-1-pm,
.menu-wrapper .menu__level-2-pm {
position: absolute !important;
right: 8px !important;
left: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 48px !important;
min-width: 48px !important;
height: 48px !important;
min-height: 48px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: var(--bm-brass) !important;
font-size: 0 !important;
line-height: 1 !important;
cursor: pointer;
z-index: 2;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
/* Не top:50% — иначе «−» уезжает в середину раскрытого блока категории */
.menu-wrapper .menu__level-1-li > .menu__level-1-pm {
top: 0 !important;
transform: none !important;
}
.menu-wrapper .menu__level-2-ul {
position: relative !important;
}
.menu-wrapper .menu__level-2-ul > .menu__level-2-pm {
top: 4px !important;
transform: none !important;
}
.menu-wrapper .menu__level-1-pm i,
.menu-wrapper .menu__level-2-pm i {
display: none !important;
}
.menu-wrapper .menu__level-1-pm::before,
.menu-wrapper .menu__level-2-pm::before {
content: "+";
font-family: var(--bm-sans);
font-size: 22px;
font-weight: 300;
line-height: 1;
color: var(--bm-brass);
}
.menu-wrapper .menu__level-1-pm.open::before,
.menu-wrapper .menu__level-2-pm.open::before {
content: "−";
}
.menu-wrapper .menu__level-2 {
background: rgba(0, 0, 0, 0.18) !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
.menu-wrapper .menu__level-2-ul {
padding: 0 !important;
margin: 0 !important;
position: relative !important;
}
.menu-wrapper .menu__level-2-a {
padding: 11px 60px 11px 20px !important;
color: var(--color-on-primary-muted) !important;
font-family: var(--bm-sans) !important;
font-size: 14px !important;
font-style: normal !important;
border: 0 !important;
border-top: 1px solid rgba(230, 223, 208, 0.06) !important;
background: transparent !important;
}
.menu-wrapper .menu__level-3 {
background: rgba(0, 0, 0, 0.12) !important;
}
.menu-wrapper .menu__level-3-a {
padding: 10px 20px 10px 28px !important;
color: var(--color-on-primary-muted) !important;
font-size: 13px !important;
border: 0 !important;
}
.menu-wrapper .menu__level-1-icon,
.menu-wrapper .menu__level-1-img,
.menu-wrapper .menu__banner {
display: none !important;
}
}
/* Drawer: альбомная ориентация — больше места под категории */
@media (max-width: 991px) and (orientation: landscape) {
.menu-wrapper {
width: min(380px, 48vw) !important;
max-width: 48vw !important;
left: calc(-1 * min(380px, 48vw)) !important;
}
.bm-drawer-panel {
display: grid;
grid-template-columns: 40px 1fr;
grid-template-rows: auto auto;
gap: 4px 8px;
padding: 8px 12px 6px;
align-items: center;
}
.bm-drawer-panel__close {
grid-column: 1;
grid-row: 1;
width: 40px;
height: 40px;
margin: 0 !important;
}
.bm-drawer-panel__search {
grid-column: 2;
grid-row: 1;
margin: 0 !important;
}
.bm-drawer-panel__search .header-search__form {
min-height: 36px !important;
}
.bm-drawer-panel__search .header-search__input,
.bm-drawer-panel__search .header-search__input.form-control {
height: 36px !important;
min-height: 36px !important;
line-height: 36px !important;
font-size: 13px !important;
padding-right: 42px !important;
}
.bm-drawer-panel__search .header-search__btn,
.bm-drawer-panel__search .header-search .header-search__btn,
.bm-drawer-panel__search .search-btn {
width: 36px !important;
min-width: 36px !important;
height: 36px !important;
min-height: 36px !important;
}
.bm-drawer-panel__phone {
grid-column: 1 / -1;
grid-row: 2;
margin: 0 !important;
padding: 2px 0 0 !important;
font-size: 12px !important;
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bm-drawer-footer {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 6px;
padding: 6px 12px 8px !important;
}
.bm-drawer-footer .bm-drawer-acc {
flex: 0 0 auto;
width: auto;
border-top: 0;
position: relative;
}
.bm-drawer-footer .bm-drawer-account {
flex: 0 0 auto;
display: flex;
flex-direction: row;
align-items: center;
gap: 6px;
margin: 0;
padding: 0;
border-top: 0;
margin-left: auto;
}
.bm-drawer-acc__head {
width: 44px;
min-width: 44px;
height: 44px;
padding: 0 !important;
justify-content: center;
border-radius: 8px;
background: rgba(255, 255, 255, 0.06);
position: relative;
}
.bm-drawer-acc__label {
position: absolute !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
padding: 0 !important;
margin: -1px !important;
}
.bm-drawer-acc__pm {
display: none !important;
}
.bm-drawer-acc--lang .bm-drawer-acc__head::before {
font-family: "Font Awesome 5 Free", "FontAwesome";
font-weight: 900;
content: "\f0ac";
font-size: 17px;
font-style: normal;
color: var(--bm-brass);
line-height: 1;
}
.bm-drawer-acc--currency .bm-drawer-acc__head::before {
content: attr(data-currency-icon);
font-family: var(--bm-sans);
font-size: 15px;
font-weight: 700;
font-style: normal;
color: var(--bm-brass);
line-height: 1;
}
.bm-drawer-acc.is-open .bm-drawer-acc__head {
background: rgba(193, 154, 75, 0.22);
box-shadow: inset 0 0 0 1px rgba(193, 154, 75, 0.45);
}
.bm-drawer-acc__body {
display: none;
padding: 0;
}
.bm-drawer-acc.is-open .bm-drawer-acc__body {
display: block;
position: absolute;
bottom: calc(100% + 6px);
left: 0;
z-index: 12;
min-width: 168px;
max-height: min(52vh, 220px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 6px 10px;
border-radius: 8px;
background: #1f2540;
box-shadow: 0 6px 24px rgba(0, 0, 0, 0.35);
}
.bm-drawer-acc__body .top-menu__language-item a,
.bm-drawer-acc__body .top-menu__currency-item a {
padding: 8px 0;
font-size: 13px;
}
.bm-drawer-account__link {
width: 44px;
min-width: 44px;
height: 44px;
padding: 0 !important;
justify-content: center;
gap: 0;
font-size: 0;
border: 0 !important;
border-radius: 8px;
background: rgba(255, 255, 255, 0.06);
}
.bm-drawer-account__link i {
width: auto;
font-size: 17px !important;
opacity: 1;
margin: 0;
}
.menu-wrapper .menu__level-1-a {
padding-top: 5px !important;
padding-bottom: 5px !important;
font-size: clamp(17px, 3.8vw, 20px) !important;
}
.menu-wrapper .menu__collapse,
.menu-wrapper .main-menu__collapse {
padding-bottom: 8px !important;
}
}
/* ── Slide-out cart drawer (labyrinthos-style) ── */
header .header-cart__dropdown {
display: none !important;
}
.bm-cart-drawer-backdrop {
position: fixed;
inset: 0;
z-index: 10950;
background: rgba(14, 18, 42, 0.52);
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease, visibility 0.25s ease;
}
.bm-cart-drawer-backdrop:not([hidden]) {
opacity: 1;
visibility: visible;
}
.bm-cart-drawer {
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 10970;
width: min(420px, 92vw);
max-width: 92vw;
display: flex;
flex-direction: column;
background: var(--bm-ink);
color: var(--bm-paper);
box-shadow: -8px 0 40px rgba(0, 0, 0, 0.35);
transform: translateX(104%);
transition: transform 0.28s ease;
overflow: hidden;
}
.bm-cart-drawer.is-open {
transform: translateX(0);
}
.bm-cart-drawer__head {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 18px 20px 14px;
border-bottom: 1px solid rgba(230, 223, 208, 0.14);
}
.bm-cart-drawer h2.bm-cart-drawer__title {
margin: 0 !important;
margin-bottom: 0 !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: clamp(26px, 5vw, 32px);
font-style: italic;
font-weight: 400 !important;
line-height: 1.1;
color: var(--bm-paper);
}
.bm-cart-drawer__close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--bm-paper);
font-size: 20px;
line-height: 1;
cursor: pointer;
}
.bm-cart-drawer__close:hover {
color: var(--bm-paper);
background: transparent;
}
.bm-cart-drawer__body {
flex: 1 1 auto;
min-height: 0;
display: flex;
flex-direction: column;
overflow: hidden;
}
.bm-cart-drawer__body .preloader {
display: none !important;
}
.bm-cart-drawer__body .header-cart__wrapper,
.bm-cart-drawer__body .header-cart__empty {
flex: 1 1 auto;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 8px 16px 12px;
overscroll-behavior: contain;
}
/* UniShop wrapper is flex+wrap+flex:1 — lines stretch to fill drawer height (empty gaps) */
.bm-cart-drawer__body .header-cart__wrapper {
display: block !important;
position: static !important;
flex-wrap: nowrap !important;
align-content: flex-start !important;
align-items: flex-start !important;
max-height: none !important;
border-bottom: 0 !important;
}
.bm-cart-drawer__body .header-cart__empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 48px 24px;
color: var(--color-on-primary-muted);
font-family: var(--bm-sans);
font-size: 15px;
line-height: 1.5;
}
.bm-cart-drawer__body .header-cart__icon-empty {
font-size: 42px;
margin-bottom: 12px;
opacity: 0.55;
}
/* Compact cart row — block wrapper + tight 3-col grid (no flex stretch) */
.bm-cart-drawer__body .header-cart__item {
display: grid !important;
grid-template-columns: 56px minmax(0, 1fr) 36px !important;
grid-template-rows: auto !important;
column-gap: 10px !important;
align-items: start !important;
width: 100% !important;
min-height: 0 !important;
height: auto !important;
flex: none !important;
padding: 8px 0 !important;
border-bottom: 1px solid rgba(230, 223, 208, 0.1) !important;
border-top: 0 !important;
}
.bm-cart-drawer__body .header-cart__item:first-child {
padding-top: 0 !important;
}
.bm-cart-drawer__body .header-cart__item:last-child {
border-bottom: 0 !important;
}
.bm-cart-drawer__body .header-cart__item > div:empty:not(.header-cart__item-wrapper):not(.header-cart__remove) {
display: none !important;
}
.bm-cart-drawer__body .header-cart__image {
grid-column: 1 !important;
grid-row: 1 !important;
flex: none !important;
width: 56px !important;
padding: 0 !important;
}
.bm-cart-drawer__body .header-cart__image img {
display: block;
width: 56px;
height: 56px;
object-fit: cover;
border-radius: 6px;
background: rgba(255, 255, 255, 0.06);
}
.bm-cart-drawer__body .header-cart__item-wrapper {
grid-column: 2 !important;
grid-row: 1 !important;
display: grid !important;
grid-template-columns: 96px minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
column-gap: 8px !important;
row-gap: 6px !important;
flex: none !important;
flex-wrap: nowrap !important;
width: auto !important;
min-width: 0 !important;
padding: 0 !important;
align-items: center !important;
}
.bm-cart-drawer__body .header-cart__name {
grid-column: 1 / -1 !important;
grid-row: 1 !important;
flex: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
font-family: var(--bm-sans);
font-size: 13px;
font-weight: 400;
line-height: 1.28;
}
.bm-cart-drawer__body .header-cart__name a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
color: var(--bm-paper);
font-weight: 600;
line-height: 1.28;
text-decoration: none;
}
.bm-cart-drawer__body .header-cart__name a:hover {
color: var(--bm-brass);
}
.bm-cart-drawer__body .header-cart__option-item,
.bm-cart-drawer__body .header-cart__stock,
.bm-cart-drawer__body .header-cart__recurring {
margin-top: 4px;
font-size: 12px;
color: var(--color-on-primary-muted);
}
.bm-cart-drawer__body .header-cart__quantity {
grid-column: 1 !important;
grid-row: 2 !important;
flex: none !important;
order: unset !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
max-width: 96px !important;
}
/* Qty: − слева, число, + справа (как в шапке / на карточке) */
.bm-cart-drawer__body .qty-switch__cart {
display: flex !important;
flex-direction: row !important;
align-items: stretch !important;
float: none !important;
width: 96px !important;
max-width: 96px !important;
height: 30px !important;
margin: 0 !important;
border: 1.5px solid var(--color-border) !important;
border-radius: 8px !important;
overflow: hidden;
background: #fff !important;
}
.bm-cart-drawer__body .qty-switch__cart .qty-switch__btn.fa-minus {
order: 1;
flex: 0 0 28px;
border: 0 !important;
border-radius: 0 !important;
border-right: 1px solid var(--color-border) !important;
background: #f7f5f0 !important;
color: #333 !important;
}
.bm-cart-drawer__body .qty-switch__cart .qty-switch__input {
order: 2;
flex: 1 1 auto;
width: auto !important;
min-width: 36px !important;
height: 100% !important;
min-height: 0 !important;
line-height: 28px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: #fff !important;
color: #333 !important;
font-size: 13px;
font-weight: 500;
text-align: center;
}
.bm-cart-drawer__body .qty-switch__cart .qty-switch__btn.fa-plus {
order: 3;
flex: 0 0 28px;
border: 0 !important;
border-radius: 0 !important;
border-left: 1px solid var(--color-border) !important;
background: #f7f5f0 !important;
color: #333 !important;
}
.bm-cart-drawer__body .qty-switch__cart .qty-switch__btn {
display: flex !important;
align-items: center;
justify-content: center;
font-size: 11px !important;
cursor: pointer;
}
.bm-cart-drawer__body .qty-switch__cart .qty-switch__btn:hover {
background: #efe8d6 !important;
color: #333 !important;
}
.bm-cart-drawer__body .qty-switch__cart > div {
display: none !important;
}
.bm-cart-drawer__body .header-cart__price,
.bm-cart-drawer__body .header-cart__price-text {
display: none !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.bm-cart-drawer__body .header-cart__total {
grid-column: 2 !important;
grid-row: 2 !important;
flex: none !important;
order: unset !important;
align-self: center !important;
justify-self: end !important;
text-align: right !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-family: var(--bm-sans);
font-size: 14px;
font-weight: 600;
color: var(--bm-paper);
padding: 0 4px 0 0 !important;
margin: 0 !important;
min-width: 0 !important;
max-width: 100% !important;
}
.bm-cart-drawer__body .header-cart__total-text {
display: none !important;
}
.bm-cart-drawer__body .header-cart__remove {
grid-column: 3 !important;
grid-row: 1 / span 2 !important;
flex: none !important;
align-self: start !important;
justify-self: end !important;
margin: 0 !important;
padding: 2px 0 0 !important;
}
.bm-cart-drawer__body .header-cart__remove-btn {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: 0;
border-radius: 6px;
background: transparent;
color: var(--color-on-primary-muted);
font-size: 14px;
cursor: pointer;
}
.bm-cart-drawer__body .header-cart__remove-btn:hover {
color: var(--bm-paper);
background: rgba(255, 255, 255, 0.06);
}
.bm-cart-drawer__body .header-cart__totals {
flex: 0 0 auto;
padding: 14px 20px 8px;
border-top: 1px solid rgba(230, 223, 208, 0.14);
}
.bm-cart-drawer__body .header-cart__totals-item {
display: none !important;
}
.bm-cart-drawer__body .header-cart__totals-item:last-child {
display: flex !important;
align-items: baseline;
justify-content: space-between;
gap: 12px;
padding: 4px 0 0;
font-family: var(--bm-sans);
font-size: 16px;
font-weight: 600;
}
.bm-cart-drawer__body .header-cart__totals-title {
color: var(--color-on-primary-muted);
}
.bm-cart-drawer__body .header-cart__totals-text {
color: var(--bm-paper);
font-weight: 600;
}
.bm-cart-drawer__body .header-cart__buttons {
flex: 0 0 auto;
display: flex;
flex-direction: column;
gap: 10px;
padding: 8px 20px 22px;
}
.bm-cart-drawer__body .header-cart__buttons .btn-default,
.bm-cart-drawer__body .header-cart__buttons [data-dismiss="modal"] {
order: 2;
width: 100%;
margin: 0;
padding: 10px 16px;
border: 0;
border-radius: 0;
background: transparent;
color: var(--color-on-primary-muted);
font-family: var(--bm-sans);
font-size: 13px;
font-weight: 500;
text-decoration: underline;
box-shadow: none;
}
.bm-cart-drawer__body .header-cart__buttons .btn-primary,
.bm-cart-drawer__body .header-cart__buttons a.btn-primary {
order: 1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 50px;
margin: 0;
padding: 14px 20px;
border: 0;
border-radius: 4px;
background: var(--bm-brass) !important;
color: var(--bm-ink) !important;
font-family: var(--bm-sans);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
text-decoration: none;
box-shadow: none;
}
.bm-cart-drawer__body .header-cart__buttons .btn-primary:hover,
.bm-cart-drawer__body .header-cart__buttons a.btn-primary:hover {
background: #c9a66a !important;
color: var(--bm-ink) !important;
}
body.bm-cart-drawer-open {
overflow: hidden;
}
body.bm-cart-drawer-open .bm-cart-drawer-backdrop {
pointer-events: auto;
}
@media (max-width: 991px) {
body.bm-cart-drawer-open .menu-wrapper,
body.bm-cart-drawer-open .menu-wrapper.show {
z-index: 1065 !important;
}
}
/* Мобильные хлебные крошки — без наложения */
@media (max-width: 991px) {
.breadcrumb-h1 {
padding-top: 10px;
overflow: visible !important;
}
.breadcrumb-h1 .breadcrumb.mobile {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 2px 0 !important;
margin: 0 0 12px !important;
padding: 0 !important;
list-style: none !important;
overflow: visible !important;
white-space: normal !important;
}
.breadcrumb-h1 .breadcrumb.mobile > li {
display: inline-flex !important;
align-items: center !important;
float: none !important;
max-width: 100% !important;
white-space: normal !important;
}
.breadcrumb-h1 .breadcrumb.mobile > li a,
.breadcrumb-h1 .breadcrumb.mobile > li {
display: inline;
word-break: break-word;
}
/* Все звенья цепочки видны (перебиваем сокращение UniShop) */
.breadcrumb-h1 .breadcrumb.mobile > li:not(:first-child):not(:last-child) {
display: inline-flex !important;
}
/* На карточке товара — скрыть только длинное название (есть в заголовке) */
main .container:has(#product) .breadcrumb-h1 .breadcrumb.mobile > li:last-child {
display: none !important;
}
.breadcrumb-h1 .breadcrumb.mobile > li + li::before {
padding: 0 5px !important;
}
}
/* ===== SOURCE: buddha-header-unified.css ===== */
/**
* Buddha Mind — визуальная унификация шапки (header).
* Только CSS: структура, порядок элементов и логика не меняются.
*/
:root {
--bm-ds-radius-pill: 999px;
--bm-ds-radius-card: 22px;
--bm-ds-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
--bm-ds-shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.1);
--bm-ds-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
--bm-ds-dur: 0.25s;
--bm-h-action-h: 44px;
--bm-h-search-h: 48px;
--bm-h-pad-x: 18px;
--bm-h-gap: 14px;
--bm-h-border: rgba(255, 255, 255, 0.14);
--bm-h-border-hover: rgba(193, 154, 75, 0.5);
--bm-h-surface: rgba(255, 255, 255, 0.05);
--bm-h-surface-hover: rgba(255, 255, 255, 0.09);
}
/* ── Верхняя utility-плашка ── */
header > #top.top-menu {
background: var(--color-primary, #14182a) !important;
border-bottom: 0 !important;
}
header > #top.top-menu > .container {
min-height: 40px !important;
gap: 20px !important;
}
header > #top.top-menu .top-menu__buttons {
gap: 20px !important;
}
header > #top.top-menu .top-menu__btn {
transition: color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
header > #top.top-menu .top-menu__buttons .dropdown-menu {
border-radius: var(--bm-ds-radius-card) !important;
border: 1px solid var(--color-border) !important;
box-shadow: var(--bm-ds-shadow) !important;
margin-top: 8px !important;
background: var(--color-bg-warm, #f5f1e8) !important;
padding: 6px 0 !important;
}
/* Dropdown top bar: тёмный текст на светлом фоне (перебивает header > #top.top-menu a) */
header > #top.top-menu .top-menu__buttons .dropdown-menu > li > a,
header > #top.top-menu .top-menu__buttons .dropdown-menu a {
color: var(--color-primary, #14182a) !important;
font-size: 13px !important;
font-weight: 400 !important;
padding: 10px 16px !important;
line-height: 1.35 !important;
white-space: nowrap;
transition:
background var(--bm-ds-dur) var(--bm-ds-ease),
color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
header > #top.top-menu .top-menu__buttons .dropdown-menu > li > a:hover,
header > #top.top-menu .top-menu__buttons .dropdown-menu > li > a:focus,
header > #top.top-menu .top-menu__buttons .dropdown-menu a:hover,
header > #top.top-menu .top-menu__buttons .dropdown-menu a:focus {
color: var(--color-gold-deep, #8c6a3b) !important;
background: rgba(193, 154, 75, 0.12) !important;
}
header > #top.top-menu .top-menu__buttons .dropdown-menu > li > a i,
header > #top.top-menu .top-menu__buttons .dropdown-menu a i {
color: var(--color-text-muted, #6b6e80) !important;
}
header > #top.top-menu .top-menu__buttons .dropdown-menu hr {
border-color: var(--color-border, #e6dfd0) !important;
margin: 4px 0 !important;
}
/* ── Основная полоса header-block ── */
@media (min-width: 992px) {
header .header-block.bm-header-bar {
padding: 16px 0 !important;
border-top-color: rgba(255, 255, 255, 0.06) !important;
}
header .bm-header-bar .header-block__item {
display: flex !important;
align-items: center !important;
}
}
/* ── Каталог (кнопка меню) ── */
@media (min-width: 992px) {
.bm-header-bar .header-block__item-menu .header-menu__btn {
height: var(--bm-h-action-h) !important;
min-height: var(--bm-h-action-h) !important;
padding: 0 var(--bm-h-pad-x) !important;
gap: 9px !important;
background: var(--bm-h-surface) !important;
border: 1px solid var(--bm-h-border) !important;
border-radius: var(--bm-ds-radius-pill) !important;
color: var(--color-on-primary) !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.06em !important;
line-height: 1 !important;
box-shadow: none !important;
transition:
background var(--bm-ds-dur) var(--bm-ds-ease),
border-color var(--bm-ds-dur) var(--bm-ds-ease),
color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
.bm-header-bar .header-menu__btn:hover,
.bm-header-bar .header-menu__btn:focus {
background: var(--bm-h-surface-hover) !important;
border-color: var(--bm-h-border-hover) !important;
color: var(--color-on-primary) !important;
}
}
/* ── Поиск (hero-элемент шапки) ── */
header .header-search {
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: var(--bm-ds-radius-pill) !important;
box-shadow: 0 2px 14px rgba(20, 24, 42, 0.1) !important;
transition:
border-color var(--bm-ds-dur) var(--bm-ds-ease),
box-shadow var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
header .header-search:focus-within {
border-color: rgba(193, 154, 75, 0.42) !important;
box-shadow:
0 4px 20px rgba(20, 24, 42, 0.12),
0 0 0 1px rgba(193, 154, 75, 0.18) !important;
}
header .header-search__form {
min-height: var(--bm-h-search-h) !important;
border-radius: var(--bm-ds-radius-pill) !important;
}
header .header-search__input.form-control,
header .header-search__input {
height: var(--bm-h-search-h) !important;
min-height: var(--bm-h-search-h) !important;
line-height: var(--bm-h-search-h) !important;
padding: 0 54px 0 20px !important;
font-size: 15px !important;
}
header .header-search .search-btn-clear {
border-radius: var(--bm-ds-radius-pill) !important;
background: var(--color-gold-soft) !important;
transition: background var(--bm-ds-dur) var(--bm-ds-ease), color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
header .header-search .search-btn-clear:hover {
background: rgba(193, 154, 75, 0.22) !important;
color: var(--color-gold-deep) !important;
}
header .header-search__btn.search-btn,
header .header-search .header-search__btn {
top: 4px !important;
right: 4px !important;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
border-radius: var(--bm-ds-radius-pill) !important;
background: var(--color-gold) !important;
color: var(--color-primary) !important;
box-shadow: none !important;
transition: background var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
header .header-search__btn.search-btn:hover,
header .header-search .header-search__btn:hover {
background: var(--color-gold-hover) !important;
color: var(--color-primary) !important;
}
header .header-search__btn i,
header .header-search .header-search__btn i {
color: var(--color-primary) !important;
}
/* ── Телефон ── */
@media (min-width: 992px) {
.bm-header-bar .header-phones {
align-items: center !important;
min-height: var(--bm-h-action-h) !important;
gap: 8px 10px !important;
}
.bm-header-bar .header-phones::before {
font-size: 15px !important;
opacity: 0.92;
}
.bm-header-bar .header-phones__main {
font-size: 15px !important;
font-weight: 500 !important;
line-height: 1.35 !important;
letter-spacing: 0.02em !important;
transition: color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
.bm-header-bar .header-phones__main:hover {
color: var(--color-gold) !important;
}
.bm-header-bar .header-phones__show-phone {
font-size: 11px !important;
line-height: 1 !important;
opacity: 0.75;
transition: color var(--bm-ds-dur) var(--bm-ds-ease), opacity var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
.bm-header-bar .header-phones__show-phone:hover {
opacity: 1;
color: var(--color-gold) !important;
}
}
header .header-phones .dropdown-menu {
border-radius: var(--bm-ds-radius-card) !important;
border: 1px solid var(--color-border) !important;
box-shadow: var(--bm-ds-shadow) !important;
}
/* ── Корзина: solid gold (перебивает transparent + псевдоэлементы из redesign) ── */
header .bm-header-bar .header-cart__btn::before,
header .bm-header-bar .header-cart__btn::after,
.bm-header-bar .header-cart__btn::before,
.bm-header-bar .header-cart__btn::after {
display: none !important;
opacity: 0 !important;
content: none !important;
}
header .bm-header-bar .header-cart__btn,
header .bm-header-bar .header-cart__btn:hover,
header .bm-header-bar .header-cart__btn:active,
.bm-header-bar .header-cart__btn {
background: var(--color-gold) !important;
color: var(--color-primary) !important;
transition:
background var(--bm-ds-dur) var(--bm-ds-ease),
box-shadow var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
header .bm-header-bar .header-cart__btn:hover,
header .bm-header-bar .header-cart__btn:active,
.bm-header-bar .header-cart__btn:hover,
.bm-header-bar .header-cart__btn:active {
background: var(--color-gold-hover) !important;
color: var(--color-primary) !important;
}
@media (min-width: 992px) {
header .bm-header-bar .header-cart__btn,
.bm-header-bar .header-cart__btn {
height: var(--bm-h-action-h) !important;
min-height: var(--bm-h-action-h) !important;
padding: 0 18px 0 14px !important;
gap: 9px !important;
border: 0 !important;
border-radius: var(--bm-ds-radius-pill) !important;
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
box-shadow: 0 2px 10px rgba(20, 24, 42, 0.12) !important;
}
header .bm-header-bar .header-cart__btn:hover,
header .bm-header-bar .header-cart__btn:active,
.bm-header-bar .header-cart__btn:hover,
.bm-header-bar .header-cart__btn:active {
box-shadow: 0 4px 14px rgba(20, 24, 42, 0.14) !important;
}
header .bm-header-bar .header-cart__total-items,
.bm-header-bar .header-cart__total-items {
background: var(--color-primary) !important;
color: var(--color-on-primary) !important;
border-radius: var(--bm-ds-radius-pill) !important;
min-width: 20px !important;
height: 20px !important;
line-height: 20px !important;
padding: 0 6px !important;
font-size: 10px !important;
}
}
header .header-cart__btn .header-cart__icon svg,
header .header-cart__btn .header-cart__icon svg path {
stroke: var(--color-primary) !important;
}
/* ── Горизонтальное меню категорий (bm-cat-nav) ── */
@media (min-width: 992px) {
.bm-cat-nav {
background: #fff;
border-top: 0;
border-bottom: 1px solid var(--color-border, #e6dfd0);
}
.bm-cat-nav__inner {
min-height: 46px !important;
}
.bm-cat-nav__list a {
padding: 10px 6px !important;
font-size: 13.5px !important;
font-weight: 450 !important;
line-height: 1.35 !important;
color: rgba(245, 241, 232, 0.84) !important;
transition: color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
.bm-cat-nav__list a:hover,
.bm-cat-nav__list a:focus {
color: var(--color-gold) !important;
text-decoration: none !important;
}
a.bm-cat-nav__label,
.bm-cat-nav__label {
line-height: 1.35 !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
}
}
@media (max-width: 991px) {
.bm-cat-nav__list a {
padding: 9px 12px !important;
font-size: 12.5px !important;
line-height: 1.3 !important;
transition: color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
.bm-cat-nav__list a:hover {
color: var(--color-gold) !important;
}
}
/* ── Flyout каталога ── */
@media (min-width: 992px) {
.menu-wrapper.new.show {
border-radius: var(--bm-ds-radius-card) !important;
box-shadow: var(--bm-ds-shadow) !important;
border-color: var(--color-border) !important;
}
.menu1.new .menu__level-1-a {
padding: 10px 18px !important;
font-size: 14px !important;
line-height: 1.4 !important;
transition: background var(--bm-ds-dur) var(--bm-ds-ease), color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
.menu1.new .menu__level-1-li:hover > .menu__level-1-a,
.menu1.new .menu__level-1-li.open > .menu__level-1-a {
color: var(--color-primary) !important;
}
}
/* ── Live search dropdown ── */
.bm-ls__list,
.live-search.bm-ls .live-search__ul {
border-radius: var(--bm-ds-radius-card) !important;
box-shadow: var(--bm-ds-shadow-hover) !important;
border-color: var(--color-border) !important;
}
.bm-ls__more {
border-radius: var(--bm-ds-radius-pill) !important;
}
/* ── Mobile: единые action-кнопки 44px ── */
@media (max-width: 991px) {
/* Не перебивать Bootstrap hidden-xs / hidden-sm и сетку redesign */
header .bm-header-bar .header-block__item-menu,
header .bm-header-bar .header-block__item-search,
header .bm-header-bar .header-block__item-telephone,
header .bm-header-bar .header-block__item-account,
header .bm-header-bar .header-block__item-wishlist,
header .bm-header-bar .header-block__item-compare,
header .bm-header-bar .hidden-xs,
header .bm-header-bar .hidden-sm {
display: none !important;
}
.bm-header-shell .header-block.bm-header-bar {
gap: 10px !important;
padding: 12px 0 14px !important;
}
.bm-header-bar__menu-slot .menu-open {
border-radius: var(--bm-ds-radius-pill) !important;
border: 1px solid var(--bm-h-border) !important;
background: var(--bm-h-surface) !important;
transition:
background var(--bm-ds-dur) var(--bm-ds-ease),
border-color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
.bm-header-bar__menu-slot .menu-open:hover,
.bm-header-bar__menu-slot .menu-open:focus {
background: var(--bm-h-surface-hover) !important;
border-color: var(--bm-h-border-hover) !important;
}
.bm-header-bar__search-btn {
border-radius: var(--bm-ds-radius-pill) !important;
background: var(--color-gold) !important;
color: var(--color-primary) !important;
box-shadow: 0 2px 10px rgba(20, 24, 42, 0.12) !important;
transition: background var(--bm-ds-dur) var(--bm-ds-ease), box-shadow var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
.bm-header-bar__search-btn:hover,
.bm-header-bar__search-btn.is-active {
background: var(--color-gold-hover) !important;
color: var(--color-primary) !important;
box-shadow: 0 4px 14px rgba(20, 24, 42, 0.14) !important;
}
header .bm-header-bar .header-cart__btn,
.bm-header-bar .header-cart__btn {
border-radius: var(--bm-ds-radius-pill) !important;
background: var(--color-gold) !important;
color: var(--color-primary) !important;
box-shadow: 0 2px 10px rgba(20, 24, 42, 0.12) !important;
}
header .bm-header-bar .header-cart__btn:hover,
header .bm-header-bar .header-cart__btn:active,
.bm-header-bar .header-cart__btn:hover,
.bm-header-bar .header-cart__btn:active {
background: var(--color-gold-hover) !important;
box-shadow: 0 4px 14px rgba(20, 24, 42, 0.14) !important;
}
#search2.bm-mobile-search-panel.is-open {
padding: 0 12px 12px !important;
}
#search2.bm-mobile-search-panel .header-search {
box-shadow: 0 2px 14px rgba(20, 24, 42, 0.1) !important;
}
#search2.bm-mobile-search-panel .header-search__btn {
top: 4px !important;
right: 4px !important;
width: 40px !important;
height: 40px !important;
border-radius: var(--bm-ds-radius-pill) !important;
}
}
/* ── Плавающие кнопки (fly-block + fly-menu) ── */
.fly-block {
z-index: 1065 !important;
pointer-events: none;
}
.fly-block__item {
pointer-events: auto;
}
.fly-block__scrollup.visible {
transform: scale(1) !important;
}
.fly-block__scrollup:not(.visible) {
margin: -66px 0 0;
pointer-events: none;
}
@media (max-width: 767px) {
.fly-block {
right: 10px !important;
bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
}
.fly-block__scrollup.visible {
transform: scale(1) !important;
}
}
.fly-menu {
z-index: 1040 !important;
}
/* ── reduced motion ── */
@media (prefers-reduced-motion: reduce) {
header .header-search,
header .header-search__btn,
.bm-header-bar .header-cart__btn,
.bm-header-bar .header-menu__btn,
.bm-cat-nav__list a {
transition: none !important;
}
}
/* ── Унификация хлебных крошек: вид как на странице категории (.bm-category-head)
на всех остальных страницах (товар, производитель и т.д.) ── */
.breadcrumb-h1:not(.bm-category-head) .breadcrumb {
margin-bottom: 8px;
padding: 0;
background: transparent;
font-size: 12px;
line-height: 1.35;
color: var(--bm-cat-muted);
}
.breadcrumb-h1:not(.bm-category-head) .breadcrumb a {
color: var(--bm-cat-muted);
}
.breadcrumb-h1:not(.bm-category-head) .breadcrumb a:hover {
color: var(--bm-cat-accent);
}
/* ===== SOURCE: buddha-desktop-ui.css ===== */
/**
* Buddha Mind — desktop UI polish (header, catalog dropdown, footer).
* Только визуал: логика, URL, mobile-версия не затрагиваются.
*/
:root {
--bm-dui-surface: var(--color-bg-warm, #f5f1e8);
--bm-dui-surface-2: var(--color-bg-card-tint, #f8f5ef);
--bm-dui-shadow: 0 20px 48px -12px rgba(20, 24, 42, 0.18);
--bm-dui-shadow-soft: 0 8px 24px rgba(20, 24, 42, 0.08);
--bm-dui-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
--bm-dui-dur: 0.22s;
}
/* new680.css: colored emblem overlay via ::before on .header-logo a;
with a real ![]()
inside (inner pages) it stacks on top of the logo */
.header-logo a:has(.header-logo__img)::before,
.header-logo span:has(.header-logo__img)::before {
display: none !important;
content: none !important;
}
/* ══════════════════════════════════════════
1. Desktop header — top utility bar
══════════════════════════════════════════ */
@media (min-width: 992px) {
header > #top.top-menu {
background: var(--color-primary, #14182a) !important;
border-bottom: 0 !important;
font-size: 12px !important;
}
header > #top.top-menu > .container {
min-height: 36px !important;
max-height: 40px;
padding-top: 3px !important;
padding-bottom: 3px !important;
gap: 12px !important;
}
header > #top.top-menu .top-menu__buttons {
gap: 18px !important;
}
header > #top.top-menu a,
header > #top.top-menu .top-links__a,
header > #top.top-menu .bm-top-info__link,
header > #top.top-menu .top-menu__btn,
header > #top.top-menu .top-menu__btn span:not(.bm-top-currency-code) {
color: rgb(20 24 42) !important;
font-size: 12px !important;
font-weight: 400 !important;
}
header > #top.top-menu .top-menu__btn i {
font-size: 13px !important;
opacity: 0.92;
}
header > #top.top-menu .bm-top-info {
min-height: 32px;
}
header > #top.top-menu .bm-top-info__list::before {
width: 5px;
height: 5px;
margin-right: 8px;
}
header > #top.top-menu .top-menu__btn.dropdown-toggle::after {
opacity: 0.7;
}
}
/* ══════════════════════════════════════════
2. Desktop header — main bar (logo / catalog / search / phone / cart)
══════════════════════════════════════════ */
@media (min-width: 992px) {
header .bm-header-shell .header-block.bm-header-bar {
align-items: center !important;
padding: 12px 0 14px !important;
border-top-color: rgba(255, 255, 255, 0.05) !important;
}
header .bm-header-bar .header-block__item {
display: flex !important;
align-items: center !important;
align-self: center !important;
}
header .bm-header-bar .header-block__item-logo .header-logo,
header .bm-header-bar .header-logo {
max-width: min(260px, 30vw) !important;
width: auto !important;
}
header .bm-header-bar .header-logo__img {
max-height: 62px !important;
width: auto !important;
height: auto !important;
object-fit: contain;
}
/* Каталог */
header .bm-header-bar .header-block__item-menu .header-menu__btn {
background: var(--color-gold, #c19a4b) !important;
border: 0 !important;
color: #fff !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
font-size: 12px !important;
font-weight: 600 !important;
height: 44px !important;
min-height: 44px !important;
transition:
background var(--bm-dui-dur) var(--bm-dui-ease) !important;
}
header .bm-header-bar .header-menu__btn:hover,
header .bm-header-bar .header-menu__btn:focus {
background: var(--color-gold-hover, #a07f37) !important;
border-color: transparent !important;
color: #fff !important;
}
/* Поиск */
header .bm-header-bar .header-block__item-search .header-search {
border-color: rgb(195 195 195 / 27%) !important;
box-shadow: none !important;
background: #fff !important;
}
header .bm-header-bar .header-search__input.form-control,
header .bm-header-bar .header-search__input {
font-size: 14px !important;
}
/* Телефон */
header .bm-header-bar .header-phones::before {
font-size: 14px !important;
opacity: 0.92;
}
header .bm-header-bar .header-phones__main {
font-size: 15px !important;
font-weight: 500 !important;
color: var(--color-primary, #14182a) !important;
letter-spacing: 0.01em !important;
}
header .bm-header-bar .header-phones__show-phone {
font-size: 10px !important;
opacity: 0.72;
color: var(--color-text-muted, #6b6e80) !important;
}
/* Корзина — badge как в макете (absolute, top-right) */
header .bm-header-bar .header-cart__btn {
position: relative !important;
overflow: visible !important;
}
header .bm-header-bar .header-cart__total-items {
position: absolute !important;
top: 0px !important;
right: 0px !important;
left: auto !important;
margin: 0 !important;
transform: none !important;
z-index: 2 !important;
min-width: 18px !important;
height: 18px !important;
padding: 0 4px !important;
border: 0 !important;
border-radius: 999px !important;
background: var(--color-primary, #14182a) !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 18px !important;
text-align: center !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
}
/* ══════════════════════════════════════════
3. Desktop — горизонтальное меню категорий (bm-cat-nav)
══════════════════════════════════════════ */
@media (min-width: 992px) {
body > header .bm-cat-nav {
background: #fff !important;
border-top: 0 !important;
border-bottom: 1px solid var(--color-border, #e6dfd0) !important;
}
.bm-cat-nav__inner {
min-height: 44px !important;
}
a.bm-cat-nav__label,
.bm-cat-nav__label {
padding: 7px 14px !important;
margin-right: 10px !important;
border-right: 0 !important;
border-radius: 999px !important;
background: rgba(193, 154, 75, 0.1) !important;
color: #c19a4b !important;
font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
font-size: 10.5px !important;
font-weight: 500 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
}
.bm-cat-nav__list li + li::before {
display: none !important;
content: none !important;
}
.bm-cat-nav__list a {
position: relative;
display: block !important;
padding: 12px 6px 14px !important;
font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
font-size: 14px !important;
font-weight: 480 !important;
letter-spacing: 0em !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
color: #ffffff !important;
white-space: nowrap;
text-decoration: none !important;
transition: color var(--bm-dui-dur) var(--bm-dui-ease);
}
.bm-cat-nav__list a::after {
content: "" !important;
display: block !important;
position: absolute;
left: 50%;
bottom: 6px;
width: 0;
height: 1px;
background: var(--color-gold, #c19a4b);
border-radius: 1px;
pointer-events: none;
transition:
width var(--bm-dui-dur) var(--bm-dui-ease),
left var(--bm-dui-dur) var(--bm-dui-ease);
}
.bm-cat-nav__list a:hover,
.bm-cat-nav__list a:focus {
color: var(--color-gold-deep, #8c6a3b) !important;
text-decoration: none !important;
}
.bm-cat-nav__list a:hover::after,
.bm-cat-nav__list a:focus::after {
width: calc(100% - 12px);
left: 6px;
}
}
/* ══════════════════════════════════════════
4. Desktop — выпадающий каталог (mega menu)
══════════════════════════════════════════ */
@media (min-width: 992px) {
.menu-wrapper.new.show {
background: var(--bm-dui-surface) !important;
border: 1px solid var(--color-border) !important;
border-radius: 18px !important;
box-shadow: var(--bm-dui-shadow), 0 0 0 1px rgba(193, 154, 75, 0.05) !important;
margin-top: 6px !important;
z-index: 1050 !important;
overflow: hidden !important;
}
.menu-wrapper.new.show .menu.menu1.new,
.menu-wrapper.new.show .menu__collapse,
.menu-wrapper.new.show .main-menu__collapse,
.menu-wrapper.new.show .menu1.new {
background: var(--bm-dui-surface) !important;
}
.menu1.new .menu__header {
padding: 16px 20px 12px !important;
background: transparent !important;
border-bottom: 1px solid rgba(230, 223, 208, 0.65) !important;
}
.menu1.new .menu__header-title {
font-size: 10px !important;
letter-spacing: 0.14em !important;
color: var(--color-gold-deep) !important;
}
.menu1.new .menu__level-1-li {
background: transparent !important;
}
.menu1.new .menu__level-1-a {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
min-height: 44px !important;
padding: 10px 18px 10px 16px !important;
background: transparent !important;
border-left: 3px solid transparent !important;
font-size: 14px !important;
font-weight: 500 !important;
transition:
background var(--bm-dui-dur) var(--bm-dui-ease),
border-color var(--bm-dui-dur) var(--bm-dui-ease),
color var(--bm-dui-dur) var(--bm-dui-ease) !important;
}
.menu1.new .menu__level-1-li.has-children > .menu__level-1-a::after {
content: "";
display: inline-block;
flex-shrink: 0;
width: 6px;
height: 6px;
margin-left: 10px;
border-right: 1.5px solid rgba(107, 110, 128, 0.75);
border-bottom: 1.5px solid rgba(107, 110, 128, 0.75);
transform: rotate(-45deg);
opacity: 0.65;
transition: border-color var(--bm-dui-dur) var(--bm-dui-ease);
}
.menu1.new .menu__level-1-li:hover > .menu__level-1-a,
.menu1.new .menu__level-1-li.open > .menu__level-1-a {
background: var(--bm-dui-surface-2) !important;
border-left-color: var(--color-gold) !important;
color: var(--color-primary) !important;
}
.menu1.new .menu__level-1-li:hover > .menu__level-1-a::after,
.menu1.new .menu__level-1-li.open > .menu__level-1-a::after {
border-color: var(--color-gold);
opacity: 1;
}
.menu1.new .menu__level-2,
.menu-wrapper.new .menu__level-2 {
background: var(--bm-dui-surface-2) !important;
}
.menu1.new .menu__level-2.open,
.menu-wrapper.new.show .menu__level-2.open,
.menu1.new .menu__level-1-li:hover > .menu__level-2,
.menu1.new .menu__level-1-li.open > .menu__level-2 {
background: var(--bm-dui-surface-2) !important;
border-left: 1px solid rgba(230, 223, 208, 0.75) !important;
border-radius: 0 18px 18px 0 !important;
padding: 14px 10px 18px !important;
box-shadow: inset 8px 0 16px -12px rgba(20, 24, 42, 0.04) !important;
}
.menu1.new .menu__level-2.open > .menu__level-2-ul,
.menu-wrapper.new.show .menu__level-2.open > .menu__level-2-ul,
.menu1.new .menu__level-2.open .menu__level-2-wrap > .menu__level-2-ul {
background: transparent !important;
border-left-color: rgba(230, 223, 208, 0.45) !important;
padding: 10px 18px 12px !important;
}
.menu1.new .menu__level-2-a {
margin-bottom: 8px !important;
padding: 2px 0 !important;
font-weight: 600 !important;
color: var(--color-primary) !important;
}
.menu1.new .menu__level-2-a:hover {
color: var(--color-gold-deep) !important;
}
.menu1.new .menu__level-3-a {
min-height: 32px;
padding: 5px 8px 5px 6px !important;
border-radius: 8px;
font-size: 13px !important;
color: var(--color-text-muted) !important;
transition:
background var(--bm-dui-dur) var(--bm-dui-ease),
color var(--bm-dui-dur) var(--bm-dui-ease) !important;
}
.menu1.new .menu__level-3-a:hover {
background: rgba(193, 154, 75, 0.12) !important;
color: var(--color-gold-deep) !important;
}
.menu1.new .menu__level-3-a.menu__more {
border-top-color: rgba(230, 223, 208, 0.7) !important;
margin-top: 8px !important;
padding-top: 14px !important;
}
}
/* ══════════════════════════════════════════
5. Desktop footer (light)
══════════════════════════════════════════ */
footer.footer {
color: var(--color-text, #14182a);
}
footer.footer .footer__column-heading {
color: #8c6a3b !important;
}
footer.footer .footer__column-a,
footer.footer .footer__column-li a,
footer.footer .footer__contacts-li a {
color: rgba(20, 24, 42, 0.78) !important;
}
footer.footer .footer__column-a:hover,
footer.footer .footer__column-li a:hover,
footer.footer .footer__contacts-li a:hover {
color: var(--color-gold, #c19a4b) !important;
}
footer.footer .footer__contacts-icon {
color: #8c6a3b !important;
}
footer.footer .footer__text {
border-top: 1px solid rgba(20, 24, 42, 0.08) !important;
}
footer.footer .footer__socials-payments {
border-top: 1px solid rgba(20, 24, 42, 0.08) !important;
}
footer.footer .footer__socials-icon {
color: var(--color-primary, #14182a) !important;
border-color: rgba(20, 24, 42, 0.14) !important;
background: #fff !important;
}
footer.footer .footer__socials-icon:hover {
background: rgba(193, 154, 75, 0.1) !important;
border-color: rgba(193, 154, 75, 0.4) !important;
color: #8c6a3b !important;
}
@media (min-width: 992px) {
footer.footer {
padding: 52px 0 0 !important;
}
footer.footer > .container > .row-flex {
display: flex !important;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
margin-left: -12px !important;
margin-right: -12px !important;
}
footer.footer .footer__column {
padding: 0 12px 28px !important;
flex: 1 1 0;
min-width: 180px;
max-width: none;
}
footer.footer .footer__column-heading {
color: #8c6a3b !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-size: 13px !important;
font-weight: 500 !important;
letter-spacing: 0.08em !important;
margin-bottom: 18px !important;
line-height: 1.35 !important;
}
footer.footer .footer__column-heading-addr {
font-family: "Cormorant Garamond", Georgia, serif !important;
}
footer.footer .footer__column-ul {
margin: 0;
padding: 0;
}
footer.footer .footer__column-li {
margin-bottom: 2px;
}
footer.footer .footer__column-a,
footer.footer .footer__column-li a,
footer.footer .footer__contacts-li a {
color: rgba(20, 24, 42, 0.78) !important;
font-size: 14px !important;
line-height: 1.75 !important;
padding: 4px 0;
display: inline-block;
transition: color var(--bm-dui-dur) var(--bm-dui-ease);
}
footer.footer .footer__column-a:hover,
footer.footer .footer__column-li a:hover,
footer.footer .footer__contacts-li a:hover {
color: var(--color-gold) !important;
text-decoration: none !important;
}
footer.footer .footer__contacts-icon {
color: #8c6a3b !important;
opacity: 0.9;
margin-right: 8px;
}
footer.footer .footer__contacts-li {
margin-bottom: 8px;
}
footer.footer .footer__text {
width: 100%;
text-align: center;
margin-top: 8px !important;
padding: 20px 0 8px !important;
border-top: 1px solid rgba(20, 24, 42, 0.08) !important;
}
footer.footer .footer__text img {
max-height: 52px;
width: auto;
margin: 0 auto;
display: block;
opacity: 0.95;
}
footer.footer .footer__socials-payments {
margin-top: 8px !important;
padding: 24px 0 32px !important;
border-top: 1px solid rgba(20, 24, 42, 0.08) !important;
}
footer.footer .footer__media {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
footer.footer .footer__socials-icon {
width: 42px !important;
height: 42px !important;
margin-right: 0 !important;
font-size: 17px !important;
color: var(--color-primary, #14182a) !important;
background: #fff !important;
border-color: rgba(20, 24, 42, 0.14) !important;
transition:
background var(--bm-dui-dur) var(--bm-dui-ease),
border-color var(--bm-dui-dur) var(--bm-dui-ease),
color var(--bm-dui-dur) var(--bm-dui-ease) !important;
}
footer.footer .footer__socials-icon:hover {
background: rgba(193, 154, 75, 0.1) !important;
border-color: rgba(193, 154, 75, 0.4) !important;
color: #8c6a3b !important;
}
footer.footer .footer__payments {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 8px;
}
}
/* ══════════════════════════════════════════
6. Mobile footer — только читаемость, без смены структуры
══════════════════════════════════════════ */
@media (max-width: 991px) {
footer.footer .footer__column-heading {
min-height: 44px;
display: flex;
align-items: center;
justify-content: space-between;
}
footer.footer .footer__column-a,
footer.footer .footer__contacts-li a {
min-height: 40px;
display: inline-flex;
align-items: center;
color: rgba(20, 24, 42, 0.82) !important;
}
footer.footer .footer__socials-icon {
width: 40px !important;
height: 40px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.bm-cat-nav__list a,
.menu1.new .menu__level-1-a,
.menu1.new .menu__level-3-a,
footer.footer .footer__column-a {
transition: none !important;
}
.bm-cat-nav__list a::after {
transition: none !important;
}
}
/* ══════════════════════════════════════════
7. Light header mockup (desktop + mobile shell)
══════════════════════════════════════════ */
body > header {
background: #fff !important;
}
body > header::before,
body > header::after {
display: none !important;
content: none !important;
animation: none !important;
}
header > #top.top-menu {
background: #ffffff !important;
border-bottom: 0 !important;
}
.bm-header-light,
header .bm-header-shell,
header .bm-header-shell > .container,
header .bm-header-shell.container,
body > header .bm-cat-nav,
body > header .bm-cat-nav > .container {
background: #fff !important;
}
.bm-header-light {
position: relative;
z-index: 2;
}
header .bm-header-shell {
position: relative !important;
z-index: 2 !important;
}
body > header .bm-cat-nav {
border-top: 0 !important;
background: #14182a !important;
border-bottom: 1px solid var(--color-border, #e6dfd0) !important;
}
@media (min-width: 992px) {
header > #top.top-menu .top-menu__btn-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
header > #top.top-menu .top-menu__btn.dropdown-toggle::after {
display: none !important;
}
header > #top.top-menu .top-menu__currency--static .top-menu__currency-static {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 18px !important;
padding: 0 !important;
margin: 0 !important;
cursor: default !important;
pointer-events: none !important;
}
header > #top.top-menu .top-menu__currency .bm-top-currency-code,
header > #top.top-menu .top-menu__currency--static .bm-top-currency-code {
position: static !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
overflow: visible !important;
clip: auto !important;
font-size: 0 !important;
line-height: 1 !important;
color: #14182a !important;
}
header > #top.top-menu .top-menu__currency .bm-top-currency-code::before,
header > #top.top-menu .top-menu__currency--static .bm-top-currency-code::before {
content: "₴";
font-size: 15px !important;
font-weight: 600 !important;
line-height: 1 !important;
color: #14182a !important;
}
header > #top.top-menu .top-menu__buttons {
gap: 16px !important;
}
header .bm-header-shell .header-block.bm-header-bar {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 14px !important;
border-top: 0 !important;
border-bottom: 0 !important;
padding: 12px 0 10px !important;
}
header .bm-header-bar .header-block__item {
float: none !important;
width: auto !important;
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
header .bm-header-bar .header-block__item-logo {
flex: 0 0 auto !important;
padding-right: 16px !important;
margin-right: 0 !important;
border-right: 0 !important;
}
header .bm-header-bar .header-block__item-logo .header-logo,
header .bm-header-bar .header-logo {
max-width: min(260px, 30vw) !important;
width: auto !important;
}
header .bm-header-bar .header-logo__img {
max-height: 62px !important;
width: auto !important;
height: auto !important;
}
header .bm-header-bar .header-block__item-menu {
flex: 0 0 auto !important;
}
header .bm-header-bar .header-block__item-search {
flex: 1 1 auto !important;
min-width: 180px !important;
max-width: none !important;
}
header .bm-header-bar .header-block__item-telephone {
flex: 0 0 auto !important;
margin-left: 4px !important;
white-space: nowrap !important;
}
header .bm-header-bar .header-block__item-cart {
flex: 0 0 auto !important;
margin-left: 2px !important;
}
header .bm-header-bar .header-block__item-menu .header-menu__btn {
background: var(--color-gold, #c19a4b) !important;
border: 0 !important;
color: #fff !important;
text-transform: uppercase !important;
letter-spacing: 0.1em !important;
font-size: 12px !important;
font-weight: 600 !important;
height: 44px !important;
min-height: 44px !important;
padding: 0 20px !important;
gap: 10px !important;
box-shadow: none !important;
}
header .bm-header-bar .header-menu__btn::before {
background: #fff !important;
box-shadow: 0 -6px 0 #fff, 0 6px 0 #fff !important;
}
header .bm-header-bar .header-menu__btn:hover,
header .bm-header-bar .header-menu__btn:focus {
background: var(--color-gold-hover, #a07f37) !important;
border-color: transparent !important;
color: #fff !important;
}
header .bm-header-bar .header-block__item-search .header-search {
border: 1px solid rgb(195 195 195 / 27%) !important;
box-shadow: none !important;
background: #fff !important;
}
header .bm-header-bar .header-search:focus-within {
border-color: rgba(193, 154, 75, 0.45) !important;
box-shadow: 0 0 0 1px rgba(193, 154, 75, 0.12) !important;
}
header .bm-header-bar .header-phones__main {
color: var(--color-primary, #14182a) !important;
font-size: 15px !important;
font-weight: 500 !important;
}
header .bm-header-bar .header-phones__main:hover {
color: var(--color-gold-deep, #8c6a3b) !important;
}
header .bm-header-bar .header-phones__show-phone {
color: var(--color-text-muted, #6b6e80) !important;
opacity: 1 !important;
}
header .bm-header-bar .header-cart__btn,
header .bm-header-bar .header-cart__btn:hover,
header .bm-header-bar .header-cart__btn:active {
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
padding: 0 !important;
gap: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: var(--color-gold, #c19a4b) !important;
color: #fff !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
overflow: visible !important;
}
header .bm-header-bar .header-cart__btn::before,
header .bm-header-bar .header-cart__btn::after {
display: none !important;
content: none !important;
}
header .bm-header-bar .header-cart__btn > span:not(.header-cart__total-items) {
display: none !important;
}
header .bm-header-bar .header-cart__icon {
margin: 0 !important;
}
header .bm-header-bar .header-cart__total-items {
position: absolute !important;
top: 0px !important;
right: 0px !important;
left: auto !important;
margin: 0 !important;
transform: none !important;
z-index: 2 !important;
background: var(--color-primary, #14182a) !important;
color: #fff !important;
border: 0 !important;
min-width: 18px !important;
height: 18px !important;
padding: 0 4px !important;
border-radius: 999px !important;
font-size: 10px !important;
font-weight: 700 !important;
line-height: 18px !important;
text-align: center !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
header .bm-header-bar .header-cart__btn .header-cart__icon svg,
header .bm-header-bar .header-cart__btn .header-cart__icon svg path {
stroke: #fff !important;
}
body > header .bm-cat-nav .container {
max-width: 1460px !important;
padding-left: 28px !important;
padding-right: 28px !important;
background: #14182a !important;
}
body > header .bm-cat-nav__inner {
min-height: 42px !important;
padding: 4px 0 0px !important;
}
}
@media (max-width: 991px) {
header .bm-header-shell .header-block.bm-header-bar {
background: #fff !important;
border-bottom: 1px solid var(--color-border, #e6dfd0) !important;
}
.bm-header-bar__menu-slot .menu-open {
border: 1px solid var(--color-border, #e6dfd0) !important;
background: #fff !important;
color: var(--color-primary, #14182a) !important;
}
.bm-header-bar__search-btn,
header .bm-header-bar .header-cart__btn {
background: #ffffff !important;
color: #fff !important;
box-shadow: none !important;
}
header .bm-header-bar .header-cart__btn::before,
header .bm-header-bar .header-cart__btn::after {
display: none !important;
content: none !important;
}
}
/* ══════════════════════════════════════════
8. Live search — кнопки поиска и очистки
══════════════════════════════════════════ */
header .header-search__btn.search-btn,
header .header-search .header-search__btn {
flex: 0 0 40px !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
aspect-ratio: 1 / 1 !important;
top: 4px !important;
right: 4px !important;
padding: 0 !important;
border-radius: 50% !important;
box-sizing: border-box !important;
}
header .header-search__btn i,
header .header-search .header-search__btn i {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 1em !important;
height: 1em !important;
margin: 0 !important;
line-height: 1 !important;
}
header .header-search .search-btn-clear {
display: none;
top: 50% !important;
right: 48px !important;
left: auto !important;
transform: translateY(-50%) !important;
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
min-height: 26px !important;
padding: 0 !important;
border-radius: 50% !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1 !important;
text-align: center !important;
box-sizing: border-box !important;
}
header .header-search .search-btn-clear.show {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* ===== SOURCE: buddha-design-system.css ===== */
/**
* Buddha Mind — единая дизайн-система UI (поверх buddha-redesign и page CSS).
* Не меняет цвета бренда и структуру — только радиусы, тени, hover, формы.
*/
:root {
--bm-ds-radius-pill: 999px;
--bm-ds-radius-card: 22px;
--bm-ds-radius-modal: 24px;
--bm-ds-radius-inner: 16px;
--bm-ds-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
--bm-ds-shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.1);
--bm-ds-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
--bm-ds-dur: 0.25s;
}
/* ── Кнопки (pill) ── */
.btn,
.btn-primary,
.btn-default,
.btn-danger,
.btn-success,
.btn-info,
.btn-warning,
.btn-link.btn,
input[type="submit"].btn,
button.btn,
.product-thumb__add-to-cart,
.product-thumb__add-to-cart.btn,
.product-thumb__quick-order,
.product-page__add-to-cart,
.product-page__quick-order,
.product-page__wishlist-btn.btn,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__add-to-cart,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__add-to-cart.btn,
.products-block.is-list-table .product-thumb__add-to-cart,
.bm-filter__price-ok,
.bm-filter__price-apply,
#product-category #column-left .bm-filter__price-ok,
.filter-default__btn,
.view-type__btn,
.list-view__btn,
.pagination > li > a,
.pagination > li > span,
.uni-pagination .pagination > li > a,
.uni-pagination .pagination > li > span,
.account-content .btn,
#account .btn,
.simplecheckout-button-block .btn,
.simplecheckout-cart-total .btn,
#simplecheckout_button_confirm,
.modal-footer .btn,
.modal-content .btn,
.uni-form .btn,
.subscribe .btn,
.footer__subscribe .btn,
.bm-cat-nav__link,
.cb-read-btn,
.exam-btn,
.combo-nav-btn {
border-radius: var(--bm-ds-radius-pill) !important;
transition:
background var(--bm-ds-dur) var(--bm-ds-ease),
color var(--bm-ds-dur) var(--bm-ds-ease),
border-color var(--bm-ds-dur) var(--bm-ds-ease),
box-shadow var(--bm-ds-dur) var(--bm-ds-ease),
transform var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
/* Поиск — кнопка отправки */
header .header-search button,
header .header-search__btn,
header .header-search__btn.search-btn,
header .header-search .header-search__btn,
.header-search .search-btn,
#search .btn,
#search button {
border-radius: var(--bm-ds-radius-pill) !important;
transition: background var(--bm-ds-dur) var(--bm-ds-ease), color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
/* ── Поля ввода (pill) ── */
input.form-control,
textarea.form-control,
select.form-control,
.header-search__input,
.header-search__input.form-control,
.header-search input[type="text"],
.header-search input[type="search"],
#search input,
.bm-filter__price-inp,
.bm-filter__search,
.filter-default__price-inp,
.simplecheckout-block-content input[type="text"],
.simplecheckout-block-content input[type="email"],
.simplecheckout-block-content input[type="tel"],
.simplecheckout-block-content input[type="password"],
.simplecheckout-block-content textarea,
.simplecheckout-block-content select,
.account-content input.form-control,
.account-content textarea.form-control,
.account-content select.form-control,
.modal-content input.form-control,
.modal-content textarea.form-control,
.modal-content select.form-control,
.subscribe input[type="email"],
.subscribe input[type="text"],
.footer__subscribe input,
.uni-form input.form-control,
.uni-form textarea.form-control,
.uni-form select.form-control,
#product-category .combo-search {
border-radius: var(--bm-ds-radius-pill) !important;
transition: border-color var(--bm-ds-dur) var(--bm-ds-ease), box-shadow var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
/* Обёртка поиска в шапке */
header .header-search__form,
header .header-search__category,
.header-search__form {
border-radius: var(--bm-ds-radius-pill) !important;
overflow: hidden;
}
/* ── Счётчик количества ── */
.qty-switch,
.product-thumb .qty-switch,
.product-block--buy .product-page__cart .qty-switch,
#product .qty-switch {
border-radius: var(--bm-ds-radius-pill) !important;
overflow: hidden !important;
transition: border-color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
/* ── Бейджи и теги ── */
.uni-badge,
.badge,
.product-thumb__badge,
.bm-ls__tag,
.filter-btn,
.suit-tile,
.kw-chip,
.exam-kw-chip,
.bm-filter__chip,
.top-menu .uni-badge {
border-radius: var(--bm-ds-radius-pill) !important;
}
/* ── Карточки и контейнеры ── */
.product-thumb,
.product-layout__card,
.modal-content,
.modal-dialog .modal-content,
.uni-item,
.uni-module .uni-item,
.bm-ls__list,
.live-search.bm-ls .live-search__ul,
.dropdown-menu,
.top-menu .dropdown-menu,
header .dropdown-menu,
.bm-filter-sticky,
.bm-filter__box,
.filter-default,
.account-content .well,
.simplecheckout-block,
.simplecheckout-cart,
.product-block,
.cb-builder,
.cb-interp,
.combo-card,
.suit-ov-box,
.picker-box,
.auth-box,
.exam-box,
.promo-banner-inner,
.bm-order-success-card {
border-radius: var(--bm-ds-radius-card) !important;
transition:
transform var(--bm-ds-dur) var(--bm-ds-ease),
box-shadow var(--bm-ds-dur) var(--bm-ds-ease),
border-color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}
/* Модалки — чуть крупнее радиус */
.modal-content,
.uni-modal .modal-content {
border-radius: var(--bm-ds-radius-modal) !important;
box-shadow: var(--bm-ds-shadow) !important;
}
/* Мягкие тени вместо тяжёлых */
.product-thumb,
.product-layout__card,
.modal-content,
.bm-ls__list,
.live-search.bm-ls .live-search__ul,
.dropdown-menu,
.simplecheckout-block,
.combo-card {
box-shadow: var(--bm-ds-shadow) !important;
}
/* Изображения внутри карточек */
.product-page__image-main-img,
.product-page__image-addit-img,
.product-layout__card--gallery .product-page__image-main-img,
.product-layout__card--gallery .product-page__image-addit-img,
.product-thumb__image img {
border-radius: var(--bm-ds-radius-inner) !important;
}
/* ── Hover: карточки товаров ── */
@media (hover: hover) {
.product-grid .product-thumb:hover,
.products-block .product-grid .product-thumb:hover,
.uni-module .product-thumb:hover,
#product-category .product-grid .product-thumb:hover {
transform: translateY(-3px);
box-shadow: var(--bm-ds-shadow-hover) !important;
}
.btn-primary:hover,
.product-thumb__add-to-cart:hover,
.product-page__add-to-cart:hover,
#product-category .product-grid .product-thumb__add-to-cart:hover {
box-shadow: 0 6px 18px rgba(20, 24, 42, 0.14) !important;
}
.product-thumb__quick-order:hover,
.product-page__quick-order:hover {
border-color: var(--color-gold) !important;
background: var(--bm-paper, #f5f1e8) !important;
}
}
/* ── Hover: кнопки без резких скачков ── */
@media (hover: hover) {
.btn:active,
.product-thumb__add-to-cart:active,
.product-page__add-to-cart:active {
transform: scale(0.98);
}
}
/* ── Исключения: не ломаем вкладки, круглые элементы, стрелки ── */
.product-layout__card--tabs .product-page-tabs > li > a,
.product-page-tabs > li > a,
.nav-tabs > li > a,
.qty-switch__btn,
.fa,
.fas,
.far,
.fab,
[class*="fa-"]:before,
.product-thumb__rating,
.rating,
.swiper-pagination-bullet,
.owl-dot,
input[type="radio"],
input[type="checkbox"],
.uni-checkbox {
/* см. правила ниже */
}
.product-layout__card--tabs .product-page-tabs > li > a,
.product-page-tabs > li > a,
.nav-tabs > li > a {
border-radius: 0 !important;
}
.qty-switch__btn {
border-radius: 0 !important;
}
/* Чекбоксы/радио — мягкое скругление, не pill */
input[type="radio"],
input[type="checkbox"] {
border-radius: 6px !important;
}
input[type="radio"] {
border-radius: 50% !important;
}
/* Список (table view) — кнопки остаются pill, карточка-строка без lift */
.products-block.is-list-table .product-thumb:hover {
transform: none !important;
}
/* Мобильный drawer / touch */
@media (max-width: 991px) {
.product-grid .product-thumb:hover {
transform: none;
}
}
/* Simplecheckout — поля и кнопки поверх локального CSS */
#simplecheckout_form .form-control,
.simplecheckout-block-content .form-control,
.simplecheckout-block-content select.form-control {
border-radius: 10px !important;
}
#simplecheckout_shipping_address .select2-container .select2-selection--single {
border-radius: 10px !important;
}
#simplecheckout_form .btn,
.simplecheckout-button-block .btn {
border-radius: 999px !important;
}
/* Пагинация — отступ между pill-кнопками */
.pagination {
gap: 6px;
}
.pagination > li > a,
.pagination > li > span {
margin: 0 2px;
}
/* ── Единая кнопка «Купить» (каталог, модули, новинки, главная) ── */
.product-thumb .product-thumb__add-to-cart,
.product-thumb .product-thumb__add-to-cart.btn,
.uni-module .product-thumb__add-to-cart,
.uni-module .product-thumb .product-thumb__add-to-cart,
.home-page .product-thumb__add-to-cart,
.home-page .uni-module .product-thumb__add-to-cart,
#product-bm-catalog .product-thumb__add-to-cart,
.products-block .product-thumb__add-to-cart,
.product-grid .product-thumb .product-thumb__add-to-cart,
.product-grid .product-thumb .product-thumb__add-to-cart.btn,
body .uni-module .product-thumb__add-to-cart,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__add-to-cart,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__add-to-cart.btn,
.products-block.is-list-table .product-thumb__add-to-cart {
height: 44px !important;
min-height: 44px !important;
padding: 0 14px !important;
border: 0 !important;
border-radius: var(--bm-ds-radius-pill) !important;
background: var(--color-primary) !important;
color: var(--color-white) !important;
font-family: "Manrope", var(--bm-sans, ui-sans-serif, system-ui, sans-serif) !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
line-height: 1.15 !important;
box-shadow: 0 2px 8px rgba(20, 24, 42, 0.28) !important;
}
.product-thumb .product-thumb__add-to-cart:hover,
.uni-module .product-thumb__add-to-cart:hover,
.product-grid .product-thumb .product-thumb__add-to-cart:hover,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__add-to-cart:hover {
background: var(--color-primary-hover) !important;
color: var(--color-white) !important;
}
.product-thumb .product-thumb__add-to-cart i,
.uni-module .product-thumb__add-to-cart i {
display: none !important;
}
/* Карточка товара — та же система, высота 48px */
.product-page__add-to-cart,
.product-block--buy .product-page__add-to-cart,
#product .product-page__add-to-cart,
#product .product-block--buy .product-page__add-to-cart {
height: 48px !important;
min-height: 48px !important;
padding: 0 18px !important;
border: 0 !important;
border-radius: var(--bm-ds-radius-pill) !important;
background: var(--color-primary) !important;
color: var(--color-white) !important;
font-family: "Manrope", var(--bm-sans, ui-sans-serif, system-ui, sans-serif) !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
box-shadow: 0 2px 8px rgba(20, 24, 42, 0.28) !important;
}
.product-page__add-to-cart:hover,
.product-block--buy .product-page__add-to-cart:hover,
#product .product-page__add-to-cart:hover {
background: var(--color-primary-hover) !important;
color: var(--color-white) !important;
}
/* Быстрый заказ — единый pill рядом с «Купить» */
.product-thumb .product-thumb__quick-order,
.uni-module .product-thumb__quick-order,
.product-grid .product-thumb .product-thumb__quick-order,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__quick-order {
flex: 0 0 44px !important;
width: 44px !important;
min-width: 44px !important;
height: 44px !important;
min-height: 44px !important;
padding: 0 !important;
border: 1px solid var(--color-border) !important;
border-radius: var(--bm-ds-radius-pill) !important;
background: var(--color-white) !important;
color: var(--color-gold-deep) !important;
}
.product-thumb .product-thumb__quick-order:hover,
.uni-module .product-thumb__quick-order:hover,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__quick-order:hover {
border-color: var(--color-gold) !important;
color: var(--color-gold-deep) !important;
background: var(--color-bg-warm) !important;
}
@media (max-width: 575px) {
.product-grid .product-thumb .product-thumb__add-to-cart,
.product-grid .product-thumb .product-thumb__add-to-cart.btn {
border-radius: var(--bm-ds-radius-pill) !important;
height: 44px !important;
min-height: 44px !important;
font-size: 12px !important;
box-shadow: 0 2px 8px rgba(20, 24, 42, 0.28) !important;
}
}
/* ===== SOURCE: buddha-account-ui.css ===== */
/**
* Buddha Mind — особистий кабінет (login, register, account sidebar)
* Цвета: buddha-color-tokens.css
*/
#account-login,
#account-register,
#account-account,
#account-forgotten,
#account-password,
#account-edit,
#account-address,
#account-order,
#account-wishlist,
#account-newsletter {
padding-bottom: 48px;
}
#account-login .breadcrumb,
#account-register .breadcrumb,
#account-account .breadcrumb {
margin: 16px 0 20px;
padding: 0;
background: transparent;
font-size: 12px;
line-height: 1.4;
color: var(--color-text-muted);
}
#account-login .breadcrumb a,
#account-register .breadcrumb a,
#account-account .breadcrumb a {
color: var(--color-text-muted);
}
#account-login .breadcrumb a:hover,
#account-register .breadcrumb a:hover,
#account-account .breadcrumb a:hover {
color: var(--color-gold);
}
#account-login .breadcrumb > li + li::before,
#account-register .breadcrumb > li + li::before {
color: var(--color-border);
}
.bm-account__head {
margin-bottom: 24px;
}
.bm-account__title {
margin: 0 0 6px !important;
font-family: "Manrope", var(--bm-sans, ui-sans-serif, system-ui, sans-serif) !important;
font-size: clamp(26px, 3vw, 34px) !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: -0.02em !important;
color: var(--color-primary) !important;
}
.bm-account__lead {
margin: 0;
max-width: 640px;
font-size: 15px;
line-height: 1.55;
color: var(--color-text-muted);
}
.bm-account__grid .row-flex {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 0;
}
/* ── Картки login / register ── */
#account-login .account-login__wrapper.uni-form,
#account-register .uni-form {
height: 100%;
margin: 0;
padding: 28px 28px 32px !important;
background: var(--color-bg) !important;
border: 1px solid var(--color-border) !important;
border-radius: 20px !important;
box-shadow: 0 8px 28px rgba(20, 24, 42, 0.06) !important;
}
#account-login .account-login__heading.uni-form__heading,
#account-register .account-register__heading.uni-form__heading,
#account-login .uni-form__heading,
#account-register .uni-form__heading {
margin: 0 0 18px !important;
padding-bottom: 12px;
border-bottom: 1px solid var(--color-border);
font-family: "Manrope", var(--bm-sans, ui-sans-serif, system-ui, sans-serif) !important;
font-size: 18px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
color: var(--color-primary) !important;
text-transform: none !important;
}
#account-login .account-login__wrapper p,
#account-register .account-register__already {
margin: 0 0 20px;
font-size: 14px;
line-height: 1.6;
color: var(--color-text-muted);
}
#account-login .account-login__form-group {
margin-bottom: 14px;
}
#account-login .account-login__form-group .form-control,
#account-register .form-control {
height: 48px !important;
padding: 0 18px !important;
border: 1px solid var(--color-border) !important;
background: var(--color-bg-warm) !important;
color: var(--color-text) !important;
font-size: 15px !important;
box-shadow: none !important;
}
#account-login .account-login__form-group .form-control:focus,
#account-register .form-control:focus {
border-color: var(--color-gold) !important;
background: var(--color-bg) !important;
box-shadow: 0 0 0 3px var(--color-gold-soft) !important;
outline: none !important;
}
#account-login .account-login__form-group .form-control::placeholder {
color: var(--color-text-muted);
opacity: 0.85;
}
#account-login .account-login__forgotten {
display: inline-block;
margin-top: 10px;
font-size: 13px;
font-weight: 500;
color: var(--color-gold-deep);
text-decoration: none;
}
#account-login .account-login__forgotten:hover {
color: var(--color-gold);
text-decoration: underline;
}
/* Кнопки */
#account-login .account-login__btn.btn-primary,
#account-register .btn-primary {
width: 100%;
max-width: 100%;
height: 48px !important;
min-height: 48px !important;
margin-top: 8px;
padding: 0 24px !important;
border: 0 !important;
background: var(--color-primary) !important;
color: var(--color-white) !important;
font-family: "Manrope", var(--bm-sans, ui-sans-serif, system-ui, sans-serif) !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
box-shadow: 0 4px 14px rgba(20, 24, 42, 0.22) !important;
}
#account-login .account-login__btn.btn-primary:hover,
#account-register .btn-primary:hover {
background: var(--color-primary-hover) !important;
color: var(--color-white) !important;
}
#account-login a.account-login__btn.btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 48px;
text-decoration: none !important;
}
#account-login .bm-account__btn--secondary {
background: transparent !important;
color: var(--color-primary) !important;
border: 1px solid var(--color-gold) !important;
box-shadow: none !important;
}
#account-login .bm-account__btn--secondary:hover {
background: var(--color-gold-soft) !important;
border-color: var(--color-gold-hover) !important;
color: var(--color-primary) !important;
}
#account-login .uni-wrapper {
padding: 0;
background: transparent;
}
#account-login .alert {
border-radius: 12px;
border: 0;
font-size: 14px;
}
/* ── Бокове меню кабінету ── */
#column-left .bm-account-nav,
#column-right .bm-account-nav {
margin: 0;
padding: 8px;
background: var(--color-bg);
border: 1px solid var(--color-border);
border-radius: 20px;
box-shadow: 0 8px 28px rgba(20, 24, 42, 0.05);
overflow: hidden;
}
#column-left .bm-account-nav__title,
#column-right .bm-account-nav__title {
margin: 0;
padding: 16px 18px 12px;
font-family: "Manrope", var(--bm-sans, ui-sans-serif, system-ui, sans-serif);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--color-text-muted);
}
#column-left .bm-account-nav .list-group-item,
#column-right .bm-account-nav .list-group-item {
margin: 0;
padding: 12px 18px;
border: 0 !important;
border-radius: 12px !important;
background: transparent !important;
font-family: "Manrope", var(--bm-sans, ui-sans-serif, system-ui, sans-serif);
font-size: 14px;
font-weight: 500;
color: var(--color-text);
transition: background 0.2s ease, color 0.2s ease;
}
#column-left .bm-account-nav .list-group-item + .list-group-item,
#column-right .bm-account-nav .list-group-item + .list-group-item {
margin-top: 2px;
}
#column-left .bm-account-nav .list-group-item:hover,
#column-right .bm-account-nav .list-group-item:hover {
background: var(--color-bg-warm) !important;
color: var(--color-primary);
}
#account-login #column-right .bm-account-nav a.list-group-item[href*="account/login"],
#account-login #column-left .bm-account-nav a.list-group-item[href*="account/login"] {
background: var(--color-gold-soft) !important;
color: var(--color-primary) !important;
font-weight: 600;
}
#column-left .bm-account-nav__bonus,
#column-right .bm-account-nav__bonus {
margin-bottom: 8px;
padding: 14px 16px;
text-align: center;
background: linear-gradient(135deg, var(--color-gold-soft), rgba(193, 154, 75, 0.04));
border: 1px solid rgba(193, 154, 75, 0.28);
border-radius: 14px;
}
#column-left .bm-account-nav__bonus-label,
#column-right .bm-account-nav__bonus-label {
font-size: 11px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--color-text-muted);
}
#column-left .bm-account-nav__bonus-value,
#column-right .bm-account-nav__bonus-value {
font-size: 1.35rem;
font-weight: 700;
color: var(--color-gold);
line-height: 1.2;
}
@media (max-width: 767px) {
#account-login .account-login__wrapper.uni-form {
margin-bottom: 0;
}
.bm-account__title {
font-size: 24px !important;
}
}
@media (min-width: 992px) {
#account-login #column-right,
#account-register #column-right {
padding-left: 8px;
}
}
/* ===== SOURCE: buddha-mobile-ui.css ===== */
/**
* Buddha Mind — mobile UI polish (корзина, drawer-меню, карточки товаров).
* Только визуал: без изменения логики корзины, меню и кнопок.
*/
/* ══════════════════════════════════════════
1. Боковая корзина — desktop / tablet (≥769px)
══════════════════════════════════════════ */
@media (min-width: 769px) {
.bm-cart-drawer__body .header-cart__wrapper {
padding: 12px 18px 16px !important;
}
.bm-cart-drawer__body .header-cart__item {
padding: 12px 0 !important;
margin-bottom: 4px;
border-bottom-color: rgba(230, 223, 208, 0.12) !important;
}
.bm-cart-drawer__body .header-cart__item:last-child {
margin-bottom: 0;
}
.bm-cart-drawer__body .header-cart__totals {
padding: 16px 20px 10px !important;
}
.bm-cart-drawer__body .header-cart__buttons {
padding: 10px 20px 24px !important;
gap: 12px !important;
}
.bm-cart-drawer__body .header-cart__buttons .btn-primary,
.bm-cart-drawer__body .header-cart__buttons a.btn-primary {
border-radius: 999px !important;
min-height: 50px !important;
}
}
/* ══════════════════════════════════════════
2. Боковая корзина — mobile (≤768px)
══════════════════════════════════════════ */
@media (max-width: 768px) {
.bm-cart-drawer {
width: min(100vw, 400px) !important;
max-width: 100vw !important;
}
.bm-cart-drawer__head {
padding: 16px 16px 12px !important;
}
.bm-cart-drawer__body .header-cart__wrapper {
padding: 12px 14px 8px !important;
}
/* Карточка товара через display:contents на wrapper */
.bm-cart-drawer__body .header-cart__item {
display: grid !important;
grid-template-columns: 60px minmax(0, 1fr) 38px !important;
grid-template-areas:
"img name name"
"img price price"
"img qty delete" !important;
column-gap: 12px !important;
row-gap: 6px !important;
align-items: start !important;
width: 100% !important;
padding: 14px 12px !important;
margin-bottom: 12px !important;
border: 1px solid rgba(255, 255, 255, 0.14) !important;
border-radius: 14px !important;
background: rgba(255, 255, 255, 0.08) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
box-sizing: border-box !important;
}
.bm-cart-drawer__body .header-cart__item:first-child {
padding-top: 14px !important;
}
.bm-cart-drawer__body .header-cart__item-wrapper {
display: contents !important;
}
.bm-cart-drawer__body .header-cart__image {
grid-area: img !important;
width: 60px !important;
padding: 0 !important;
}
.bm-cart-drawer__body .header-cart__image img {
width: 60px !important;
height: 60px !important;
border-radius: 12px !important;
}
.bm-cart-drawer__body .header-cart__name {
grid-area: name !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.28 !important;
overflow: hidden !important;
}
.bm-cart-drawer__body .header-cart__name a {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-weight: 600 !important;
line-height: 1.28 !important;
color: var(--bm-paper) !important;
}
.bm-cart-drawer__body .header-cart__total {
grid-area: price !important;
text-align: left !important;
font-size: 15px !important;
font-weight: 600 !important;
color: var(--color-gold, var(--bm-gold, #c19a4b)) !important;
white-space: nowrap !important;
align-self: start !important;
padding: 0 !important;
}
.bm-cart-drawer__body .header-cart__quantity {
grid-area: qty !important;
align-self: center !important;
max-width: none !important;
}
.bm-cart-drawer__body .qty-switch__cart {
width: 92px !important;
max-width: 92px !important;
height: 30px !important;
border-radius: 999px !important;
}
.bm-cart-drawer__body .qty-switch__cart .qty-switch__btn {
flex: 0 0 26px !important;
font-size: 10px !important;
}
.bm-cart-drawer__body .qty-switch__cart .qty-switch__input {
min-width: 30px !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 28px !important;
}
.bm-cart-drawer__body .header-cart__remove {
grid-area: delete !important;
align-self: center !important;
justify-self: end !important;
padding: 0 2px 0 0 !important;
}
.bm-cart-drawer__body .header-cart__remove-btn {
width: 34px !important;
height: 34px !important;
border-radius: 10px !important;
font-size: 14px !important;
color: rgba(245, 241, 232, 0.55) !important;
}
.bm-cart-drawer__body .header-cart__remove-btn:hover {
color: var(--bm-paper) !important;
background: rgba(255, 255, 255, 0.08) !important;
}
/* Итог + CTA */
.bm-cart-drawer__body .header-cart__totals {
padding: 16px 16px 18px 18px !important;
}
.bm-cart-drawer__body .header-cart__totals-item:last-child {
font-size: 17px !important;
padding-top: 8px !important;
}
.bm-cart-drawer__body .header-cart__buttons {
padding: 8px 16px 20px !important;
padding-bottom: max(20px, env(safe-area-inset-bottom)) !important;
gap: 12px !important;
}
.bm-cart-drawer__body .header-cart__buttons .btn-primary,
.bm-cart-drawer__body .header-cart__buttons a.btn-primary {
min-height: 52px !important;
padding: 14px 20px !important;
border-radius: 999px !important;
background: var(--color-gold, var(--bm-gold, #c19a4b)) !important;
color: var(--color-primary, var(--bm-ink)) !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0.1em !important;
box-shadow: 0 4px 16px rgba(20, 24, 42, 0.2) !important;
}
.bm-cart-drawer__body .header-cart__buttons .btn-primary:hover,
.bm-cart-drawer__body .header-cart__buttons a.btn-primary:hover {
background: var(--color-gold-hover, var(--bm-gold-hover, #a07f37)) !important;
}
}
@media (max-width: 420px) {
.bm-cart-drawer__body .header-cart__item {
grid-template-columns: 56px minmax(0, 1fr) 34px !important;
column-gap: 10px !important;
padding: 12px 10px !important;
}
.bm-cart-drawer__body .header-cart__image,
.bm-cart-drawer__body .header-cart__image img {
width: 56px !important;
height: 56px !important;
}
.bm-cart-drawer__body .header-cart__name,
.bm-cart-drawer__body .header-cart__name a {
font-size: 13px !important;
}
.bm-cart-drawer__body .header-cart__total {
font-size: 14px !important;
}
.bm-cart-drawer__body .qty-switch__cart {
width: 88px !important;
max-width: 88px !important;
}
}
@media (max-width: 375px) {
.bm-cart-drawer__body .header-cart__wrapper {
padding: 10px 12px 8px !important;
}
.bm-cart-drawer__body .header-cart__item {
column-gap: 8px !important;
row-gap: 5px !important;
padding: 10px 8px !important;
}
.bm-cart-drawer__body .header-cart__buttons {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
@media (max-width: 360px) {
.bm-cart-drawer {
width: 100vw !important;
max-width: 100vw !important;
}
.bm-cart-drawer__body .header-cart__item {
grid-template-columns: 52px minmax(0, 1fr) 32px !important;
}
.bm-cart-drawer__body .header-cart__image,
.bm-cart-drawer__body .header-cart__image img {
width: 52px !important;
height: 52px !important;
}
.bm-cart-drawer__body .header-cart__name,
.bm-cart-drawer__body .header-cart__name a {
font-size: 13px !important;
}
}
@media (max-width: 320px) {
.bm-cart-drawer__head {
padding: 14px 12px 10px !important;
}
.bm-cart-drawer__body .header-cart__wrapper {
padding: 8px 10px 6px !important;
}
.bm-cart-drawer__body .header-cart__item {
grid-template-columns: 48px minmax(0, 1fr) 30px !important;
column-gap: 8px !important;
padding: 10px 6px !important;
margin-bottom: 8px !important;
}
.bm-cart-drawer__body .header-cart__image,
.bm-cart-drawer__body .header-cart__image img {
width: 48px !important;
height: 48px !important;
border-radius: 10px !important;
}
.bm-cart-drawer__body .header-cart__name,
.bm-cart-drawer__body .header-cart__name a {
font-size: 13px !important;
line-height: 1.3 !important;
}
.bm-cart-drawer__body .header-cart__total {
font-size: 13px !important;
}
.bm-cart-drawer__body .qty-switch__cart {
width: 84px !important;
max-width: 84px !important;
height: 28px !important;
}
.bm-cart-drawer__body .header-cart__remove-btn {
width: 30px !important;
height: 30px !important;
font-size: 13px !important;
}
.bm-cart-drawer__body .header-cart__totals {
padding: 16px 16px 18px 18px !important;
}
.bm-cart-drawer__body .header-cart__buttons {
padding: 6px 12px max(16px, env(safe-area-inset-bottom)) !important;
}
}
/* ══════════════════════════════════════════
3. Mobile drawer menu (≤991px)
══════════════════════════════════════════ */
@media (max-width: 991px) {
.menu-wrapper .menu__level-1-a {
font-family: var(--bm-sans, "Manrope", ui-sans-serif, system-ui, sans-serif) !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 1.35 !important;
padding: 12px 56px 12px 20px !important;
min-height: 44px !important;
display: flex !important;
align-items: center !important;
box-sizing: border-box !important;
}
.menu-wrapper .menu__level-1-pm::before,
.menu-wrapper .menu__level-2-pm::before {
font-size: 24px !important;
font-weight: 400 !important;
color: var(--color-gold, var(--bm-gold, #c19a4b)) !important;
opacity: 0.95;
}
.menu-wrapper .menu__level-1-pm,
.menu-wrapper .menu__level-2-pm {
color: var(--color-gold, var(--bm-gold, #c19a4b)) !important;
}
.menu-wrapper .menu__level-2-a {
min-height: 44px !important;
display: flex !important;
align-items: center !important;
padding: 10px 56px 10px 24px !important;
font-size: 15px !important;
color: rgba(245, 241, 232, 0.88) !important;
}
.menu-wrapper .menu__level-3-a {
min-height: 40px !important;
display: flex !important;
align-items: center !important;
color: rgba(245, 241, 232, 0.82) !important;
}
.bm-drawer-acc__head {
font-family: var(--bm-sans, "Manrope", ui-sans-serif, system-ui, sans-serif) !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 500 !important;
min-height: 44px !important;
padding: 10px 0 !important;
}
.bm-drawer-acc__pm::before {
font-size: 24px !important;
color: var(--color-gold, var(--bm-gold, #c19a4b)) !important;
}
.bm-drawer-account__link {
min-height: 44px !important;
padding: 12px 0 !important;
color: rgba(245, 241, 232, 0.9) !important;
font-size: 15px !important;
}
.bm-drawer-account__link i {
opacity: 0.85 !important;
color: var(--color-gold, var(--bm-gold, #c19a4b)) !important;
}
.bm-drawer-acc__body .top-menu__language-item a,
.bm-drawer-acc__body .top-menu__currency-item a {
min-height: 44px !important;
display: flex !important;
align-items: center !important;
color: rgba(245, 241, 232, 0.88) !important;
font-size: 15px !important;
}
}
/* ══════════════════════════════════════════
4. Карточки товаров — mobile (≤768px)
══════════════════════════════════════════ */
@media (max-width: 768px) {
.product-grid .product-thumb__name,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__name {
-webkit-line-clamp: 2 !important;
font-size: 13px !important;
line-height: 1.38 !important;
margin-bottom: 4px !important;
}
.product-grid .product-thumb__price,
.product-grid .product-thumb__price.price,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__price,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__price.price {
font-size: 18px !important;
font-weight: 600 !important;
color: var(--color-primary, var(--bm-ink)) !important;
margin-top: 6px !important;
margin-bottom: 2px !important;
}
.product-grid .product-thumb__caption {
padding: 12px 12px 14px !important;
gap: 6px !important;
}
.product-grid .product-thumb.uni-item {
border-radius: 14px !important;
}
.product-grid .product-thumb .product-thumb__add-to-cart,
.product-grid .product-thumb .product-thumb__add-to-cart.btn,
.uni-module .product-grid .product-thumb__add-to-cart {
height: 44px !important;
min-height: 44px !important;
border-radius: 999px !important;
font-size: 12px !important;
}
.product-grid .product-thumb .product-thumb__quick-order,
.uni-module .product-grid .product-thumb__quick-order {
height: 44px !important;
min-height: 44px !important;
width: 44px !important;
min-width: 44px !important;
border-radius: 999px !important;
}
.product-grid .product-thumb__cart {
gap: 8px !important;
margin-top: 10px !important;
padding-top: 10px !important;
}
}
@media (max-width: 420px) {
.product-grid .product-thumb__name {
font-size: 12.5px !important;
}
.product-grid .product-thumb__price,
.product-grid .product-thumb__price.price {
font-size: 17px !important;
}
.product-grid .product-thumb .product-thumb__add-to-cart,
.product-grid .product-thumb .product-thumb__add-to-cart.btn {
font-size: 11px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
}
/* ===== SOURCE: buddha-home-ui.css ===== */
/**
* Buddha Mind — главная страница (hero, категории, товары, промо).
* CSS-only: HTML-модули в БД не трогаем; перебиваем inline-стили модулей.
*/
:root {
--bm-home-max: 1460px;
--bm-home-pad: 28px;
--bm-home-gap-section: 80px;
--bm-home-radius: 16px;
--bm-home-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
--bm-home-dur: 0.24s;
}
/* ── Общий ритм content-top (главная) ── */
main .content-top {
overflow-x: clip;
}
main .content-top > .html-module,
main .content-top > .banner,
main .content-top > .uni-module {
margin-bottom: var(--bm-home-gap-section);
}
main .content-top > .html-module:last-child,
main .content-top > .uni-module:last-child {
margin-bottom: 64px;
}
@media (max-width: 767px) {
main .content-top > .html-module,
main .content-top > .banner,
main .content-top > .uni-module {
margin-bottom: 52px;
}
}
/* Дублирующий заголовок модуля latest (есть bm-sec-header) */
main .content-top > .heading {
display: none !important;
}
/* ══════════════════════════════════════════
1. Hero (html.346 — .bm-hero)
══════════════════════════════════════════ */
.content-top .bm-hero {
margin: 0 !important;
padding: 56px 0 56px !important;
background: linear-gradient(0deg, rgba(245, 241, 232, 1) 60%, rgba(255, 255, 255, 1) 100%) !important;
}
.content-top .bm-hero__wrap {
max-width: var(--bm-home-max) !important;
padding-left: var(--bm-home-pad) !important;
padding-right: var(--bm-home-pad) !important;
gap: 40px !important;
align-items: center !important;
}
.content-top .bm-hero__copy {
max-width: 560px;
}
.content-top .bm-hero__eyebrow {
font-size: 11px !important;
letter-spacing: 0.16em !important;
margin-bottom: 14px !important;
color: var(--color-gold-deep, #8c6a3b) !important;
display: none;
}
.content-top .bm-hero__title {
font-size: clamp(42px, 5.5vw, 44px);
line-height: 1.02 !important;
margin-bottom: 18px !important;
}
.content-top .bm-hero__lede {
font-size: 16px !important;
line-height: 1.6 !important;
max-width: 480px !important;
margin-bottom: 28px !important;
color: var(--color-primary-hover, #1f2540) !important;
}
.content-top .bm-hero__cta {
gap: 12px !important;
}
.content-top .bm-hero__btn {
min-height: 48px !important;
padding: 12px 22px !important;
font-size: 12px !important;
border-radius: 999px !important;
transition:
transform var(--bm-home-dur) var(--bm-home-ease),
background var(--bm-home-dur) var(--bm-home-ease),
border-color var(--bm-home-dur) var(--bm-home-ease) !important;
}
.content-top .bm-hero__btn--primary {
background: var(--color-primary, #14182a) !important;
color: var(--color-on-primary, #f5f1e8) !important;
flex: 1 1 calc(50% - 6px) !important;
min-width: 0 !important;
font-size: 11px !important;
letter-spacing: 0.06em !important;
}
.content-top .bm-hero__btn--primary:hover {
background: var(--color-primary-hover, #1f2540) !important;
transform: translateY(-1px);
}
.content-top .bm-hero__btn--ghost {
border-color: rgba(20, 24, 42, 0.14) !important;
flex: 1 1 calc(50% - 6px) !important;
min-width: 0 !important;
font-size: 11px !important;
letter-spacing: 0.06em !important;
}
.content-top .bm-hero__visual {
border-radius: var(--bm-home-radius) !important;
min-height: 420px !important;
max-height: 520px !important;
box-shadow: 0 24px 56px -20px rgba(20, 24, 42, 0.35) !important;
}
.content-top .bm-hero__visual img,
.content-top .bm-hero__visual video {
object-fit: cover !important;
}
/* Преимущества под hero (.bm-hero__meta) */
.content-top .bm-hero__meta {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 20px 28px !important;
margin-top: 36px !important;
padding-top: 24px !important;
border-top: 1px solid rgba(230, 223, 208, 0.85) !important;
max-width: 520px;
}
.content-top .bm-hero__meta b {
font-size: clamp(22px, 2.5vw, 28px) !important;
color: var(--color-primary, #14182a) !important;
}
.content-top .bm-hero__meta span {
font-size: 10px !important;
letter-spacing: 0.08em !important;
color: var(--color-text-muted, #6b6e80) !important;
margin-top: 4px !important;
}
@media (max-width: 991px) {
.content-top .bm-hero {
padding: 16px 0 10px !important;
}
.content-top .bm-hero__wrap {
grid-template-columns: 1fr !important;
gap: 24px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.content-top .bm-hero__copy {
max-width: none;
}
.content-top .bm-hero__eyebrow {
display: none !important;
}
.content-top .bm-hero__title {
font-size: clamp(24px, 5.5vw, 44px) !important;
line-height: 1.06 !important;
margin-top: 10px !important;
}
.content-top .bm-hero__lede {
font-size: 15px !important;
max-width: none !important;
margin-bottom: 22px !important;
}
.content-top .bm-hero__visual {
order: 2;
min-height: 240px !important;
max-height: 320px !important;
display: none !important;
}
.content-top .bm-hero__meta {
max-width: none;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 12px 16px !important;
margin-top: 28px !important;
}
.content-top .bm-hero__meta b {
font-size: 20px !important;
font-weight: 400 !important;
}
}
@media (max-width: 767px) {
.content-top .bm-hero {
padding: 12px 0 8px !important;
}
.content-top .bm-hero__wrap {
padding-left: 16px !important;
padding-right: 16px !important;
gap: 20px !important;
}
.content-top .bm-hero__title {
font-size: clamp(24px, 5.5vw, 44px) !important;
}
.content-top .bm-hero__lede {
font-size: 14px !important;
margin-bottom: 18px !important;
}
.content-top .bm-hero__meta {
gap: 10px 12px !important;
margin-top: 22px !important;
padding-top: 18px !important;
}
.content-top .bm-hero__meta b {
font-size: 18px !important;
}
}
@media (max-width: 576px) {
.content-top .bm-hero__meta {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
.content-top .bm-hero__meta > div {
display: flex;
align-items: baseline;
justify-content: center;
gap: 10px;
text-align: left;
}
.content-top .bm-hero__meta span {
margin-top: 0 !important;
}
.content-top .bm-hero__moon {
width: 72px !important;
height: 72px !important;
top: 16px !important;
right: 16px !important;
opacity: 0.9;
}
.content-top .bm-hero__tag {
font-size: 9px !important;
letter-spacing: 0.2em !important;
}
.content-top .bm-hero__cta {
display: flex !important;
flex-wrap: wrap !important;
flex-direction: row !important;
align-items: stretch !important;
justify-content: center !important;
gap: 10px !important;
}
.content-top .bm-hero__btn,
.content-top .bm-hero__btn--primary,
.content-top .bm-hero__btn--ghost {
justify-content: center !important;
flex: 1 1 calc(50% - 5px) !important;
min-width: min(100%, 148px) !important;
font-size: 11px !important;
min-height: 46px !important;
padding: 12px 10px !important;
}
}
/* ══════════════════════════════════════════
2. Категории (html.349 — .bm-cats)
══════════════════════════════════════════ */
.content-top .bm-cats {
max-width: var(--bm-home-max) !important;
margin-top: 64px !important;
margin-bottom: 56px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 var(--bm-home-pad) !important;
}
.content-top .bm-cats__header {
margin-bottom: 24px !important;
align-items: flex-end !important;
gap: 20px !important;
}
.content-top .bm-cats__title {
font-size: clamp(28px, 3.5vw, 48px) !important;
line-height: 1.06 !important;
}
.content-top .bm-cats__link {
color: var(--color-text-muted, #6b6e80) !important;
border-bottom-color: rgba(230, 223, 208, 0.9) !important;
font-size: 12px !important;
}
.content-top .bm-cats__link:hover {
color: var(--color-gold-deep, #8c6a3b) !important;
border-bottom-color: var(--color-gold, #c19a4b) !important;
}
.content-top .bm-cats__grid {
gap: 20px !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.content-top .bm-cat {
border-radius: var(--bm-home-radius) !important;
border-color: rgba(230, 223, 208, 0.9) !important;
min-height: 210px !important;
padding: 20px !important;
box-shadow: 0 2px 12px rgba(20, 24, 42, 0.04) !important;
transition:
transform var(--bm-home-dur) var(--bm-home-ease),
box-shadow var(--bm-home-dur) var(--bm-home-ease),
border-color var(--bm-home-dur) var(--bm-home-ease) !important;
}
@media (hover: hover) {
.content-top .bm-cat:hover {
transform: translateY(-3px) !important;
box-shadow: 0 14px 32px -16px rgba(20, 24, 42, 0.18) !important;
border-color: rgba(193, 154, 75, 0.4) !important;
}
}
.content-top .bm-cat.with-img {
padding-bottom: 48px !important;
}
.content-top .bm-cat__thumb {
border-radius: 12px 12px 0 0 !important;
height: 160px !important;
object-fit: cover !important;
}
.content-top .bm-cat__name {
font-size: 22px !important;
line-height: 1.15 !important;
}
.content-top .bm-cat__count {
font-size: 12px !important;
color: var(--color-text-muted, #6b6e80) !important;
}
.content-top .bm-cat__go {
width: 36px !important;
height: 36px !important;
border-color: rgba(230, 223, 208, 0.95) !important;
}
.content-top .bm-cat.feat {
grid-column: span 2 !important;
grid-row: span 2 !important;
border-radius: 18px !important;
min-height: 458px !important;
padding: 28px !important;
}
.content-top .bm-cat.feat .bm-cat__name {
font-size: clamp(32px, 4vw, 44px) !important;
}
.content-top .bm-cat.feat .bm-cat__desc {
font-size: 14px !important;
line-height: 1.55 !important;
color: rgba(245, 241, 232, 0.82) !important;
}
.content-top .bm-cat.feat .bm-cat__shade {
background: linear-gradient(
180deg,
rgba(20, 24, 42, 0.2) 0%,
rgba(20, 24, 42, 0.45) 45%,
rgba(10, 13, 28, 0.88) 100%
) !important;
}
@media (max-width: 991px) {
.content-top .bm-cat.feat {
grid-column: span 2 !important;
grid-row: span 1 !important;
min-height: 300px !important;
border-radius: 22px !important;
padding: 24px !important;
}
.content-top .bm-cat.feat .bm-cat__name {
font-size: 32px !important;
}
.content-top .bm-cat.feat .bm-cat__num {
display: none !important;
}
.content-top .bm-cat.feat .bm-cat__go {
position: relative !important;
right: auto !important;
bottom: auto !important;
align-self: flex-start !important;
margin: 12px 0 0 !important;
width: 40px !important;
height: 40px !important;
transform: none !important;
}
.content-top .bm-cat.feat .bm-cat__desc {
position: relative !important;
left: auto !important;
bottom: auto !important;
right: auto !important;
margin-top: 8px !important;
max-width: 100% !important;
text-align: left !important;
}
}
@media (max-width: 576px) {
.content-top .bm-cats {
margin-top: 20px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.content-top .bm-cats__grid {
margin-top: 20px !important;
gap: 14px !important;
}
.content-top .bm-cat.feat {
min-height: 260px !important;
grid-column: span 1 !important;
}
.content-top .bm-cat.feat .bm-cat__name {
font-size: clamp(28px, 7vw, 36px) !important;
line-height: 1.08 !important;
}
.content-top .bm-cat__name {
font-size: 20px !important;
}
}
@media (max-width: 360px) {
.content-top .bm-cats {
padding-left: 12px !important;
padding-right: 12px !important;
}
.content-top .bm-cat {
min-height: 190px !important;
padding: 16px !important;
}
.content-top .bm-cat.feat {
min-height: 240px !important;
padding: 20px !important;
}
.content-top .bm-cat.feat .bm-cat__name {
font-size: clamp(24px, 7vw, 32px) !important;
}
}
/* ══════════════════════════════════════════
2b. Liquid glass — категории (html.349 — .bm-cat--liquid)
Перебивает inline-стили модуля; все брейкпоинты здесь.
══════════════════════════════════════════ */
.content-top .bm-cat.bm-cat--liquid {
padding: 0 !important;
min-height: 300px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
background: transparent !important;
border: 1px solid rgba(255, 255, 255, 0.24) !important;
border-radius: 20px !important;
box-shadow: 0 14px 44px rgba(20, 24, 42, 0.22) !important;
isolation: isolate;
}
.content-top .bm-cat.bm-cat--liquid::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), inset 0 -1px 0 rgba(255, 255, 255, 0.06);
z-index: 3;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__thumb {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
max-width: none !important;
border-radius: 20px !important;
object-fit: cover !important;
object-position: center 38% !important;
z-index: 0;
border: 0 !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__glass {
position: absolute !important;
left: 14px !important;
right: 14px !important;
bottom: 14px !important;
z-index: 2;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
margin: 0 !important;
padding: 18px 18px 46px !important;
border-radius: 16px !important;
background: rgb(0 0 0 / 16%) !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36), 0 10px 32px rgba(0, 0, 0, 0.18) !important;
-webkit-backdrop-filter: blur(22px) saturate(1.45);
backdrop-filter: blur(22px) saturate(1.45);
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__num {
color: #f0e2bc !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__name {
margin: 0 !important;
color: #fff !important;
font-size: clamp(24px, 5vw, 30px) !important;
line-height: 1.08 !important;
text-shadow: 0 1px 12px rgba(20, 24, 42, 0.35);
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__name em {
color: #f0e2bc !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__count {
position: static !important;
color: rgba(255, 252, 245, 0.82) !important;
font-size: 12px !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__go {
right: 14px !important;
bottom: 14px !important;
width: 38px !important;
height: 38px !important;
border-color: rgba(255, 255, 255, 0.35) !important;
color: #fff !important;
background: rgba(255, 255, 255, 0.1) !important;
}
@media (max-width: 991px) {
.content-top .bm-cats__grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.content-top .bm-cat.bm-cat--liquid {
min-height: 280px !important;
}
.content-top .bm-cats__header {
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
gap: 12px !important;
margin-bottom: 20px !important;
}
.content-top .bm-cats__left {
align-items: center !important;
width: 100% !important;
text-align: center !important;
}
.content-top .bm-cats__eyebrow {
flex-direction: column !important;
align-items: center !important;
gap: 8px !important;
}
.content-top .bm-cats__eyebrow .dot {
display: none !important;
}
.content-top .bm-cats__title {
text-align: center !important;
width: 100% !important;
}
.content-top .bm-cats__link {
display: none !important;
}
.content-top .bm-cat__count {
color: #cbcbcb !important;
}
}
@media (max-width: 767px) {
.content-top .bm-cat.bm-cat--liquid {
min-height: 260px !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__glass {
left: 12px !important;
right: 12px !important;
bottom: 12px !important;
padding: 16px 16px 42px !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__name {
font-size: clamp(22px, 5vw, 28px) !important;
}
}
@media (max-width: 576px) {
.content-top .bm-cats__grid {
grid-template-columns: 1fr !important;
}
.content-top .bm-cat.bm-cat--liquid {
min-height: 280px !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__glass {
padding: 16px 16px 40px !important;
}
}
@media (max-width: 360px) {
.content-top .bm-cat.bm-cat--liquid {
min-height: 250px !important;
border-radius: 16px !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__thumb {
border-radius: 16px !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__glass {
left: 10px !important;
right: 10px !important;
bottom: 10px !important;
padding: 14px 14px 38px !important;
border-radius: 12px !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__go {
width: 34px !important;
height: 34px !important;
right: 10px !important;
bottom: 10px !important;
}
}
/* ══════════════════════════════════════════
3. Маленькие категории — banner.328 (#banner-0)
Равные размеры и отступы; 4 колонки → 2×2 на mobile.
══════════════════════════════════════════ */
.content-top #banner-0.banner {
max-width: var(--bm-home-max) !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 60px !important;
padding: 40px var(--bm-home-pad) 0 !important;
box-sizing: border-box;
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 20px !important;
align-items: stretch !important;
}
.content-top #banner-0 .banner-img {
width: auto !important;
min-width: 0 !important;
padding: 0 !important;
margin: 0 !important;
text-align: center;
}
.content-top #banner-0 .banner-img > a:first-child {
position: relative;
display: block;
aspect-ratio: 1 / 1;
border-radius: var(--bm-home-radius);
overflow: hidden;
background: var(--color-bg-card-tint, #f8f5ef);
box-shadow: 0 2px 12px rgba(20, 24, 42, 0.06);
transition: box-shadow var(--bm-home-dur) var(--bm-home-ease), transform var(--bm-home-dur) var(--bm-home-ease);
}
@media (hover: hover) {
.content-top #banner-0 .banner-img > a:first-child:hover {
transform: translateY(-2px);
box-shadow: 0 10px 24px rgba(20, 24, 42, 0.1);
}
}
.content-top #banner-0 .banner-img img {
position: absolute;
inset: 0;
width: 100% !important;
height: 100% !important;
display: block;
object-fit: cover !important;
border-radius: 0 !important;
}
.content-top #banner-0 .banner-label {
z-index: 1;
border-radius: 0 0 var(--bm-home-radius) var(--bm-home-radius);
font-family: var(--bm-sans, "Manrope", sans-serif) !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
padding: 24px 10px 10px !important;
}
/* Дублирующая текстовая ссылка под картинкой */
.content-top #banner-0 .banner-img > a + a {
display: none !important;
}
@media (max-width: 991px) {
.content-top #banner-0.banner {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 16px !important;
padding-top: 32px !important;
}
}
@media (max-width: 767px) {
.content-top #banner-0.banner {
padding: 28px 16px 0 !important;
margin-bottom: 40px !important;
gap: 12px !important;
}
.content-top #banner-0 .banner-label {
font-size: 11px !important;
padding: 20px 8px 8px !important;
}
}
@media (max-width: 576px) {
.content-top #banner-0.banner {
gap: 10px !important;
padding-left: 10px !important;
padding-right: 10px !important;
margin-bottom: 32px !important;
}
}
@media (max-width: 360px) {
.content-top #banner-0.banner {
gap: 10px !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.content-top #banner-0 .banner-label {
font-size: 10px !important;
}
}
/* ══════════════════════════════════════════
4. Заголовок товарной секции (html.348)
══════════════════════════════════════════ */
.content-top .bm-sec-header {
max-width: var(--bm-home-max) !important;
margin: 0 auto 28px !important;
padding: 0 var(--bm-home-pad) !important;
}
.content-top .bm-sec-header__title {
font-size: clamp(28px, 3.5vw, 48px) !important;
line-height: 1.06 !important;
}
.content-top .bm-sec-header__link {
color: var(--color-text-muted, #6b6e80) !important;
font-size: 12px !important;
}
.content-top .bm-sec-header__link:hover {
color: var(--color-gold-deep, #8c6a3b) !important;
border-bottom-color: var(--color-gold, #c19a4b) !important;
}
@media (max-width: 991px) {
.content-top .bm-sec-header {
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
gap: 12px !important;
margin-bottom: 24px !important;
}
.content-top .bm-sec-header__left {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
text-align: center !important;
}
.content-top .bm-sec-header__eyebrow {
flex-direction: column !important;
align-items: center !important;
gap: 8px !important;
}
.content-top .bm-sec-header__eyebrow .dot {
display: none !important;
}
.content-top .bm-sec-header__title {
font-size: clamp(26px, 3.5vw, 48px) !important;
text-align: center !important;
width: 100% !important;
margin: 0 !important;
}
.content-top .bm-sec-header__link {
margin-top: 4px !important;
white-space: normal !important;
justify-content: center !important;
}
}
@media (max-width: 767px) {
.content-top .bm-sec-header {
padding-left: 16px !important;
padding-right: 16px !important;
margin-bottom: 20px !important;
}
}
@media (max-width: 576px) {
.content-top .bm-sec-header {
margin-bottom: 20px !important;
padding-left: 10px !important;
padding-right: 10px !important;
gap: 10px !important;
}
.content-top .bm-sec-header__title {
font-size: clamp(24px, 7vw, 32px) !important;
}
}
@media (max-width: 360px) {
.content-top .bm-sec-header__title {
font-size: 24px !important;
}
}
/* ══════════════════════════════════════════
5. Товарный слайдер (latest.332 — .uni-module)
══════════════════════════════════════════ */
main .content-top > .uni-module {
max-width: var(--bm-home-max);
margin-left: auto !important;
margin-right: auto !important;
padding: 0 var(--bm-home-pad);
box-sizing: border-box;
overflow-x: clip;
}
.content-top .uni-module .uni-module__wrapper,
.content-top .uni-module .owl-carousel {
max-width: 100% !important;
}
.content-top .uni-module .owl-stage-outer {
max-width: 100% !important;
overflow-x: hidden !important;
overflow-y: visible !important;
}
.content-top .uni-module .owl-stage,
.content-top .uni-module .owl-item {
overflow: visible !important;
}
/* Карусель на главной: карточка растёт по контенту, CTA не обрезается */
.content-top .uni-module .product-grid .product-thumb.uni-item,
.content-top .uni-module .product-thumb.uni-item {
max-height: none !important;
height: auto !important;
min-height: 0 !important;
display: flex !important;
flex-direction: column !important;
box-sizing: border-box !important;
}
.content-top .uni-module .product-thumb__image {
flex: 0 0 auto !important;
}
.content-top .uni-module .product-thumb__caption {
flex: 1 1 auto !important;
min-height: 0 !important;
padding-bottom: 8px !important;
}
.content-top .uni-module .product-thumb__cart {
flex: 0 0 auto !important;
margin-top: auto !important;
padding: 0 10px 12px !important;
box-sizing: border-box !important;
}
.content-top .uni-module .product-thumb .product-thumb__add-to-cart,
.content-top .uni-module .product-thumb .product-thumb__add-to-cart.btn {
min-height: 44px !important;
}
.content-top .uni-module .owl-dots {
margin-top: 16px !important;
padding-bottom: 6px !important;
}
.content-top .uni-module .uni-module__wrapper {
padding: 0 !important;
}
.content-top .uni-module .product-thumb.uni-item {
margin: 0 8px;
}
.content-top .uni-module .owl-nav button,
.content-top .uni-module .owl-carousel .owl-nav button {
width: 40px !important;
height: 40px !important;
border-radius: 999px !important;
background: var(--color-bg-warm, #f5f1e8) !important;
border: 1px solid var(--color-border, #e6dfd0) !important;
color: var(--color-primary, #14182a) !important;
box-shadow: 0 2px 10px rgba(20, 24, 42, 0.08) !important;
transition: background var(--bm-home-dur) var(--bm-home-ease), border-color var(--bm-home-dur) var(--bm-home-ease) !important;
}
.content-top .uni-module .owl-nav button:hover {
background: rgba(193, 154, 75, 0.12) !important;
border-color: rgba(193, 154, 75, 0.45) !important;
color: var(--color-gold-deep, #8c6a3b) !important;
}
.content-top .uni-module .owl-dots .owl-dot span {
background: rgba(193, 154, 75, 0.25) !important;
}
.content-top .uni-module .owl-dots .owl-dot.active span {
background: var(--color-gold, #c19a4b) !important;
}
.content-top .uni-module .sticker__item.new {
border-radius: 999px !important;
font-size: 10px !important;
font-weight: 600 !important;
padding: 4px 10px !important;
background: var(--color-gold, #c19a4b) !important;
color: var(--color-primary, #14182a) !important;
}
@media (max-width: 991px) {
.content-top .uni-module .sticker__item.new {
font-weight: 400 !important;
color: #ffffff !important;
}
}
@media (max-width: 767px) {
main .content-top > .html-module,
main .content-top > .banner,
main .content-top > .uni-module {
margin-bottom: 44px;
}
main .content-top > .uni-module {
padding: 0 16px;
}
.content-top .uni-module .product-thumb.uni-item {
margin: 0 4px;
}
.content-top .uni-module .owl-nav button,
.content-top .uni-module .owl-carousel .owl-nav button {
width: 36px !important;
height: 36px !important;
}
}
@media (max-width: 576px) {
main .content-top > .uni-module {
padding: 0 10px;
}
.content-top .uni-module .product-thumb.uni-item {
margin: 0 2px;
}
}
@media (max-width: 360px) {
main .content-top > .uni-module {
padding: 0 8px;
}
}
/* ══════════════════════════════════════════
6. Промо «Онлайн ворожіння» (html.350 — .bm-quiet)
══════════════════════════════════════════ */
.content-top .bm-quiet {
margin: 0 !important;
padding: 56px 0 !important;
border-top: 1px solid rgba(230, 223, 208, 0.75) !important;
border-bottom: 1px solid rgba(230, 223, 208, 0.75) !important;
}
.content-top .bm-quiet__inner {
display: grid !important;
grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr) !important;
max-width: var(--bm-home-max) !important;
padding-left: var(--bm-home-pad) !important;
padding-right: var(--bm-home-pad) !important;
gap: 48px !important;
align-items: start !important;
}
.content-top .bm-quiet__visual {
border-radius: var(--bm-home-radius) !important;
box-shadow: 0 20px 48px -20px rgba(20, 24, 42, 0.22) !important;
overflow: hidden !important;
}
.content-top .bm-quiet__visual:has(.bm-quiet__image) {
aspect-ratio: 4 / 3 !important;
max-height: 420px !important;
background: #0f1324 !important;
line-height: 0 !important;
}
.content-top .bm-quiet__image {
width: 100% !important;
height: 100% !important;
max-height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
}
.content-top .bm-quiet__copy {
max-width: 640px;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
min-width: 0 !important;
}
.content-top .bm-quiet__title {
font-size: clamp(30px, 3.8vw, 44px) !important;
line-height: 1.08 !important;
margin-bottom: 16px !important;
}
.content-top .bm-quiet__lede,
.content-top .bm-quiet__seo {
font-size: 15px !important;
line-height: 1.68 !important;
color: var(--color-primary-hover, #1f2540) !important;
max-width: 58ch;
}
.content-top .bm-quiet__cta-row {
gap: 12px !important;
margin-top: 12px !important;
}
.content-top .bm-quiet__cta {
min-height: 48px !important;
padding: 12px 22px !important;
border-radius: 999px !important;
font-size: 12px !important;
}
.content-top .bm-quiet__cta--ghost {
border-color: rgba(20, 24, 42, 0.14) !important;
}
@media (max-width: 991px) {
.content-top .html-module:has(.bm-quiet) {
margin-bottom: 0 !important;
}
.content-top .bm-quiet {
padding: 40px 0 !important;
}
.content-top .bm-quiet__inner {
grid-template-columns: 1fr !important;
gap: 28px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.content-top .bm-quiet__visual {
aspect-ratio: 5 / 4 !important;
max-height: 360px;
}
.content-top .bm-quiet__moon {
width: 90px !important;
height: 90px !important;
}
}
@media (max-width: 767px) {
.content-top .bm-quiet {
padding: 32px 0 !important;
}
.content-top .bm-quiet__inner {
gap: 24px !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
.content-top .bm-quiet__title {
font-size: clamp(28px, 6vw, 40px) !important;
}
.content-top .bm-quiet__lede,
.content-top .bm-quiet__seo {
font-size: 14px !important;
}
}
@media (max-width: 980px) {
.content-top .bm-quiet__inner {
grid-template-columns: 1fr !important;
gap: 24px !important;
}
.content-top .bm-quiet {
padding: 40px 0 !important;
}
}
@media (max-width: 576px) {
.content-top .bm-quiet {
padding: 32px 0 !important;
}
.content-top .bm-quiet__inner {
padding-left: 16px !important;
padding-right: 16px !important;
}
.content-top .bm-quiet__title {
font-size: clamp(26px, 7vw, 34px) !important;
}
.content-top .bm-quiet__cta-row {
flex-direction: column;
align-items: stretch;
}
.content-top .bm-quiet__cta {
justify-content: center;
width: 100%;
}
.content-top .bm-quiet__visual {
aspect-ratio: 4 / 3 !important;
max-height: 280px;
}
}
@media (max-width: 360px) {
.content-top .bm-quiet__inner {
padding-left: 12px !important;
padding-right: 12px !important;
}
.content-top .bm-quiet__title {
font-size: clamp(24px, 7vw, 30px) !important;
}
}
@media (max-width: 991px) {
main .content-top > .html-module,
main .content-top > .banner,
main .content-top > .uni-module {
margin-bottom: 48px;
}
:root {
--bm-home-pad: 20px;
--bm-home-gap-section: 56px;
}
}
@media (max-width: 576px) {
:root {
--bm-home-pad: 10px;
--bm-home-gap-section: 40px;
}
main .content-top > .html-module,
main .content-top > .banner,
main .content-top > .uni-module {
margin-bottom: 36px;
}
}
@media (max-width: 360px) {
:root {
--bm-home-pad: 8px;
}
.content-top .bm-cat {
border-radius: 14px !important;
}
.content-top .bm-cat.with-img {
padding-bottom: 44px !important;
}
.content-top #banner-0 .banner-img > a:first-child {
border-radius: 12px !important;
}
}
/* ══════════════════════════════════════════
7. SEO-блок (html.336 — .news)
══════════════════════════════════════════ */
.content-top .news {
position: relative;
overflow: hidden;
padding: 36px 0 !important;
}
.content-top .news .wrap {
max-width: var(--bm-home-max) !important;
padding-left: var(--bm-home-pad) !important;
padding-right: var(--bm-home-pad) !important;
}
.content-top .news h2 {
font-size: clamp(34px, 4vw, 52px) !important;
line-height: 1.06 !important;
margin-bottom: 12px !important;
}
.content-top .news-copy p {
font-size: 15px !important;
line-height: 1.62 !important;
}
@media (max-width: 991px) {
.content-top .news {
padding: 28px 0 !important;
}
.content-top .news h2 {
font-size: clamp(30px, 5vw, 44px) !important;
}
}
@media (max-width: 767px) {
.content-top .news {
padding: 24px 0 !important;
}
.content-top .news h2 {
font-size: clamp(28px, 6vw, 38px) !important;
}
.content-top .news-copy p {
font-size: 14px !important;
line-height: 1.58 !important;
}
.content-top .news-seo p {
font-size: 13px !important;
}
}
@media (max-width: 576px) {
.content-top .news h2 {
font-size: clamp(26px, 7vw, 34px) !important;
}
}
@media (max-width: 360px) {
.content-top .news {
padding: 20px 0 !important;
}
.content-top .news h2 {
font-size: clamp(24px, 7vw, 30px) !important;
}
}
/* ══════════════════════════════════════════
8. Landscape — компактные HTML-модули и баннеры
Изображения не больше ~40% высоты экрана; текст рядом/под сеткой.
══════════════════════════════════════════ */
@media (orientation: landscape) and (max-height: 860px) and (max-width: 991px) {
main .content-top > .html-module,
main .content-top > .banner,
main .content-top > .uni-module {
margin-bottom: 28px !important;
}
.content-top .bm-hero {
padding: 18px 0 12px !important;
}
.content-top .bm-hero__wrap {
grid-template-columns: minmax(0, 1.1fr) minmax(140px, 32%) !important;
gap: clamp(16px, 2vw, 28px) !important;
align-items: center !important;
}
.content-top .bm-hero__visual {
display: block !important;
min-height: 0 !important;
max-height: min(30vh, 200px) !important;
aspect-ratio: 4 / 3 !important;
order: 0 !important;
}
.content-top .bm-hero__title {
font-size: clamp(22px, 3.5vw, 34px) !important;
margin-bottom: 10px !important;
}
.content-top .bm-hero__lede {
font-size: 14px !important;
margin-bottom: 14px !important;
}
.content-top .bm-hero__meta {
margin-top: 14px !important;
padding-top: 12px !important;
gap: 10px 14px !important;
}
.content-top .bm-hero__meta b {
font-size: clamp(18px, 2.2vw, 24px) !important;
}
.content-top .bm-quiet {
padding: 18px 0 !important;
}
.content-top .bm-quiet__inner {
grid-template-columns: minmax(108px, 28%) minmax(0, 1fr) !important;
gap: clamp(14px, 2vw, 20px) !important;
align-items: start !important;
}
.content-top .bm-quiet__visual,
.content-top .bm-quiet__visual:has(.bm-quiet__image) {
aspect-ratio: 4 / 3 !important;
width: 100% !important;
max-width: 100% !important;
max-height: min(32vh, 180px) !important;
margin: 0 !important;
align-self: start !important;
justify-self: start !important;
}
.content-top .bm-quiet__copy {
max-width: none !important;
min-width: 0 !important;
align-self: start !important;
}
.content-top .bm-quiet__eyebrow {
font-size: 10px !important;
margin-bottom: 4px !important;
}
.content-top .bm-quiet__title,
.content-top .bm-quiet__title[style] {
font-size: clamp(18px, 2.8vw, 26px) !important;
line-height: 1.12 !important;
margin-bottom: 6px !important;
display: block !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
}
.content-top .bm-quiet__lede {
font-size: 12px !important;
line-height: 1.48 !important;
max-width: none !important;
margin-bottom: 8px !important;
display: block !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
}
.content-top .bm-quiet__seo {
display: none !important;
}
.content-top .bm-quiet__cta-row {
flex-direction: row !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-top: 6px !important;
}
.content-top .bm-quiet__cta {
min-height: 38px !important;
padding: 8px 14px !important;
font-size: 11px !important;
}
.content-top .bm-quiet__moon {
width: clamp(48px, 12vw, 72px) !important;
height: clamp(48px, 12vw, 72px) !important;
}
.content-top .bm-quiet__ring--1 {
width: 140px !important;
height: 140px !important;
}
.content-top .bm-quiet__ring--2 {
width: 200px !important;
height: 200px !important;
}
.content-top .bm-quiet__ring--3 {
width: 280px !important;
height: 280px !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__glass {
padding: 12px 12px 40px !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__name {
font-size: clamp(18px, 2.4vw, 24px) !important;
line-height: 1.12 !important;
}
.content-top .news {
padding: 18px 0 !important;
}
.content-top .news .wrap {
max-width: var(--bm-home-max) !important;
}
.content-top .news-copy {
max-width: min(720px, 78%) !important;
}
.content-top .news h2 {
font-size: clamp(22px, 3.2vw, 32px) !important;
margin-bottom: 8px !important;
}
.content-top .news-copy > p {
font-size: 13px !important;
line-height: 1.5 !important;
}
.content-top .news-copy p,
.content-top .news-seo p {
font-size: 13px !important;
line-height: 1.5 !important;
}
.content-top .news-seo {
column-count: 2;
column-gap: 18px;
max-height: min(22vh, 150px) !important;
overflow: hidden !important;
}
.content-top .news-seo p {
break-inside: avoid;
}
.content-top .news-photo {
opacity: 0.14 !important;
}
.content-top .news-shade {
background: linear-gradient(
90deg,
rgba(20, 24, 42, 0.97) 0%,
rgba(20, 24, 42, 0.88) 45%,
rgba(20, 24, 42, 0.55) 100%
) !important;
}
}
@media (orientation: landscape) and (max-height: 520px) and (max-width: 991px) {
.content-top .bm-hero {
padding: 8px 0 6px !important;
}
.content-top .bm-hero__wrap {
gap: 12px !important;
}
.content-top .bm-hero__title {
font-size: clamp(20px, 4vw, 28px) !important;
margin-bottom: 8px !important;
}
.content-top .bm-hero__lede {
font-size: 13px !important;
margin-bottom: 10px !important;
}
.content-top .bm-hero__meta {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
margin-top: 12px !important;
padding-top: 12px !important;
}
.content-top .bm-hero__meta > div {
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
gap: 2px !important;
}
.content-top .bm-hero__meta span {
margin-top: 0 !important;
}
.content-top #banner-0.banner {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 8px !important;
padding: 10px var(--bm-home-pad) 0 !important;
margin-bottom: 18px !important;
align-items: start !important;
}
.content-top #banner-0 .banner-img > a:first-child {
display: block !important;
position: relative !important;
aspect-ratio: 1 / 1 !important;
width: 100% !important;
height: auto !important;
max-height: none !important;
overflow: hidden !important;
}
.content-top #banner-0 .banner-img img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
max-height: none !important;
aspect-ratio: auto !important;
object-fit: cover !important;
object-position: center center !important;
}
.content-top #banner-0 .banner-label {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 1 !important;
font-size: 9px !important;
line-height: 1.28 !important;
padding: 14px 4px 7px !important;
white-space: normal !important;
text-align: center !important;
}
.content-top .bm-cats {
margin-top: 12px !important;
margin-bottom: 20px !important;
}
.content-top .bm-cats__grid {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
align-items: stretch !important;
}
.content-top .bm-cat.feat {
grid-column: 1 !important;
grid-row: span 2 !important;
min-height: 0 !important;
max-height: none !important;
padding: 12px 14px !important;
}
.content-top .bm-cat.feat .bm-cat__bg {
object-fit: cover !important;
object-position: center 32% !important;
}
.content-top .bm-cat.feat .bm-cat__name {
font-size: clamp(16px, 2.6vw, 21px) !important;
margin-top: 4px !important;
line-height: 1.06 !important;
}
.content-top .bm-cat.feat .bm-cat__desc {
display: block !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
font-size: 10px !important;
line-height: 1.38 !important;
margin-top: 4px !important;
position: relative !important;
left: auto !important;
bottom: auto !important;
right: auto !important;
}
.content-top .bm-cat.bm-cat--liquid {
min-height: min(16vh, 68px) !important;
max-height: none !important;
aspect-ratio: auto !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__glass {
padding: 10px 12px 36px !important;
left: 10px !important;
right: 10px !important;
bottom: 10px !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__name {
font-size: clamp(15px, 2.6vw, 19px) !important;
line-height: 1.12 !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__num {
font-size: 9px !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__num svg {
width: 14px !important;
height: 14px !important;
}
.content-top .bm-cat.with-img .bm-cat__thumb {
height: auto !important;
}
.content-top .bm-cat {
min-height: 0 !important;
padding: 12px !important;
}
.content-top .bm-cat__name {
font-size: 16px !important;
}
.content-top .bm-quiet {
padding: 14px 0 18px !important;
}
.content-top .bm-quiet__inner {
grid-template-columns: minmax(96px, 26%) minmax(0, 1fr) !important;
gap: 14px !important;
align-items: start !important;
}
.content-top .bm-quiet__visual,
.content-top .bm-quiet__visual:has(.bm-quiet__image) {
max-width: 100% !important;
max-height: 112px !important;
aspect-ratio: 4 / 3 !important;
align-self: start !important;
}
.content-top .bm-quiet__eyebrow {
font-size: 9px !important;
letter-spacing: 0.14em !important;
margin-bottom: 3px !important;
}
.content-top .bm-quiet__title,
.content-top .bm-quiet__title[style] {
font-size: clamp(15px, 2.8vw, 19px) !important;
margin-bottom: 5px !important;
line-height: 1.12 !important;
display: block !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
}
.content-top .bm-quiet__lede {
font-size: 11px !important;
line-height: 1.42 !important;
margin-bottom: 8px !important;
display: block !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
}
.content-top .bm-quiet__seo {
display: none !important;
}
.content-top .bm-quiet__cta-row {
flex-direction: row !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-top: 4px !important;
}
.content-top .bm-quiet__cta {
min-height: 38px !important;
padding: 8px 14px !important;
font-size: 11px !important;
}
.content-top .news {
padding: 16px 0 !important;
}
.content-top .news-copy {
max-width: 100% !important;
}
.content-top .news h2 {
font-size: clamp(20px, 4vw, 28px) !important;
}
.content-top .news-copy > p:not(.news-seo p) {
font-size: 12px !important;
}
.content-top .news-seo {
display: none !important;
}
main .content-top > .html-module,
main .content-top > .banner,
main .content-top > .uni-module {
margin-bottom: 24px !important;
}
.content-top .bm-sec-header {
margin-top: 0 !important;
margin-bottom: 14px !important;
padding-top: 0 !important;
}
.content-top .bm-sec-header__title {
font-size: clamp(20px, 4vw, 28px) !important;
}
}
@media (orientation: landscape) and (max-height: 860px) and (min-width: 577px) and (max-width: 991px) {
.content-top #banner-0.banner {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 10px !important;
padding-top: 16px !important;
margin-bottom: 24px !important;
align-items: start !important;
}
.content-top #banner-0 .banner-img > a:first-child {
display: block !important;
position: relative !important;
aspect-ratio: 1 / 1 !important;
width: 100% !important;
height: auto !important;
max-height: none !important;
overflow: hidden !important;
}
.content-top #banner-0 .banner-img img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
max-height: none !important;
object-fit: cover !important;
object-position: center center !important;
}
.content-top #banner-0 .banner-label {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 1 !important;
padding: 14px 6px 8px !important;
line-height: 1.28 !important;
white-space: normal !important;
text-align: center !important;
}
}
@media (min-width: 992px) {
.content-top .bm-cats__grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
}
.content-top .bm-cat.feat {
grid-column: span 2 !important;
grid-row: span 2 !important;
min-height: 458px !important;
max-height: none !important;
padding: 32px !important;
}
.content-top .bm-cat.feat .bm-cat__name {
font-size: clamp(32px, 4vw, 46px) !important;
line-height: 1 !important;
margin-top: 14px !important;
max-width: 90% !important;
}
.content-top .bm-cat.feat .bm-cat__desc {
position: absolute !important;
left: 32px !important;
bottom: 32px !important;
right: 90px !important;
font-size: 13.5px !important;
line-height: 1.5 !important;
margin-top: 0 !important;
}
.content-top .bm-cat.feat .bm-cat__go {
position: absolute !important;
right: 0 !important;
bottom: -10px !important;
width: 44px !important;
height: 44px !important;
}
.content-top .bm-cat.bm-cat--liquid {
min-height: 300px !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__glass {
padding: 18px 18px 46px !important;
}
.content-top .bm-cat.bm-cat--liquid .bm-cat__name {
font-size: clamp(24px, 2.5vw, 30px) !important;
}
}
@media (prefers-reduced-motion: reduce) {
.content-top .bm-hero__btn,
.content-top .bm-cat,
.content-top #banner-0 .banner-img > a:first-child,
.content-top .bm-quiet__cta {
transition: none !important;
}
}
/* ===== SOURCE: buddha-catalog-product-ui.css ===== */
/**
* Buddha Mind — каталог, карточки товаров, категория, страница товара.
* Только CSS: без изменения логики корзины, фильтров, кнопок и данных.
*/
:root {
--bm-cpu-radius-card: 16px;
--bm-cpu-radius-img: 14px;
--bm-cpu-gap: 24px;
--bm-cpu-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
--bm-cpu-dur: 0.22s;
}
/* ══════════════════════════════════════════
1. Карточки товаров — общие (каталог + модули)
══════════════════════════════════════════ */
.product-grid .product-thumb.uni-item,
.uni-module .product-grid .product-thumb.uni-item,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb.uni-item {
border-radius: var(--bm-cpu-radius-card) !important;
border: 1px solid rgb(230 223 208 / 0%) !important;
background: var(--color-bg, #fff) !important;
overflow: hidden !important;
transition:
transform var(--bm-cpu-dur) var(--bm-cpu-ease),
box-shadow var(--bm-cpu-dur) var(--bm-cpu-ease),
border-color var(--bm-cpu-dur) var(--bm-cpu-ease) !important;
}
@media (hover: hover) and (pointer: fine) {
.product-grid .product-thumb.uni-item:hover,
.uni-module .product-grid .product-thumb.uni-item:hover {
transform: translateY(-3px) !important;
box-shadow: 0 12px 28px rgba(20, 24, 42, 0.1) !important;
border-color: rgba(193, 154, 75, 0.35) !important;
}
}
/* Image area */
.product-grid .product-thumb__image,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__image,
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__image {
display: flex !important;
align-items: center !important;
justify-content: center !important;
aspect-ratio: 1 / 1 !important;
min-height: 0 !important;
padding: 0 !important;
background: #ffffff !important;
border-bottom: 0 !important;
box-sizing: border-box !important;
position: relative !important;
}
.product-grid .product-thumb__image img {
width: 100% !important;
height: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
border-radius: var(--bm-cpu-radius-img) !important;
}
.product-grid .product-thumb__caption {
padding: 14px 14px 16px !important;
gap: 8px !important;
flex: 1 1 auto !important;
}
/* Категория (карточки, не табличный список): название, артикул, цена по центру */
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__caption {
text-align: center !important;
align-items: center !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .bm-list-name-cell {
width: 100% !important;
text-align: center !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__name,
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__model {
text-align: center !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__price,
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__price.price {
display: flex !important;
justify-content: center !important;
align-items: center !important;
align-self: center !important;
flex-wrap: wrap !important;
gap: 0.35em !important;
text-align: center !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__price .price-old,
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__price .price-new {
display: inline-block !important;
text-align: center !important;
}
/* Название */
.product-grid .product-thumb__name,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__name {
font-family: var(--bm-sans, "Manrope", ui-sans-serif, system-ui, sans-serif) !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 1.4 !important;
color: var(--color-primary, #14182a) !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
min-height: calc(1.4em * 2) !important;
max-height: calc(1.4em * 2) !important;
margin: 0 !important;
}
/* Цена */
.product-grid .product-thumb__price,
.product-grid .product-thumb__price.price,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__price,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__price.price {
font-size: 19px !important;
font-weight: 600 !important;
line-height: 1.2 !important;
color: var(--color-primary, #14182a) !important;
margin: 4px 0 0 !important;
}
.product-grid .product-thumb__price .price-old {
font-size: 13px !important;
font-weight: 400 !important;
color: var(--color-text-muted, #6b6e80) !important;
}
.product-grid .product-thumb__price .price-new {
font-weight: 700 !important;
color: var(--color-sale, #a44a2a) !important;
}
/* Кнопки */
.product-thumb .product-thumb__add-to-cart span {
font-weight: 500 !important;
}
.product-grid .product-thumb__cart {
display: flex !important;
align-items: stretch !important;
gap: 8px !important;
margin-top: 4px !important;
padding-top: 0 !important;
}
/* Категория (сетка): без линии над «Купить», блок цельный */
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__cart,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__cart,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__cart {
border: 0 !important;
border-top: 0 !important;
padding-top: 0 !important;
box-shadow: none !important;
background: transparent !important;
}
.product-grid .product-thumb .product-thumb__add-to-cart,
.product-grid .product-thumb .product-thumb__add-to-cart.btn,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__add-to-cart {
flex: 1 1 auto !important;
height: 42px !important;
min-height: 42px !important;
border-radius: 999px !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
}
.product-grid .product-thumb .product-thumb__quick-order,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__quick-order {
flex: 0 0 40px !important;
width: 40px !important;
min-width: 40px !important;
height: 40px !important;
min-height: 40px !important;
padding: 0 !important;
border-radius: 999px !important;
border: 1px solid var(--color-border, #e6dfd0) !important;
background: var(--color-bg-warm, #f5f1e8) !important;
color: var(--color-gold-deep, #8c6a3b) !important;
}
.product-grid .product-thumb .product-thumb__quick-order:not(.hidden):hover {
border-color: var(--color-gold, #c19a4b) !important;
background: rgba(193, 154, 75, 0.1) !important;
opacity: 1;
}
.product-grid .product-thumb .product-thumb__quick-order i {
font-size: 14px !important;
}
/* Бейдж «Новинка» / стикеры */
.product-grid .product-thumb .sticker__item,
.product-grid .product-thumb .uni-sticker {
border-radius: 999px !important;
font-size: 10px !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
padding: 4px 10px !important;
}
.product-thumb__image {
position: relative;
}
.product-thumb__image .sticker {
position: absolute;
z-index: 6;
top: 8px;
left: 8px;
display: flex;
flex-wrap: wrap;
gap: 4px;
pointer-events: none;
}
.product-thumb .sticker__item.new {
background: var(--color-gold, #c19a4b) !important;
color: var(--color-primary, #14182a) !important;
}
/* ══════════════════════════════════════════
2. Сетка категории — gaps и колонки
══════════════════════════════════════════ */
#product-category .products-block:not(.is-list-table) .product-grid {
row-gap: var(--bm-cpu-gap) !important;
}
@media (min-width: 992px) {
#product-category .products-block:not(.is-list-table) .product-grid {
row-gap: 28px !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#product-category .products-block:not(.is-list-table) .product-grid {
row-gap: 20px !important;
}
}
/* 1 колонка на очень узких экранах */
@media (max-width: 360px) {
#product-category .products-block:not(.is-list-table) .product-grid > [class*="col-"] {
width: 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
float: none !important;
}
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__name {
-webkit-line-clamp: 3 !important;
min-height: calc(1.38em * 2) !important;
max-height: calc(1.38em * 3) !important;
}
}
@media (min-width: 361px) and (max-width: 767px) {
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__name {
-webkit-line-clamp: 2 !important;
font-size: 13px !important;
}
.product-grid .product-thumb__price,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__price {
font-size: 18px !important;
}
.product-grid .product-thumb .product-thumb__add-to-cart,
.product-grid .product-thumb .product-thumb__quick-order {
height: 40px !important;
min-height: 40px !important;
}
.product-grid .product-thumb .product-thumb__quick-order {
flex: 0 0 38px !important;
width: 38px !important;
min-width: 38px !important;
}
}
/* ══════════════════════════════════════════
3. Страница категории — breadcrumbs, toolbar, подкатегории
══════════════════════════════════════════ */
#product-category .breadcrumb-h1 .breadcrumb,
#product-category .bm-category-head .breadcrumb {
font-size: 12px !important;
line-height: 1.45 !important;
color: var(--color-text-muted, #6b6e80) !important;
margin-bottom: 10px !important;
}
#product-category .breadcrumb-h1 .breadcrumb li,
#product-category .bm-category-head .breadcrumb li {
color: inherit;
}
#product-category .breadcrumb-h1 .breadcrumb a {
color: var(--color-text-muted, #6b6e80) !important;
}
#product-category .breadcrumb-h1 .breadcrumb a:hover {
color: var(--color-gold, #c19a4b) !important;
}
#product-category .bm-category-head__row h1 {
font-size: clamp(26px, 3vw, 40px) !important;
line-height: 1.15 !important;
font-family: "Manrope", ui-sans-serif, system-ui, sans-serif !important;
font-weight: 300 !important;
}
#product-category .bm-category-head__row h1::after {
width: 56px !important;
height: 2px !important;
}
#product-category .bm-category-toolbar .sorts-block__limit,
.bm-cat-mobile-bar__select {
cursor: pointer;
min-height: 44px !important;
height: 44px !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
display: flex;
text-align: center;
border-radius: 999px !important;
padding: 0 !important;
font-size: 13px !important;
background: #fff !important;
color: var(--color-primary, #14182a) !important;
flex-direction: row;
justify-content: center;
align-items: center;
border-color: var(--color-border, #e6dfd0) !important;
box-sizing: border-box;
appearance: none;
-webkit-appearance: none;
}
.bm-cat-mobile-bar__btn {
min-height: 44px !important;
height: 44px !important;
border-radius: 999px !important;
background: var(--color-primary, #14182a) !important;
border-color: var(--color-primary, #14182a) !important;
color: var(--color-on-primary, #f5f1e8) !important;
}
.bm-cat-mobile-bar__btn i {
color: inherit !important;
}
.bm-subcat-carousel__name {
font-size: 12px !important;
line-height: 1.35 !important;
color: var(--color-primary, #14182a) !important;
font-family: var(--bm-sans, "Manrope", sans-serif) !important;
}
@media (min-width: 992px) {
.bm-subcat-carousel__img-wrap {
width: 100px !important;
height: 100px !important;
}
}
.bm-subcat-carousel__img-wrap img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
@media (max-width: 767px) {
.bm-subcat-carousel {
padding-left: 12px !important;
padding-right: 12px !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.bm-subcat-carousel::-webkit-scrollbar {
display: none;
}
.bm-subcat-carousel__name {
font-size: 11px !important;
min-height: 2.7em;
}
}
/* ══════════════════════════════════════════
4. Страница товара — layout, gallery, buy block
══════════════════════════════════════════ */
.product-layout__card {
border-radius: var(--bm-cpu-radius-card) !important;
border-color: rgba(230, 223, 208, 0.9) !important;
box-shadow: 0 2px 14px rgba(20, 24, 42, 0.05) !important;
}
.product-layout__title {
line-height: 1.3 !important;
color: var(--color-primary, #14182a) !important;
}
@media (max-width: 767px) {
.product-layout__title {
font-size: clamp(22px, 5.5vw, 26px) !important;
line-height: 1.28 !important;
margin-bottom: 14px !important;
}
.product-layout__card--gallery .product-page__image-main-img {
max-height: min(48vh, 360px) !important;
width: auto !important;
max-width: 100% !important;
margin: 0 auto !important;
display: block !important;
border-radius: var(--bm-cpu-radius-img) !important;
}
.product-layout__card--gallery {
padding: 14px !important;
overflow: hidden;
}
.product-layout__card--gallery .product-page__image-main {
margin-bottom: 10px !important;
overflow: hidden;
}
.product-block--buy .product-page__cart {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
align-items: stretch !important;
}
.product-block--buy .product-page__cart .qty-switch {
flex: 0 0 auto;
}
.product-block--buy .product-page__add-to-cart {
flex: 1 1 calc(100% - 130px) !important;
min-width: 0 !important;
}
.product-block--buy .product-page__quick-order {
flex: 1 1 100% !important;
}
.product-layout__card--tabs .product-page-tabs {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
flex-wrap: nowrap !important;
scrollbar-width: none;
}
.product-layout__card--tabs .product-page-tabs::-webkit-scrollbar {
display: none;
}
.product-layout__card--tabs .product-page-tabs > li {
flex: 0 0 auto;
}
}
@media (min-width: 992px) {
.product-layout__title {
font-size: clamp(24px, 2.4vw, 32px) !important;
}
}
/* Характеристики */
.product-layout__card--summary .product-data__item,
.product-data--summary .product-data__item {
padding: 11px 0 !important;
border-bottom-color: rgba(230, 223, 208, 0.65) !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
.product-layout__card--summary .product-data__item-div:first-child,
.product-data--summary .product-data__item .product-data__item-div:first-child {
color: var(--color-text-muted, #6b6e80) !important;
font-weight: 400 !important;
}
.product-layout__card--summary .product-data__value,
.product-data--summary .product-data__value {
color: var(--color-primary, #14182a) !important;
font-weight: 500 !important;
}
.product-layout__card--summary .product-data__item.stock .product-data__value,
.product-data--summary .product-data__item.stock .product-data__value {
color: var(--color-success, #2d9a56) !important;
font-weight: 600 !important;
}
/* Цена и CTA */
.product-block--buy .product-page__price {
font-weight: 600 !important;
color: var(--color-primary, #14182a) !important;
}
@media (max-width: 767px) {
.product-block--buy .product-page__price {
font-size: clamp(24px, 6.5vw, 28px) !important;
font-weight: 700 !important;
}
}
@media (min-width: 992px) {
.product-block--buy .product-page__price {
font-size: clamp(26px, 2.2vw, 32px) !important;
font-weight: 400 !important;
}
}
.product-block--buy .product-page__cart .qty-switch {
border-radius: 14px !important;
height: 48px !important;
min-height: 48px !important;
border-color: var(--color-border, #e6dfd0) !important;
}
.product-block--buy .product-page__add-to-cart {
height: 50px !important;
min-height: 50px !important;
border-radius: 999px !important;
font-size: 14px !important;
font-weight: 700 !important;
background: var(--color-primary, #14182a) !important;
color: var(--color-on-primary, #f5f1e8) !important;
}
.product-block--buy .product-page__quick-order {
height: 46px !important;
min-height: 46px !important;
border-radius: 14px !important;
border: 1.5px solid var(--color-gold, #c19a4b) !important;
color: var(--color-gold-deep, #8c6a3b) !important;
background: transparent !important;
font-weight: 500 !important;
}
.product-block--buy .product-page__quick-order:hover {
background: rgba(193, 154, 75, 0.08) !important;
}
/* Tabs */
.product-layout__card--tabs .product-page-tabs {
border-bottom: 1px solid rgba(230, 223, 208, 0.8) !important;
gap: 4px;
}
.product-layout__card--tabs .product-page-tabs > li > a {
font-family: var(--bm-sans, "Manrope", sans-serif) !important;
font-size: 14px !important;
font-weight: 500 !important;
color: var(--color-text-muted, #6b6e80) !important;
border-bottom: 2px solid transparent !important;
padding: 14px 16px !important;
transition: color var(--bm-cpu-dur) var(--bm-cpu-ease), border-color var(--bm-cpu-dur) var(--bm-cpu-ease) !important;
}
.product-layout__card--tabs .product-page-tabs > li.active > a,
.product-layout__card--tabs .product-page-tabs > li > a:hover {
color: var(--color-primary, #14182a) !important;
border-bottom-color: var(--color-gold, #c19a4b) !important;
background: transparent !important;
}
.product-layout__card--tabs .tab-content {
padding: 24px 24px 28px !important;
}
.product-layout__card--tabs #tab-description {
font-size: 15px !important;
line-height: 1.75 !important;
color: var(--color-text, #14182a) !important;
}
/* SEO-теги */
.product-tag {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin: 20px 0 8px !important;
padding: 16px 0 0 !important;
border-top: 1px solid rgba(230, 223, 208, 0.7) !important;
max-height: none;
}
.product-tag__item {
display: inline-flex !important;
align-items: center !important;
padding: 6px 12px !important;
font-family: var(--bm-sans, "Manrope", sans-serif) !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 1.3 !important;
color: var(--color-primary, #14182a) !important;
background: var(--color-bg-warm, #f5f1e8) !important;
border: 1px solid rgba(230, 223, 208, 0.9) !important;
border-radius: 999px !important;
text-decoration: none !important;
transition:
background var(--bm-cpu-dur) var(--bm-cpu-ease),
border-color var(--bm-cpu-dur) var(--bm-cpu-ease),
color var(--bm-cpu-dur) var(--bm-cpu-ease) !important;
}
.product-tag__item:hover {
color: var(--color-gold-deep, #8c6a3b) !important;
border-color: rgba(193, 154, 75, 0.45) !important;
background: rgba(193, 154, 75, 0.1) !important;
text-decoration: none !important;
}
/* Похожие товары — наследуют стили product-grid выше */
#product .uni-module .product-grid .product-thumb.uni-item,
.uni-module__wrapper .product-grid .product-thumb.uni-item {
border-radius: var(--bm-cpu-radius-card) !important;
}
@media (prefers-reduced-motion: reduce) {
.product-grid .product-thumb.uni-item,
.product-tag__item,
.product-layout__card--tabs .product-page-tabs > li > a {
transition: none !important;
}
}
/* ══════════════════════════════════════════
UniShop — быстрый заказ: .hidden и «только при наведении»
(наши стили не должны перебивать generated.0.css / настройки темы)
══════════════════════════════════════════ */
.product-thumb .product-thumb__quick-order.hidden,
.uni-module .product-thumb__quick-order.hidden,
.product-grid .product-thumb .product-thumb__quick-order.hidden,
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__quick-order.hidden {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
.product-thumb .product-thumb__quick-order:not(.hidden),
.uni-module .product-thumb__quick-order:not(.hidden),
body .uni-module .product-thumb__quick-order:not(.hidden),
.product-grid .product-thumb .product-thumb__quick-order:not(.hidden),
#product-category .products-block:not(.is-list-table) .product-grid .product-thumb__quick-order:not(.hidden) {
opacity: var(--prod-thumb-quick-order-opacity, 0);
}
.product-thumb:hover .product-thumb__quick-order:not(.hidden),
.uni-module .product-thumb:hover .product-thumb__quick-order:not(.hidden) {
opacity: 1;
}
/* Категория (карточки): без счётчика количества */
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb .qty-switch {
display: none !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__add-to-cart {
flex: 1 1 100% !important;
width: 100% !important;
max-width: 100% !important;
}
/* ══════════════════════════════════════════
Категория: «Купить» выезжает при наведении
══════════════════════════════════════════ */
@media (hover: hover) and (pointer: fine) {
#product-category .products-block:not(.is-list-table) {
overflow: visible !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view),
#product-category .products-block:not(.is-list-table) .product-layout.product-grid {
position: relative !important;
overflow: visible !important;
z-index: 1;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view):hover,
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view):focus-within,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid:hover,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid:focus-within {
z-index: 100 !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item {
position: relative !important;
overflow: visible !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__image,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__image {
border-radius: var(--bm-cpu-radius-card, 16px) var(--bm-cpu-radius-card, 16px) 0 0 !important;
overflow: hidden !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item:hover,
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item:focus-within,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item:hover,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item:focus-within {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__caption,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__caption {
position: static !important;
padding-bottom: 10px !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__price,
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__price.price,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__price,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__price.price {
margin-bottom: 0 !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__cart,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__cart {
position: absolute !important;
left: -1px !important;
right: -1px !important;
top: 100% !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 12px 12px !important;
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
gap: 0 !important;
background: #fff !important;
border: 0 !important;
border-radius: 0 0 var(--bm-cpu-radius-card, 16px) var(--bm-cpu-radius-card, 16px) !important;
box-shadow:
-1px 0 0 0 var(--color-border, #e6dfd0),
1px 0 0 0 var(--color-border, #e6dfd0),
0 1px 0 0 var(--color-border, #e6dfd0),
0 16px 32px -10px rgba(20, 24, 42, 0.2) !important;
opacity: 0 !important;
visibility: hidden !important;
transform: none !important;
pointer-events: none !important;
z-index: 5 !important;
transition:
opacity 0.24s ease,
visibility 0.24s ease !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item:hover .product-thumb__cart,
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item:focus-within .product-thumb__cart,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item:hover .product-thumb__cart,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item:focus-within .product-thumb__cart {
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
pointer-events: auto !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__add-to-cart,
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__add-to-cart.btn,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__add-to-cart,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__add-to-cart.btn {
order: 1 !important;
width: 100% !important;
max-width: 100% !important;
flex: 0 0 auto !important;
margin: 0 !important;
height: 42px !important;
min-height: 42px !important;
border-radius: 999px !important;
font-weight: 500 !important;
box-shadow: none !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__quick-order,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__quick-order {
display: none !important;
}
/* Закладки — правый верхний угол карточки */
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item .product-thumb__wishlist:not(.hidden),
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item .product-thumb__wishlist:not(.hidden) {
position: absolute !important;
top: 12px !important;
right: 12px !important;
z-index: 15 !important;
order: unset !important;
flex: 0 0 auto !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid var(--color-border, #e6dfd0) !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.92) !important;
color: var(--color-text-muted, #6b6e80) !important;
opacity: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 14px !important;
line-height: 1 !important;
box-shadow: 0 2px 8px rgba(20, 24, 42, 0.08) !important;
transition: opacity 0.16s ease, background 0.16s ease, color 0.16s ease, border-color 0.16s ease !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item:hover .product-thumb__wishlist:not(.hidden),
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item:focus-within .product-thumb__wishlist:not(.hidden),
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item:hover .product-thumb__wishlist:not(.hidden),
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item:focus-within .product-thumb__wishlist:not(.hidden),
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item .product-thumb__wishlist.active,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item .product-thumb__wishlist.active {
opacity: 1 !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item .product-thumb__wishlist:not(.hidden)::after,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item .product-thumb__wishlist:not(.hidden)::after {
content: none !important;
display: none !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item .product-thumb__wishlist:not(.hidden):hover,
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item .product-thumb__wishlist:not(.hidden).active,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item .product-thumb__wishlist:not(.hidden):hover,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item .product-thumb__wishlist:not(.hidden).active {
background: var(--color-gold, #c19a4b) !important;
border-color: var(--color-gold, #c19a4b) !important;
color: #fff !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item:hover,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item:hover {
transform: none !important;
}
}
/* Категория (сетка): на тач — панель без выезда, колонкой под ценой */
@media (hover: none), (pointer: coarse), (max-width: 991px) {
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__caption,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__caption {
padding-bottom: 0 !important;
flex: 0 1 auto !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__cart,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__cart {
position: static !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
pointer-events: auto !important;
margin-top: 4px !important;
padding: 0 10px 10px !important;
border: 0 !important;
border-top: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
flex-direction: column !important;
gap: 0 !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__add-to-cart,
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__add-to-cart.btn {
width: 100% !important;
border-radius: 999px !important;
font-weight: 500 !important;
box-shadow: none !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item .product-thumb__wishlist:not(.hidden),
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item .product-thumb__wishlist:not(.hidden) {
position: absolute !important;
top: 12px !important;
right: 12px !important;
z-index: 15 !important;
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
min-height: 36px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid var(--color-border, #e6dfd0) !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.92) !important;
color: var(--color-text-muted, #6b6e80) !important;
opacity: 1 !important;
pointer-events: auto !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 2px 8px rgba(20, 24, 42, 0.08) !important;
}
}
/* ══════════════════════════════════════════
Категория (сетка): цельная карточка + фото на весь квадрат
══════════════════════════════════════════ */
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item {
display: flex !important;
flex-direction: column !important;
height: auto !important;
}
@media (hover: none), (pointer: coarse), (max-width: 991px) {
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item {
overflow: hidden !important;
height: auto !important;
}
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__image,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__image {
display: block !important;
flex: 0 0 auto !important;
width: 100% !important;
overflow: hidden !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__image > a,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__image > a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__image .sticker,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__image .sticker {
position: absolute !important;
z-index: 6 !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__caption,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__caption {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
padding-bottom: 0 !important;
gap: 6px !important;
}
@media (hover: none), (pointer: coarse), (max-width: 991px) {
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__caption,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__caption {
flex: 0 1 auto !important;
}
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb__cart,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb__cart {
margin-top: 4px !important;
padding: 0 10px 10px !important;
width: 100% !important;
box-sizing: border-box !important;
}
}
@media (hover: hover) and (pointer: fine) {
#product-category .products-block:not(.is-list-table) .product-layout:not(.list-view) .product-thumb.uni-item,
#product-category .products-block:not(.is-list-table) .product-layout.product-grid .product-thumb.uni-item {
overflow: visible !important;
}
}
/* Рейтинг: звёзды в карточке категории и на странице товара */
.product-thumb__rating,
.product-layout__rating .product-page__rating,
.product-layout__rating .rating-model__rating {
display: inline-flex !important;
align-items: center;
flex-wrap: wrap;
gap: 2px;
margin: 4px 0 8px;
line-height: 1;
cursor: pointer;
}
.product-thumb__rating .fa-star,
.product-layout__rating .fa-star {
font-size: 13px;
color: var(--bm-gold, #c4a35a);
}
.product-thumb__rating-text {
margin-left: 6px;
font-size: 12px;
font-weight: 400;
color: var(--bm-muted, #7a858f);
white-space: nowrap;
}
#product-category .product-grid .product-thumb__rating {
min-height: 18px;
}
#product .product-layout__rating {
margin: 0 0 12px;
}
#product .product-layout__rating .product-page__rating {
margin: 0;
}
/* ══════════════════════════════════════════
Mobile audit — страница товара
══════════════════════════════════════════ */
@media (max-width: 991px) {
#product.uni-wrapper,
#product .product-page.product-layout {
padding-left: 0 !important;
padding-right: 0 !important;
}
#product .product-layout__card {
border-radius: 14px !important;
box-sizing: border-box !important;
}
#product .product-layout__card--gallery {
padding: 12px !important;
margin-bottom: 12px !important;
}
#product .product-block--buy .product-page__cart {
width: 100% !important;
box-sizing: border-box !important;
}
#product .uni-module .owl-stage-outer {
overflow-x: hidden !important;
overflow-y: visible !important;
}
#product .uni-module .product-grid .product-thumb.uni-item,
#product .uni-module .product-thumb.uni-item {
max-height: none !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
}
#product .uni-module .product-thumb__cart {
flex: 0 0 auto !important;
margin-top: auto !important;
padding: 0 10px 12px !important;
box-sizing: border-box !important;
}
}
@media (max-width: 576px) {
#product .product-layout__card--gallery,
#product .product-layout__card--summary,
#product .product-layout__card--tabs {
border-radius: 12px !important;
}
#product .product-layout__card--tabs .tab-content {
padding: 12px !important;
}
}
/* ===== mobile overrides (keep last in bundle) ===== */
/**
* Buddha Mind — mobile overrides (keep last in bundle).
* Главная: buddha-home-ui.css. Здесь — глобальные mobile-патчи вне homepage.
*/
@media (max-width: 991px) {
html,
body {
overflow-x: clip;
}
main {
overflow-x: clip;
max-width: 100%;
}
body .uni-module .product-thumb,
body .uni-module .product-thumb.uni-item,
body .product-thumb.uni-item {
max-height: none !important;
height: auto !important;
}
.product-thumb__caption {
gap: 2px !important;
padding: 0 10px 5px !important;
}
.product-thumb .product-thumb__add-to-cart span {
font-weight: 300 !important;
}
.bm-subcat-carousel__img-wrap {
width: 80px !important;
height: 80px !important;
}
.bm-header-bar__menu-slot .menu-open {
border: none !important;
}
.bm-cat-nav {
position: relative;
}
.bm-cat-nav::after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 32px;
height: 100%;
pointer-events: none;
background: linear-gradient(90deg, transparent, var(--bm-ink, #14182a) 88%);
z-index: 2;
}
.menu-wrapper:not(.show) {
box-shadow: none !important;
}
.menu-wrapper.show {
box-shadow: 8px 0 40px rgba(0, 0, 0, 0.35) !important;
}
.bm-cart-drawer:not(.is-open) {
box-shadow: none !important;
}
.bm-cart-drawer.is-open {
box-shadow: -8px 0 40px rgba(0, 0, 0, 0.35) !important;
}
.bm-cart-drawer__body .header-cart__totals {
padding: 16px 16px 18px 18px !important;
}
.bm-header-bar__search-btn,
header .bm-header-bar .header-cart__btn {
background: #ffffff !important;
color: #fff !important;
box-shadow: none !important;
}
header .bm-header-bar .header-cart__btn::before,
header .bm-header-bar .header-cart__btn::after {
display: none !important;
content: none !important;
}
}
@media (max-width: 767px) {
.container,
#product-category.container,
.uni-wrapper,
#product.uni-wrapper,
main > .container,
#content.col-sm-12 {
max-width: 100% !important;
box-sizing: border-box;
}
main > .container,
#content.col-sm-12,
#product-category.container {
padding-left: 12px !important;
padding-right: 12px !important;
}
#product.uni-wrapper,
.product-page.product-layout {
overflow-x: clip;
}
.bm-cart-drawer__body .header-cart__totals {
padding: 16px 16px 18px 18px !important;
}
}
@media (max-width: 576px) {
main > .container,
#content.col-sm-12,
#product-category.container {
padding-left: 10px !important;
padding-right: 10px !important;
}
.bm-cart-drawer__body .header-cart__totals {
padding: 16px 16px 18px 18px !important;
}
}
@media (max-width: 360px) {
main > .container,
#content.col-sm-12,
#product-category.container {
padding-left: 8px !important;
padding-right: 8px !important;
}
.bm-cart-drawer__body .header-cart__totals {
padding: 14px 12px 16px 14px !important;
}
}
@media (orientation: landscape) and (max-height: 520px) {
.fly-block {
right: 8px !important;
bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
}
}