: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;
}
}
/* Картка товару: без «склеєної» смуги 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:
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;
}
.subscribe::before,
.subscribe::after,
footer.footer::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
}
.subscribe::before,
footer.footer::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:
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_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,
footer.footer::before {
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;
}
body:has(.menu-wrapper.show) header .container.bm-header-shell {
z-index: 1080 !important;
}
body:has(.menu-wrapper.show) header .bm-cat-nav {
z-index: 1 !important;
}
body:has(.menu-wrapper.show) .menu-wrapper,
body:has(.menu-wrapper.show) .menu-wrapper.new {
z-index: 1070 !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;
text-align: left !important;
}
.product-thumb__price,
.product-thumb__price.price {
margin: 2px 0 0 !important;
padding: 0 !important;
text-align: left !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: 10px 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;
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,
body .uni-module .product-thumb__quick-order {
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: 10px !important;
padding-top: 10px !important;
border-top: 1px solid var(--bm-line) !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-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__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;
}
}