:root{
  --nf-ink:#111111;
  --nf-muted:#6b7280;
  --nf-line:#e7e2dc;
  --nf-soft:#faf8f5;
  --nf-panel:#ffffff;
  --nf-warm:#c7a06a;
  --nf-warm-dark:#9a7444;
  --nf-radius:10px;
  --nf-shadow:0 14px 35px rgba(17,17,17,.08);
}

html{background:var(--nf-soft)}
body{
  background:var(--nf-soft) !important;
  color:var(--nf-ink);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,'Noto Kufi Arabic','Noto Sans Arabic','Almarai',Tahoma,Arial,sans-serif !important;
  letter-spacing:0;
}

.navbar,
header.sticky-top,
.bg-nf{
  background:#050505 !important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.navbar .container,
header .container{min-height:64px}
.navbar-brand,
.navbar .navbar-brand,
header .fw-bold{
  color:#fff !important;
  font-weight:800 !important;
  letter-spacing:.2px;
}

.container{max-width:1180px}
.container.py-4,
.container.py-5{padding-top:32px !important;padding-bottom:48px !important}

.card,
.product-card,
.order-card,
.panel,
.kpi,
.chart-wrap{
  border:1px solid var(--nf-line) !important;
  border-radius:var(--nf-radius) !important;
  background:var(--nf-panel) !important;
  box-shadow:none !important;
}
.card.p-3,.card.p-md-4{padding:28px !important}

h1,h2,h3,h4,h5,h6{color:var(--nf-ink);letter-spacing:0}
.text-muted,.text-secondary{color:var(--nf-muted) !important}

.btn,
.form-control,
.form-select,
.alert,
.badge,
.table,
.qty-input{border-radius:8px !important}
.btn{font-weight:700;min-height:42px;padding:.58rem 1rem}
.btn-dark,
.btn-success,
.btn-order,
.btn-nf{
  background:var(--nf-ink) !important;
  border-color:var(--nf-ink) !important;
  color:#fff !important;
}
.btn-dark:hover,
.btn-success:hover,
.btn-order:hover,
.btn-nf:hover{background:#2a2a2a !important;border-color:#2a2a2a !important;color:#fff !important}
.btn-outline-dark,
.btn-outline-secondary{border-color:var(--nf-ink) !important;color:var(--nf-ink) !important;background:#fff !important}
.btn-outline-dark:hover,
.btn-outline-secondary:hover{background:var(--nf-ink) !important;color:#fff !important}
.btn:disabled{background:#d6d1ca !important;border-color:#d6d1ca !important;color:#736b61 !important;opacity:1}

.form-label{font-weight:700;color:var(--nf-ink);margin-bottom:.45rem}
.form-control,
.form-select{
  border:1px solid var(--nf-line) !important;
  min-height:44px;
  background:#fff;
}
.form-control:focus,
.form-select:focus{
  border-color:var(--nf-warm) !important;
  box-shadow:0 0 0 .2rem rgba(199,160,106,.18) !important;
}

.badge-code{
  background:var(--nf-ink) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:.32rem .72rem !important;
}
.badge-tag,
.badge.bg-tag,
.badge.bg-soft{
  background:#f3eee7 !important;
  color:#2b2b2b !important;
  border:1px solid var(--nf-line) !important;
  border-radius:999px !important;
  padding:.35rem .7rem;
}

.product-card{overflow:hidden;transition:transform .2s ease,border-color .2s ease}
.product-card:hover{transform:translateY(-3px);border-color:#d7c7b3 !important}
.product-card img,.card-img-top{background:#f5f2ee}
.price,.fw-bold.text-success{color:var(--nf-ink) !important}

#pCarousel,
#homepageSlider{
  border-radius:var(--nf-radius);
  overflow:hidden;
  background:#f4f0eb;
}
#pCarousel img.cover{
  width:100%;
  max-height:760px;
  object-fit:cover;
  border-radius:0 !important;
}
.carousel-control-prev-icon,
.carousel-control-next-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}
.carousel-indicators [data-bs-target]{background-color:#d6d1ca !important}
.carousel-indicators .active{background-color:var(--nf-ink) !important}

.table{background:#fff;border-color:var(--nf-line)}
.table thead th{background:#f5f1eb !important;color:var(--nf-ink);border-bottom:1px solid var(--nf-line)}
.table td,.table th{vertical-align:middle;border-color:var(--nf-line)}

.alert-warning{background:#fff7e8 !important;border-color:#ead3ad !important;color:#7a5319 !important}
.alert-secondary{background:#f7f3ee !important;border-color:var(--nf-line) !important;color:var(--nf-ink) !important}
.alert-dark{background:var(--nf-ink) !important;color:#fff !important;border-color:var(--nf-ink) !important}
.card-header.bg-dark{background:var(--nf-ink) !important;border-bottom:0 !important;padding:1rem 1.25rem}

footer,
.site-footer{background:#050505;color:#fff}

.whatsapp-btn,.messenger-btn{box-shadow:var(--nf-shadow)}

@media (max-width: 767.98px){
  .container.py-4,.container.py-5{padding-top:18px !important;padding-bottom:32px !important}
  .card.p-3,.card.p-md-4{padding:20px !important}
  h2{font-size:1.45rem}
  h3{font-size:1.35rem}
  #pCarousel img.cover{max-height:560px}
  .table-responsive{border:1px solid var(--nf-line);border-radius:var(--nf-radius)}
}