@font-face{
      font-family: "Aurora Script";
      src:
        local("Aurora Script"),
        local("AuroraScript"),
        url("../fonts/Aurora_script.ttf") format("truetype");
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }
/* За замовчуванням (ПК/таблет) — сховано */
.mob{
  display: none !important;
}

/* Тільки мобільна версія */
@media (max-width: 767px){
  .mob{
    display: block !important; /* або flex / inline-block — як тобі треба */
  }
}


    :root{
      --bg: rgba(223, 194, 195, .5);
      --dark: #1B2428;
      --muted: #595B56;
      --white: #ffffff;
      --line: rgba(27,36,40,.22);
      --pink: rgba(223,194,195,.75);
      --panel: rgba(221, 195, 196, .92);
      --panel2: rgba(226, 203, 204, .92);
      --footer: #1B2428;
    }

    /* ===== ПК scale (артборд 1440) ===== */
    html{ font-size: calc(100vw / 90); scroll-behavior: smooth; }
    html, body{ width:100%; overflow-x:hidden; }
    *{ box-sizing:border-box; }

    body{
      margin:0;
      font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color: var(--dark);
      background: var(--bg);
    }

    img{ display:block; max-width:100%; height:auto; }
    a{ color:inherit; text-decoration:none; }
    button, input, select, textarea{ font-family:inherit; }

    .page{ position: relative; min-height: 100%; }

    /* ===== Containers ===== */
    .container{
      width: 90rem;
      margin: 0 auto;
      padding: 0 5rem;
      position: relative;
      z-index: 2;
    }
    .hero-wrap{
      width: 90rem;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 8rem;
      position: relative;
      z-index: 2;
    }

    /* ===== HEADER ===== */
    .header{ padding: 0; position: relative; z-index: 10; }
    .header__row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 2rem;
      padding-top: .4rem;
    }
    .logo{ display:flex; align-items:center; }
    .logo img{ width: 7rem; }

    .nav{
      display:flex;
      align-items:center;
      gap: 1.4rem;
      font-size: .7rem;
      color: #1B2428;
      white-space: nowrap;
    }
    .nav a{ padding: .35rem .1rem; }

    /* ===== Burger (тільки моб) ===== */
    .burger{
      display:none;
      width: 2.9rem;
      height: 2.9rem;
      border: 1px solid rgba(27,36,40,.25);
      border-radius: .95rem;
      background: rgba(255,255,255,.35);
      backdrop-filter: blur(.55rem);
      -webkit-backdrop-filter: blur(.55rem);
      cursor:pointer;
      position: relative;
      align-items:center;
      justify-content:center;
      padding:0;
      z-index: 60;
    }
    .burger span{
      width: 1.25rem;
      height: 2px;
      background: var(--dark);
      border-radius: 2px;
      position:absolute;
      transition: transform .25s ease, opacity .2s ease, top .25s ease;
    }
    .burger span:nth-child(1){ top: 1.05rem; }
    .burger span:nth-child(2){ top: 1.38rem; }
    .burger span:nth-child(3){ top: 1.71rem; }
    body.menu-open .burger span:nth-child(1){ top: 1.38rem; transform: rotate(45deg); }
    body.menu-open .burger span:nth-child(2){ opacity: 0; }
    body.menu-open .burger span:nth-child(3){ top: 1.38rem; transform: rotate(-45deg); }

    .overlay{
      position: fixed;
      inset: 0;
      z-index: 40;
      background: rgba(0,0,0,.22);
      opacity: 0;
      pointer-events: none;
      transition: opacity .25s ease;
    }
    body.menu-open .overlay{ opacity:1; pointer-events:auto; }

    .mobile-menu{
      position: fixed;
      left: 0; right: 0; top: 0;
      z-index: 50;
      transform: translateY(-110%);
      transition: transform .35s cubic-bezier(.2,.9,.2,1);
      padding: 6.2rem 1.2rem 1.2rem;
      background: rgba(223, 194, 195, .92);
      backdrop-filter: blur(.85rem);
      -webkit-backdrop-filter: blur(.85rem);
      border-bottom: 1px solid rgba(27,36,40,.18);
    }
    body.menu-open .mobile-menu{ transform: translateY(0); }

    .mobile-menu__links{
      display:flex;
      flex-direction:column;
      /* gap: .7rem; */
    }
    .mobile-menu__links a{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding: .95rem 1rem;
      /* border: 1px solid rgba(27,36,40,.18); */
      border-radius: 1rem;
      /* background: rgba(255,255,255,.35); */
      font-weight: 600;
      color: rgba(27,36,40,.9);
      font-size: 1rem;
    }
    .mobile-menu__links a .dot{
      width: .55rem; height: .55rem;
      border-radius: 99px;
      background: rgba(27,36,40,.55);
      opacity: .55;
      display: none;
    }

    body.menu-open{ overflow:hidden; }

    /* ===== DECOR FLOWER (між hero/about) ===== */
    .decor-flower{
      position: absolute;
      right: 3rem;
      top: 24rem;
      transform: translateX(38%);
      pointer-events: none;
      user-select: none;
      opacity: .95;
      z-index: 5;
    }

    /* ===== HERO ===== */
    .hero{ padding: 3rem 0 5rem; position: relative; z-index: 2; }
    .hero__grid{
      display:grid;
      grid-template-columns: 1.05fr .95fr;
      align-items:center;
      column-gap: 5.2rem;
    }

    .hero-media{ width: 38.5rem; overflow: visible; }
    .hero-media img{
      width:100%;
      height: 22rem;
      object-fit: contain;
      object-position: center;
          margin-left: -2.6rem;
    }

    .hero-text{ text-align:center; }

    .script-line{
      font-family: "Aurora Script", cursive;
      font-weight: 400;
      font-style: normal;
      font-size: 5rem;
      line-height: 120%;
      display:flex;
      align-items: baseline;
      justify-content:center;
      gap: 2.2rem;
      margin: 0 0 0;
    }
    .script-word{ white-space: nowrap; }

    .hero-title{
      margin: 0 0 1rem;
      font-weight: 600;
      font-size: 2.3rem;
      line-height: 120%;
      text-transform: uppercase;
    }

    .hero-sub{
      margin: 0 auto 1rem;
      max-width: 34rem;
      font-size: 1rem;
      line-height: 120%;
      color: rgba(89,91,86,.9);
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding: 1.05rem 2.6rem;
      border-radius: 999px;
      background: var(--dark);
      color: var(--white);
      font-weight: 700;
      letter-spacing: .05em;
      text-transform: uppercase;
      font-size: .95rem;
      border: 1px solid rgba(27,36,40,.18);
      box-shadow: 0 .95rem 1.9rem rgba(27,36,40,.16);
      cursor:pointer;
    }

    /* ===== FOUNDER ===== */
    .founder{
      position: relative;
      z-index: 3;
      background: var(--white);
      padding: 3.6rem 0 4.2rem;
    }
    .founder__grid{
      display:grid;
      grid-template-columns: 1.22fr .78fr;
      gap: 1.4rem;
      align-items: end;
    }
    .founder__title{
      font-family: "Aurora Script", cursive;
      font-weight: 400;
      font-style: normal;
      font-size: 4.4rem;
      line-height: 1;
      margin: 0 0 1.1rem;
    }
    .founder__text{
      font-size: 1.05rem;
      line-height: 1.45;
      color: rgba(89,91,86,.9);
      margin: 0 0 1.05rem;
    }

    .founder__left-image{
      margin-top: 1.25rem;
      width: 100%;
      overflow: hidden;
      border-radius: 10rem 0 0 0;
      background: #f6f6f6;
    }
    .founder__left-image img{
      width: 100%;
      object-fit: cover;
      object-position: center;
    }

    .founder__right{
      display:grid;
      gap: 1.4rem;
    }
    .founder__portrait{
      width: 100%;
      overflow: hidden;
      border-radius: 0 10rem 0 0;
      background: #f6f6f6;
    }
    .founder__portrait img{
      width: 100%;
      object-fit: cover;
      object-position: center;
    }

    .founder__small{
      width: 100%;
      overflow: hidden;
      border-radius: 0 0 10rem 0;
      background: #f6f6f6;
    }
    .founder__small img{
      width: 100%;
      object-fit: cover;
      object-position: center;
    }

    /* ======================== CERTIFICATES (STACK) ======================= */
    .certs{
      position: relative;
      background: var(--white);
      padding: 5.2rem 0 5.2rem;
      overflow: hidden;
      z-index: 2;
    }

    .certs__flower-left,
    .certs__flower-right{
		
      position:absolute;
      pointer-events:none;
      user-select:none;
      z-index: 1;
      opacity: .95;
    }

    .certs__flower-left{
		    z-index: 22;
    left: 4rem;
    bottom: 0;
    /* width: 16rem; */
    transform: translate(-45%, -12%);
    opacity: .92;
    }

    .certs__flower-right{
      right: 0;
      bottom: 0;
      width: 26rem;
      transform: translate(45%, 35%);
      opacity: .9;
    }

    .certs__big-bg{
      position:absolute;
      left: 50%;
      top: 56%;
      transform: translate(-50%, -50%);
      width: 90rem;
      padding: 0 5rem;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 18rem;
      font-weight: 600;
      font-size: 6rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      color: rgba(223,194,195,.75);
      white-space: nowrap;
      z-index: 2;
      pointer-events:none;
      user-select:none;
    }

    .certs__head{
      position: relative;
      z-index: 4;
      text-align:center;
      margin-bottom: 2.2rem;
    }

    .certs__script{
      font-family: "Aurora Script", cursive;
      font-weight: 400;
      font-size: 4.2rem;
      line-height: 1;
      margin: 0;
    }

    .certs__stage{
      position: relative;
      z-index: 5;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap: 1.3rem;
    }

    .certs__cards{
      position: relative;
      width: 22.5rem;
      height: 27.8rem;
      touch-action: pan-y;
    }

    .cert-card{
      position:absolute;
      inset: 0;
      border-radius: 1.25rem;
      overflow:hidden;
      background: #f2f2f2;
      box-shadow: 0 1.8rem 3.4rem rgba(27,36,40,.14);
      transform-origin: 60% 70%;
      transition: transform .35s ease, opacity .35s ease, filter .35s ease;
      opacity: 0;
      filter: blur(.15rem);
      pointer-events:none;
    }

    .cert-card img{
      width:100%;
      height:100%;
      object-fit: cover;
      object-position: center;
    }

    .cert-card__overlay{
      position:absolute;
      left:0; right:0; bottom:0;
      padding: 1.2rem 1.2rem 1.1rem;
      background: linear-gradient(to top, rgba(0,0,0,.46), rgba(0,0,0,0));
      color: rgba(255,255,255,.95);
    }
    .cert-card__title{ font-weight: 700; font-size: 1.05rem; margin:0 0 .25rem; }
    .cert-card__sub{ font-size: .75rem; opacity:.85; margin:0; }

    .cert-card.pos0{
      opacity: 1;
      filter: none;
      transform: translate(0,0) rotate(0deg) scale(1);
      z-index: 5;
      pointer-events:auto;
    }
    .cert-card.pos1{
      opacity: .78;
      filter: none;
      transform: translate(1.35rem, 1.25rem) rotate(10deg) scale(.985);
      z-index: 4;
    }
    .cert-card.pos2{
      opacity: .56;
      transform: translate(2.55rem, 2.35rem) rotate(15deg) scale(.965);
      z-index: 3;
    }
    .cert-card.pos3{
      opacity: .38;
      transform: translate(3.6rem, 3.25rem) rotate(18deg) scale(.945);
      z-index: 2;
    }

    .certs__controls{
      display:flex;
      align-items:center;
      justify-content:center;
      gap: .9rem;
      margin-top: .2rem;
    }

    a.btn:hover {
    opacity: 0.7;
}
button.tariff__btn:hover {
    opacity: 0.7;
}

a.tariff__btn:hover {
        background: rgba(255, 255, 255, .96);
    color: rgba(27, 36, 40, .92);
}

    .certs-btn{
      width: 2.45rem;
      height: 2.45rem;
      border-radius: 999px;
      border: 1px solid rgba(27,36,40,.28);
      background: transparent;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      transition: transform .18s ease, background .18s ease, border-color .18s ease;
    }
    .certs-btn svg{ width: .95rem; height: .95rem; }
    .certs-btn svg path{ stroke: rgba(27,36,40,.75); }
    .certs-btn:active{ transform: scale(.96); }

    .certs-btn--next{
      background: var(--dark);
      border-color: var(--dark);
    }
    .certs-btn--next svg path{ stroke: #fff; }

    /* ======================== PRACTICES ======================= */
    .practices{
      position: relative;
      background: var(--white);
      padding: 4.6rem 0 4.2rem;
      z-index: 2;
      overflow: visible;
    }

    .practices__flower-right{
    position: absolute;
    right: 0;
    top: -51.2rem;
    /* width: 24rem; */
    pointer-events: none;
    user-select: none;
    z-index: 1;
    opacity: .92;
    transform: translate(0, 0);
    }

    .practices__head{
      position: relative;
      z-index: 2;
      text-align:center;
      margin-bottom: 2.2rem;
    }

    .practices__title{
      font-family: "Aurora Script", cursive;
      font-weight: 400;
      font-size: 4.2rem;
      line-height: 1;
      margin: 0 0 .85rem;
    }

    .practices__sub{
      margin: 0 auto;
      /* max-width: 44rem; */
      font-size: .95rem;
      line-height: 1.45;
      color: rgba(89,91,86,.9);
    }

    .practices__list{
      position: relative;
      z-index: 2;
      margin-top: 2.2rem;
      border-top: 1px solid var(--line);
    }

    .practice{
      display:grid;
      grid-template-columns: 8.5rem 22.5rem 1fr;
      gap: 2.4rem;
      align-items:start;
      padding: 2.2rem 0;
      border-bottom: 1px solid var(--line);
    }

    .practice__num{
      font-family: "Aurora Script", cursive;
      font-weight: 400;
      font-size: 2.6rem;
      line-height: 1;
      color: rgba(27,36,40,.95);
      
      white-space: nowrap;
    }

    .practice__name{
      display:flex;
      align-items:baseline;
      justify-content:flex-start;
      gap: .55rem;
      margin: 0;
      font-weight: 500;
      font-size: 1.35rem;
      line-height: 1.2;
      letter-spacing: .02em;
    }

    .practice__name .word{
      text-transform: uppercase;
      letter-spacing: .06em;
    }

    .practice__name .script{
      font-family: "Aurora Script", cursive;
      font-weight: 400;
      font-size: 1.6rem;
      letter-spacing: 0;
      text-transform: none;
    }

    .practice__desc{
      margin: 0;
      font-size: .95rem;
      line-height: 1.55;
      color: rgba(89,91,86,.9);
      max-width: 46rem;
    }

    /* ======================== FORMAT PRACTICES ======================= */
    .format{
      position: relative;
      background: linear-gradient(to bottom, rgba(223, 194, 195, .55) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 100%);
      padding: 4.2rem 0 4.8rem;
      z-index: 2;
    }

    .format__title{
      text-align:center;
      font-family: "Aurora Script", cursive;
      font-weight: 400;
      font-size: 4.2rem;
      line-height: 1;
      margin: 0 0 2.2rem;
      color: rgba(27,36,40,.95);
    }

    .format__grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 2.1rem;
      align-items: stretch;
    }

    .format-card{
      border-radius: 1.55rem;
      overflow:hidden;
      transition: background .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease;
      cursor: default;
    }

    .format-card__media{
      position: relative;
      overflow:hidden;
      border-radius: 1.35rem;
      margin: 1.2rem 1.2rem .9rem;
      background: #f0f0f0;
      height: 17.2rem;
    }

    .format-card__media img{
      width:100%;
      height:100%;
      object-fit: cover;
      object-position: center;
      transform: scale(1.01);
      transition: transform .35s ease, filter .35s ease;
    }

    .format-card__arrow{
      position:absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) scale(.98);
      width: 3.6rem;
      height: 3.6rem;
      border-radius: 999px;
      background: rgba(27,36,40,.92);
      display:flex;
      align-items:center;
      justify-content:center;
      opacity: 0;
      transition: opacity .22s ease, transform .22s ease;
      pointer-events:none;
    }
    .format-card__arrow svg{ width: 1.2rem; height: 1.2rem; }
    .format-card__arrow svg path{
      stroke: #fff; stroke-width: 2;
      stroke-linecap: round; stroke-linejoin: round; fill: none;
    }

    .format-card__bottom{
      padding: 0 1.2rem 1.2rem;
      color: rgba(27,36,40,.92);
      transition: color .22s ease;
    }

    .format-meta{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 1.2rem;
      font-size: .75rem;
      color: rgba(89,91,86,.9);
      margin-bottom: .55rem;
      transition: color .22s ease;
    }

    .meta-item{
      display:flex;
      align-items:center;
      gap: .55rem;
      white-space: nowrap;
      min-width: 0;
    }

    .meta-item span{
      overflow:hidden;
      text-overflow: ellipsis;
    }

    .meta-ico{
      width: 1rem;
      height: 1rem;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      opacity: .9;
    }
    .meta-ico svg{ width: 1rem; height: 1rem; }
    .meta-ico svg path,
    .meta-ico svg circle{
      stroke: rgba(27,36,40,.70);
      stroke-width: 1.8;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
      transition: stroke .22s ease;
    }

    .format-card__name{
      margin: 0;
      font-weight: 500;
      font-size: 1.25rem;
      line-height: 1.2;
      color: rgba(27,36,40,.92);
      transition: color .22s ease;
    }

    .format-card:hover{
      background: rgba(27,36,40,.95);
      border-color: rgba(27,36,40,.95);
      box-shadow: 0 1.9rem 3.7rem rgba(27,36,40,.18);
      transform: translateY(-.12rem);
    }
    .format-card:hover .format-card__arrow{
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }
    .format-card:hover .format-meta{ color: rgba(255,255,255,.78); }
    .format-card:hover .format-card__name{ color: rgba(255,255,255,.95); }
    .format-card:hover .meta-ico svg path,
    .format-card:hover .meta-ico svg circle{ stroke: rgba(255,255,255,.78); }

    /* ======================== PRICING ======================= */
    .pricing{
      position: relative;
      z-index: 2;
      padding: 4.8rem 0 5.3rem;
      background: #fff;
    }

    .pricing__head{
      text-align:center;
      margin-bottom: 2.2rem;
    }
    .pricing__title{
      font-family: "Aurora Script", cursive;
      font-weight: 400;
      font-size: 4.4rem;
      line-height: 1;
      margin: 0 0 1.05rem;
      color: rgba(27,36,40,.95);
    }

    .pricing__toggle{
      display:flex;
      align-items:center;
      justify-content:center;
      gap: 1.15rem;
      font-size: .95rem;
      color: rgba(27,36,40,.65);
    }
    .pricing__toggle .t-left,
    .pricing__toggle .t-right{
      transition: color .2s ease, font-weight .2s ease;
      white-space: nowrap;
    }
    .pricing__toggle .t-left{
      color: rgba(27,36,40,.92);
      font-weight: 600;
    }
    .pricing.is-online .pricing__toggle .t-left{
      color: rgba(27,36,40,.55);
      font-weight: 500;
    }
    .pricing.is-online .pricing__toggle .t-right{
      color: rgba(27,36,40,.92);
      font-weight: 600;
    }

    .switch{
      position: relative;
      width: 2.65rem;
      height: 1.35rem;
      display:inline-block;
      vertical-align: middle;
    }
    .switch input{ display:none; }
    .switch .track{
      position:absolute; inset:0;
      background: rgba(27,36,40,.16);
      border-radius: 999px;
      border: 1px solid rgba(27,36,40,.22);
      transition: background .2s ease, border-color .2s ease;
    }
    .switch .thumb{
      position:absolute;
      top: 50%;
      left: .18rem;
      transform: translateY(-50%);
      width: .95rem;
      height: .95rem;
      background: rgba(27,36,40,.95);
      border-radius: 999px;
      transition: left .2s ease;
    }
    .switch input:checked + .track{ background: rgba(27,36,40,.22); }
    .switch input:checked + .track .thumb{ left: 1.47rem; }

    .pricing__panel{
      background: var(--panel);
      border-radius: 1.8rem;
      padding: 3.1rem 1.1rem 2.7rem;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.35);
      box-shadow: 0 1.8rem 3.6rem rgba(27,36,40,.10);
    }

    .pricing__grid{
      display:grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1rem;
      align-items: stretch;
    }

    .pricing__grids{
      display:grid;
      grid-template-columns: repeat(2, 1fr)  !important;
    }

    .tariff{
      position: relative;
    padding: 1.2rem 0.5rem 0.5rem;
    color: rgba(255, 255, 255, .92);
    min-height: 31.5rem;
    display: flex;
    flex-direction: column;
    border-radius: 1.5rem;
    }

    article.tariff:hover {
      border: 2px solid #fff;
          border-radius: 1.5rem;
          cursor: pointer;
}

    .tariff__name{
      font-weight: 600;
      font-size: 1.35rem;
      margin: 0 0 1.25rem;
      letter-spacing: .01em;
    }

    .tariff__price{
      display:flex;
      align-items: baseline;
      gap: .55rem;
      margin-bottom: .8rem;
    }
    .tariff__price .num{
      font-size: 2.2rem;
      font-weight: 500;
      letter-spacing: .01em;
    }
    .tariff__price .unit{
      font-size: .8rem;
      opacity: .75;
      margin-left: .15rem;
      white-space: nowrap;
    }

    .tariff__desc{
      font-size: .85rem;
      line-height: 1.45;
      color: rgba(255,255,255,.78);
      margin: 0 0 1.35rem;
      max-width: 17rem;
    }

    .tariff__divider{
      height: 1px;
      background: rgba(255,255,255,.25);
      margin: 1.35rem 0 1.35rem;
    }

    .tariff__list{
      list-style:none;
      padding:0;
      margin: 0 0 auto;
      display:flex;
      flex-direction:column;
      gap: .95rem;
      color: rgba(255,255,255,.78);
      font-size: .85rem;
      line-height: 1.45;
    }
    .tariff__li{
      display:flex;
      gap: .85rem;
      align-items:flex-start;
    }
    .check{
      flex: 0 0 auto;
      width: 1.25rem;
      height: 1.25rem;
      border-radius: 999px;
      background: rgba(255,255,255,.92);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      margin-top: .08rem;
    }
    .check svg{ width: .8rem; height: .8rem; }
    .check svg path{
      stroke: rgba(27,36,40,.92);
      stroke-width: 2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .tariff__btn{
      margin-top: 1.8rem;
      display:flex;
      align-items:center;
      justify-content:center;
      width: 16.8rem;
      max-width: 100%;
      padding: 1rem 1.4rem;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.75);
      background: transparent;
      color: rgba(255,255,255,.92);
      font-weight: 700;
      letter-spacing: .06em;
      text-transform: uppercase;
      font-size: .8rem;
      cursor:pointer;
    }
    .tariff--featured .tariff__btn {

    margin-left: 0.4rem;
}

    .tariff--featured{
      background: rgba(27,36,40,.95) !important;
      border-radius: 1.5rem;
      /* padding: 2.0rem 1.6rem 1.7rem; */
      box-shadow: 0 2.0rem 4.0rem rgba(27,36,40,.18);
      border: 1px solid rgba(255,255,255,.10);
    }
    .tariff--featured .tariff__desc,
    .tariff--featured .tariff__list{
      color: rgba(255,255,255,.78);
    }
    .tariff--featured .tariff__divider{
      background: rgba(255,255,255,.18);
    }
    .tariff--featured .tariff__btn{
      background: rgba(255,255,255,.96);
      color: rgba(27,36,40,.92);
      border-color: rgba(255,255,255,.96);
    }

    .badge-top{
      position:absolute;
      right: 1.4rem;
      top: 1.55rem;
      font-size: .65rem;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: rgba(255,255,255,.78);
      border: 1px solid rgba(255,255,255,.28);
      border-radius: 999px;
      padding: .28rem .55rem;
      line-height: 1;
      background: rgba(255,255,255,.06);
    }

    .pricing__panel--online{ display:none; }
    .pricing.is-online .pricing__panel--offline{ display:none; }
    .pricing.is-online .pricing__panel--online{ display:block; }

    /* ======================== REVIEWS (YOUTUBE SLIDER) ======================= */
    .reviews{
      position: relative;
      background: #fff;
      padding: 5rem 0 5.2rem;
      z-index: 2;
      overflow: hidden;
    }

    .reviews__grid{
      display:grid;
      grid-template-columns: 22rem 1fr;
      gap: 3.2rem;
      align-items:start;
    }

    .reviews__left{
      position: relative;
      min-height: 24rem;
    }

    .reviews__flower-left{
      position:absolute;
      left: -6.2rem;
      top: 6.4rem;
      /* width: 16.5rem; */
      opacity: .95;
      pointer-events:none;
      user-select:none;
    }

    .reviews__title{
      font-family: "Aurora Script", cursive;
      font-weight: 400;
      font-size: 4rem;
      line-height: 1;
      margin: 0;
      padding-left: 0;
    }

    .reviews__right{
      position: relative;
      max-width: 48rem;
      margin-left: auto;
    }

    .reviews__viewport{
      overflow:hidden;
      border-radius: 1.2rem;
      max-width: 48rem;
      margin-left: auto;
    }

    .reviews-track{
      --gap: 1.2rem;
      --per: 2;
      display:flex;
      gap: var(--gap);
      transition: transform .45s cubic-bezier(.2,.9,.2,1);
      will-change: transform;
      padding: .25rem 0;
    }

    .review-card{
      flex: 0 0 calc((100% - (var(--gap) * (var(--per) - 1))) / var(--per));
      background: #fff;
      border: 1px solid rgba(27,36,40,.14);
      border-radius: 1.35rem;
      /* box-shadow: 0 1.2rem 2.8rem rgba(27,36,40,.08); */
      overflow:hidden;
    }

    .review-media{
      position: relative;
      width: 100%;
      height: 19rem;
      background: #000;
    }

    .yt{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      border:0;
      padding:0;
      background: transparent;
      cursor:pointer;
      display:block;
    }
    .yt-thumb{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit: cover;
      object-position: center;
      filter: saturate(1.05) contrast(1.02);
      transform: scale(1.01);
    }
    .yt::after{
      content:"";
      position:absolute;
      inset:0;
      background: linear-gradient(to top, rgba(0,0,0,.28), rgba(0,0,0,0));
      pointer-events:none;
    }
    .yt-play{
      position:absolute;
      left:50%;
      top:50%;
      transform: translate(-50%, -50%);
      width: 4.2rem;
      height: 4.2rem;
      border-radius: 999px;
      background: rgba(255,255,255,.92);
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow: 0 1.2rem 2.6rem rgba(0,0,0,.25);
    }
    .yt-play svg{ width: 1.6rem; height: 1.6rem; }
    .yt-play svg path{ fill: rgba(27,36,40,.92); }

    .review-media iframe{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      border:0;
      display:block;
    }

    .review-meta{
      padding: .85rem 1rem 1rem;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: .8rem;
    }
    .review-label{
      font-size: .85rem;
      font-weight: 600;
      color: rgba(27,36,40,.85);
    }
    .review-hint{
      font-size: .7rem;
      color: rgba(89,91,86,.8);
      white-space: nowrap;
    }

    .reviews__bottom{
      margin-top: 1.2rem;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 1rem;
    }

    .reviews-progress{
      flex: 1 1 auto;
      height: 2px;
      background: rgba(27,36,40,.18);
      border-radius: 99px;
      overflow:hidden;
    }
    .reviews-progress__bar{
      height: 100%;
      width: 0%;
      background: rgba(27,36,40,.85);
      border-radius: 99px;
      transition: width .25s ease;
    }

    .reviews-arrows{
      display:flex;
      align-items:center;
      gap: .8rem;
      flex: 0 0 auto;
    }

    .reviews-btn{
      width: 2.7rem;
      height: 2.7rem;
      border-radius: 999px;
      border: 1px solid rgba(27,36,40,.28);
      background: transparent;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      transition: transform .18s ease, background .18s ease, border-color .18s ease, opacity .18s ease;
    }
    .reviews-btn svg{ width: 1rem; height: 1rem; }
    .reviews-btn svg path{ stroke: rgba(27,36,40,.8); }
    .reviews-btn:active{ transform: scale(.96); }

    .reviews-btn--next{
      background: var(--dark);
      border-color: var(--dark);
    }
    .reviews-btn--next svg path{ stroke: #fff; }

    .reviews-btn.is-disabled{
      opacity: .35;
      pointer-events:none;
    }

    /* ======================== FAQ (Accordion) ======================= */
    .faq{
      position: relative;
      z-index: 2;
      background: #fff;
      padding: 5rem 0 5.2rem;
    }
    .faq__head{
      text-align:center;
      margin-bottom: 2.2rem;
    }
    .faq__title{
      font-family: "Aurora Script", cursive;
      font-weight: 400;
      font-size: 4.6rem;
      line-height: 1;
      margin: 0;
      margin-top: 1rem;
    }

    .faq__list{
      border-top: 1px solid rgba(27,36,40,.28);
    }

    .faq-item{
      display:grid;
      grid-template-columns: 6.5rem 1fr;
      gap: 2rem;
      padding: 1.9rem 0;
      border-bottom: 1px solid rgba(27,36,40,.28);
      align-items:start;
    }
    .faq-num{
      font-family: "Aurora Script", cursive;
      font-weight: 400;
      font-size: 2.6rem;
      line-height: 1;
      padding-top: .25rem;
      white-space: nowrap;
      color: rgba(27,36,40,.95);
    }

    .faq-main{ min-width: 0; }

    .faq-btn{
      width: 100%;
      background: transparent;
      border: 0;
      padding: 0;
      cursor: pointer;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 1.2rem;
      text-align:left;
    }
    .faq-q{
      font-size: 1.05rem;
      font-weight: 400;
      color: rgba(27,36,40,.92);
      line-height: 1.35;
      min-width: 0;
      word-break: break-word;
    }
    .faq-ico{
      flex: 0 0 auto;
      width: 1.5rem;
      height: 1.5rem;
      display:flex;
      align-items:center;
      justify-content:center;
      opacity: .9;
      transform: rotate(0deg);
      transition: transform .25s ease, opacity .25s ease;
    }
    .faq-ico svg{ width: 1.3rem; height: 1.3rem; }
    .faq-ico svg path{
      stroke: rgba(27,36,40,.85);
      stroke-width: 2;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .faq-a-wrap{
      overflow:hidden;
      max-height: 0px;
      transition: max-height .35s cubic-bezier(.2,.9,.2,1);
    }
    .faq-a{
      padding-top: .9rem;
      color: rgba(89,91,86,.92);
      font-size: .95rem;
      line-height: 1.55;
      max-width: 62rem;
    }

    .faq-item.is-open .faq-ico{ transform: rotate(180deg); opacity: 1; }

    .faq-cta{
      text-align:center;
      padding-top: 2.4rem;
    }
    .faq-cta__t{
      margin: 0 0 1rem;
      color: rgba(27,36,40,.85);
      font-size: .95rem;
    }

    /* ======================== CONTACTS / CTA ======================= */
    .contacts{
      position: relative;
      z-index: 2;
      background: #fff;
      padding: 0 0 5.2rem;
    }

    .contacts__stage{
      position: relative;
      border-radius: 2.2rem;
      overflow: hidden;
      min-height: 30rem;
      box-shadow: 0 2.0rem 4.0rem rgba(27,36,40,.10);
      border: 1px solid rgba(27,36,40,.08);
      background: #f2f2f2;
    }

    .contacts__bg{
      position:absolute;
      inset:0;
      background: #e0c8c9;
    }
    .contacts__bg img{
      width:100%;
      height:100%;
      object-fit: cover;
      object-position: center;
      opacity: .85;
      filter: saturate(.95) contrast(1.02);
    }

    .contacts__content{
      position: relative;
      z-index: 2;
      display:grid;
      grid-template-columns: 1fr 38rem;
      gap: 2.4rem;
      padding: 3.2rem;
      align-items: start;
      min-height: 30rem;
    }

    .contacts__left{
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      min-height: 100%;
      padding-right: 1rem;
      align-items: center;
    }

    .contacts__title{
      font-family: "Aurora Script", cursive;
      font-weight: 400;
      font-size: 4.6rem;
      line-height: 1;
      margin: 0 0 2.2rem;
      color: rgba(255, 255, 255, .92);
    }

    .contacts__list{
      margin-top: auto;
      display:flex;
      flex-direction:column;
      gap: 1.05rem;
      padding-bottom: .4rem;
    }

    .c-item{
      display:flex;
      align-items:center;
      gap: 1rem;
      color: rgba(255,255,255,.92);
      font-size: .95rem;
      line-height: 1.35;
    }

    .c-ico{
      width: 2.0rem;
      height: 2.0rem;
      border-radius: 999px;
      background: rgb(27 36 40);
      display:flex;
      align-items:center;
      justify-content:center;
      flex: 0 0 auto;
      box-shadow: 0 .75rem 1.6rem rgba(0,0,0,.10);
    }
    .c-ico img{ width: 1.0rem; height: 1.0rem; object-fit: contain; }

    .contacts__card{
      background: rgba(255,255,255,.96);
      border-radius: 1.6rem;
      padding: 2.2rem 2.2rem 2rem;
      box-shadow: 0 1.7rem 3.4rem rgba(27,36,40,.12);
      border: 1px solid rgba(27,36,40,.08);
      max-width: 100%;
    }

    .contacts__card h3{
      margin: 0 0 .6rem;
      font-size: 1.35rem;
      font-weight: 700;
      color: rgba(27,36,40,.95);
    }
    .contacts__card p{
      margin: 0 0 1.6rem;
      color: rgba(89,91,86,.92);
      font-size: .9rem;
      line-height: 1.45;
/*       max-width: 28rem; */
    }

    .form-grid{
      display:grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.2rem 2.2rem;
      margin-bottom: 1.2rem;
    }
    .field{
      display:flex;
      flex-direction:column;
      gap: .45rem;
    }
    .label{
      font-size: .75rem;
      color: rgba(89,91,86,.9);
    }
    .line-input{
      border: 0;
      border-bottom: 1px solid rgba(27,36,40,.45);
      padding: .75rem 0 .55rem;
      background: transparent;
      outline: none;
      font-size: .95rem;
      color: rgba(27,36,40,.92);
    }
    .line-input::placeholder{ color: rgba(89,91,86,.55); }

    .select-wrap{
      grid-column: 1 / -1;
      position: relative;
    }
    .select-wrap select{
      /* width(animated: none); */
      width: 100%;
      appearance: none;
      -webkit-appearance: none;
      border: 0;
      border-bottom: 1px solid rgba(27,36,40,.45);
      padding: .9rem 2.0rem .55rem 0;
      background: transparent;
      outline: none;
      font-size: .95rem;
      color: rgba(27,36,40,.92);
      cursor:pointer;
    }
    .select-wrap::after{
      content:"";
      position:absolute;
      right: .2rem;
      top: 55%;
      width: 1rem;
      height: 1rem;
      transform: translateY(-50%);
      background: url("<?php echo get_stylesheet_directory_uri(); ?>/img/Vector.svg") center / contain no-repeat;
      opacity: .85;
      pointer-events:none;
    }

    .radio-row{
 grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: flex-start !important;
    gap: 1.4rem;
    flex-wrap: wrap;
    padding-top: .2rem;
    }
    .radio-title{
      width: 100%;
      font-size: .75rem;
      color: rgba(89,91,86,.9);
      margin-bottom: .2rem;
    }
    .r-item{
      display:flex;
      align-items:center;
      gap: .55rem;
      font-size: .85rem;
      color: rgba(89,91,86,.95);
      white-space: nowrap;
    }
    .r-item input{
      width: .95rem;
      height: .95rem;
      accent-color: var(--dark);
    }

    .msg{
      grid-column: 1 / -1;
      margin-top: .6rem;
    }
    textarea.line-input{
      resize: none;
      min-height: 3.6rem;
      padding-top: .95rem;
    }

    .contacts__submit{
      margin-top: 1.5rem;
      display:flex;
      align-items:center;
      justify-content:flex-start;
		
    }
    .contacts__submit .btn{
      padding: 1.05rem 2.3rem;
      font-size: .85rem;
      letter-spacing: .06em;
    }

    /* ======================== FOOTER ======================= */
    .footer{
      background: var(--footer);
      color: rgba(255,255,255,.92);
      padding: 2.2rem 0 1.5rem;
      position: relative;
      z-index: 2;
    }

    .footer__top{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 2rem;
      padding: 1rem 0 1.3rem;
    }
.contacts__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    padding-right: 1rem;
    align-items: flex-start;
}

    .footer-social{
      display:flex;
      align-items:center;
      gap: .75rem;
    }
    .footer-social a{
      width: 2.35rem;
      height: 2.35rem;
      border-radius: 999px;
      background: rgba(223,194,195,.9);
      display:flex;
      align-items:center;
      justify-content:center;
      box-shadow: 0 1.0rem 2.2rem rgba(0,0,0,.22);
    }
    .footer-social img{ width: 1.15rem; height: 1.15rem; object-fit: contain; }

    .footer-logo{
      display:flex;
      align-items:center;
      justify-content:center;
      flex: 1 1 auto;
      min-width: 0;
          margin-right: -14rem;
    }
    .footer-logo img{
      width: 10rem;
      max-width: 100%;
      object-fit: contain;
    }

    .footer-news{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap: .6rem;
      min-width: 22rem;
    }
    .news-input{
      position: relative;
      width: 100%;
      max-width: 22rem;
      height: 2.45rem;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.35);
      background: rgba(255,255,255,.06);
      display:flex;
      align-items:center;
      gap: .55rem;
      padding: 0 .55rem 0 1.0rem;
    }
    .news-ico{
      width: 1.05rem;
      height: 1.05rem;
      opacity: .75;
      flex: 0 0 auto;
    }
    .news-ico svg{ width: 1.05rem; height: 1.05rem; }
    .news-ico svg path{ stroke: rgba(255,255,255,.8); stroke-width: 2; fill:none; }

    .news-input input{
      flex: 1 1 auto;
      border: 0;
      outline: none;
      background: transparent;
      color: rgba(255,255,255,.92);
      font-size: .8rem;
      padding: 0;
      min-width: 0;
    }
    .news-input input::placeholder{ color: rgba(255,255,255,.55); }

    .news-btn{
      width: 2.05rem;
      height: 2.05rem;
      border-radius: 999px;
      background: rgba(223,194,195,.9);
      border: 0;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      flex: 0 0 auto;
    }
    .news-btn img{ width: 1rem; height: 1rem; object-fit: contain; }

    .footer__nav{
      border-top: 1px solid rgba(255,255,255,.18);
      border-bottom: 1px solid rgba(255,255,255,.18);
      padding: .95rem 0;
    }
    .footer-menu{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 1.2rem;
      font-size: .8rem;
      color: rgba(255,255,255,.9);
      flex-wrap: wrap;
    }
    .footer-menu a{ opacity: .95; }

    .footer__bottom{
      padding-top: 1rem;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap: 1rem;
      color: rgba(255,255,255,.75);
      font-size: .75rem;
    }

    /* ===== Mobile ===== */
    @media (max-width: 600px){
      html{ font-size: clamp(14px, calc(100vw / 24.375), 18px); }

      .container,
      .hero-wrap{
        width: 100%;
        margin: 0 auto;
        padding: 0 1.125rem;
      }

      .header{
    z-index: 80;
  }

		.blog__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 28px;
    flex-direction: column !important;
}
      .nav{ display:none; }
      .burger{ display:flex; }
      .header{ padding: 1rem 0 0; }

      .decor-flower{
        width: 14rem;
        right: 0;
        top: 27.5rem;
        transform: translateX(40%);
        opacity: .9;
      }

   
  .contacts__card h3,
  .contacts__card p{
/*     text-align: center; */
  }

  /* якщо хочеш, щоб абзац виглядав акуратніше по ширині */
  .contacts__card p{
    margin-left: auto;
    margin-right: auto;
  }



      .hero{ padding: 1.2rem 0 2.2rem; }
      .hero__grid{ grid-template-columns: 1fr; row-gap: 1.2rem; }

      .hero-media{ width: 100%; }
      .hero-media img{ height: 16.5rem; object-fit: contain; margin-left: -1.2rem; }

      .script-line{
        font-size: 3.1rem;
        gap: 1.4rem;
        flex-wrap: wrap;
        margin-bottom: .35rem;
      }

      .hero-title{ font-size: 2.2rem; margin-bottom: .8rem; }
      .hero-sub{ font-size: .95rem; max-width: 22.5rem; margin-bottom: 1rem; line-height: 1.35; }

      .btn{
        width: 100%;
        max-width: 22.5rem;
        margin: 0 auto;
        display:flex;
        padding: .95rem 1.3rem;
        font-size: .85rem;
        min-height: 44px;
      }

      .founder{ padding: 2.6rem 0 3.2rem; }
      .founder__grid{ grid-template-columns: 1fr; gap: 1.6rem; }
      .founder__title{ font-size: 2.9rem; margin-bottom: .85rem; }
      .founder__text{ font-size: .95rem; }

      .founder__portrait{ border-radius: 0 8rem 0 0; }
      .founder__portrait img{ height: 18.5rem; display: none; }

      .founder__left-image{ border-radius: 8rem 0 0 0; }
      .founder__left-image img{ height: 100%; }

      .founder__small{ border-radius: 0 0 8rem 0; }
/*       .founder__small img{ height: 10.5rem; } */

      .mobile-menu{
        padding-top: 5.8rem;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
      }

      .certs{ padding: 3.6rem 0 3.6rem; }
      .certs__script{ font-size: 3rem; }
      .certs__big-bg{
        display: none;
        width: 100%;
        padding: 0 1.125rem;
        font-size: 3.9rem;
        letter-spacing: .12em;
        top: 58%;
        gap: 6.2rem;
      }
      .footer-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 0rem;
}
      .certs__flower-left{ width: 7rem; transform: translate(-55%, -18%); top:4rem; left: 3rem; }
      .certs__flower-right{ width: 16.5rem; transform: translate(55%, 45%); }
      .certs__cards{ width: 19rem; height: 24.5rem; }
      .cert-card.pos1{ transform: translate(1.05rem, 1.05rem) rotate(10deg) scale(.985); }
      .cert-card.pos2{ transform: translate(2.05rem, 2.0rem) rotate(15deg) scale(.965); }
      .cert-card.pos3{ transform: translate(3.0rem, 2.8rem) rotate(18deg) scale(.945); }

      .practices{ padding: 3.2rem 0 3.2rem; }
      .practices__title{ font-size: 3.1rem; }
      .practices__sub{ font-size: .9rem; max-width: 22.5rem; }
      .practices__flower-right{ width: 14.5rem; top: -10rem; right: -6rem; }
      .practice{
        grid-template-columns: 4.8rem 1fr;
        gap: 0.5rem 0rem;
        padding: 1.5rem 0;
      }

      .practice {
    display: grid;
    align-items: center;

}

       .founder__right{
     
      gap: 0rem;
    }
      .practice__num{ font-size: 2.1rem; padding-top: .1rem; }
      .practice__name{ font-size: 1.1rem; gap: .45rem; }
      .practice__name .script{ font-size: 1.35rem; }
      .practice__desc{
        grid-column: 1 / -1;
        margin-top: .3rem;
        font-size: .9rem;
        line-height: 1.55;
      }
      .tariff--featured .tariff__btn {

    margin-left: 0rem;
}

.pricing__grids{
      display:grid;
              grid-template-columns: 1fr !important;
    }

      .format{ padding: 3.2rem 0 3.6rem; }
      .format__title{ font-size: 3.1rem; margin-bottom: 1.6rem; }
      .format__grid{ grid-template-columns: 1fr; gap: 1.2rem; }
      .format-card__media{ height: 12.8rem; margin: .95rem .95rem .75rem; border-radius: 1.1rem; }
      .format-card__bottom{ padding: 0 .95rem 1rem; }
      .format-card__name{ font-size: 1.15rem; }
		
		
		.pricing__panel {
    background: rgb(221 195 196 / 0%) !important;
    border-radius: 1.8rem;
    padding: 3.1rem 1.1rem 2.7rem;
    overflow: visible !important;
    border: 1px solid rgba(255, 255, 255, .35);
    box-shadow: none !important;
}
		
		
		.contacts__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    padding-right: 1rem;
    align-items: center;
}
		
		

      .pricing{ padding: 3.4rem 0 3.8rem; }
      .pricing__title{ font-size: 3.2rem; }
      .pricing__panel{ padding: 1.35rem 1.1rem 1.35rem; border-radius: 1.35rem; }
      .pricing__grid{ grid-template-columns: 1fr; gap: 1.05rem; }
      .tariff{ min-height: auto; border-radius: 1.5rem; padding:1rem; background-color: #e0c8c9; }
      .tariff--featured{ padding: 1.4rem 1.15rem 1.2rem; }
      .tariff__btn{ width: 100%; }

      .reviews{ padding: 3.2rem 0 3.4rem; }
      .reviews__grid{ grid-template-columns: 1fr; gap: 1.4rem; display: grid; justify-items: center; }
      .reviews__left{ min-height: 0; }
      .reviews__title{ font-size: 3.1rem; }

      .reviews__flower-left{
        display: none;
        position: relative;
        left: 0;
        top: 0;
        width: 12.5rem;
        margin-top: .8rem;
        margin-left: -1.0rem;
      }

      article.tariff:hover {
      padding: 1rem;
      }

      .radio-row {

    gap: 1rem;

}

      
.contacts__submit{
    margin-top: 1.5rem;
        display: flex;
        align-items: stretch;
        justify-content: space-evenly;
        justify-content: space-around;
        flex-direction: column;
    }
      .reviews__right{ max-width: 22.5rem; margin: 0 auto; }
      .reviews__viewport{ max-width: 22.5rem; margin: 0 auto; }
      .reviews-track{ --per: 1; --gap: 1rem; }
      .review-media{ height: 22rem; }
      .review-meta{ padding: .75rem .9rem .9rem; }
      .review-hint{ font-size: .68rem; }
      .reviews-btn{ width: 2.55rem; height: 2.55rem; }
      .yt-play{ width: 3.9rem; height: 3.9rem; }

      /* FAQ моб */
      .faq{ padding: 3.4rem 0 3.6rem; }
      .faq__title{ font-size: 3.2rem; }
      .faq-item{ grid-template-columns: 4.8rem 1fr; gap: 0rem; padding: 1.35rem 0; }
      .faq-num{ font-size: 2.1rem; }
      .faq-q{ font-size: .95rem; }
      .faq-a{ font-size: .9rem; }

      /* Contacts моб */
      .contacts{ padding-bottom: 3.6rem; }
      .contacts__stage{ border-radius: 1.6rem; }
      .contacts__content{
        grid-template-columns: 1fr;
        padding: 1.25rem;
		  padding-top:2rem;
        gap: 1.1rem;
      }
      .contacts__title{ font-size: 3.2rem; margin-bottom: .6rem; }
      .contacts__left{ padding-right: 0; }
      .contacts__list{
        margin-top: 1rem;
        gap: .85rem;
        padding-bottom: 0;
      }
      .c-item{ font-size: .9rem; }
      .contacts__card{ padding: 1.4rem 1.2rem 1.2rem; border-radius: 1.3rem; }
      .form-grid{ grid-template-columns: 1fr; gap: 1.0rem; }
      .footer__top{ flex-direction: column; align-items: center; gap: 1.1rem; }
      .footer-news{ min-width: 0; width: 100%; justify-content:center; }
      .news-input{ max-width: 24rem; }
      .footer-menu{ justify-content:center; }
      .footer__bottom{ flex-direction: column; align-items:center; text-align:center; }
    }

















/* ===== BLOG ===== */
.blog{ padding: 90px 0 40px; }
.blog__head{
  display:flex; align-items:flex-end; justify-content:space-between; gap:16px;
  margin-bottom: 28px;
}
.blog__title{
  font-size: 44px; line-height: 1.05;
  margin: 0;
}
.blog__all{
  display:inline-flex; gap:10px; align-items:center;
  text-decoration:none;
  color: var(--dark);
  border-bottom: 1px solid rgba(27,36,40,.25);
  padding-bottom: 4px;
}
.blog__all:hover{ opacity:.8; }

.blog__grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.blog-card{
  background: var(--panel);
  border: 1px solid rgba(255, 255, 255, .20);
  border-radius: 26px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height: 100%;
}

.blog-card__excerpt {
    color: #ffffff !important;
  
}

.blog-card__media{
  position:relative;
  display:block;
  aspect-ratio: 16/10;
  overflow:hidden;
}
.blog-card__media img{
  width:100%; height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1);
  transition: transform .35s ease;
}
.blog-card:hover .blog-card__media img{ transform: scale(1.04); }

.blog-card__tag{
  position:absolute;
  left: 14px; top: 14px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(27,36,40,.18);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
}

.blog-card__body{
  padding: 18px 18px 16px;
  display:flex;
  flex-direction:column;
  gap: 10px;
}

.blog-card__meta{
  font-size: 13px;
  opacity: .75;
}

.blog-card__title{
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
}
.blog-card__title a{
  color: var(--dark);
  text-decoration:none;
}
.blog-card__title a:hover{ opacity:.85; }

.blog-card__excerpt{
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.45;
  min-height: 3.9em;
}

.blog-card__btn{
  margin-top: 6px;
  display:inline-flex; gap:10px; align-items:center;
  text-decoration:none;
  color: var(--dark);
  font-weight: 600;
}

.blog__empty{ opacity:.8; }

/* responsive */
@media (max-width: 980px){
  .blog__grid{ grid-template-columns: 1fr; }
  .blog__title{ font-size: 34px; }
}
/* ===== BLOG: білий текст ===== */
.blog,
.blog *{
  color: #fff !important;
}

/* посилання "Дивитись всі" + підкреслення */
.blog__all{
  border-bottom-color: rgba(255,255,255,.45) !important;
}
.blog__all:hover{ opacity:.85; }

/* трохи м’якше для дати/опису */
.blog-card__meta{ opacity: .75; }
.blog-card__excerpt{ color: rgba(255,255,255,.82) !important; }

/* кнопка "Читати" */
.blog-card__btn{ color:#fff !important; }

/* ВАЖЛИВО: бейдж категорії лишаємо темним, щоб було видно на світлому фоні */
.blog-card__tag{
  color: #fff !important;
}
/* BLOG title як "Контакти" */
.blog__title{
  font-family: "Aurora Script" !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;

  /* розмір як у "Контакти" (адаптивно) */
  font-size: clamp(64px, 6vw, 150px) !important;
  line-height: .9 !important;

  color: #fff !important;
  margin: 0 !important;
}

/* щоб заголовок і "Дивитись всі" гарно вирівнювались */
.blog__head{
  align-items: center;
}
section.post {
    margin-bottom: 5rem;
}
































/**/

.blog-archive { padding: 40px 0 90px; }

.blog-hero { padding: 10px 0 28px; }
.blog-hero__title{
  margin: 0;
  color:#1b2428;
  font-size: clamp(36px, 4vw, 64px);
  line-height: 1.02;
  font-family: "Aurora Script", cursive;
  font-weight: 400;
  letter-spacing: .5px;
}
.blog-hero__sub{ margin-top: 10px; color: rgba(255,255,255,.85); max-width: 900px; }

.blog-cards{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
  margin-top: 18px;
}
@media (max-width: 900px){
  .blog-cards{ grid-template-columns: 1fr; }
}

.post-card{
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.20);
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(6px);
}

.post-card__media{
  position: relative;
  display:block;
  aspect-ratio: 16/9;
  overflow:hidden;
}
.post-card__media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
}
.post-card__ph{
  width:100%;
  height:100%;
  background: rgba(255,255,255,.08);
}

.post-card__cat{
  position:absolute;
  top: 14px;
  left: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1;
  color:#1b2428;
  background: rgba(255,255,255,.28);
  border: 1px solid rgba(255,255,255,.35);
  backdrop-filter: blur(6px);
}

.post-card__body{
  padding: 18px 18px 16px;
  color:#fff;
}
.post-card__date{
  font-size: 14px;
  color: #1b2428;
  margin-bottom: 8px;
}
.post-card__title{
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.15;
}
.post-card__title a{ color:#1b2428; text-decoration:none; }
.post-card__excerpt{
  margin: 0 0 16px;
  color: #1b2428 !important ;
  font-size: 16px;
  line-height: 1.45;
}

.post-card__more{
  display:inline-flex;
  gap: 8px;
  align-items:center;
  color:#1b2428;
  font-weight: 600;
  text-decoration:none;
  font-size: 18px;
}
.post-card__more:hover{ opacity:.9; }

.blog-pagination{
  margin-top: 22px;
}
.blog-pagination .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 42px;
  height: 42px;
  border-radius: 999px;
  margin-right: 8px;
  color:#fff;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.10);
  text-decoration:none;
}
.blog-pagination .page-numbers.current{
  background: rgba(255,255,255,.22);
}
.blog-empty{ color:#fff; opacity:.85; }














/*  */
/* CF7: прибрати системні відступи/переноси */
.contacts__card .wpcf7 form p{
  margin: 0;
  padding: 0;
}
.contacts__card .wpcf7 form br{ display:none; }
.contacts__card .wpcf7-form-control-wrap{ display:block; }

/* textarea в CF7 часто стає дуже високим */
.contacts__card textarea.line-input{
  min-height: 3.6rem;
  height: 3.6rem;
  resize: none;
}

/* submit від CF7 — це input, але ми дали class:btn */
.contacts__card input.btn{
  border: 0;
  -webkit-appearance: none;
  appearance: none;
}

/* радіо CF7: нормальний вигляд як у твоїх .r-item */
.contacts__card .radio-row .wpcf7-list-item{
  margin: 0 1.4rem 0 0;
}
.contacts__card .radio-row .wpcf7-list-item label{
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  font-size: .85rem;
  color: rgba(89,91,86,.95);
}
.contacts__card .radio-row input[type="radio"]{
  width: .95rem;
  height: .95rem;
  accent-color: var(--dark);
}

/* помилки CF7, щоб не ламали верстку */
.contacts__card .wpcf7-not-valid-tip{
  font-size: .75rem;
  margin-top: .35rem;
}
.contacts__card .wpcf7-response-output{
  margin: 1rem 0 0;
  border-radius: 12px;
}



/* FIX: щоб grid і поля не вилазили вправо */
.form-grid{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden; /* страховка */
}

.form-grid > *{
  min-width: 0; /* ключове для grid */
}

/* CF7 wrappers інколи ламають ширину */
.form-grid .wpcf7-form-control-wrap{
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.form-grid input.line-input,
.form-grid textarea.line-input,
.form-grid select{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}