/* VEINCARE_BLOG_FORCE_SITE_STYLE */
@font-face{
    font-family: "Thmanyah Sans";
    src: url("/assets/embedded/veincare-98f5ebdf5741791e.woff2?v=1778199393") format("woff2");
    font-weight: 300; font-style: normal; font-display: swap;
  }
@font-face{
    font-family: "Thmanyah Sans";
    src: url("/assets/embedded/veincare-cefb485f795fa046.woff2?v=1778199393") format("woff2");
    font-weight: 400; font-style: normal; font-display: swap;
  }
@font-face{
    font-family: "Thmanyah Sans";
    src: url("/assets/embedded/veincare-5ab57b7c819ad6ed.woff2?v=1778199393") format("woff2");
    font-weight: 500; font-style: normal; font-display: swap;
  }
@font-face{
    font-family: "Thmanyah Sans";
    src: url("/assets/embedded/veincare-d12cccd3bb99e512.woff2?v=1778199393") format("woff2");
    font-weight: 700; font-style: normal; font-display: swap;
  }
@font-face{
    font-family: "Thmanyah Sans";
    src: url("/assets/embedded/veincare-6cece573893af756.woff2?v=1778199393") format("woff2");
    font-weight: 900; font-style: normal; font-display: swap;
  }

:root {
  --vc-blue:#08295a;
  --vc-blue-2:#123f73;
  --vc-red:#d51f48;
  --vc-bg:#f6f8fb;
  --vc-soft:#eef3f8;
  --vc-text:#10233f;
  --vc-muted:#64748b;
  --vc-border:#e5e7eb;
}

html, body {
  direction: rtl;
}

body,
body *,
button,
input,
select,
textarea {
  font-family: "Thmanyah Sans", Tahoma, Arial, sans-serif !important;
}

body {
  background:
    radial-gradient(circle at top left, rgba(213,31,72,.06), transparent 34%),
    linear-gradient(180deg,#ffffff 0%,var(--vc-bg) 100%) !important;
  color: var(--vc-text) !important;
  line-height: 1.95 !important;
}

.site-header {
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid var(--vc-border) !important;
  padding: 16px 28px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  backdrop-filter: blur(10px);
}

.logo {
  color: var(--vc-blue) !important;
  font-weight: 900 !important;
}

.nav a {
  background: var(--vc-soft) !important;
  color: var(--vc-blue) !important;
  border: 1px solid var(--vc-border) !important;
  border-radius: 999px !important;
  padding: 9px 15px !important;
}

.nav a:last-child {
  background: var(--vc-red) !important;
  color: #fff !important;
  border-color: var(--vc-red) !important;
}

.hero {
  background:
    radial-gradient(circle at 12% 20%, rgba(255,255,255,.18), transparent 26%),
    linear-gradient(135deg,var(--vc-blue) 0%,var(--vc-blue-2) 58%,#0d4477 100%) !important;
  color:#fff !important;
  border-radius:28px !important;
  box-shadow:0 18px 50px rgba(8,41,90,.18) !important;
}

.hero h1,
.article h1,
.article h2,
.article h3,
.card h2 {
  color: var(--vc-blue) !important;
  letter-spacing: -0.03em !important;
}

.hero h1 {
  color:#fff !important;
}

.grid {
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

.card {
  background:#fff !important;
  border:1px solid var(--vc-border) !important;
  border-radius:22px !important;
  padding:22px !important;
  box-shadow:0 10px 28px rgba(15,23,42,.055) !important;
}

.card a,
.blog-cta a {
  background:var(--vc-red) !important;
  color:#fff !important;
  border-radius:999px !important;
  text-decoration:none !important;
  font-weight:900 !important;
}

.article {
  background:#fff !important;
  border:1px solid var(--vc-border) !important;
  border-radius:28px !important;
  padding:42px !important;
  box-shadow:0 12px 36px rgba(15,23,42,.06) !important;
}

.article h2 {
  border-right:5px solid var(--vc-red) !important;
  padding-right:12px !important;
}

/* mobile quick-action bar (hidden on desktop) */
.mbar { display:none; }

@media(max-width:980px){
  .grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

@media(max-width:680px){
  html { -webkit-text-size-adjust:100%; }
  a { -webkit-tap-highlight-color:transparent; }
  /* header: static, compact, horizontally scrollable pill nav */
  .site-header { position:static !important; padding:12px 14px 10px !important; gap:10px !important; backdrop-filter:none; }
  .logo { font-size:19px !important; }
  .nav { width:100%; flex-wrap:nowrap !important; overflow-x:auto; gap:8px !important; padding:2px 0 4px; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; }
  .nav::-webkit-scrollbar { display:none; }
  .nav a { flex:0 0 auto !important; white-space:nowrap; text-align:center; padding:8px 14px !important; font-size:13.5px; }
  main { padding:14px 12px 40px !important; }
  .hero { border-radius:20px !important; padding:28px 20px 26px !important; margin-bottom:14px !important; }
  .hero h1 { font-size:26px !important; letter-spacing:-.02em !important; }
  .hero p { font-size:16px !important; }
  .grid { grid-template-columns:1fr !important; gap:12px !important; }
  .card { padding:18px 16px !important; border-radius:18px !important; min-height:0 !important; }
  .card h2 { font-size:18px !important; }
  .card p { font-size:15px !important; margin-bottom:14px !important; }
  .card a { padding:10px 18px !important; }
  .article { padding:22px 16px !important; border-radius:18px !important; }
  .article h1 { font-size:26px !important; line-height:1.4 !important; }
  .article h2 { font-size:21px !important; margin:28px 0 10px !important; padding-right:10px !important; border-right-width:4px !important; }
  .article h3 { font-size:18px !important; }
  .article p, .article li { font-size:16px !important; }
  .article img { max-width:100%; height:auto; border-radius:14px; }
  .blog-cta { padding:18px 16px !important; border-radius:18px !important; }
  .blog-cta a { display:inline-flex !important; width:100%; justify-content:center; padding:12px 18px !important; }
  /* bottom quick-action bar */
  .mbar { display:grid; grid-template-columns:1fr 1fr 1.35fr; gap:8px; position:fixed; bottom:0; left:0; right:0; z-index:60; background:rgba(255,255,255,.96); backdrop-filter:blur(10px); border-top:1px solid var(--vc-border); padding:8px 12px calc(8px + env(safe-area-inset-bottom)); box-shadow:0 -8px 24px rgba(8,41,90,.08); }
  .mbar a { display:inline-flex; align-items:center; justify-content:center; gap:7px; height:46px; border-radius:14px; font-weight:800; font-size:14px; color:var(--vc-blue); background:var(--vc-soft); border:1px solid var(--vc-border); text-decoration:none; white-space:nowrap; }
  .mbar svg { width:18px; height:18px; flex:none; }
  .mbar .w { color:#128c4b; background:#eafaf0; border-color:#c9efd8; }
  .mbar .b { background:var(--vc-red); color:#fff; border-color:var(--vc-red); box-shadow:0 8px 18px rgba(213,31,72,.28); }
  body { padding-bottom:calc(66px + env(safe-area-inset-bottom)) !important; }
}
@media(max-width:360px){
  .mbar { gap:6px; padding-left:8px; padding-right:8px; }
  .mbar a { font-size:13px; gap:5px; }
}