.elementor-kit-1171{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-1171 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================
   LUXURY 3.0 — MOBILE CTA + BUTTONS
   (works best on max-width: 900px)
========================================== */

@media (max-width: 900px){

  /* Центрируем обычные CTA в контенте */
  .gs-hero__cta{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
    margin-top:28px;
  }
  .gs-hero__cta .gs-btn{
    width:88%;
    max-width:360px;
    border-radius:22px;
    padding:16px 22px;
    text-align:center;
    font-weight:800;
    letter-spacing:.2px;
    position:relative;
    overflow:hidden;
    transition: transform .45s cubic-bezier(.22,.61,.36,1),
                box-shadow .45s cubic-bezier(.22,.61,.36,1),
                background .45s cubic-bezier(.22,.61,.36,1),
                color .45s cubic-bezier(.22,.61,.36,1),
                border-color .45s cubic-bezier(.22,.61,.36,1);
  }

  /* Primary luxury */
  .gs-btn--primary{
    background: linear-gradient(145deg,#c5a46d,#b8955c);
    border: 1px solid rgba(255,255,255,.25);
    box-shadow:
      0 18px 44px rgba(197,164,109,.40),
      0 10px 26px rgba(0,0,0,.18);
  }

  /* Ghost luxury glass */
  .gs-btn--ghost{
    background: rgba(255,255,255,.58);
    border: 1px solid rgba(0,0,0,.12);
    box-shadow: 0 12px 30px rgba(0,0,0,.10);
    backdrop-filter: blur(14px);
    color:#1f1f1f;
  }

  /* Hover / Focus */
  .gs-btn--primary:hover,
  .gs-btn--primary:focus{
    transform: translateY(-6px);
    box-shadow:
      0 26px 60px rgba(197,164,109,.52),
      0 14px 32px rgba(0,0,0,.22);
  }

  .gs-btn--ghost:hover,
  .gs-btn--ghost:focus{
    transform: translateY(-6px);
    background: linear-gradient(145deg,#c5a46d,#b8955c);
    color:#fff;
    border-color: transparent;
    box-shadow:
      0 24px 54px rgba(197,164,109,.38),
      0 12px 26px rgba(0,0,0,.18);
  }

  /* Press */
  .gs-btn:active{
    transform: translateY(-2px);
    box-shadow:
      0 10px 22px rgba(0,0,0,.18);
  }

  /* Световая волна (дорогой эффект) */
  .gs-btn--primary::before,
  .gs-btn--ghost::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:120%;
    height:100%;
    background: linear-gradient(
      120deg,
      transparent,
      rgba(255,255,255,.45),
      transparent
    );
    transition: left .9s ease;
    opacity:.85;
  }
  .gs-btn--primary:hover::before,
  .gs-btn--ghost:hover::before{
    left:120%;
  }

  /* ===== Sticky CTA panel ===== */
  .gs-sticky.gs-sticky--lux{
    display:flex;
    gap:12px;
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 9999;

    padding: 12px;
    border-radius: 22px;

    background: rgba(255,255,255,.68);
    border: 1px solid rgba(0,0,0,.10);
    box-shadow: 0 22px 70px rgba(0,0,0,.20);
    backdrop-filter: blur(16px);

    transform: translateY(18px);
    opacity: 0;
    pointer-events: none;
    transition: transform .55s cubic-bezier(.22,.61,.36,1),
                opacity .55s cubic-bezier(.22,.61,.36,1);
  }

  /* когда активен */
  .gs-sticky.gs-sticky--lux.is-on{
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
  }

  .gs-sticky.gs-sticky--lux .gs-btn{
    flex:1;
    width:auto;
    max-width:none;
    border-radius:18px;
    padding:14px 12px;
    font-size:14px;
    font-weight:900;
  }

  /* На очень узких экранах — кнопки в колонку */
  @media (max-width: 380px){
    .gs-sticky.gs-sticky--lux{
      flex-direction: column;
    }
  }

  /* Чтобы sticky не перекрывал контент внизу */
  .gs-hero.gs-pro{
    padding-bottom: 110px;
  }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .gs-sticky.gs-sticky--lux{
    transition:none;
  }
  .gs-btn{
    transition:none;
  }
  .gs-btn--primary::before,
  .gs-btn--ghost::before{
    display:none;
  }
}
/* ===== Block 2 (Services) — Mobile LUX patch ===== */
@media (max-width: 640px){

  /* больше воздуха сверху, но компактнее */
  .gs-services{ padding: 54px 0 !important; }

  /* Заголовок и подзаголовок — чуть ровнее */
  .gs-services h2{ font-size: 34px !important; line-height: 1.08 !important; }
  .gs-services__sub{ font-size: 15px !important; line-height: 1.55 !important; }

  /* Chips: по центру и чуть крупнее */
  .gs-services__chips{
    justify-content: flex-start !important;
    gap: 10px !important;
  }
  .gs-chip{
    font-size: 12.5px !important;
    padding: 9px 12px !important;
    border-radius: 999px !important;
  }

  /* Карточки: компактнее и аккуратнее */
  .gs-service{
    padding: 16px 16px 14px !important;
    border-radius: 22px !important;
  }
  .gs-service__top{ gap: 12px !important; }
  .gs-ico{
    width: 42px !important;
    height: 42px !important;
    border-radius: 16px !important;
  }
  .gs-ico svg{ width: 20px !important; height: 20px !important; }

  .gs-service h3{ font-size: 17px !important; }
  .gs-service p{ font-size: 14.5px !important; }

  /* Низ CTA: сделаем “дороже” */
  .gs-services__cta{
    padding: 18px 16px !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: 0 22px 70px rgba(0,0,0,.12) !important;
  }

  /* Кнопки в CTA: одинаковые и по центру */
  .gs-btns .gs-btn{
    width: 92% !important;
    max-width: 360px !important;
    border-radius: 22px !important;
    padding: 16px 18px !important;
    font-size: 14px !important;
  }
}/* End custom CSS */