/* Smart Zugdidi — global visual vitality layer (2026-08-29) */
:root{--sz-pointer-x:50%;--sz-pointer-y:30%}
body.sz-vitality{background:#eaf9f2}
.sz-vital-section{position:relative;isolation:isolate;
  transition:background-color .8s ease,box-shadow .8s ease}

/* მონაცვლე სექციები — მხოლოდ ჩვეულებრივი light/gray ზედაპირები */
.sz-vital-section.section-light:not(.contact-wow):not(.about-page),
.sz-vital-section.section-gray:not(.contact-wow):not(.about-page){
  background:
    radial-gradient(circle at var(--sz-pointer-x) var(--sz-pointer-y),rgba(45,212,191,.13) 0,transparent 25rem),
    radial-gradient(circle at 8% 16%,rgba(153,246,228,.20) 0,transparent 22rem),
    radial-gradient(circle at 92% 82%,rgba(125,211,252,.12) 0,transparent 24rem),
    linear-gradient(145deg,#f1fdf8 0%,#e9faf3 54%,#f4fbff 100%);
  background-attachment:scroll;background-size:100% 100%;
  border-top:1px solid rgba(94,234,212,.16)
}
.sz-vital-section.section-light:not(.contact-wow):not(.about-page):nth-of-type(even),
.sz-vital-section.section-gray:not(.contact-wow):not(.about-page):nth-of-type(even){
  background:
    radial-gradient(circle at var(--sz-pointer-x) var(--sz-pointer-y),rgba(56,189,248,.11) 0,transparent 25rem),
    radial-gradient(circle at 88% 12%,rgba(153,246,228,.18) 0,transparent 22rem),
    radial-gradient(circle at 10% 88%,rgba(186,230,253,.17) 0,transparent 24rem),
    linear-gradient(145deg,#eefbf6 0%,#f5fbff 52%,#e8f9f2 100%)
}
.sz-vital-section.section-light:not(.contact-wow):not(.about-page).sz-section-active,
.sz-vital-section.section-gray:not(.contact-wow):not(.about-page).sz-section-active{
  box-shadow:inset 0 18px 55px rgba(45,212,191,.035),inset 0 -18px 55px rgba(56,189,248,.028)
}

/* გვერდები, რომლებსაც საკუთარი wrapper აქვთ */
.sz-vital-section.rg-page,.sz-vital-section.cg-page{
  background:
    radial-gradient(circle at var(--sz-pointer-x) var(--sz-pointer-y),rgba(45,212,191,.13) 0,transparent 25rem),
    radial-gradient(circle at 8% 12%,rgba(153,246,228,.20),transparent 26rem),
    radial-gradient(circle at 92% 82%,rgba(125,211,252,.13),transparent 25rem),
    linear-gradient(150deg,#f1fdf8,#e7f9f0 58%,#f3fbff)
}

/* საერთო card-ების ცოცხალი, მაგრამ მშვიდი hover */
.sz-vitality :is(.kg-card,.feature-card,.hub,.news,.qw,.sec-c,.fb-step,.pf-card,.bag-box,.dc-card){
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease
}
.sz-vitality :is(.kg-card,.feature-card,.hub,.news,.qw,.sec-c,.fb-step,.pf-card,.bag-box,.dc-card):hover{
  transform:translateY(-4px);box-shadow:0 18px 42px rgba(13,45,42,.11);border-color:rgba(45,212,191,.58)
}

/* აქტიური სექციის სათაური ოდნავ მკაფიო ხდება */
.sz-vital-section .section-header{transition:transform .65s ease,opacity .65s ease}
.sz-vital-section.sz-section-active .section-header{transform:translateY(-3px)}

@media(max-width:760px){
  .sz-vital-section.section-light:not(.contact-wow):not(.about-page),
  .sz-vital-section.section-gray:not(.contact-wow):not(.about-page),
  .sz-vital-section.rg-page,.sz-vital-section.cg-page{background-attachment:scroll}
  .sz-vitality :is(.kg-card,.feature-card,.hub,.news,.qw,.sec-c,.fb-step,.pf-card,.bag-box,.dc-card):hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .sz-vital-section,.sz-vital-section .section-header,
  .sz-vitality :is(.kg-card,.feature-card,.hub,.news,.qw,.sec-c,.fb-step,.pf-card,.bag-box,.dc-card){transition:none!important}
  .sz-vital-section.sz-section-active .section-header{transform:none}
}