/* ============================================================
   RADEX — Premium каталог (.rx-shop) — в стила на продукта
   блед фон, hero, лента предимства, премиум карти, toolbar, sidebar
   ============================================================ */
.rx-shop{
  --rx-azure:#1583C2; --rx-accent:#0093D4; --rx-navy:#0C3E5E;
  --rx-ink:#1f2d38; --rx-muted:#6b7c89; --rx-line:#eef2f6;
  --rx-soft:#f6fafe; --rx-soft-line:#e6f1fa;
}
body{ background:#f4f8fc !important; }
.rx-shop{ position:relative; background:transparent; }
.rx-shop::before{
  content:""; position:absolute; left:0; right:0; top:0; height:380px; pointer-events:none; z-index:0;
  background:radial-gradient(840px 360px at 85% -80px, rgba(0,147,212,.10), transparent 60%),
            radial-gradient(620px 320px at 6% -40px, rgba(21,131,194,.06), transparent 56%);
}
.rx-shop > .container{ position:relative; z-index:1; }

/* ---------- HERO ---------- */
.page-header{
  background:linear-gradient(135deg,#0C3E5E 0%, #1583C2 58%, #0093D4 100%) !important;
  padding:54px 0 46px !important; position:relative; overflow:hidden;
}
.page-header::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(620px 240px at 82% 0%, rgba(255,255,255,.12), transparent 60%);
}
.page-header h1{ font-weight:800 !important; letter-spacing:-.01em; position:relative; }
.page-header .breadcrumb{ position:relative; }
.page-header .breadcrumb-item, .page-header .breadcrumb-item a{ font-weight:600; }
.rx-shop > .container > h1{
  font-size:1.5rem !important; font-weight:700 !important; color:var(--rx-navy) !important; margin-bottom:22px !important;
}

/* ---------- лента предимства ---------- */
.rx-shop .rx-feature-strip{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#e7f1f9; border:1px solid #e7f1f9;
  border-radius:16px; overflow:hidden; margin:0 0 30px; box-shadow:0 16px 42px -28px rgba(12,62,94,.30);
}
.rx-shop .rx-feature{ background:#fff; padding:16px 18px; display:flex; align-items:center; gap:12px; transition:background .2s; }
.rx-shop .rx-feature:hover{ background:#fafdff; }
.rx-shop .rx-feature-ic{ width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg,var(--rx-azure),var(--rx-accent)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:17px; flex:none; box-shadow:0 8px 18px -8px rgba(21,131,194,.6); }
.rx-shop .rx-feature strong{ display:block; font-size:13.5px; color:var(--rx-navy); font-weight:700; line-height:1.2; }
.rx-shop .rx-feature small{ color:#7c8b97; font-size:11.5px; }
@media(max-width:991px){ .rx-shop .rx-feature-strip{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:479px){ .rx-shop .rx-feature-strip{ grid-template-columns:1fr; } }

/* ---------- toolbar ---------- */
.rx-shop #shopSearchInput{ border:1.5px solid #e1eaf1; border-radius:12px 0 0 12px; }
.rx-shop #search-icon-shop{ background:var(--rx-azure); color:#fff; border:1.5px solid var(--rx-azure); border-radius:0 12px 12px 0; }
.rx-shop #shopResultsCount{ font-weight:600; color:var(--rx-navy) !important; }
.rx-shop .ms-auto .bg-light{ background:#fff !important; border:1.5px solid #e1eaf1; border-radius:12px !important; }
.rx-shop #shopSortSelect{ background:transparent !important; color:var(--rx-navy); font-weight:600; }

/* ---------- sidebar ---------- */
.rx-shop .col-lg-3 h4{ font-size:15px !important; font-weight:700; color:var(--rx-navy) !important; padding-bottom:8px; border-bottom:2px solid var(--rx-line); position:relative; }
.rx-shop .col-lg-3 h4::after{ content:""; position:absolute; left:0; bottom:-2px; width:42px; height:2px; background:linear-gradient(90deg,var(--rx-azure),var(--rx-accent)); }
.rx-shop .fruite-categorie li a{ color:#51616d; }
.rx-shop .shop-filter-tag{ accent-color:var(--rx-azure); }
.rx-shop #priceRangeInput{ accent-color:var(--rx-azure); }
.rx-shop #priceRangeLabel{ background:var(--rx-azure) !important; }
.rx-shop #clearFiltersBtn{ border-radius:10px; }

/* ---------- ПРОДУКТОВИ КАРТИ ---------- */
.rx-shop .fruite-item{
  border:1px solid var(--rx-line) !important; border-radius:16px !important;
  box-shadow:0 10px 30px -18px rgba(12,62,94,.20), 0 2px 8px -4px rgba(12,62,94,.08) !important;
  transition:transform .25s ease, box-shadow .25s ease !important; background:#fff;
}
.rx-shop .fruite-item:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 50px -22px rgba(12,62,94,.34), 0 6px 16px -8px rgba(12,62,94,.14) !important;
}
.rx-shop .fruite-img{ background:#fff; overflow:hidden; }
.rx-shop .fruite-img img{ object-fit:contain !important; height:215px !important; padding:12px; background:#fff; transition:transform .35s ease; }
.rx-shop .fruite-item:hover .fruite-img img{ transform:scale(1.05); }
.rx-shop .card-content{ padding:14px 16px 4px; }
.rx-shop .redex-cat-label{ font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--rx-azure); margin-bottom:4px; }
.rx-shop .product-card-title, .rx-shop .fruite-item .product-card-title{ font-size:15px !important; font-weight:600 !important; color:var(--rx-navy) !important; }
.rx-shop .rx-chips{ display:flex; flex-wrap:wrap; gap:6px; margin:6px 0; }
.rx-shop .rx-chip{ background:var(--rx-soft); border:1px solid var(--rx-soft-line); color:#4a5a66; font-size:11px; font-weight:600; padding:3px 9px; border-radius:999px; }
.rx-shop .card-desc-text{ color:#7a8a98; font-size:12.5px; line-height:1.45; }
.rx-shop .card-price-footer{ padding:6px 16px 16px; }
.rx-shop .price-now{ color:var(--rx-navy) !important; font-weight:800 !important; }
.rx-shop .price-was{ color:#a9bac6 !important; }
.rx-shop .card-buy-btn{
  background:linear-gradient(135deg,var(--rx-azure),var(--rx-accent)) !important; color:#fff !important;
  border:none !important; border-radius:12px !important; font-weight:700 !important;
  box-shadow:0 10px 22px -10px rgba(21,131,194,.6) !important; transition:transform .2s, box-shadow .2s !important;
}
.rx-shop .card-buy-btn:hover{ transform:translateY(-2px); box-shadow:0 16px 30px -12px rgba(21,131,194,.72) !important; }
.rx-shop .rx-energy{ font-weight:800; }

/* ---------- странициране ---------- */
.rx-shop #shopPagination a, .rx-shop #shopPagination button, .rx-shop #shopPagination .page-link{
  border-radius:10px !important; border:1px solid var(--rx-line) !important; color:var(--rx-navy) !important; font-weight:600;
}
.rx-shop #shopPagination .active, .rx-shop #shopPagination .active .page-link, .rx-shop #shopPagination a.active{
  background:linear-gradient(135deg,var(--rx-azure),var(--rx-accent)) !important; color:#fff !important; border-color:transparent !important;
}