@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* ===== Shop by Department — self-contained, no template-class conflicts ===== */
#deptMenu{list-style:none;margin:0;padding:0;}
#deptMenu > li{position:relative;}
#deptMenu .dept-all > a{font-weight:700 !important;}

#deptMenu .gm-flyout{
  position:absolute; left:100%; top:0;
  width:860px; max-height:78vh; overflow-y:auto;
  margin:0; padding:16px; list-style:none;
  background:#fff; border:1px solid #e9ebf3; border-radius:12px;
  box-shadow:0 18px 52px rgba(20,28,80,.20);
  display:grid; grid-template-columns:repeat(3,minmax(250px,1fr)); gap:4px;
  visibility:hidden; opacity:0; transform:translateY(6px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s;
  z-index:9999;
}
#deptMenu .dept-all:hover .gm-flyout{visibility:visible; opacity:1; transform:translateY(0);}
#deptMenu .gm-flyout .gm-head{
  grid-column:1 / -1;
  font:700 11px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  letter-spacing:.8px; text-transform:uppercase; color:#9aa0b4;
  padding:2px 10px 11px; border-bottom:1px solid #f0f1f7; margin-bottom:6px;
}
#deptMenu .gm-flyout li{margin:0 !important; padding:0 !important; list-style:none !important; width:auto !important; float:none !important;}
#deptMenu .gm-flyout li a{
  display:flex !important; align-items:center; justify-content:space-between; gap:8px;
  padding:9px 12px !important; border-radius:8px;
  color:#1d2769 !important; text-decoration:none !important;
  font:600 12.5px/1.25 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif !important;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#deptMenu .gm-flyout li a:hover{background:#eef0fb; color:#2e3a8c !important;}
#deptMenu .gm-flyout .gm-name{overflow:hidden; text-overflow:ellipsis;}
#deptMenu .gm-flyout .gm-count{
  background:#eef0fb; color:#5b63a0; font-size:10px; font-weight:700;
  padding:2px 7px; border-radius:99px; flex-shrink:0;
}
@media (max-width:1280px){ #deptMenu .gm-flyout{width:600px; grid-template-columns:repeat(2,minmax(220px,1fr));} }

/* ===== Shop page (gm-shop.js) ===== */
/* Uniform product image box so mixed-aspect photos never overflow the column */
#shopGrid .product-image{height:230px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;}
#shopGrid .product-image img{max-width:100%;max-height:230px;width:auto;height:auto;object-fit:contain;}
.gm-stock{font-size:13px;font-weight:600;margin-left:4px;}
.gm-stock-in{color:#16a34a;}
.gm-stock-low{color:#d97706;}
/* ~15 categories visible, the rest scroll inside the widget */
#shopCats{max-height:430px;overflow-y:auto;padding-right:6px;}
#shopCats::-webkit-scrollbar{width:6px;}
#shopCats::-webkit-scrollbar-thumb{background:#cfd3e0;border-radius:6px;}
#shopCats::-webkit-scrollbar-track{background:#f5f6fa;border-radius:6px;}
#shopCats .single-widget-category a{display:block;padding:7px 2px;color:#444;font-size:13.5px;}
#shopCats .single-widget-category a span{float:right;color:#9aa0b4;font-size:12px;}
#shopCats .single-widget-category a:hover,#shopCats .single-widget-category a.active-cat{color:#2e3a8c;font-weight:600;}

/* ===== Pro typography for header + footer (Inter, refined weights) — matches /business ===== */
/* Containers only: text inherits Inter; icon fonts (Font Awesome / flaticon) keep their own family. */
.header, .header-top, .header-mid, .header-bottom, .header__lang, .header__info,
.header__search, .header-action, .ovic-menu-wrapper, .main-menu, .meanmenu-reveal,
.cta-area, footer, .fotter-area{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  letter-spacing:-.005em;
}
/* Inputs/buttons don't inherit font-family — set them explicitly. */
.header input, .header button, .header select,
.subscribe__form input, .subscribe__form button{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
}
/* Headings: Inter + refined semibold instead of chunky theme weight. */
.cta-area .cta-title, .cta-area h5,
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif !important;
  font-weight:600 !important;
  letter-spacing:-.012em;
}
/* Body copy + links: regular weight, calm. */
.cta-area p, footer p, .footer__links p a, .footer__links a{ font-weight:400 !important; }
.ovic-menu-wrapper a, .header__info a, .header__lang a{ font-weight:500; }
.gm-foot-label{ font-weight:600 !important; letter-spacing:-.005em; }

/* ===== Sitewide pro typography — Inter on body text + headings (all pages) =====
   Scoped to text + form controls; icon fonts (Font Awesome / flaticon) set their
   own font-family on class/pseudo selectors with higher specificity, so they stay intact. */
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.004em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html h1, html h2, html h3, html h4, html h5, html h6{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;letter-spacing:-.015em;}
button, input, select, textarea, optgroup{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}
.services-item .s-count-number span{font-family:'Inter',sans-serif;}