/* ===== SMARTDUKAAN Master (Green Header/Footer/Drawer Only) ===== */
:root{
  --sd-bg:#f5f7fa; --sd-surface:#ffffff; --sd-text:#263238; --sd-subtle:#607d8b;
  --sd-primary:#2e7d32; --sd-primary-600:#1b5e20; --sd-primary-50:#e8f5e9;
  --sd-accent:#ff9800; --sd-border:#e0e6ea; --sd-shadow:0 2px 10px rgba(0,0,0,.08);
  --sd-radius:12px;
}
/* Base */
/* Base */
*{box-sizing:border-box}
html,body{height:100%}

/* Make footer stick even on short pages */
body{
  margin:0;
  background:var(--sd-bg);
  color:var(--sd-text);
  font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.55;
  display:flex;              /* KEY */
  flex-direction:column;     /* KEY */
  min-height:100svh;         /* KEY (mobile safe) */
}

/* ensure main grows to push footer down (if present) */
main{ flex:1 0 auto; display:block; }

/* footer must not shrink & should clear floats if any page has floated blocks */
.sd-footer{ margin-top:auto; flex-shrink:0; clear:both; }

.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* ===== HEADER (Green) ===== */
.sd-header{
  position:sticky; top:0; z-index:1000;
  background:var(--sd-primary); color:#fff; box-shadow:var(--sd-shadow);
  border-bottom:1px solid color-mix(in oklab, #000 10%, transparent);
}
.sd-topbar{display:flex;align-items:center;gap:12px;min-height:64px}
.sd-header a{color:#fff;text-decoration:none}
.sd-menu-icon{
  width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.25);
  background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;
  font-size:22px;cursor:pointer;transition:.2s;margin-left:4px
}
.sd-menu-icon:hover{background:rgba(255,255,255,.14)}
.sd-brand-block{display:flex;flex-direction:column;padding:6px 0}
.sd-brand-title{font-weight:900;letter-spacing:.2px;font-size:1.05rem}
.sd-brand-sub{font-size:.9rem;opacity:.95}
.sd-brand-addr{font-size:.82rem;opacity:.9}

/* ===== SIDE DRAWER ===== */
.sd-side-drawer{
  position:fixed; inset:0 auto 0 0; width:300px; max-width:86vw; background:#fff; color:var(--sd-text);
  border-right:1px solid var(--sd-border); transform:translateX(-100%);
  transition:transform .25s ease, box-shadow .25s ease; z-index:1100; display:flex; flex-direction:column;
}
.sd-side-drawer.open{transform:translateX(0); box-shadow:0 10px 30px rgba(0,0,0,.25)}
.sd-drawer-header{
  display:flex; align-items:center; justify-content:space-between; padding:14px 16px;
  border-bottom:1px solid var(--sd-border); background:#fff; font-weight:800;
}
.sd-close-icon{
  width:36px;height:36px;border-radius:10px;border:1px solid var(--sd-border);
  background:transparent;color:var(--sd-text);cursor:pointer;font-size:22px
}
.sd-close-icon:hover{border-color:var(--sd-primary);color:var(--sd-primary)}
.sd-drawer-nav{display:flex;flex-direction:column;padding:8px}
.sd-drawer-nav a{
  padding:12px 14px;border-radius:10px;color:var(--sd-text);text-decoration:none;font-weight:600;
  border:1px solid transparent;display:block
}
.sd-drawer-nav a:hover{background:var(--sd-primary-50);color:var(--sd-primary);border-color:var(--sd-primary-50)}
.sd-drawer-nav a[aria-current="page"]{background:var(--sd-primary);color:#fff}
.sd-drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:.25s ease;z-index:1090}
.sd-drawer-overlay.open{opacity:1;visibility:visible}

/* ===== FOOTER (Green) ===== */
.sd-footer{margin-top:auto;background:var(--sd-primary);color:#e8f5e9}
.sd-footer a{color:#c8e6c9;text-decoration:none}
.sd-footer a:hover{text-decoration:underline}
.sd-footer-content{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:18px 20px;max-width:1200px;margin:0 auto;flex-wrap:wrap
}
.sd-footer-contact{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.sd-footer-nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.sd-footer-copy{color:#c8e6c9;font-size:.95rem}
@media (max-width:800px){.sd-footer-content{flex-direction:column;text-align:center}}