/* ============================================================
   DGI — MODERN THEME SKIN (bold refresh)
   Design/skin only (brand color kept: uses var(--primary)).
   No layout/position changes, so nothing breaks.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{
   --dgi-line:#e8ebef;
   --dgi-bg:#f4f6f9;
   --dgi-ink:#141c2b;
   --dgi-radius:16px;
   --dgi-shadow:0 8px 26px rgba(20,28,43,.06);
   --dgi-shadow-hover:0 18px 40px rgba(20,28,43,.13);
}

/* ---------- Base typography ---------- */
body{
   font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
   background:var(--dgi-bg) !important;
   color:#3d4759;
   -webkit-font-smoothing:antialiased;
   letter-spacing:.1px;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
   font-family:'Poppins',sans-serif !important; font-weight:600 !important;
   color:var(--dgi-ink); letter-spacing:-.3px;
}
a{ transition:color .18s ease; }

/* ---------- Header / top bar ---------- */
.top-header,.navbar,.aiz-topbar,#topbar{ box-shadow:0 2px 14px rgba(20,28,43,.05); }
header .top-navbar,.top-navbar{ background:#fff !important; }
.search-bar .form-control,.aiz-search-box input{ border-radius:30px !important; }

/* ---------- Buttons ---------- */
.btn{
   border-radius:12px !important; font-weight:500 !important; padding:.6rem 1.4rem;
   transition:transform .15s ease, box-shadow .2s ease, filter .2s ease !important; box-shadow:none;
}
.btn:hover{ transform:translateY(-2px); }
.btn-primary,.btn-styled{ box-shadow:0 8px 20px rgba(0,0,0,.16) !important; }
.btn-primary:hover,.btn-styled:hover{ box-shadow:0 12px 26px rgba(0,0,0,.22) !important; filter:brightness(1.05); }
.btn-sm{ border-radius:9px !important; padding:.35rem .9rem; }
.btn-lg{ border-radius:14px !important; }

/* ---------- Cards & panels ---------- */
.card,.aiz-card{
   border:1px solid var(--dgi-line) !important;
   border-radius:var(--dgi-radius) !important;
   box-shadow:var(--dgi-shadow) !important;
   background:#fff;
}
.card .card-header{ background:#fff; border-bottom:1px solid var(--dgi-line); font-weight:600; padding:1rem 1.25rem; }
.card .card-body{ padding:1.25rem; }

/* ---------- PRODUCT CARDS (bold, most-visible) ---------- */
.aiz-card-box{
   border:1px solid var(--dgi-line) !important;
   border-radius:var(--dgi-radius) !important;
   background:#fff; overflow:hidden;
   transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.aiz-card-box:hover{
   transform:translateY(-6px);
   box-shadow:var(--dgi-shadow-hover) !important;
   border-color:transparent !important;
}
.aiz-card-box img{ transition:transform .35s ease; }
.aiz-card-box:hover img{ transform:scale(1.05); }
.aiz-card-box .fw-700.text-primary,.aiz-card-box .text-primary{ font-weight:700 !important; }

/* ---------- Section titles (Featured Products etc.) ---------- */
.border-primary.border-width-2{ border-width:0 !important; }
h3 .border-bottom.border-primary{ position:relative; }
h3 .border-bottom.border-primary:after{
   content:""; position:absolute; left:0; bottom:-2px; width:38px; height:4px;
   background:var(--primary); border-radius:4px;
}

/* ---------- Forms ---------- */
.form-control,.aiz-selectpicker .dropdown-toggle,select.form-control{
   border-radius:11px !important; border:1px solid #dfe3e9 !important; min-height:46px;
   transition:border-color .18s ease, box-shadow .18s ease !important;
}
.form-control:focus{ border-color:var(--primary) !important; box-shadow:0 0 0 3px var(--soft-primary) !important; }

/* ---------- Category menu / sidebar ---------- */
.aiz-category-menu,.category-nav{ border-radius:var(--dgi-radius) !important; overflow:hidden; box-shadow:var(--dgi-shadow); }
.aiz-category-menu .cat-item>a{ transition:background .15s ease, color .15s ease; }
.aiz-category-menu .cat-item>a:hover{ background:var(--soft-primary); }

/* ---------- Badges / pills ---------- */
.badge{ border-radius:8px !important; font-weight:500; padding:.42em .75em; }
.badge-pill{ border-radius:50rem !important; }

/* ---------- Tables ---------- */
.table thead th{ background:#f4f5f8; font-weight:600; border-top:none; font-size:12.5px; text-transform:uppercase; letter-spacing:.5px; color:var(--dgi-ink); }
.table td,.table th{ vertical-align:middle; }

/* ---------- Pagination ---------- */
.pagination .page-link{ border-radius:9px !important; margin:0 3px; border:1px solid var(--dgi-line); color:var(--dgi-ink); }
.pagination .page-item.active .page-link{ background:var(--primary); border-color:var(--primary); }

/* ---------- Footer ---------- */
.aiz-footer,footer{ }
footer .footer-copyright,.footer-bottom{ border-top:1px solid rgba(255,255,255,.08); }

/* ---------- Scrollbar ---------- */
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-thumb{ background:#cbd2db; border-radius:8px; }
::-webkit-scrollbar-thumb:hover{ background:#b3bcc8; }