@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--g:#07594b;--g2:#04382f;--gold:#c99a2b;--gold2:#e5c96d;--cream:#f7f5ef;--white:#fff;--ink:#19322d;--muted:#74817c;--line:#e4e8e4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Jameel Noori Nastaleeq","Jameel Noori Nastaleeq Kasheeda","Nafees Nastaleeq",serif;line-height:1.75}a{text-decoration:none;color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}
.topbar{height:76px;background:#fff;border-bottom:1px solid #e8e1ce;position:sticky;top:0;z-index:50;box-shadow:0 3px 18px rgba(0,0,0,.04)}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;direction:ltr}
.brand{display:flex;align-items:center;gap:10px;direction:ltr}.brand-icon{width:42px;height:42px;background:var(--g);color:#fff;border-radius:12px;display:grid;place-items:center;font-size:25px}.brand-copy b{display:block;font:700 23px "DM Sans",sans-serif;color:var(--g)}.brand-copy small{display:block;font:600 8px "DM Sans",sans-serif;color:var(--gold);letter-spacing:.65px}.menu{display:flex;gap:4px;direction:ltr}.menu a{font:600 13px "DM Sans",sans-serif;color:#4c5c57;padding:9px 13px;border-radius:8px}.menu a:hover,.menu a.active{background:#edf5f1;color:var(--g)}.cart-btn{display:flex;align-items:center;gap:8px;background:var(--g);color:#fff;padding:8px 12px;border-radius:9px;font:700 12px "DM Sans",sans-serif;direction:ltr}.cart-btn strong{width:21px;height:21px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-size:10px}
.hero{background:linear-gradient(120deg,var(--g2),var(--g));min-height:560px;color:#fff;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,rgba(229,201,109,.1),transparent 27%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,55px 55px}.hero-inner{min-height:560px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;direction:ltr;position:relative;z-index:2}.hero-content{direction:rtl;text-align:right;max-width:600px;justify-self:end}.kicker{font:700 10px "DM Sans",sans-serif;color:var(--gold2);letter-spacing:2px;direction:ltr;margin-bottom:10px}.hero h1{font-size:62px;line-height:1.22;margin:0 0 13px;font-weight:400}.hero h1 span{color:var(--gold2)}.hero p{font-size:18px;color:rgba(255,255,255,.8);line-height:2;margin:0 0 20px}.actions{display:flex;gap:9px;direction:rtl}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:9px 20px;font:700 12px "DM Sans",sans-serif;transition:.2s;direction:ltr}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--gold);color:#fff}.btn.secondary{border:1px solid rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.05)}.quick-points{display:flex;align-items:center;gap:10px;margin-top:16px;color:rgba(255,255,255,.62);font-size:11px}.quick-points i{width:3px;height:3px;background:var(--gold2);border-radius:50%}
.hero-visual{height:430px;position:relative;direction:ltr}.circle{position:absolute;border:1px solid rgba(229,201,109,.24);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.circle-1{width:335px;height:335px}.circle-2{width:420px;height:420px;opacity:.45}.book{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:4px 12px 12px 4px;box-shadow:20px 22px 32px rgba(0,0,0,.25)}.book-1{width:145px;height:225px;left:55px;top:115px;background:#8d6b1e;color:#f4e7bd;font-size:29px;transform:rotate(-9deg)}.book-2{width:165px;height:250px;left:130px;top:98px;background:#efe9d8;color:var(--g);font-size:31px;transform:rotate(3deg)}.book-3{width:180px;height:270px;left:205px;top:80px;background:linear-gradient(145deg,#fffdf4,#e8e0c8);color:var(--g);border-left:6px solid var(--gold);flex-direction:column;padding:18px;transform:rotate(6deg)}.book-3 small{font:700 8px "DM Sans",sans-serif;letter-spacing:2px;color:var(--gold)}.book-3 b{font-size:28px;line-height:1.35;margin:13px 0}.book-3 em{font:600 7px "DM Sans",sans-serif;color:#78827c;direction:ltr;font-style:normal}
.trustbar{background:#fff;border-bottom:1px solid var(--line)}.trust-inner{display:grid;grid-template-columns:repeat(4,1fr);direction:ltr}.trust-inner div{display:flex;align-items:center;gap:10px;padding:14px 18px;border-right:1px solid var(--line);direction:rtl}.trust-inner div:last-child{border:0}.trust-inner b{font:700 10px "DM Sans",sans-serif;color:var(--gold)}.trust-inner span{font-size:13px;color:#50615c}
.section{padding:52px 0}.categories-section{padding-bottom:58px}.heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:20px}.heading>div{direction:rtl;text-align:center;width:100%}.heading small{font:700 9px "DM Sans",sans-serif;letter-spacing:2px;color:var(--gold)}.heading h2{font-size:34px;font-weight:400;line-height:1.45;color:var(--g);margin:0;text-align:center}.heading p{font-size:14px;color:var(--muted);margin:0;text-align:center}.heading>a{font:600 11px "DM Sans",sans-serif;color:var(--g);direction:ltr;white-space:nowrap}.heading>a span{color:var(--gold)}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;direction:ltr}.category-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;min-height:135px;box-shadow:0 6px 20px rgba(3,47,41,.03);transition:.2s;direction:rtl;text-align:center}.category-card:hover{transform:translateY(-3px);border-color:#d4bd72}.cat-top{display:flex;align-items:center;justify-content:space-between;direction:ltr}.cat-icon{width:40px;height:40px;border-radius:10px;background:#edf5f1;color:var(--g);display:grid;place-items:center;font:18px "DM Sans",sans-serif}.arrow{font:15px "DM Sans",sans-serif;color:#9ba8a3}.category-card h3{font-size:19px;font-weight:400;color:var(--g);margin:11px 0 0}.category-card p{font:9px "DM Sans",sans-serif;color:#9aa5a1;margin:0;direction:ltr}
.collection{background:#f0f2ed;padding-top:52px;padding-bottom:58px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;direction:ltr}.product-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 6px 20px rgba(3,47,41,.03)}.product-image{height:220px;background:linear-gradient(145deg,#f8f5e9,#e4ece7);display:grid;place-items:center;position:relative}.cover{width:112px;height:155px;background:linear-gradient(145deg,#fffdf4,#e5deca);border-left:5px solid var(--gold);border-radius:3px 9px 9px 3px;box-shadow:11px 14px 22px rgba(3,47,41,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--g)}.cover small{font:700 8px "DM Sans",sans-serif;letter-spacing:2px}.cover b{font:700 21px "DM Sans",sans-serif;margin-top:10px}.badge{position:absolute;top:11px;right:11px;background:var(--g);color:#fff;border-radius:6px;padding:3px 7px;font:700 8px "DM Sans",sans-serif}.product-info{padding:13px;direction:rtl;text-align:right}.product-info>small{font:700 8px "DM Sans",sans-serif;color:var(--gold)}.product-info h3{font-size:16px;font-weight:400;line-height:1.55;min-height:49px;margin:2px 0 8px}.product-row{display:flex;align-items:center;justify-content:space-between;direction:ltr}.product-row strong{font:700 15px "DM Sans",sans-serif;color:var(--g)}.product-row a{font:700 9px "DM Sans",sans-serif;color:var(--g);background:#edf5f1;padding:5px 9px;border-radius:6px}.empty{text-align:center;background:#fff;border:1px dashed #cbd8d3;border-radius:13px;padding:30px;direction:rtl}.empty>b{font:700 22px "DM Sans",sans-serif;color:var(--g)}.empty h3{font-size:19px;margin:4px}.empty p{margin:0;color:var(--muted);font-size:13px}
.story{background:var(--g);color:#fff;padding:58px 0}.story-inner{display:grid;grid-template-columns:160px 1fr;gap:45px;align-items:center;direction:ltr}.story-mark{width:125px;height:125px;border-radius:50%;border:1px solid rgba(229,201,109,.35);display:grid;place-items:center;color:var(--gold2);font:700 12px "DM Sans",sans-serif;letter-spacing:2px}.story-inner>div:last-child{direction:rtl;text-align:right}.story-inner small{font:700 8px "DM Sans",sans-serif;letter-spacing:2px;color:var(--gold2)}.story h2{font-size:34px;font-weight:400;line-height:1.45;margin:3px 0 8px}.story h2 span{color:var(--gold2)}.story p{font-size:15px;color:rgba(255,255,255,.72);max-width:720px;margin:0 0 16px}
.why{background:#fff;padding-top:55px;padding-bottom:58px}.centered{justify-content:center;text-align:center}.centered>div{text-align:center}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;direction:ltr}.why-grid div{border-top:1px solid #dfd4b3;padding:17px;direction:rtl;text-align:right}.why-grid b{font:700 9px "DM Sans",sans-serif;color:var(--gold)}.why-grid h3{font-size:19px;font-weight:400;color:var(--g);margin:3px 0}.why-grid p{font-size:12px;color:var(--muted);margin:0}
.footer{background:#032f29;color:#b8cbc5;padding-top:38px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px;direction:ltr;padding-bottom:30px}.footer-grid>div{direction:rtl;text-align:center}.footer-about{text-align:center!important;direction:ltr!important}.footer-brand{font:700 25px "DM Sans",sans-serif;color:#fff}.footer-about>small{font:600 8px "DM Sans",sans-serif;letter-spacing:1px;color:var(--gold2)}.footer p{max-width:430px;font-size:13px;margin:6px auto 0;line-height:2}.footer h4{font:700 11px "DM Sans",sans-serif;color:#fff;margin:0 0 8px}.footer a{display:block;font:500 10px "DM Sans",sans-serif;color:#b8cbc5;margin:4px 0}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:12px;font:500 8px "DM Sans",sans-serif;color:#88a39b;direction:ltr}
@media(max-width:950px){.hero-inner{grid-template-columns:1fr}.hero-visual{display:none}.hero-content{justify-self:start}.categories,.products{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shell{width:calc(100% - 24px)}.topbar{height:68px}.brand-icon{width:38px;height:38px}.brand-copy b{font-size:21px}.brand-copy small{font-size:7px}.menu a{font-size:10px;padding:7px 6px}.menu a:nth-child(3),.menu a:nth-child(4){display:none}.cart-btn span{display:none}.hero,.hero-inner{min-height:510px}.hero-inner{display:block;padding-top:70px}.hero h1{font-size:47px}.hero p{font-size:16px}.quick-points{font-size:10px}.trust-inner{grid-template-columns:1fr 1fr}.trust-inner div{border-bottom:1px solid var(--line)}.section{padding:45px 0}.heading{display:block}.heading>a{display:inline-block;margin-top:7px}.heading h2{font-size:28px}.categories,.products{grid-template-columns:1fr 1fr;gap:9px}.category-card{min-height:125px;padding:13px}.category-card h3{font-size:17px}.product-image{height:180px}.product-info{padding:10px}.product-info h3{font-size:14px;min-height:45px}.story{padding:50px 0}.story-inner{grid-template-columns:1fr}.story-mark{width:85px;height:85px}.story h2{font-size:28px}.why-grid{grid-template-columns:1fr 1fr}.why-grid div{padding:14px 9px}.why-grid h3{font-size:17px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-about{text-align:center!important}}

/* Maktaba — final section heading alignment */
.categories-section .heading,
.collection .heading,
.why .heading {
  display: block !important;
  width: 100% !important;
  margin: 0 auto 28px !important;
  padding: 0 !important;
  text-align: center !important;
  direction: rtl !important;
}
.categories-section .heading > div,
.collection .heading > div,
.why .heading > div {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  direction: rtl !important;
}
.categories-section .heading small,
.collection .heading small,
.why .heading small {
  display: block !important;
  text-align: center !important;
  margin: 0 auto 8px !important;
}
.categories-section .heading h2,
.collection .heading h2,
.why .heading h2 {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto !important;
}
.categories-section .heading p,
.collection .heading p,
.why .heading p {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 6px auto 0 !important;
}
.categories-section .heading > a,
.collection .heading > a,
.why .heading > a {
  display: none !important;
}
.category-card,
.category-card h3,
.category-card p,
.footer-grid > div,
.footer-grid .footer-about,
.footer-grid h4,
.footer-grid a,
.footer-grid p,
.footer-grid small {
  text-align: center !important;
}
.footer-grid a {
  display: block !important;
  width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Maktaba — Urdu typography: Jameel Noori Nastaleeq */
html[lang="ur"],
html[lang="ur"] body {
  font-family: "Jameel Noori Nastaleeq", "Jameel Noori Nastaleeq Kasheeda",
               "Nafees Nastaleeq", serif !important;
}

html[lang="ur"] p,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6,
html[lang="ur"] a,
html[lang="ur"] li,
html[lang="ur"] label,
html[lang="ur"] small,
html[lang="ur"] span,
html[lang="ur"] strong,
html[lang="ur"] em,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] textarea,
html[lang="ur"] select {
  font-family: "Jameel Noori Nastaleeq", "Jameel Noori Nastaleeq Kasheeda",
               "Nafees Nastaleeq", serif !important;
}

/* English brand/navigation/UI */
.brand,
.brand *,
.menu,
.menu *,
.cart-btn,
.cart-btn *,
.kicker,
.actions .btn,
.actions .btn *,
.trustbar b,
.trustbar span,
.heading small,
.footer-brand,
.footer small,
.footer h4,
.copyright {
  font-family: "DM Sans", Arial, sans-serif !important;
}

/* Urdu footer/customer links: centered and readable */
.footer-grid > div a,
.footer-grid > div p {
  font-family: "Jameel Noori Nastaleeq", "Jameel Noori Nastaleeq Kasheeda",
               "Nafees Nastaleeq", serif !important;
  line-height: 2.1 !important;
}

.footer-grid > div h4 {
  font-family: "DM Sans", Arial, sans-serif !important;
}

/* Mixed Urdu/English headings: preserve Jameel for the Urdu portion */
.heading h2,
.heading p,
.category-card h3,
.category-card p,
.product-info h3,
.product-info small,
.empty h3,
.empty p,
.story h2,
.story p,
.why-grid h3,
.why-grid p {
  font-family: "Jameel Noori Nastaleeq", "Jameel Noori Nastaleeq Kasheeda",
               "Nafees Nastaleeq", serif !important;
}

/* Keep Latin-only action labels clean */
.btn,
.product-row a,
.badge {
  font-family: "DM Sans", Arial, sans-serif !important;
}

/* =========================================================
   Maktaba — Final Store + Admin Compatibility Layer
   ========================================================= */

/* ---------- Base Urdu typography ---------- */
html[lang="ur"],
html[lang="ur"] body {
  font-family:"Jameel Noori Nastaleeq","Jameel Noori Nastaleeq Kasheeda","Nafees Nastaleeq",serif !important;
}

.hero-content,
.hero-content h1,
.hero-content p,
.trust-inner span,
.category-card h3,
.category-card p,
.product-info h3,
.story-inner > div:last-child h2,
.story-inner > div:last-child p,
.why-grid h3,
.why-grid p,
.empty h3,
.empty p,
.footer-grid > div p,
.footer-grid > div a {
  font-family:"Jameel Noori Nastaleeq","Jameel Noori Nastaleeq Kasheeda","Nafees Nastaleeq",serif !important;
  letter-spacing:0 !important;
}

/* ---------- English UI ---------- */
.brand,
.brand *,
.menu,
.menu *,
.cart-btn,
.cart-btn *,
.kicker,
.actions,
.actions *,
.btn,
.trust-inner b,
.heading small,
.heading > a,
.product-row strong,
.product-row a,
.badge,
.footer-brand,
.footer h4,
.footer small,
.copyright {
  font-family:"DM Sans",Arial,sans-serif !important;
}

/* ---------- Store headings ---------- */
.categories-section .heading,
.collection .heading,
.why .heading {
  display:block !important;
  width:100% !important;
  margin:0 auto 28px !important;
  padding:0 !important;
  text-align:center !important;
  direction:rtl !important;
}

.categories-section .heading > div,
.collection .heading > div,
.why .heading > div {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  direction:rtl !important;
}

.categories-section .heading small,
.collection .heading small,
.why .heading small {
  display:block !important;
  width:100% !important;
  margin:0 auto 7px !important;
  text-align:center !important;
}

.categories-section .heading h2,
.collection .heading h2,
.why .heading h2 {
  display:block !important;
  width:100% !important;
  margin:0 auto !important;
  text-align:center !important;
  font-family:"Jameel Noori Nastaleeq","Jameel Noori Nastaleeq Kasheeda","Nafees Nastaleeq",serif !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  line-height:1.65 !important;
}

.categories-section .heading p,
.collection .heading p,
.why .heading p {
  display:block !important;
  width:100% !important;
  max-width:760px !important;
  margin:5px auto 0 !important;
  text-align:center !important;
  font-family:"Jameel Noori Nastaleeq","Jameel Noori Nastaleeq Kasheeda","Nafees Nastaleeq",serif !important;
  line-height:1.9 !important;
}

.categories-section .heading > a,
.collection .heading > a,
.why .heading > a {
  display:none !important;
}

.category-card,
.category-card h3,
.category-card p {
  text-align:center !important;
}

/* ---------- Store footer ---------- */
.footer-grid > div {
  direction:rtl !important;
  text-align:center !important;
}

.footer-grid > div h4 {
  display:block !important;
  width:100% !important;
  margin:0 0 12px !important;
  text-align:center !important;
  font-family:"DM Sans",Arial,sans-serif !important;
}

.footer-grid > div p {
  display:block !important;
  width:100% !important;
  max-width:430px !important;
  margin:6px auto 0 !important;
  text-align:center !important;
  font-family:"Jameel Noori Nastaleeq","Jameel Noori Nastaleeq Kasheeda","Nafees Nastaleeq",serif !important;
  font-size:14px !important;
  line-height:2.15 !important;
}

.footer-grid > div a {
  display:block !important;
  width:fit-content !important;
  max-width:100% !important;
  margin:6px auto !important;
  padding:0 3px !important;
  text-align:center !important;
  white-space:normal !important;
  font-family:"Jameel Noori Nastaleeq","Jameel Noori Nastaleeq Kasheeda","Nafees Nastaleeq",serif !important;
  font-size:15px !important;
  line-height:2.1 !important;
}

.footer-grid > div:nth-child(2) a {
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:10px !important;
  line-height:1.8 !important;
  margin:4px auto !important;
}

/* =========================================================
   ADMIN PAGES
   These pages use the .container / .site-header / .nav shell.
   ========================================================= */

body {
  min-height:100vh;
}

.container {
  width:min(1180px,calc(100% - 48px));
  margin-left:auto !important;
  margin-right:auto !important;
}

.site-header {
  height:76px;
  background:#fff;
  border-bottom:1px solid #e8e1ce;
  position:sticky;
  top:0;
  z-index:50;
  box-shadow:0 3px 18px rgba(0,0,0,.04);
}

.site-header .nav {
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  direction:ltr;
}

.site-header .brand {
  display:flex;
  align-items:center;
  gap:10px;
  direction:ltr;
  color:var(--g);
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:23px;
  font-weight:700;
  line-height:1.1;
}

.site-header .brand small {
  display:block;
  color:var(--gold);
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:8px;
  font-weight:600;
  letter-spacing:.65px;
}

.site-header nav {
  display:flex;
  align-items:center;
  gap:5px;
  direction:ltr;
}

.site-header nav a {
  display:inline-flex;
  align-items:center;
  padding:9px 13px;
  border-radius:8px;
  color:#4c5c57;
  font-family:"DM Sans",Arial,sans-serif !important;
  font-size:13px;
  font-weight:600;
  line-height:1.4;
  text-decoration:none;
}

.site-header nav a:hover {
  background:#edf5f1;
  color:var(--g);
}

.section {
  padding:52px 0;
}

.narrow {
  max-width:560px;
}

.panel {
  padding:26px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 6px 22px rgba(3,47,41,.04);
}

.panel h2 {
  color:var(--g);
}

.panel label {
  display:block;
  margin:0 0 15px;
  color:var(--ink);
  font-family:"Jameel Noori Nastaleeq","Jameel Noori Nastaleeq Kasheeda","Nafees Nastaleeq",serif;
  font-size:17px;
}

.panel input,
.panel textarea,
.panel select {
  display:block;
  width:100%;
  margin-top:5px;
  padding:10px 12px;
  border:1px solid #d9e1dd;
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  font-family:inherit;
  font-size:15px;
  box-sizing:border-box;
}

.stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin:25px 0;
}

.stat {
  position:relative;
  padding:23px 20px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 6px 22px rgba(3,47,41,.04);
}

.stat::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:var(--gold);
  border-radius:16px 16px 0 0;
}

.stat span {
  display:block;
  color:#68736f;
  font:700 12px "DM Sans",Arial,sans-serif !important;
  letter-spacing:.07em;
  direction:ltr;
}

.stat strong {
  display:block;
  margin-top:7px;
  color:var(--g);
  font:700 36px "DM Sans",Arial,sans-serif !important;
  direction:ltr;
}

.success,
.error {
  margin-bottom:18px;
  padding:11px 15px;
  border-radius:9px;
  font-family:"Jameel Noori Nastaleeq","Jameel Noori Nastaleeq Kasheeda","Nafees Nastaleeq",serif;
  font-size:16px;
}

.success {
  background:#eaf6ef;
  border:1px solid #cfe8d8;
  color:#17613d;
}

.error {
  background:#fff0f0;
  border:1px solid #f0d0d0;
  color:#9b2929;
}

/* Admin headings / Urdu descriptions */
main.container h1,
main.container h2,
main.container h3,
main.container p {
  letter-spacing:0;
}

main.container h1 {
  color:var(--g);
}

main.container h1,
main.container h2,
main.container h3 {
  font-family:"Jameel Noori Nastaleeq","Jameel Noori Nastaleeq Kasheeda","Nafees Nastaleeq",serif;
  font-weight:400;
}

main.container p {
  font-family:"Jameel Noori Nastaleeq","Jameel Noori Nastaleeq Kasheeda","Nafees Nastaleeq",serif;
}

/* Keep admin action buttons in English UI font */
main.container .btn,
main.container button,
main.container input[type="submit"] {
  font-family:"DM Sans",Arial,sans-serif !important;
}

@media(max-width:700px) {
  .container {
    width:calc(100% - 24px);
  }

  .site-header {
    height:auto;
    min-height:68px;
  }

  .site-header .nav {
    min-height:68px;
    flex-wrap:wrap;
    padding:9px 0;
  }

  .site-header nav a {
    padding:7px 7px;
    font-size:10px;
  }

  .section {
    padding:40px 0;
  }

  .stats {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .stat {
    padding:18px 15px;
  }

  .stat strong {
    font-size:30px;
  }
}