/*
Theme Name: GTA
Theme URI: https://wisco.info/gta
Author: WISCO
Author URI: https://seo.com.kg
Description: Кастомная тема для GTA. Основана на HTML-шаблонах. Поддержка ACF и Contact Form 7.
Version: 1.0
Requires at least: 5.5
Tested up to: 6.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gta
Domain Path: /languages
*/

/* Цвета/база */
:root{
  --header-h:120px;
  --bg:#0a1a16;
  --surface:#0f2320;
  --card:#132b27;
  --muted:#9fb5ae;
  --text:#e7f3ef;
  --accent:#1EBC61;
  --accent-2:#8be28f;
  --pill:#193c35;
  --shadow:0 10px 30px rgba(0,0,0,.25);

  /* Светлая тема */
  --about-bg:#f7f7f7;
  --about-text:#132a24;
  --about-muted:#6c7d78;
  --about-title:#16243D;
  --about-card:#ffffff;
  --about-border:#e7ece9;
  --about-shadow:0 10px 30px rgba(25,40,33,.12);
  --about-accent:#1EBC61;
  --about-accent-2:#1aa05a;

  /* Телефон */
  --phone-bg:#d10a57;

  /* Products */
  --prod-bg:#0e2230;
  --prod-card:#122437;
  --prod-border:#1e3a4f;

  /* News */
  --news-bg:#ffffff;
  --news-title:#0f2a24;
  --news-text:#2a3b38;
  --news-muted:#DDD7CD;
  --ink:#122033;

  /* Buttons */
  --btn-text-dark:#05201a;
  --brand-green:#1EBC61;
  --magenta:#cf145f;

  /* New consult (light) */
  --c-bg:#fff;
  --c-title:#1b2a3a;
  --c-text:#51606b;
  --c-input:#eef3f6;
  --c-border:#e3e9ee;
  --c-dark:#102036;
  --c-wa:#1fa855;
  --navy:#0F1E35;

  /* Footer light */
  --footer-bg:#f3f6f5;
  --footer-text:#1b2a3a;
  --footer-muted:#5b6a74;
}

/* base */
*{box-sizing:border-box}
html,body{margin:0;padding:0;
font-family: "Montserrat", sans-serif;
color:var(--text);
background:var(--about-bg);;
scroll-behavior:smooth;
    overflow-x: hidden;
}
img{max-width:100%;display:block}
a{color:var(--accent)}
.container{width:min(1120px,92%);margin-inline:auto}
.section-pad{padding:72px 0}
h1,h2,h3{line-height:1.15;margin:0 0 .6em}
h1{font-size:clamp(28px,5vw,46px);font-weight:800}
h2{font-size:clamp(24px,4vw,34px);font-weight:800}
h3{font-size:20px}
.logo img{height:89px}
@media (max-width:1024px){.logo img{height:88px}}
@media (max-width:860px){.logo img{height:64px}}
.lead{font-size:18px;color:var(--muted)}
.muted{color:var(--muted)}
.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px}
.accent{color:var(--accent-2)}
.btn{display:inline-flex;align-items:center;gap:.8rem;background:var(--accent);color:#072017;border:0;padding:.95rem 1.4rem;border-radius:9999px;font-weight:600;box-shadow:var(--shadow);text-decoration:none;cursor:pointer;
    
       font-family: "Montserrat", sans-serif;
 
}
.btn--primary{background:var(--accent);color:#ffffff;border-radius:9999px}
.btn--ghost{background:transparent;border:1px solid #2c4c45;color:var(--text);border-radius:9999px}
.btn--white{background:#ffffff;color:#000000;border:0;border-radius:9999px}
.btn--sm{padding:.6rem 1rem;border-radius:9999px;font-size:.95rem}
.btn--with-arrow{display:inline-flex;align-items:center;gap:.75rem;white-space:nowrap;z-index:10000}
.btn--with-arrow span{display:inline-flex;align-items:center; z-index:10000}
.btn__arrow{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff;border-radius:999px;box-shadow:0 10px 26px rgba(0,0,0,.24)}
.btn__arrow svg{display:block}
.btn--pill{background:#ffffff;color:var(--btn-text-dark);border:0;padding:1rem 1.4rem;border-radius:9999px;font-weight:600;display:inline-flex;align-items:center;gap:.8rem}

/* иконка-стрелка */
.ic{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:9999px;flex-shrink:0}
.ic svg{width:18px;height:18px}
.ic--pink{background:var(--magenta);color:#fff}
.ic--white{background:#fff;color:var(--brand-green)}
.link{color:var(--accent);text-decoration:none;font-weight:600}
.link:hover .link--plain{color:#0a7bff;text-decoration:underline}

.current {color:#1EBC61!important}

/* layout util */
.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}
@media (max-width: 940px){.grid-2{grid-template-columns:1fr}}


/* About wave divider */
.about__wave{
  position:absolute;
  left:0;
  right:0;
  bottom:-3px;
  width:100%;
  height:clamp(30px, 3.2vw, 48px);
  z-index:3;
  pointer-events:none;
}
.about__wave svg{
  display:block;
  width:100%;
  height:100%;
  fill:#041230;
  transform:scaleY(-1);
}

.about__wave-obj {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleY(-1);
  pointer-events: none;
  z-index: 3;
}


/* Products wave divider */
.products__wave {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  width: 100%;
  height: clamp(30px, 3.2vw, 48px);
  z-index: 3;
  pointer-events: none;
}

.products__wave-obj {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleY(-1);
  pointer-events: none;
}



/* Footer wave divider */
.footer__wave {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: clamp(20px, 2.5vw, 36px);
  z-index: 10;
  pointer-events: none;
  transform: translateY(-100%);
}

.footer__wave-obj {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleY(-1);
  pointer-events: none;
}

/* ========= FOOTER LIGHT (без волны) ========= */
.site-footer{
  position:relative;
  background:var(--footer-bg);
  color:var(--footer-text);
  padding-top:36px;
  padding-left:clamp(24px, calc((100vw - 1120px)/2), 340px);
  padding-bottom:220px;
  overflow:visible;
  border-top:0;
}

/* сетка футера */
.footer-inner{ display:grid; grid-template-columns:1.1fr 1.1fr .8fr; gap:32px; align-items:end; }
@media (max-width:960px){
  .footer-inner{grid-template-columns:1fr}
  .site-footer{
    padding-left:clamp(16px, 6vw, 32px);
    padding-bottom:160px;
  }
}

.footer-brand .logo img{height:68px}
.footer-tagline{
  color:var(--navy);
  margin:24px 0 96px;
  font-size:clamp(10px, 2.8vw, 13px);
  font-weight:800;
  font-style:italic;
  line-height:1.35;
}
.footer-tagline span{
  display:block;
  font-weight:600;
}
.footer-copy{
  display:block;
  color:var(--navy);
  font-size:clamp(10px, 1.6vw, 11px);
  font-weight:400;
}
.footer-copy--mobile{display:none}

@media (max-width:720px){
  .footer-tagline{margin-bottom:64px;font-size:clamp(10px, 5.4vw, 13px);}
  .footer-copy--desktop{display:none;}
  .footer-copy--mobile{
    display:block;
    font-size:14px;
    margin-top:12px;
    text-align:left;
    color:var(--navy);
  }
  .footer-brand{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }
  .footer-brand .logo img{
    margin-inline:0;
  }
  .footer-social{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
  }
  .social-row{
    justify-content:flex-start;
  }
}

.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px}
.footer-links h4{grid-column:1/-1;margin:0 0 8px;color:var(--footer-text)}
.footer-links .links-col{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer-links a{color:var(--footer-text);text-decoration:none;font-weight:400}
.footer-links a:hover{ text-decoration:underline; }
.footer-links .links-col li{position:relative;padding-left:16px}
.footer-links .links-col li::before{ content:"›";position:absolute;left:0;top:0;color:var(--brand-green);font-weight:900; }

/* соцсети */
.footer-social h4{margin:0 0 10px;color:var(--footer-text)}
.social-row{display:flex;gap:12px;align-items:center}
.soc{ display:inline-flex;align-items:center; justify-content:center; text-decoration:none; }
.soc img{width:32px;height:32px;object-fit:contain}
.soc:hover{transform:translateY(-2px)}

/* ===== РАСТЕНИЕ ===== */
.footer-plant{
  position:absolute;
  bottom:0;
  right:clamp(0px, 6vw, 80px);
  height:clamp(260px, 52vw, 640px);
  object-fit:contain;
  pointer-events:none;
  user-select:none;
  z-index:100;
  filter: drop-shadow(0 14px 30px rgba(0,0,0,.25));
}
@media (min-width:1200px){
  .site-footer{padding-right:min(28vw, 340px);}
}
@media (max-width:720px){
  .footer-plant{ right:16px; height:340px; }
}

/* Кнопка "вверх" */
.to-top{position:fixed;right:18px;bottom:18px;border:1px solid #214a42;background:#0c201c;color:#d9f0ea;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:.3s; z-index: 1000;}
.to-top.is-shown{opacity:1;visibility:visible}

/* центр для картинки партнёров */
.center{display:block;margin-left:auto;margin-right:auto;width:50%}

/* Якоря/смещение прокрутки под фикс-хедер */
.scroll-target, .anchor-point { scroll-margin-top: calc(var(--header-h) + 16px); }
.anchor-point { position:relative; top:-1px; }




@media (max-width:720px){
  .footer-links{
    grid-template-columns:1fr;
  }
  .footer-links .links-col{
    gap:8px;
  }
  .footer-links .links-col:last-of-type{
    order:2;
  }
}

.breadcrumbs
{
  position:relative;
  background:var(--about-bg);
  color:var(--about-text);
  padding:150px 0 70px 25px;
}
.breadcrumbs a {
     color:var(--about-text);
}
.breadcrumbs a:hover {
  text-decoration: none;
}

@media (max-width:720px){
.breadcrumbs {
  position:relative;
  background:var(--about-bg);
  color:var(--about-text);
  padding:100px 0;
}
}

/* Hover + Focus */
.btn:hover,
.btn:focus {

  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

/* Active click */
.btn:active {
  transform: translateY(0);
  box-shadow: none;
}


.sub a {
  display: block;
  color: #e7f3ef!important;

}


.about__certificate ul {text-align: leftl;}
.about__certificate ul li {margin-bottom: 30px;}


/* ================= NEW CONSULT (LIGHT) ================= */
.consult{background:var(--c-bg); color:var(--c-text); padding:84px 0 64px}
.consult__head{text-align:center; margin-bottom:24px}
.consult__head h2{color:var(--c-title); font-size:clamp(26px,4.6vw,36px); margin:0 0 6px}
.consult__head p{margin:0; color:#595959;
    
    line-height: 1.5;
  margin-top: 20px;
}


.consult__wa {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  font-weight: bold;
  text-decoration: none;
  color: #25D366; /* WhatsApp green */
}

.consult__wa .wa-ic {
  width: 40px;
  height: 40px;
  z-index: 2;
  position: relative;
}

/* Анимация пульсации */
.consult__wa::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: rgba(37, 211, 102, 0.4);
  border-radius: 50%;
  animation: ringPulse 1.8s ease-out infinite;
  z-index: 1;
}

@keyframes ringPulse {
  0% {
    transform: translateY(-50%) scale(1);
    opacity: 0.8;
  }
  70% {
    transform: translateY(-50%) scale(1.8);
    opacity: 0;
  }
  100% {
    transform: translateY(-50%) scale(1.8);
    opacity: 0;
  }
}


.callout__icon img {
  animation: swingPhone 2.5s ease-in-out infinite;
  transform-origin: center;
}

@keyframes swingPhone {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(10deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}


a.bio-product-card  {text-decoration: none!important;}

.feat__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  animation: pulse 2.5s ease-in-out infinite;
  transition: transform 0.3s ease;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.about__certificate h3 {
  margin: 0;
  font-size: clamp(30px, 3.3vw, 44px);
  color: #04122e;
}