/* SPARDHA CHIGURU BOOKS — SAGE MARKETPLACE DESIGN SYSTEM */
:root{
  --mh-sage:#E8F0EC; --mh-sage-2:#F3F7F5; --mh-sage-3:#D8E7DF;
  --mh-blue:#2563EB; --mh-blue-dark:#1E40AF; --mh-blue-soft:#EAF1FF;
  --mh-green:#10B981; --mh-green-dark:#047857; --mh-green-soft:#E8F8F2;
  --mh-amber:#F59E0B; --mh-red:#DC2626; --mh-ink:#1F2937; --mh-muted:#667085;
  --mh-bg:#F7F9F8; --mh-surface:#FFFFFF; --mh-border:#DDE5E1;
  --mh-shadow:0 10px 30px rgba(31,41,55,.07); --mh-shadow-sm:0 4px 14px rgba(31,41,55,.055);
  --mh-radius:16px;
}
*{box-sizing:border-box}
html,body{background:var(--mh-bg)!important;color:var(--mh-ink)!important}
body{font-family:Inter,"Segoe UI",Arial,sans-serif!important}
h1,h2,h3,h4,h5,h6{color:var(--mh-ink)!important;letter-spacing:-.018em}
a{color:var(--mh-blue)}
.sidebar,.vendor-sidebar{background:linear-gradient(180deg,#fff 0%,#FAFCFB 55%,var(--mh-sage) 100%)!important;color:var(--mh-ink)!important;border-right:1px solid var(--mh-border)!important;box-shadow:6px 0 24px rgba(31,41,55,.035)!important}
.topbar,.vendor-topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--mh-border)!important;box-shadow:0 2px 12px rgba(31,41,55,.035)!important;backdrop-filter:blur(12px)}
.admin-main,.vendor-main,.vendor-content,.admin-shell,.vendor-shell{background:linear-gradient(135deg,#F9FBFA 0%,#F4F8F6 48%,#EEF5F1 100%)!important}
.brand-box,.vendor-brand{display:flex!important;align-items:center!important;gap:12px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--mh-border)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:14px 16px!important;min-height:84px!important}
.brand-box img,.brand-mark-image,.sidebar-brand-image,.vendor-brand img{width:92px!important;height:58px!important;object-fit:cover!important;object-position:center!important;background:transparent!important;border:0!important;border-radius:8px!important;padding:0!important;box-shadow:none!important;flex:0 0 auto!important}
.brand-box>div,.vendor-brand>div{display:flex!important;flex-direction:column!important;min-width:0!important;line-height:1.15!important}
.brand-box strong,.vendor-brand strong{display:block!important;color:var(--mh-ink)!important;font-size:16px!important;font-weight:800!important;white-space:nowrap!important}
.brand-box small,.vendor-brand small{display:block!important;color:var(--mh-muted)!important;font-size:11px!important;margin-top:5px!important;white-space:nowrap!important}
.side-nav a,.side-toggle,.vendor-sidebar nav a{color:#475467!important;background:transparent!important;border:0!important;border-radius:11px!important;margin:4px 10px!important;padding-top:11px!important;padding-bottom:11px!important;box-shadow:none!important;font-weight:550!important;transition:.2s ease!important}
.side-nav a i,.side-toggle i,.vendor-sidebar nav a i{color:#7B8794!important;transition:.2s ease!important}
.side-nav a:hover,.side-toggle:hover,.vendor-sidebar nav a:hover{background:linear-gradient(90deg,var(--mh-sage),#fff)!important;color:var(--mh-blue-dark)!important;transform:translateX(2px)!important}
.side-nav a.active,.side-group.open>.side-toggle,.vendor-sidebar nav a.active{background:linear-gradient(90deg,#E8F0FF 0%,#F6F9FF 100%)!important;color:var(--mh-blue-dark)!important;box-shadow:inset 4px 0 0 var(--mh-blue)!important;font-weight:700!important}
.side-nav a:hover i,.side-nav a.active i,.side-toggle:hover i,.side-group.open>.side-toggle i,.vendor-sidebar nav a:hover i,.vendor-sidebar nav a.active i{color:var(--mh-blue)!important}
.stat-card,.admin-card,.content-card,.panel-card,.v-card,.vendor-card,.login-card,.auth-card{background:rgba(255,255,255,.98)!important;border:1px solid var(--mh-border)!important;box-shadow:var(--mh-shadow-sm)!important;border-radius:var(--mh-radius)!important}
.stat-card:hover,.admin-card:hover,.v-card:hover,.vendor-card:hover{box-shadow:var(--mh-shadow)!important;transform:translateY(-2px)!important;transition:.2s ease!important}
.stat-icon,.quick-icon{background:linear-gradient(135deg,var(--mh-blue-soft),#F6F9FF)!important;color:var(--mh-blue)!important;border:1px solid #DCE7FF!important}
.btn-primary,.btn-grad,.btn-gradient,.btn-login,.login-card button[type=submit]{background:linear-gradient(90deg,var(--mh-blue-dark),var(--mh-blue))!important;border:0!important;color:#fff!important;box-shadow:0 7px 16px rgba(37,99,235,.20)!important}
.btn-primary:hover,.btn-grad:hover,.btn-gradient:hover,.btn-login:hover,.login-card button[type=submit]:hover{background:linear-gradient(90deg,#1D4ED8,#3B82F6)!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 10px 20px rgba(37,99,235,.25)!important}
.btn-success{background:linear-gradient(90deg,var(--mh-green-dark),var(--mh-green))!important;border:0!important;color:#fff!important;box-shadow:0 7px 16px rgba(16,185,129,.18)!important}
.btn-success:hover{background:linear-gradient(90deg,#047857,#34D399)!important;color:#fff!important}
.btn-warning,.btn-orange,.btn-accent{background:linear-gradient(90deg,#D97706,var(--mh-amber))!important;border:0!important;color:#fff!important}
.btn-danger{background:linear-gradient(90deg,#B91C1C,var(--mh-red))!important;border:0!important;color:#fff!important}
.btn-outline-primary{border-color:var(--mh-blue)!important;color:var(--mh-blue)!important;background:#fff!important}
.btn-outline-primary:hover{background:var(--mh-blue)!important;color:#fff!important}
.btn-light{background:#fff!important;border-color:var(--mh-border)!important;color:var(--mh-ink)!important}
.form-control,.form-select{border-color:var(--mh-border)!important;background:#fff!important;border-radius:10px!important}
.form-control:focus,.form-select:focus{border-color:var(--mh-blue)!important;box-shadow:0 0 0 .2rem rgba(37,99,235,.12)!important}
.table{--bs-table-bg:#fff;--bs-table-color:var(--mh-ink);--bs-table-border-color:var(--mh-border)}
.table thead th{background:var(--mh-sage-2)!important;color:#344054!important}
.badge.text-bg-warning{background:#FEF3C7!important;color:#92400E!important}
.login-page,.auth-shell{background:radial-gradient(circle at 15% 20%,rgba(232,240,236,.95),transparent 36%),radial-gradient(circle at 88% 80%,rgba(220,231,255,.8),transparent 36%),linear-gradient(135deg,#F9FBFA,#EEF5F1)!important;min-height:100vh!important}
.login-card{max-width:440px!important;border-radius:20px!important;box-shadow:0 24px 60px rgba(31,41,55,.12)!important}
.login-brand-lockup{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin-bottom:10px!important}
.login-brand-lockup img,.login-brand-logo{width:98px!important;height:62px!important;object-fit:cover!important;object-position:center!important;border-radius:8px!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.login-brand-lockup>div{display:flex!important;flex-direction:column!important;line-height:1.15!important;text-align:left!important}
.login-brand-lockup strong{font-size:18px!important;color:var(--mh-ink)!important}
.login-brand-lockup small{font-size:12px!important;color:var(--mh-muted)!important;margin-top:5px!important}
.demo-box,.demo-credentials{background:linear-gradient(135deg,var(--mh-sage-2),#fff)!important;border:1px dashed #AFC9BC!important;color:var(--mh-ink)!important;border-radius:12px!important}
.top-strip{background:linear-gradient(90deg,#1F2937,#344054)!important;color:#F8FAFC!important}
.site-nav{background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--mh-border)!important;box-shadow:0 5px 20px rgba(31,41,55,.06)!important;backdrop-filter:blur(12px)}
.brand-lockup{display:flex!important;align-items:center!important;gap:10px!important}
.brand-lockup-mark{width:112px!important;height:66px!important;object-fit:cover!important;object-position:center!important;border-radius:8px!important;background:transparent!important;padding:0!important;box-shadow:none!important}
.brand-copy{display:flex!important}
.brand-copy strong{color:var(--mh-ink)!important}
.brand-copy small{color:var(--mh-muted)!important}
.nav-link{color:#3E4C59!important;font-weight:650!important}
.nav-link.active,.nav-link:hover{color:var(--mh-blue)!important}
.nav-link:after{background:linear-gradient(90deg,var(--mh-blue),var(--mh-green))!important}
.header-product-search{border-color:var(--mh-border)!important;background:#FAFCFB!important;border-radius:12px!important}
.header-product-search button{background:linear-gradient(90deg,var(--mh-blue-dark),var(--mh-blue))!important;color:#fff!important}
.icon-link{background:#F6F9F7!important;color:var(--mh-blue)!important;border:1px solid var(--mh-border)!important}
.icon-link:hover{background:var(--mh-blue)!important;color:#fff!important}
.icon-link span{background:var(--mh-amber)!important;color:#fff!important}
.hero{background:linear-gradient(120deg,#1F2937 0%,#334155 50%,#2563EB 100%)!important}
.hero:before{opacity:.12!important}
.hero h1,.hero p{color:#fff!important}
.hero .badge{background:rgba(255,255,255,.9)!important;color:#1E40AF!important}
.newsletter-box{background:linear-gradient(135deg,#1E40AF 0%,#2563EB 55%,#10B981 100%)!important;border-radius:20px!important;box-shadow:0 16px 40px rgba(37,99,235,.18)!important}
.site-footer{background:linear-gradient(135deg,#1F2937,#111827)!important;color:#D7DEE8!important}
.site-footer h6,.site-footer .footer-brand-copy strong{color:#fff!important}
.site-footer a{color:#D7DEE8!important}
.site-footer a:hover{color:#93C5FD!important}
.footer-bottom{border-color:rgba(255,255,255,.1)!important}
.social-links a{box-shadow:none!important}
@media(max-width:991.98px){
 .brand-box,.vendor-brand{padding:12px!important}
 .brand-lockup-mark{width:96px!important;height:58px!important}
 .vendor-content{padding:18px!important}
 .sidebar,.vendor-sidebar{box-shadow:8px 0 28px rgba(31,41,55,.12)!important}
}
@media(max-width:575.98px){
 .brand-box img,.vendor-brand img{width:78px!important;height:50px!important}
 .brand-box strong,.vendor-brand strong{font-size:14px!important}
 .login-card{width:calc(100% - 24px)!important;padding:24px 20px!important}
 .login-brand-lockup img{width:88px!important;height:56px!important}
 .brand-lockup-mark{width:86px!important;height:52px!important}
 .brand-copy small{display:none!important}
 .stat-card{min-height:auto!important}
}


/* SPARDHA CHIGURU BOOKS — FOOTER DARK GRADIENT LOGIN + SIDEBAR OVERRIDE */
:root{
  --mh-panel-dark:#182232;
  --mh-panel-mid:#223148;
  --mh-panel-light:#30445f;
  --mh-panel-border:rgba(255,255,255,.10);
  --mh-panel-text:#f8fafc;
  --mh-panel-muted:#b9c5d6;
}

/* Use the footer-inspired gradient only for panel sidebars */
.sidebar,.vendor-sidebar{
  background:linear-gradient(180deg,var(--mh-panel-dark) 0%,var(--mh-panel-mid) 52%,#1b2739 100%)!important;
  color:var(--mh-panel-text)!important;
  border-right:1px solid var(--mh-panel-border)!important;
  box-shadow:8px 0 28px rgba(15,23,42,.16)!important;
}
.brand-box,.vendor-brand{
  background:rgba(255,255,255,.025)!important;
  border-bottom:1px solid var(--mh-panel-border)!important;
}
.brand-box strong,.vendor-brand strong{color:#fff!important}
.brand-box small,.vendor-brand small{color:var(--mh-panel-muted)!important}
.side-nav a,.side-toggle,.vendor-sidebar nav a{
  color:#d9e2ee!important;
  background:transparent!important;
}
.side-nav a i,.side-toggle i,.vendor-sidebar nav a i{color:#9fb0c5!important}
.side-nav a:hover,.side-toggle:hover,.vendor-sidebar nav a:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
  color:#fff!important;
  transform:translateX(2px)!important;
}
.side-nav a.active,.side-group.open>.side-toggle,.vendor-sidebar nav a.active{
  background:linear-gradient(90deg,#2563eb 0%,#3b82f6 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(37,99,235,.24)!important;
}
.side-nav a:hover i,.side-nav a.active i,.side-toggle:hover i,.side-group.open>.side-toggle i,.vendor-sidebar nav a:hover i,.vendor-sidebar nav a.active i{color:#fff!important}
.sidebar .sidebar-footer,.vendor-sidebar .sidebar-footer{color:var(--mh-panel-muted)!important;border-top:1px solid var(--mh-panel-border)!important}

/* Use the same footer-inspired gradient on every login page */
.login-page,.auth-shell{
  background:
    radial-gradient(circle at 12% 14%,rgba(59,130,246,.16),transparent 34%),
    radial-gradient(circle at 88% 84%,rgba(16,185,129,.10),transparent 32%),
    linear-gradient(135deg,var(--mh-panel-dark) 0%,var(--mh-panel-mid) 48%,var(--mh-panel-light) 100%)!important;
  min-height:100vh!important;
}
.login-card,.auth-card{
  background:#fff!important;
  border:1px solid rgba(255,255,255,.68)!important;
  box-shadow:0 24px 65px rgba(3,10,22,.34)!important;
}
.login-card h1,.login-card h2,.login-card h3,.auth-card h1,.auth-card h2,.auth-card h3{color:#1f2937!important}

/* Keep the public website and content area light and official */
.admin-main,.vendor-main,.vendor-content,.admin-shell,.vendor-shell{background:#f5f7fa!important}
.topbar,.vendor-topbar{background:#fff!important}
.stat-card,.admin-card,.content-card,.panel-card,.v-card,.vendor-card{box-shadow:0 8px 24px rgba(15,23,42,.06)!important}

@media(max-width:991.98px){
  .sidebar,.vendor-sidebar{box-shadow:10px 0 34px rgba(3,10,22,.30)!important}
}

/* SPARDHA CHIGURU BOOKS — MATCHED DARK-GRADIENT ACTION SYSTEM (NO BLUE) */
:root{
  --mh-action-1:#182232;
  --mh-action-2:#26384f;
  --mh-action-3:#3b526d;
  --mh-action-hover-1:#223148;
  --mh-action-hover-2:#415d7b;
  --mh-action-soft:#eef2f6;
  --mh-action-ring:rgba(48,68,95,.18);
}

/* Primary actions across frontend, admin, seller and customer panels */
.btn-primary,.btn-grad,.btn-gradient,.btn-login,.login-card button[type=submit],
.auth-card button[type=submit],.header-product-search button,.account-btn,
.hero .btn-primary,.newsletter-box button,.page-actions .btn-primary,
button.primary-action,a.primary-action,input[type=submit].btn-primary{
  background:linear-gradient(135deg,var(--mh-action-1) 0%,var(--mh-action-2) 52%,var(--mh-action-3) 100%)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(24,34,50,.22)!important;
}
.btn-primary:hover,.btn-grad:hover,.btn-gradient:hover,.btn-login:hover,
.login-card button[type=submit]:hover,.auth-card button[type=submit]:hover,
.header-product-search button:hover,.account-btn:hover,.hero .btn-primary:hover,
.newsletter-box button:hover,.page-actions .btn-primary:hover,
button.primary-action:hover,a.primary-action:hover,input[type=submit].btn-primary:hover{
  background:linear-gradient(135deg,var(--mh-action-hover-1) 0%,#31465f 52%,var(--mh-action-hover-2) 100%)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 11px 24px rgba(24,34,50,.28)!important;
}

/* Outline actions use the same dark family */
.btn-outline-primary{
  color:var(--mh-action-2)!important;
  border-color:var(--mh-action-2)!important;
  background:#fff!important;
}
.btn-outline-primary:hover,.btn-outline-primary:focus{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--mh-action-1),var(--mh-action-3))!important;
  box-shadow:0 7px 16px rgba(24,34,50,.18)!important;
}

/* Active menus now match sidebar/footer instead of blue */
.side-nav a.active,.side-group.open>.side-toggle,.vendor-sidebar nav a.active{
  background:linear-gradient(135deg,#31455e 0%,#415a76 55%,#526b86 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(9,17,29,.28)!important;
}
.side-nav a.active i,.side-group.open>.side-toggle i,.vendor-sidebar nav a.active i{color:#fff!important}

/* Navigation accents and links */
a,.nav-link.active,.nav-link:hover{color:#334b65}
.nav-link:after{background:linear-gradient(90deg,#26384f,#526b86)!important}
.icon-link{color:#31455e!important}
.icon-link:hover{background:linear-gradient(135deg,#26384f,#526b86)!important;color:#fff!important}

/* Focus states follow the selected palette */
.form-control:focus,.form-select:focus,.form-check-input:focus{
  border-color:#526b86!important;
  box-shadow:0 0 0 .2rem var(--mh-action-ring)!important;
}
.form-check-input:checked{background-color:#31455e!important;border-color:#31455e!important}

/* Keep semantic actions distinct but coordinated */
.btn-success{
  background:linear-gradient(135deg,#24543e 0%,#327055 55%,#4a8b6d 100%)!important;
  border:0!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(36,84,62,.18)!important;
}
.btn-success:hover{background:linear-gradient(135deg,#1f4936,#3d7f61,#5b9b7d)!important;color:#fff!important}
.btn-warning,.btn-orange,.btn-accent{
  background:linear-gradient(135deg,#9a6515 0%,#bd862b 55%,#d6a84a 100%)!important;
  border:0!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(154,101,21,.18)!important;
}
.btn-warning:hover,.btn-orange:hover,.btn-accent:hover{background:linear-gradient(135deg,#87560f,#aa7620,#c79639)!important;color:#fff!important}
.btn-danger{
  background:linear-gradient(135deg,#8f2e35 0%,#b1434c 55%,#cc5a63 100%)!important;
  border:0!important;color:#fff!important;
}
.btn-danger:hover{background:linear-gradient(135deg,#7d252c,#9e363f,#ba4b54)!important;color:#fff!important}

/* Hero, newsletter and small CTA accents */
.hero{background:linear-gradient(135deg,#182232 0%,#223148 52%,#30445f 100%)!important}
.newsletter-box{background:linear-gradient(135deg,#1b2637 0%,#2a3c55 55%,#3d536e 100%)!important;box-shadow:0 16px 40px rgba(24,34,50,.22)!important}
.hero .badge{background:rgba(255,255,255,.92)!important;color:#26384f!important}

/* Dashboard icon accents without bright blue */
.stat-icon,.quick-icon{background:linear-gradient(135deg,#eef2f6,#f8fafc)!important;color:#31455e!important;border-color:#d8e0e8!important}

/* Pagination and Bootstrap utility color overrides */
.page-link{color:#31455e!important}
.page-item.active .page-link{background:linear-gradient(135deg,#26384f,#526b86)!important;border-color:#31455e!important;color:#fff!important}
.text-primary{color:#31455e!important}
.bg-primary{background:linear-gradient(135deg,#26384f,#526b86)!important}
.border-primary{border-color:#526b86!important}

@media(max-width:575.98px){
  .btn-primary,.btn-grad,.btn-gradient,.btn-login,.btn-success,.btn-warning,.btn-danger{min-height:42px}
}

/* Official social icons + two-row professional header */
.social-links a,
.social-links a:hover,
.social-links a:focus,
.social-links a:active{
  color:#fff!important;
  padding-left:0!important;
}
.social-links .social-facebook,
.social-links .social-facebook:hover,
.social-links .social-facebook:focus{background:#1877F2!important}
.social-links .social-instagram,
.social-links .social-instagram:hover,
.social-links .social-instagram:focus{background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45)!important}
.social-links .social-linkedin,
.social-links .social-linkedin:hover,
.social-links .social-linkedin:focus{background:#0A66C2!important}
.social-links .social-youtube,
.social-links .social-youtube:hover,
.social-links .social-youtube:focus{background:#FF0000!important}
.social-links .social-whatsapp,
.social-links .social-whatsapp:hover,
.social-links .social-whatsapp:focus{background:#25D366!important}
.social-links a:hover{filter:none!important;transform:translateY(-2px);box-shadow:0 8px 18px rgba(0,0,0,.22)!important}

.site-header{z-index:1030;box-shadow:0 5px 22px rgba(15,23,42,.08)}
.header-main-row{background:#fff;padding:12px 0;border-bottom:1px solid #e5e7eb}
.header-menu-row{background:#fff;padding:0;border-bottom:1px solid #e5e7eb}
.header-main-row .brand-lockup-mark{height:64px;width:auto;max-width:150px;object-fit:contain}
.header-main-row .brand-copy{display:none!important}
.header-main-row .header-product-search{max-width:520px;flex:1;margin-left:42px}
.header-menu-row .navbar-nav{width:100%;justify-content:center;gap:10px}
.header-menu-row .nav-link{padding:13px 16px!important}
.header-menu-row .nav-link:after{bottom:5px}
.header-menu-row .dropdown-menu{margin-top:0}
@media(max-width:991.98px){
  .header-main-row{padding:9px 0}
  .header-main-row .brand-lockup-mark{height:54px;max-width:128px}
  .header-menu-row{padding:0}
  .header-menu-row .navbar-collapse{padding:16px 0 18px}
  .header-menu-row .navbar-nav{gap:0}
  .header-menu-row .nav-link{padding:11px 4px!important}
  .header-menu-row .nav-link:after{bottom:3px}
}
@media(max-width:575.98px){
  .header-main-row .brand-lockup-mark{height:48px;max-width:115px}
  .header-product-search button{padding-inline:14px}
  .nav-actions .btn{font-size:13px;padding:9px 10px}
}

/* FINAL HOMEPAGE REFINEMENTS — DARK NAV, VISIBLE CONTENT, SINGLE-ROW CATALOGUES */
.header-menu-row{
  background:linear-gradient(90deg,#182232 0%,#223148 52%,#30445f 100%)!important;
  border-bottom:0!important;
  box-shadow:0 6px 16px rgba(15,23,42,.16)!important;
}
.header-menu-row .nav-link,
.header-menu-row .nav-link:visited{
  color:#fff!important;
  opacity:.92;
}
.header-menu-row .nav-link:hover,
.header-menu-row .nav-link:focus,
.header-menu-row .nav-link.active{
  color:#fff!important;
  opacity:1;
  background:rgba(255,255,255,.10)!important;
  border-radius:8px;
}
.header-menu-row .nav-link:after{
  background:#fff!important;
  height:2px!important;
}
.header-menu-row .dropdown-toggle:after{color:#fff!important}
.header-menu-row .navbar-toggler{color:#fff!important}

.newsletter-box h3,
.newsletter-box p,
.newsletter-box .eyebrow-light{
  color:#fff!important;
  opacity:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.16);
}
.newsletter-box h3{font-weight:800!important}
.newsletter-box .eyebrow-light{color:#dbeafe!important}

.footer-brand-text-only{display:block!important;margin-bottom:14px!important}
.footer-brand-text-only .footer-brand-copy{display:flex!important}
.footer-brand-text-only strong{font-size:24px!important;color:#fff!important}
.footer-brand-text-only small{color:#bfdbfe!important}

.hero-slider-section .carousel-item{transition:transform .8s ease-in-out!important}
.hero-slider-section .hero-slide-img{height:clamp(430px,58vw,620px)!important;object-fit:cover!important}
.hero-slider-section .carousel-caption{top:0;bottom:0;display:flex;align-items:center;padding:0!important}
.hero-slider-section .carousel-caption .container{position:relative;z-index:4}
.hero-slider-section .carousel-caption h1,
.hero-slider-section .carousel-caption p{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.36)!important}
.hero-slider-section .carousel-caption h1{font-size:clamp(2.4rem,5vw,4.7rem)!important;font-weight:850!important;max-width:760px}
.hero-slider-section .carousel-caption p{font-size:clamp(1rem,1.6vw,1.3rem)!important;max-width:680px}
.hero-slider-section .hero-slide-overlay{background:linear-gradient(90deg,rgba(13,24,40,.88) 0%,rgba(25,43,68,.70) 48%,rgba(32,64,96,.26) 100%)!important}

/* Keep the homepage category and product sections to one desktop row */
.home-one-row > .row{flex-wrap:nowrap!important;overflow:hidden!important}
@media(min-width:1200px){
  .home-one-row > .row > [class*="col-"]{flex:0 0 25%!important;max-width:25%!important}
}

@media(max-width:991.98px){
  .header-menu-row .navbar-collapse{background:linear-gradient(180deg,#182232,#30445f)!important;padding:14px!important}
  .header-menu-row .nav-link{padding:11px 12px!important}
  .hero-slider-section .hero-slide-img{height:520px!important}
}
@media(max-width:575.98px){
  .hero-slider-section .hero-slide-img{height:500px!important}
  .hero-slider-section .carousel-caption h1{font-size:2.15rem!important}
  .hero-slider-section .carousel-caption p{font-size:.98rem!important}
  .hero-slider-section .carousel-caption .d-flex{gap:9px!important}
  .hero-slider-section .carousel-caption .btn{font-size:.88rem!important;padding:10px 13px!important}
}

/* ========================================================================== 
   FINAL SPARDHA CHIGURU BOOKS LOGO PALETTE — GREEN + GOLD GRADIENT
   Applied after legacy blue/dark theme rules so the brand colors win.
   ========================================================================== */
:root{
  --mh-logo-green:#075b3a;
  --mh-logo-green2:#16834e;
  --mh-logo-lime:#75ad3d;
  --mh-logo-gold:#f2c329;
  --mh-logo-gold2:#ffe36a;
  --mh-logo-ink:#173126;
  --mh-logo-soft:#f6f9f2;
}
body{background:linear-gradient(180deg,#f9fbf7 0%,#f4f8f0 62%,#fffaf0 100%)!important;color:var(--mh-logo-ink)!important}
.top-strip{background:linear-gradient(90deg,#053d28 0%,#0d6740 52%,#6e9834 100%)!important;color:#fffde8!important}
.header-menu-row{background:linear-gradient(90deg,#063f2a 0%,#0b5a3a 48%,#2b7a43 74%,#9a9d2f 100%)!important;box-shadow:0 6px 16px rgba(4,70,42,.18)!important}
.header-menu-row .nav-link:hover,.header-menu-row .nav-link:focus,.header-menu-row .nav-link.active{background:rgba(255,227,106,.16)!important;color:#fff!important}
.header-menu-row .nav-link:after{background:linear-gradient(90deg,var(--mh-logo-gold2),var(--mh-logo-gold))!important}
.btn-primary,.btn-grad,.btn-gradient,.btn-login,.login-card button[type=submit],.auth-card button[type=submit],.header-product-search button,.account-btn,.hero .btn-primary,.newsletter-box button,.page-actions .btn-primary,button.primary-action,a.primary-action,input[type=submit].btn-primary,.btn-machine{
  background:linear-gradient(135deg,#075b3a 0%,#16834e 58%,#78a83d 100%)!important;border:0!important;color:#fff!important;box-shadow:0 8px 20px rgba(7,91,58,.22)!important
}
.btn-primary:hover,.btn-grad:hover,.btn-gradient:hover,.btn-login:hover,.header-product-search button:hover,.btn-machine:hover{background:linear-gradient(135deg,#054a2f,#0d6d41 58%,#628e32)!important;color:#fff!important}
.btn-outline-primary,.btn-outline-machine{color:#075b3a!important;border-color:#16834e!important;background:#fff!important}
.btn-outline-primary:hover,.btn-outline-machine:hover{color:#fff!important;border-color:transparent!important;background:linear-gradient(135deg,#075b3a,#16834e,#78a83d)!important}
.btn-warning,.btn-orange,.btn-accent{background:linear-gradient(135deg,#dba900 0%,#f2c329 55%,#ffe36a 100%)!important;color:#223328!important;box-shadow:0 8px 18px rgba(218,169,0,.18)!important}
.icon-link{background:#eff7e9!important;color:#075b3a!important}.icon-link:hover{background:linear-gradient(135deg,#075b3a,#16834e)!important;color:#fff!important}.icon-link span{background:linear-gradient(135deg,#f2c329,#ffe36a)!important;color:#263328!important}
.site-footer,.footer{background:linear-gradient(135deg,#043722 0%,#075b3a 58%,#3c762f 100%)!important}.newsletter-box,.cta-band{background:linear-gradient(135deg,#075b3a 0%,#16834e 60%,#8a9d35 100%)!important}
.hero,.page-hero{background:linear-gradient(135deg,#043722,#075b3a 55%,#6d9134)!important}.hero-slider-section .hero-slide-overlay{background:linear-gradient(90deg,rgba(3,55,34,.92),rgba(7,91,58,.76) 55%,rgba(97,139,50,.30))!important}
.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:#16834e!important;box-shadow:0 0 0 .2rem rgba(22,131,78,.14)!important}.form-check-input:checked{background-color:#16834e!important;border-color:#16834e!important}
.page-link{color:#075b3a!important}.page-item.active .page-link{background:linear-gradient(135deg,#075b3a,#16834e,#78a83d)!important;border-color:#16834e!important;color:#fff!important}
.text-primary{color:#075b3a!important}.bg-primary{background:linear-gradient(135deg,#075b3a,#16834e)!important}.border-primary{border-color:#16834e!important}
.side-nav a.active,.side-group.open>.side-toggle,.vendor-sidebar nav a.active{background:linear-gradient(135deg,#075b3a 0%,#16834e 62%,#69983a 100%)!important;color:#fff!important;box-shadow:0 8px 20px rgba(4,62,38,.25)!important}
.vendor-sidebar,.admin-sidebar,.sidebar{background:linear-gradient(180deg,#062c20 0%,#073f2b 48%,#0c5635 100%)!important}
.stat-icon,.quick-icon{background:linear-gradient(135deg,#fff6ba,#dff2a6)!important;color:#075b3a!important;border-color:#eadb75!important}
.product-detail-page{padding-top:18px!important}.product-detail-page .breadcrumb{margin-bottom:8px!important}.product-detail-page .detail-block{margin-top:14px!important;padding:18px!important;border-radius:14px!important}.product-detail-page .product-detail-summary{margin-top:10px!important;padding:10px 0!important}.product-detail-page .spec-table-card{margin-top:8px!important}.product-detail-page .spec-row{padding:10px 14px!important}.product-detail-page .detail-action-card{min-height:58px!important;padding:14px 16px!important}.product-detail-page .trust-strip{margin:14px 0!important;padding:14px!important}.product-detail-page .product-gallery-shell{padding:12px!important}.product-detail-page .product-detail-main{max-height:430px!important}
.product-wishlist-btn {
    width: 38px;
    height: 38px;
    border: 1px solid #dce3de;
    border-radius: 50%;
    background: #ffffff;
    color: #075b38;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 17px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 70, 40, 0.08);
    transition: all .2s ease;
}

.product-wishlist-btn:hover {
    transform: scale(1.08);
    border-color: #ffd724;
}

.product-wishlist-btn.is-wishlisted {
    color: #e9283f;
    border-color: #ffc6cd;
    background: #fff4f5;
}

.product-wishlist-btn.is-wishlisted i {
    color: #e9283f;
}

.product-wishlist-btn.wishlist-loading {
    opacity: .55;
    pointer-events: none;
}

/* 2026-07-11 Spardha Chiguru Books green-gold alignment and navigation polish */
:root{--mh-green:#064d32;--mh-green-2:#138348;--mh-leaf:#4ba836;--mh-gold:#f2c91f;--mh-gold-soft:#fff4ad;--mh-ink:#14231a}
.header-menu-row{background:linear-gradient(100deg,#043c29 0%,#075b38 38%,#198149 72%,#8ba82e 100%)!important;box-shadow:0 7px 20px rgba(4,77,50,.14)}
.header-menu-row .nav-link{color:#fff!important;border-radius:11px;padding:.72rem 1rem!important;margin:0 .08rem;font-weight:700;transition:.2s ease}
.header-menu-row .nav-link:hover,.header-menu-row .nav-link.active{background:linear-gradient(135deg,rgba(255,216,33,.28),rgba(255,255,255,.16));color:#fff!important;transform:translateY(-1px)}
.header-menu-row .nav-link.active:after{background:var(--mh-gold)!important}
.btn-primary,.btn-machine,.btn-grad{border:0!important;background:linear-gradient(135deg,#064d32,#138348 62%,#85a92e)!important;color:#fff!important;box-shadow:0 7px 18px rgba(6,77,50,.18)}
.btn-primary:hover,.btn-machine:hover,.btn-grad:hover{filter:brightness(1.06);transform:translateY(-1px)}
.product-wishlist-btn,.wish-btn.product-wishlist-btn{position:absolute;top:12px;right:12px;z-index:25;width:40px;height:40px;border:1px solid #dce3de;border-radius:50%;background:#fff;color:#075b38;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:18px;box-shadow:0 4px 14px rgba(0,70,40,.12);transition:.2s ease}
.product-wishlist-btn:hover{transform:scale(1.08);border-color:var(--mh-gold)}.product-wishlist-btn.is-wishlisted,.product-wishlist-btn.is-wishlisted i{color:#e52d46}.product-wishlist-btn.is-wishlisted{background:#fff3f5;border-color:#ffc3cb}.product-wishlist-btn.wishlist-loading{pointer-events:none;opacity:.55}
.product-img-wrap,.market-product-image-wrap{position:relative}
.vendor-sidebar{background:linear-gradient(180deg,#063d2b,#075b38 56%,#173b25)!important}.vendor-sidebar nav a.active,.vendor-sidebar nav a:hover{background:linear-gradient(90deg,rgba(242,201,31,.28),rgba(75,168,54,.22))!important;border-left-color:#f2c91f!important;color:#fff!important}
.vendor-content{background:linear-gradient(180deg,#f6f9f5,#fffdf4)!important}.v-card,.panel-card{border-color:#e0e7d6!important;box-shadow:0 7px 22px rgba(6,77,50,.06)!important}
@media(max-width:991px){.header-menu-row .nav-link{margin:.1rem 0}}


/* =========================================================
   HOME FEATURED PRODUCT HORIZONTAL SLIDER
   ========================================================= */
.home-product-slider{
    display:flex;
    gap:20px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    padding:4px 2px 18px;
}
.home-product-slider::-webkit-scrollbar{display:none}
.home-product-slide{
    flex:0 0 calc((100% - 60px)/4);
    min-width:0;
    scroll-snap-align:start;
}
.home-product-arrow{
    width:42px;
    height:42px;
    border:1px solid rgba(7,91,56,.18);
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#fff9d8,#eef9df);
    color:#075b38;
    box-shadow:0 7px 18px rgba(7,91,56,.10);
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.home-product-arrow:hover{
    transform:translateY(-2px);
    color:#fff;
    background:linear-gradient(135deg,#064d32,#168a4c,#b4a41c);
    box-shadow:0 10px 24px rgba(7,91,56,.20);
}
@media(max-width:991.98px){
    .home-product-slide{flex-basis:calc((100% - 40px)/3)}
}
@media(max-width:767.98px){
    .home-product-slide{flex-basis:calc((100% - 16px)/2)}
    .home-product-slider{gap:16px}
    .home-product-arrow{width:38px;height:38px}
}

/* Cleaner Spardha Chiguru Books website navigation */
.front-nav,.main-navbar,.navbar-market{
    background:linear-gradient(90deg,#034b30 0%,#08733f 48%,#7f9f2d 100%)!important;
}
.front-nav .nav-link,.main-navbar .nav-link,.navbar-market .nav-link{
    border-radius:10px;
    transition:background .2s ease,color .2s ease,transform .2s ease;
}
.front-nav .nav-link:hover,.main-navbar .nav-link:hover,.navbar-market .nav-link:hover{
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    transform:translateY(-1px);
}


/* 2026-07-13 frontend B2C spacing and gold accent polish */
:root{--mh-gold:#f2c91f;--mh-gold-strong:#ffd724}
/* Reduce excessive public-page gaps while keeping layouts intact */
main .section{padding-top:50px!important;padding-bottom:50px!important}
main .section-sm{padding-top:34px!important;padding-bottom:34px!important}
main .testimonials-section{padding-top:42px!important;padding-bottom:54px!important}
main .section .mb-5{margin-bottom:2rem!important}
.home-categories,.home-products{padding-top:46px!important;padding-bottom:46px!important}
/* Gold/yellow theme accents requested for testimonials and contact */
.testimonial-card:before{color:rgba(242,201,31,.28)!important}
.testimonial-person>span{background:linear-gradient(135deg,#d9a900,#ffd724)!important;color:#18351f!important}
.testimonial-stars{color:#f2c91f!important}
.value-card>i,.value-card i{color:#f2c91f!important}
/* CTA copy stays white on the dark green theme */
.cta-band .cta-white-copy{color:#fff!important}
/* Footer text/link hover uses theme gold instead of blue */
.site-footer a:hover,.site-footer a:focus{color:#f2c91f!important}
.site-footer p i{color:#f2c91f!important}
.footer-brand-text-only small{color:#f7df6a!important}
@media(max-width:767.98px){main .section{padding-top:40px!important;padding-bottom:40px!important}main .testimonials-section{padding-top:36px!important;padding-bottom:44px!important}}


/* 2026-07-13 requested public frontend consistency fixes */
/* Prevent any white frame between Bootstrap carousel slides. */
.hero-slider-section,
.hero-slider-section #homeHeroSlider,
.hero-slider-section .carousel-inner,
.hero-slider-section .carousel-item{
  background:#075b3a!important;
}
.hero-slider-section .carousel-item{
  transition:none!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.hero-slider-section .hero-slide-img{
  display:block!important;
  background:#075b3a!important;
}

/* All public section eyebrow/span accents use Spardha Chiguru Books gold, never legacy blue. */
main .section-kicker,
main .section-kicker.text-warning,
main span.section-kicker,
main .text-primary:not(.alert *):not(.badge *){
  color:#f2c91f!important;
}

/* Dark gradient CTA content must remain white. */
main .cta-band h1,
main .cta-band h2,
main .cta-band h3,
main .cta-band p,
main .cta-band .cta-white-copy{
  color:#fff!important;
}

/* Public website buttons: one green/gold visual system. */
main .btn,
.site-header .btn{
  border-radius:12px!important;
  font-weight:700!important;
}
main .btn-primary,
main .btn-grad,
main .btn-gradient,
main .btn-success,
main .btn-dark,
main .btn-secondary,
main .btn-light,
main .btn-machine,
.site-header .btn-grad,
.site-header .btn-login{
  background:linear-gradient(135deg,#075b3a 0%,#16834e 62%,#77a83d 100%)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(7,91,58,.20)!important;
}
main .btn-primary:hover,
main .btn-grad:hover,
main .btn-gradient:hover,
main .btn-success:hover,
main .btn-dark:hover,
main .btn-secondary:hover,
main .btn-light:hover,
main .btn-machine:hover,
.site-header .btn-grad:hover,
.site-header .btn-login:hover{
  background:linear-gradient(135deg,#d7a700 0%,#f2c91f 58%,#ffe36a 100%)!important;
  color:#173126!important;
  transform:translateY(-1px);
}
main .btn-warning,
main .btn-orange,
main .btn-accent{
  background:linear-gradient(135deg,#d7a700,#f2c91f,#ffe36a)!important;
  color:#173126!important;
  border:0!important;
}
main .btn-outline-primary,
main .btn-outline-success,
main .btn-outline-secondary{
  color:#075b3a!important;
  border-color:#16834e!important;
  background:#fff!important;
}
main .btn-outline-primary:hover,
main .btn-outline-success:hover,
main .btn-outline-secondary:hover{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#075b3a,#16834e,#77a83d)!important;
}

/* Category call to action must clearly read as a button. */
.category-card .category-view-btn{
  min-height:38px;
  padding:9px 15px;
  border-radius:10px;
  background:linear-gradient(135deg,#075b3a,#16834e 68%,#77a83d);
  color:#fff!important;
  font-size:.86rem;
  font-weight:800;
  line-height:1;
  box-shadow:0 7px 16px rgba(7,91,58,.16);
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
.category-card:hover .category-view-btn{
  background:linear-gradient(135deg,#d7a700,#f2c91f,#ffe36a);
  color:#173126!important;
  transform:translateY(-1px);
}

/* 2026-07-13 final requested inner-page, logo, newsletter and contact polish */
/* Home category eyebrow: theme green and a little larger. */
main .home-categories .section-kicker{
  color:#075b3a!important;
  font-size:14px!important;
  letter-spacing:2.8px!important;
  font-weight:800!important;
}

/* Newsletter Subscribe follows the same green -> gold hover system as other public buttons. */
main .newsletter-box .newsletter-form .btn,
main .newsletter-box button{
  background:linear-gradient(135deg,#075b3a 0%,#16834e 62%,#77a83d 100%)!important;
  color:#fff!important;
  border:0!important;
}
main .newsletter-box .newsletter-form .btn:hover,
main .newsletter-box .newsletter-form .btn:focus,
main .newsletter-box button:hover,
main .newsletter-box button:focus{
  background:linear-gradient(135deg,#d7a700 0%,#f2c91f 58%,#ffe36a 100%)!important;
  color:#173126!important;
  transform:translateY(-1px)!important;
}

/* Show the complete supplied Spardha Chiguru Books logo, including its bottom tagline. */
.header-main-row .brand-lockup-mark{
  width:150px!important;
  height:82px!important;
  max-width:150px!important;
  max-height:82px!important;
  object-fit:contain!important;
  object-position:center!important;
  overflow:visible!important;
}
.header-main-row{padding:7px 0!important}
@media(max-width:991.98px){
  .header-main-row .brand-lockup-mark{width:130px!important;height:72px!important;max-width:130px!important;max-height:72px!important}
}
@media(max-width:575.98px){
  .header-main-row .brand-lockup-mark{width:112px!important;height:64px!important;max-width:112px!important;max-height:64px!important}
}

/* Inner public pages: compact hero and remove the oversized hero-to-content blank gap. */
main>.page-hero{
  padding:34px 0!important;
  min-height:0!important;
}
main>.page-hero .container{padding-top:0!important;padding-bottom:0!important}
main>.page-hero h1,
main>.page-hero h2,
main>.page-hero p,
main>.page-hero .lead{color:#fff!important}
main>.page-hero+.section{padding-top:34px!important}
main>.page-hero+.section .row.g-5{--bs-gutter-y:1.75rem}
@media(max-width:767.98px){
  main>.page-hero{padding:28px 0!important}
  main>.page-hero+.section{padding-top:28px!important}
}

/* Contact page alignment and map. */
.contact-main-section{padding-top:34px!important}
.contact-main-row{align-items:stretch!important}
.contact-info-column,.contact-form-column{display:flex;flex-direction:column}
.contact-info-stack{margin-top:18px!important}
.contact-info-stack .value-card{min-height:88px;padding:18px 20px!important;align-items:center!important}
.contact-info-stack .value-card i{width:30px;flex:0 0 30px;text-align:center}
.contact-form-card{height:100%!important;padding:28px!important}
.contact-map-wrap{margin-top:26px}
.contact-map-card{background:#fff;border:1px solid #dde5e1;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(31,41,55,.07)}
.contact-map-card iframe{display:block;width:100%;height:330px;border:0}
.contact-map-heading{padding:18px 20px 0}
.contact-map-heading h3{margin:0 0 5px;font-size:1.35rem}
.contact-map-heading p{margin:0 0 16px;color:#667085}
@media(max-width:991.98px){.contact-form-card{margin-top:4px}.contact-map-card iframe{height:300px}}

/* 2026-07-13 inner frontend page banner refresh (Home/index intentionally untouched) */
main > .page-hero{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  margin:0!important;
  padding:46px 0 44px!important;
  min-height:210px!important;
  display:flex!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(255,221,65,.26) 0 7%,transparent 7.5%),
    radial-gradient(circle at 92% 72%,rgba(255,255,255,.12) 0 12%,transparent 12.5%),
    linear-gradient(110deg,#043722 0%,#075b3a 48%,#16834e 72%,#8aa92c 100%)!important;
  border-bottom:1px solid rgba(7,91,58,.18)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.10)!important;
}
main > .page-hero::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  width:360px!important;
  height:360px!important;
  right:-105px!important;
  top:-215px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.10)!important;
}
main > .page-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  width:250px!important;
  height:250px!important;
  right:13%!important;
  bottom:-195px!important;
  border:2px solid rgba(255,221,65,.22)!important;
  border-radius:50%!important;
  background:transparent!important;
}
main > .page-hero .container{
  position:relative!important;
  z-index:1!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
main > .page-hero .container::before{
  content:"";
  position:absolute;
  left:-18px;
  top:4px;
  bottom:4px;
  width:5px;
  border-radius:999px;
  background:linear-gradient(180deg,#ffe36a,#f2c91f,#d7a700);
  box-shadow:0 0 22px rgba(242,201,31,.28);
}
main > .page-hero .section-kicker,
main > .page-hero .text-warning.section-kicker{
  display:inline-block!important;
  margin-bottom:9px!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1.2!important;
  letter-spacing:3px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
}
main > .page-hero h1,
main > .page-hero h2{
  max-width:960px!important;
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:clamp(2rem,4vw,3.25rem)!important;
  line-height:1.08!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  text-shadow:0 3px 18px rgba(0,0,0,.16)!important;
}
main > .page-hero p,
main > .page-hero .lead{
  max-width:900px!important;
  margin:0!important;
  color:rgba(255,255,255,.90)!important;
  font-size:clamp(1rem,1.5vw,1.17rem)!important;
  line-height:1.65!important;
  opacity:1!important;
}
main > .page-hero + .section,
main > .page-hero + section.section{
  padding-top:28px!important;
}
@media(max-width:767.98px){
  main > .page-hero{
    min-height:180px!important;
    padding:38px 0 36px!important;
  }
  main > .page-hero .container{padding-left:28px!important;padding-right:22px!important}
  main > .page-hero .container::before{left:13px!important;top:3px!important;bottom:3px!important;width:4px!important}
  main > .page-hero::before{width:250px!important;height:250px!important;right:-110px!important;top:-145px!important}
  main > .page-hero::after{right:-55px!important;bottom:-205px!important}
  main > .page-hero + .section,
  main > .page-hero + section.section{padding-top:24px!important}
}


/* Demo credentials placement below password on all panel login pages */
.login-card .demo-box-below-password{
  margin:0 0 16px!important;
  padding:14px 16px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  column-gap:10px!important;
  row-gap:6px!important;
  align-items:center!important;
}
.login-card .demo-box-below-password>strong{
  grid-column:1/-1!important;
  margin-bottom:2px!important;
}
.login-card .demo-credential-row{
  grid-column:1/-1!important;
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
}
.login-card .demo-credential-row code{
  overflow-wrap:anywhere!important;
}
.login-card .demo-box-below-password .demo-fill{
  grid-column:1/-1!important;
  justify-self:start!important;
  margin-top:4px!important;
}
@media(max-width:480px){
  .login-card .demo-box-below-password{padding:12px!important}
  .login-card .demo-credential-row{grid-template-columns:70px minmax(0,1fr)!important;font-size:14px!important}
  .login-card .demo-box-below-password .demo-fill{width:100%!important}
}


/* === 2026-07-13 FULL MOBILE / ANDROID WEBVIEW RESPONSIVE PASS === */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
img,svg,video,canvas,iframe{max-width:100%}
main,section,.container,.container-fluid{min-width:0}
.row>*{min-width:0}
table{max-width:100%}
.table-responsive,.table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.form-control,.form-select,.btn{max-width:100%}
input,select,textarea{font-size:16px}

.site-footer .row>[class*="col-"]{min-width:0}
.site-footer p{min-width:0;align-items:flex-start!important}
.site-footer p a,
.site-footer .footer-about,
.site-footer a{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.site-footer .fa-envelope,
.site-footer .fa-phone,
.site-footer .fa-location-dot{flex:0 0 18px}
.site-footer .footer-brand-copy{min-width:0}

.customer-portal-container,
.customer-portal-section,
.v-card,
.panel-card,
.card-soft,
.product-card,
.category-card,
.filter-card,
.contact-form-card,
.contact-map-card{
  min-width:0!important;
  max-width:100%!important;
}
.customer-portal-section{overflow-x:hidden}
.product-img,.category-thumb,.about-image{max-width:100%;height:auto}

@media(max-width:991.98px){
  .site-header{position:sticky!important;top:0;z-index:1030}
  .header-main-row{background:#fff!important}
  .header-main-row>.container{
    min-height:88px;
    padding-inline:18px!important;
    flex-wrap:nowrap!important;
  }
  .brand-lockup{min-width:0!important;flex:1 1 auto!important}
  .brand-lockup-mark{
    width:132px!important;
    height:64px!important;
    max-width:132px!important;
    max-height:64px!important;
    object-fit:contain!important;
  }
  .navbar-toggler{
    width:44px;height:44px;display:grid!important;place-items:center;
    color:var(--mh-green)!important;font-size:22px;
    flex:0 0 44px;
  }
  .header-menu-row{
    padding:0!important;
    background:linear-gradient(135deg,#064b2b,#0b7a42)!important;
  }
  .header-menu-row>.container{padding:0 14px 14px!important}
  .header-menu-row #mainNav{
    width:100%!important;
    max-height:calc(100vh - 104px);
    overflow-y:auto;
    padding:14px 0 4px!important;
    scrollbar-width:thin;
  }
  .header-product-search.d-lg-none{
    margin:0 0 12px!important;
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    border-radius:14px!important;
  }
  .header-product-search input{min-width:0!important;width:100%!important}
  .header-product-search button{flex:0 0 auto}
  #mainNav .navbar-nav{
    width:100%!important;
    margin:0!important;
    gap:4px!important;
    align-items:stretch!important;
  }
  #mainNav .nav-item{width:100%!important}
  #mainNav .nav-link{
    width:100%!important;
    min-height:46px;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    padding:11px 14px!important;
    border-radius:10px!important;
    color:#fff!important;
    font-size:15px!important;
  }
  #mainNav .nav-link:hover,
  #mainNav .nav-link.active{
    background:rgba(255,255,255,.14)!important;
    color:#fff!important;
  }
  #mainNav .nav-link:after{display:none!important}
  #mainNav .dropdown-menu{
    position:static!important;
    float:none!important;
    width:100%!important;
    margin:5px 0 0!important;
    box-shadow:none!important;
  }
  #mainNav .nav-actions{
    width:100%!important;
    padding:12px 0 0!important;
    display:grid!important;
    grid-template-columns:48px 48px minmax(0,1fr) minmax(0,1fr);
    gap:8px!important;
  }
  #mainNav .nav-actions .icon-link{width:48px;height:48px}
  #mainNav .nav-actions .btn{
    width:100%!important;
    min-width:0!important;
    min-height:48px;
    display:flex;align-items:center;justify-content:center;
    padding:10px 8px!important;
  }

  .hero-slide-img{height:500px!important}
  .hero-slider-section .carousel-caption{padding:36px 42px 58px!important}
  .hero-slider-section .carousel-caption h1{font-size:clamp(2rem,8vw,3rem)!important}
  .hero-slider-section .carousel-caption p{font-size:1rem!important}
  .section{padding:40px 0!important}
  .page-hero{padding:26px 0!important}
  .newsletter-box{transform:none!important;margin-top:0!important}
  .newsletter-section{padding:24px 0 0!important}
}

@media(max-width:767.98px){
  .container,.container-sm{padding-left:18px!important;padding-right:18px!important}
  .hero-slide-img{height:460px!important}
  .hero-slider-section .carousel-caption{padding:30px 26px 48px!important}
  .hero-slider-section .carousel-caption .d-flex{gap:10px!important}
  .hero-slider-section .carousel-caption .btn{width:100%;font-size:15px;padding:11px 14px}
  .section-title{font-size:clamp(1.65rem,7vw,2.15rem)!important}
  .page-hero h1{font-size:clamp(1.9rem,8vw,2.5rem)!important}
  .page-hero .lead{font-size:1rem!important}
  .feature-grid{grid-template-columns:1fr!important}
  .home-product-slide{min-width:min(84vw,320px)!important}
  .product-actions{grid-template-columns:1fr!important}
  .testimonial-slider-wrap{padding:0 36px!important}
  .newsletter-box{padding:24px 20px!important;gap:18px!important}
  .newsletter-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
  }
  .newsletter-form .form-control,
  .newsletter-form .btn{
    width:100%!important;
    border-radius:12px!important;
    margin:0!important;
  }
  .site-footer .container.py-5{padding-top:38px!important;padding-bottom:34px!important}
  .site-footer .row{--bs-gutter-y:2rem}
  .site-footer [class*="col-"]{width:100%!important}
  .site-footer h6{margin-bottom:10px!important}
  .site-footer a{margin:7px 0!important}
  .footer-bottom{padding:15px 0!important}
  .contact-map-card iframe{height:260px!important}
}

@media(max-width:479.98px){
  .header-main-row>.container{min-height:80px;padding-inline:14px!important}
  .brand-lockup-mark{
    width:112px!important;height:56px!important;
    max-width:112px!important;max-height:56px!important;
  }
  .header-menu-row>.container{padding-inline:10px!important}
  #mainNav .nav-actions{
    grid-template-columns:44px 44px 1fr 1fr;
    gap:6px!important;
  }
  #mainNav .nav-actions .icon-link{width:44px;height:44px}
  #mainNav .nav-actions .btn{font-size:13px!important;min-height:44px}
  .hero-slide-img{height:430px!important}
  .hero-slider-section .carousel-caption{padding:24px 20px 44px!important}
  .hero-slider-section .carousel-caption h1{font-size:2rem!important}
  .hero-slider-section .carousel-caption p{line-height:1.55}
  .section{padding:34px 0!important}
  .category-card,.product-card,.value-card,.feature-box,.step-card{border-radius:16px!important}
  .product-img-wrap{height:185px!important}
  .cta-band{padding:26px 20px!important;border-radius:20px!important}
  .testimonial-slider-wrap{padding:0 30px!important}
  .testimonial-slider-arrow{width:34px!important;height:34px!important}
}

.form-control.is-invalid,.form-select.is-invalid,textarea.is-invalid{
  border-color:#dc3545!important;
  box-shadow:0 0 0 .18rem rgba(220,53,69,.10)!important;
}
.form-control.is-valid,.form-select.is-valid,textarea.is-valid{
  border-color:var(--mh-green)!important;
}
.field-validation-message{
  display:block;
  margin-top:5px;
  color:#dc3545;
  font-size:12px;
  line-height:1.35;
}


/* === FINAL MOBILE NAV / HERO CONTROLS / FOOTER EMAIL TARGETED FIX === */

/* Desktop footer contact: keep the email on one line and inside its own column. */
@media(min-width:992px){
  .site-footer .footer-contact-col{min-width:0!important}
  .site-footer .footer-email-row{
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
  }
  .site-footer .footer-contact-email{
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    font-size:15px!important;
  }
}

/* Mobile menu must stay in the Spardha Chiguru Books green theme, not a gray/dark panel. */
@media(max-width:991.98px){
  .header-menu-row,
  .header-menu-row>.container,
  .header-menu-row #mainNav{
    background:linear-gradient(135deg,#064b2b 0%,#0b7a42 100%)!important;
  }
  .header-menu-row{
    border-top:1px solid rgba(255,255,255,.08)!important;
  }
  .header-menu-row #mainNav{
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  #mainNav .nav-link{
    background:transparent!important;
    color:#fff!important;
    border:1px solid transparent!important;
  }
  #mainNav .nav-link:hover,
  #mainNav .nav-link.active{
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    border-color:rgba(244,196,48,.55)!important;
  }
  #mainNav .nav-link.active{
    box-shadow:inset 0 -2px 0 var(--mh-gold)!important;
  }
  #mainNav .nav-actions{
    background:transparent!important;
  }

  /* Keep the mobile hero section itself green, not gray. */
  .hero-slider-section,
  .hero-slider-section .carousel,
  .hero-slider-section .carousel-inner,
  .hero-slider-section .carousel-item{
    background:#064b2b!important;
  }

  /* Restore previous/next hero controls on tablet/mobile. */
  .hero-slider-section .carousel-control-prev,
  .hero-slider-section .carousel-control-next{
    display:flex!important;
    width:12%!important;
    z-index:7!important;
    opacity:.95!important;
  }
  .hero-slider-section .carousel-control-prev-icon,
  .hero-slider-section .carousel-control-next-icon{
    width:34px!important;
    height:34px!important;
    background-size:18px 18px!important;
    border-radius:50%!important;
    background-color:rgba(18,53,82,.72)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
  }
}

/* Phone layout: compact and aligned without horizontal overflow. */
@media(max-width:575.98px){
  .header-main-row>.container{
    width:100%!important;
    max-width:100%!important;
  }
  .header-menu-row>.container{
    width:100%!important;
    max-width:100%!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .header-menu-row #mainNav{
    width:100%!important;
    padding:12px 0 6px!important;
    max-height:calc(100dvh - 82px)!important;
  }
  .header-product-search.d-lg-none{
    width:100%!important;
    margin:0 0 10px!important;
  }
  #mainNav .navbar-nav{gap:2px!important}
  #mainNav .nav-link{
    min-height:44px!important;
    padding:10px 13px!important;
    font-size:15px!important;
  }
  #mainNav .nav-actions{
    grid-template-columns:46px 46px minmax(0,1fr) minmax(0,1fr)!important;
    width:100%!important;
    gap:6px!important;
    padding-top:10px!important;
  }

  .hero-slider-section .carousel-control-prev,
  .hero-slider-section .carousel-control-next{
    width:13%!important;
  }
  .hero-slider-section .carousel-control-prev-icon,
  .hero-slider-section .carousel-control-next-icon{
    width:30px!important;
    height:30px!important;
    background-size:15px 15px!important;
  }

  /* Footer stays responsive; long email can wrap only on genuinely narrow phones. */
  .site-footer .footer-email-row{
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
  }
  .site-footer .footer-contact-email{
    word-break:normal!important;
    overflow-wrap:anywhere!important;
  }
}


/* === FEATURED PRODUCTS RESPONSIVE HEADER / VIEW ALL BUTTON === */
.home-products .container > .d-flex.justify-content-between{
  gap:22px!important;
  flex-wrap:wrap!important;
}
.products-view-all{
  flex:0 0 auto;
  margin-left:auto;
}
.products-view-all-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px;
  padding:10px 22px!important;
  white-space:nowrap;
}
@media(max-width:767.98px){
  .home-products .container > .d-flex.justify-content-between{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:14px!important;
  }
  .home-products .container > .d-flex.justify-content-between > div:first-child{
    width:100%!important;
  }
  .products-view-all{
    width:100%!important;
    margin-left:0!important;
  }
  .products-view-all-btn{
    width:100%!important;
  }
  .home-product-slider{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
  }
  .home-product-slide{
    scroll-snap-align:start;
    flex:0 0 min(86vw,320px)!important;
    min-width:min(86vw,320px)!important;
  }
}
@media(max-width:479.98px){
  .home-product-slide{
    flex-basis:calc(100vw - 36px)!important;
    min-width:calc(100vw - 36px)!important;
  }
}


/* === FINAL FEATURED PRODUCTS MOBILE FIT FIX === */
@media(max-width:767.98px){
  .home-products{
    overflow:hidden!important;
  }
  .home-products .container{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .home-products .container > .d-flex.justify-content-between{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    gap:12px!important;
  }
  .home-products .section-kicker,
  .home-products .section-title,
  .home-products .section-subtitle{
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }
  .products-view-all,
  .products-view-all-btn{
    width:100%!important;
    max-width:100%!important;
  }
  .home-product-slider{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 0 8px!important;
    margin:0!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:0!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .home-product-slide{
    flex:0 0 100%!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    scroll-snap-align:start!important;
  }
  .home-product-slide .product-card{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
}
@media(max-width:479.98px){
  .home-products .container{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .home-product-slide{
    flex-basis:100%!important;
    min-width:100%!important;
  }
}


/* === FINAL FEATURED PRODUCTS MOBILE 2-COLUMN GRID ===
   Mobile only: show all products in normal rows, 2 cards per row.
   Desktop/tablet layout remains unchanged.
*/
@media(max-width:767.98px){
  .home-products{
    overflow:visible!important;
  }

  .home-products .container{
    width:100%!important;
    max-width:100%!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .home-product-slider{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
    scroll-snap-type:none!important;
  }

  .home-product-slide{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    scroll-snap-align:none!important;
  }

  .home-product-slide .product-card{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    margin:0!important;
  }

  .home-products .product-img-wrap{
    height:170px!important;
    padding:8px!important;
  }

  .home-products .product-card-body{
    padding:12px!important;
  }

  .home-products .product-meta{
    font-size:11px!important;
  }

  .home-products .product-name{
    font-size:15px!important;
    line-height:1.35!important;
    min-height:42px!important;
  }

  .home-products .product-price{
    font-size:18px!important;
  }

  .home-products .badge-stock{
    font-size:10px!important;
  }

  .home-products .product-actions{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }

  .home-products .product-actions .btn{
    width:100%!important;
    font-size:12px!important;
    padding:8px 6px!important;
  }
}

@media(max-width:379.98px){
  .home-products .container{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  .home-product-slider{
    gap:10px!important;
  }

  .home-products .product-img-wrap{
    height:145px!important;
  }

  .home-products .product-card-body{
    padding:10px!important;
  }

  .home-products .product-name{
    font-size:14px!important;
  }

  .home-products .product-price{
    font-size:16px!important;
  }
}

/* 2026-07-15 About page redesign */
.about-redesign-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 66px;
  color: #fff;
  background: linear-gradient(135deg, rgba(4,55,34,.96), rgba(7,91,58,.9) 54%, rgba(31,122,77,.82)), url('../images/demo/banners/chiguru-books-hero-tools.png') center/cover no-repeat;
}
.about-redesign-hero::after {
  content: "";
  position: absolute;
  inset: auto -120px -190px auto;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: rgba(244,196,48,.2);
}
.about-redesign-hero .container { position: relative; z-index: 2; }
.about-redesign-hero h1 {
  max-width: 680px;
  font-size: clamp(2.4rem, 5vw, 4.7rem);
  line-height: 1.04;
  font-weight: 850;
  color: #fff;
}
.about-redesign-hero .lead { max-width: 650px; color: rgba(255,255,255,.88); }
.about-redesign-hero .section-kicker { color: #f4c430 !important; }
.about-hero-visual {
  position: relative;
  min-height: 390px;
  border-radius: 24px;
  padding: 18px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.24);
  box-shadow: 0 30px 80px rgba(0,0,0,.22);
}
.about-hero-img {
  width: 100%;
  height: 355px;
  object-fit: cover;
  border-radius: 18px;
  display: block;
}
.about-hero-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  background: #fff;
  color: #123d2d;
  font-weight: 800;
  box-shadow: 0 16px 34px rgba(0,0,0,.16);
}
.about-hero-card i { color: #0f766e; }
.about-hero-card-top { top: 34px; right: 34px; }
.about-hero-card-bottom { left: 34px; bottom: 34px; }
.about-image-stack {
  position: relative;
  min-height: 420px;
  border-radius: 24px;
  background: linear-gradient(135deg,#f7fbfd,#eef8f3);
  border: 1px solid #dfe9dc;
  overflow: hidden;
}
.about-tool-img {
  position: absolute;
  object-fit: contain;
  filter: drop-shadow(0 18px 24px rgba(18,61,45,.14));
}
.about-tool-main { width: 70%; left: 11%; top: 52px; }
.about-tool-secondary { width: 46%; right: 5%; bottom: 38px; }
.about-tool-small { width: 34%; left: 8%; bottom: 34px; }
.about-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.about-stat-grid div,
.about-category-card,
.about-vm-card,
.about-process-band {
  border: 1px solid #dfe9dc;
  background: #fff;
  box-shadow: 0 12px 34px rgba(16,35,25,.07);
}
.about-stat-grid div { padding: 16px; border-radius: 14px; }
.about-stat-grid strong { display: block; color: #123d2d; font-size: 18px; }
.about-stat-grid span { display: block; color: #64756a; font-size: 13px; line-height: 1.45; margin-top: 5px; }
.about-vm-card {
  position: relative;
  padding: 34px;
  border-radius: 20px;
  overflow: hidden;
}
.about-vm-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg,#0f766e,#f4c430);
}
.about-vm-card h2 { color: #123d2d; font-weight: 850; margin: 10px 0 12px; }
.about-vm-card p { color: #536459; font-size: 18px; line-height: 1.75; margin: 0; }
.about-vm-icon {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: #e8f8f5;
  color: #0f766e;
  font-size: 24px;
  margin-bottom: 18px;
}
.about-vm-card.mission .about-vm-icon { background: #fff8db; color: #9a6b00; }
.about-category-card {
  padding: 22px;
  border-radius: 18px;
  transition: transform .22s ease, box-shadow .22s ease;
}
.about-category-card:hover,
.about-value-card:hover { transform: translateY(-5px); box-shadow: 0 18px 44px rgba(16,35,25,.12) !important; }
.about-category-card img {
  width: 100%;
  height: 148px;
  object-fit: contain;
  border-radius: 14px;
  background: #f6faf7;
  margin-bottom: 18px;
}
.about-category-card h5 { color: #123d2d; font-weight: 850; }
.about-category-card p { color: #64756a; margin: 0; line-height: 1.6; }
.about-process-band {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
  border-radius: 22px;
  padding: 32px;
  background: linear-gradient(135deg,#ffffff,#f4faf6);
}
.about-process-band h2 { color: #123d2d; font-weight: 850; }
.about-process-band p { color: #64756a; margin: 0; max-width: 680px; }
.about-process-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(140px,1fr));
  gap: 12px;
}
.about-process-steps span {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 14px;
  border-radius: 999px;
  color: #123d2d;
  background: #fff;
  border: 1px solid #dfe9dc;
  font-weight: 800;
}
.about-process-steps i { color: #0f766e; }
.about-animate { animation: aboutRise .65s ease both; }
.about-animate-delay-1 { animation-delay: .08s; }
.about-animate-delay-2 { animation-delay: .16s; }
.about-animate-delay-3 { animation-delay: .24s; }
.about-animate-delay-4 { animation-delay: .32s; }
@keyframes aboutRise {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 991.98px) {
  .about-redesign-hero { padding: 56px 0 50px; }
  .about-hero-visual { min-height: auto; }
  .about-hero-img { height: 310px; }
  .about-stat-grid,
  .about-process-band { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
  .about-redesign-hero h1 { font-size: 2.25rem; }
  .about-hero-img { height: 245px; }
  .about-hero-card { position: static; margin-top: 10px; width: 100%; }
  .about-image-stack { min-height: 320px; }
  .about-vm-card { padding: 24px; }
  .about-process-steps { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .about-animate { animation: none !important; }
}
/* About CTA readability fix */
.about-cta-band::after {
  display: none !important;
}
.about-cta-band .btn {
  position: relative;
  z-index: 2;
  background: #ffffff !important;
  color: #075b3a !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
}
.about-cta-band .btn:hover,
.about-cta-band .btn:focus {
  background: #f4c430 !important;
  color: #123d2d !important;
}
/* About card sizing and color annotation update */
.about-vm-card {
  min-height: 0 !important;
  padding: 24px 28px !important;
}
.about-vm-card .about-vm-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 13px !important;
  font-size: 18px !important;
  margin-bottom: 12px !important;
}
.about-vm-card h2 {
  font-size: 24px !important;
  margin: 6px 0 10px !important;
}
.about-vm-card p {
  font-size: 15px !important;
  line-height: 1.65 !important;
}
.about-category-section {
  padding-top: 34px !important;
}
.about-category-card,
.about-value-card {
  position: relative;
  overflow: hidden;
  border-top-width: 5px !important;
}
.about-category-card::before,
.about-value-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
}
.about-category-card-1::before,
.about-value-card-1::before { background: #0f766e; }
.about-category-card-2::before,
.about-value-card-2::before { background: #2f80ed; }
.about-category-card-3::before,
.about-value-card-3::before { background: #f4c430; }
.about-category-card-4::before,
.about-value-card-4::before { background: #ef7d22; }
.about-category-card-1 img { background: linear-gradient(135deg,#eefaf6,#ffffff) !important; }
.about-category-card-2 img { background: linear-gradient(135deg,#eef6ff,#ffffff) !important; }
.about-category-card-3 img { background: linear-gradient(135deg,#fff8dd,#ffffff) !important; }
.about-category-card-4 img { background: linear-gradient(135deg,#fff1e8,#ffffff) !important; }
.about-value-card-1 i { color: #0f766e !important; }
.about-value-card-2 i { color: #2f80ed !important; }
.about-value-card-3 i { color: #d6a500 !important; }
.about-value-card-4 i { color: #ef7d22 !important; }
.about-value-card {
  padding-top: 28px !important;
}
@media (max-width: 767.98px) {
  .about-vm-card { padding: 22px !important; }
  .about-category-section { padding-top: 28px !important; }
}
/* About project product collage */
.about-product-collage {
  display: grid !important;
  grid-template-columns: 1.2fr 1fr;
  gap: 14px;
  min-height: 0 !important;
  padding: 18px;
  overflow: visible !important;
}
.about-product-tile {
  min-width: 0;
  padding: 14px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #dfe9dc;
  box-shadow: 0 12px 28px rgba(16,35,25,.08);
}
.about-product-tile-large {
  grid-row: span 2;
}
.about-product-tile img {
  width: 100%;
  height: 118px;
  object-fit: contain;
  border-radius: 12px;
  background: linear-gradient(135deg,#f6faf7,#eef7f2);
  margin-bottom: 12px;
  filter: none !important;
  position: static !important;
}
.about-product-tile-large img {
  height: 220px;
}
.about-product-tile strong,
.about-product-tile span {
  display: block;
}
.about-product-tile strong {
  color: #123d2d;
  font-weight: 850;
  line-height: 1.25;
}
.about-product-tile span {
  color: #64756a;
  font-size: 12px;
  margin-top: 4px;
}
@media (max-width: 575.98px) {
  .about-product-collage { grid-template-columns: 1fr; }
  .about-product-tile-large { grid-row: auto; }
  .about-product-tile-large img,
  .about-product-tile img { height: 150px; }
}
/* 2026-07-15 Android-app style About page redesign */
.about-app-hero,
.about-app-section {
  --app-green: #05603a;
  --app-green-2: #0f8a55;
  --app-mint: #e9f8ef;
  --app-gold: #f4c430;
  --app-ink: #08231a;
  --app-muted: #5d7167;
  --app-line: #d8eadf;
}
.about-app-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 76px;
  background:
    radial-gradient(circle at 12% 16%, rgba(244,196,48,.20), transparent 24%),
    radial-gradient(circle at 88% 74%, rgba(15,138,85,.22), transparent 28%),
    linear-gradient(135deg,#eaf5f7 0%, #f7fbf5 100%);
}
.about-app-hero::before {
  content: "";
  position: absolute;
  left: -90px;
  top: 120px;
  width: 240px;
  height: 240px;
  border-radius: 44px;
  background: rgba(5,96,58,.08);
  transform: rotate(18deg);
}
.about-app-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--app-green);
  font-size: 12px;
  letter-spacing: 3px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.about-app-eyebrow::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--app-gold);
  box-shadow: 0 0 0 6px rgba(244,196,48,.16);
}
.about-app-hero h1 {
  max-width: 680px;
  color: var(--app-ink);
  font-size: clamp(2.35rem,5vw,4.75rem);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: 0;
}
.about-app-lead {
  max-width: 620px;
  color: var(--app-muted);
  font-size: 18px;
  line-height: 1.75;
  margin: 18px 0 0;
}
.about-app-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 28px 0 24px;
}
.about-app-primary,
.about-app-secondary {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  font-weight: 850 !important;
}
.about-app-primary {
  color: #fff !important;
  background: linear-gradient(135deg,var(--app-green),var(--app-green-2)) !important;
  border: 0 !important;
  box-shadow: 0 15px 32px rgba(5,96,58,.24) !important;
}
.about-app-secondary {
  color: var(--app-green) !important;
  background: #fff !important;
  border: 1px solid var(--app-line) !important;
}
.about-app-metrics {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 12px;
  max-width: 620px;
}
.about-app-metrics div {
  padding: 14px 15px;
  border-radius: 18px;
  background: rgba(255,255,255,.76);
  border: 1px solid var(--app-line);
  box-shadow: 0 10px 28px rgba(8,35,26,.06);
}
.about-app-metrics strong,
.about-app-metrics span { display: block; }
.about-app-metrics strong { color: var(--app-ink); font-size: 22px; line-height: 1.1; }
.about-app-metrics span { color: var(--app-muted); font-size: 12px; margin-top: 5px; }
.about-phone-shell {
  position: relative;
  width: min(390px, 100%);
  margin: 0 auto;
  padding: 13px;
  border-radius: 42px;
  background: #10251d;
  box-shadow: 0 32px 78px rgba(8,35,26,.22), inset 0 0 0 1px rgba(255,255,255,.16);
}
.about-phone-speaker {
  position: absolute;
  top: 12px;
  left: 50%;
  width: 78px;
  height: 5px;
  border-radius: 999px;
  background: rgba(255,255,255,.22);
  transform: translateX(-50%);
  z-index: 3;
}
.about-phone-screen {
  min-height: 620px;
  overflow: hidden;
  border-radius: 32px;
  padding: 28px 16px 16px;
  background: linear-gradient(180deg,#f7fcf9,#e9f7ef);
}
.about-phone-topbar,
.about-phone-highlight,
.about-phone-grid article,
.about-phone-nav,
.about-phone-search {
  border: 1px solid var(--app-line);
  background: rgba(255,255,255,.88);
  box-shadow: 0 10px 25px rgba(8,35,26,.08);
}
.about-phone-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px;
  border-radius: 20px;
}
.about-phone-topbar span,
.about-phone-highlight small { display: block; color: var(--app-muted); font-size: 11px; }
.about-phone-topbar strong { display: block; color: var(--app-ink); font-size: 17px; }
.about-phone-topbar i { color: var(--app-green); }
.about-phone-search {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 999px;
  color: var(--app-muted);
  font-size: 13px;
}
.about-phone-search i { color: var(--app-green); }
.about-phone-chip-row {
  display: flex;
  gap: 8px;
  overflow: hidden;
  margin: 14px 0;
}
.about-phone-chip-row span {
  flex: 0 0 auto;
  padding: 9px 12px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--app-line);
  color: var(--app-muted);
  font-size: 12px;
  font-weight: 800;
}
.about-phone-chip-row .active { background: var(--app-green); color: #fff; border-color: transparent; }
.about-phone-highlight {
  display: grid;
  grid-template-columns: 112px 1fr;
  gap: 13px;
  align-items: center;
  border-radius: 24px;
  padding: 12px;
  background: linear-gradient(135deg,#fff,#f8fff5);
}
.about-phone-highlight img {
  width: 112px;
  height: 112px;
  object-fit: contain;
  border-radius: 18px;
  background: #eff8f2;
}
.about-phone-highlight strong { display: block; color: var(--app-ink); font-size: 18px; }
.about-phone-highlight span { display: block; color: var(--app-muted); font-size: 12px; margin-top: 4px; }
.about-phone-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
  margin-top: 14px;
}
.about-phone-grid article {
  padding: 10px;
  border-radius: 18px;
}
.about-phone-grid img {
  width: 100%;
  height: 82px;
  object-fit: contain;
  border-radius: 14px;
  background: #f4fbf7;
}
.about-phone-grid strong,
.about-phone-grid span { display: block; }
.about-phone-grid strong { color: var(--app-ink); font-size: 12px; margin-top: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.about-phone-grid span { color: var(--app-green); font-size: 11px; font-weight: 800; }
.about-phone-nav {
  display: flex;
  justify-content: space-around;
  margin-top: 14px;
  padding: 12px;
  border-radius: 22px;
  color: #91a49b;
}
.about-phone-nav .active { color: var(--app-green); }
.about-floating-tool {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 12px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--app-line);
  color: var(--app-ink);
  font-size: 12px;
  font-weight: 850;
  box-shadow: 0 18px 34px rgba(8,35,26,.13);
  animation: aboutFloat 4s ease-in-out infinite;
}
.about-floating-tool img { width: 42px; height: 42px; object-fit: contain; }
.about-floating-tool-1 { right: 4%; top: 18%; }
.about-floating-tool-2 { left: 1%; bottom: 16%; animation-delay: .9s; }
.about-app-section { padding: 64px 0; background: #eef5f7; }
.about-app-story { background: #f8fbf7; }
.about-app-panel,
.about-app-vm-card,
.about-flow-card,
.about-value-app-card,
.about-tool-card {
  background: #fff;
  border: 1px solid var(--app-line);
  box-shadow: 0 14px 36px rgba(8,35,26,.07);
}
.about-app-panel {
  border-radius: 28px;
  padding: 30px;
}
.about-panel-head {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--app-green);
  font-weight: 900;
  margin-bottom: 16px;
}
.about-app-panel h2,
.about-flow-head h2 { color: var(--app-ink); font-weight: 900; letter-spacing: 0; }
.about-app-panel p,
.about-flow-head p { color: var(--app-muted); line-height: 1.75; margin: 0; }
.about-tool-strip {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
}
.about-tool-card {
  display: flex;
  align-items: center;
  gap: 14px;
  border-radius: 22px;
  padding: 14px;
  transition: transform .22s ease, box-shadow .22s ease;
}
.about-tool-card:hover { transform: translateY(-5px); box-shadow: 0 20px 45px rgba(8,35,26,.12); }
.about-tool-card img {
  width: 88px;
  height: 88px;
  object-fit: contain;
  border-radius: 18px;
  background: #f2faf5;
}
.about-tool-card strong,
.about-tool-card span { display: block; }
.about-tool-card strong { color: var(--app-ink); font-weight: 900; }
.about-tool-card span { color: var(--app-muted); font-size: 13px; margin-top: 4px; }
.about-tool-card-1 { border-top: 4px solid #0f766e; }
.about-tool-card-2 { border-top: 4px solid #2f80ed; }
.about-tool-card-3 { border-top: 4px solid #f4c430; }
.about-tool-card-4 { border-top: 4px solid #ef7d22; }
.about-vm-app-section { background: #eef5f7; }
.about-app-vm-card {
  position: relative;
  min-height: 220px;
  border-radius: 28px;
  padding: 28px;
  overflow: hidden;
}
.about-app-vm-card::after {
  content: "";
  position: absolute;
  right: -44px;
  bottom: -54px;
  width: 160px;
  height: 160px;
  border-radius: 46px;
  background: rgba(15,138,85,.08);
  transform: rotate(18deg);
}
.about-app-vm-card.mission::after { background: rgba(244,196,48,.18); }
.about-app-vm-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  color: var(--app-green);
  background: #e8f8f1;
  font-size: 22px;
  margin-bottom: 14px;
}
.about-app-vm-card.mission .about-app-vm-icon { color: #ad7a00; background: #fff7d9; }
.about-app-vm-card span { color: var(--app-green); font-size: 12px; letter-spacing: 3px; font-weight: 900; text-transform: uppercase; }
.about-app-vm-card h2 { color: var(--app-ink); font-weight: 900; margin: 8px 0 10px; }
.about-app-vm-card p { color: var(--app-muted); font-size: 17px; line-height: 1.7; margin: 0; max-width: 520px; }
.about-flow-section { background: #f8fbf7; }
.about-flow-head { text-align: center; max-width: 760px; margin: 0 auto 30px; }
.about-flow-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
}
.about-flow-card,
.about-value-app-card {
  position: relative;
  min-height: 190px;
  border-radius: 24px;
  padding: 24px;
  overflow: hidden;
}
.about-flow-card span {
  position: absolute;
  right: 20px;
  top: 14px;
  color: rgba(5,96,58,.10);
  font-size: 48px;
  font-weight: 900;
}
.about-flow-card i,
.about-value-app-card i {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: var(--app-green);
  background: #e8f8f1;
  font-size: 20px;
  margin-bottom: 18px;
}
.about-flow-card h5,
.about-value-app-card h5 { color: var(--app-ink); font-weight: 900; }
.about-flow-card p,
.about-value-app-card p { color: var(--app-muted); line-height: 1.6; margin: 0; }
.about-values-app-section { background: #eef5f7; }
.about-value-app-card { min-height: 180px; }
.about-value-app-card.value-1 { border-top: 5px solid #0f766e; }
.about-value-app-card.value-2 { border-top: 5px solid #2f80ed; }
.about-value-app-card.value-3 { border-top: 5px solid #f4c430; }
.about-value-app-card.value-4 { border-top: 5px solid #ef7d22; }
.about-value-app-card.value-2 i { color: #2f80ed; background: #eaf3ff; }
.about-value-app-card.value-3 i { color: #c79400; background: #fff8d9; }
.about-value-app-card.value-4 i { color: #ef7d22; background: #fff0e6; }
.about-app-animate { animation: aboutAppRise .7s ease both; }
.about-app-delay-1 { animation-delay: .08s; }
.about-app-delay-2 { animation-delay: .16s; }
.about-app-delay-3 { animation-delay: .24s; }
.about-app-delay-4 { animation-delay: .32s; }
@keyframes aboutAppRise {
  from { opacity: 0; transform: translateY(20px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes aboutFloat {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@media (max-width: 1199.98px) {
  .about-floating-tool { display: none; }
}
@media (max-width: 991.98px) {
  .about-app-hero { padding: 54px 0 58px; }
  .about-phone-shell { width: min(370px,100%); }
  .about-app-metrics,
  .about-flow-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 767.98px) {
  .about-app-hero { padding: 38px 0 44px; }
  .about-app-hero h1 { font-size: 2.15rem; }
  .about-app-lead { font-size: 16px; }
  .about-app-actions .btn { width: 100%; justify-content: center; }
  .about-app-metrics,
  .about-tool-strip,
  .about-flow-grid { grid-template-columns: 1fr; }
  .about-phone-screen { min-height: auto; }
  .about-phone-highlight { grid-template-columns: 92px 1fr; }
  .about-phone-highlight img { width: 92px; height: 92px; }
  .about-phone-grid img { height: 72px; }
  .about-app-section { padding: 42px 0; }
  .about-app-panel,
  .about-app-vm-card,
  .about-flow-card,
  .about-value-app-card { border-radius: 20px; padding: 22px; }
}
@media (max-width: 420px) {
  .about-phone-shell { padding: 9px; border-radius: 32px; }
  .about-phone-screen { border-radius: 25px; padding: 24px 11px 12px; }
  .about-phone-grid { gap: 8px; }
  .about-phone-grid strong { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .about-app-animate,
  .about-floating-tool { animation: none !important; }
}
/* 2026-07-15 Spardha Chiguru Books marketplace About redesign */
.about-market-hero,
.about-market-section {
  --mh-green:#075b3a;
  --mh-green-2:#16834e;
  --mh-gold:#f4c430;
  --mh-ink:#10231a;
  --mh-muted:#5f7167;
  --mh-line:#dbe9df;
  --mh-soft:#eef7f1;
}
.about-market-hero {
  position: relative;
  overflow: hidden;
  padding: 70px 0;
  background: linear-gradient(135deg,#eef6f8 0%,#f8fbf5 100%);
}
.about-market-hero::before {
  content:"";
  position:absolute;
  left:-90px;
  top:88px;
  width:250px;
  height:250px;
  border-radius:44px;
  background:rgba(7,91,58,.08);
  transform:rotate(18deg);
}
.about-market-kicker {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--mh-green);
  font-size:12px;
  letter-spacing:3px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:14px;
}
.about-market-kicker::before {
  content:"";
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--mh-gold);
  box-shadow:0 0 0 6px rgba(244,196,48,.16);
}
.about-market-hero h1 {
  color:var(--mh-ink);
  font-size:clamp(2.25rem,4.6vw,4.2rem);
  line-height:1.05;
  font-weight:900;
  max-width:720px;
}
.about-market-lead {
  color:var(--mh-muted);
  font-size:18px;
  line-height:1.75;
  max-width:650px;
  margin:18px 0 0;
}
.about-market-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.about-market-primary,
.about-market-secondary {
  display:inline-flex;
  align-items:center;
  gap:9px;
  border-radius:999px!important;
  padding:12px 18px!important;
  font-weight:850!important;
}
.about-market-primary {background:linear-gradient(135deg,var(--mh-green),var(--mh-green-2))!important;color:#fff!important;border:0!important;box-shadow:0 14px 30px rgba(7,91,58,.24)!important}
.about-market-secondary {background:#fff!important;color:var(--mh-green)!important;border:1px solid var(--mh-line)!important}
.about-market-visual {
  position:relative;
  padding:16px;
  border-radius:28px;
  background:rgba(255,255,255,.78);
  border:1px solid var(--mh-line);
  box-shadow:0 24px 70px rgba(16,35,26,.12);
}
.about-market-main-img {
  display:block;
  width:100%;
  height:390px;
  object-fit:contain;
  border-radius:22px;
}
.about-market-note {
  position:absolute;
  display:flex;
  align-items:center;
  gap:9px;
  padding:11px 13px;
  border-radius:16px;
  background:#fff;
  color:var(--mh-ink);
  font-weight:850;
  box-shadow:0 16px 35px rgba(16,35,26,.15);
}
.about-market-note i {color:var(--mh-green)}
.about-market-note.note-one {right:30px;top:30px}
.about-market-note.note-two {left:30px;bottom:30px}
.about-market-section {padding:62px 0;background:#eef5f7}
.about-market-intro,.about-market-flow {background:#f8fbf7}
.about-tool-showcase {
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.about-tool-showcase-card,
.about-market-points div,
.about-market-vm-card,
.about-market-flow-card,
.about-market-value-card {
  background:#fff;
  border:1px solid var(--mh-line);
  box-shadow:0 14px 36px rgba(16,35,26,.07);
}
.about-tool-showcase-card {
  display:flex;
  align-items:center;
  gap:15px;
  border-radius:22px;
  padding:14px;
  border-left:5px solid var(--mh-green);
  transition:transform .22s ease, box-shadow .22s ease;
}
.about-tool-showcase-card:hover {transform:translateY(-4px);box-shadow:0 20px 44px rgba(16,35,26,.12)}
.about-tool-showcase-card.card-2 {border-left-color:#2f80ed}.about-tool-showcase-card.card-3 {border-left-color:var(--mh-gold)}.about-tool-showcase-card.card-4 {border-left-color:#ef7d22}
.about-tool-showcase-card img {width:92px;height:92px;object-fit:contain;border-radius:18px;background:var(--mh-soft)}
.about-tool-showcase-card strong,.about-tool-showcase-card span {display:block}.about-tool-showcase-card strong{color:var(--mh-ink);font-weight:900}.about-tool-showcase-card span{color:var(--mh-muted);font-size:13px;margin-top:4px}
.about-market-intro h2,.about-market-head h2 {color:var(--mh-ink);font-weight:900;letter-spacing:0;font-size:clamp(1.9rem,3vw,2.8rem)}
.about-market-intro p,.about-market-head p {color:var(--mh-muted);line-height:1.75;font-size:16px}
.about-market-points {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.about-market-points div {border-radius:18px;padding:18px}.about-market-points i{color:var(--mh-green);font-size:22px;margin-bottom:12px}.about-market-points strong,.about-market-points span{display:block}.about-market-points strong{color:var(--mh-ink);font-weight:900}.about-market-points span{color:var(--mh-muted);font-size:13px;margin-top:6px;line-height:1.55}
.about-market-vm-card {position:relative;min-height:210px;border-radius:26px;padding:28px;overflow:hidden}.about-market-vm-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--mh-green),var(--mh-gold))}.about-market-vm-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#e8f8f1;color:var(--mh-green);font-size:21px;margin-bottom:14px}.about-market-vm-card.mission .about-market-vm-icon{background:#fff7d9;color:#9a6b00}.about-market-vm-card span{color:var(--mh-green);font-size:12px;letter-spacing:3px;font-weight:900;text-transform:uppercase}.about-market-vm-card h2{color:var(--mh-ink);font-weight:900;margin:8px 0 10px}.about-market-vm-card p{color:var(--mh-muted);font-size:17px;line-height:1.7;margin:0}
.about-market-head{text-align:center;max-width:760px;margin:0 auto 30px}.about-market-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.about-market-flow-card,.about-market-value-card{position:relative;min-height:190px;border-radius:24px;padding:24px;overflow:hidden}.about-market-flow-card span{position:absolute;right:18px;top:12px;color:rgba(7,91,58,.10);font-size:46px;font-weight:900}.about-market-flow-card i,.about-market-value-card i{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:#e8f8f1;color:var(--mh-green);font-size:20px;margin-bottom:18px}.about-market-flow-card h5,.about-market-value-card h5{color:var(--mh-ink);font-weight:900}.about-market-flow-card p,.about-market-value-card p{color:var(--mh-muted);line-height:1.6;margin:0}.about-market-value-card.value-1{border-top:5px solid var(--mh-green)}.about-market-value-card.value-2{border-top:5px solid #2f80ed}.about-market-value-card.value-3{border-top:5px solid var(--mh-gold)}.about-market-value-card.value-4{border-top:5px solid #ef7d22}.about-market-value-card.value-2 i{color:#2f80ed;background:#eaf3ff}.about-market-value-card.value-3 i{color:#c79400;background:#fff8d9}.about-market-value-card.value-4 i{color:#ef7d22;background:#fff0e6}
.about-market-animate{animation:aboutMarketRise .65s ease both}.about-market-delay-1{animation-delay:.08s}.about-market-delay-2{animation-delay:.16s}.about-market-delay-3{animation-delay:.24s}.about-market-delay-4{animation-delay:.32s}@keyframes aboutMarketRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:991.98px){.about-market-hero{padding:48px 0}.about-market-main-img{height:310px}.about-market-points,.about-market-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.about-market-hero h1{font-size:2.15rem}.about-market-lead{font-size:16px}.about-market-actions .btn{width:100%;justify-content:center}.about-market-note{position:static;margin-top:10px}.about-market-section{padding:42px 0}.about-market-points,.about-market-flow-grid{grid-template-columns:1fr}.about-market-vm-card,.about-market-flow-card,.about-market-value-card{border-radius:20px;padding:22px}.about-tool-showcase-card{align-items:flex-start}.about-tool-showcase-card img{width:78px;height:78px}}
@media(prefers-reduced-motion:reduce){.about-market-animate{animation:none!important}}
/* About real tool image display */
.about-tool-showcase-card img {
  background: #ffffff !important;
  padding: 4px;
}
/* About content fill and flow card color animation */
.about-market-mini-story {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.about-market-mini-story div {
  padding: 18px 20px;
  border-radius: 18px;
  background: linear-gradient(135deg, #ffffff, #f3fbf6);
  border: 1px solid var(--mh-line);
  box-shadow: 0 14px 34px rgba(16,35,26,.07);
}
.about-market-mini-story span,
.about-market-mini-story strong {
  display: block;
}
.about-market-mini-story span {
  color: var(--mh-green);
  font-size: 11px;
  letter-spacing: 2px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.about-market-mini-story strong {
  color: var(--mh-ink);
  font-size: 16px;
  line-height: 1.35;
}
.about-market-flow-card {
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
  animation: aboutFlowPulse 4.5s ease-in-out infinite;
}
.about-market-flow-card:hover {
  transform: translateY(-7px);
  box-shadow: 0 22px 48px rgba(16,35,26,.13);
}
.about-market-flow-card:nth-child(1) { border-top: 5px solid #0f766e; }
.about-market-flow-card:nth-child(2) { border-top: 5px solid #2f80ed; animation-delay: .25s; }
.about-market-flow-card:nth-child(3) { border-top: 5px solid #f4c430; animation-delay: .5s; }
.about-market-flow-card:nth-child(4) { border-top: 5px solid #ef7d22; animation-delay: .75s; }
.about-market-flow-card:nth-child(2) i { color: #2f80ed; background: #eaf3ff; }
.about-market-flow-card:nth-child(3) i { color: #bd8c00; background: #fff8d9; }
.about-market-flow-card:nth-child(4) i { color: #ef7d22; background: #fff0e6; }
@keyframes aboutFlowPulse {
  0%, 100% { box-shadow: 0 14px 36px rgba(16,35,26,.07); }
  50% { box-shadow: 0 18px 44px rgba(16,35,26,.11); }
}
@media(max-width:767.98px){
  .about-market-mini-story { grid-template-columns: 1fr; }
}
@media(prefers-reduced-motion:reduce){
  .about-market-flow-card { animation: none !important; }
}
/* About who-we-are text refinement */
.about-market-intro .col-lg-7 > p {
  max-width: 760px;
  font-size: 17px;
  line-height: 1.85;
  color: var(--mh-muted);
  margin-bottom: 14px;
}
/* About who-we-are support cards */
.about-who-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 24px;
}
.about-who-card-grid div {
  min-height: 150px;
  padding: 18px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid var(--mh-line);
  box-shadow: 0 14px 34px rgba(16,35,26,.07);
  transition: transform .22s ease, box-shadow .22s ease;
}
.about-who-card-grid div:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 44px rgba(16,35,26,.12);
}
.about-who-card-grid i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: var(--mh-green);
  background: #e8f8f1;
  margin-bottom: 14px;
}
.about-who-card-grid div:nth-child(2) i { color: #2f80ed; background: #eaf3ff; }
.about-who-card-grid div:nth-child(3) i { color: #bd8c00; background: #fff8d9; }
.about-who-card-grid div:nth-child(4) i { color: #ef7d22; background: #fff0e6; }
.about-who-card-grid strong,
.about-who-card-grid span {
  display: block;
}
.about-who-card-grid strong {
  color: var(--mh-ink);
  font-weight: 900;
  margin-bottom: 6px;
}
.about-who-card-grid span {
  color: var(--mh-muted);
  font-size: 13px;
  line-height: 1.5;
}
@media(max-width:991.98px){
  .about-who-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media(max-width:575.98px){
  .about-who-card-grid { grid-template-columns: 1fr; }
}
/* 2026-07-15 Contact card color redesign */
.contact-color-hero {
  background: linear-gradient(135deg,#043722 0%,#075b3a 58%,#7d982f 100%) !important;
}
.contact-color-hero .section-kicker,
.contact-color-hero h1,
.contact-color-hero .lead {
  color: #fff !important;
}
.contact-redesign-row > [class*="col-"] {
  animation: contactCardRise .58s ease both;
}
.contact-redesign-row > [class*="col-"]:nth-child(2) {
  animation-delay: .1s;
}
.contact-color-card,
.contact-redesign-form-card,
.contact-redesign-map-card {
  position: relative;
  overflow: hidden;
  border: 1px solid #dbe9df !important;
  box-shadow: 0 14px 36px rgba(16,35,26,.08) !important;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.contact-color-card:hover,
.contact-redesign-form-card:hover,
.contact-redesign-map-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 48px rgba(16,35,26,.13) !important;
}
.contact-color-card::before,
.contact-redesign-form-card::before,
.contact-redesign-map-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
}
.contact-address-card::before { background: #0f766e; }
.contact-phone-card::before { background: #2f80ed; }
.contact-email-card::before { background: #f4c430; }
.contact-redesign-form-card::before { background: linear-gradient(180deg,#0f766e,#2f80ed,#f4c430); }
.contact-redesign-map-card::before { background: #ef7d22; }
.contact-address-card i { color: #0f766e !important; }
.contact-phone-card i { color: #2f80ed !important; }
.contact-email-card i { color: #bd8c00 !important; }
.contact-color-card i {
  width: 42px !important;
  height: 42px !important;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #eef8f1;
  flex: 0 0 42px;
  margin-top: 0 !important;
}
.contact-phone-card i { background: #eaf3ff; }
.contact-email-card i { background: #fff8d9; }
.contact-redesign-form-card h3,
.contact-map-heading h3 {
  color: #10231a !important;
  font-weight: 900 !important;
}
.contact-redesign-form-card .form-control {
  min-height: 46px;
  border-radius: 14px !important;
}
.contact-redesign-form-card textarea.form-control {
  min-height: 136px;
}
.contact-redesign-form-card .btn {
  border-radius: 999px !important;
}
.contact-redesign-map-card iframe {
  filter: saturate(.95) contrast(1.02);
}
@keyframes contactCardRise {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .contact-redesign-row > [class*="col-"] { animation: none !important; }
}
/* About mobile two-column card grids */
@media (max-width: 767.98px) {
  .about-market-flow-grid,
  .about-market-values .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .about-market-values .row > [class*="col-"] {
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .about-market-flow-card,
  .about-market-value-card {
    min-height: 155px !important;
    padding: 18px 14px !important;
    border-radius: 18px !important;
  }
  .about-market-flow-card span {
    right: 12px !important;
    top: 10px !important;
    font-size: 34px !important;
  }
  .about-market-flow-card i,
  .about-market-value-card i {
    width: 40px !important;
    height: 40px !important;
    border-radius: 13px !important;
    font-size: 16px !important;
    margin-bottom: 12px !important;
  }
  .about-market-flow-card h5,
  .about-market-value-card h5 {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }
  .about-market-flow-card p,
  .about-market-value-card p {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
}
@media (max-width: 360px) {
  .about-market-flow-grid,
  .about-market-values .row {
    gap: 9px !important;
  }
  .about-market-flow-card,
  .about-market-value-card {
    padding: 16px 11px !important;
  }
}
/* 2026-07-15 Android app style homepage redesign */
.hero-slider-section,
.home-categories,
.home-products,
.testimonials-section,
.section:has(.feature-grid),
.section:has(.steps-wrap) {
  background:
    radial-gradient(circle at 8% 10%, rgba(255,213,74,.22), transparent 28%),
    radial-gradient(circle at 92% 18%, rgba(15,118,110,.16), transparent 30%),
    #eaf3f6 !important;
}
.hero-slider-section {
  padding: 18px 0 26px !important;
}
.hero-slider-section #homeHeroSlider {
  width: min(1180px, calc(100% - 28px));
  margin: 0 auto;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 26px 70px rgba(3,30,18,.22);
}
.hero-slider-section .carousel-item,
.hero-slider-section .hero-slide-img {
  border-radius: 28px;
}
.hero-slider-section .hero-slide-img {
  height: clamp(430px, 52vw, 590px) !important;
  object-fit: cover;
}
.hero-slider-section .hero-slide-overlay {
  background: linear-gradient(90deg, rgba(3,47,28,.96) 0%, rgba(4,76,44,.78) 46%, rgba(4,76,44,.28) 100%) !important;
}
.hero-slider-section .carousel-caption {
  inset: 0;
  display: flex !important;
  align-items: center;
  text-align: left !important;
  padding: 0 !important;
}
.hero-slider-section .carousel-caption .container {
  max-width: 1120px;
}
.hero-slider-section .carousel-caption h1 {
  max-width: 620px;
  font-size: clamp(36px, 5vw, 66px);
  line-height: 1.02;
  letter-spacing: 0;
  font-weight: 900;
}
.hero-slider-section .carousel-caption p {
  max-width: 560px;
  font-size: 16px;
  line-height: 1.7;
}
.hero-slider-section .badge {
  border-radius: 999px !important;
  background: #fff4c8 !important;
  color: #88540d !important;
  border: 1px solid rgba(255,255,255,.65);
}
.hero-slider-section .btn {
  border-radius: 14px !important;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
}
.hero-slider-section .carousel-indicators {
  bottom: 18px;
}
.hero-slider-section .carousel-indicators [data-bs-target] {
  width: 28px;
  height: 5px;
  border-radius: 999px;
  border: 0;
}
.home-categories,
.home-products,
.testimonials-section,
.section:has(.feature-grid),
.section:has(.steps-wrap) {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
.home-categories .section-title,
.home-products .section-title,
.section:has(.feature-grid) .section-title,
.section:has(.steps-wrap) .section-title,
.testimonials-section .section-title {
  font-size: clamp(28px, 3.2vw, 44px);
  font-weight: 900;
  letter-spacing: 0;
}
.home-categories .section-kicker,
.home-products .section-kicker,
.section:has(.feature-grid) .section-kicker,
.section:has(.steps-wrap) .section-kicker,
.testimonials-section .section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #005f43 !important;
  letter-spacing: 3px;
}
.home-categories .section-kicker::before,
.home-products .section-kicker::before,
.section:has(.feature-grid) .section-kicker::before,
.section:has(.steps-wrap) .section-kicker::before,
.testimonials-section .section-kicker::before {
  content: ;
 width: 10px;
 height: 10px;
 border-radius: 999px;
 background: #f4c430;
 box-shadow: 0 0 0 5px rgba(244,196,48,.18);
}
.category-slider-shell,
.home-product-slider,
.testimonial-slider-shell {
 padding: 4px 2px 14px !important;
}
.category-card,
.product-card,
.feature-box,
.step-card,
.testimonial-card {
 position: relative;
 overflow: hidden;
 border: 1px solid #d6e5dc !important;
 border-radius: 24px !important;
 background: rgba(255,255,255,.94) !important;
 box-shadow: 0 16px 42px rgba(16,35,26,.08) !important;
 transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
 animation: homeAppRise .62s ease both;
}
.category-card:hover,
.product-card:hover,
.feature-box:hover,
.step-card:hover,
.testimonial-card:hover {
 transform: translateY(-7px);
 box-shadow: 0 24px 54px rgba(16,35,26,.14) !important;
 border-color: rgba(15,118,110,.28) !important;
}
.category-card::before,
.product-card::before,
.feature-box::before,
.step-card::before,
.testimonial-card::before {
 content: ;
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg,#0f766e,#2f80ed,#f4c430,#ef7d22);
}
.category-slide:nth-child(4n+1) .category-card::before,
.feature-box:nth-child(4n+1)::before,
.steps-wrap > *:nth-child(4n+1) .step-card::before {
  background: #0f766e;
}
.category-slide:nth-child(4n+2) .category-card::before,
.feature-box:nth-child(4n+2)::before,
.steps-wrap > *:nth-child(4n+2) .step-card::before {
  background: #2f80ed;
}
.category-slide:nth-child(4n+3) .category-card::before,
.feature-box:nth-child(4n+3)::before,
.steps-wrap > *:nth-child(4n+3) .step-card::before {
  background: #f4c430;
}
.category-slide:nth-child(4n+4) .category-card::before,
.feature-box:nth-child(4n+4)::before,
.steps-wrap > *:nth-child(4n+4) .step-card::before {
  background: #ef7d22;
}
.category-card .category-thumb,
.product-img-wrap {
  border-radius: 20px !important;
  background: linear-gradient(135deg,#f7fbf9,#edf7f2) !important;
}
.category-card .arrow,
.wish-btn,
.category-slider-arrow,
.testimonial-slider-arrow {
  border-radius: 999px !important;
  box-shadow: 0 10px 28px rgba(16,35,26,.12);
}
.category-view-btn,
.products-view-all-btn,
.product-actions .btn,
.cta-band .btn {
  border-radius: 14px !important;
  font-weight: 900;
}
.feature-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}
.feature-box,
.step-card {
  min-height: 190px;
  padding: 24px 20px !important;
}
.feature-box i,
.step-card i {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #0f766e;
  background: #e8f8f1;
  margin-bottom: 18px;
}
.feature-box:nth-child(2) i,
.steps-wrap > *:nth-child(2) .step-card i { color: #2f80ed; background: #eaf3ff; }
.feature-box:nth-child(3) i,
.steps-wrap > *:nth-child(3) .step-card i { color: #bd8c00; background: #fff8d9; }
.feature-box:nth-child(4) i,
.steps-wrap > *:nth-child(4) .step-card i { color: #ef7d22; background: #fff0e6; }
.feature-box h5,
.step-card h5,
.testimonial-card strong,
.product-name,
.category-card h5 {
  color: #071d12 !important;
  font-weight: 900 !important;
}
.step-number {
  color: rgba(15,118,110,.11) !important;
  font-size: 44px !important;
}
.cta-band {
  overflow: hidden;
  border-radius: 28px !important;
  background: linear-gradient(135deg,#06472e 0%,#0e7a4d 58%,#8a982e 100%) !important;
  box-shadow: 0 24px 58px rgba(5,50,30,.18);
}
.testimonial-card {
  min-height: 245px;
}
@keyframes homeAppRise {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 1199.98px) {
  .feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 767.98px) {
  .hero-slider-section {
    padding: 10px 0 18px !important;
  }
  .hero-slider-section #homeHeroSlider {
    width: calc(100% - 20px);
    border-radius: 26px;
  }
  .hero-slider-section .carousel-item,
  .hero-slider-section .hero-slide-img {
    border-radius: 26px;
  }
  .hero-slider-section .hero-slide-img {
    height: 520px !important;
  }
  .hero-slider-section .hero-slide-overlay {
    background: linear-gradient(180deg, rgba(2,34,20,.28) 0%, rgba(3,48,29,.94) 62%, rgba(3,48,29,.98) 100%) !important;
  }
  .hero-slider-section .carousel-caption {
    align-items: flex-end;
    padding: 0 18px 58px !important;
  }
  .hero-slider-section .carousel-caption h1 {
    font-size: 34px;
    max-width: 100%;
  }
  .hero-slider-section .carousel-caption p {
    font-size: 14px;
    line-height: 1.6;
  }
  .hero-slider-section .carousel-caption .d-flex {
    gap: 10px !important;
  }
  .hero-slider-section .carousel-caption .btn {
    flex: 1 1 100%;
    min-height: 46px;
  }
  .home-categories,
  .home-products,
  .testimonials-section,
  .section:has(.feature-grid),
  .section:has(.steps-wrap) {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }
  .home-categories .container,
  .home-products .container,
  .section:has(.feature-grid) .container,
  .section:has(.steps-wrap) .container,
  .testimonials-section .container {
    max-width: 100%;
  }
  .home-categories .d-flex.justify-content-between,
  .home-products .d-flex.justify-content-between {
    align-items: stretch !important;
  }
  .home-categories .d-flex.justify-content-between > .btn,
  .products-view-all {
    align-self: flex-start;
  }
  .category-slide,
  .home-product-slide {
    flex-basis: 82% !important;
    max-width: 82% !important;
  }
  .category-card,
  .product-card {
    min-height: 100%;
  }
  .product-actions {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .feature-grid,
  .steps-wrap {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .steps-wrap > [class*= col-] {
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .feature-box,
  .step-card {
    min-height: 176px;
    padding: 20px 14px !important;
    border-radius: 20px !important;
  }
  .feature-box i,
  .step-card i {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    margin-bottom: 14px;
  }
  .feature-box h5,
  .step-card h5 {
    font-size: 15px;
  }
  .feature-box p,
  .step-card p {
    font-size: 12px;
    line-height: 1.45;
  }
  .step-number {
    font-size: 36px !important;
    right: 12px !important;
    top: 10px !important;
  }
  .cta-band {
    border-radius: 24px !important;
    padding: 28px 20px !important;
  }
  .testimonial-slide {
    flex-basis: 86% !important;
    max-width: 86% !important;
  }
}
@media (max-width: 380px) {
  .feature-grid,
  .steps-wrap {
    gap: 9px !important;
  }
  .feature-box,
  .step-card {
    min-height: 168px;
    padding: 18px 11px !important;
  }
  .category-slide,
  .home-product-slide,
  .testimonial-slide {
    flex-basis: 88% !important;
    max-width: 88% !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .category-card,
  .product-card,
  .feature-box,
  .step-card,
  .testimonial-card {
    animation: none !important;
  }
}

/* 2026-07-15 Homepage mobile compact buttons */
@media (max-width: 767.98px) {
  .hero-slider-section .carousel-caption .btn,
  .home-categories .btn,
  .home-products .btn,
  .category-view-btn,
  .product-actions .btn,
  .cta-band .btn {
    width: auto !important;
    max-width: max-content !important;
    flex: 0 0 auto !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    min-height: 42px !important;
    white-space: nowrap;
  }
  .hero-slider-section .carousel-caption .d-flex,
  .product-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  .product-actions {
    gap: 8px !important;
  }
  .products-view-all {
    width: auto !important;
  }
}

/* 2026-07-15 Homepage mobile slider and compact card fixes */
@media (max-width: 575.98px) {
  body main .home-categories .category-slider-wrap {
    padding: 0 38px !important;
  }
  body main .home-categories .category-slider-track {
    gap: 16px !important;
    transition: transform .42s ease !important;
  }
  body main .home-categories .category-slide {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body main .home-categories .category-card {
    min-height: 232px !important;
    padding: 12px !important;
  }
  body main .home-categories .category-card .category-thumb {
    height: 92px !important;
    margin-bottom: 8px !important;
  }
  body main .home-categories .category-card h5 {
    min-height: 0 !important;
    margin: 6px 0 4px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    overflow-wrap: anywhere;
  }
  body main .home-categories .category-card p {
    font-size: 12px !important;
    line-height: 1.2 !important;
    -webkit-line-clamp: 2 !important;
  }
  body main .home-categories .category-view-btn {
    max-width: 100% !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
  body main .home-categories .category-slider-arrow {
    width: 34px !important;
    height: 34px !important;
  }
}
@media (max-width: 767.98px) {
  body main .home-products .home-product-slider {
    gap: 14px !important;
  }
  body main .home-products .home-product-slide {
    flex: 0 0 78% !important;
    max-width: 78% !important;
    min-width: 0 !important;
  }
  body main .home-products .product-card {
    min-height: 0 !important;
    height: auto !important;
    border-radius: 18px !important;
  }
  body main .home-products .product-img-wrap {
    height: 142px !important;
    padding: 8px !important;
    margin-bottom: 0 !important;
  }
  body main .home-products .product-img {
    width: 100% !important;
    height: 126px !important;
    object-fit: contain !important;
  }
  body main .home-products .product-card-body {
    padding: 12px 10px 13px !important;
  }
  body main .home-products .product-meta {
    font-size: 10px !important;
    line-height: 1.25 !important;
    margin-bottom: 3px !important;
    overflow-wrap: anywhere;
  }
  body main .home-products .product-name {
    font-size: 14px !important;
    line-height: 1.25 !important;
    margin-bottom: 7px !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  body main .home-products .product-price {
    font-size: 17px !important;
    line-height: 1.1 !important;
  }
  body main .home-products .badge-stock {
    font-size: 9px !important;
    padding: 5px 7px !important;
    white-space: nowrap;
  }
  body main .home-products .product-card-body .small {
    font-size: 11px !important;
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
  }
  body main .home-products .product-actions {
    gap: 6px !important;
  }
  body main .home-products .product-actions .btn {
    min-height: 35px !important;
    padding: 7px 9px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    max-width: none !important;
  }
}
@media (max-width: 380px) {
  body main .home-products .home-product-slide {
    flex-basis: 84% !important;
    max-width: 84% !important;
  }
  body main .home-products .product-actions .btn {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}

/* 2026-07-15 Homepage product spacing and testimonial order */
body main .home-products .product-name {
  margin-top: 2px !important;
  margin-bottom: 4px !important;
}
body main .home-products .product-card-body .d-flex.justify-content-between {
  margin-top: 4px !important;
  margin-bottom: 5px !important;
}
body main .home-products .product-price {
  display: inline-flex;
  align-items: center;
}
body main .home-products .product-card-body .small {
  margin-bottom: 8px !important;
}
body main .testimonials-section .testimonial-card-reordered {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
body main .testimonials-section .testimonial-card-reordered .testimonial-person {
  order: 1;
  padding-bottom: 12px;
  border-bottom: 1px solid #e3eee7;
}
body main .testimonials-section .testimonial-card-reordered p {
  order: 2;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
}
body main .testimonials-section .testimonial-card-reordered .testimonial-stars {
  order: 3;
  margin-top: 0 !important;
}
@media (max-width: 767.98px) {
  .steps-wrap > [class*= col-] {
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body main .home-products .product-card-body {
    padding-top: 9px !important;
  }
  body main .home-products .product-name {
    margin-top: 1px !important;
    margin-bottom: 3px !important;
  }
  body main .home-products .product-card-body .d-flex.justify-content-between {
    margin-top: 3px !important;
    margin-bottom: 4px !important;
  }
  body main .testimonials-section .testimonial-card-reordered {
    min-height: 205px !important;
    gap: 12px;
  }
}

/* 2026-07-15 Homepage category button color */
body main .home-categories > .container > .d-flex .btn-outline-primary {
  background: linear-gradient(135deg,#057a43 0%,#5ca83b 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(5,122,67,.22);
}
body main .home-categories > .container > .d-flex .btn-outline-primary:hover,
body main .home-categories > .container > .d-flex .btn-outline-primary:focus {
  background: #f4c430 !important;
  border-color: #f4c430 !important;
  color: #10231a !important;
  box-shadow: 0 14px 28px rgba(244,196,48,.25);
}

/* 2026-07-15 Homepage card arrow and product action fixes */
body main .home-categories .category-card {
  overflow: hidden !important;
}
body main .home-categories .category-card .arrow {
  right: 12px !important;
  top: 12px !important;
  width: 30px !important;
  height: 30px !important;
  z-index: 2;
}
body main .home-categories .category-view-btn {
  max-width: calc(100% - 4px) !important;
  overflow: hidden !important;
  gap: 6px !important;
}
body main .home-categories .category-view-btn i {
  flex: 0 0 auto !important;
  margin-left: 2px !important;
  transform: none !important;
}
body main .home-products .home-product-slider {
  gap: 12px !important;
}
body main .home-products .home-product-slide {
  width: 100% !important;
  max-width: none !important;
  flex: 0 1 auto !important;
}
body main .home-products .product-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 42px !important;
  gap: 8px !important;
  align-items: stretch !important;
}
body main .home-products .product-actions .btn {
  width: 100% !important;
  max-width: none !important;
  min-height: 38px !important;
  border-radius: 10px !important;
  padding: 8px 10px !important;
}
body main .home-products .product-actions .btn-grad {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  font-size: 15px !important;
}
body main .home-products .product-actions .btn-grad i {
  margin: 0 !important;
}
@media (max-width: 991.98px) {
  body main .home-products .home-product-slider {
    gap: 10px !important;
  }
}
@media (max-width: 575.98px) {
  body main .home-categories .category-card .arrow {
    right: 10px !important;
    top: 10px !important;
    width: 28px !important;
    height: 28px !important;
  }
  body main .home-categories .category-view-btn {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  body main .home-products .home-product-slider {
    gap: 10px !important;
  }
  body main .home-products .home-product-slide {
    width: 100% !important;
    max-width: none !important;
    flex-basis: auto !important;
  }
  body main .home-products .product-actions {
    grid-template-columns: minmax(0, 1fr) 40px !important;
    gap: 7px !important;
  }
  body main .home-products .product-actions .btn-grad {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
  }
}

/* 2026-07-15 Keep category View Products arrow inside button */
body main .home-categories .category-card .category-view-btn {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  gap: 5px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
body main .home-categories .category-card .category-view-btn i,
body main .home-categories .category-card .category-view-btn .fa-arrow-right {
  position: static !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  transform: none !important;
  translate: none !important;
}
@media (max-width: 575.98px) {
  body main .home-categories .category-card .category-view-btn {
    font-size: 11px !important;
    padding: 8px 9px !important;
    gap: 4px !important;
  }
}

/* 2026-07-15 Homepage product actions as fitted buttons */
body main .home-products .product-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 7px !important;
  width: 100% !important;
}
body main .home-products .product-actions .btn,
body main .home-products .product-actions .btn-grad {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 36px !important;
  padding: 7px 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  border-radius: 9px !important;
}
@media (max-width: 380px) {
  body main .home-products .product-actions {
    gap: 5px !important;
  }
  body main .home-products .product-actions .btn,
  body main .home-products .product-actions .btn-grad {
    font-size: 10px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* 2026-07-15 Homepage simple admin category cards */
body main .home-categories .homepage-simple-category-card {
  min-height: 155px !important;
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  text-decoration: none !important;
}
body main .home-categories .homepage-category-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}
body main .home-categories .homepage-simple-category-card h5 {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}
body main .home-categories .homepage-simple-category-card p {
  font-size: 13px !important;
  line-height: 1.55 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
body main .home-categories .homepage-category-status {
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  padding: 6px 10px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: capitalize !important;
}
body main .home-categories .homepage-category-status.is-active {
  background: #dcfce7 !important;
  color: #166534 !important;
}
body main .home-categories .homepage-category-status.is-inactive {
  background: #fee2e2 !important;
  color: #991b1b !important;
}
@media (max-width: 575.98px) {
  body main .home-categories .homepage-simple-category-card {
    min-height: 150px !important;
    padding: 16px !important;
  }
  body main .home-categories .homepage-simple-category-card h5 {
    font-size: 15px !important;
  }
  body main .home-categories .homepage-simple-category-card p {
    font-size: 12px !important;
    -webkit-line-clamp: 3 !important;
  }
}

/* 2026-07-15 Homepage compact readable category cards */
body main .home-categories .homepage-simple-category-card {
  min-height: 130px !important;
  padding: 16px !important;
  gap: 9px !important;
}
body main .home-categories .homepage-category-card-head {
  align-items: flex-start !important;
  gap: 8px !important;
}
body main .home-categories .homepage-simple-category-card h5 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}
body main .home-categories .homepage-category-status {
  font-size: 10px !important;
  padding: 5px 8px !important;
}
body main .home-categories .homepage-simple-category-card p {
  font-size: 12px !important;
  line-height: 1.35 !important;
  -webkit-line-clamp: 3 !important;
}
@media (max-width: 575.98px) {
  body main .home-categories .category-slider-wrap {
    padding: 0 28px !important;
  }
  body main .home-categories .category-slider-track {
    gap: 12px !important;
  }
  body main .home-categories .category-slide {
    flex: 0 0 calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
  }
  body main .home-categories .homepage-simple-category-card {
    min-height: 128px !important;
    padding: 14px !important;
  }
  body main .home-categories .homepage-simple-category-card h5 {
    font-size: 14px !important;
  }
  body main .home-categories .homepage-simple-category-card p {
    font-size: 11px !important;
    line-height: 1.32 !important;
    -webkit-line-clamp: 3 !important;
  }
}

/* 2026-07-15 Remove empty space inside homepage category cards */
body main .home-categories .category-slider-shell {
  padding-bottom: 8px !important;
}
body main .home-categories .homepage-simple-category-card {
  height: auto !important;
  min-height: 112px !important;
  justify-content: flex-start !important;
  padding-bottom: 12px !important;
}
body main .home-categories .homepage-simple-category-card p {
  margin-bottom: 0 !important;
}
@media (max-width: 575.98px) {
  body main .home-categories .homepage-simple-category-card {
    min-height: 108px !important;
    padding: 12px !important;
    gap: 7px !important;
  }
  body main .home-categories .homepage-category-card-head {
    margin-bottom: 2px !important;
  }
  body main .home-categories .homepage-simple-category-card p {
    -webkit-line-clamp: 2 !important;
  }
}

/* About mobile requested two-column layouts */
@media (max-width: 767.98px) {
  .about-market-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .about-market-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px 8px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }

  .about-market-visual {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .about-market-main-img {
    grid-column: 1 / -1 !important;
  }

  .about-market-note {
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 12px 10px !important;
    border-radius: 14px !important;
  }

  .about-tool-showcase {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .about-tool-showcase-card {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: start !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 168px !important;
    padding: 14px 12px !important;
  }

  .about-tool-showcase-card img {
    width: 70px !important;
    height: 70px !important;
  }

  .about-who-card-grid,
  .about-market-flow-grid,
  .about-market-values .row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .about-who-card-grid div {
    min-width: 0 !important;
    min-height: 160px !important;
    padding: 16px 12px !important;
  }

  .about-who-card-grid i {
    margin-bottom: 12px !important;
  }
}

@media (max-width: 360px) {
  .about-market-actions,
  .about-market-visual,
  .about-tool-showcase,
  .about-who-card-grid,
  .about-market-flow-grid,
  .about-market-values .row {
    gap: 9px !important;
  }

  .about-market-actions .btn {
    padding: 11px 6px !important;
    font-size: 12px !important;
  }

  .about-tool-showcase-card,
  .about-who-card-grid div {
    padding: 13px 9px !important;
  }
}

/* Vendor panel: remove top gap above header */
html,
body{
  margin:0!important;
  padding:0!important;
}
body:not(.vendor-login-page) .vendor-shell,
body:not(.vendor-login-page) .vendor-main{
  margin-top:0!important;
  padding-top:0!important;
}
body:not(.vendor-login-page) .vendor-shell{
  position:relative!important;
  top:0!important;
}
body:not(.vendor-login-page) .vendor-shell .vendor-main > header.vendor-topbar{
  position:sticky!important;
  top:0!important;
  margin-top:0!important;
  transform:translateY(0)!important;
  border-top:0!important;
}


/* Vendor login mobile logo and visual text correction */
body.vendor-login-page .vendor-login-visual,
body.vendor-login-page .vendor-login-visual .vendor-login-copy,
body.vendor-login-page .vendor-login-visual .vendor-login-copy .eyebrow,
body.vendor-login-page .vendor-login-visual .vendor-login-copy h1,
body.vendor-login-page .vendor-login-visual .vendor-login-copy p,
body.vendor-login-page .vendor-login-visual .vendor-login-brand-card span,
body.vendor-login-page .vendor-login-visual .vendor-login-metrics span{
  color:#fff!important;
}
body.vendor-login-page .vendor-login-visual .vendor-login-metrics i{
  color:#f3d76e!important;
}
body.vendor-login-page .vendor-login-card .vendor-login-logo{
  text-align:center!important;
  margin:0 0 18px!important;
}
body.vendor-login-page .vendor-login-card .vendor-login-logo img{
  display:block!important;
  margin:0 auto!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:576px){
  body.vendor-login-page .vendor-login-card .vendor-login-logo img{
    width:225px!important;
    max-width:100%!important;
    max-height:92px!important;
  }
  body.vendor-login-page .vendor-login-card{
    align-items:stretch!important;
  }
}
/* Admin mobile density override: loaded after admin.css so these rules win. */
@media(max-width:767.98px){
  .admin-main .row.g-3,
  .admin-main .row.g-4,
  .content-wrap .row.g-3,
  .content-wrap .row.g-4{
    --bs-gutter-x:.75rem;
    --bs-gutter-y:.75rem;
  }
  .admin-main .row > [class*="col-"]:has(> .stat-card),
  .content-wrap .row > [class*="col-"]:has(> .stat-card){
    flex:0 0 50%!important;
    max-width:50%!important;
    width:50%!important;
  }
  .admin-main .panel-card .row > [class*="col-"]:has(> small.text-muted),
  .content-wrap .panel-card .row > [class*="col-"]:has(> small.text-muted){
    flex:0 0 50%!important;
    max-width:50%!important;
    width:50%!important;
    min-width:0!important;
  }
  .admin-main .panel-card .row > [class*="col-"]:has(> small.text-muted) strong,
  .admin-main .panel-card .row > [class*="col-"]:has(> small.text-muted) span,
  .admin-main .panel-card .row > [class*="col-"]:has(> small.text-muted) div,
  .content-wrap .panel-card .row > [class*="col-"]:has(> small.text-muted) strong,
  .content-wrap .panel-card .row > [class*="col-"]:has(> small.text-muted) span,
  .content-wrap .panel-card .row > [class*="col-"]:has(> small.text-muted) div{
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .admin-main .stat-card{
    min-height:96px!important;
    padding:14px!important;
    gap:10px!important;
    align-items:center!important;
    overflow:hidden;
  }
  .admin-main .stat-card > div:first-child{min-width:0}
  .admin-main .stat-card .text-muted,
  .admin-main .stat-card span{overflow-wrap:anywhere;line-height:1.25}
  .admin-main .stat-value,
  .admin-main .stat-card h3{font-size:clamp(1.15rem,6vw,1.65rem)!important;line-height:1.1!important;overflow-wrap:anywhere}
  .admin-main .stat-icon{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important}
  .admin-main .page-title-row{display:flex!important;align-items:flex-start!important;gap:10px!important}
  .admin-main .page-title-row > div:first-child{flex:1 1 220px!important;min-width:0!important}
  .admin-main .page-title-row > div:last-child,
  .admin-main .page-title-row > .btn,
  .admin-main .page-title-row > a.btn,
  .admin-main .page-title-row > button.btn{width:auto!important;flex:0 1 auto!important}
  .admin-main .page-title-row .d-flex{width:auto!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important}
  .admin-main .page-title-row .btn,
  .admin-main .admin-page-action-inner .btn,
  .admin-main .admin-page-action-inner a,
  .admin-main .admin-page-action-inner button{width:auto!important;min-width:0!important;flex:0 0 auto!important;white-space:normal!important;padding:8px 11px!important}
  .admin-main .admin-page-action-inner{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .admin-main .admin-page-action-inner > *,
  .admin-main .admin-page-action-inner > .d-flex{width:auto!important;flex:0 1 auto!important}
  .admin-main [class*="filter-actions"],
  .admin-main .payments-filter-actions,
  .admin-main .reports-filter-actions,
  .admin-main .product-filter-actions,
  .admin-main .customer-filter-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .admin-main [class*="filter-actions"] .btn,
  .admin-main .payments-filter-actions .btn,
  .admin-main .reports-filter-actions .btn,
  .admin-main .product-filter-actions .btn,
  .admin-main .customer-filter-actions .btn{width:100%!important;min-width:0!important;padding-inline:8px!important}
}
@media(max-width:420px){
  .admin-main .row > [class*="col-"]:has(> .stat-card),
  .content-wrap .row > [class*="col-"]:has(> .stat-card),
  .admin-main .panel-card .row > [class*="col-"]:has(> small.text-muted),
  .content-wrap .panel-card .row > [class*="col-"]:has(> small.text-muted){flex-basis:50%!important;max-width:50%!important}
  .admin-main .stat-card{padding:12px 10px!important}
  .admin-main .stat-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
}
/* Admin mobile detail lists: use two compact columns for short label/value items. */
@media(max-width:767.98px){
  .admin-main .return-request-list,
  .admin-main .return-progress-list,
  .admin-main .payment-detail-grid,
  .admin-main .settings-detail-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .admin-main .return-request-list > div,
  .admin-main .return-progress-list > div,
  .admin-main .payment-detail-grid > div,
  .admin-main .settings-detail-grid > div{
    min-width:0!important;
  }
  .admin-main .return-request-list > .return-request-proof,
  .admin-main .return-request-list > div:has(img),
  .admin-main .return-request-list > div:has(textarea),
  .admin-main .return-progress-list > .return-progress-note,
  .admin-main .return-progress-list > div:has(textarea),
  .admin-main .payment-detail-grid > div:has(textarea),
  .admin-main .settings-detail-grid > div:has(textarea){
    grid-column:1 / -1!important;
  }
}
/* Order and customer detail labels: black labels and normal black values. */
body.orders-admin-page .panel-card .row > [class*="col-"] > small.text-muted,
body.customers-admin-page .panel-card .row > [class*="col-"] > small.text-muted,
body.returns-admin-page .panel-card .row > [class*="col-"] > small.text-muted,
body.return-details-admin-page .panel-card .row > [class*="col-"] > small.text-muted{
  color:#111827!important;
  font-weight:800!important;
}
body.orders-admin-page .panel-card .row > [class*="col-"] > small.text-muted + strong,
body.orders-admin-page .panel-card .row > [class*="col-"] > small.text-muted + span,
body.orders-admin-page .panel-card .row > [class*="col-"] > small.text-muted + div,
body.customers-admin-page .panel-card .row > [class*="col-"] > small.text-muted + strong,
body.customers-admin-page .panel-card .row > [class*="col-"] > small.text-muted + span,
body.customers-admin-page .panel-card .row > [class*="col-"] > small.text-muted + div,
body.returns-admin-page .panel-card .row > [class*="col-"] > small.text-muted + strong,
body.returns-admin-page .panel-card .row > [class*="col-"] > small.text-muted + span,
body.returns-admin-page .panel-card .row > [class*="col-"] > small.text-muted + div,
body.return-details-admin-page .panel-card .row > [class*="col-"] > small.text-muted + strong,
body.return-details-admin-page .panel-card .row > [class*="col-"] > small.text-muted + span,
body.return-details-admin-page .panel-card .row > [class*="col-"] > small.text-muted + div{
  color:#111827!important;
  font-weight:400!important;
}
body.orders-admin-page .return-request-list strong,
body.orders-admin-page .return-progress-list strong,
body.returns-admin-page .return-request-list strong,
body.returns-admin-page .return-progress-list strong,
body.return-details-admin-page .return-request-list strong,
body.return-details-admin-page .return-progress-list strong{
  color:#111827!important;
  font-weight:800!important;
}
body.orders-admin-page .return-request-list span,
body.orders-admin-page .return-progress-list span,
body.returns-admin-page .return-request-list span,
body.returns-admin-page .return-progress-list span,
body.return-details-admin-page .return-request-list span,
body.return-details-admin-page .return-progress-list span{
  color:#111827!important;
  font-weight:400!important;
}
/* Reports and vendor management label/value weight correction. */
body.reports-admin-page .panel-card small.text-muted,
body.reports-admin-page .panel-card span.text-muted,
body.reports-admin-page .stat-card span.text-muted,
body.vendor-details-admin-page .panel-card small.text-muted,
body.vendor-details-admin-page .panel-card span.text-muted,
body.vendor-details-admin-page .stat-card span.text-muted,
body:has(.vendor-status-actions) .panel-card small.text-muted,
body:has(.vendor-status-actions) .panel-card span.text-muted,
body:has(.vendor-status-actions) .stat-card span.text-muted{
  color:#111827!important;
  font-weight:800!important;
}
body.reports-admin-page .panel-card small.text-muted + strong,
body.reports-admin-page .panel-card small.text-muted + span,
body.reports-admin-page .panel-card small.text-muted + div,
body.reports-admin-page .panel-card span.text-muted + strong,
body.reports-admin-page .panel-card span.text-muted + span,
body.reports-admin-page .panel-card span.text-muted + div,
body.vendor-details-admin-page .panel-card small.text-muted + strong,
body.vendor-details-admin-page .panel-card small.text-muted + span,
body.vendor-details-admin-page .panel-card small.text-muted + div,
body.vendor-details-admin-page .panel-card span.text-muted + strong,
body.vendor-details-admin-page .panel-card span.text-muted + span,
body.vendor-details-admin-page .panel-card span.text-muted + div,
body:has(.vendor-status-actions) .panel-card small.text-muted + strong,
body:has(.vendor-status-actions) .panel-card small.text-muted + span,
body:has(.vendor-status-actions) .panel-card small.text-muted + div,
body:has(.vendor-status-actions) .panel-card span.text-muted + strong,
body:has(.vendor-status-actions) .panel-card span.text-muted + span,
body:has(.vendor-status-actions) .panel-card span.text-muted + div{
  color:#111827!important;
  font-weight:400!important;
}
body.reports-admin-page .stat-card .stat-value,
body.vendor-details-admin-page .stat-card .stat-value,
body:has(.vendor-status-actions) .stat-card .stat-value{
  color:#111827!important;
  font-weight:400!important;
}
body.reports-admin-page .app-table td strong,
body.vendor-details-admin-page .app-table td strong,
body:has(.vendor-status-actions) .app-table td strong{
  color:#111827!important;
  font-weight:400!important;
}
/* Remove broken quote glyph from homepage testimonial cards. */
body main .testimonials-section .testimonial-card-reordered::before{content:none!important;display:none!important}

/* Reports filter controls: keep text bars and actions regular weight. */
body.reports-admin-page .reports-date-filter-card .form-label,
body.reports-admin-page .reports-date-filter-card .form-control,
body.reports-admin-page .reports-date-filter-card .form-select,
body.reports-admin-page .reports-date-filter-card .report-period-toggle button,
body.reports-admin-page .reports-date-filter-card .reports-filter-actions .btn{
  font-weight:400!important;
  letter-spacing:0!important;
}
body.reports-admin-page .reports-date-filter-card .report-period-toggle button.active{
  font-weight:400!important;
}
/* Reports filter controls: soften field borders. */
body.reports-admin-page .reports-date-filter-card .report-period-toggle,
body.reports-admin-page .reports-date-filter-card .report-period-toggle button,
body.reports-admin-page .reports-date-filter-card .form-control,
body.reports-admin-page .reports-date-filter-card .form-select{
  border-color:#d7dde5!important;
  border-width:1px!important;
  box-shadow:none!important;
}
body.reports-admin-page .reports-date-filter-card .report-period-toggle button.active{
  background:#f8fafc!important;
  border-color:#d7dde5!important;
  box-shadow:none!important;
}
body.reports-admin-page .reports-date-filter-card .form-control:focus,
body.reports-admin-page .reports-date-filter-card .form-select:focus,
body.reports-admin-page .reports-date-filter-card .report-period-toggle button:focus{
  border-color:#9fb0c3!important;
  box-shadow:0 0 0 .12rem rgba(148,163,184,.18)!important;
}

/* 2026-07-18 Database-driven category browsing grid */
.category-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.category-grid-home{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.category-browse-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:100%;
  overflow:hidden;
  text-decoration:none;
  color:#1f2937;
  background:#fff;
  border:1px solid #e5edf7;
  border-radius:12px;
  box-shadow:0 10px 28px rgba(15,23,42,.07);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.category-browse-card:hover{
  color:#1f2937;
  transform:translateY(-4px);
  border-color:#b7cee9;
  box-shadow:0 18px 42px rgba(15,23,42,.11);
}
.category-browse-image{
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:4/3;
  padding:14px;
  background:#f5f7fa;
  border-bottom:1px solid #e5edf7;
  overflow:hidden;
}
.category-browse-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.category-browse-body{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:14px;
  min-width:0;
  flex:1;
}
.category-browse-count{
  align-self:flex-start;
  max-width:100%;
  border-radius:999px;
  background:#eef6ff;
  color:#0b5cad;
  font-size:12px;
  font-weight:800;
  padding:4px 9px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.category-browse-body strong{
  color:#0b2545;
  font-size:18px;
  line-height:1.22;
  overflow-wrap:anywhere;
}
.category-browse-body small{
  color:#64748b;
  line-height:1.45;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.category-browse-action{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#f97316;
  font-weight:800;
}
.category-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
  color:#dbeafe;
  font-size:14px;
}
.category-breadcrumb a{
  color:#fff;
  text-decoration:none;
  font-weight:700;
}
.category-browse-section .section-title,
.category-products-panel .products-list-heading{
  overflow-wrap:anywhere;
}
@media (max-width:1199.98px){
  .category-grid-home{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:767.98px){
  .category-grid,
  .category-grid-home{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
  .category-browse-body{padding:12px;}
  .category-browse-body strong{font-size:16px;}
  .category-browse-body small{font-size:12px;}
}
@media (max-width:420px){
  .category-grid{grid-template-columns:1fr;}
  .category-grid-home{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* 2026-07-18 Simple image + name category cards */
.category-name-card .category-browse-body{
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:12px 10px;
  min-height:76px;
  max-height:76px;
}
.category-name-card .category-browse-body strong{
  font-size:18px;
  font-weight:850;
  line-height:1.2;
}
.category-grid-home .category-name-card .category-browse-image{
  height:172px;
  aspect-ratio:auto;
}
@media (max-width:767.98px){
  .category-name-card .category-browse-body{min-height:64px;max-height:64px;}
  .category-name-card .category-browse-body strong{font-size:16px;}
}

/* 2026-07-18 Navbar product category tree */
.header-menu-row .nav-category-menu{position:relative;}
.header-menu-row .nav-category-root,
.header-menu-row .nav-category-submenu{
  min-width:220px;
  padding:8px;
  border:1px solid rgba(226,232,240,.95);
  border-radius:10px;
  background:#fff;
  box-shadow:0 18px 42px rgba(15,23,42,.14);
}
.header-menu-row .nav-category-root{
  margin-top:0;
}
.header-menu-row .nav-category-item{position:relative;}
.header-menu-row .nav-category-submenu{
  display:none;
  position:absolute;
  top:-8px;
  left:100%;
  margin-left:8px;
  list-style:none;
}
.header-menu-row .nav-category-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:40px;
  padding:9px 11px;
  border-radius:8px;
  color:#173b57!important;
  font-weight:750;
  white-space:nowrap;
}
.header-menu-row .nav-category-link span{overflow:hidden;text-overflow:ellipsis;}
.header-menu-row .nav-category-link i{font-size:11px;color:#64748b;}
.header-menu-row .nav-category-link:hover,
.header-menu-row .nav-category-item:focus-within > .nav-category-link{
  background:#eef6ff;
  color:#0f766e!important;
}
@media (min-width:992px){
  .header-menu-row .nav-category-menu:hover > .dropdown-menu,
  .header-menu-row .nav-category-menu:focus-within > .dropdown-menu{display:block;}
  .header-menu-row .nav-category-item:hover > .nav-category-submenu,
  .header-menu-row .nav-category-item:focus-within > .nav-category-submenu{display:block;}
}
@media (max-width:991.98px){
  .header-menu-row .nav-category-root{
    position:static!important;
    width:100%;
    box-shadow:none;
    border-radius:12px;
    margin:4px 0 8px;
  }
  .header-menu-row .nav-category-submenu{
    display:block;
    position:static;
    margin:3px 0 6px 14px;
    padding:4px 0 4px 10px;
    min-width:0;
    border:0;
    border-left:1px solid #dbe5ef;
    border-radius:0;
    box-shadow:none;
    background:transparent;
  }
  .header-menu-row .nav-category-link{
    min-height:36px;
    white-space:normal;
  }
  .header-menu-row .nav-category-link i{display:none;}
}

/* 2026-07-18 Products nav arrow, no underline dash */
.header-menu-row .nav-category-menu > .nav-link{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
}
.header-menu-row .nav-category-menu > .nav-link:after{
  display:none!important;
  content:none!important;
}
.header-menu-row .nav-products-caret{
  font-size:11px;
  line-height:1;
  margin-top:1px;
}
.header-menu-row .nav-category-menu:hover > .nav-link .nav-products-caret,
.header-menu-row .nav-category-menu:focus-within > .nav-link .nav-products-caret{
  transform:rotate(180deg);
}

/* 2026-07-21 Force homepage category mobile two-column grid */
@media (max-width:767.98px){
  body main .home-categories .category-grid.category-grid-home{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
  body main .home-categories .category-grid.category-grid-home .category-browse-card{
    width:100%!important;
    min-width:0!important;
  }
}
/* Logo-only colour correction: preserve all existing layout and spacing. */
body .site-header .header-menu-row{background-color:#f7f1e8!important;background-image:none!important;border-color:#e4d7c9!important}
body .site-header .header-menu-row .nav-link,body .site-header .header-menu-row .nav-link:visited{color:#123552!important}
body .site-header .header-menu-row .nav-products-caret{color:#123552!important}
.header-menu-row .nav-link:hover,.header-menu-row .nav-link:focus,.header-menu-row .nav-link.active{background:rgba(184,92,63,.22)!important;color:#fff!important}
.header-menu-row .nav-link:after{background:#b85c3f!important}
.hero-slider-section .hero-slide-overlay{background:linear-gradient(90deg,rgba(11,38,61,.96),rgba(18,53,82,.78),rgba(184,92,63,.24))!important}
.hero,.page-hero{background:linear-gradient(135deg,#0b263d,#123552 55%,#8e3f2b)!important}
html,body{background:#f7f1e8!important;color:#203243!important}
.site-header,.header-main-row{background:#f7f1e8!important;border-color:#e4d7c9!important}
section.bg-white,.testimonials-section{background:#f7f1e8!important}
.category-card,.card-soft,.feature-box,.step-card,.value-card,.filter-card,.table-wrap,.empty-state,.category-browse-card,.category-browse-body,.product-card,.testimonial-card{background:#fffdf9!important;border-color:#e4d7c9!important}
.product-img-wrap{background:linear-gradient(145deg,#fffdf9,#f0e9e1)!important}
.section-kicker,.product-price{color:#8e3f2b!important}
.btn-grad,.btn-primary,.btn-success,.btn-gradient{background:linear-gradient(135deg,#123552,#8e3f2b)!important;border-color:#123552!important}
.btn-orange,.btn-warning{background:#b85c3f!important;border-color:#b85c3f!important}
/* Customer login mobile brand logo: crop the source image to its actual mark. */
.customer-auth-visual .customer-side-brand img{
  width:78px!important;
  height:78px!important;
  flex:0 0 78px!important;
  content:url("../images/chiguru-logo-transparent.png")!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  padding:0!important;
  display:block!important;
  visibility:visible!important;
}
.customer-auth-visual .customer-side-brand{min-height:98px!important;align-items:center!important}
@media(max-width:575.98px){
  .customer-auth-visual .customer-side-brand{min-height:86px!important}
  .customer-auth-visual .customer-side-brand img{
    width:68px!important;
    height:68px!important;
    flex-basis:68px!important;
  }
}