/* =========================================================
   Mobify.az — Premium Light UI (Ağ + rəngli aksentlər)
   ========================================================= */

:root{
  --bg:#F7F9FC;
  --bg2:#FFFFFF;

  --card:#FFFFFF;
  --card2:#FBFCFF;

  --stroke:rgba(15,23,42,.10);
  --stroke2:rgba(15,23,42,.14);

  --text:#0B1220;
  --muted:rgba(11,18,32,.70);
  --muted2:rgba(11,18,32,.55);

  --primary:#2563EB;   /* blue */
  --primary2:#22C55E;  /* green */
  --pink:#EC4899;
  --violet:#7C3AED;
  --cyan:#06B6D4;
  --amber:#F59E0B;

  --shadow: 0 18px 50px rgba(15,23,42,.10);
  --shadow2: 0 10px 28px rgba(15,23,42,.08);

  --radius:18px;
  --radius2:24px;
  --wrap:1200px;
  --tr: 220ms ease;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(900px 520px at 10% 0%, rgba(37,99,235,.12), transparent 60%),
    radial-gradient(800px 520px at 90% 10%, rgba(236,72,153,.10), transparent 60%),
    radial-gradient(900px 520px at 50% 120%, rgba(34,197,94,.10), transparent 60%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  overflow-x:hidden;
}

a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap); margin:0 auto; padding:0 18px}
.muted{color:var(--muted)}
.dot{width:5px;height:5px;border-radius:50%;background:rgba(11,18,32,.20);display:inline-block;vertical-align:middle;margin:0 10px}

/* Pills / Chips */
.pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px;
  border-radius:999px;
  font-weight:800;
  font-size:12px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.72);
}
.pill-soft{
  border-color: rgba(37,99,235,.22);
  background: rgba(37,99,235,.08);
  color: rgba(37,99,235,.92);
}

/* Buttons */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  gap:10px;
  border-radius:14px;
  padding:10px 14px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.85);
  color:var(--text);
  cursor:pointer;
  transition: transform var(--tr), background var(--tr), border-color var(--tr), box-shadow var(--tr);
}
.btn:hover{
  transform: translateY(-1px);
  background:#fff;
  border-color: var(--stroke2);
  box-shadow: var(--shadow2);
}
.btn:active{transform: translateY(0); box-shadow:none}

.btn-primary{
  border-color: rgba(37,99,235,.26);
  background: linear-gradient(135deg, rgba(37,99,235,.98), rgba(124,58,237,.92));
  color:#fff;
  box-shadow: 0 18px 40px rgba(37,99,235,.18);
}
.btn-primary:hover{
  border-color: rgba(37,99,235,.35);
  box-shadow: 0 20px 46px rgba(37,99,235,.22);
}

.btn-ghost{
  background: rgba(255,255,255,.75);
}

.btn-lg{padding:12px 16px; border-radius:16px; font-weight:900}

/* Glass light */
.glass{
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.62));
  border:1px solid rgba(15,23,42,.10);
  backdrop-filter: blur(10px);
  box-shadow: var(--shadow);
  border-radius: var(--radius2);
}

/* Topbar */
.topbar{
  border-bottom: 1px solid var(--stroke);
  background: rgba(255,255,255,.70);
  backdrop-filter: blur(12px);
}
.topbar-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 0;
  gap:14px;
}
.topbar-left{display:flex; align-items:center; gap:12px; min-width:0}
.topbar-right{display:flex; align-items:center; gap:10px}
.toplink{color:var(--muted); font-weight:800; font-size:13px}
.toplink:hover{color:var(--text)}

/* Header */
.header{
  position: sticky;
  top:0;
  z-index: 50;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--stroke);
}
.header-grid{
  display:grid;
  grid-template-columns: 260px 1fr 360px;
  gap:16px;
  align-items:center;
  padding:14px 0;
}
.brand{display:flex; align-items:center; gap:12px}
.brand-mark{
  width:42px; height:42px; border-radius:14px;
  position:relative;
  background:
    radial-gradient(120% 120% at 20% 10%, rgba(245,158,11,.45), rgba(245,158,11,.12)),
    radial-gradient(100% 100% at 90% 20%, rgba(37,99,235,.45), rgba(37,99,235,.10));
  border:1px solid rgba(15,23,42,.10);
  box-shadow: 0 18px 30px rgba(15,23,42,.10);
  overflow:hidden;
}
.brand-mark span{
  position:absolute;
  width:18px;height:18px;border-radius:8px;
  background: rgba(255,255,255,.55);
  border:1px solid rgba(15,23,42,.08);
}
.brand-mark span:nth-child(1){left:9px; top:9px}
.brand-mark span:nth-child(2){right:8px; top:14px; width:12px; height:12px; border-radius:6px}
.brand-mark span:nth-child(3){left:14px; bottom:8px; width:14px; height:14px; border-radius:7px}

.brand-text b{font-size:18px; letter-spacing:.2px}
.brand-text i{font-style:normal; color: var(--primary); font-weight:900}
.brand-text small{display:block; color:var(--muted2); font-weight:800; margin-top:2px}

/* Search */
.search{
  display:flex; align-items:center; gap:10px;
  padding:10px 10px 10px 12px;
  border-radius: 18px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.85);
  box-shadow: 0 12px 30px rgba(15,23,42,.06);
}
.search-icon{opacity:.65}
.search input{
  width:100%;
  border:0; outline:0;
  background:transparent;
  color:var(--text);
  font-weight:700;
}
.search input::placeholder{color: rgba(11,18,32,.50)}

/* Quick */
.quick{display:flex; justify-content:flex-end; gap:10px}
.qitem{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px;
  border-radius: 16px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.82);
  transition: transform var(--tr), box-shadow var(--tr), border-color var(--tr);
  position:relative;
}
.qitem:hover{transform: translateY(-1px); box-shadow: var(--shadow2); border-color: var(--stroke2)}
.qi-ico{font-size:18px}
.qi-txt small{display:block; color:var(--muted2); font-weight:800}
.qi-txt b{display:block; font-size:13px}
.badge{
  position:absolute; right:8px; top:8px;
  width:18px;height:18px;border-radius:9px;
  background: rgba(37,99,235,.10);
  border:1px solid rgba(37,99,235,.18);
  display:flex; align-items:center; justify-content:center;
  font-size:11px; font-weight:900; color: rgba(37,99,235,.95);
}

/* Nav */
.nav{border-top:1px solid var(--stroke)}
.nav-inner{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 0;
  gap:14px;
}
.catbtn{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 14px;
  border-radius: 16px;
  border:1px solid rgba(37,99,235,.18);
  background: rgba(37,99,235,.08);
  color: rgba(37,99,235,.95);
  cursor:pointer;
  font-weight:900;
}
.navlinks{display:flex; gap:14px; flex-wrap:wrap}
.navlinks a{
  color:var(--muted);
  font-weight:900;
  font-size:13px;
  padding:8px 10px;
  border-radius: 999px;
  border:1px solid transparent;
  transition: background var(--tr), border-color var(--tr), color var(--tr);
}
.navlinks a:hover{
  color:var(--text);
  background: rgba(15,23,42,.04);
  border-color: var(--stroke);
}
.navcall{
  display:flex; align-items:center; gap:10px;
  padding:10px 12px;
  border-radius: 16px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.82);
  box-shadow: 0 10px 24px rgba(15,23,42,. indicated?);
}
.navcall small{display:block; color:var(--muted2); font-weight:900}
.navcall b{display:block; font-size:13px}
.navcall-ico{color: var(--amber)}

/* Category mega */
.catmenu{
  border-top:1px solid var(--stroke);
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(14px);
}
.catmenu-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:16px;
  padding:16px 0 18px;
}
.catcol h4{margin:0 0 10px; font-size:14px; letter-spacing:.2px}
.catcol a{
  display:block;
  padding:8px 10px;
  border-radius: 12px;
  color:var(--muted);
  border:1px solid transparent;
}
.catcol a:hover{
  background: rgba(15,23,42,.04);
  border-color: var(--stroke);
  color:var(--text);
}
.catpromo .promo-card{
  border-radius: 18px;
  border:1px solid var(--stroke);
  background:
    radial-gradient(140% 140% at 10% 10%, rgba(37,99,235,.10), rgba(255,255,255,.90));
  padding:16px;
  box-shadow: var(--shadow2);
}

/* Hero */
.hero{padding:26px 0 14px}
.hero-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:22px;
  align-items:stretch;
}
.kicker{
  display:inline-flex; align-items:center; gap:10px;
  color:var(--muted);
  font-weight:900;
  letter-spacing:.2px;
  margin-bottom:12px;
}
.kdot{
  width:10px;height:10px;border-radius:999px;
  background: linear-gradient(135deg, var(--primary), var(--pink));
}
.hero h1{
  margin:0 0 12px;
  font-size:44px;
  line-height:1.05;
  letter-spacing:-.6px;
}
.grad{
  background: linear-gradient(90deg, var(--primary), var(--violet), var(--pink));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.lead{margin:0 0 18px; color:var(--muted); font-weight:700; max-width: 56ch}
.hero-cta{display:flex; gap:12px; flex-wrap:wrap; margin-bottom:18px}
.hero-stats{display:flex; gap:12px; flex-wrap:wrap}
.stat{
  min-width: 140px;
  padding:12px 14px;
  border-radius: 18px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.82);
  box-shadow: 0 10px 24px rgba(15,23,42,.06);
}
.stat b{display:block; font-size:16px}
.stat span{display:block; color:var(--muted2); font-weight:800; margin-top:2px}

/* Right hero card + mock */
.hero-right{position:relative}
.hero-card{padding:16px; height:100%}
.hero-card-top{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px}
.chip{
  padding:8px 10px;
  border-radius: 999px;
  border:1px solid rgba(37,99,235,.18);
  background: rgba(37,99,235,.08);
  font-weight:900;
  font-size:12px;
  color: rgba(37,99,235,.95);
}
.chip-soft{
  border-color: rgba(34,197,94,.20);
  background: rgba(34,197,94,.10);
  color: rgba(21,128,61,.95);
}
.phone-mock{display:flex; justify-content:center; margin: 10px 0 14px; position:relative}
.pm-screen{
  width: 310px;
  border-radius: 34px;
  padding:12px;
  background: rgba(255,255,255,.85);
  border:1px solid var(--stroke);
  box-shadow: 0 28px 60px rgba(15,23,42,.12);
  position:relative;
  overflow:hidden;
}
.pm-notch{
  width: 92px;
  height: 18px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  border:1px solid rgba(15,23,42,.10);
  margin: 0 auto 10px;
}
.pm-content{padding: 10px}
.pm-title{font-weight:900; letter-spacing:.3px}
.pm-sub{color:var(--muted2); font-weight:800; margin-top:4px; font-size:13px}
.pm-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:10px;
  margin-top:14px;
}
.pm-item{
  height:44px;
  border-radius: 14px;
  background: rgba(15,23,42,.04);
  border:1px solid var(--stroke);
}
.hero-card-bottom{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px;
  padding-top:12px;
  border-top:1px solid var(--stroke);
}
.mini small{display:block; color:var(--muted2); font-weight:900}
.mini b{display:block; margin-top:2px}

.floating{
  position:absolute;
  padding:10px 12px;
  border-radius: 999px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(12px);
  box-shadow: var(--shadow2);
  font-weight:900;
  font-size:12px;
  color: var(--text);
}
.f1{right:18px; top:18px}
.f2{left:18px; bottom:18px}

/* Features row */
.features{padding:16px 0 6px}
.feat-grid{display:grid; grid-template-columns: repeat(4, 1fr); gap:12px}
.feat{
  display:flex; gap:12px; align-items:center;
  padding:14px 14px;
  border-radius: 18px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.82);
  box-shadow: 0 10px 24px rgba(15,23,42,.06);
}
.feat-ico{font-size:20px}
.feat b{display:block}
.feat span{display:block; color:var(--muted2); font-weight:800; margin-top:2px; font-size:13px}

/* Banners */
.banners{padding:16px 0}
.banner-grid{display:grid; grid-template-columns: 1.1fr .9fr .9fr; gap:12px}
.banner{
  border-radius: 22px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.86);
  padding:16px;
  box-shadow: var(--shadow2);
  min-height: 150px;
  position:relative;
  overflow:hidden;
  transition: transform var(--tr), border-color var(--tr), background var(--tr);
}
.banner:hover{transform: translateY(-2px); border-color: var(--stroke2); background:#fff}
.banner h3{margin:10px 0 6px}
.banner p{margin:0 0 10px; color:var(--muted)}
.banner .link{font-weight:900; color: var(--primary)}
.banner-a::after,.banner-b::after,.banner-c::after{
  content:"";
  position:absolute; inset:-50px -50px auto auto;
  width:240px;height:240px;border-radius:50%;
  opacity:.55;
  filter: blur(0px);
}
.banner-a::after{background: radial-gradient(circle at 30% 30%, rgba(37,99,235,.24), transparent 62%)}
.banner-b::after{background: radial-gradient(circle at 30% 30%, rgba(236,72,153,.20), transparent 62%)}
.banner-c::after{background: radial-gradient(circle at 30% 30%, rgba(34,197,94,.18), transparent 62%)}

/* Products */
.products{padding:18px 0 6px}
.section-head{
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:14px; margin-bottom:14px;
}
.section-head h2{margin:6px 0 0; font-size:28px; letter-spacing:-.3px}
.filters{display:flex; gap:8px; flex-wrap:wrap}
.chipbtn{
  padding:8px 12px;
  border-radius: 999px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.86);
  color:var(--muted);
  font-weight:900;
  cursor:pointer;
  transition: background var(--tr), border-color var(--tr), color var(--tr), transform var(--tr);
}
.chipbtn:hover{background:#fff; border-color: var(--stroke2); color:var(--text)}
.chipbtn.is-active{
  color:#fff;
  border-color: rgba(37,99,235,.30);
  background: linear-gradient(135deg, rgba(37,99,235,.98), rgba(124,58,237,.92));
}

.grid{display:grid; grid-template-columns: repeat(3, 1fr); gap:12px}
.pcard{
  border-radius: 22px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.90);
  overflow:hidden;
  box-shadow: var(--shadow2);
  transition: transform var(--tr), border-color var(--tr), background var(--tr);
}
.pcard:hover{transform: translateY(-2px); border-color: var(--stroke2); background:#fff}
.pmedia{
  position:relative;
  padding:14px;
  border-bottom:1px solid var(--stroke);
  background:
    radial-gradient(120% 120% at 10% 10%, rgba(37,99,235,.10), rgba(255,255,255,.70));
}
.ptags{position:absolute; left:14px; top:14px; display:flex; gap:8px; flex-wrap:wrap}
.tag{
  font-size:12px;
  font-weight:900;
  padding:6px 10px;
  border-radius: 999px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.86);
}
.tag-hot{
  border-color: rgba(245,158,11,.25);
  background: rgba(245,158,11,.12);
  color: rgba(146,64,14,.95);
}
.pimg{
  height:160px;
  border-radius: 18px;
  border:1px solid var(--stroke);
  background: rgba(15,23,42,.04);
  margin-top:28px;
  position:relative;
  overflow:hidden;
}
.pimg::after{
  content:"";
  position:absolute; inset:-40px -40px auto auto;
  width:240px;height:240px;border-radius:50%;
  opacity:.65;
}
.ph::after{background: radial-gradient(circle at 30% 30%, rgba(245,158,11,.30), transparent 65%)}
.pl::after{background: radial-gradient(circle at 30% 30%, rgba(37,99,235,.28), transparent 65%)}
.pa::after{background: radial-gradient(circle at 30% 30%, rgba(6,182,212,.24), transparent 65%)}
.pg::after{background: radial-gradient(circle at 30% 30%, rgba(236,72,153,.22), transparent 65%)}
.ps::after{background: radial-gradient(circle at 30% 30%, rgba(124,58,237,.20), transparent 65%)}
.pw::after{background: radial-gradient(circle at 30% 30%, rgba(34,197,94,.18), transparent 65%)}

.pbody{padding:14px}
.pmeta{display:flex; align-items:center; justify-content:space-between; gap:10px}
.brandmini{font-weight:900; color: rgba(11,18,32,.88); font-size:12px; letter-spacing:.2px}
.rating{color: rgba(11,18,32,.86); font-weight:900; font-size:12px}
.rating small{color:var(--muted2); font-weight:900}
.ptitle{margin:10px 0 6px; font-size:16px; letter-spacing:-.2px}
.psub{margin:0 0 10px; color:var(--muted); font-weight:700; font-size:13px}
.pprice{display:flex; align-items:baseline; gap:10px; margin-bottom:12px}
.pprice b{font-size:18px}
.old{color:rgba(11,18,32,.40); text-decoration:line-through; font-weight:900}
.pactions{display:flex; gap:10px}
.pactions .btn{flex:1}
.pactions .btn-ghost{flex:0 0 auto; width:44px; height:44px; padding:0; border-radius:14px}

/* Trust */
.trust{padding:18px 0 30px}
.trust-grid{display:grid; grid-template-columns: 1.2fr .8fr; gap:12px; align-items:stretch}
.trust-card{padding:18px}
.trust-card h3{margin:0 0 8px; font-size:20px}
.trust-card p{margin:0 0 14px}
.trust-list{display:grid; grid-template-columns: repeat(2, 1fr); gap:10px}
.titem{
  padding:12px 12px;
  border-radius: 16px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.86);
  font-weight:900;
  display:flex; align-items:center; gap:10px;
  box-shadow: 0 10px 24px rgba(15,23,42,.06);
}
.newsletter{
  border-radius: 24px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.86);
  padding:18px;
  box-shadow: var(--shadow2);
}
.nl-head h3{margin:10px 0 6px}
.nl-head p{margin:0 0 12px}
.nl-form{display:flex; gap:10px; margin: 10px 0 10px}
.nl-form input{
  flex:1;
  border-radius: 16px;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.90);
  color:var(--text);
  padding:12px 12px;
  outline:0;
  font-weight:800;
}
.nl-form input::placeholder{color: rgba(11,18,32,.48)}

/* Footer */
.footer{
  border-top:1px solid var(--stroke);
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
  padding:24px 0 18px;
}
.footer-grid{
  display:grid;
  grid-template-columns: 1.3fr 1fr 1fr 1.1fr;
  gap:14px;
  align-items:start;
}
.footer h4{margin:0 0 10px}
.footer a{
  display:block;
  padding:8px 0;
  color:var(--muted);
  font-weight:900;
}
.footer a:hover{color:var(--text)}
.brand-foot{margin-bottom:10px}
.contact div{display:flex; gap:10px; color:var(--muted); font-weight:900; padding:6px 0}
.social{display:flex; gap:10px; margin-top:10px}
.social a{
  width:44px;height:44px;border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--stroke);
  background: rgba(255,255,255,.86);
  font-weight:900;
}
.social a:hover{background:#fff; box-shadow: var(--shadow2)}

.footer-bottom{
  display:flex; justify-content:space-between; gap:12px;
  padding-top:14px;
  margin-top:14px;
  border-top:1px solid var(--stroke);
}

/* Responsive */
@media (max-width: 1100px){
  .header-grid{grid-template-columns: 240px 1fr 330px}
  .grid{grid-template-columns: repeat(2, 1fr)}
}
@media (max-width: 900px){
  .header-grid{grid-template-columns: 1fr; gap:12px}
  .quick{justify-content:flex-start; flex-wrap:wrap}
  .nav-inner{flex-wrap:wrap}
  .catmenu-grid{grid-template-columns: repeat(2, 1fr)}
  .hero-grid{grid-template-columns: 1fr}
  .feat-grid{grid-template-columns: repeat(2, 1fr)}
  .banner-grid{grid-template-columns: 1fr}
  .trust-grid{grid-template-columns: 1fr}
  .footer-grid{grid-template-columns: 1fr 1fr}
}
@media (max-width: 520px){
  .hero h1{font-size:34px}
  .grid{grid-template-columns: 1fr}
  .footer-grid{grid-template-columns: 1fr}
  .nl-form{flex-direction:column}
  .btn-primary{width:100%}
  .search{flex-wrap:wrap}
  .search .btn{width:100%}
}
/* ===== Mobify.az — Color Boost Patch (axıra əlavə et) ===== */

/* Ümumi fonu daha “fresh” et */
body{
  background:
    radial-gradient(900px 520px at 12% 6%, rgba(37,99,235,.16), transparent 62%),
    radial-gradient(780px 520px at 88% 8%, rgba(236,72,153,.14), transparent 62%),
    radial-gradient(900px 520px at 50% 120%, rgba(34,197,94,.13), transparent 62%),
    linear-gradient(180deg, #F6F9FF, #FFFFFF);
}

/* Header-i biraz yığcam et */
.header-grid{ padding: 10px 0; }
.nav-inner{ padding: 8px 0; }

/* Axtarış inputunu daha premium göstər */
.search{
  border-color: rgba(37,99,235,.14);
  box-shadow: 0 14px 34px rgba(37,99,235,.08);
}
.search:focus-within{
  border-color: rgba(37,99,235,.28);
  box-shadow: 0 18px 40px rgba(37,99,235,.12);
}

/* “Kateqoriyalar” düyməsi daha canlı olsun */
.catbtn{
  background: linear-gradient(135deg, rgba(37,99,235,.12), rgba(124,58,237,.10));
  border-color: rgba(37,99,235,.22);
}

/* Hero hissəyə yumşaq rəngli glow */
.hero{
  position: relative;
}
.hero::before{
  content:"";
  position:absolute;
  inset: -40px 0 auto 0;
  height: 420px;
  background:
    radial-gradient(420px 220px at 18% 30%, rgba(37,99,235,.16), transparent 70%),
    radial-gradient(420px 220px at 58% 20%, rgba(124,58,237,.12), transparent 70%),
    radial-gradient(420px 220px at 85% 40%, rgba(236,72,153,.12), transparent 70%);
  pointer-events:none;
  z-index:0;
}
.hero .wrap{ position:relative; z-index:1; }

/* Kartlara premium glow (boğmadan) */
.pcard, .banner, .feat, .stat, .qitem{
  box-shadow: 0 14px 34px rgba(15,23,42,.08);
}
.pcard:hover, .banner:hover{
  box-shadow: 0 18px 46px rgba(37,99,235,.10);
}

/* Düymələri bir az daha “enerjili” et */
.btn-primary{
  background: linear-gradient(135deg, #2563EB, #7C3AED);
  box-shadow: 0 18px 44px rgba(37,99,235,.20);
}

/* SƏHV düzəlişi: navcall-da əvvəlki typo varsa bunu mütləq əlavə et */
.navcall{
  box-shadow: 0 10px 24px rgba(15,23,42,.06) !important;
}