.elementor-kit-58{--e-global-color-primary:#FF5500;--e-global-color-secondary:#FFC800;--e-global-color-text:#333333;--e-global-color-accent:#7842BC;--e-global-color-13b9fb9:#00B34F;--e-global-color-301adcc:#FFFFFF;--e-global-typography-primary-font-family:"Nunito";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.15px;--e-global-typography-primary-letter-spacing:0.2px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.25px;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Nunito";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6px;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-6531110-font-family:"Nunito";--e-global-typography-6531110-font-size:16px;--e-global-typography-6531110-font-weight:600;--e-global-typography-6531110-letter-spacing:0.2px;color:#333333;font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;line-height:1.7px;}.elementor-kit-58 button,.elementor-kit-58 input[type="button"],.elementor-kit-58 input[type="submit"],.elementor-kit-58 .elementor-button{background-color:transparent;font-family:"Nunito", Sans-serif;font-size:16px;font-weight:700;font-style:normal;line-height:1.2px;letter-spacing:0.2px;color:#FFFFFF;background-image:linear-gradient(180deg, #FF5500 0%, #f2295b 100%);box-shadow:0px 8px 20px 0px rgba(0, 0, 0, 0.08);border-style:solid;border-radius:12px 12px 12px 12px;padding:12px 18px 12px 18px;}.elementor-kit-58 button:hover,.elementor-kit-58 button:focus,.elementor-kit-58 input[type="button"]:hover,.elementor-kit-58 input[type="button"]:focus,.elementor-kit-58 input[type="submit"]:hover,.elementor-kit-58 input[type="submit"]:focus,.elementor-kit-58 .elementor-button:hover,.elementor-kit-58 .elementor-button:focus{background-color:#FFF1E8;color:#333333;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.06);border-style:solid;border-width:2px 2px 2px 2px;border-color:#333333;border-radius:12px 12px 12px 12px;}.elementor-kit-58 e-page-transition{background-color:#FFBC7D;}.elementor-kit-58 h1{color:#FF5500;font-family:"Nunito", Sans-serif;font-size:56px;font-weight:800;line-height:1.15px;}.elementor-kit-58 h2{font-family:"Nunito", Sans-serif;font-size:40px;font-weight:700;line-height:1.25px;}.elementor-kit-58 h3{font-family:"Nunito", Sans-serif;font-size:28px;font-weight:700;line-height:1.3px;}.elementor-kit-58 h4{font-family:"Nunito", Sans-serif;font-size:22px;font-weight:600;line-height:1.35px;}.elementor-kit-58 h5{font-family:"Nunito", Sans-serif;font-size:18px;font-weight:600;line-height:1.4px;}.elementor-kit-58 h6{font-family:"Nunito", Sans-serif;font-size:16px;font-weight:600;line-height:1.4px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================
   KARANTA — Global CSS (Home, About, Help)
   Scopes: #karanta-home, #karanta-about, #karanta-help
   Fonts: Nunito (primary), Inter (supporting)
========================================= */
#karanta-home, #karanta-about, #karanta-help{
  --brand:#FF5500; --brand-dark:#333333; --secondary:#FFC800; --accent:#7842BC; --success:#00B34F;
  --text:#333333; --text-2:#4B5563; --muted:#6B7280; --bg:#FFFFFF;

  /* NEW: subtle tints + gradients + effects */
  --tint-purple:#F5F1FF; --tint-sun:#FFF7E6; --tint-mint:#F0FFF7;
  --grad-hero-soft: radial-gradient(120% 80% at 0% 0%,
      color-mix(in srgb, var(--brand) 10%, transparent) 0%,
      color-mix(in srgb, var(--accent) 10%, transparent) 45%,
      transparent 80%);
  --grad-panel: linear-gradient(180deg,
      color-mix(in srgb, var(--accent) 9%, transparent),
      color-mix(in srgb, var(--brand) 9%, transparent));
  --keyline: linear-gradient(90deg,
      color-mix(in srgb, var(--brand) 55%, transparent),
      color-mix(in srgb, var(--accent) 55%, transparent));
  --shadow-soft-lg: 0 10px 28px rgba(0,0,0,.06);
  --radius-lg: 20px; --radius-xl: 28px;
  --ease-smooth: cubic-bezier(.22,.61,.36,1);
  --t-fast:160ms; --t-med:240ms;

  font-family: Nunito, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color: var(--text);
}

/* Respect motion prefs (sensory-friendly) */
@media (prefers-reduced-motion: reduce){
  #karanta-home *, #karanta-about *, #karanta-help *{
    animation:none !important; transition:none !important; scroll-behavior:auto !important;
  }
}

/* Containers & sections */
#karanta-home .container, #karanta-about .container, #karanta-help .container{ max-width:1120px; margin:0 auto; padding:0 20px; }
#karanta-home .section,   #karanta-about .section,   #karanta-help .section{ padding:72px 0; }

/* NEW: section skins / colour blocks */
.section.skin-hero-soft{ background: var(--grad-hero-soft); }
.section.skin-tint-purple{ background: var(--tint-purple); }
.section.skin-tint-sun{ background: var(--tint-sun); }
.section.skin-tint-mint{ background: var(--tint-mint); }
.section.has-curve{ position:relative; overflow:hidden; }
.section.has-curve::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:60px;
  background: radial-gradient(60% 120% at 50% 0%, rgba(0,0,0,.06), transparent 70%);
}

/* Headings & body */
#karanta-home h1,#karanta-home h2,#karanta-home h3,
#karanta-about h1,#karanta-about h2,#karanta-about h3,
#karanta-help h1,#karanta-help h2,#karanta-help h3{ margin:0 0 .5rem; }
#karanta-home h1,#karanta-about h1,#karanta-help h1{ font:800 44px/1.15 Nunito, sans-serif; letter-spacing:-.2px; color:var(--text); }
#karanta-home h2,#karanta-about h2,#karanta-help h2{ font:700 32px/1.25 Nunito, sans-serif; color:var(--text); }
#karanta-home h3,#karanta-about h3,#karanta-help h3{ font:700 22px/1.3 Nunito, sans-serif; color:var(--accent); }
#karanta-home p,#karanta-about p,#karanta-help p,
#karanta-help li{ font:400 18px/1.7 Nunito, sans-serif; color:var(--text-2); margin:.75rem 0 0; }
#karanta-home .muted,#karanta-about .muted,#karanta-help .muted{ color:var(--muted); font-family:Inter, sans-serif; font-size:14px; }

/* Utilities */
#karanta-home .accent-heading, #karanta-about .accent-heading, #karanta-help .accent-heading{ color:var(--accent) !important; }
#karanta-home .badge,#karanta-about .badge,#karanta-help .badge{ display:inline-block; padding:6px 10px; border-radius:999px; background:color-mix(in srgb, var(--brand) 12%, transparent); color:var(--brand); font:700 12px/1 Inter, sans-serif; }

/* Buttons */
#karanta-home .btn, #karanta-about .btn, #karanta-help .btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border-radius:12px; padding:12px 18px; font:700 16px/1.2 Nunito, sans-serif; text-decoration:none; transition:.2s ease; }
/* NEW: lively gradient primary + hover lift */
#karanta-home .btn-primary, #karanta-about .btn-primary, #karanta-help .btn-primary{
  background-image: linear-gradient(90deg, var(--brand), var(--accent));
  color:#fff; border:none;
  box-shadow: 0 8px 22px color-mix(in srgb, var(--brand) 24%, transparent);
  transition: transform var(--t-fast) var(--ease-smooth), box-shadow var(--t-fast) var(--ease-smooth);
}
#karanta-home .btn-primary:hover, #karanta-about .btn-primary:hover, #karanta-help .btn-primary:hover{
  background-image: linear-gradient(90deg, var(--brand-dark), var(--accent));
  transform: translateY(-2px);
  box-shadow: 0 12px 28px color-mix(in srgb, var(--brand) 28%, transparent);
}
#karanta-home .btn-outline, #karanta-about .btn-outline, #karanta-help .btn-outline{
  border:2px solid transparent; color:var(--brand); background:
    linear-gradient(#fff,#fff) padding-box, var(--keyline) border-box;
}
#karanta-home .btn-outline:hover, #karanta-about .btn-outline:hover, #karanta-help .btn-outline:hover{
  color:var(--brand-dark);
}

/* Cards & chips */
#karanta-home .card,#karanta-about .card,#karanta-help .card{ background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:20px; box-shadow:0 6px 18px rgba(0,0,0,.05); }
#karanta-home .chip,#karanta-about .chip,#karanta-help .chip{ width:40px; height:40px; border-radius:12px; display:grid; place-items:center; color:#fff; background-image:linear-gradient(135deg, var(--brand), var(--accent)); font-size:18px; }

/* Media ratios */
#karanta-home .ratio,#karanta-about .ratio,#karanta-help .ratio{ position:relative; overflow:hidden; }
#karanta-home .ratio.r16x10,#karanta-about .ratio.r16x10,#karanta-help .ratio.r16x10{ padding-bottom:62.5%; border-radius:20px; }
#karanta-home .ratio.r4x3,  #karanta-about .ratio.r4x3,  #karanta-help .ratio.r4x3{ padding-bottom:75%; border-radius:20px; }
#karanta-home .ratio.r3x4{ padding-bottom:133.33%; border-radius:16px; }
#karanta-home .ratio img,#karanta-about .ratio img,#karanta-help .ratio img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
#karanta-home .shadow-soft,#karanta-about .shadow-soft,#karanta-help .shadow-soft{ box-shadow:0 10px 24px rgba(0,0,0,.06); }

/* Background utilities */
#karanta-home .grad-orange-purple,#karanta-about .grad-orange-purple,#karanta-help .grad-orange-purple{ background-image: linear-gradient(135deg, rgba(255,85,0,.10), rgba(120,66,188,.10)); }
#karanta-home .bg-grey-soft,#karanta-about .bg-grey-soft,#karanta-help .bg-grey-soft{ background:#F8FAFC; }
#karanta-home .bg-purple-soft{ background:#F3ECFF; }

/* NEW: soft content island panel + dotted pattern */
.panel-soft{ background: var(--grad-panel); border-radius: var(--radius-xl); box-shadow: var(--shadow-soft-lg); padding: clamp(16px, 3vw, 32px); }
.pattern-dots{ position:relative; isolation:isolate; }
.pattern-dots::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background: radial-gradient(currentColor 1px, transparent 1.5px) 0 0/18px 18px;
  color: color-mix(in srgb, var(--accent) 8%, transparent); opacity:.35;
}
.pattern-dots > *{ position:relative; z-index:1; }

/* Blobs & accent shapes */
#karanta-home .blob,#karanta-about .blob,#karanta-help .blob{ position:absolute; border-radius:999px; filter:blur(40px); opacity:.28; pointer-events:none; }
#karanta-home .blob-purple,#karanta-about .blob-purple,#karanta-help .blob-purple{ background: var(--accent); }
/* NEW: quick blob placement helpers */
#karanta-home .blob.pos-tr, #karanta-about .blob.pos-tr, #karanta-help .blob.pos-tr{ right:-80px; top:-60px; }
#karanta-home .blob.pos-bl, #karanta-about .blob.pos-bl, #karanta-help .blob.pos-bl{ left:-60px; bottom:-80px; }
#karanta-home .blob.size-lg, #karanta-about .blob.size-lg, #karanta-help .blob.size-lg{ width:240px; height:240px; }
#karanta-home .blob.size-md, #karanta-about .blob.size-md, #karanta-help .blob.size-md{ width:180px; height:180px; }

/* CTA gradient border */
#karanta-home .border-grad,#karanta-about .border-grad,#karanta-help .border-grad{ position:relative; border-radius:24px; padding:1px; background: linear-gradient(135deg, var(--brand), var(--accent)); }
#karanta-home .border-grad>.inner,#karanta-about .border-grad>.inner,#karanta-help .border-grad>.inner{
  background:#fff; border-radius:22px; padding:24px; display:flex; gap:16px; align-items:center; justify-content:space-between; flex-wrap:wrap;
}
/* NEW: center CTA content when used as a band */
#karanta-home .cta-band.border-grad>.inner,
#karanta-about .cta-band.border-grad>.inner,
#karanta-help .cta-band.border-grad>.inner{ justify-content:center; text-align:center; gap:14px; }

/* ---------- HOME layouts ---------- */
#karanta-home .hero-grid{ display:grid; gap:40px; align-items:center; grid-template-columns:1.1fr .9fr; }
#karanta-home .grid-3{ display:grid; gap:20px; grid-template-columns:repeat(3,1fr); }
#karanta-home .grid-2{ display:grid; gap:24px; grid-template-columns:1.1fr .9fr; margin-top:24px; }
#karanta-home .screens .grid-2n{ display:grid; gap:12px; grid-template-columns:repeat(2,1fr); }
/* Center two features under three */
#karanta-home .grid-2-centered{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px; max-width:740px; margin:20px auto 0; }
#karanta-home .gallery .container{ max-width:1400px; }
#karanta-home .covers{ display:grid; gap:28px; grid-template-columns:repeat(4, minmax(0,1fr)); margin-top:24px; }
#karanta-home .covers .ratio.r3x4{ border-radius:24px; }

/* NEW: shelves (e.g., “Latest titles”) */
#karanta-home .shelf{ background: var(--grad-panel); border-radius: var(--radius-xl); padding: clamp(12px, 2.5vw, 24px); overflow-x:auto; display:flex; gap:14px; scroll-snap-type:x mandatory; }
#karanta-home .shelf > *{ scroll-snap-align:start; }
#karanta-home .shelf .card{ min-width:220px; }

/* ---------- ABOUT layouts ---------- */
#karanta-about .grid-2{ display:grid; gap:24px; grid-template-columns:1.05fr .95fr; }
#karanta-about .grid-2.equal{ grid-template-columns:repeat(2,1fr); gap:24px; }
#karanta-about .grid-2 .text{ max-width:680px; }

/* ---------- HELP / SUPPORT layouts ---------- */
#karanta-help h3{ color:var(--accent); }
#karanta-help .grid-2{ display:grid; gap:24px; grid-template-columns:1.1fr .9fr; }
#karanta-help .faq{ margin-top:24px; }

/* FAQ accordion (CSS-only, accessible) */
#karanta-help details.qa{
  border:1px solid #e5e7eb; border-radius:14px; background:#fff; margin:10px 0; overflow:hidden;
}
#karanta-help details.qa[open]{ box-shadow:0 8px 22px rgba(0,0,0,.06); }
#karanta-help details.qa>summary{
  list-style:none; cursor:pointer; padding:14px 16px; position:relative; font:700 16px/1.3 Nunito, sans-serif; color:#111827;
}
#karanta-help details.qa>summary::-webkit-details-marker{ display:none; }
#karanta-help details.qa>summary:after{
  content:"▸"; position:absolute; right:16px; top:14px; transition:transform .2s ease; font-size:16px; color:#6B7280;
}
#karanta-help details.qa[open]>summary:after{ transform:rotate(90deg); }
#karanta-help details.qa .answer{ padding:0 16px 16px 16px; }
#karanta-help .category{ margin-top:28px; }
#karanta-help .category h3{ display:flex; align-items:center; gap:8px; }
#karanta-help .category h3 .badge{ background:color-mix(in srgb, var(--accent) 10%, transparent); }

/* ---------- Feature polish (icon inline with title) ---------- */
#karanta-home .features, #karanta-about .features, #karanta-help .features{ display:grid; gap:18px; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); }
#karanta-home .feature, #karanta-about .feature, #karanta-help .feature{
  background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:18px;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
  transition: transform var(--t-fast) var(--ease-smooth), box-shadow var(--t-fast) var(--ease-smooth);
}
#karanta-home .feature:hover, #karanta-about .feature:hover, #karanta-help .feature:hover{
  transform: translateY(-3px); box-shadow: var(--shadow-soft-lg);
}
#karanta-home .feature-title, #karanta-about .feature-title, #karanta-help .feature-title{
  display:flex; align-items:center; gap:10px; font:700 20px/1.3 Nunito, sans-serif; color: var(--accent); margin:0 0 6px;
}
#karanta-home .feature-title .icon, #karanta-about .feature-title .icon, #karanta-help .feature-title .icon{
  inline-size:22px; block-size:22px; display:inline-grid; place-items:center; flex:0 0 22px;
  border-radius:8px; background-image: linear-gradient(135deg, var(--brand), var(--accent));
  color:#fff; font-size:14px; line-height:1;
}
#karanta-home .feature-title .icon svg, #karanta-about .feature-title .icon svg, #karanta-help .feature-title .icon svg{ width:16px; height:16px; fill:#fff; }

/* ---------- CTA alignment ---------- */
#karanta-home .cta-row, #karanta-about .cta-row, #karanta-help .cta-row{
  display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:center;
}

/* ---------- Focus rings (keyboard/AT) ---------- */
:where(#karanta-home, #karanta-about, #karanta-help) :where(a,button,.btn,.card,summary):focus-visible{
  outline:none; position:relative;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);
  border-radius:12px;
}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  #karanta-home .hero-grid{ grid-template-columns:1fr; }
  #karanta-home h1,#karanta-about h1,#karanta-help h1{ font-size:36px; }
  #karanta-home h2,#karanta-about h2,#karanta-help h2{ font-size:28px; }
  #karanta-home .covers{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:22px; }
  #karanta-help .grid-2, #karanta-about .grid-2{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  #karanta-home .grid-3{ grid-template-columns:1fr; }
  #karanta-home .covers{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
  #karanta-home .grid-2-centered{ grid-template-columns:1fr; max-width:none; }
}

/* ================================
   KARANTA — Footer (soft purple bg)
   Scope: #karanta-footer
================================== */
#karanta-footer{
  --brand:#FF5500; --brand-dark:#333333; --accent:#7842BC; --text:#333333; --muted:#6B7280;
  font-family: Nunito, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans";
  color:var(--text);
  background:#F3ECFF;
  border-top:1px solid rgba(120,66,188,.18);
}
#karanta-footer .container{ max-width:1120px; margin:0 auto; padding:0 20px; }
#karanta-footer .wrap{ display:flex; flex-wrap:wrap; gap:24px; align-items:flex-start; justify-content:space-between; padding:28px 0; }
#karanta-footer .brand{ display:flex; align-items:center; gap:10px; }
#karanta-footer .logo{
  width:32px; height:32px; border-radius:12px; background:var(--brand); color:#fff;
  display:grid; place-items:center; font:800 16px/1 Nunito, sans-serif;
}
#karanta-footer .brand h4{ margin:0; font:700 18px/1.2 Nunito, sans-serif; }
#karanta-footer p{ margin:8px 0 0; color:#4B5563; font:400 14px/1.7 Inter, sans-serif; max-width:460px; }

#karanta-footer .links{ display:flex; gap:18px; flex-wrap:wrap; }
#karanta-footer .links a{ text-decoration:none; color:#374151; font:700 14px/1.2 Nunito, sans-serif; }
#karanta-footer .links a:hover{ color:var(--brand); }

#karanta-footer .social{ display:flex; gap:12px; }
#karanta-footer .social a{
  width:36px; height:36px; border-radius:10px; display:grid; place-items:center;
  border:1px solid rgba(120,66,188,.25); background:#fff; transition:.2s ease;
}
#karanta-footer .social a:hover{ border-color:var(--brand); box-shadow:0 6px 16px rgba(0,0,0,.06); }

#karanta-footer .bottom{
  border-top:1px solid rgba(120,66,188,.18); padding:14px 0; color:#6B7280;
  display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between;
  font:600 12px/1.2 Inter, sans-serif;
}

/* Responsive */
@media (max-width:768px){
  #karanta-footer .wrap{ gap:18px; }
  #karanta-footer .links{ gap:14px; }
}
/* === GLOBAL SAFETY RESET for third-party UI (popups, banners, modals, toasts) === */
/* Prevent tight line-height, transforms, or white-space from breaking vendor widgets. */
:root { --_safe-lh: 1.45; }

/* Common containers */
[class*="modal"], [id*="modal"],
[class*="popup"], [id*="popup"],
[class*="banner"], [id*="banner"],
[class*="toast"],  [id*="toast"],
[class*="drawer"], [id*="drawer"],
[class*="dialog"], [id*="dialog"],
[class*="consent"], [id*="consent"],
[class*="cookie"],  [id*="cookie"],
[role="dialog"], [role="alertdialog"], [role="complementary"] {
  line-height: var(--_safe-lh) !important;
  font-family: Nunito, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  letter-spacing: normal !important;
  white-space: normal !important;
  word-break: normal !important;
  text-shadow: none !important;
  transform: none !important;
  animation: none !important;
  -webkit-font-smoothing: antialiased;
}

/* Ensure headings/paragraphs stack with proper spacing */
[class*="modal"] h1, [class*="modal"] h2, [class*="modal"] h3, [class*="modal"] h4, [class*="modal"] p,
[class*="popup"] h1, [class*="popup"] h2, [class*="popup"] h3, [class*="popup"] h4, [class*="popup"] p,
[class*="banner"] h1, [class*="banner"] h2, [class*="banner"] h3, [class*="banner"] h4, [class*="banner"] p,
[class*="toast"] h1,  [class*="toast"] h2,  [class*="toast"] h3,  [class*="toast"] h4,  [class*="toast"] p,
[class*="dialog"] h1, [class*="dialog"] h2, [class*="dialog"] h3, [class*="dialog"] h4, [class*="dialog"] p,
[class*="consent"] h1,[class*="consent"] h2,[class*="consent"] h3,[class*="consent"] h4,[class*="consent"] p,
[class*="cookie"] h1, [class*="cookie"] h2, [class*="cookie"] h3, [class*="cookie"] h4, [class*="cookie"] p,
[role="dialog"] h1,  [role="dialog"] h2,  [role="dialog"] h3,  [role="dialog"] h4,  [role="dialog"] p {
  display: block !important;
  margin: 0 0 .6rem !important;
  line-height: var(--_safe-lh) !important;
}

/* Buttons inside those widgets: readable + consistent */
[class*="modal"] button, [class*="popup"] button, [class*="banner"] button,
[class*="toast"] button,  [class*="dialog"] button, [class*="cookie"] button, [class*="consent"] button {
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-weight: 700 !important;
}

/* Make sure overlays sit above site elements */
[class*="modal"], [class*="popup"], [class*="banner"], [class*="dialog"], [class*="consent"], [class*="cookie"] {
  z-index: 99999 !important;
}
/* ===== KARANTA – Global Fixed Header ===== */
:root{
  --kr-brand:#FF5500;    /* orange */
  --kr-brand-dark:#333333;
  --kr-accent:#7842BC;   /* purple */
  --kr-text:#111827;
  --kr-text-2:#4B5563;
}

/* Reserve space so content never hides behind fixed header */
body { padding-top: 72px; }

/* Header shell */
#karanta-header{
  position: fixed; top: 0; left: 0; right: 0; z-index: 10000;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid #e5e7eb;
  font-family: Nunito, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--kr-text);
}

/* Layout */
#karanta-header .hdr-inner{
  max-width: 1200px; margin: 0 auto;
  padding: 12px 20px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}

/* Brand */
#karanta-header .brand{
  display: inline-flex; align-items: center; gap: 10px; text-decoration: none;
  color: var(--kr-text); font-weight: 700; font-size: 18px;
}
#karanta-header .brand-mark{
  width: 36px; height: 36px; border-radius: 12px; display:grid;place-items:center;
  background: var(--kr-brand); color:#fff; font-weight:800;
}

/* Nav links */
#karanta-header .nav{ display:flex; align-items:center; gap: 24px; }
#karanta-header .nav a{
  text-decoration:none; font-weight:600; font-size:14px; color:#475569;
}
#karanta-header .nav a:hover{ color: var(--kr-text); }

/* CTA button */
#karanta-header .btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding: 10px 16px; border-radius: 12px;
  font-weight:700; font-size:14px; text-decoration:none;
  background: var(--kr-brand); color:#fff;
}
#karanta-header .btn:hover{ background: var(--kr-brand-dark); }

/* --- Mobile menu (CSS-only) --- */
#karanta-header .hamburger{ display:none; width:40px; height:40px; border-radius:10px;
  align-items:center; justify-content:center; border:1px solid #e5e7eb; background:#fff;
}
#karanta-header .hamburger span{ width:18px; height:2px; background:#111; position:relative; display:block; }
#karanta-header .hamburger span::before,
#karanta-header .hamburger span::after{
  content:""; position:absolute; left:0; width:18px; height:2px; background:#111;
}
#karanta-header .hamburger span::before{ top:-6px; }
#karanta-header .hamburger span::after{ top:6px; }

#karanta-header input#kr-nav-toggle{ display:none; }

/* Mobile panel */
#karanta-header .panel{
  display:none; position:fixed; top:72px; left:0; right:0;
  background:#fff; border-bottom:1px solid #e5e7eb;
  padding:16px 20px; z-index:9999;
}
#karanta-header .panel a{ display:block; padding:12px 4px; color:#111; text-decoration:none; font-weight:700; }
#karanta-header .panel a:hover{ color: var(--kr-accent); }

/* Breakpoint */
@media (max-width: 900px){
  #karanta-header .nav{ display:none; }
  #karanta-header .hamburger{ display:inline-flex; }
  /* When toggled, show the panel */
  #karanta-header input#kr-nav-toggle:checked ~ .panel{ display:block; }
}/* End custom CSS */