/* =========================
       Portal tweaks (Features page)
    ========================= */
    .features-hero{
      padding: 90px 0 40px;
      background: linear-gradient(90deg, rgba(0,163,255,.10), rgba(79,70,229,.10));
      position: relative;
      overflow: hidden;
    }
    .features-hero .hero-badge{
      display:inline-block;
      padding:8px 12px;
      border-radius:999px;
      background:#fff;
      border:1px solid rgba(0,0,0,.06);
      font-weight:700;
      color:#2b2b2b;
      margin-bottom:12px;
    }
    .features-hero h1{
      font-weight:900;
      letter-spacing:-.3px;
      margin-bottom:10px;
    }
    .features-hero p{
      color:#6b7280;
      line-height:1.8;
      margin-bottom:18px;
      max-width: 620px;
    }
    .features-hero .hero-actions{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-top:10px;
    }
    .features-hero .btn_1,
    .features-hero .btn_2{
      min-width: 220px;
      text-align:center;
    }

    /* Anchor subnav */
    .features-subnav{
      background:#fff;
      border-top:1px solid rgba(0,0,0,.06);
      border-bottom:1px solid rgba(0,0,0,.06);
      position: sticky;
      top: 0;
      z-index: 1020;
    }
    .features-subnav .subnav-inner{
      display:flex;
      gap:12px;
      overflow:auto;
      padding: 12px 0;
      scrollbar-width: thin;
    }
    .features-subnav a{
      display:inline-flex;
      align-items:center;
      white-space:nowrap;
      padding: 10px 14px;
      border-radius: 999px;
      background:#f7f8fb;
      color:#2b2b2b;
      font-weight:700;
      text-decoration:none !important;
      border:1px solid rgba(0,0,0,.06);
      transition: all .15s ease;
      font-size: 14px;
    }
    .features-subnav a:hover{
      background:#ffffff;
      transform: translateY(-1px);
    }

    /* Feature blocks */
    .fblock{
      padding: 70px 0;
      background:#fff;
    }
    .fblock.alt{
      background:#fbfbfe;
    }
    .fblock h2{
      font-weight:900;
      letter-spacing:-.2px;
      margin-bottom:12px;
    }
    .fblock p{
      color:#6b7280;
      line-height:1.85;
      margin-bottom:16px;
    }
    .fbullets{
      list-style:none;
      padding-left:0;
      margin: 0 0 18px 0;
    }
    .fbullets li{
      padding-left: 22px;
      position: relative;
      margin-bottom: 10px;
      color:#2b2b2b;
      line-height:1.6;
    }
    .fbullets li:before{
      content:"";
      width:10px;
      height:10px;
      border-radius:999px;
      background:#4f46e5;
      position:absolute;
      left:0;
      top: 8px;
      opacity:.85;
    }
    .fcard-grid .single_pricing_part{
      height:100%;
    }
    .fcard-grid .payment-card img{
      width:72px;
      height:72px;
      object-fit:contain;
    }
    .fcard-grid .payment-card img.brand-logo{
      width:130px;
      height:72px;
    }
    .f-mini{
      display:inline-block;
      padding:6px 10px;
      border-radius: 999px;
      border:1px solid rgba(0,0,0,.06);
      background:#ffffff;
      color:#2b2b2b;
      font-weight:700;
      margin-bottom:10px;
      font-size:13px;
    }

    /* CTA */
    .cta_features{
      background: #4f46e5;
      padding: 70px 0;
    }
    .cta_features .cta_box{
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.20);
      border-radius: 14px;
      padding: 34px 26px;
    }
    .cta_features h2, .cta_features p{ color:#fff; }
    .cta_features p{ opacity:.92; line-height:1.85; }

    /* NAV BUTTONS FIX (from your page) */
    .nav-actions{
      display:flex;
      align-items:center;
      gap:10px;
      margin-left:15px;
    }
    .nav-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      height:40px;
      padding:0 16px;
      border-radius:30px;
      font-weight:700;
      text-decoration:none !important;
      white-space:nowrap;
      transition:all .2s ease;
      font-size:14px;
    }
    .nav-btn-outline{
      color:#fff;
      border:1px solid rgba(255,255,255,0.6);
      background:rgba(255,255,255,0.08);
    }
    .nav-btn-outline:hover{
      background:rgba(255,255,255,0.18);
      color:#fff;
    }
    .nav-btn-primary{
      background:#fff;
      color:#0b5aa6;
      box-shadow:0 8px 20px rgba(0,0,0,0.15);
    }
    .nav-btn-primary:hover{
      transform:translateY(-1px);
      box-shadow:0 10px 25px rgba(0,0,0,0.18);
      color:#0b5aa6;
    }
    @media (max-width: 991px){
      .nav-actions{ flex-direction:column; width:100%; margin-top:10px; }
      .nav-btn{ width:100%; }
      .features-hero .btn_1, .features-hero .btn_2{ width:100%; }
    }

/* =========================
   CTA buttons fix (above footer)
   За да се четат и в normal + hover
========================= */

/* контейнерът ти е .cta_features */
.cta_features .btn_2{
  min-width: 220px;
  text-align: center;
}

/* Ляв бутон: бял фон + лилав текст (и да остане четим на hover) */
.cta_features .banner_btn_1{
  background: #ffffff !important;
  color: #4f46e5 !important;
  border: 1px solid rgba(255,255,255,.65) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

.cta_features .banner_btn_1:hover{
  background: rgba(255,255,255,.92) !important;
  color: #4f46e5 !important;
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}

/* Десен бутон: прозрачен с бял контур, но с по-дебел контур + лек фон за контраст */
.cta_features .banner_btn_2{
  background: rgba(255,255,255,.14) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255,255,255,.75) !important;
}

.cta_features .banner_btn_2:hover{
  background: #ffffff !important;
  color: #4f46e5 !important;
  border-color: #ffffff !important;
  transform: translateY(-1px);
}

 /* =========================
       THEMES page styling
    ========================= */
    .themes-hero{
      padding: 90px 0 40px;
      background: linear-gradient(90deg, rgba(0,163,255,.10), rgba(79,70,229,.10));
      overflow:hidden;
    }
    .themes-hero .hero-badge{
      display:inline-block;
      padding:8px 12px;
      border-radius:999px;
      background:#fff;
      border:1px solid rgba(0,0,0,.06);
      font-weight:700;
      color:#2b2b2b;
      margin-bottom:12px;
    }
    .themes-hero h1{
      font-weight: 900;
      letter-spacing:-.3px;
      margin-bottom: 10px;
    }
    .themes-hero p{
      color:#6b7280;
      line-height:1.85;
      max-width: 650px;
      margin-bottom: 18px;
    }
    .hero-actions{ display:flex; gap:10px; flex-wrap:wrap; }
    .hero-actions .btn_1, .hero-actions .btn_2{ min-width: 220px; text-align:center; }

    .themes-toolbar{
      background:#fff;
      border-top:1px solid rgba(0,0,0,.06);
      border-bottom:1px solid rgba(0,0,0,.06);
    }
    .themes-toolbar .toolbar-inner{
      padding: 14px 0;
      display:flex;
      gap:12px;
      align-items:center;
      flex-wrap:wrap;
      justify-content:space-between;
    }
    .themes-search{
      flex: 1;
      min-width: 260px;
      position: relative;
    }
    .themes-search input{
      width:100%;
      border-radius: 999px;
      border: 1px solid rgba(0,0,0,.10);
      padding: 12px 14px 12px 44px;
      outline:none;
    }
    .themes-search i{
      position:absolute;
      left: 16px;
      top: 50%;
      transform: translateY(-50%);
      color:#6b7280;
    }
    .themes-tags{
      display:flex;
      gap:10px;
      align-items:center;
      overflow:auto;
      padding-bottom: 4px;
      scrollbar-width: thin;
    }
    .tag-pill{
      display:inline-flex;
      align-items:center;
      white-space:nowrap;
      padding: 10px 14px;
      border-radius: 999px;
      background:#f7f8fb;
      color:#2b2b2b;
      font-weight:700;
      text-decoration:none !important;
      border:1px solid rgba(0,0,0,.06);
      transition: all .15s ease;
      font-size: 14px;
      cursor:pointer;
      user-select:none;
    }
    .tag-pill:hover{ background:#fff; transform: translateY(-1px); }
    .tag-pill.active{
      background:#ffffff;
      border-color: rgba(79,70,229,.25);
      box-shadow: 0 10px 24px rgba(0,0,0,.06);
    }

    .themes-section{
      padding: 55px 0 80px;
      background:#fff;
    }

    .theme-card{
      height:100%;
      border-radius: 16px;
      overflow:hidden;
      border: 1px solid rgba(0,0,0,.06);
      box-shadow: 0 14px 30px rgba(0,0,0,.06);
      transition: transform .18s ease, box-shadow .18s ease;
      background:#fff;
    }
    .theme-card:hover{
      transform: translateY(-3px);
      box-shadow: 0 18px 40px rgba(0,0,0,.10);
    }

    .theme-thumb{
      width:100%;
      aspect-ratio: 16 / 10;
      background: #f3f4f6;
      position: relative;
      overflow:hidden;
    }
    .theme-thumb img{
      width:100%;
      height:100%;
      object-fit: cover;
      display:block;
    }
    .theme-thumb .thumb-overlay{
      position:absolute;
      inset:0;
      background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.35));
      pointer-events:none;
    }

    .theme-body{
      padding: 18px 18px 16px;
    }
    .theme-title{
      font-weight: 900;
      letter-spacing:-.2px;
      margin-bottom: 6px;
      font-size: 18px;
      line-height: 1.25;
    }
    .theme-meta{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      margin-bottom: 10px;
      color:#6b7280;
      font-weight: 600;
      font-size: 13px;
    }
    .theme-desc{
      color:#6b7280;
      line-height:1.75;
      margin-bottom: 14px;
      min-height: 56px;
    }

    .theme-badges{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
      margin-bottom: 14px;
    }
    .badge-soft{
      display:inline-block;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(79,70,229,.08);
      border:1px solid rgba(79,70,229,.18);
      color:#2b2b2b;
      font-weight:700;
      font-size:12px;
    }

    .theme-actions{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }
    .btn-ghost{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      height:42px;
      padding: 0 16px;
      border-radius: 10px;
      font-weight:800;
      border:1px solid rgba(0,0,0,.10);
      background:#fff;
      color:#2b2b2b;
      text-decoration:none !important;
      transition: all .15s ease;
      min-width: 140px;
      text-align:center;
    }
    .btn-ghost:hover{
      transform: translateY(-1px);
      box-shadow: 0 12px 24px rgba(0,0,0,.08);
      color:#2b2b2b;
    }
    .btn-primary-soft{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      height:42px;
      padding: 0 16px;
      border-radius: 10px;
      font-weight:800;
      background: linear-gradient(90deg, #05b3ff 0%, #2f65ff 100%);
      color:#fff !important;
      text-decoration:none !important;
      transition: all .15s ease;
      min-width: 160px;
      text-align:center;
      border: 0;
    }
    .btn-primary-soft:hover{
      transform: translateY(-1px);
      box-shadow: 0 14px 28px rgba(0,0,0,.14);
    }

    /* CTA (долу) */
    .cta_features{
      background: #4f46e5;
      padding: 70px 0;
    }
    .cta_features .cta_box{
      background: rgba(255,255,255,.10);
      border: 1px solid rgba(255,255,255,.20);
      border-radius: 14px;
      padding: 34px 26px;
    }
    .cta_features h2, .cta_features p{ color:#fff; }
    .cta_features p{ opacity:.92; line-height:1.85; }

    /* CTA buttons да са четими (important) */
    .cta_features .banner_btn_1{
      background:#fff !important;
      color:#4f46e5 !important;
      border:1px solid rgba(255,255,255,.65) !important;
      box-shadow:0 10px 24px rgba(0,0,0,.18);
    }
    .cta_features .banner_btn_1:hover{
      background:rgba(255,255,255,.92) !important;
      color:#4f46e5 !important;
      transform:translateY(-1px);
      box-shadow:0 14px 30px rgba(0,0,0,.22);
    }
    .cta_features .banner_btn_2{
      background:rgba(255,255,255,.14) !important;
      color:#fff !important;
      border:2px solid rgba(255,255,255,.75) !important;
    }
    .cta_features .banner_btn_2:hover{
      background:#fff !important;
      color:#4f46e5 !important;
      border-color:#fff !important;
      transform:translateY(-1px);
    }
	.theme-thumb{ position:relative; overflow:hidden; border-radius:14px; }
.theme-preview-btn{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:3;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(0,0,0,.35);
  color:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
  font-size:12px;
  line-height:1;
  cursor:pointer;
  backdrop-filter: blur(6px);
}

@media (hover:hover) and (pointer:fine){
  .theme-preview-btn{ opacity:0; transform: translateY(4px); transition: .15s ease; }
  .theme-card:hover .theme-preview-btn{ opacity:1; transform: translateY(0); }
}

 /* твоите стилове (оставям ги както са ти в кода) */
    :root{
      --mc-blue:#1e88ff;
      --mc-blue2:#4f46e5;
      --mc-text:#0f172a;
      --mc-muted:#64748b;
      --mc-border:rgba(15,23,42,.10);
      --mc-soft:#f7f8fb;
      --mc-card:#ffffff;
      --mc-radius:16px;
    }
    body{ background:#fff; color:var(--mc-text); }

    .pricing-hero{
      padding: 95px 0 35px;
      background: linear-gradient(90deg, rgba(30,136,255,.10), rgba(79,70,229,.10));
      border-bottom:1px solid rgba(0,0,0,.06);
      overflow:hidden;
      position:relative;
    }
    .pricing-hero .badge{
      display:inline-flex; align-items:center; gap:8px;
      padding:10px 14px; border-radius:999px; background:#fff;
      border:1px solid var(--mc-border); font-weight:900; color:var(--mc-text);
    }
    .pricing-hero h1{
      font-weight: 950; letter-spacing:-.4px; margin: 14px 0 10px;
      font-size: clamp(30px, 4vw, 44px);
    }
    .pricing-hero p{
      color:var(--mc-muted); max-width: 720px; line-height:1.8; margin: 0 auto; font-size: 15.5px;
    }

    .plan-grid{ padding: 35px 0 25px; }
    .plan-card{
      background:var(--mc-card);
      border:1px solid var(--mc-border);
      border-radius: var(--mc-radius);
      overflow:hidden;
      height:100%;
      box-shadow: 0 16px 40px rgba(2,6,23,.06);
      transition: transform .18s ease, box-shadow .18s ease;
      position:relative;
    }
    .plan-card:hover{ transform: translateY(-2px); box-shadow: 0 22px 60px rgba(2,6,23,.10); }
    .plan-top{
      padding: 22px 22px 18px;
      border-bottom:1px solid var(--mc-border);
      background: linear-gradient(90deg, rgba(30,136,255,.08), rgba(79,70,229,.08));
    }
    .plan-name{ font-weight: 950; font-size: 20px; margin:0; }
    .plan-desc{ color:var(--mc-muted); margin:6px 0 0; line-height:1.55; min-height: 46px; font-size: 14px; }
    .plan-body{ padding: 18px 22px 22px; }
    .price-row{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom: 14px; }
    .price{ font-weight: 950; font-size: 38px; letter-spacing:-.6px; line-height:1; }
    .per{ color:var(--mc-muted); font-weight:800; font-size: 13px; padding-bottom:6px; white-space:nowrap; }

    .mini-kpis{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; margin: 14px 0 14px; }
    .kpi{ border:1px solid var(--mc-border); background: #fff; border-radius: 14px; padding: 12px 12px; }
    .kpi .kpi-label{ color:var(--mc-muted); font-weight:800; font-size:12px; margin-bottom:6px; }
    .kpi .kpi-val{ font-weight:950; font-size:16px; letter-spacing:-.2px; }

    .plan-features{ list-style:none; padding:0; margin: 14px 0 18px; }
    .plan-features li{
      display:flex; gap:10px; align-items:flex-start;
      padding: 8px 0; border-bottom:1px dashed rgba(15,23,42,.10);
      color: var(--mc-text); line-height:1.55; font-size: 14px;
    }
    .plan-features li:last-child{ border-bottom:0; }
    .tick{
      width: 18px; height: 18px; border-radius: 999px;
      background: rgba(30,136,255,.12);
      border: 1px solid rgba(30,136,255,.25);
      display:inline-flex; align-items:center; justify-content:center;
      flex: 0 0 18px; margin-top: 2px;
    }
    .tick:before{ content:"✓"; font-weight: 950; font-size: 12px; color: var(--mc-blue); }

    .plan-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top: 12px; }
    .btn-soft{
      display:inline-flex; align-items:center; justify-content:center;
      padding: 12px 14px; border-radius: 14px; font-weight: 900;
      border: 1px solid rgba(30,136,255,.25);
      background: rgba(30,136,255,.10);
      color: var(--mc-blue);
      text-decoration:none !important;
      transition:.15s ease;
      flex: 1 1 160px;
      text-align:center;
      min-height: 44px;
    }
    .btn-soft:hover{ background: rgba(30,136,255,.14); transform: translateY(-1px); }

    .btn-primaryx{
      display:inline-flex; align-items:center; justify-content:center;
      padding: 12px 14px; border-radius: 14px; font-weight: 950;
      background: linear-gradient(90deg, var(--mc-blue), var(--mc-blue2));
      color:#fff !important; text-decoration:none !important;
      border:0;
      box-shadow: 0 12px 24px rgba(30,136,255,.22);
      flex: 1 1 160px;
      text-align:center;
      min-height: 44px;
    }
    .btn-primaryx:hover{ transform: translateY(-1px); box-shadow: 0 16px 30px rgba(30,136,255,.28); }

    .plan-card.popular{ border: 2px solid rgba(30,136,255,.35); box-shadow: 0 28px 70px rgba(30,136,255,.12); }
    .ribbon{
      position:absolute; top:14px; right:14px;
      background: rgba(30,136,255,.12);
      border: 1px solid rgba(30,136,255,.25);
      color: var(--mc-blue);
      font-weight: 950; font-size: 12px;
      padding: 8px 10px; border-radius: 999px;
      backdrop-filter: blur(8px);
    }

    .compare-wrap{
      padding: 35px 0 70px;
      background: #fbfbfe;
      border-top: 1px solid rgba(0,0,0,.06);
    }
    .compare-head{ text-align:center; margin-bottom: 18px; }
    .compare-head h2{ font-weight: 950; letter-spacing:-.3px; margin-bottom: 8px; }
    .compare-head p{ color:var(--mc-muted); margin:0 auto; max-width: 780px; line-height:1.75; }

    .compare-table{
      width:100%;
      border-collapse: separate;
      border-spacing: 0;
      overflow:hidden;
      border-radius: var(--mc-radius);
      border:1px solid var(--mc-border);
      background:#fff;
      box-shadow: 0 18px 55px rgba(2,6,23,.06);
    }
    .compare-table thead th{
      background: linear-gradient(90deg, rgba(30,136,255,.10), rgba(79,70,229,.10));
      border-bottom:1px solid var(--mc-border);
      padding: 16px 14px;
      font-weight: 950;
      text-align:center;
      vertical-align:middle;
      white-space:nowrap;
    }
    .compare-table thead th:first-child{ text-align:left; padding-left: 18px; }
    .compare-table tbody td{
      border-bottom:1px solid rgba(15,23,42,.08);
      padding: 14px 14px;
      vertical-align:middle;
      font-size: 14px;
    }
    .compare-table tbody tr:last-child td{ border-bottom:0; }
    .compare-table tbody td:first-child{
      font-weight: 900;
      color: var(--mc-text);
      width: 40%;
      padding-left: 18px;
    }
    .compare-table tbody td:not(:first-child){ text-align:center; width: 20%; }

    .yes{
      display:inline-flex; align-items:center; justify-content:center;
      width: 28px; height: 28px; border-radius: 999px;
      background: rgba(30,136,255,.12);
      border: 1px solid rgba(30,136,255,.25);
      color: var(--mc-blue);
      font-weight: 950; font-size: 15px;
    }
    .no{
      display:inline-flex; align-items:center; justify-content:center;
      width: 28px; height: 28px; border-radius: 999px;
      background: rgba(100,116,139,.10);
      border: 1px solid rgba(100,116,139,.20);
      color: rgba(100,116,139,.75);
      font-weight: 950; font-size: 14px;
    }
    .row-soft{ background: rgba(2,6,23,.02); }
    .table-scroll{ overflow:auto; border-radius: var(--mc-radius); }
    @media (max-width: 991px){ .compare-table{ min-width: 900px; } }

  /* =========================
   NAV BUTTONS FIX
========================= */

.nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:15px;
}

/* base button */
.nav-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 16px;
  border-radius:30px;
  font-weight:700;
  text-decoration:none !important;
  white-space:nowrap;
  transition:all .2s ease;
  font-size:14px;
}

/* login */
.nav-btn-outline{
  color:#fff;
  border:1px solid rgba(255,255,255,0.6);
  background:rgba(255,255,255,0.08);
}

.nav-btn-outline:hover{
  background:rgba(255,255,255,0.18);
  color:#fff;
}

/* start button */
.nav-btn-primary{
  background:#fff;
  color:#0b5aa6;
  box-shadow:0 8px 20px rgba(0,0,0,0.15);
}

.nav-btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 25px rgba(0,0,0,0.18);
  color:#0b5aa6;
}

/* mobile fix */
@media (max-width: 991px){
  .nav-actions{
    flex-direction:column;
    width:100%;
    margin-top:10px;
  }

  .nav-btn{
    width:100%;
  }
}
/* =========================
   HAMBURGER ICON (3 lines)
========================= */

/* махаме старото icon */
.main_menu .menu_icon i{
  display:none !important;
}

/* бутон */
.main_menu .navbar-toggler{
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.5) !important;
  border-radius: 10px;
  position: relative;
  padding:0;
}

/* линиите */
.main_menu .navbar-toggler span{
  display:block;
  width:22px;
  height:2px;
  background:#fff;
  margin:5px auto;
  transition: all .25s ease;
}

/* hover лек ефект */
.main_menu .navbar-toggler:hover span{
  width:24px;
}
.nav-link, .navbar-toggler {
	color:#000  !important;
}

/* =========================
   Footer CTA (portal)
========================= */
.footer-cta{
  margin-top: 14px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.footer-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration:none !important;
  border: 1px solid rgba(255,255,255,.35);
  background: rgba(255,255,255,.08);
  color:#fff !important;
  line-height:1;
}
.footer-cta-btn.primary{
  background:#fff;
  color:#0b5aa6 !important;
  border-color: transparent;
}
.footer-cta-btn:hover{
  transform: translateY(-1px);
}