@font-face{font-family:'Manrope';src:url('/fonts/manrope.woff2') format('woff2');font-weight:100 900;font-display:swap;}
@font-face{font-family:'Playfair Display';src:url('/fonts/playfair-display.woff2') format('woff2');font-weight:400 900;font-display:swap;}


/* BREADCRUMBS */
.breadcrumbs {
    padding: 14px 0;
    background: rgba(0,0,0,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.06);
    position: relative;
    z-index: 10;
}
.breadcrumbs-inner {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.82rem;
    color: rgba(255,255,255,0.5);
    flex-wrap: wrap;
}
.breadcrumbs-inner a {
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    transition: color 0.2s;
}
.breadcrumbs-inner a:hover { color: #D4AF37; }
.breadcrumbs-inner span { color: rgba(255,255,255,0.3); }

.breadcrumbs-inner span{color:rgba(255,255,255,.3);}

:root {
    /* Blog page variables */
    --primary: #42C4C1;
    --gold: #D4AF37;
    --gold-bright: #FFD700;
    --accent: #B89B72;
    --dark-red: #8B0000;
    --black-feather: #0a0a0a;
    --bg-dark: #0a0a0f;
    --bg-dark-lighter: #111118;
    --white: #FFFFFF;
    --text: #ffffff;
    --text-soft: rgba(255,255,255,0.65);
    --green: #7BBF6A;
    --orange: #F39221;
    --border: rgba(66,196,193,0.2);
    --border-gold: rgba(212,175,55,0.22);
    --shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
    --shadow-hover: 0 35px 60px -15px rgba(212,175,55,0.25);
    --transition: all 0.4s cubic-bezier(0.4,0,0.2,1);
    /* Blog-specific vars */
    --g: #D4AF37;
    --g2: #b8960a;
    --gb: #FFD700;
    --t: #42C4C1;
    --t2: #35a09e;
    --bg: #0a0a0f;
    --bg2: #111118;
    --bc: rgba(255,255,255,0.038);
    --bch: rgba(255,255,255,0.065);
    --br: rgba(255,255,255,0.08);
    --brg: rgba(212,175,55,0.22);
    --brt: rgba(66,196,193,0.22);
    --tx: #fff;
    --txs: rgba(255,255,255,0.65);
    --txm: rgba(255,255,255,0.38);
    --sh: 0 20px 50px rgba(0,0,0,0.4);
    --shg: 0 15px 40px rgba(212,175,55,0.18);
    --tr: all 0.32s cubic-bezier(0.4,0,0.2,1);
}

body {
    background: #0a0a0f;
    color: #fff;
    font-family: 'Manrope', system-ui, sans-serif;
    line-height: 1.6;
    padding-top: 74px; /* компенсация fixed header */
}

header {
            position: fixed; 
            top: 0; 
            width: 100%; 
            z-index: 2000;
            background: rgba(10, 10, 10, 0.95); 
            backdrop-filter: blur(25px);
            -webkit-backdrop-filter: blur(25px);
            border-bottom: 1px solid var(--border); 
            padding: 12px 0;
            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.5);
        }
.dropdown {
            position: absolute; 
            top: 100%;
            left: 0;
            width: 240px;
            background: rgba(26, 21, 21, 0.98);
            backdrop-filter: blur(20px);
            border-radius: 12px; 
            padding: 15px 0; 
            opacity: 0; 
            visibility: hidden;
            transform: translateY(10px);
            transition: var(--transition);
            border: 1px solid var(--border); 
            box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        }
.dropdown a:hover { 
            color: var(--primary); 
            background: rgba(220, 20, 60, 0.1);
        }
.soc-group a {
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: rgba(220, 20, 60, 0.1);
            border: 1px solid var(--border);
            transition: var(--transition);
        }
.soc-group a:hover {
            background: var(--primary);
            border-color: var(--primary);
            transform: translateY(-3px);
            box-shadow: 0 5px 20px rgba(220, 20, 60, 0.4);
        }
.btn-consult { 
            text-transform: uppercase;
            background: linear-gradient(135deg, var(--primary) 0%, var(--dark-red) 100%);
            color: white; 
            padding: 10px 22px;
            border-radius: 8px;
            font-weight: 800; 
            font-size: 0.75rem;
            border: none; 
            cursor: pointer;
            transition: var(--transition);
            box-shadow: 0 5px 15px rgba(220, 20, 60, 0.3);
        }
.btn-consult:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(220, 20, 60, 0.5);
        }


/* ============================================================
   11_blog.css — ZOOEXO Blog
   Dark luxury · Gold #D4AF37 + Teal #42C4C1
   ============================================================ */
:root{
  --g:#D4AF37;--g2:#b8960a;--gb:#FFD700;
  --t:#42C4C1;--t2:#35a09e;
  --bg:#0a0a0f;--bg2:#111118;--bg3:#18181f;
  --bc:rgba(255,255,255,.038);--bch:rgba(255,255,255,.065);
  --br:rgba(255,255,255,.08);--brg:rgba(212,175,55,.22);--brt:rgba(66,196,193,.22);
  --tx:#fff;--txs:rgba(255,255,255,.65);--txm:rgba(255,255,255,.38);
  --sh:0 20px 50px rgba(0,0,0,.4);--shg:0 15px 40px rgba(212,175,55,.18);
  --tr:all .32s cubic-bezier(.4,0,.2,1);
}

/* ============================================================ HERO */
.blog-hero{
  position:relative;min-height:68vh;display:flex;align-items:center;
  padding:130px 0 75px;overflow:hidden;
  background:radial-gradient(ellipse 80% 55% at 50% 0%,rgba(212,175,55,.11) 0%,transparent 65%),
             radial-gradient(ellipse 55% 45% at 85% 100%,rgba(66,196,193,.07) 0%,transparent 60%),
             linear-gradient(180deg,#0a0a0f 0%,#12110a 55%,#0a0a0f 100%);
}
.blog-hero-particles{position:absolute;inset:0;pointer-events:none;}
.bhp{position:absolute;border-radius:50%;opacity:.14;animation:bhpf 20s ease-in-out infinite;}
.bhp:nth-child(1){width:320px;height:320px;background:radial-gradient(circle,var(--g),transparent 70%);top:-90px;left:-90px;animation-delay:0s;}
.bhp:nth-child(2){width:200px;height:200px;background:radial-gradient(circle,var(--t),transparent 70%);top:18%;right:-55px;animation-delay:5s;}
.bhp:nth-child(3){width:140px;height:140px;background:radial-gradient(circle,var(--g),transparent 70%);bottom:12%;left:32%;animation-delay:10s;}
.bhp:nth-child(4){width:110px;height:110px;background:radial-gradient(circle,var(--t),transparent 70%);bottom:-30px;right:22%;animation-delay:3s;}
.bhp:nth-child(5){width:80px;height:80px;background:radial-gradient(circle,var(--gb),transparent 70%);top:48%;left:8%;animation-delay:7s;}
@keyframes bhpf{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(28px,-28px) scale(1.14);}66%{transform:translate(-18px,18px) scale(.88);}}
.blog-hero-inner{position:relative;z-index:2;text-align:center;max-width:850px;margin:0 auto;}
.blog-hero-badge{
  display:inline-flex;align-items:center;gap:9px;margin-bottom:26px;
  background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(66,196,193,.1));
  border:1px solid var(--brg);border-radius:50px;padding:9px 24px;
  font-size:.75rem;font-weight:800;color:var(--g);letter-spacing:1.8px;text-transform:uppercase;
  animation:bpulse 4s ease-in-out infinite;
}
@keyframes bpulse{0%,100%{box-shadow:0 0 0 0 rgba(212,175,55,0);}50%{box-shadow:0 0 22px 4px rgba(212,175,55,.2);}}
.blog-hero-title{
  font-family:'Manrope',sans-serif;
  font-size:clamp(3rem,8vw,5.8rem);font-weight:800;
  line-height:1.05;
  letter-spacing:-1px;line-height:1.05;
  color:var(--tx);margin-bottom:20px;letter-spacing:-1px;
}
.blog-hero-accent{
  background:linear-gradient(135deg,var(--gb) 0%,var(--g) 45%,var(--t) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  background-size:200%;animation:bga 6s ease infinite;
}
@keyframes bga{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
.blog-hero-sub{font-size:clamp(1rem,2vw,1.2rem);color:var(--txs);line-height:1.75;max-width:660px;margin:0 auto 32px;}

/* Счётчики */
.blog-hero-counters{
  display:flex;align-items:center;justify-content:center;gap:0;
  margin:0 auto 36px;padding:16px 32px;
  background:rgba(255,255,255,.04);border:1px solid var(--br);
  border-radius:50px;width:fit-content;
}
.bhc{text-align:center;padding:0 24px;}
.bhc-num{display:block;font-size:1.7rem;font-weight:900;
  font-family:'Manrope',sans-serif;color:var(--g);line-height:1;margin-bottom:3px;}
.bhc-lbl{font-size:.68rem;color:var(--txm);text-transform:uppercase;letter-spacing:1px;font-weight:700;}
.bhc-sep{width:1px;height:36px;background:var(--br);}

/* Поиск */
.blog-search-box{max-width:620px;margin:0 auto;}
.blog-search-row{
  display:flex;align-items:center;gap:10px;padding:6px 6px 6px 20px;
  background:rgba(255,255,255,.06);border:1px solid var(--brg);border-radius:50px;
  margin-bottom:14px;transition:var(--tr);
}
.blog-search-row:focus-within{border-color:var(--g);background:rgba(255,255,255,.09);box-shadow:0 0 0 3px rgba(212,175,55,.11);}
.bsi{font-size:1rem;flex-shrink:0;}
.blog-search-inp{flex:1;
  font-family:'Manrope',sans-serif;background:none;border:none;outline:none;color:var(--tx);font-size:.95rem;font-family:'Manrope',sans-serif;}
.blog-search-inp::placeholder{color:var(--txm);}
.blog-search-go{padding:11px 26px;background:linear-gradient(135deg,var(--g),var(--g2));color:#000;border:none;border-radius:50px;font-size:.85rem;font-weight:800;
  font-family:'Manrope',sans-serif;cursor:pointer;transition:var(--tr);white-space:nowrap;}
.blog-search-go:hover{transform:scale(1.04);box-shadow:0 5px 18px rgba(212,175,55,.35);}
.blog-search-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;}
.bst-label{font-size:.75rem;color:var(--txm);}
.bst{background:rgba(255,255,255,.05);border:1px solid var(--br);border-radius:20px;padding:4px 12px;color:var(--txs);font-size:.76rem;cursor:pointer;transition:var(--tr);}
.bst:hover{background:rgba(212,175,55,.1);border-color:var(--brg);color:var(--g);}

/* ============================================================ FEATURED */
.blog-featured-section{padding:55px 0;background:var(--bg2);}
.blog-featured{
  display:grid;grid-template-columns:1.1fr 1fr;border-radius:28px;overflow:hidden;
  background:var(--bc);border:1px solid var(--brg);cursor:pointer;transition:var(--tr);box-shadow:var(--sh);
}
.blog-featured:hover{border-color:var(--g);transform:translateY(-5px);box-shadow:var(--shg);}
.blog-feat-img{position:relative;overflow:hidden;min-height:400px;}
.blog-feat-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;}
.blog-featured:hover .blog-feat-img img{transform:scale(1.06);}
.blog-feat-cat{position:absolute;top:18px;left:18px;background:rgba(0,0,0,.78);backdrop-filter:blur(7px);border:1px solid var(--brg);border-radius:20px;padding:5px 12px;font-size:.72rem;font-weight:700;color:var(--g);}
.blog-feat-hot{position:absolute;top:18px;right:18px;background:linear-gradient(135deg,#FFD700,#8B0000);border-radius:20px;padding:5px 12px;font-size:.72rem;font-weight:800;color:#fff;}
.blog-feat-body{padding:45px 42px;display:flex;flex-direction:column;justify-content:center;gap:16px;}
.blog-feat-meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.bfm-author{font-size:.75rem;color:var(--g);font-weight:700;}
.bfm-date,.bfm-read,.bfm-views{font-size:.73rem;color:var(--txm);font-weight:600;}
.blog-feat-title{font-family:'Manrope',sans-serif;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;color:var(--tx);line-height:1.3;margin:0;}
.blog-feat-excerpt{font-size:.95rem;
  line-height:1.8;color:var(--txs);line-height:1.75;margin:0;}
.blog-feat-tags{display:flex;gap:7px;flex-wrap:wrap;}
.btag{display:inline-block;background:rgba(66,196,193,.1);border:1px solid var(--brt);border-radius:20px;padding:4px 11px;font-size:.72rem;font-weight:700;color:var(--t);text-decoration:none;transition:var(--tr);}
.btag:hover{background:rgba(66,196,193,.2);border-color:var(--t);}
.blog-feat-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 28px;background:linear-gradient(135deg,var(--g),var(--g2));color:#000;border-radius:50px;font-weight:800;font-size:.88rem;text-decoration:none;text-transform:uppercase;letter-spacing:.5px;transition:var(--tr);width:fit-content;}
.blog-feat-btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(212,175,55,.38);}
.blog-feat-btn span{transition:transform .25s;}
.blog-feat-btn:hover span{transform:translateX(4px);}

/* ============================================================ MAIN */
.blog-main{padding:65px 0;background:var(--bg);}
.blog-layout{display:grid;grid-template-columns:1fr 320px;gap:44px;align-items:start;}
.blog-col-articles{min-width:0;}

/* ============================================================ ФИЛЬТРЫ */
.blog-filters{margin-bottom:32px;}

/* Категории */
.blog-cats-wrap{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.bcat{
  display:flex;align-items:center;gap:7px;
  font-family:'Manrope',sans-serif;padding:10px 20px;
  background:var(--bc);border:1px solid var(--br);border-radius:50px;
  color:var(--txs);font-size:.84rem;font-weight:700;cursor:pointer;
  transition:var(--tr);white-space:nowrap;
}
.bcat:hover{background:rgba(212,175,55,.09);border-color:var(--brg);color:var(--g);transform:translateY(-2px);}
.bcat.active{background:linear-gradient(135deg,rgba(212,175,55,.18),rgba(212,175,55,.08));border-color:var(--g);color:var(--g);box-shadow:0 4px 18px rgba(212,175,55,.18);}
.bcat span{font-size:1rem;}

/* Умные фильтры */
.blog-smart-wrap{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px;padding:14px 0;border-top:1px solid var(--br);border-bottom:1px solid var(--br);}
.bsmart{
  padding:7px 16px;background:rgba(255,255,255,.04);border:1px solid var(--br);
  border-radius:20px;color:var(--txs);font-size:.78rem;font-weight:600;
  cursor:pointer;transition:var(--tr);white-space:nowrap;
}
.bsmart:hover{background:rgba(66,196,193,.1);border-color:var(--brt);color:var(--t);}
.bsmart.active{background:rgba(66,196,193,.14);border-color:var(--t);color:var(--t);font-weight:800;}

/* Сортировка + счётчик */
.blog-sort-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap;}
.blog-count-txt{font-size:.8rem;color:var(--txm);}
.blog-sort-sel{background:#1a1a22;border:1px solid rgba(255,255,255,0.12);border-radius:10px;padding:8px 14px;color:var(--txs);font-size:.82rem;
  font-family:'Manrope',sans-serif;font-family:'Manrope',sans-serif;cursor:pointer;outline:none;transition:var(--tr);}
.blog-sort-sel:hover{border-color:var(--brg);color:var(--tx);}

/* ============================================================ КАРТОЧКИ */
.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
@media(min-width:1200px){.blog-grid{grid-template-columns:repeat(3,1fr);}}

.bc{
  background:var(--bc);border:1px solid var(--br);border-radius:20px;
  overflow:hidden;display:flex;flex-direction:column;
  opacity:0;transform:translateY(18px);
  transition:border-color .32s,box-shadow .32s,background .32s,transform .32s;
}
.bc.bc-show{opacity:1;transform:translateY(0);}
.bc:hover{border-color:var(--brg);background:var(--bch);transform:translateY(-5px);box-shadow:var(--shg);}

.bc-img-wrap{position:relative;overflow:hidden;aspect-ratio:16/10;}
.bc-img-link{display:block;}
.bc-img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.bc:hover .bc-img{transform:scale(1.07);}

.bc-cat-b{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.8);backdrop-filter:blur(6px);border:1px solid var(--brg);border-radius:20px;padding:4px 11px;font-size:.7rem;font-weight:700;color:var(--g);display:flex;align-items:center;gap:5px;}
.bc-hot-b{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#FFD700,#8B0000);border-radius:16px;padding:4px 11px;font-size:.68rem;font-weight:800;color:#fff;}
.bc-beg-b{position:absolute;top:10px;left:10px;background:rgba(76,175,80,.85);border-radius:16px;padding:4px 11px;font-size:.68rem;font-weight:800;color:#fff;}
/* Если оба — новичкам чуть ниже */
.bc-img-wrap:has(.bc-hot-b) .bc-beg-b{top:36px;}

.bc-body{padding:18px 18px 15px;display:flex;flex-direction:column;flex:1;gap:10px;}
.bc-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.bc-date{font-family:\'Manrope\',sans-serif;font-size:.7rem;color:var(--txs);font-weight:600;}
.bc-read,
.bc-title{font-family:'Manrope',sans-serif;font-size:clamp(1rem,1.8vw,1.1rem);font-weight:700;line-height:1.38;margin:0;}
.bc-title a{color:var(--tx);text-decoration:none;transition:color .2s;}
.bc-title a:hover{color:var(--g);}
.bc-excerpt{font-size:clamp(.95rem,1.5vw,1.02rem);
  line-height:1.72;color:var(--txs);line-height:1.62;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.bc-foot{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--br);margin-top:auto;}
.bc-tags{display:flex;gap:5px;flex-wrap:wrap;}
.bc-tag{background:rgba(66,196,193,.07);border:1px solid rgba(66,196,193,.16);border-radius:12px;padding:3px 8px;font-size:.66rem;font-weight:700;color:var(--t);text-decoration:none;transition:.2s;}
.bc-tag:hover{background:rgba(66,196,193,.16);}
.bc-arrow{width:32px;height:32px;background:rgba(212,175,55,.1);border:1px solid var(--brg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--g);text-decoration:none;font-size:.95rem;transition:var(--tr);flex-shrink:0;}
.bc-arrow:hover{background:var(--g);color:#000;transform:scale(1.12);}

/* Пустой */
.blog-empty{grid-column:1/-1;text-align:center;padding:70px 20px;}
.be-icon{font-size:3rem;margin-bottom:16px;}
.blog-empty h3{font-size:1.3rem;margin-bottom:8px;color:var(--tx);}
.blog-empty p{font-size:.9rem;color:var(--txm);margin-bottom:22px;}
.be-reset{padding:12px 28px;background:rgba(212,175,55,.12);border:1px solid var(--brg);border-radius:30px;color:var(--g);font-weight:700;cursor:pointer;transition:var(--tr);}
.be-reset:hover{background:rgba(212,175,55,.22);}

/* ============================================================ ПАГИНАЦИЯ */
.blog-pager{margin-top:45px;display:flex;flex-direction:column;align-items:center;gap:14px;}
.bp-info{font-size:.78rem;color:var(--txm);}
.bp-pages{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center;}
.bp-btn{min-width:40px;height:40px;padding:0 12px;background:var(--bc);border:1px solid var(--br);border-radius:10px;color:var(--txs);font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--tr);font-family:'Manrope',sans-serif;}
.bp-btn:hover{border-color:var(--brg);color:var(--g);background:rgba(212,175,55,.09);}
.bp-act{background:linear-gradient(135deg,var(--g),var(--g2));border-color:transparent;color:#000;font-weight:900;box-shadow:0 4px 16px rgba(212,175,55,.3);}
.bp-dots{color:var(--txm);font-size:.85rem;padding:0 4px;}

/* ============================================================ САЙДБАР */
.blog-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:88px;}
.bsw{background:var(--bc);border:1px solid var(--br);border-radius:18px;padding:24px 20px;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease;}
.bsw.bsw-in{opacity:1;transform:none;}
.bsw-title{font-family:'Manrope',sans-serif;font-size:.95rem;font-weight:800;color:var(--tx);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--br);}

/* Популярные */
.bsw-popular{display:flex;flex-direction:column;gap:10px;}
.bsw-pop-item{display:flex;gap:12px;align-items:flex-start;text-decoration:none;padding:10px;border-radius:10px;transition:var(--tr);background:rgba(255,255,255,.02);}
.bsw-pop-item:hover{background:rgba(212,175,55,.07);transform:translateX(3px);}
.bsw-num{font-size:.65rem;font-weight:900;color:var(--g);opacity:.5;min-width:20px;padding-top:2px;letter-spacing:.5px;}
.bsw-pop-t{font-size:.82rem;font-weight:600;color:var(--tx);line-height:1.35;margin-bottom:3px;transition:color .2s;}
.bsw-pop-item:hover .bsw-pop-t{color:var(--g);}
.bsw-pop-m{font-size:.68rem;color:var(--txm);}

/* Категории */
.bsw-cats{display:flex;flex-direction:column;gap:5px;}
.bsw-cat{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--txs);font-size:.84rem;font-weight:600;transition:var(--tr);background:rgba(255,255,255,.02);}
.bsw-cat:hover{background:rgba(212,175,55,.07);color:var(--g);transform:translateX(3px);}
.bsw-cat-n{background:rgba(212,175,55,.14);border-radius:20px;padding:2px 9px;font-size:.68rem;font-weight:800;color:var(--g);}

/* Теги */
.bsw-tags{display:flex;flex-wrap:wrap;gap:7px;}
.bswt{display:inline-block;background:rgba(255,255,255,.05);border:1px solid var(--br);border-radius:20px;padding:5px 12px;font-size:.75rem;font-weight:600;color:var(--txs);text-decoration:none;transition:var(--tr);}
.bswt:hover{background:rgba(66,196,193,.1);border-color:var(--brt);color:var(--t);transform:translateY(-2px);}
.bswt-l{font-size:.82rem;padding:6px 14px;}

/* CTA */
.bsw-cta{background:linear-gradient(135deg,rgba(212,175,55,.09),rgba(66,196,193,.05));border-color:var(--brg);text-align:center;}
.bsw-cta-emoji{font-size:2.6rem;margin-bottom:10px;}
.bsw-cta-h{font-family:'Manrope',sans-serif;font-size:.95rem;font-weight:700;color:var(--tx);margin-bottom:7px;line-height:1.3;}
.bsw-cta-p{font-size:.78rem;color:var(--txs);line-height:1.5;margin-bottom:15px;}
.bsw-cta-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 22px;background:linear-gradient(135deg,var(--g),var(--g2));color:#000;border-radius:50px;font-size:.82rem;font-weight:800;text-decoration:none;transition:var(--tr);}
.bsw-cta-btn:hover{transform:translateY(-3px);box-shadow:0 7px 22px rgba(212,175,55,.35);}

/* ============================================================ SEO */
.blog-seo{padding:55px 0;background:var(--bg2);border-top:1px solid var(--br);}
.blog-seo-inner{max-width:880px;margin:0 auto;}
.blog-seo-h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:var(--tx);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--brg);}
.blog-seo-cols{display:grid;grid-template-columns:1fr 1fr;gap:36px;}
.blog-seo-cols p{font-size:.92rem;color:var(--txs);line-height:1.8;margin-bottom:12px;}
.blog-seo-cols strong{color:var(--g);}
.blog-seo-cols a{color:var(--t);text-decoration:none;}
.blog-seo-cols a:hover{color:var(--g);text-decoration:underline;}
.blog-seo-cols h3{font-size:.95rem;font-weight:700;color:var(--tx);margin-bottom:12px;}
.blog-seo-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:7px;}
.blog-seo-list li{font-size:.88rem;color:var(--txs);padding-left:18px;position:relative;line-height:1.5;}
.blog-seo-list li::before{content:'→';position:absolute;left:0;color:var(--g);font-weight:700;}
.blog-seo-list li a{color:var(--t);text-decoration:none;}
.blog-seo-list li a:hover{color:var(--g);}

/* ============================================================ АДАПТИВ */
@media(max-width:1100px){
  .blog-layout{grid-template-columns:1fr;}
  .blog-sidebar{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
}
@media(max-width:768px){
  .blog-hero{padding:100px 0 55px;}
  .blog-hero-counters{padding:12px 18px;}
  .bhc{padding:0 12px;}
  .blog-featured{grid-template-columns:1fr;}
  .blog-feat-img{min-height:220px;}
  .blog-feat-body{padding:26px 22px;}
  .blog-grid{grid-template-columns:1fr;}
  .blog-cats-wrap{overflow-x:auto;flex-wrap:nowrap;padding-bottom:5px;scrollbar-width:none;}
  .blog-cats-wrap::-webkit-scrollbar{display:none;}
  .blog-seo-cols{grid-template-columns:1fr;gap:22px;}
  .blog-sidebar{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .blog-hero-counters{flex-direction:column;gap:8px;border-radius:18px;}
  .bhc-sep{width:50%;height:1px;}
  .blog-search-go{padding:9px 14px;font-size:.78rem;}
  .blog-feat-body{padding:20px 16px;}
}


footer { 
    padding: 100px 0 40px; 
    background: rgba(10, 10, 10, 0.8); 
    border-top: 1px solid var(--border); 
    margin-top: auto; 
    position: relative; 
    z-index: 10; 
}
.modal-box { 
    position: relative !important; 
    background: linear-gradient(135deg, #111 0%, #1a1515 100%); 
    border: 2px solid var(--primary); 
    border-radius: 25px; 
    width: 500px; 
    max-width: 95%; 
    max-height: 90vh; 
    display: flex; 
    flex-direction: column; 
    overflow: hidden; 
    animation: modalZoomIn 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
    box-shadow: 0 30px 80px rgba(0,0,0,0.8); 
}
@media (max-width: 480px) {
    .modal-box {
        width: 100%;
        max-width: 100%;
        height: 100vh;
        max-height: 100vh;
        border-radius: 0;
        border: none;
        border-top: 3px solid var(--primary);
    }
}
.modal-close { 
    position: absolute !important; 
    top: 20px !important; 
    right: 20px !important; 
    width: 44px !important; 
    height: 44px !important; 
    background: rgba(0,0,0,0.7) !important; 
    border: 2px solid var(--primary) !important; 
    border-radius: 50% !important; 
    color: white !important; 
    font-size: 24px !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    cursor: pointer !important; 
    z-index: 100 !important; 
    transition: var(--transition) !important;
    line-height: 1 !important;
}
.modal-close:hover {
    background: var(--primary) !important;
    color: #000 !important;
    transform: rotate(90deg);
    border-color: var(--gold) !important;
}
.modal-title span {
    background: linear-gradient(135deg, var(--primary) 0%, var(--gold) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.form-input-modal:focus {
    border-color: var(--primary);
    background: rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 15px rgba(220, 20, 60, 0.3);
}
.btn-modal-submit {
    width: 100%;
    padding: 18px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--dark-red) 100%);
    border: none;
    border-radius: 12px;
    color: white;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
    font-size: 1rem;
    letter-spacing: 1px;
    box-shadow: 0 10px 30px rgba(220, 20, 60, 0.4);
    -webkit-appearance: none;
}
.btn-modal-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(220, 20, 60, 0.6);
}
.mobile-nav-box { 
    position: absolute; 
    top: 0; 
    right: -100%; 
    width: 75%; 
    max-width: 320px; 
    height: 100%; 
    background: linear-gradient(180deg, #0f1412 0%, #1a1515 100%); 
    border-left: 2px solid var(--primary); 
    padding: 25px 20px; 
    display: flex; 
    flex-direction: column; 
    transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
    box-shadow: -10px 0 50px rgba(0,0,0,0.9); 
    overflow-y: auto; 
}
.mn-header { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin-bottom: 30px; 
    border-bottom: 1px solid rgba(220, 20, 60, 0.2); 
    padding-bottom: 15px; 
}
.mn-socials a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(220, 20, 60, 0.1);
    border-radius: 50%;
    transition: 0.3s;
}
.mn-badge-bottom { 
    margin-top: auto; 
    background: rgba(220, 20, 60, 0.1); 
    padding: 15px; 
    border-radius: 12px; 
    font-size: 0.75rem; 
    text-align: center; 
    color: var(--primary); 
    border: 1px solid var(--primary); 
}
.scroll-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 55px;
    height: 55px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--dark-red) 100%);
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9000;
    box-shadow: 0 5px 20px rgba(220, 20, 60, 0.5);
    transition: 0.3s;
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
}
.scroll-to-top:hover {
    transform: translateY(-8px) scale(1.1);
    box-shadow: 0 10px 30px rgba(220, 20, 60, 0.7);
}
.mobile-tab { 
    position: fixed; 
    bottom: 20px;
    left: 15px;
    right: 15px;
    height: 75px;
    background: linear-gradient(135deg, rgba(10, 10, 10, 0.98) 0%, rgba(26, 21, 21, 0.98) 100%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 50px;
    display: none;
    justify-content: space-around; 
    align-items: center; 
    z-index: 2500; 
    box-shadow: 0 20px 60px rgba(0,0,0,0.8);
    border: 1px solid var(--border);
}
.catalog-modal { 
    display: none; 
    position: fixed; 
    inset: 0; 
    z-index: 6000; 
    background: rgba(10, 10, 10, 0.98);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    overflow-y: auto; 
    padding: 60px 20px;
}
.cat-modal-close { 
    position: fixed; 
    top: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%; 
    border: 2px solid var(--border); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    cursor: pointer; 
    font-size: 2rem;
    color: #fff; 
    z-index: 7000; 
    background: rgba(26, 21, 21, 0.95);
    backdrop-filter: blur(20px);
    transition: var(--transition);
}
.blog-sort-sel option {
    background: #1a1a22;
    color: #fff;
}