/* Bootstrap tweaks (modern look)*/

:root{
  --brand: #198754;
  --radius-lg: 18px;
  --radius-md: 14px;
  --shadow-sm: 0 8px 22px rgba(0,0,0,.06);
  --shadow-md: 0 14px 34px rgba(0,0,0,.10);
}

html{ scroll-behavior: smooth; }
body{ -webkit-font-smoothing: antialiased; }

.navbar-brand img{
  max-height: 120px;
  width: auto;
}

@media (max-width: 576px){
  .navbar-brand img{
    max-height: 80px;
  }
}

.brand-mark{
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: var(--brand);
  display: inline-block;
  box-shadow: 0 10px 20px rgba(25,135,84,.25);
}

header .navbar{ backdrop-filter: saturate(140%) blur(6px); }

/* Desktop menu: green underline on hover and active page */
@media (min-width: 992px){
  .inkeri-header .navbar-nav .nav-link{
    position: relative;
    padding-bottom: 10px;
  }
  .inkeri-header .navbar-nav .nav-link::after{
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 3px;
    height: 3px;
    border-radius: 999px;
    background: var(--brand);
    opacity: 0;
    transition: left .18s ease, right .18s ease, opacity .18s ease;
  }
  .inkeri-header .navbar-nav .nav-link:hover::after,
  .inkeri-header .navbar-nav .nav-link:focus-visible::after,
  .inkeri-header .navbar-nav .nav-link.active::after{
    left: 12px;
    right: 12px;
    opacity: 1;
  }
}

.hero{
  background:
    radial-gradient(900px 260px at 85% 10%, rgba(13,110,253,.08), transparent 50%),
    radial-gradient(900px 260px at 25% 0%, rgba(25,135,84,.12), transparent 55%),
    linear-gradient(to bottom, #ffffff, #f8f9fa);
}

.hero .display-6{ letter-spacing: -0.3px; }

.card{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.btn{ border-radius: 12px; }

.offcanvas{
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}

.link-secondary{
  text-decoration: none;
}
.link-secondary:hover{
  text-decoration: underline;
}

.service-card{
  border-radius: var(--radius-lg);
}
.service-card .h5{
  font-weight: 700;
  margin: 0 0 6px 0;
}
.service-card .service-desc{
  color: rgba(0,0,0,.65);
  margin: 0;
}
.service-card:hover{
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
  transition: transform .15s ease, box-shadow .15s ease;
}

@media (max-width: 576px){
  .hero .display-6{ font-size: 1.7rem; }
  .hero .btn-lg{ width: 100%; }
}

/* ===== WEBKIT (Chrome / Edge / Safari) ===== */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #0f0f0f;
}
::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 10px;
  border: 2px solid #0f0f0f;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #222;
}

/* ===== FIREFOX ===== */
html {
  scrollbar-width: thin;            /* thin | auto */
  scrollbar-color: #000 #0f0f0f;     /* thumb track */
}

/* ===== macOS overlay hint ===== */
body {
  overscroll-behavior: none;
}

footer.footer-modern{
  background:
    /* стеклянная вуаль сверху */
    linear-gradient(
      to bottom,
      rgba(255,255,255,0.92) 0%,
      rgba(255,255,255,0.72) 18%,
      rgba(255,255,255,0.35) 34%,
      rgba(255,255,255,0.0) 50%
    ),
    /* мягкий холодный тон снизу */
    linear-gradient(
      to top,
      #f1f4f7 0%,
      #ffffff 60%
    ) !important;
}
.inkeri-patarimai-page{
  padding-top:20px;
}
.patarimai-card-title {
    margin-top: 20px;
}

/* ============================================================
   INKERI · MASTER CARD / CINEMATIC CONCEPT V3 · LIGHT EDITION
   Shared visual language for content pages. Header, top slider and footer
   intentionally stay outside this skin.
   ============================================================ */
.inkeri-main:not(.inkeri-main--master){
  --v3-ink:#15212a;--v3-muted:#667782;--v3-gold:#d7a500;--v3-gold2:#f0c84b;
  --v3-line:#dce3e7;--v3-soft:#f5f8f9;--v3-card:rgba(255,255,255,.92);
  color:var(--v3-ink);position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 7% 10%,rgba(25,135,84,.10),transparent 23rem),
    radial-gradient(circle at 92% 24%,rgba(31,111,170,.075),transparent 27rem),
    linear-gradient(180deg,#fff 0,#f7f9fa 45%,#fff 100%);
}
.inkeri-main:not(.inkeri-main--master)::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.62;
  background-image:linear-gradient(rgba(32,48,58,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(32,48,58,.035) 1px,transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.75) 68%,transparent 100%);
}
.inkeri-main:not(.inkeri-main--master) > *{position:relative;z-index:1}

/* Main hero: same proportions and restraint as Meistras V3, without replacing content. */
.inkeri-main:not(.inkeri-main--master) .hero-modern{
  position:relative;overflow:hidden;border:0;border-bottom:1px solid var(--v3-line);
  background:linear-gradient(120deg,rgba(242,250,246,.96),rgba(255,255,255,.97) 48%,rgba(239,246,249,.95))!important;
}
.inkeri-main:not(.inkeri-main--master) .hero-modern::before{
  content:"";position:absolute;width:430px;height:430px;right:7%;top:50%;transform:translateY(-50%);
  border:1px solid rgba(25,135,84,.22);border-radius:50%;box-shadow:0 0 90px rgba(25,135,84,.07),inset 0 0 70px rgba(25,135,84,.04);pointer-events:none;
}
.inkeri-main:not(.inkeri-main--master) .hero-modern::after{
  content:"";position:absolute;width:250px;height:250px;right:12.5%;top:50%;transform:translateY(-50%);
  border:1px solid rgba(21,33,42,.07);border-radius:50%;pointer-events:none;
}
.inkeri-main:not(.inkeri-main--master) .hero-modern .container{padding-top:70px!important;padding-bottom:70px!important}
.inkeri-main:not(.inkeri-main--master) .hero-modern .row{position:relative;z-index:2}
.inkeri-main:not(.inkeri-main--master) .hero-pill{
  color:#9a7100;background:rgba(255,255,255,.88);border:1px solid rgba(215,165,0,.38);box-shadow:0 12px 32px rgba(25,38,48,.05);letter-spacing:.08em;text-transform:uppercase;
}
.inkeri-main:not(.inkeri-main--master) .hero-modern h1{
  color:var(--v3-ink);font-size:clamp(2.65rem,4.9vw,5.35rem);line-height:.96;letter-spacing:-.055em;max-width:820px;margin-top:18px!important;margin-bottom:22px!important;font-weight:900!important;
}
.inkeri-main:not(.inkeri-main--master) .hero-modern .text-muted{color:var(--v3-muted)!important}
.inkeri-main:not(.inkeri-main--master) .hero-card{
  border:1px solid var(--v3-line);border-radius:26px!important;background:rgba(255,255,255,.90);box-shadow:0 30px 75px rgba(25,38,48,.12)!important;backdrop-filter:blur(12px);position:relative;overflow:hidden;
}
.inkeri-main:not(.inkeri-main--master) .hero-card::before{content:"";position:absolute;width:145px;height:145px;right:-45px;top:-48px;border-radius:50%;background:rgba(240,200,75,.13);border:1px solid rgba(215,165,0,.20)}
.inkeri-main:not(.inkeri-main--master) .mini-tile{border:1px solid var(--v3-line);border-radius:14px;background:#fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.inkeri-main:not(.inkeri-main--master) .mini-tile:hover{transform:translateY(-3px);border-color:rgba(215,165,0,.48);box-shadow:0 14px 30px rgba(25,38,48,.07)}

/* Buttons */
.inkeri-main:not(.inkeri-main--master) .btn{font-weight:750;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.inkeri-main:not(.inkeri-main--master) .btn:hover{transform:translateY(-2px)}
.inkeri-main:not(.inkeri-main--master) .btn-success{background:#198754!important;border-color:#198754!important;box-shadow:0 12px 28px rgba(21,33,42,.14)}
.inkeri-main:not(.inkeri-main--master) .btn-outline-primary{color:#17242c!important;border-color:#cbd5da!important;background:rgba(255,255,255,.82)!important}
.inkeri-main:not(.inkeri-main--master) .btn-outline-primary:hover,.inkeri-main:not(.inkeri-main--master) .btn-outline-secondary:hover{color:#17242c!important;background:#fff!important;border-color:rgba(215,165,0,.55)!important;box-shadow:0 10px 25px rgba(25,38,48,.07)}

/* Page content: generous rhythm instead of the old compressed bootstrap look. */
.inkeri-main:not(.inkeri-main--master) > .container{max-width:1160px}
.inkeri-main:not(.inkeri-main--master) > .container.pb-2{padding-top:76px!important;padding-bottom:76px!important}
.inkeri-main:not(.inkeri-main--master) .section{margin:0 0 72px!important}
.inkeri-main:not(.inkeri-main--master) .section:last-child{margin-bottom:0!important}
.inkeri-main:not(.inkeri-main--master) h2,.inkeri-main:not(.inkeri-main--master) .h2{font-weight:900;letter-spacing:-.035em;color:var(--v3-ink)}
.inkeri-main:not(.inkeri-main--master) h3,.inkeri-main:not(.inkeri-main--master) .h3,.inkeri-main:not(.inkeri-main--master) .h4,.inkeri-main:not(.inkeri-main--master) .h5,.inkeri-main:not(.inkeri-main--master) .h6{color:var(--v3-ink);font-weight:800}
.inkeri-main:not(.inkeri-main--master) .card{
  border:1px solid var(--v3-line)!important;border-radius:24px!important;background:var(--v3-card)!important;box-shadow:0 22px 58px rgba(25,38,48,.065)!important;overflow:hidden;position:relative;
}
.inkeri-main:not(.inkeri-main--master) .card::after{
  content:"";position:absolute;width:135px;height:135px;right:-68px;top:-68px;border-radius:50%;background:rgba(25,135,84,.075);border:1px solid rgba(25,135,84,.12);pointer-events:none;transition:transform .45s ease;
}
.inkeri-main:not(.inkeri-main--master) .card:hover::after{transform:scale(1.3)}
.inkeri-main:not(.inkeri-main--master) .lift{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease}
.inkeri-main:not(.inkeri-main--master) .lift:hover{transform:translateY(-5px);border-color:rgba(215,165,0,.34)!important;box-shadow:0 30px 70px rgba(25,38,48,.09)!important}
.inkeri-main:not(.inkeri-main--master) .feature-tile,.inkeri-main:not(.inkeri-main--master) .stat-tile,.inkeri-main:not(.inkeri-main--master) .mini-row{
  border:1px solid #e4e9ec;border-radius:16px;background:rgba(255,255,255,.82);padding:16px;transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.inkeri-main:not(.inkeri-main--master) .feature-tile:hover,.inkeri-main:not(.inkeri-main--master) .stat-tile:hover{transform:translateY(-3px);border-color:rgba(215,165,0,.42);background:#fff}
.inkeri-main:not(.inkeri-main--master) .feature-ico,.inkeri-main:not(.inkeri-main--master) .stat-ico,.inkeri-main:not(.inkeri-main--master) .mini-dot{color:#b38400!important}
.inkeri-main:not(.inkeri-main--master) .bg-soft{background:linear-gradient(120deg,#f7f9fa,#eef8f2)!important;border:1px solid #e4e9ec}
.inkeri-main:not(.inkeri-main--master) hr{border-color:#dfe5e8;opacity:1}

/* Articles, tips and ordinary generated text get the same readable V3 frame. */
.inkeri-main:not(.inkeri-main--master) article,.inkeri-main:not(.inkeri-main--master) .article-card,.inkeri-main:not(.inkeri-main--master) .patarimai-card{
  border-color:var(--v3-line)!important;border-radius:20px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 18px 45px rgba(25,38,48,.055)!important;
}
.inkeri-main:not(.inkeri-main--master) a:not(.btn){text-decoration-color:rgba(215,165,0,.38);text-underline-offset:3px}

/* Service area / utility content should read as a designed technical strip, not loose text. */
.inkeri-main:not(.inkeri-main--master) .service-areas{margin-top:12px;margin-bottom:70px!important;padding:28px 30px!important;border:1px solid var(--v3-line);border-radius:22px;background:rgba(255,255,255,.86);box-shadow:0 18px 45px rgba(25,38,48,.05)}
.inkeri-main:not(.inkeri-main--master) .service-areas .text-success{color:#b38400!important}

/* Cinematic reveal. JS only adds the class; without JS everything stays visible. */
@media (prefers-reduced-motion:no-preference){
  .inkeri-main:not(.inkeri-main--master).v3-motion .hero-modern .container,.inkeri-main:not(.inkeri-main--master).v3-motion .section,.inkeri-main:not(.inkeri-main--master).v3-motion .service-areas{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}
  .inkeri-main:not(.inkeri-main--master).v3-motion .v3-in{opacity:1;transform:none}
}

@media(max-width:991.98px){
  .inkeri-main:not(.inkeri-main--master) .hero-modern::before,.inkeri-main:not(.inkeri-main--master) .hero-modern::after{display:none}
  .inkeri-main:not(.inkeri-main--master) .hero-modern .container{padding-top:48px!important;padding-bottom:48px!important}
  .inkeri-main:not(.inkeri-main--master) .hero-modern h1{font-size:clamp(2.35rem,8vw,4rem)}
  .inkeri-main:not(.inkeri-main--master) > .container.pb-2{padding-top:48px!important;padding-bottom:48px!important}
  .inkeri-main:not(.inkeri-main--master) .section{margin-bottom:44px!important}
}
@media(max-width:575.98px){
  .inkeri-main:not(.inkeri-main--master){background:linear-gradient(180deg,#fff,#f7f9fa 48%,#fff)}
  .inkeri-main:not(.inkeri-main--master)::before{opacity:.32;background-size:36px 36px}
  .inkeri-main:not(.inkeri-main--master) .hero-modern .container{padding-top:34px!important;padding-bottom:38px!important}
  .inkeri-main:not(.inkeri-main--master) .hero-modern h1{font-size:2.35rem;line-height:1.02;letter-spacing:-.04em}
  .inkeri-main:not(.inkeri-main--master) .hero-card,.inkeri-main:not(.inkeri-main--master) .card{border-radius:18px!important;box-shadow:0 14px 34px rgba(25,38,48,.07)!important}
  .inkeri-main:not(.inkeri-main--master) > .container.pb-2{padding-top:34px!important;padding-bottom:34px!important}
  .inkeri-main:not(.inkeri-main--master) .section{margin-bottom:30px!important}
  .inkeri-main:not(.inkeri-main--master) .service-areas{box-shadow:none}
  .inkeri-main:not(.inkeri-main--master) .lift:hover,.inkeri-main:not(.inkeri-main--master) .btn:hover,.inkeri-main:not(.inkeri-main--master) .feature-tile:hover,.inkeri-main:not(.inkeri-main--master) .stat-tile:hover{transform:none}
}

/* INKERI 2026-09-26: green brand pass — no coffee/gold UI accents */
.inkeri-main .btn-success,.inkeri-main .btn-primary,.inkeri-main a.btn.btn-dark{background:#198754!important;border-color:#198754!important;color:#fff!important;box-shadow:0 12px 28px rgba(25,135,84,.18)!important}
.inkeri-main .btn-success:hover,.inkeri-main .btn-primary:hover,.inkeri-main a.btn.btn-dark:hover{background:#157347!important;border-color:#157347!important;color:#fff!important}
.inkeri-main .bg-dark,.inkeri-main .bg-primary,.inkeri-main .text-bg-dark,.inkeri-main .text-bg-primary{color:#fff!important}
.inkeri-main .bg-dark h1,.inkeri-main .bg-dark h2,.inkeri-main .bg-dark h3,.inkeri-main .bg-dark h4,.inkeri-main .bg-dark h5,.inkeri-main .bg-dark h6,.inkeri-main .bg-primary h1,.inkeri-main .bg-primary h2,.inkeri-main .bg-primary h3,.inkeri-main .bg-primary h4,.inkeri-main .bg-primary h5,.inkeri-main .bg-primary h6{color:#fff!important}
.inkeri-main .bg-dark a:not(.btn),.inkeri-main .bg-primary a:not(.btn){color:#b9f0d2!important}


/* 2026-09-26 V3 LIGHT typography + rhythm refinement */
.inkeri-main:not(.inkeri-main--master){
  font-family:Inter,"Helvetica Neue",Arial,sans-serif;
  --v3-section-gap:88px;
}
.inkeri-main:not(.inkeri-main--master) h1,
.inkeri-main:not(.inkeri-main--master) h2,
.inkeri-main:not(.inkeri-main--master) h3,
.inkeri-main:not(.inkeri-main--master) h4,
.inkeri-main:not(.inkeri-main--master) h5,
.inkeri-main:not(.inkeri-main--master) h6{
  font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;
  color:#17304f;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  line-height:1.12!important;
}
.inkeri-main:not(.inkeri-main--master) .hero-modern h1{
  font-size:clamp(2.7rem,5.1vw,5.15rem)!important;
  line-height:1.02!important;
  max-width:900px;
  margin-bottom:24px!important;
}
.inkeri-main:not(.inkeri-main--master) h2,
.inkeri-main:not(.inkeri-main--master) .h2{font-size:clamp(1.85rem,3vw,3rem)!important;margin-top:0;margin-bottom:20px!important}
.inkeri-main:not(.inkeri-main--master) h3,
.inkeri-main:not(.inkeri-main--master) .h3{font-size:clamp(1.3rem,2vw,1.9rem)!important;margin-bottom:14px!important}
.inkeri-main:not(.inkeri-main--master) p{line-height:1.65}
.inkeri-main:not(.inkeri-main--master) > .container.pb-2{padding-top:84px!important;padding-bottom:84px!important}
.inkeri-main:not(.inkeri-main--master) .section{margin-bottom:var(--v3-section-gap)!important}
.inkeri-main:not(.inkeri-main--master) .section + .section{margin-top:0!important}
.inkeri-main:not(.inkeri-main--master) .card{margin-bottom:28px}
.inkeri-main:not(.inkeri-main--master) .row{row-gap:28px}
.inkeri-main:not(.inkeri-main--master) .service-areas{margin-top:34px!important;margin-bottom:88px!important;padding:34px 36px!important}
/* Dark panels: headings must always be light. */
.inkeri-main .bg-dark h1,.inkeri-main .bg-dark h2,.inkeri-main .bg-dark h3,.inkeri-main .bg-dark h4,.inkeri-main .bg-dark h5,.inkeri-main .bg-dark h6,
.inkeri-main .text-bg-dark h1,.inkeri-main .text-bg-dark h2,.inkeri-main .text-bg-dark h3,.inkeri-main .text-bg-dark h4,.inkeri-main .text-bg-dark h5,.inkeri-main .text-bg-dark h6,
.inkeri-main [style*="background"] .text-white{color:#fff!important}
.inkeri-main .bg-dark,.inkeri-main .text-bg-dark{color:#f7fbff!important}
.inkeri-main .bg-dark a:not(.btn),.inkeri-main .text-bg-dark a:not(.btn){color:#72d9c6!important}
@media(max-width:900px){
 .inkeri-main:not(.inkeri-main--master){--v3-section-gap:58px}
 .inkeri-main:not(.inkeri-main--master) > .container.pb-2{padding-top:58px!important;padding-bottom:58px!important}
 .inkeri-main:not(.inkeri-main--master) .service-areas{margin-bottom:58px!important;padding:26px!important}
}
@media(max-width:580px){
 .inkeri-main:not(.inkeri-main--master){--v3-section-gap:42px}
 .inkeri-main:not(.inkeri-main--master) .hero-modern h1{font-size:2.35rem!important}
 .inkeri-main:not(.inkeri-main--master) > .container.pb-2{padding-top:42px!important;padding-bottom:42px!important}
}

/* ============================================================
   V3.6 TYPOGRAPHY + RHYTHM CORRECTION
   Clean yellow accents, no brown/coffee tones.
   ============================================================ */
.inkeri-main:not(.inkeri-main--master){
  --v3-yellow:#f2c94c;
  --v3-yellow-soft:#fff8dc;
  --v3-ink:#14212b;
}
/* one restrained heading face everywhere */
.inkeri-main:not(.inkeri-main--master) h1,
.inkeri-main:not(.inkeri-main--master) h2,
.inkeri-main:not(.inkeri-main--master) h3,
.inkeri-main:not(.inkeri-main--master) h4,
.inkeri-main:not(.inkeri-main--master) h5,
.inkeri-main:not(.inkeri-main--master) h6,
.inkeri-main:not(.inkeri-main--master) .h1,
.inkeri-main:not(.inkeri-main--master) .h2,
.inkeri-main:not(.inkeri-main--master) .h3,
.inkeri-main:not(.inkeri-main--master) .h4,
.inkeri-main:not(.inkeri-main--master) .h5,
.inkeri-main:not(.inkeri-main--master) .h6{
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  line-height:1.12!important;
}
.inkeri-main:not(.inkeri-main--master) .hero-modern h1{
  font-size:clamp(2.45rem,4vw,4.25rem)!important;
  line-height:1.03!important;
  letter-spacing:-.035em!important;
  max-width:760px!important;
}
.inkeri-main:not(.inkeri-main--master) h2,.inkeri-main:not(.inkeri-main--master) .h2{font-size:clamp(1.8rem,2.6vw,2.7rem)!important}
.inkeri-main:not(.inkeri-main--master) h3,.inkeri-main:not(.inkeri-main--master) .h3{font-size:clamp(1.3rem,1.8vw,1.75rem)!important}

/* real breathing room inside and between blocks */
.inkeri-main:not(.inkeri-main--master) > .container.pb-2{padding-top:88px!important;padding-bottom:96px!important}
.inkeri-main:not(.inkeri-main--master) .section{margin-bottom:96px!important}
.inkeri-main:not(.inkeri-main--master) .card{padding:30px!important}
.inkeri-main:not(.inkeri-main--master) .card .card-body{padding:8px!important}
.inkeri-main:not(.inkeri-main--master) .feature-tile,
.inkeri-main:not(.inkeri-main--master) .stat-tile,
.inkeri-main:not(.inkeri-main--master) .mini-row,
.inkeri-main:not(.inkeri-main--master) .mini-tile{padding:22px 24px!important;margin-bottom:14px!important}
.inkeri-main:not(.inkeri-main--master) .row{--bs-gutter-x:1.75rem;--bs-gutter-y:1.75rem}
.inkeri-main:not(.inkeri-main--master) .service-areas{padding:34px 38px!important;margin-top:28px!important;margin-bottom:92px!important}

/* pure yellow accents — remove coffee/brown visual tone */
.inkeri-main:not(.inkeri-main--master) .hero-pill{color:#14212b!important;border-color:rgba(242,201,76,.72)!important;background:#fffdf5!important}
.inkeri-main:not(.inkeri-main--master) .hero-card::before,
.inkeri-main:not(.inkeri-main--master) .card::after{background:rgba(242,201,76,.13)!important;border-color:rgba(242,201,76,.34)!important}
.inkeri-main:not(.inkeri-main--master) .feature-ico,
.inkeri-main:not(.inkeri-main--master) .stat-ico,
.inkeri-main:not(.inkeri-main--master) .mini-dot,
.inkeri-main:not(.inkeri-main--master) .service-areas .text-success{color:#d4a900!important}
.inkeri-main:not(.inkeri-main--master) a:not(.btn){text-decoration-color:rgba(242,201,76,.8)!important}

/* dark panels: every heading is light, never navy-on-navy */
.inkeri-main:not(.inkeri-main--master) .bg-dark h1,
.inkeri-main:not(.inkeri-main--master) .bg-dark h2,
.inkeri-main:not(.inkeri-main--master) .bg-dark h3,
.inkeri-main:not(.inkeri-main--master) .bg-dark h4,
.inkeri-main:not(.inkeri-main--master) .bg-dark h5,
.inkeri-main:not(.inkeri-main--master) .bg-dark h6,
.inkeri-main:not(.inkeri-main--master) [style*="background:#0"] h1,
.inkeri-main:not(.inkeri-main--master) [style*="background:#0"] h2,
.inkeri-main:not(.inkeri-main--master) [style*="background:#0"] h3,
.inkeri-main:not(.inkeri-main--master) [style*="background: #0"] h1,
.inkeri-main:not(.inkeri-main--master) [style*="background: #0"] h2,
.inkeri-main:not(.inkeri-main--master) [style*="background: #0"] h3{color:#fff!important}
.inkeri-main:not(.inkeri-main--master) .bg-dark{padding:32px 36px!important;border-radius:22px!important}

@media(max-width:767.98px){
 .inkeri-main:not(.inkeri-main--master) > .container.pb-2{padding-top:52px!important;padding-bottom:60px!important}
 .inkeri-main:not(.inkeri-main--master) .section{margin-bottom:58px!important}
 .inkeri-main:not(.inkeri-main--master) .card{padding:20px!important}
 .inkeri-main:not(.inkeri-main--master) .service-areas{padding:24px!important;margin-bottom:58px!important}
}


/* ============================================================
   INKERI · MOBILE VIEWPORT GUARD
   Prevent 1–3 px horizontal page drift on all public pages
   without turning body into a scroll container.
   ============================================================ */
@media (max-width: 767.98px){

  /*
   * `clip` blocks accidental horizontal viewport overflow but,
   * unlike `overflow-x:hidden`, does not create a new scrolling box.
   * Vertical browser scrolling therefore stays native.
   */
  html{
    max-width:100%;
    overflow-x:clip;
  }

  body{
    max-width:100%;
    margin-left:0;
    margin-right:0;
    overscroll-behavior-x:none;
  }

  /*
   * site.css globally paints WebKit scrollbars black.
   * On Android a 1–2 px accidental horizontal overflow therefore
   * becomes a visible black bar while swiping. Hide horizontal only.
   */
  ::-webkit-scrollbar:horizontal{
    height:0!important;
    display:none!important;
  }
}