/*
Theme Name: National Surgical India
Theme URI: https://nationalsurgicalindia.com
Author: National Surgical India
Description: Premium WooCommerce-ready e-commerce theme for National Surgical India — supplier of surgical equipment, hearing aids, wheelchairs, hospital instruments and medical products for bulk and retail buyers.
Version: 2.0
Requires PHP: 7.4
Text Domain: nsi-theme
*/

:root{
  --ink:#0a0a0a;
  --charcoal:#171717;
  --red:#d81e3a;
  --red-deep:#8f0f24;
  --paper:#faf8f6;
  --line:#ece5e2;
  --muted:#767070;
  --gold:#c8a24a;
  --radius:14px;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Inter',Arial,sans-serif;
  background:var(--paper);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  padding-bottom:64px;
}
h1,h2,h3,h4{font-family:'Manrope','Inter',Arial,sans-serif; letter-spacing:-0.02em; color:var(--ink);}
img{max-width:100%; display:block;}
a{text-decoration:none; color:inherit;}
.wrap{max-width:1200px; margin:0 auto; padding:0 18px;}
.eyebrow{font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--red);}

.suture{display:flex; align-items:center; gap:6px; width:100%; padding:22px 0;}
.suture::before,.suture::after{content:""; flex:1; height:1px; background:repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 11px);}
.suture i{ color:var(--red); font-size:11px; }

.topbar{background:var(--ink); color:#cfc7c7; font-size:11.5px; padding:7px 0; letter-spacing:.02em;}
.topbar .wrap{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:6px;}
.topbar a{color:#efe3e5; font-weight:600;}
.topbar .tb-right{display:flex; gap:14px;}
.topbar .tb-right i{color:var(--red); margin-right:4px;}

header.nsi-site-header{position:sticky; top:0; z-index:50; background:rgba(10,10,10,0.92); backdrop-filter:blur(10px); border-bottom:1px solid rgba(216,30,58,0.35);}
.nsi-site-header .wrap{display:flex; align-items:center; justify-content:space-between; padding:10px 18px; gap:12px;}
.nsi-brand{display:flex; align-items:center; gap:9px;}
.nsi-brand img{height:38px; width:auto; border-radius:6px;}
.nsi-brand-text{line-height:1.1;}
.nsi-brand-text .n1{font-family:'Manrope',sans-serif; font-weight:800; font-size:14.5px; color:#fff;}
.nsi-brand-text .n2{font-size:9.5px; letter-spacing:.16em; color:var(--red); text-transform:uppercase; font-weight:700;}
.nsi-head-icons{display:flex; align-items:center; gap:16px; color:#fff; font-size:17px;}
.nsi-head-icons .cart-wrap{position:relative;}
.nsi-head-icons .badge{position:absolute; top:-7px; right:-9px; background:var(--red); color:#fff; font-size:9px; font-weight:700; padding:1px 5px; border-radius:20px;}
.nsi-burger{font-size:19px; cursor:pointer; display:none; background:none; border:none; color:#fff;}

.nsi-search-pill{margin:0 18px 12px; background:#231f1f; border:1px solid #332d2d; border-radius:30px; display:flex; align-items:center; gap:8px; padding:11px 16px;}
.nsi-search-pill input{background:transparent; border:none; outline:none; color:#fff; font-size:13.5px; width:100%;}
.nsi-search-pill input::placeholder{color:#b6adad;}
.nsi-search-pill i{color:var(--red);}

.nsi-nav{background:var(--ink); border-top:1px solid #262222;}
.nsi-nav ul{list-style:none; display:none; flex-wrap:wrap; margin:0; padding:0;}
.nsi-nav.open ul{display:flex; flex-direction:column;}
.nsi-nav a{display:block; padding:12px 18px; color:#e7dede; font-size:13px; font-weight:600; border-top:1px solid #221f1f;}
.nsi-nav a:hover{color:var(--red);}

.nsi-hero{position:relative; overflow:hidden; background:radial-gradient(circle at 85% -10%, rgba(216,30,58,0.35), transparent 55%), linear-gradient(180deg, #0a0a0a, #141010 70%, var(--ink)); color:#fff; padding:34px 0 40px;}
.nsi-hero .wrap{position:relative; z-index:1;}
.nsi-pill{display:inline-flex; align-items:center; gap:6px; background:rgba(216,30,58,0.15); border:1px solid rgba(216,30,58,0.5); color:#ffd9de; font-size:11.5px; font-weight:600; padding:6px 12px; border-radius:30px; margin-bottom:16px;}
.nsi-pill i{color:var(--red);}
.nsi-hero h1{font-size:30px; line-height:1.16; font-weight:800; margin-bottom:12px; max-width:320px;}
.nsi-hero h1 em{color:var(--red); font-style:normal;}
.nsi-hero p{font-size:14px; color:#c7bfbf; max-width:340px; margin-bottom:22px; line-height:1.6;}
.nsi-btn-row{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:28px;}
.nsi-btn{display:inline-flex; align-items:center; gap:8px; padding:13px 20px; border-radius:9px; font-size:13.5px; font-weight:700;}
.nsi-btn-primary{background:linear-gradient(135deg, var(--red), var(--red-deep)); color:#fff; box-shadow:0 10px 22px -8px rgba(216,30,58,0.65);}
.nsi-btn-outline{border:1.4px solid rgba(255,255,255,0.35); color:#fff;}
.nsi-stat-row{display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid rgba(255,255,255,0.12); padding-top:18px;}
.nsi-stat-row b{display:block; font-family:'Manrope',sans-serif; font-size:19px; font-weight:800; color:#fff;}
.nsi-stat-row span{font-size:10.5px; color:#9c9494;}

.nsi-section{padding:32px 0 8px;}
.nsi-section-head{display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:16px;}
.nsi-section-head h2{font-size:20px; font-weight:800;}
.nsi-section-head a{font-size:12px; font-weight:700; color:var(--red);}
.nsi-section-head p.sub{font-size:12.5px; color:var(--muted); margin-top:4px;}

.nsi-cat-scroll{display:flex; gap:12px; overflow-x:auto; padding:2px 18px 14px; scroll-snap-type:x mandatory; margin:0 -18px;}
.nsi-cat-scroll::-webkit-scrollbar{display:none;}
.nsi-cat-card{scroll-snap-align:start; flex:0 0 auto; width:108px; background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px 10px; text-align:center; box-shadow:0 2px 10px -6px rgba(0,0,0,0.12);}
.nsi-cat-ico{width:46px; height:46px; margin:0 auto 10px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:linear-gradient(145deg,#fdecef,#fbe0e4); color:var(--red); font-size:18px;}
.nsi-cat-card h4{font-size:11.5px; font-weight:700; line-height:1.3;}

.nsi-prod-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.nsi-prod-card{background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:0 3px 14px -8px rgba(0,0,0,0.15); position:relative;}
.nsi-prod-media{height:118px; background:linear-gradient(150deg,#fbe8ea,#f4f1ee); display:flex; align-items:center; justify-content:center; font-size:34px; color:var(--red); position:relative; overflow:hidden;}
.nsi-prod-media img{width:100%; height:100%; object-fit:cover;}
.nsi-ribbon{position:absolute; top:9px; left:9px; background:var(--ink); color:#fff; font-size:9px; font-weight:700; padding:4px 8px; border-radius:5px;}
.nsi-wish{position:absolute; top:9px; right:9px; width:26px; height:26px; border-radius:50%; background:rgba(255,255,255,0.85); display:flex; align-items:center; justify-content:center; font-size:12px; color:var(--muted);}
.nsi-prod-body{padding:11px 12px 13px;}
.nsi-prod-body h4{font-size:12.5px; font-weight:700; line-height:1.35; margin-bottom:5px; min-height:34px;}
.nsi-stars{color:var(--gold); font-size:10px; margin-bottom:6px;}
.nsi-price-row{display:flex; align-items:baseline; gap:6px; margin-bottom:3px;}
.nsi-price{font-family:'Manrope',sans-serif; font-weight:800; font-size:15px;}
.nsi-mrp{font-size:11px; color:#b3aaaa; text-decoration:line-through;}
.nsi-bulk-tag,.nsi-bulk-price{font-size:10px; color:var(--red); font-weight:700; display:block;}
.nsi-add-fab{position:absolute; bottom:11px; right:11px; width:30px; height:30px; border-radius:50%; background:var(--ink); color:#fff; display:flex; align-items:center; justify-content:center; font-size:12px;}

.nsi-trust-strip{display:grid; grid-template-columns:repeat(4,1fr); gap:8px; background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px 6px;}
.nsi-trust-strip div{text-align:center;}
.nsi-trust-strip i{font-size:18px; color:var(--red); margin-bottom:6px; display:block;}
.nsi-trust-strip span{font-size:9.5px; color:var(--muted); font-weight:600; line-height:1.3; display:block;}

.nsi-bulk-banner{margin:34px 18px; border-radius:18px; padding:26px 22px; background:linear-gradient(135deg, var(--red-deep), var(--red)); color:#fff; position:relative; overflow:hidden;}
.nsi-bulk-banner h3{color:#fff; font-size:19px; margin-bottom:6px;}
.nsi-bulk-banner p{font-size:12.5px; color:#ffe3e6; margin-bottom:16px; max-width:280px;}
.nsi-bulk-banner .nsi-btn{background:#fff; color:var(--red-deep);}

.nsi-testi{background:var(--ink); color:#fff; border-radius:16px; padding:22px; margin:0 18px;}
.nsi-testi .nsi-stars{color:var(--gold); font-size:12px; margin-bottom:10px;}
.nsi-testi p{font-size:13.5px; color:#d9d2d2; line-height:1.6; margin-bottom:14px;}
.nsi-testi .who{display:flex; align-items:center; gap:10px;}
.nsi-testi .who .av{width:34px; height:34px; border-radius:50%; background:var(--red); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px;}
.nsi-testi .who b{font-size:12.5px; display:block;}
.nsi-testi .who span{font-size:10.5px; color:#a79f9f;}

.nsi-footer{background:var(--ink); color:#a79f9f; margin-top:40px; padding:34px 0 90px;}
.nsi-footer .nsi-brand-text .n1{color:#fff;}
.nsi-foot-grid{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin:24px 0;}
.nsi-foot-grid h5{color:#fff; font-size:12px; margin-bottom:10px; font-weight:700;}
.nsi-foot-grid ul{list-style:none;}
.nsi-foot-grid li{font-size:12px; margin-bottom:8px;}
.nsi-foot-bottom{border-top:1px solid #262222; padding-top:16px; font-size:10.5px; text-align:center;}

.nsi-action-bar{position:fixed; bottom:0; left:0; right:0; z-index:60; background:#fff; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr 1.3fr; box-shadow:0 -6px 18px rgba(0,0,0,0.08);}
.nsi-action-bar a{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:9px 4px; font-size:10px; font-weight:700; color:var(--ink); border-right:1px solid var(--line);}
.nsi-action-bar a:last-child{border-right:none; background:linear-gradient(135deg,var(--red),var(--red-deep)); color:#fff;}
.nsi-action-bar i{font-size:15px;}
.nsi-action-bar a:first-child i{color:#25a244;}
.nsi-action-bar a:nth-child(2) i{color:var(--red);}

.nsi-woo-wrap{padding:26px 0 40px;}

@media(min-width:760px){
  .nsi-hero h1{font-size:42px; max-width:520px;}
  .nsi-hero p{max-width:480px;}
  .nsi-stat-row{max-width:420px;}
  .nsi-prod-grid{grid-template-columns:repeat(4,1fr);}
  .nsi-foot-grid{grid-template-columns:repeat(4,1fr);}
  .nsi-cat-scroll{overflow-x:visible; flex-wrap:wrap; justify-content:center;}
  .nsi-burger{display:none;}
  .nsi-nav ul{display:flex !important; flex-direction:row; justify-content:center;}
  .nsi-nav a{border-top:none;}
}
@media(max-width:759px){
  .nsi-burger{display:block;}
}