/** Shopify CDN: Minification failed

Line 270:17 Expected identifier but found whitespace
Line 270:18 Unexpected "15px"
Line 337:0 Expected "}" to go with "{"

**/
/* Base + Theme inheritance */
 :root {
  --reveal-distance: 26px;
  --reveal-duration: .6s;
  --reveal-ease: cubic-bezier(.22,.61,.36,1);
}

.reveal {
  opacity: 0;
  transform: translateY(var(--reveal-distance));
  transition:
    opacity var(--reveal-duration) var(--reveal-ease),
    transform var(--reveal-duration) var(--reveal-ease);
  will-change: opacity, transform;
}

.reveal--visible {
  opacity: 1;
  transform: translateY(0);
}

/* Ступенчатая очередность (проставляется инлайном или data-атрибутом) */
[data-reveal-delay] { transition-delay: var(--reveal-delay, 0s); }

/* Уважение prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  .reveal, .reveal--visible {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

.luxera { color: #111; font-family: var(--font-body-family, ui-sans-serif, system-ui); }
.luxera h1,.luxera h2,.luxera h3,.luxera .h1,.luxera .h2,.luxera .h3 { font-family: var(--font-heading-family, inherit); }
:root { --page-width: var(--page-width, 1200px); --accent: var(--color-accent, #111); --muted: color-mix(in srgb, currentColor 70%, transparent); }
@supports not (color: color-mix(in srgb, black 50%, white)) { .luxera { --muted: rgba(0,0,0,7); } }

/* Layout helpers */
.container { max-width: var(--page-width); margin-inline:auto; padding-inline: 24px; }
.grid { display:grid; gap: 24px; }
@media (max-width: 768px){ .grid {gap: 0;}}
.hero-block { grid-template-columns: 1fr; display: flex; align-items: center; justify-content: center; margin-bottom: 50px;} 
.grid-5 {  display: flex;
            flex-wrap: wrap;
            gap: 24px;                
            justify-content: center; 
            /* background: linear-gradient(135deg, #faf5ff, #fff 55%, #ddc5e0); */
            
} 
@media (max-width: 768px){ .grid-5 {display: grid; grid-template-columns: repeat(2,1fr); gap: 15px;}}
.service {display: flex; 
          flex-direction: column;
          align-items: center;}
.align-stretch { align-items: stretch; }
@media (max-width: 1024px){ .hero-block{ grid-template-columns: 1fr 1fr } .grid-4{ grid-template-columns: repeat(2,1fr) } }

@media (max-width: 768px){ .hero-block{ flex-direction: column; margin-bottom: 0;} .grid-4{ grid-template-columns: repeat(2,1fr) } }
/* @media (max-width: 1024px){ .grid-4{ grid-template-columns: repeat(4,1fr) } .grid-5{ grid-template-columns: repeat(5,1fr) } } */

/* Typography */
.h1{ font-size: 52px; line-height: 1.15; font-weight: 600; }
 @media (max-width: 1024px){ .h1{font-size: 42px; line-height: 0.75; font-weight: 600;}}
 @media (max-width: 768px){ .h1{font-size: 28px; line-height: 0.75; font-weight: 600; margin-bottom: 20px;}}
 
.h2 { font-size: clamp(24px, 3.5vw, 48px); line-height: 1.2; font-weight: 600; text-align: center; margin-bottom: 0;}
@media (max-width: 768px){ .h2 {font-size: 18px;}}
.h4{ font-size: clamp(20px, 2.5vw, 24px); font-weight: 600; }
.h5{ font-size: 18px; font-weight: 600; }
.h6{ font-size: 24px; font-weight: 600; text-align: center;}
@media (max-width: 768px){ .h6 { font-size: 18px;}}
.lead{ font-size: 24px; max-width: 560px; }
@media (max-width: 768px){ .lead { font-size: 18px; text-align: center;}}
.lead-text {font-size: 18px; max-width: 560px; }
@media (max-width: 768px){ .lead-text { font-size: 15px; text-align: center; }}
.muted{ color: var(--muted); text-align: center; font-size: 16px;}
@media (max-width: 768px){ .muted { font-size: 14px}}
.note{ font-size: 12px; color: var(--muted); margin-top: 0; margin-bottom: 50px;}
@media (max-width: 768px){ .nove { margin-bottom: 30px;}}
.p-24{ padding: 24px; }
/* .p {max-width: 700px;} */

/* Hero */
.hero{ position:relative; display: flex; align-items: center; background: linear-gradient(135deg, #faf5ff, #fff 55%, #b893af); padding-block: 48px; min-height:580px }
@media (max-width: 768px){ .hero {display: block; min-height:500px}}
.hero__copy {margin-right: 150px;} 
 @media (max-width: 768px){ .hero__copy{ margin-right: 0; display: flex; flex-direction: column; align-items: center;}}
 /* .hero-mobile {display: none;} */
 /* @media (max-width: 768px){.hero-mobile {display: block;}} */
 .hero-img {width: 600px; height: 600px;}
  @media (max-width: 768px){ .hero-img {width: 300px; height: 300px;}}


.actions { padding-top: 60px; display: flex; flex-wrap: wrap; gap: 30px; }
@media (max-width: 768px){ .actions {display:flex; gap: 15px; padding-top: 20px;}}


/* Section scaffolding */
.section{ padding-block: 60px; }

.section--tint{ background: #f8fafc; border-block: 1px solid rgba(0,0,0,.06); }
.section--soft{ background: linear-gradient(135deg, #d0bacb66); border-top: 1px solid rgba(0,0,0,.06); }
.section__head{ margin-bottom: 40px; }
@media (max-width: 768px){ .section__head { margin-bottom: 20px;}}
.steps {display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;            
  align-items: start;}
/* .pill{ border:1px solid rgba(0,0,0,.12); border-radius: 12px; padding:8px; display:inline-flex; align-items:center; justify-content:center; } */
.steps .pill svg{ width:20px; height:20px; }
.step { text-align: center; padding: 0 12px;}
.service-h2 {max-width: 700px; margin-bottom: 40px;}
@media (max-width: 768px){ .service-h2 {font-size: 22px; max-width: 300px;}}
.service-text {  color: var(--muted); text-align: center; font-size: 16px; max-width: 700px;}


/* Cards */
/* .card{  flex: 0 0 calc((100% - 2 * 24px) / 3); display: flex; flex-direction: column; align-items: center; } */
.card {max-width: 400px; }
.card__head{ border-bottom:1px solid rgba(0,0,0,.06); padding:16px 20px; display:flex; align-items:center; gap:12px; flex-direction: column; min-height: 218px;}
@media (max-width: 768px){ .card__head {min-height: 180px}}
.card__body{ padding:10px; }
.card-steps { display: flex; flex-direction: column; max-width: 250px;}
/* @media (max-width: 768px){ .card-steps{ display: grid; grid-template-columns: repeat(2,1fr)}} */
@media (max-width: 768px){ .card-steps--last {display: none;}} 
.card__foot{ border-top:1px solid rgba(0,0,0,.06); padding:16px 20px; }
.card--hero .card__body{ padding: 60px; }
.prising { display: flex; align-items: center; justify-content: space-between;}
@media (max-width: 768px){ .prising{ flex-direction: column}}
.prising-card { max-width: 400px; }
.prising__head {display:flex; align-items:center; gap:12px; flex-direction: column; min-height: 160px; max-width: 500px; padding-left: 60px; }
@media (max-width: 768px){ .prising__head { padding-left: 0; margin-bottom: 30px;}}
.prising__body {padding:20px;}
.prising__title {font-size: 36px; font-weight: 600; border-bottom: solid 1px #d8d8d8}
@media (max-width: 768px){ .prising__title {font-size: 30px;}}
.prising__block { display: flex; align-items: center; justify-content: space-between;}
.prising__block:last-of-type { margin-bottom: 30px;}
.features-small { padding-top: 60px; display:flex; justify-content: center;}
.features { display:flex; width: 100%; gap: 70px; justify-content: center; }
.feature{ display:flex;}
.feature__icon svg{ width:24px; height:24px; }

.kv{ display:flex; justify-content:space-between; gap:12px; font-size:18px; padding:6px 0; }
@media (max-width: 768px){ .kv {font-size: 14px;}}
.icon-inline{ width:18px; height:18px; vertical-align:middle; margin-right:6px; }

/* Buttons */
.btn{ appearance:none; border:1px solid transparent; padding:10px 16px; border-radius: 14px; font-weight: 600; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; transition: opacity .15s ease, background .15s ease, color .15s ease, border-color .15s ease; }
.btn--brand{ background: var(--accent); color: var(--color-button-text, #fff); }
.btn--brand:hover{ opacity:.9; }
.btn--outline{ background: transparent; border-color: rgba(0,0,0,.15); color: inherit; }
.btn--outline:hover{opacity:.9; }
.btn--light{ background:#fff; color:#111; }
.btn--ghost{ background: transparent; color:#fff; border:1px solid rgba(255,255,255,.6); }
.btn--ghost:hover{ background: rgba(255,255,255,.1); }
.btn--full{ width:100%; }


/* Lists */
.checklist{ list-style:none; padding:0; margin:16px 0; display:grid; gap:10px; }
.checklist li{ display:flex; gap:10px; align-items:flex-start; }
.checklist svg{ width:20px; height:20px; margin-top:2px; }

/* Form */
.form-text {margin: 0; text-align: center;}
.form__body { width: 50%; margin: 0 auto; margin-bottom: 15px;}
@media (max-width: 768px){ .form__body { width: 100%;}}
.form__grid{ display: grid;  grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px 20px; }
/* @media (min-width: 768px){ .form__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } } */
.field{ display:flex; flex-direction:column; gap:6px; }
.field--full{ grid-column: 1 / -1; }
.field__label{margin: 0; font-size: 14px; font-weight: 600; padding-left: 5px;}
.field__input {  width:100%; background:#fff; border:1px solid rgba(0,0,0,.16); border-radius: 10px; padding:10px 12px; font-size:14px;}
/* .field input[type="email"],
.field input[type="file"], */
.field textarea,
.select select{
  width:100%; background:#fff; border:1px solid rgba(0,0,0,.16); border-radius: 10px; padding:10px 12px; font-size:14px;
}
.select{ position:relative; }
.select::after{
  content:"▾"; position:absolute; right:12px; top:50%; transform:translateY(-50%); pointer-events:none; color: var(--muted);
}
.field input:focus,
.field textarea:focus,
.select select:focus{ outline:2px solid color-mix(in srgb, var(--accent) 35%, transparent); outline-offset:2px; }

/* choose */

.choose__block {
  grid-template-columns: 1fr; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  margin-bottom: 50px;
   gap: 30px;

   @media (max-width: 768px){ 
    display: grid;
    grid-template-columns: repeat(2,1fr);
   }
}

.choose__card {
  max-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.checkbox{
  display: inline-flex;      
  align-items: center;
  gap: 8px;                  
  cursor: pointer;
   white-space: nowrap; 
   padding-left: 10px;
} 

.checkbox__input {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0;                 
  accent-color: #3b82f6;     
}

.checkbox__text {
  line-height: 1.4;

  @media (max-width: 768px){ 
    font-size: 8px;
}
}




/* book */
.book{ background:#0f172a; color:#fff; padding-block: 40px; }
.book__inner{ display:flex; align-items:center; flex-wrap:wrap; justify-content: space-around;}
/* .book__title { margin-right: 100px;} */
@media (max-width: 768px){ .book__title {margin-bottom: 15px}}

.book__btn { padding-top: 0;}

/* Footer */
.footer{ background:#fff; padding-block: 24px; border-top: 1px solid rgba(0,0,0,.06); }

.luxera .page-width,
.luxera .container {
  max-width: 1440px;
  width: 100%;
  margin-inline: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* @media (min-width: 1300px) {
  .luxera .page-width,
  .luxera .container {
    /* max-width: 1440px; */
    padding-left: 15px;
    padding-right: 15px;
  }
} */

.hero .grid { align-items: center; }

.hero__media {
  max-height: 450px;
  max-width: 600px;              /* при необходимости подстрой */
  /* margin-left: auto;           */
  background-color: transparent;
  padding: 0;
  border: 0;
  box-shadow: none;

  @media (max-width: 768px){ 
    display: none;
  }
}

.hero__img {
  display: block;
  width: 100%;
    background-color: transparent;

  height: auto;
  border-radius: 16px;            /* можно изменить/убрать */
  box-shadow: none;
}

.replica {
  
  gap: 24px;
   display: flex; 
   align-items: center; 
   justify-content: center; 
   margin-bottom: 80px;

   @media (max-width: 768px){ 
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 40px;
 }
}

.replica-img{
  width: 600px;
  height: 600px;

  @media (max-width: 768px){ 
    width: 400px;
    height: 400px;
}

.icon { 
  display: inline-block;
  fill: currentColor;
  vertical-align: middle;
 

  @media (max-width: 768px){
    width: 40px;
    height: 40px;
  }
}