/* ===== BELLINI DESIGN SYSTEM — общая шапка/меню/футер для всех страниц ===== */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap');

:root{
  --bl-cream:#f7ede7; --bl-cream2:#f3e4dc; --bl-bg:#faf2ee;
  --bl-burgundy:#4a1420; --bl-peach:#e6a988; --bl-peach-l:#f0d3c1;
  --bl-ink:#2b2226; --bl-muted:#8a7d80; --bl-line:#e7d8d0; --bl-footer:#5b6570;
  --bl-serif:'Cormorant Garamond',Georgia,serif; --bl-sans:'Jost',-apple-system,Segoe UI,sans-serif;
}

/* прячем старую шапку/футер шаблона */
.bl-hide{display:none !important;}

/* ===== HEADER ===== */
.bl-topbar{background:var(--bl-cream);border-bottom:1px solid var(--bl-line);position:relative;font-family:var(--bl-sans);z-index:1000}
.bl-wrap{max-width:1360px;margin:0 auto;padding:0 40px}
.bl-hdr{display:flex;align-items:center;justify-content:space-between;height:84px;position:relative}
.bl-nav{display:flex;gap:34px;font-size:15px;letter-spacing:.3px;font-weight:300}
.bl-nav>a,.bl-mega-trigger{color:var(--bl-ink);opacity:.85;padding:6px 0;text-decoration:none;background:none;border:none;cursor:pointer;font-family:var(--bl-sans);font-size:15px}
.bl-nav>a:hover,.bl-mega-trigger:hover{opacity:1}
.bl-logo{position:absolute;left:50%;transform:translateX(-50%);text-align:center}
.bl-logo img{height:46px;width:auto}
.bl-ico{display:flex;gap:22px;align-items:center}
.bl-ico a{opacity:.8}
.bl-ico svg{width:22px;height:22px;stroke:var(--bl-ink);fill:none;stroke-width:1.4}
.bl-cart{position:relative}
.bl-cart b{position:absolute;top:-6px;right:-8px;background:var(--bl-burgundy);color:#fff;font-size:10px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-weight:400}
/* MEGA */
.bl-has-mega{position:static}
.bl-mega-trigger{display:inline-flex;align-items:center;gap:6px}
.bl-mega-trigger .chev{font-size:10px;transition:transform .3s}
.bl-mega{position:absolute;left:0;right:0;top:84px;background:var(--bl-burgundy);color:#f2e5e0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .28s;z-index:900;box-shadow:0 20px 40px rgba(0,0,0,.25)}
.bl-has-mega:hover .bl-mega{opacity:1;visibility:visible;transform:translateY(0)}
.bl-has-mega:hover .bl-mega-trigger .chev{transform:rotate(180deg)}
.bl-mega-inner{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:50px;padding:44px 40px;max-width:1360px;margin:0 auto}
.bl-mega-col{display:flex;flex-direction:column;gap:16px}
.bl-mega-item{font-family:var(--bl-sans);font-size:15px;font-weight:300;letter-spacing:.4px;color:#f0e2dc;display:flex;justify-content:space-between;align-items:center;max-width:230px;text-decoration:none;transition:color .2s}
.bl-mega-item:hover{color:#fff}
.bl-mega-item.lead{font-weight:400;color:#fff}
.bl-mega-item i{font-style:normal;opacity:.6;font-size:16px}
.bl-mega-pic{overflow:hidden;border-radius:2px;height:280px}
.bl-mega-pic img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.bl-mega-pic:hover img{transform:scale(1.05)}

/* ===== FOOTER ===== */
.bl-footer{background:var(--bl-footer);color:#e8e6e4;font-family:var(--bl-sans);font-weight:300}
.bl-foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:40px;padding:64px 40px 48px;max-width:1360px;margin:0 auto}
.bl-foot h4{font-family:var(--bl-serif);font-size:24px;font-weight:400;margin-bottom:20px;color:#fff}
.bl-foot ul{list-style:none;padding:0;margin:0}
.bl-foot li{margin-bottom:11px;font-size:14px;opacity:.85}
.bl-foot li a{color:inherit;text-decoration:none}
.bl-foot li a:hover{text-decoration:underline}
.bl-sub p{font-size:14px;opacity:.85;margin-bottom:16px;line-height:1.6}
.bl-sub .row{display:flex;max-width:300px}
.bl-sub input{flex:1;padding:12px 14px;border:none;background:#fff;color:#333;font-family:var(--bl-sans);font-size:14px}
.bl-sub button{background:var(--bl-peach);border:none;padding:0 22px;color:#3a2a20;font-weight:500;cursor:pointer;font-family:var(--bl-sans);letter-spacing:.5px}
.bl-region{font-size:13px;opacity:.8}
.bl-region .sel{margin-top:8px;border:1px solid rgba(255,255,255,.35);padding:8px 12px;font-size:13px;display:inline-block}
.bl-foot-logo{height:48px;opacity:.92;margin-top:40px}
.bl-copyr{text-align:center;padding:22px;font-size:12px;opacity:.6;border-top:1px solid rgba(255,255,255,.12);font-family:var(--bl-sans)}

@media(max-width:1000px){
  .bl-mega-inner{grid-template-columns:1fr 1fr;gap:30px}
  .bl-mega-pic{display:none}
  .bl-foot{grid-template-columns:1fr 1fr;gap:30px}
  .bl-logo{position:static;transform:none}
  .bl-hdr{height:auto;flex-wrap:wrap;gap:12px;padding:12px 0}
}
@media(max-width:600px){.bl-wrap{padding:0 20px}.bl-nav{gap:18px;font-size:13px}}

/* ===== ПЕРЕОПРЕДЕЛЕНИЕ АКЦЕНТНЫХ ЦВЕТОВ ШАБЛОНА -> Bellini (все страницы) ===== */
.theme-color2 .btn-solid,
.btn-solid, .danger-button, .theme-color .btn-solid,
button.btn-normal, .btn-rounded, .login-box .btn, .authincation .btn,
.theme-color2 .btn-normal {
  background: var(--bl-burgundy) !important;
  border-color: var(--bl-burgundy) !important;
  color: #fff !important;
}
.btn-solid:hover, .danger-button:hover { background:#3a0f18 !important; }
a.text-theme, .text-theme, .theme-color, h2.text-theme,
.login-box h3, .authincation h3, .authincation-3 h3 { color: var(--bl-burgundy) !important; }
/* ссылки-акценты */
a:hover.text-theme { color:#3a0f18 !important; }
/* заголовки страниц серифом */
.title-1 h2, .page-title h2, .breadcrumb-section h2 { font-family: var(--bl-serif) !important; }

/* auth-кнопки конкретных классов шаблона */
.dark-buttton, .button.login, a.button, .rtl-button, .btn.btn-sm.dark-buttton {
  background: var(--bl-burgundy) !important; border-color: var(--bl-burgundy) !important; color:#fff !important;
}
.dark-buttton:hover, .button.login:hover { background:#3a0f18 !important; }
.login-title, h2.login-title, .login-section h2 { color: var(--bl-burgundy) !important; font-family: var(--bl-serif) !important; }

/* корзина/чекаут кнопки шаблона -> Bellini */
.btn-solid-default, .checkout-button, .checkout-button .btn, a.checkout-button,
.btn.btn-solid-default, .cart-checkout-section .btn {
  background: var(--bl-burgundy) !important; border-color: var(--bl-burgundy) !important; color:#fff !important;
}
.btn-solid-default:hover, .checkout-button:hover { background:#3a0f18 !important; }
