/* Start:/local/templates/eopctica/assets/scss/main.css?178949247985872*/
.checklist{display:grid}.checklist--cols-2{grid-template-columns:repeat(2, 1fr)}.checklist--cols-3{grid-template-columns:repeat(3, 1fr)}.checklist--cols-4{grid-template-columns:repeat(4, 1fr)}@media(max-width: 1200px){.checklist{grid-template-columns:1fr}}.checklist__item{display:flex;flex-direction:column;padding:0 30px}.checklist__item:first-child{padding-left:0}.checklist__item:not(:first-child){border-left:1px solid var(--color-primary)}@media(max-width: 1200px){.checklist__item{padding:0;width:300px}.checklist__item:not(:first-child){border-left:none}.checklist__item:not(:first-child)::before{content:"";display:block;width:100%;height:1px;margin:20px 0;background-color:var(--color-primary)}}@media(max-width: 1200px)and (max-width: 768px){.checklist__item{width:100%}}.checklist__icon{display:flex;align-items:center;margin-bottom:20px;width:min-content;padding:12px;border-radius:100%;background-color:var(--color-accent-light)}@media(max-width: 1920px){.checklist__icon{margin-bottom:12px}}@media(max-width: 1200px){.checklist__icon{padding:8px}}@media(max-width: 768px){.checklist__icon{padding:10px}}.callout{position:relative;overflow:hidden;padding-block:170px 55px}@media(max-width: 1920px){.callout{padding-block:104px 36px}}@media(max-width: 1200px){.callout{padding-block:80px 28px}}@media(max-width: 768px){.callout{padding-block:108px}}.callout__decor{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.callout__circle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);aspect-ratio:1;border:1px solid var(--color-primary);border-radius:50%}.callout__circle:nth-child(1){width:1480px;opacity:.5}.callout__circle:nth-child(2){width:1300px;opacity:.4}.callout__circle:nth-child(3){width:1100px;opacity:.3}@media(max-width: 1920px){.callout__circle:nth-child(1){width:920px}.callout__circle:nth-child(2){width:810px}.callout__circle:nth-child(3){width:680px}}@media(max-width: 1200px){.callout__circle:nth-child(1){width:730px}.callout__circle:nth-child(2){width:660px}.callout__circle:nth-child(3){width:600px}}.callout__container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:42px}@media(max-width: 1920px){.callout__container{gap:26px}}.callout__title{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px}@media(max-width: 1920px){.callout__title{gap:10px}}.callout__accent{padding:10px 36px;background-color:var(--color-accent);border-radius:50px}@media(max-width: 1920px){.callout__accent{padding:6px 22px}}.callout__descr{display:flex;flex-direction:column;align-items:center;gap:25px;width:40%}@media(max-width: 1920px){.callout__descr{gap:16px}}@media(max-width: 1200px){.callout__descr{gap:12px;width:50%}}@media(max-width: 500px){.callout__descr{width:100%}}.callout__note{font-style:italic}.messengers{display:flex;flex-direction:column;gap:16px}@media(max-width: 1920px){.messengers{gap:10px}}.messengers__link{display:flex;flex-direction:row;justify-content:space-between !important;padding:20px 24px;color:#fff;transition:background-color .5s ease}@media(max-width: 1920px){.messengers__link{padding:12px 16px}}@media(max-width: 768px){.messengers__link{padding:18px 16px}}.messengers__link--telegram{background-color:#31a9df}.messengers__link--telegram:hover{background-color:#5ac3f3}.messengers__link--max{position:relative;isolation:isolate;background:linear-gradient(73.55deg, #44ccff 14.56%, #5533ee 51.58%, #9933dd 88.6%)}.messengers__link--max::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;border-radius:inherit;transition:opacity .5s ease;background:linear-gradient(73.55deg, #72d7fd 14.56%, #6c4fef 51.58%, #a945eb 88.6%)}.messengers__link--max:hover::before{opacity:1}.messengers__icon{flex-shrink:0;width:1.5em;height:auto}.request{padding-block:140px}@media(max-width: 1920px){.request{padding-block:90px}}@media(max-width: 1200px){.request{padding-block:70px}}@media(max-width: 768px){.request{padding-block:60px}}.request .callout__circle{top:50%;left:auto}.request .callout__circle:nth-child(-n+3){left:0;transform:translate(-50%, -50%)}.request .callout__circle:nth-child(n+4){right:0;transform:translate(50%, -50%)}.request .callout__circle:nth-child(1),.request .callout__circle:nth-child(4){width:900px;opacity:.5}@media(max-width: 1920px){.request .callout__circle:nth-child(1),.request .callout__circle:nth-child(4){width:560px}}@media(max-width: 1200px){.request .callout__circle:nth-child(1),.request .callout__circle:nth-child(4){width:460px}}@media(max-width: 768px){.request .callout__circle:nth-child(1),.request .callout__circle:nth-child(4){width:320px}}.request .callout__circle:nth-child(2),.request .callout__circle:nth-child(5){width:790px;opacity:.4}@media(max-width: 1920px){.request .callout__circle:nth-child(2),.request .callout__circle:nth-child(5){width:490px}}@media(max-width: 1200px){.request .callout__circle:nth-child(2),.request .callout__circle:nth-child(5){width:405px}}@media(max-width: 768px){.request .callout__circle:nth-child(2),.request .callout__circle:nth-child(5){width:280px}}.request .callout__circle:nth-child(3),.request .callout__circle:nth-child(6){width:670px;opacity:.3}@media(max-width: 1920px){.request .callout__circle:nth-child(3),.request .callout__circle:nth-child(6){width:415px}}@media(max-width: 1200px){.request .callout__circle:nth-child(3),.request .callout__circle:nth-child(6){width:340px}}@media(max-width: 768px){.request .callout__circle:nth-child(3),.request .callout__circle:nth-child(6){width:240px}}@media(max-width: 360px){.request .callout__decor{display:none}}.request__head{display:flex;flex-direction:column;align-items:center;gap:24px}@media(max-width: 1920px){.request__head{gap:14px}}.request__title{max-width:700px}@media(max-width: 1920px){.request__title{max-width:460px}}@media(max-width: 1200px){.request__title{max-width:440px}}@media(max-width: 768px){.request__title{max-width:400px}}.request__content{display:flex;flex-direction:column;gap:12px}@media(max-width: 1920px){.request__content{gap:8px}}.request__descr{max-width:640px}@media(max-width: 1920px){.request__descr{max-width:430px}}@media(max-width: 768px){.request__descr{max-width:400px}}.request__form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:790px}@media(max-width: 1920px){.request__form{gap:14px;max-width:520px}}@media(max-width: 1200px){.request__form{max-width:480px}}@media(max-width: 768px){.request__form{gap:16px;max-width:440px}}.request__fields{display:flex;flex-direction:column;gap:12px}@media(max-width: 1920px){.request__fields{gap:8px}}.request__input{width:100%;padding:20px 24px;border:none;border-radius:100px;background-color:#f3f3f3;color:var(--color-text);transition:background-color .2s ease}@media(max-width: 1920px){.request__input{padding:12px 16px}}@media(max-width: 768px){.request__input{padding:18px 16px}}.request__input::placeholder{color:rgba(83,83,83,.5)}.request__input:hover{background-color:#ededed}.request__input:focus{outline:1px solid var(--color-primary)}.request__input--invalid{outline:1px solid #c0392b}.request__input--select{padding-right:56px;appearance:none;-webkit-appearance:none;cursor:pointer}@media(max-width: 1920px){.request__input--select{padding-right:40px}}@media(max-width: 768px){.request__input--select{padding-right:44px}}.request__input--captcha{flex:1;min-width:0}.request__input--textarea{display:block;min-height:124px;border-radius:30px;resize:vertical}@media(max-width: 1920px){.request__input--textarea{min-height:80px;border-radius:20px}}@media(max-width: 768px){.request__input--textarea{min-height:90px}}.request__select{position:relative;display:flex;width:100%}.request__select-glyph{position:absolute;top:50%;right:24px;transform:translateY(-50%);width:14px;height:auto;color:var(--color-text);pointer-events:none}@media(max-width: 1920px){.request__select-glyph{right:16px;width:10px}}@media(max-width: 768px){.request__select-glyph{width:12px}}.request__addresses{display:flex;flex-direction:column;gap:12px;margin-block:10px 20px;padding-inline:24px;text-align:left}@media(max-width: 1920px){.request__addresses{gap:8px;margin-block:6px 12px;padding-inline:16px}}.request__addresses[hidden]{display:none}.request__address{display:flex;align-items:center;gap:12px;cursor:pointer}@media(max-width: 1920px){.request__address{gap:8px}}.request__radio{flex-shrink:0;margin:0;width:20px;height:20px;appearance:none;-webkit-appearance:none;border:1.5px solid var(--color-text);border-radius:50%;background-color:var(--color-base);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}@media(max-width: 1920px){.request__radio{width:16px;height:16px}}@media(max-width: 768px){.request__radio{width:18px;height:18px}}.request__radio:checked{border-color:var(--color-primary);background-color:var(--color-primary)}.request__radio:checked::after{content:"";display:block;width:40%;height:40%;margin:30% auto 0;border-radius:50%;background-color:var(--color-base)}.request__radio:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.request__captcha{display:flex;align-items:center;gap:12px}@media(max-width: 1920px){.request__captcha{gap:8px}}@media(max-width: 768px){.request__captcha{flex-direction:column;align-items:stretch}}.request__captcha-picture{display:flex;flex-shrink:0;align-items:center;justify-content:center;gap:8px}.request__captcha-image{display:block;width:180px;height:40px;border-radius:12px}.request__captcha-refresh{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background-color:var(--color-accent-light);color:var(--color-text);cursor:pointer;transition:background-color .2s ease,color .2s ease}.request__captcha-refresh:hover{background-color:var(--color-primary);color:var(--color-base)}.request__captcha-refresh:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.request__captcha-glyph{width:18px;height:auto}.request__consent{display:flex;align-items:flex-start;gap:12px;padding-inline:24px;text-align:left;cursor:pointer}@media(max-width: 1920px){.request__consent{gap:8px;padding-inline:16px}}.request__checkbox{flex-shrink:0;margin:0;width:20px;height:20px;appearance:none;-webkit-appearance:none;border:1.5px solid var(--color-text);border-radius:4px;background-color:var(--color-base);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}@media(max-width: 1920px){.request__checkbox{width:16px;height:16px}}@media(max-width: 768px){.request__checkbox{width:18px;height:18px}}.request__checkbox:checked{border-color:var(--color-primary);background-color:var(--color-primary)}.request__checkbox:checked::after{content:"";display:block;width:40%;height:70%;margin:5% auto 0;border:solid var(--color-base);border-width:0 2px 2px 0;transform:rotate(45deg)}.request__checkbox:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.request__consent-text{font-size:var(--fs-small);line-height:var(--lh-text)}@media(max-width: 768px){.request__consent-text{font-size:12px}}@media(max-width: 360px){.request__consent-text{font-size:var(--fs-small)}}.request__consent-link{text-decoration:underline}.request__consent-link:hover{color:var(--color-primary-hover)}.request__button{width:100%}.request__button:disabled{opacity:.6;pointer-events:none}.request__note{color:var(--color-primary)}.request__errors{color:#c0392b}.request__contacts{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;margin-top:50px}@media(max-width: 1920px){.request__contacts{gap:16px;margin-top:30px}}@media(max-width: 1200px){.request__contacts{margin-top:24px}}@media(max-width: 768px){.request__contacts{gap:12px;margin-top:20px}}.request__socials{display:flex;align-items:center;gap:12px;margin:0;padding:0;list-style:none}@media(max-width: 1200px){.request__socials{gap:8px}}.request__social{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:var(--color-primary);transition:background-color .2s ease}@media(max-width: 1200px){.request__social{width:30px;height:30px}}.request__social:hover{background-color:var(--color-primary-hover)}.request__social-icon{width:20px;height:20px;object-fit:contain}@media(max-width: 1200px){.request__social-icon{width:14px;height:14px}}.salons{margin-top:170px}@media(max-width: 1920px){.salons{margin-top:110px}}@media(max-width: 1200px){.salons{margin-top:80px}}@media(max-width: 768px){.salons{margin-top:60px}}.salons--tail{margin-bottom:50px}.salons--contacts .salons__body{max-height:none}.salons__container{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.salons__container{gap:27px}}@media(max-width: 1200px){.salons__container{gap:20px}}@media(max-width: 768px){.salons__container{gap:26px}}.salons__body{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-height:500px}@media(max-width: 1920px){.salons__body{gap:10px;max-height:320px}}@media(max-width: 1200px){.salons__body{max-height:290px}}@media(max-width: 768px){.salons__body{gap:12px;max-height:none}}@media(max-width: 640px){.salons__body{grid-template-columns:1fr}}.salons__map{position:relative;overflow:hidden;border-radius:30px}@media(max-width: 1920px){.salons__map{border-radius:20px}}@media(max-width: 640px){.salons__map{min-height:300px}}.salons__frame{position:absolute;inset:0;width:100%;height:100%;border:none}.salons__panel{display:flex;flex-direction:column;gap:70px;padding:30px;border:1px solid var(--color-primary);border-radius:30px}@media(max-width: 1920px){.salons__panel{gap:50px;padding:18px;border-radius:20px}}@media(max-width: 1200px){.salons__panel{gap:30px;padding:16px}}@media(max-width: 640px){.salons__panel{gap:40px;order:-1}}.salons__cities{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}@media(max-width: 768px){.salons__cities{gap:6px}}.salons__addresses{display:flex;flex-direction:column;gap:40px}.salons__addresses[hidden]{display:none}@media(max-width: 1920px){.salons__addresses{gap:20px}}@media(max-width: 1200px){.salons__addresses{gap:14px}}@media(max-width: 768px){.salons__addresses{gap:16px}}.salons__address{display:flex;flex-direction:column;padding:0;border:none;background:none;color:inherit;text-align:left;cursor:pointer}.salons__route{width:fit-content}.salons__contacts{display:flex;flex-direction:column;gap:12px}@media(max-width: 1920px){.salons__contacts{gap:8px}}@media(max-width: 768px){.salons__contacts{gap:10px}}.salons__contact{display:flex;align-items:center;gap:16px;color:var(--color-text);transition:color .2s ease}.salons__contact:hover{color:var(--color-primary-hover)}@media(max-width: 1200px){.salons__contact{gap:10px}}.salons__contact-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:var(--color-accent-light)}@media(max-width: 1200px){.salons__contact-icon{width:30px;height:30px}}.salons__contact-glyph{width:18px;height:auto}@media(max-width: 1200px){.salons__contact-glyph{width:13px}}.salons__contact-glyph--mail{width:21px}@media(max-width: 1200px){.salons__contact-glyph--mail{width:15px}}.salons__socials{display:flex;align-items:center;gap:12px;margin:18px 0 0;padding:0;list-style:none}@media(max-width: 1200px){.salons__socials{gap:8px;margin-top:12px}}.salons__social{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:var(--color-primary);transition:background-color .2s ease}.salons__social:hover{background-color:var(--color-primary-hover)}@media(max-width: 1200px){.salons__social{width:30px;height:30px}}.salons__social-icon{width:20px;height:20px;object-fit:contain}@media(max-width: 1200px){.salons__social-icon{width:14px;height:14px}}.hero{background-color:#f3f9ed}.hero__container{display:flex;flex-direction:row;align-items:center;gap:40px}@media(max-width: 768px){.hero__container{flex-direction:column;gap:25px}}.hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:38px}@media(max-width: 1920px){.hero__content{gap:22px}}@media(max-width: 1200px){.hero__content{gap:18px;padding-top:50px}}@media(max-width: 768px){.hero__content{gap:20px}}.hero__descr{display:flex;flex-direction:column;gap:20px}@media(max-width: 1200px){.hero__descr{gap:12px}}@media(max-width: 768px){.hero__button{width:100%}}.hero__media{display:flex;justify-content:flex-end}@media(max-width: 768px){.hero__media{justify-content:space-around}}@media(max-width: 1920px){.hero__photo{max-width:70%}}@media(max-width: 1200px){.hero__photo{max-width:100%;width:500px}}@media(max-width: 768px){.hero__photo{width:300px}}.advantages{margin-top:170px}@media(max-width: 1920px){.advantages{margin-top:110px}}@media(max-width: 1200px){.advantages{margin-top:80px}}@media(max-width: 768px){.advantages{margin-top:60px}}.advantages__container{display:flex;flex-direction:row;align-items:stretch}@media(max-width: 768px){.advantages__container{flex-direction:column}}.advantages__item{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 30px}.advantages__item:not(:first-child){border-left:1px solid var(--color-primary)}@media(max-width: 768px){.advantages__item{padding:0 30px}.advantages__item:not(:first-child){border-left:none}.advantages__item:not(:first-child)::before{content:"";display:block;width:260px;max-width:100%;height:1px;margin:25px 0;background-color:var(--color-primary)}}.advantages__title{padding-bottom:20px}.advantages__description{max-width:260px}.categories{margin-top:170px}@media(max-width: 1920px){.categories{margin-top:110px}}@media(max-width: 1200px){.categories{margin-top:80px}}@media(max-width: 768px){.categories{margin-top:60px}}.categories__container{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.categories__container{gap:27px}}@media(max-width: 1200px){.categories__container{gap:20px}}@media(max-width: 768px){.categories__container{gap:26px}}.categories__title{width:50%}@media(max-width: 768px){.categories__title{width:80%}}.categories__grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}@media(max-width: 1200px){.categories__grid{grid-template-columns:1fr;gap:20px}}.categories__column{display:flex;flex-direction:column;gap:30px}@media(max-width: 1200px){.categories__column{flex-direction:row;justify-content:center;gap:20px}}@media(max-width: 768px){.categories__column{flex-direction:column}}.categories__card{flex:1;position:relative;overflow:hidden;min-height:285px;border-radius:30px;background-color:var(--color-accent-light)}@media(max-width: 1920px){.categories__card{min-height:130px}}@media(max-width: 1200px){.categories__card{flex:0 0 calc(50% - 10px)}}@media(max-width: 768px){.categories__card{flex:0 0 auto}}@media(max-width: 1920px){.categories__card--wide{min-height:260px}}.categories__buttons{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:30px}@media(max-width: 1200px){.categories__buttons{padding:20px}}.categories__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tasks{margin-top:170px}@media(max-width: 1920px){.tasks{margin-top:110px}}@media(max-width: 1200px){.tasks{margin-top:80px}}@media(max-width: 768px){.tasks{margin-top:60px}}.tasks__container{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.tasks__container{gap:27px}}@media(max-width: 1200px){.tasks__container{gap:20px}}@media(max-width: 768px){.tasks__container{gap:26px}}.tasks__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}@media(max-width: 1200px){.tasks__list{grid-template-columns:1fr 1fr;gap:10px}}@media(max-width: 768px){.tasks__list{grid-template-columns:1fr}}.tasks__item{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--color-accent-light);padding:20px 24px;border-radius:50px}@media(max-width: 1920px){.tasks__item{padding:10px 16px}}@media(max-width: 768px){.tasks__item{padding:16px}}.budget{margin-top:170px}@media(max-width: 1920px){.budget{margin-top:110px}}@media(max-width: 1200px){.budget{margin-top:80px}}@media(max-width: 768px){.budget{margin-top:60px}}.budget__container{display:grid;grid-template-columns:2fr 1fr;gap:30px}@media(max-width: 1200px){.budget__container{grid-template-columns:1fr 1fr}}@media(max-width: 768px){.budget__container{grid-template-columns:1fr}}.budget__content{display:flex;flex-direction:column;justify-content:space-between;gap:20px}.budget__descr{display:flex;flex-direction:column;gap:18px}@media(max-width: 1920px){.budget__descr{flex-direction:column;gap:12px}}.budget__text{width:70%}@media(max-width: 1200px){.budget__text{width:100%}}.budget__media{overflow:hidden;border-radius:30px;max-height:400px}@media(max-width: 1920px){.budget__media{border-radius:20px}}@media(max-width: 768px){.budget__media{max-height:350px}}.workshop{margin-top:170px}@media(max-width: 1920px){.workshop{margin-top:110px}}@media(max-width: 1200px){.workshop{margin-top:80px}}@media(max-width: 768px){.workshop{margin-top:60px}}.workshop__container{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.workshop__container{gap:27px}}@media(max-width: 1200px){.workshop__container{gap:20px}}@media(max-width: 768px){.workshop__container{gap:26px}}.workshop__grid{display:grid;grid-template-columns:1fr 2fr;gap:16px}@media(max-width: 1200px){.workshop__grid{grid-template-columns:1fr 1fr;gap:10px}}@media(max-width: 768px){.workshop__grid{grid-template-columns:1fr}}.workshop__card{position:relative;overflow:hidden;display:flex;min-height:660px;padding:30px;border-radius:30px;background-color:var(--color-accent-light)}@media(max-width: 1920px){.workshop__card{min-height:400px;padding:20px;border-radius:20px}}@media(max-width: 1200px){.workshop__card{min-height:300px;padding:16px}}@media(max-width: 768px){.workshop__card{min-height:300px}.workshop__card:last-child{min-height:400px}}.workshop__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.workshop__note{position:relative;z-index:1;display:flex;flex-direction:column;gap:20px;width:100%;max-width:480px;padding:30px;border-radius:30px;color:var(--color-base);background-color:color-mix(in srgb, var(--color-primary) 88%, transparent)}@media(max-width: 1920px){.workshop__note{gap:14px;max-width:290px;padding:18px;border-radius:20px}}@media(max-width: 1200px){.workshop__note{gap:10px;padding:16px}}@media(max-width: 768px){.workshop__note{max-width:100%}}.workshop__note--center{align-self:center;margin:auto;max-width:none}.workshop__note--corner{align-self:flex-end;margin-left:auto}@media(max-width: 768px){.workshop__note--corner{margin-left:0}}.workshop__note-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.workshop__icon{flex-shrink:0;width:42px;height:auto}@media(max-width: 1920px){.workshop__icon{width:26px}}.production{background-color:var(--color-accent-light);border-radius:60px;padding-block:80px}@media(max-width: 1920px){.production{border-radius:40px;padding-block:50px}}@media(max-width: 768px){.production{border-radius:30px;padding-block:60px}}.production__container{display:flex;flex-direction:column;gap:30px}.production__row{display:grid;align-items:center;gap:50px}@media(max-width: 1920px){.production__row{gap:32px}}@media(max-width: 1200px){.production__row{gap:25px}}.production__row--first{grid-template-columns:2fr 3fr;height:460px}@media(max-width: 1920px){.production__row--first{height:290px}}@media(max-width: 1200px){.production__row--first{height:250px}}@media(max-width: 768px){.production__row--first{grid-template-columns:1fr;height:auto}}.production__row--second{grid-template-columns:3fr 2fr;height:550px}@media(max-width: 1920px){.production__row--second{height:350px}}@media(max-width: 1200px){.production__row--second{height:350px}}@media(max-width: 768px){.production__row--second{grid-template-columns:1fr;height:auto}.production__row--second .production__content{order:-1}}.production__content{display:flex;flex-direction:column;gap:30px}.production__title{width:fit-content;padding:14px 30px;color:#fff;background-color:var(--color-primary);border-radius:50px}@media(max-width: 1920px){.production__title{padding:8px 18px}}@media(max-width: 1200px){.production__title{font-size:20px}}@media(max-width: 360px){.production__title{font-size:16px}}.production__subtitle{margin:0}@media(max-width: 1200px){.production__subtitle{font-size:22px}}@media(max-width: 360px){.production__subtitle{font-size:16px}}.production__descr{display:flex;flex-direction:column;gap:25px;width:80%}@media(max-width: 1920px){.production__descr{gap:15px}}@media(max-width: 1200px){.production__descr{gap:12px;width:100%}}.production__list{display:flex;flex-direction:column;gap:12px}@media(max-width: 1920px){.production__list{gap:8px}}@media(max-width: 768px){.production__list{gap:12px}}.production__item{display:flex;flex-direction:row;align-items:center;gap:17px}@media(max-width: 1920px){.production__item{gap:10px}}.production__icon{display:flex;align-items:center;flex-shrink:0;align-self:flex-start;width:min-content;padding:12px;border-radius:100%;background-color:var(--color-primary)}@media(max-width: 1200px){.production__icon{padding:8px}}@media(max-width: 768px){.production__icon{padding:10px}}.production__media-items{display:grid;grid-template-columns:2fr 3fr;gap:16px;height:100%;min-height:0}@media(max-width: 1920px){.production__media-items{gap:10px}}@media(max-width: 1200px){.production__media-items{grid-template-columns:1fr}}@media(max-width: 768px){.production__media-items{height:auto}}.production__media{position:relative;height:100%;min-height:0;border-radius:30px;overflow:hidden}@media(max-width: 1200px){.production__media{border-radius:20px}}@media(max-width: 768px){.production__media{height:auto;aspect-ratio:3/2}}@media(max-width: 1200px){.production__media--extra{display:none}}.production__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.checkup{margin-top:170px}@media(max-width: 1920px){.checkup{margin-top:110px}}@media(max-width: 1200px){.checkup{margin-top:80px}}@media(max-width: 768px){.checkup{margin-top:60px}}.checkup__container{display:flex;flex-direction:column;gap:80px}@media(max-width: 1920px){.checkup__container{gap:50px}}@media(max-width: 1200px){.checkup__container{gap:40px}}@media(max-width: 768px){.checkup__container{gap:50px}}.checkup__top{display:grid;grid-template-columns:3fr 2fr;align-items:center;gap:50px;height:460px}@media(max-width: 1920px){.checkup__top{grid-template-columns:1fr 1fr;gap:20%;height:290px}}@media(max-width: 1200px){.checkup__top{gap:5%;height:250px}}@media(max-width: 768px){.checkup__top{grid-template-columns:1fr;height:auto}}.checkup__content{display:flex;flex-direction:column;gap:30px}.checkup__descr{display:flex;flex-direction:column;gap:25px;width:80%}@media(max-width: 1920px){.checkup__descr{gap:15px}}@media(max-width: 1200px){.checkup__descr{gap:12px;width:100%}}.checkup__license{align-self:flex-start;width:fit-content;padding:14px 30px;border:none;color:inherit;cursor:pointer;background-color:var(--color-accent-light);border-radius:50px}@media(max-width: 1920px){.checkup__license{padding:8px 18px}}.checkup__media{position:relative;height:100%;min-height:0;border-radius:30px;overflow:hidden}@media(max-width: 1200px){.checkup__media{border-radius:20px}}@media(max-width: 768px){.checkup__media{height:auto;aspect-ratio:3/2}}.checkup__media--extra{display:none}@media(max-width: 1200px){.checkup__media--extra{display:block}}@media(max-width: 768px){.checkup__media--extra{display:none}}.checkup__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(max-width: 1200px){.checkup__bottom{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch}}@media(max-width: 768px){.checkup__bottom{display:block}}.checkup__button{align-self:center}@media(max-width: 768px){.checkup__button{width:100%}}.process{margin-top:170px}@media(max-width: 1920px){.process{margin-top:110px}}@media(max-width: 1200px){.process{margin-top:80px}}@media(max-width: 768px){.process{margin-top:60px}}.process__container{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.process__container{gap:27px}}@media(max-width: 1200px){.process__container{gap:20px}}@media(max-width: 768px){.process__container{gap:26px}}.process__list{display:grid;gap:16px;grid-template-columns:repeat(3, 1fr)}@media(max-width: 1920px){.process__list{gap:10px}}@media(max-width: 1200px){.process__list{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.process__list{grid-template-columns:1fr}}.process__item{position:relative;display:flex;align-items:center;margin-top:24px;padding:38px 30px;border:1px solid var(--color-primary);border-radius:30px}@media(max-width: 1920px){.process__item{margin-top:16px;padding:24px 20px;border-radius:20px}}@media(max-width: 768px){.process__item{margin-top:20px;padding:24px 16px}}.process__number{position:absolute;top:0;right:30px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;font-size:var(--fs-accent);width:48px;height:48px;border-radius:100%;color:var(--color-base);background-color:var(--color-primary)}@media(max-width: 1920px){.process__number{width:30px;height:30px}}@media(max-width: 768px){.process__number{width:38px;height:38px}}.family{margin-top:170px}@media(max-width: 1920px){.family{margin-top:110px}}@media(max-width: 1200px){.family{margin-top:80px}}@media(max-width: 768px){.family{margin-top:60px}}.family__container{position:relative;min-height:880px;overflow:hidden;padding:30px;background:linear-gradient(111.32deg, #fefefe 18.25%, #e5e5e3 83.87%);border-radius:30px}@media(max-width: 1920px){.family__container{min-height:550px;padding:20px;border-radius:20px}}@media(max-width: 1200px){.family__container{min-height:350px;padding:16px}}@media(max-width: 768px){.family__container{display:flex;flex-direction:column;gap:25px;min-height:0;padding-bottom:0}}.family__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:30px;width:40%;padding:40px 30px;border-radius:30px;background-color:var(--color-accent-light)}@media(max-width: 1920px){.family__content{gap:20px;padding:24px 18px;border-radius:20px}}@media(max-width: 1200px){.family__content{gap:18px;width:50%;padding:24px 16px}}@media(max-width: 768px){.family__content{gap:20px;width:100%}}.family__descr{display:flex;flex-direction:column;gap:25px}@media(max-width: 1920px){.family__descr{gap:15px}}@media(max-width: 768px){.family__descr{gap:12px}}.family__media{position:absolute;z-index:0;bottom:0;right:calc(var(--container-pad)*-1);display:flex;justify-content:flex-end;align-items:flex-end}@media(max-width: 768px){.family__media{position:static;justify-content:center}}.family__photo{display:block;width:auto;height:auto;max-width:none;max-height:850px;margin-right:60px}@media(max-width: 1920px){.family__photo{max-height:530px;margin-right:30px}}@media(max-width: 1200px){.family__photo{max-height:350px;margin-right:0}}@media(max-width: 768px){.family__photo{width:300px;max-width:100%;max-height:none}}.support{padding-bottom:0}.support__media{max-width:500px}@media(max-width: 1920px){.support__media{max-width:300px}}@media(max-width: 1200px){.support__media{max-width:250px}}@media(max-width: 768px){.support__media{max-width:200px}}.cashback{background-color:var(--color-accent-light);border-radius:30px}@media(max-width: 1920px){.cashback{border-radius:20px}}.cashback__container{display:flex;flex-direction:column;gap:40px;padding-block:100px 60px}@media(max-width: 1920px){.cashback__container{gap:28px;padding-block:60px 40px}}@media(max-width: 1200px){.cashback__container{gap:20px;padding-block:50px 30px}}@media(max-width: 768px){.cashback__container{gap:26px;padding-block:60px 26px}}.cashback__title{display:flex;flex-direction:column;align-items:flex-start;gap:16px}@media(max-width: 1920px){.cashback__title{gap:10px}}@media(max-width: 768px){.cashback__title{font-size:22px}}.cashback__accent{padding:10px 36px;color:var(--color-base);background-color:var(--color-primary);border-radius:50px}@media(max-width: 1920px){.cashback__accent{padding:6px 22px}}@media(max-width: 1200px){.cashback__accent{padding:10px 20px}}.cashback__grid{display:grid;grid-template-columns:1fr 2fr;gap:16px}@media(max-width: 1200px){.cashback__grid{grid-template-columns:1fr 1fr;gap:10px}}@media(max-width: 768px){.cashback__grid{grid-template-columns:1fr}}.cashback__card{position:relative;overflow:hidden;display:flex;min-height:660px;padding:30px;border-radius:30px;background-color:var(--color-accent-light)}@media(max-width: 1920px){.cashback__card{min-height:400px;padding:20px;border-radius:20px}}@media(max-width: 1200px){.cashback__card{min-height:300px;padding:16px}}@media(max-width: 768px){.cashback__card{min-height:300px}.cashback__card:last-child{min-height:400px}}.cashback__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cashback__note{position:relative;z-index:1;align-self:center;margin:auto;display:flex;flex-direction:column;gap:20px;width:100%;padding:30px;border-radius:30px;color:var(--color-base);background-color:color-mix(in srgb, var(--color-primary) 88%, transparent)}@media(max-width: 1920px){.cashback__note{gap:14px;padding:18px;border-radius:20px}}@media(max-width: 1200px){.cashback__note{gap:10px;padding:16px}}.cashback__button{align-self:center}@media(max-width: 768px){.cashback__button{width:100%}}.channel{margin-top:16px;background-color:var(--color-accent);border-radius:30px}@media(max-width: 1920px){.channel{margin-top:10px;border-radius:20px}}@media(max-width: 768px){.channel{margin-top:12px}}.channel__container{display:grid;grid-template-columns:2fr 4fr;gap:16px;padding-block:80px}@media(max-width: 1920px){.channel__container{gap:10px;padding-block:50px}}@media(max-width: 1200px){.channel__container{grid-template-columns:1fr 1fr;padding-block:50px}}@media(max-width: 768px){.channel__container{grid-template-columns:1fr;gap:20px;padding-block:30px}}.channel__content{display:flex;flex-direction:column;gap:46px}@media(max-width: 1920px){.channel__content{gap:30px}}.channel__descr{display:flex;flex-direction:column;gap:25px}@media(max-width: 1920px){.channel__descr{gap:30px}}@media(max-width: 1200px){.channel__descr{gap:18px}}@media(max-width: 768px){.channel__descr{gap:12px}}.channel__media{position:relative;overflow:hidden;min-height:0;border-radius:30px}@media(max-width: 1920px){.channel__media{border-radius:20px}}@media(max-width: 768px){.channel__media{aspect-ratio:3/2}}.channel__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hits{margin-top:170px}@media(max-width: 1920px){.hits{margin-top:110px}}@media(max-width: 1200px){.hits{margin-top:80px}}@media(max-width: 768px){.hits{margin-top:60px}}.hits__container{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.hits__container{gap:27px}}@media(max-width: 1200px){.hits__container{gap:20px}}@media(max-width: 768px){.hits__container{gap:26px}}.catalog{display:flex;flex-direction:column;gap:70px}@media(max-width: 1920px){.catalog{gap:50px}}@media(max-width: 1200px){.catalog{gap:30px}}.catalog__filters{display:flex;flex-wrap:wrap;gap:16px}@media(max-width: 1920px){.catalog__filters{gap:10px}}.catalog__list{display:grid;grid-template-columns:repeat(5, 1fr);gap:16px}@media(max-width: 1920px){.catalog__list{gap:10px}}@media(max-width: 1200px){.catalog__list{grid-template-columns:repeat(4, 1fr)}}@media(max-width: 768px){.catalog__list{grid-template-columns:repeat(2, 1fr)}}.catalog__item{position:relative;display:flex;flex-direction:column}.catalog__card{position:relative;display:flex;flex-direction:column;gap:16px;transition:margin .25s ease,padding .25s ease,border-radius .25s ease,background-color .25s ease}@media(max-width: 1920px){.catalog__card{gap:10px}}.catalog__media{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:20px}.catalog__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.catalog__photo:first-child{opacity:1}.catalog__photo--active{opacity:1}.catalog__dots{display:flex;justify-content:center;gap:6px;min-height:6px;margin-top:-6px;opacity:0;transition:opacity .25s ease}@media(max-width: 1920px){.catalog__dots{margin-top:-4px}}.catalog__dot{width:6px;height:6px;border-radius:100%;background-color:rgba(83,83,83,.25);transition:background-color .25s ease}.catalog__dot--active{background-color:var(--color-text)}.catalog__info{display:flex;flex-direction:column;gap:8px}.catalog__props{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;gap:10px;margin:0;padding:0 16px 16px;border-radius:0 0 20px 20px;background-color:var(--color-base);font-size:var(--fs-small);line-height:var(--lh-text);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}.catalog__props::before{content:"";height:1px;margin-bottom:6px;background-color:rgba(83,83,83,.15)}.catalog__prop{display:flex;justify-content:space-between;gap:12px}.catalog__prop-name{color:rgba(83,83,83,.6)}.catalog__prop-value{margin:0;text-align:right}@media(hover: hover)and (min-width: 1201px){.catalog__item{transition:filter .25s ease}.catalog__item:hover{z-index:2;filter:drop-shadow(0 10px 30px rgba(83, 83, 83, 0.18))}.catalog__item:hover .catalog__card{margin:-16px;padding:16px;border-radius:20px 20px 0 0;background-color:var(--color-base)}.catalog__item:hover .catalog__dots{opacity:1}.catalog__item:hover .catalog__props{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .3s ease .08s,transform .3s ease .08s,visibility 0s}}.catalog__actions{display:flex;justify-content:center;gap:20px}@media(max-width: 768px){.catalog__actions{flex-direction:column}}.catalog__button--secondary.button{background-color:var(--color-accent-light);color:var(--color-text)}.catalog__button--secondary.button:hover{background-color:var(--color-primary);color:var(--color-base)}.reviews{margin-block:170px 110px}@media(max-width: 1920px){.reviews{margin-block:110px 70px}}@media(max-width: 1200px){.reviews{margin-block:80px 50px}}@media(max-width: 768px){.reviews{margin-block:60px 40px}}.reviews__container{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.reviews__container{gap:27px}}@media(max-width: 1200px){.reviews__container{gap:20px}}@media(max-width: 768px){.reviews__container{gap:26px}}.reviews__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}@media(max-width: 1920px){.reviews__list{gap:10px}}@media(max-width: 768px){.reviews__list{grid-template-columns:1fr;gap:16px}}.reviews__card{background-color:var(--color-accent-light);border-radius:30px;display:flex;flex-direction:column;gap:24px;padding:30px}@media(max-width: 1920px){.reviews__card{border-radius:20px;gap:16px;padding:18px}}@media(max-width: 1200px){.reviews__card{gap:18px;padding:16px}}@media(max-width: 768px){.reviews__card{gap:18px}}.reviews__rating{display:flex;flex-direction:row;justify-content:flex-end}.reviews__star{width:27px;color:#f6c628}@media(max-width: 1920px){.reviews__star{width:16px}}.club{background-color:var(--color-accent-light);border-radius:30px}@media(max-width: 1920px){.club{border-radius:20px}}.club__container{display:grid;grid-template-columns:2fr 4fr;gap:16px;padding-block:80px}@media(max-width: 1920px){.club__container{gap:10px;padding-block:50px}}@media(max-width: 1200px){.club__container{grid-template-columns:1fr 1fr;padding-block:50px}}@media(max-width: 768px){.club__container{grid-template-columns:1fr;gap:20px;padding-block:30px}}.club__content{display:flex;flex-direction:column;gap:46px}@media(max-width: 1920px){.club__content{gap:30px}}.club__descr{display:flex;flex-direction:column;gap:25px}@media(max-width: 1920px){.club__descr{gap:30px}}@media(max-width: 1200px){.club__descr{gap:18px}}@media(max-width: 768px){.club__descr{gap:12px}}.club__title{display:flex;flex-direction:column;gap:16px}@media(max-width: 1920px){.club__title{gap:10px}}@media(max-width: 1200px){.club__title{gap:12px}}@media(max-width: 768px){.club__title{gap:17px}}.club__accent{padding:10px 36px;color:var(--color-base);background-color:var(--color-primary);border-radius:50px;width:fit-content}@media(max-width: 1920px){.club__accent{padding:6px 22px}}@media(max-width: 1200px){.club__accent{padding:10px 20px}}.club__media{display:grid;grid-template-columns:1fr 2fr;gap:16px;min-height:0}@media(max-width: 1920px){.club__media{gap:10px}}@media(max-width: 1200px){.club__media{grid-template-columns:1fr}}.club__photo{width:100%;height:100%;object-fit:cover;border-radius:30px}@media(max-width: 1920px){.club__photo{border-radius:20px}}@media(max-width: 768px){.club__photo{aspect-ratio:3/2;height:auto}}@media(max-width: 1200px){.club__photo--extra{display:none}}.payment{margin-top:70px}@media(max-width: 1920px){.payment{margin-top:50px}}@media(max-width: 1200px){.payment{margin-top:35px}}@media(max-width: 768px){.payment{margin-top:25px}}.payment__container{display:flex;flex-direction:column;gap:50px}@media(max-width: 1920px){.payment__container{gap:30px}}@media(max-width: 1200px){.payment__container{gap:20px}}@media(max-width: 768px){.payment__container{gap:26px}}.payment__list{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width: 1920px){.payment__list{gap:10px}}@media(max-width: 768px){.payment__list{grid-template-columns:1fr;gap:14px}}.payment__card{position:relative;display:flex;flex-direction:column;gap:20px;padding:56px 40px 40px;border-radius:30px}@media(max-width: 1920px){.payment__card{gap:12px;padding:26px 18px 18px;border-radius:20px}}@media(max-width: 1200px){.payment__card{padding:26px 16px 16px}}.payment__card--pickup{background-color:var(--color-accent-light)}.payment__card--delivery{background-color:var(--color-accent)}.payment__icon{position:absolute;top:18px;right:18px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--color-text);border-radius:50%;color:var(--color-text)}@media(max-width: 1920px){.payment__icon{top:16px;right:16px;width:30px;height:30px}}@media(max-width: 768px){.payment__icon{width:36px;height:36px}}.payment__glyph{width:22px;height:auto}@media(max-width: 1920px){.payment__glyph{width:16px}}.payment__subtitle{padding-right:60px}@media(max-width: 1920px){.payment__subtitle{padding-right:40px}}.payment__content{display:flex;flex-direction:column;gap:12px;width:80%}@media(max-width: 1920px){.payment__content{gap:8px}}@media(max-width: 768px){.payment__content{gap:10px}}.terms{margin-top:170px}@media(max-width: 1920px){.terms{margin-top:110px}}@media(max-width: 1200px){.terms{margin-top:80px}}@media(max-width: 768px){.terms{margin-top:60px}}.terms__container{display:flex;flex-direction:row;gap:120px}@media(max-width: 1920px){.terms__container{gap:70px}}@media(max-width: 1200px){.terms__container{gap:10px}}@media(max-width: 768px){.terms__container{flex-direction:column;gap:30px}}.terms__content{flex:1;min-width:0}.terms__title{margin-bottom:30px}@media(max-width: 1920px){.terms__title{margin-bottom:22px}}@media(max-width: 1200px){.terms__title{margin-bottom:18px}}@media(max-width: 768px){.terms__title{margin-bottom:20px}}.terms__partners{display:flex;flex-wrap:wrap;gap:16px;margin-block:50px 60px}@media(max-width: 1920px){.terms__partners{gap:10px;margin-block:40px}}@media(max-width: 1200px){.terms__partners{margin-block:25px 40px}}@media(max-width: 768px){.terms__partners{margin-block:30px 40px}}.terms__partner{display:flex;align-items:center;justify-content:center;width:280px;height:110px;background-color:#f3f3f3;border-radius:20px}@media(max-width: 1920px){.terms__partner{width:175px;height:70px;border-radius:14px}}@media(max-width: 1200px){.terms__partner{width:150px;height:60px}}@media(max-width: 768px){.terms__partner{flex:1;width:auto}}.terms__logo{width:auto;object-fit:contain}.terms__notes{display:flex;flex-direction:column;gap:12px}.terms__media{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:30px}@media(max-width: 1920px){.terms__media{border-radius:20px}}@media(max-width: 768px){.terms__media{aspect-ratio:3/2}}.terms__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.faq{margin-top:170px}@media(max-width: 1920px){.faq{margin-top:110px}}@media(max-width: 1200px){.faq{margin-top:80px}}@media(max-width: 768px){.faq{margin-top:60px}}.faq__container{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.faq__container{gap:27px}}@media(max-width: 1200px){.faq__container{gap:20px}}@media(max-width: 768px){.faq__container{gap:26px}}.faq__list{display:flex;flex-direction:column}.faq__item{border-bottom:1px solid rgba(83,83,83,.15)}.faq__item--open .faq__icon{transform:rotate(180deg)}.faq__item--open .faq__answer{max-height:none}.faq__heading{margin:0}.faq__question{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;width:100%;padding:26px 0;border:none;background:none;color:inherit;text-align:left;cursor:pointer}@media(max-width: 1920px){.faq__question{gap:18px;padding:18px 0}}@media(max-width: 768px){.faq__question{gap:12px;padding:16px 0}}.faq__question:hover .faq__icon{color:var(--color-base);background-color:var(--color-primary)}.faq__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;color:var(--color-text);background-color:var(--color-accent-light);transition:transform .3s ease,color .2s ease,background-color .2s ease}@media(max-width: 1920px){.faq__icon{width:30px;height:30px}}@media(max-width: 768px){.faq__icon{width:36px;height:36px}}.faq__glyph{width:22px;height:auto}@media(max-width: 1920px){.faq__glyph{width:16px}}.faq__answer{overflow:hidden;max-height:0;transition:max-height .3s ease}.faq__content{display:flex;flex-direction:column;gap:12px;padding-bottom:26px;padding-right:72px}@media(max-width: 1920px){.faq__content{gap:8px;padding-bottom:18px;padding-right:48px}}@media(max-width: 768px){.faq__content{gap:10px;padding-bottom:16px;padding-right:0}}.communication{margin-top:70px}@media(max-width: 1920px){.communication{margin-top:50px}}@media(max-width: 1200px){.communication{margin-top:35px}}@media(max-width: 768px){.communication{margin-top:25px}}.communication__container{display:flex;flex-direction:column;gap:60px}@media(max-width: 1920px){.communication__container{gap:36px}}@media(max-width: 1200px){.communication__container{gap:28px}}@media(max-width: 768px){.communication__container{gap:24px}}.communication__list{display:grid;grid-template-columns:1fr 1fr 2fr;align-items:stretch}@media(max-width: 640px){.communication__list{grid-template-columns:1fr}}.communication__item{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:28px 30px;text-align:center}.communication__item:not(:first-child)::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:65%;background-color:var(--color-primary)}.communication__item--socials{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:0 !important;min-height:340px;padding:0 !important;overflow:hidden;border-radius:30px;background-color:var(--color-accent-light)}.communication__item--socials::before{display:none !important}@media(max-width: 1920px){.communication__item{gap:14px;padding:18px 20px}.communication__item--socials{min-height:215px;border-radius:20px}}@media(max-width: 1200px){.communication__item{gap:10px;padding:14px 16px}.communication__item--socials{min-height:190px}}@media(max-width: 640px){.communication__item{padding:0 20px}.communication__item:not(:first-child):not(:last-child)::before{position:static;display:block;width:260px;max-width:100%;height:1px;margin:25px 0;transform:none}.communication__item--socials{grid-template-columns:1fr;min-height:0;margin-top:25px}}.communication__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-width:0;padding:40px 30px}@media(max-width: 1920px){.communication__content{gap:14px;padding:26px 20px}}@media(max-width: 1200px){.communication__content{gap:10px;padding:24px 16px}}@media(max-width: 640px){.communication__content{padding:20px}}.communication__value{transition:color .2s ease}.communication__value:hover{color:var(--color-primary-hover)}.communication__socials{display:flex;align-items:center;gap:12px;margin:0;padding:0;list-style:none}@media(max-width: 1200px){.communication__socials{gap:8px}}.communication__social{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:var(--color-primary);transition:background-color .2s ease}.communication__social:hover{background-color:var(--color-primary-hover)}@media(max-width: 1200px){.communication__social{width:30px;height:30px}}.communication__social-icon{width:20px;height:20px;object-fit:contain}@media(max-width: 1200px){.communication__social-icon{width:14px;height:14px}}.communication__media{position:relative;overflow:hidden;min-width:0}@media(max-width: 640px){.communication__media{aspect-ratio:3/2}}.communication__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.community{margin-top:100px}@media(max-width: 1920px){.community{margin-top:60px}}@media(max-width: 1200px){.community{margin-top:45px}}@media(max-width: 768px){.community{margin-top:35px}}.community__container{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px}@media(max-width: 1200px){.community__container{gap:10px}}@media(max-width: 768px){.community__container{grid-template-columns:1fr;gap:16px}}.community__card{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:340px;border-radius:30px;overflow:hidden;background-color:var(--color-accent-light)}@media(max-width: 1920px){.community__card{min-height:215px;border-radius:20px}}@media(max-width: 1200px){.community__card{min-height:190px}}@media(max-width: 640px){.community__card{grid-template-columns:1fr;min-height:0}}.community__content{display:flex;flex-direction:column;justify-content:center;gap:40px;padding:60px 40px;min-width:0}@media(max-width: 1920px){.community__content{gap:26px;padding:36px 26px}}@media(max-width: 1200px){.community__content{gap:20px;padding:26px 20px}}.community__media{position:relative;overflow:hidden;min-width:0}@media(max-width: 640px){.community__media{aspect-ratio:3/2}}.community__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.intro{margin-top:30px}@media(max-width: 1920px){.intro{margin-top:20px}}@media(max-width: 1200px){.intro{margin-top:16px}}@media(max-width: 768px){.intro{margin-top:20px}}.intro__container{display:flex;flex-direction:row;align-items:center;gap:60px}@media(max-width: 1920px){.intro__container{gap:40px}}@media(max-width: 1200px){.intro__container{gap:24px}}@media(max-width: 768px){.intro__container{flex-direction:column;align-items:stretch;gap:25px}}.intro__content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:38px}@media(max-width: 1920px){.intro__content{gap:22px}}@media(max-width: 1200px){.intro__content{gap:18px}}@media(max-width: 768px){.intro__content{gap:20px}}.intro__accent{color:var(--color-primary)}.intro__descr{display:flex;flex-direction:column;gap:20px}@media(max-width: 1200px){.intro__descr{gap:12px}}.intro__actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px}@media(max-width: 1920px){.intro__actions{gap:16px}}@media(max-width: 1200px){.intro__actions{gap:10px}}@media(max-width: 768px){.intro__actions{flex-direction:column;align-self:stretch;gap:12px}}@media(max-width: 768px){.intro__button{width:100%}}.intro__button.intro__button--secondary{background-color:var(--color-accent-light);color:var(--color-text)}.intro__button.intro__button--secondary:hover{background-color:var(--color-primary);color:var(--color-base)}.intro__media{flex:1;min-width:0;position:relative;overflow:hidden;aspect-ratio:3/2;border-radius:30px}@media(max-width: 1920px){.intro__media{border-radius:20px}}.intro__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.signs{margin-top:130px}@media(max-width: 1920px){.signs{margin-top:110px}}@media(max-width: 1200px){.signs{margin-top:80px}}@media(max-width: 768px){.signs{margin-top:60px}}.signs__container{display:flex;flex-direction:column;gap:48px}@media(max-width: 1920px){.signs__container{gap:30px}}@media(max-width: 1200px){.signs__container{gap:24px}}@media(max-width: 768px){.signs__container{gap:26px}}.signs__body{display:flex;flex-direction:row;align-items:center;gap:60px}@media(max-width: 1920px){.signs__body{gap:38px}}@media(max-width: 1200px){.signs__body{gap:25px}}@media(max-width: 768px){.signs__body{flex-direction:column;gap:30px}}.signs__list{position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;gap:44px}@media(max-width: 1920px){.signs__list{gap:26px}}@media(max-width: 1200px){.signs__list{gap:18px}}@media(max-width: 768px){.signs__list{width:100%;gap:14px}}.signs__list--left{text-align:right}.signs__list--left .signs__item{justify-content:flex-end}.signs__list--left .signs__item:nth-child(2),.signs__list--left .signs__item:nth-child(3){padding-right:18px}@media(max-width: 1920px){.signs__list--left .signs__item:nth-child(2),.signs__list--left .signs__item:nth-child(3){padding-right:12px}}@media(max-width: 1200px){.signs__list--left .signs__item:nth-child(2),.signs__list--left .signs__item:nth-child(3){padding-right:10px}}@media(max-width: 768px){.signs__list--left .signs__item:nth-child(2),.signs__list--left .signs__item:nth-child(3){padding-right:0}}@media(max-width: 768px){.signs__list--left{text-align:left}.signs__list--left .signs__item{flex-direction:row-reverse;justify-content:flex-end}.signs__list--left .signs__marker{transform:scaleX(-1)}}.signs__list--right .signs__item:nth-child(2),.signs__list--right .signs__item:nth-child(3){padding-left:18px}@media(max-width: 1920px){.signs__list--right .signs__item:nth-child(2),.signs__list--right .signs__item:nth-child(3){padding-left:12px}}@media(max-width: 1200px){.signs__list--right .signs__item:nth-child(2),.signs__list--right .signs__item:nth-child(3){padding-left:10px}}@media(max-width: 768px){.signs__list--right .signs__item:nth-child(2),.signs__list--right .signs__item:nth-child(3){padding-left:0}}.signs__item{display:flex;flex-direction:row;align-items:center;gap:24px}@media(max-width: 1920px){.signs__item{gap:16px}}@media(max-width: 1200px){.signs__item{gap:12px}}@media(max-width: 768px){.signs__item{gap:10px}}.signs__marker{flex-shrink:0;width:16px;height:auto;color:var(--color-primary)}@media(max-width: 1920px){.signs__marker{width:10px}}@media(max-width: 1200px){.signs__marker{width:9px}}@media(max-width: 768px){.signs__marker{width:10px}}.signs__media{flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;width:570px;aspect-ratio:1}@media(max-width: 1920px){.signs__media{width:356px}}@media(max-width: 1200px){.signs__media{width:290px}}@media(max-width: 768px){.signs__media{order:-1;width:260px}}.signs__decor{position:absolute;inset:0;z-index:0;pointer-events:none}.signs__circle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);aspect-ratio:1;border:1px solid rgba(83,83,83,.15);border-radius:100%}.signs__circle:nth-child(1){width:460px}@media(max-width: 1920px){.signs__circle:nth-child(1){width:288px}}@media(max-width: 1200px){.signs__circle:nth-child(1){width:235px}}@media(max-width: 768px){.signs__circle:nth-child(1){width:210px}}.signs__circle:nth-child(2){width:570px}@media(max-width: 1920px){.signs__circle:nth-child(2){width:356px}}@media(max-width: 1200px){.signs__circle:nth-child(2){width:290px}}@media(max-width: 768px){.signs__circle:nth-child(2){width:260px}}.signs__vision{position:relative;z-index:1;width:390px;aspect-ratio:1;overflow:hidden;border-radius:100%}@media(max-width: 1920px){.signs__vision{width:245px}}@media(max-width: 1200px){.signs__vision{width:200px}}@media(max-width: 768px){.signs__vision{width:180px}}.signs__vision::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translateX(-50%);background-color:var(--color-base)}@media(max-width: 1200px){.signs__vision::after{width:2px}}.signs__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.signs__photo--blurred{transform:scale(1.02);filter:blur(2px);clip-path:inset(0 0 0 50%)}.steps{margin-top:130px}@media(max-width: 1920px){.steps{margin-top:110px}}@media(max-width: 1200px){.steps{margin-top:80px}}@media(max-width: 768px){.steps{margin-top:60px}}.steps__container{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.steps__container{gap:27px}}@media(max-width: 1200px){.steps__container{gap:20px}}@media(max-width: 768px){.steps__container{gap:26px}}.steps__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}@media(max-width: 1920px){.steps__list{gap:10px}}@media(max-width: 1200px){.steps__list{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.steps__list{grid-template-columns:1fr}}.steps__item{position:relative;display:flex;align-items:center;margin-top:24px;padding:34px 24px;border:1px solid var(--color-primary);border-radius:50px;transition:background-color .2s ease}@media(max-width: 1920px){.steps__item{margin-top:16px;padding:18px 16px}}@media(max-width: 768px){.steps__item{margin-top:20px;padding:20px 16px}}.steps__item:hover{background-color:var(--color-accent-light)}.steps__number{position:absolute;top:0;right:40px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:100%;font-size:var(--fs-accent);color:var(--color-base);background-color:var(--color-primary)}@media(max-width: 1920px){.steps__number{right:26px;width:30px;height:30px}}@media(max-width: 768px){.steps__number{right:24px;width:38px;height:38px}}.cabinet{margin-top:130px}@media(max-width: 1920px){.cabinet{margin-top:110px}}@media(max-width: 1200px){.cabinet{margin-top:80px}}@media(max-width: 768px){.cabinet{margin-top:60px}}.cabinet__container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}@media(max-width: 1920px){.cabinet__container{gap:20px}}@media(max-width: 768px){.cabinet__container{grid-template-columns:1fr;gap:30px}}.cabinet__list{row-gap:60px}@media(max-width: 1920px){.cabinet__list{row-gap:38px}}@media(max-width: 1200px){.cabinet__list{row-gap:0}}.cabinet__list .checklist__item{padding-left:30px;border-left:1px solid var(--color-primary)}@media(max-width: 1200px){.cabinet__list .checklist__item{padding-left:0;border-left:none}}.cabinet__gallery{display:flex;flex-direction:column;gap:26px}@media(max-width: 1920px){.cabinet__gallery{gap:16px}}@media(max-width: 768px){.cabinet__gallery{gap:18px}}.cabinet__media{position:relative;overflow:hidden;aspect-ratio:3/2;border-radius:30px}@media(max-width: 1920px){.cabinet__media{border-radius:20px}}.cabinet__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.cabinet__photo--active{opacity:1}.cabinet__controls{position:absolute;left:30px;bottom:30px;display:flex;flex-direction:row;gap:16px}@media(max-width: 1920px){.cabinet__controls{left:18px;bottom:18px;gap:10px}}@media(max-width: 1200px){.cabinet__controls{left:16px;bottom:16px}}.cabinet__arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:none;border-radius:100%;background-color:var(--color-accent-light);color:var(--color-text);cursor:pointer;transition:background-color .2s ease,color .2s ease}.cabinet__arrow:hover{background-color:var(--color-primary);color:var(--color-base)}@media(max-width: 1920px){.cabinet__arrow{width:32px;height:32px}}@media(max-width: 768px){.cabinet__arrow{width:38px;height:38px}}.cabinet__glyph{width:20px;height:auto}@media(max-width: 1920px){.cabinet__glyph{width:14px}}@media(max-width: 768px){.cabinet__glyph{width:16px}}.cabinet__dots{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}@media(max-width: 1920px){.cabinet__dots{gap:6px}}.cabinet__dot{width:10px;height:10px;border-radius:100%;background-color:rgba(83,83,83,.15);transition:background-color .2s ease}@media(max-width: 1920px){.cabinet__dot{width:8px;height:8px}}.cabinet__dot--active{background-color:var(--color-primary)}.selection{margin-top:130px}@media(max-width: 1920px){.selection{margin-top:110px}}@media(max-width: 1200px){.selection{margin-top:80px}}@media(max-width: 768px){.selection{margin-top:60px}}.selection__container{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.selection__container{gap:27px}}@media(max-width: 1200px){.selection__container{gap:20px}}@media(max-width: 768px){.selection__container{gap:26px}}.selection__body{display:grid;grid-template-columns:3fr 4fr;gap:60px}@media(max-width: 1920px){.selection__body{gap:40px}}@media(max-width: 1200px){.selection__body{gap:24px}}@media(max-width: 768px){.selection__body{grid-template-columns:1fr;gap:30px}}.selection__media{position:relative;overflow:hidden;aspect-ratio:6/5;border-radius:30px}@media(max-width: 1920px){.selection__media{border-radius:20px}}.selection__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.selection__note{position:absolute;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:20px;padding:60px 40px 40px;color:var(--color-base);background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-primary) 92%, transparent) 45%)}@media(max-width: 1920px){.selection__note{gap:12px;padding:40px 26px 26px}}@media(max-width: 1200px){.selection__note{gap:10px;padding:34px 18px 18px}}@media(max-width: 768px){.selection__note{gap:12px;padding:40px 20px 20px}}.selection__slogan{font-weight:var(--fw-bold);text-transform:uppercase}.selection__content{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.selection__content{gap:26px}}@media(max-width: 1200px){.selection__content{gap:20px}}.selection__list{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}@media(max-width: 1200px){.selection__list{gap:10px}}.selection__item{padding:20px 34px;background-color:var(--color-accent);border-radius:100px}@media(max-width: 1920px){.selection__item{padding:12px 22px}}@media(max-width: 768px){.selection__item{padding:14px 22px}}.selection__button{align-self:flex-start;margin-top:auto}@media(max-width: 768px){.selection__button{width:100%;margin-top:0}}.audience{margin-top:130px}@media(max-width: 1920px){.audience{margin-top:110px}}@media(max-width: 1200px){.audience{margin-top:80px}}@media(max-width: 768px){.audience{margin-top:60px}}.audience__container{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.audience__container{gap:27px}}@media(max-width: 1200px){.audience__container{gap:20px}}@media(max-width: 768px){.audience__container{gap:26px}}.audience__list{display:grid;grid-template-columns:repeat(7, 1fr);gap:16px}@media(max-width: 1920px){.audience__list{gap:10px}}@media(max-width: 1200px){.audience__list{grid-template-columns:repeat(4, 1fr)}}@media(max-width: 768px){.audience__list{grid-template-columns:repeat(2, 1fr)}}.audience__item{display:flex;flex-direction:column;align-items:center;min-height:300px;padding:30px;border-radius:30px;background-color:var(--color-accent-light)}@media(max-width: 1920px){.audience__item{min-height:190px;padding:18px;border-radius:20px}}@media(max-width: 1200px){.audience__item{min-height:170px;padding:14px}}.audience__icon{align-self:flex-start;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:100%;background-color:var(--color-primary)}@media(max-width: 1920px){.audience__icon{width:38px;height:38px}}@media(max-width: 1200px){.audience__icon{width:34px;height:34px}}.audience__glyph{width:28px;height:auto}@media(max-width: 1920px){.audience__glyph{width:18px}}@media(max-width: 1200px){.audience__glyph{width:16px}}.audience__text{margin-top:auto;text-align:center}.services{margin-top:170px}@media(max-width: 1920px){.services{margin-top:110px}}@media(max-width: 1200px){.services{margin-top:80px}}@media(max-width: 768px){.services{margin-top:60px}}.services__container{display:grid;grid-template-columns:1fr 2fr;gap:50px}@media(max-width: 1920px){.services__container{gap:32px}}@media(max-width: 1200px){.services__container{gap:25px}}@media(max-width: 768px){.services__container{grid-template-columns:1fr;gap:20px}}.services__media{position:relative;border-radius:30px;overflow:hidden}@media(max-width: 1200px){.services__media{border-radius:20px}}@media(max-width: 768px){.services__media{aspect-ratio:3/2}}.services__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.services__content{display:flex;flex-direction:column;justify-content:center;gap:40px;margin-block:114px}@media(max-width: 1920px){.services__content{margin-block:70px}}@media(max-width: 1200px){.services__content{gap:30px;margin-block:45px}}@media(max-width: 768px){.services__content{margin-block:0}}.services__list{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}@media(max-width: 1200px){.services__list{gap:10px}}.services__item{padding:20px 34px;background-color:var(--color-accent);border-radius:100px}@media(max-width: 1920px){.services__item{padding:12px 22px}}@media(max-width: 768px){.services__item{padding:14px 22px}}.timing{margin-top:170px}@media(max-width: 1920px){.timing{margin-top:110px}}@media(max-width: 1200px){.timing{margin-top:80px}}@media(max-width: 768px){.timing{margin-top:60px}}.timing__container{display:grid;grid-template-columns:1fr 1fr;gap:50px}@media(max-width: 1920px){.timing__container{gap:32px}}@media(max-width: 1200px){.timing__container{gap:25px}}@media(max-width: 768px){.timing__container{grid-template-columns:1fr;gap:20px}}.timing__content{display:flex;flex-direction:column;gap:30px;justify-content:center;margin-block:114px}@media(max-width: 1920px){.timing__content{gap:20px;margin-block:70px}}@media(max-width: 1200px){.timing__content{margin-block:45px}}@media(max-width: 768px){.timing__content{gap:26px;margin-block:0}}.timing__descr{display:flex;flex-direction:column;gap:18px}@media(max-width: 1920px){.timing__descr{gap:12px}}@media(max-width: 768px){.timing__descr{gap:14px}}.timing__media{position:relative;border-radius:30px;overflow:hidden}@media(max-width: 1200px){.timing__media{border-radius:20px}}@media(max-width: 768px){.timing__media{aspect-ratio:3/2}}.timing__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fitting{margin-top:170px}@media(max-width: 1920px){.fitting{margin-top:110px}}@media(max-width: 1200px){.fitting{margin-top:80px}}@media(max-width: 768px){.fitting{margin-top:60px}}.fitting__container{position:relative}@media(max-width: 768px){.fitting__container{display:flex;flex-direction:column;gap:20px}}.fitting__media{position:relative;aspect-ratio:2/1;border-radius:30px;overflow:hidden}@media(max-width: 1200px){.fitting__media{border-radius:20px}}@media(max-width: 768px){.fitting__media{aspect-ratio:3/2}}.fitting__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fitting__note{position:absolute;top:40px;left:40px;display:flex;flex-direction:column;gap:30px;width:41%;padding:40px;background-color:var(--color-accent-light);border-radius:30px}@media(max-width: 1920px){.fitting__note{top:26px;left:26px;gap:20px;padding:26px}}@media(max-width: 1200px){.fitting__note{top:16px;left:16px;width:55%;padding:20px;border-radius:20px}}@media(max-width: 768px){.fitting__note{position:static;gap:26px;width:auto;padding:18px}}.fitting__descr{display:flex;flex-direction:column;gap:24px}@media(max-width: 1920px){.fitting__descr{gap:16px}}@media(max-width: 768px){.fitting__descr{gap:18px}}.fitting__list{display:flex;flex-direction:column;gap:16px}@media(max-width: 1920px){.fitting__list{gap:10px}}@media(max-width: 768px){.fitting__list{gap:12px}}.fitting__item{position:relative;padding-left:24px}.fitting__item::before{content:"";position:absolute;top:calc(var(--lh-text)*.5em);left:0;width:8px;height:8px;background-color:var(--color-primary);border-radius:100%;transform:translateY(-50%)}@media(max-width: 1920px){.fitting__item{padding-left:16px}.fitting__item::before{width:6px;height:6px}}@media(max-width: 768px){.fitting__item{padding-left:18px}.fitting__item::before{width:8px;height:8px}}.order{margin-top:170px}@media(max-width: 1920px){.order{margin-top:110px}}@media(max-width: 1200px){.order{margin-top:80px}}@media(max-width: 768px){.order{margin-top:60px}}.order__container{display:flex;flex-direction:column;align-items:center;gap:60px}@media(max-width: 1920px){.order__container{gap:40px}}@media(max-width: 1200px){.order__container{gap:30px}}@media(max-width: 768px){.order__container{gap:26px}}.order__title{text-align:center}.order__accent{color:var(--color-primary)}.order__actions{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;width:100%}@media(max-width: 1200px){.order__actions{gap:10px}}@media(max-width: 768px){.order__actions{grid-template-columns:1fr}}.order__button.button{color:var(--color-text);background-color:var(--color-accent-light);text-align:center}.order__button.button:hover{color:var(--color-base);background-color:var(--color-primary)}.order__media{width:100%}.order__photo{display:block;width:100%;height:auto}.aftercare{margin-top:170px}@media(max-width: 1920px){.aftercare{margin-top:110px}}@media(max-width: 1200px){.aftercare{margin-top:80px}}@media(max-width: 768px){.aftercare{margin-top:60px}}.aftercare__container{display:grid;grid-template-columns:1fr 2fr;gap:50px}@media(max-width: 1920px){.aftercare__container{gap:32px}}@media(max-width: 1200px){.aftercare__container{gap:25px}}@media(max-width: 768px){.aftercare__container{grid-template-columns:1fr;gap:20px}}.aftercare__media{position:relative;border-radius:30px;overflow:hidden}@media(max-width: 1200px){.aftercare__media{border-radius:20px}}@media(max-width: 768px){.aftercare__media{aspect-ratio:3/2}}.aftercare__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.aftercare__note{position:absolute;right:0;bottom:0;left:0;padding:60px 40px 40px;display:flex;flex-direction:column;gap:20px;color:var(--color-base);background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-primary) 92%, transparent) 45%)}@media(max-width: 1920px){.aftercare__note{padding:40px 26px 26px;gap:12px}}@media(max-width: 1200px){.aftercare__note{padding:34px 18px 18px;gap:10px}}@media(max-width: 768px){.aftercare__note{padding:40px 20px 20px;gap:12px}}.aftercare__content{display:flex;flex-direction:column;justify-content:center;gap:40px;margin-block:114px}@media(max-width: 1920px){.aftercare__content{margin-block:70px}}@media(max-width: 1200px){.aftercare__content{gap:30px;margin-block:45px}}@media(max-width: 768px){.aftercare__content{margin-block:0}}.aftercare__list{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}@media(max-width: 1200px){.aftercare__list{gap:10px}}.aftercare__item{padding:20px 34px;background-color:var(--color-accent);border-radius:100px}@media(max-width: 1920px){.aftercare__item{padding:12px 22px}}@media(max-width: 768px){.aftercare__item{padding:14px 22px}}.cases{margin-top:170px}@media(max-width: 1920px){.cases{margin-top:110px}}@media(max-width: 1200px){.cases{margin-top:80px}}@media(max-width: 768px){.cases{margin-top:60px}}.cases__container{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.cases__container{gap:27px}}@media(max-width: 1200px){.cases__container{gap:20px}}@media(max-width: 768px){.cases__container{gap:26px}}.cases__list{display:grid;grid-template-columns:repeat(4, 1fr);align-items:center;row-gap:50px}@media(max-width: 1920px){.cases__list{row-gap:32px}}@media(max-width: 1200px){.cases__list{grid-template-columns:repeat(2, 1fr);row-gap:25px}}@media(max-width: 768px){.cases__list{grid-template-columns:1fr;row-gap:20px}}.cases__item{display:flex;flex-direction:column;padding:0 30px;border-left:1px solid var(--color-primary)}@media(max-width: 1920px){.cases__item{padding:0 20px}}@media(max-width: 768px){.cases__item{padding:0 16px}}.cases__icon{display:flex;align-items:center;width:min-content;margin-bottom:20px;padding:12px;border-radius:100%;background-color:var(--color-accent-light)}@media(max-width: 1920px){.cases__icon{margin-bottom:12px;padding:8px}}@media(max-width: 768px){.cases__icon{padding:10px}}.cases__glyph{width:24px;height:auto}@media(max-width: 1920px){.cases__glyph{width:16px}}.cases__caption{min-height:calc(var(--lh-text)*2em)}@media(max-width: 768px){.cases__caption{min-height:0}}.cases__note{display:flex;flex-direction:column;gap:24px;padding:30px;background-color:var(--color-accent);border-radius:30px}@media(max-width: 1920px){.cases__note{gap:16px;padding:18px}}@media(max-width: 1200px){.cases__note{padding:16px;border-radius:20px}}@media(max-width: 768px){.cases__note{gap:18px}}.exclusions{margin-top:170px}@media(max-width: 1920px){.exclusions{margin-top:110px}}@media(max-width: 1200px){.exclusions{margin-top:80px}}@media(max-width: 768px){.exclusions{margin-top:60px}}.exclusions__container{display:grid;grid-template-columns:2fr 3fr;gap:50px}@media(max-width: 1920px){.exclusions__container{gap:32px}}@media(max-width: 1200px){.exclusions__container{gap:25px}}@media(max-width: 768px){.exclusions__container{grid-template-columns:1fr;gap:20px}}.exclusions__content{display:flex;flex-direction:column;gap:40px}@media(max-width: 1200px){.exclusions__content{gap:30px}}.exclusions__list{display:flex;flex-direction:column;gap:10px}.exclusions__item{display:flex;align-items:flex-start;gap:20px}@media(max-width: 1920px){.exclusions__item{gap:12px}}@media(max-width: 768px){.exclusions__item{gap:14px}}.exclusions__marker{flex-shrink:0;width:14px;height:calc(var(--lh-text)*var(--fs-text));color:var(--color-primary)}@media(max-width: 1920px){.exclusions__marker{width:10px}}@media(max-width: 768px){.exclusions__marker{width:12px}}.exclusions__media{position:relative;margin-top:114px;border-radius:30px;overflow:hidden}@media(max-width: 1920px){.exclusions__media{margin-top:70px}}@media(max-width: 1200px){.exclusions__media{margin-top:45px;border-radius:20px}}@media(max-width: 768px){.exclusions__media{margin-top:0;aspect-ratio:3/2}}.exclusions__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.exclusions__note{position:absolute;right:0;bottom:0;left:0;padding:60px 40px 40px;display:flex;flex-direction:column;gap:20px;color:var(--color-base);background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--color-primary) 92%, transparent) 45%)}@media(max-width: 1920px){.exclusions__note{padding:40px 26px 26px;gap:12px}}@media(max-width: 1200px){.exclusions__note{padding:34px 18px 18px;gap:10px}}@media(max-width: 768px){.exclusions__note{padding:40px 20px 20px;gap:12px}}.appeal{margin-top:170px}@media(max-width: 1920px){.appeal{margin-top:110px}}@media(max-width: 1200px){.appeal{margin-top:80px}}@media(max-width: 768px){.appeal{margin-top:60px}}.appeal__container{display:flex;flex-direction:column;gap:40px}@media(max-width: 1920px){.appeal__container{gap:27px}}@media(max-width: 1200px){.appeal__container{gap:20px}}@media(max-width: 768px){.appeal__container{gap:26px}}.appeal__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}@media(max-width: 1920px){.appeal__list{gap:10px}}@media(max-width: 1200px){.appeal__list{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.appeal__list{grid-template-columns:1fr}}.appeal__item{position:relative;display:flex;align-items:center;margin-top:24px;padding:38px 30px;border:1px solid var(--color-primary);border-radius:30px}@media(max-width: 1920px){.appeal__item{margin-top:16px;padding:24px 20px;border-radius:20px}}@media(max-width: 768px){.appeal__item{margin-top:20px;padding:24px 16px}}.appeal__number{position:absolute;top:0;right:30px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;font-size:var(--fs-accent);width:48px;height:48px;border-radius:100%;color:var(--color-base);background-color:var(--color-primary)}@media(max-width: 1920px){.appeal__number{width:30px;height:30px}}@media(max-width: 768px){.appeal__number{width:38px;height:38px}}.appeal__hint{position:absolute;top:0;right:104px;z-index:1;transform:translateY(-50%)}@media(max-width: 1920px){.appeal__hint{right:78px}}@media(max-width: 768px){.appeal__hint{right:88px}}.appeal__hint-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:100%;color:var(--color-text);background-color:var(--color-accent-light);cursor:pointer;transition:color .22s ease,background-color .22s ease}.appeal__hint-button:hover{color:var(--color-base);background-color:var(--color-primary)}.appeal__hint--open .appeal__hint-button{color:var(--color-base);background-color:var(--color-primary)}@media(max-width: 1920px){.appeal__hint-button{width:22px;height:22px}}@media(max-width: 768px){.appeal__hint-button{width:28px;height:28px}}.appeal__hint-glyph{width:auto;height:16px}@media(max-width: 1920px){.appeal__hint-glyph{height:11px}}@media(max-width: 768px){.appeal__hint-glyph{height:13px}}.appeal__tooltip{position:absolute;right:-30px;bottom:calc(100% + 16px);width:max-content;max-width:380px;padding:24px 30px;border-radius:20px;background-color:#f3f3f3;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}.appeal__tooltip::after{content:"";position:absolute;top:100%;right:47px;border:10px solid rgba(0,0,0,0);border-bottom:0;border-top-color:#f3f3f3}.appeal__hint--open .appeal__tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .22s ease,transform .22s ease,visibility 0s}@media(max-width: 1920px){.appeal__tooltip{right:-20px;bottom:calc(100% + 12px);max-width:280px;padding:16px 20px;border-radius:14px}.appeal__tooltip::after{right:31px;border-width:8px;border-bottom:0}}@media(max-width: 768px){.appeal__tooltip{right:-24px;max-width:min(280px,100vw - 60px);padding:16px 18px}.appeal__tooltip::after{right:38px}}.remote__notes{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin-top:30px}@media(max-width: 1920px){.remote__notes{gap:10px;margin-top:20px}}@media(max-width: 1200px){.remote__notes{margin-top:16px}}@media(max-width: 768px){.remote__notes{grid-template-columns:1fr;gap:16px;margin-top:10px}}.remote__note{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:30px;background-color:var(--color-accent-light);border-radius:30px}@media(max-width: 1920px){.remote__note{gap:16px;padding:18px}}@media(max-width: 1200px){.remote__note{padding:16px;border-radius:20px}}@media(max-width: 768px){.remote__note{gap:18px}}.remote__note--warning{background-color:var(--color-accent)}.question{margin-top:170px}@media(max-width: 1920px){.question{margin-top:110px}}@media(max-width: 1200px){.question{margin-top:80px}}@media(max-width: 768px){.question{margin-top:60px}}.question__container{display:flex;flex-direction:column;align-items:center;gap:60px}@media(max-width: 1920px){.question__container{gap:40px}}@media(max-width: 1200px){.question__container{gap:30px}}@media(max-width: 768px){.question__container{gap:26px}}.question__head{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;text-align:center}@media(max-width: 1920px){.question__head{gap:20px}}@media(max-width: 1200px){.question__head{gap:16px}}@media(max-width: 768px){.question__head{gap:14px}}.question__accent{color:var(--color-primary)}.question__actions{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;width:100%}@media(max-width: 1200px){.question__actions{gap:10px}}@media(max-width: 768px){.question__actions{grid-template-columns:1fr}}.question__button.button{color:var(--color-text);background-color:var(--color-accent-light);text-align:center}.question__button.button:hover{color:var(--color-base);background-color:var(--color-primary)}@media(max-width: 1199px){.intro--akcii .intro__actions{flex-direction:column;align-self:stretch}.intro--akcii .intro__button{width:100%}}.offers{--fs-button: 12px;margin-top:110px}@media(max-width: 1919px){.offers{margin-top:80px}}@media(max-width: 991px){.offers{--fs-button: 14px;margin-top:60px}}.offers__list{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px}@media(max-width: 1919px){.offers__list{gap:10px}}@media(max-width: 767px){.offers__list{grid-template-columns:1fr}}.offers__card{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:20px;background-color:var(--color-accent)}@media(max-width: 991px){.offers__card{grid-template-columns:1fr}}.offers__media{position:relative;overflow:hidden;min-height:0;border-radius:20px}.offers__media::before{content:"";display:block;padding-top:133%}@media(max-width: 991px){.offers__media::before{padding-top:66%}}.offers__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.offers__content{display:flex;flex-direction:column;gap:30px;padding:44px 36px 36px 30px}@media(max-width: 1919px){.offers__content{gap:20px;padding:30px 24px 24px 20px}}@media(max-width: 991px){.offers__content{gap:18px;padding:26px 16px 20px}}.offers__title{margin:0;font-weight:var(--fw-semibold);font-size:24px;line-height:1.25;text-transform:uppercase}.offers__badge{position:relative;border-radius:16px;padding:16px 20px;background-color:var(--color-accent-light)}@media(max-width: 1919px){.offers__badge{padding:14px 16px}}.offers__badge-text.text-body{font-size:18px;line-height:1.28}.offers__icon{position:absolute;top:0;right:0;transform:translate(50%, -50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100%;color:var(--color-base);background-color:var(--color-primary)}.offers__glyph{width:16px;height:auto}.offers__details{display:flex;flex-direction:column;gap:18px}@media(max-width: 1919px){.offers__details{gap:12px}}.offers__caption.text-body{font-size:18px;line-height:1.28}.offers__points{display:flex;flex-direction:column;gap:10px}@media(max-width: 1919px){.offers__points{gap:6px}}.offers__point{position:relative;display:block;padding-left:16px}.offers__point.text-body{font-size:18px;line-height:1.28}.offers__point::before{content:"";position:absolute;top:.64em;left:0;transform:translateY(-50%);width:6px;height:6px;border-radius:100%;background-color:var(--color-text)}.offers__actions{display:flex;flex-direction:column;gap:12px;margin-top:auto}@media(max-width: 1919px){.offers__actions{gap:10px}}.offers__button.button{width:100%;border:1px solid rgba(0,0,0,0);text-align:center}.offers__button.button.offers__button--secondary{color:var(--color-primary);background-color:rgba(0,0,0,0);border-color:var(--color-primary)}.offers__button.button.offers__button--secondary:hover{color:var(--color-base);background-color:var(--color-primary)}.details{--fs-h2: 40px;--fs-text: 18px;--fs-accent: 24px;--fs-button: 12px;margin-top:110px}@media(max-width: 1919px){.details{--fs-h2: 25px;--fs-text: 14px;--fs-accent: 15px;margin-top:80px}}@media(max-width: 991px){.details{--fs-accent: 16px;--fs-button: 14px;margin-top:60px}}.details__list{display:flex;flex-direction:column;gap:80px}@media(max-width: 1919px){.details__list{gap:60px}}@media(max-width: 991px){.details__list{gap:50px}}.details__item{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width: 1919px){.details__item{gap:16px}}@media(max-width: 767px){.details__item{grid-template-columns:1fr;gap:26px}}.details__content{display:flex;flex-direction:column;gap:30px}@media(max-width: 1919px){.details__content{gap:20px}}@media(max-width: 991px){.details__content{gap:18px}}.details__badge{position:relative;max-width:85%;border-radius:16px;padding:16px 20px;background-color:var(--color-accent-light)}@media(max-width: 1919px){.details__badge{padding:14px 16px}}@media(max-width: 767px){.details__badge{max-width:100%}}.details__icon{position:absolute;top:0;right:0;transform:translate(50%, -50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100%;color:var(--color-base);background-color:var(--color-primary)}.details__glyph{width:16px;height:auto}.details__text{display:flex;flex-direction:column;gap:8px}.details__group{display:flex;flex-direction:column;gap:18px}@media(max-width: 1919px){.details__group{gap:12px}}.details__points{display:flex;flex-direction:column;gap:14px;padding-left:10px}@media(max-width: 1919px){.details__points{gap:10px}}.details__point{position:relative;display:block;padding-left:16px}.details__point::before{content:"";position:absolute;top:calc(var(--lh-text)*.5em);left:0;transform:translateY(-50%);width:6px;height:6px;border-radius:100%;background-color:var(--color-text)}.details__note{display:flex;flex-direction:column;gap:8px}.details__button.button{align-self:flex-start;text-align:center}@media(max-width: 767px){.details__button.button{align-self:stretch}}.details__terms{margin-top:10px;border-top:1px solid rgba(83,83,83,.15)}.details__terms .faq__label{font-size:24px;font-weight:var(--fw-semibold)}.details__terms .faq__content{padding-right:0}.details__media{position:relative;align-self:start;overflow:hidden;min-height:0;aspect-ratio:5/4;border-radius:20px}@media(max-width: 991px){.details__media{aspect-ratio:1/2}}@media(max-width: 767px){.details__media{order:-1;aspect-ratio:3/2}}.details__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* End */


/* Start:/local/templates/eopctica/styles.css?178610218134743*/
@charset "UTF-8";
/* ================== Шрифты ================== */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/eopctica/assets/fonts/montserrat-500-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/eopctica/assets/fonts/montserrat-500-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/local/templates/eopctica/assets/fonts/mulish-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/local/templates/eopctica/assets/fonts/mulish-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ================== База / reset ================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  display: flex;
  flex-direction: column;
  margin: 0;
  background-color: var(--color-base);
  min-height: 100vh;
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  color: var(--color-text);
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
p {
  margin: 0;
}

/* ================== Переменные ================== */
:root {
  --color-primary: #5c7647; /* Основной цвет */
  --color-primary-hover: #799166; /* Зеленый при наведении */
  --color-accent-light: #e9f1e2; /* Акцентный для плашек */
  --color-accent: #f8f2e6; /* Акцентный */
  --color-base: #ffffff; /* Базовый */
  --color-text: #535353; /* Основной для текста */
  /* Семейства */
  --font-heading: "Montserrat", sans-serif;
  --font-body: "Mulish", sans-serif;
  /* Начертания */
  --fw-medium: 500; /* заголовки */
  --fw-regular: 400; /* основной текст, меню */
  --fw-semibold: 600; /* выделение важного */
  --fw-bold: 700; /* акценты в футере, жирный */
  /* Межстрочные интервалы */
  --lh-h1: 1.15;
  --lh-h2: 1.2;
  --lh-text: 1.4;
  --lh-accent: 1;
  --lh-menu: 1.2;
  --lh-button: 1;
  /* Размеры — база: экраны ШИРЕ 1920px.
     Сам фрейм 1920 задан ниже, в @media (max-width: 1920px) */
  --fs-h1: 48px;
  --fs-h2: 40px;
  --fs-text: 20px;
  --fs-accent: 24px;
  --fs-button: 20px;
  --fs-small: clamp(11px, calc(11px + (100vw - 1200px) * 5 / 720), 16px);
  --fs-menu: clamp(10px, calc(10px + (100vw - 1200px) * 5 / 720), 15px);
  /* Контейнер (единая точка управления шириной контента) */
  --container-max: 1920px;
  --container-pad: 80px;
}

/* Фрейм 1920px */
@media (max-width: 1920px) {
  :root {
    --fs-h1: 30px;
    --fs-h2: 25px;
    --fs-text: 14px;
    --fs-accent: 15px;
    --fs-button: 12px;
    --container-pad: 50px;
  }
}
/* Фрейм 1200px */
@media (max-width: 1200px) {
  :root {
    --fs-h1: 25px;
    --fs-h2: 25px;
    --fs-text: 14px;
    --fs-accent: 15px;
    --fs-menu: 10px;
    --fs-button: 12px;
    --container-pad: 38px;
  }
}
/* Фрейм 768px */
@media (max-width: 768px) {
  :root {
    --fs-h1: 25px;
    --fs-h2: 25px;
    --fs-text: 14px;
    --fs-accent: 16px;
    --fs-menu: 10px;
    --fs-button: 14px;
    --container-pad: 14px;
  }
}
/* Фрейм 360px */
@media (max-width: 360px) {
  :root {
    --fs-h1: 25px;
    --fs-h2: 25px;
    --fs-text: 14px;
    --fs-accent: 16px;
    --fs-menu: 14px;
    --fs-small: 14px;
    --fs-button: 14px;
    --container-pad: 14px;
  }
}
/* ================== Текст ================== */
.text-h1 {
  font-family: var(--font-heading);
  font-weight: var(--fw-medium);
  font-size: var(--fs-h1);
  line-height: var(--lh-h1);
  vertical-align: bottom;
}

.text-h2 {
  font-family: var(--font-heading);
  font-weight: var(--fw-medium);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
}

.text-body {
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: var(--fs-text);
  line-height: var(--lh-text);
}
.text-body--bold {
  font-weight: var(--fw-bold);
}
.text-body--big {
  font-size: var(--fs-accent);
}

.text-accent {
  font-family: var(--font-body);
  font-weight: var(--fw-semibold);
  font-size: var(--fs-accent);
  line-height: var(--lh-accent);
}

.text-menu {
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: var(--fs-menu);
  line-height: var(--lh-menu);
}

.text-button {
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: var(--fs-button);
  line-height: var(--lh-button);
}
.text-button--small {
  font-size: var(--fs-menu);
}

/* ================== Контейнер ================== */
.container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

/* ================== Кнопки ================== */
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: none;
  border-radius: 100px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.button__icon {
  flex-shrink: 0;
  width: 1.1em;
  height: auto;
}
.button--primary {
  padding: 20px 60px;
  color: var(--color-base);
  background-color: var(--color-primary);
}
@media (max-width: 1920px) {
  .button--primary {
    padding: 12px 40px;
  }
}
@media (max-width: 1200px) {
  .button--primary {
    padding: 15px 56px;
  }
}
.button--primary:hover {
  background-color: var(--color-primary-hover);
}
.button--secondary {
  padding: 10px 24px;
  color: var(--color-text);
  background-color: var(--color-base);
}
@media (max-width: 1920px) {
  .button--secondary {
    padding: 7px 15px;
  }
}
.button--secondary:hover {
  background-color: var(--color-primary);
  color: #ffffff;
}
.button--small {
  padding: 10px 24px;
  color: var(--color-text);
  background-color: var(--color-accent-light);
}
@media (max-width: 1200px) {
  .button--small {
    padding: 6px 20px;
  }
}
.button--small:hover, .button--small--active {
  background-color: var(--color-primary);
  color: var(--color-base);
}
.button--small-reverse {
  padding: 10px 24px;
  background-color: var(--color-primary);
  color: var(--color-base);
}
@media (max-width: 1200px) {
  .button--small-reverse {
    padding: 6px 20px;
  }
}
.button--small-reverse:hover, .button--small-reverse--active {
  background-color: var(--color-accent-light);
  color: var(--color-text);
}

/* ================== Header ================== */
.header__topbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  -moz-column-gap: clamp(20px, 20px + (100vw - 1200px) * 20 / 720, 40px);
       column-gap: clamp(20px, 20px + (100vw - 1200px) * 20 / 720, 40px);
  row-gap: 8px;
  margin: 0;
  padding: 14px 0;
  list-style: none;
}
@media (max-width: 992px) {
  .header__topbar {
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
@media (max-width: 767px) {
  .header__topbar {
    display: none;
  }
}
.header__benefit {
  position: relative;
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: var(--fs-menu);
  line-height: var(--lh-menu);
  color: var(--color-primary);
  /* Вертикальный разделитель между пунктами — по центру промежутка (половина текучего column-gap) */
}
.header__benefit:not(:last-child)::after {
  content: "";
  position: absolute;
  right: clamp(-20px, -10px - (100vw - 1200px) * 10 / 720, -10px);
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 65%;
  background-color: var(--color-primary);
  opacity: 0.4;
  /* По центру увеличенного промежутка */
}
@media (max-width: 992px) {
  .header__benefit:not(:last-child)::after {
    right: -50px;
  }
}
.header__benefit {
  /* Убираем разделитель у последнего пункта первой строки */
}
@media (max-width: 992px) {
  .header__benefit:nth-child(2)::after {
    display: none !important;
  }
}
.header__main {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-block: 12px;
}
@media (max-width: 1920px) {
  .header__main {
    padding-block: 8px;
  }
}
@media (max-width: 1200px) {
  .header__main {
    gap: 10px;
    padding-block: 10px;
  }
}
.header__logo {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}
.header__icon {
  width: auto;
  height: clamp(27px, 27px + (100vw - 1200px) * 18 / 720, 45px);
}
@media (max-width: 1199px) {
  .header__icon {
    height: 30px;
  }
}
@media (max-width: 640px) {
  .header__icon {
    height: 34px;
  }
}
.header__divider {
  width: 1px;
  height: 56px;
  background-color: #cccccc;
  flex-shrink: 0;
  /* До 1199px — бургер вместо меню (полное меню помещается только с 1200px) */
}
@media (max-width: 1199px) {
  .header__divider {
    display: none;
  }
}
.header__nav {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: clamp(10px, 10px + (100vw - 1200px) * 14 / 720, 24px);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1199px) {
  .header__nav {
    display: none;
  }
}
.header__nav-item {
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: var(--fs-menu);
  line-height: var(--lh-menu);
  color: var(--color-text);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease;
}
.header__nav-item:hover {
  color: var(--color-primary-hover);
}
.header__actions {
  display: flex;
  align-items: center;
  gap: clamp(16px, 16px + (100vw - 1200px) * 8 / 720, 24px);
  flex-shrink: 0;
}
@media (max-width: 640px) {
  .header__actions {
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .header__city {
    display: none !important;
  }
}
.header__phone {
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: var(--fs-menu);
  color: var(--color-text);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s ease;
}
.header__phone:hover {
  color: var(--color-primary-hover);
}
@media (max-width: 767px) {
  .header__phone {
    font-size: 12px;
  }
}
.header__button {
  white-space: nowrap;
}
@media (max-width: 640px) {
  .header__button {
    display: none !important;
  }
}
.header__burger {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 26px;
  height: 18px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.header__burger:focus {
  outline: none;
}
.header__burger span {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: var(--color-text);
}
.header__burger span:last-child {
  width: 50%;
  align-self: flex-end;
}
@media (max-width: 1199px) {
  .header__burger {
    display: flex;
  }
}

/* ================== Хлебные крошки ================== */
.breadcrumbs {
  margin-top: 70px;
}
@media (max-width: 1920px) {
  .breadcrumbs {
    margin-top: 45px;
  }
}
@media (max-width: 1200px) {
  .breadcrumbs {
    margin-top: 35px;
  }
}
@media (max-width: 768px) {
  .breadcrumbs {
    margin-top: 25px;
  }
}
.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1920px) {
  .breadcrumbs__list {
    gap: 20px;
  }
}
@media (max-width: 1200px) {
  .breadcrumbs__list {
    gap: 14px;
  }
}
@media (max-width: 768px) {
  .breadcrumbs__list {
    gap: 10px;
  }
}
.breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: inherit;
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: var(--fs-menu);
  line-height: var(--lh-menu);
}
.breadcrumbs__item:not(:last-child)::after {
  content: "»";
  color: var(--color-text);
  opacity: 0.5;
}
.breadcrumbs__link {
  color: var(--color-text);
  opacity: 0.5;
  transition: opacity 0.2s ease, color 0.2s ease;
}
.breadcrumbs__link:hover {
  opacity: 1;
  color: var(--color-primary-hover);
}
.breadcrumbs__current {
  color: var(--color-text);
}

/* ================== Footer ================== */
.footer {
  /* Прижимаем футер к низу страницы (body — flex-колонка) */
  margin-top: auto;
  background-color: var(--color-accent-light);
  border-radius: 60px 60px 0 0;
  font-family: var(--font-body);
  color: var(--color-text);
}
.footer__container {
  width: 100%;
  padding-inline: min(var(--container-pad), 50px);
  padding-top: 105px;
  padding-bottom: 40px;
}
@media (max-width: 1200px) {
  .footer__container {
    padding-top: 56px;
    padding-bottom: 32px;
  }
}
@media (max-width: 560px) {
  .footer__container {
    padding-top: 48px;
    padding-bottom: 28px;
  }
}
.footer__container {
  /* Фрейм 360px: верх/низ футера */
}
@media (max-width: 360px) {
  .footer__container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.footer {
  /* ---- Верхняя часть ---- */
}
.footer__top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 1200px) {
  .footer__top {
    gap: 16px;
  }
}
@media (max-width: 992px) {
  .footer__top {
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 12px;
  }
}
.footer__top {
  /* Всё в одну колонку: сначала бренд+контакты, затем навигация */
}
@media (max-width: 560px) {
  .footer__top {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }
}
.footer__top {
  /* Крупные отступы между смысловыми блоками верхней части */
}
@media (max-width: 360px) {
  .footer__top {
    gap: 40px;
  }
}
.footer {
  /* Обёртка «бренд + контакты». На широких растворяется (3 колонки),
     на ≤992 становится левой колонкой */
}
.footer__aside {
  display: contents;
  /* Обёртка становится левой колонкой (сужаем, чтобы навигации хватило на 3 колонки) */
}
@media (max-width: 992px) {
  .footer__aside {
    display: flex;
    flex-direction: column;
    gap: 32px;
    flex-shrink: 0;
    max-width: 230px;
  }
}
.footer__aside {
  /* Левая обёртка — на всю ширину */
}
@media (max-width: 560px) {
  .footer__aside {
    max-width: none;
    gap: 28px;
  }
}
.footer__aside {
  /* Бренд ↔ контакты — как смена секции */
}
@media (max-width: 360px) {
  .footer__aside {
    gap: 40px;
  }
}
.footer {
  /* ---- Бренд ---- */
}
.footer__brand {
  display: flex;
  flex-direction: column;
  gap: 32px;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .footer__brand {
    gap: 20px;
  }
}
.footer__brand {
  /* Бренд — по центру */
}
@media (max-width: 560px) {
  .footer__brand {
    align-items: center;
    text-align: center;
  }
}
.footer__brand {
  /* Лого → «5 салонов» */
}
@media (max-width: 360px) {
  .footer__brand {
    gap: 24px;
  }
}
.footer__logo .logo__icon {
  height: 60px;
}
@media (max-width: 1200px) {
  .footer__logo .logo__icon {
    height: 40px;
  }
}
.footer__salons {
  margin: 0;
  max-width: 260px;
  font-size: var(--fs-small);
  font-weight: var(--fw-regular);
  line-height: var(--lh-text); /* 100% */
  color: var(--color-text);
  /* Сужаем бренд, чтобы 3 колонки помещались от 993px */
}
@media (max-width: 1200px) {
  .footer__salons {
    max-width: 200px;
  }
}
@media (max-width: 992px) {
  .footer__salons {
    max-width: 100%;
  }
}
.footer__salons-label {
  font-weight: var(--fw-bold);
}
.footer {
  /* ---- Навигация ---- */
}
.footer__nav {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: clamp(24px, 4vw, 72px);
}
@media (max-width: 1200px) {
  .footer__nav {
    gap: 24px;
  }
}
.footer__nav {
  /* По содержимому, прижата вправо (space-between); при нехватке места колонки переносятся */
}
@media (max-width: 992px) {
  .footer__nav {
    gap: 12px;
  }
}
.footer__nav {
  /* Колонки стопкой */
}
@media (max-width: 560px) {
  .footer__nav {
    flex-direction: column;
    gap: 28px;
  }
}
@media (max-width: 360px) {
  .footer__nav {
    gap: 28px;
  }
}
.footer__menu {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1200px) {
  .footer__menu {
    gap: 12px;
  }
}
.footer__menu {
  /* Пункты меню — шаг как в макете */
}
@media (max-width: 992px) {
  .footer__menu {
    gap: 5px;
  }
}
@media (max-width: 360px) {
  .footer__menu {
    gap: 12px;
  }
}
.footer__link {
  font-size: var(--fs-menu);
  line-height: var(--lh-menu);
  color: var(--color-text);
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer__link:hover {
  color: var(--color-primary-hover);
}
.footer__nav-col {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1200px) {
  .footer__nav-col {
    gap: 24px;
  }
}
@media (max-width: 360px) {
  .footer__nav-col {
    gap: 28px;
  }
}
.footer {
  /* ---- Блоки соцсетей в навигации ---- */
}
.footer__community-title {
  margin: 0 0 16px;
  font-size: var(--fs-small);
  font-weight: var(--fw-bold);
  line-height: var(--lh-menu); /* 120% */
  color: var(--color-text);
}
@media (max-width: 1200px) {
  .footer__community-title {
    margin-bottom: 10px;
  }
}
.footer__socials {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1200px) {
  .footer__socials {
    gap: 8px;
  }
}
@media (max-width: 360px) {
  .footer__socials--contacts {
    margin-top: 16px;
  }
}
.footer__social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--color-primary);
  transition: background-color 0.2s ease;
}
.footer__social:hover {
  background-color: var(--color-primary-hover);
}
@media (max-width: 1200px) {
  .footer__social {
    width: 30px;
    height: 30px;
  }
}
.footer__social-icon {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1200px) {
  .footer__social-icon {
    width: 14px;
    height: 14px;
  }
}
.footer {
  /* ---- Контакты ---- */
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 24px;
  text-align: right;
  flex-shrink: 0;
  order: 1; /* при display:contents у обёртки — ставит контакты в 3-ю колонку (после навигации) */
}
@media (max-width: 1200px) {
  .footer__contacts {
    gap: 16px;
  }
}
.footer__contacts {
  /* Слева, по левому краю, порядок сбрасываем */
}
@media (max-width: 992px) {
  .footer__contacts {
    order: 0;
    align-items: flex-start;
    text-align: left;
  }
}
.footer__contacts {
  /* Телефон и почта — плотная пара, дальше 24px */
}
@media (max-width: 360px) {
  .footer__contacts {
    gap: 8px;
  }
}
.footer__phone {
  font-size: var(--fs-accent);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-accent); /* 100% */
  color: var(--color-text);
  text-decoration: none;
  /* Телефон и email — крупнее */
}
@media (max-width: 360px) {
  .footer__phone {
    font-size: 22px;
  }
}
.footer__email {
  font-size: var(--fs-text);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-text); /* 100% */
  color: var(--color-text);
  text-decoration: none;
}
@media (max-width: 360px) {
  .footer__email {
    font-size: 22px;
  }
}
.footer__schedule {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1200px) {
  .footer__schedule {
    gap: 6px;
  }
}
@media (max-width: 360px) {
  .footer__schedule {
    gap: 8px;
    margin-top: 16px;
  }
}
.footer__schedule-title {
  margin: 0;
  font-size: var(--fs-small);
  font-weight: var(--fw-bold);
  line-height: var(--lh-text); /* 100% */
  color: var(--color-text);
}
.footer__schedule-row {
  margin: 0;
  font-size: var(--fs-small);
  font-weight: var(--fw-regular);
  line-height: var(--lh-text); /* 100% */
  color: var(--color-text);
}
.footer {
  /* ---- Нижняя строка ---- */
}
.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  margin-top: 56px;
  padding-top: 28px;
  border-top: 1px solid rgba(83, 83, 83, 0.2);
}
@media (max-width: 1200px) {
  .footer__bottom {
    margin-top: 36px;
    padding-top: 20px;
    gap: 24px;
  }
}
.footer__bottom {
  /* Стопкой, всё слева */
}
@media (max-width: 992px) {
  .footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
@media (max-width: 360px) {
  .footer__bottom {
    margin-top: 40px;
    padding-top: 24px;
    gap: 24px;
  }
}
.footer__legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1200px) {
  .footer__legal {
    gap: 28px;
  }
}
.footer__legal {
  /* Правовые ссылки — стопкой без разделителей */
}
@media (max-width: 560px) {
  .footer__legal {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
@media (max-width: 360px) {
  .footer__legal {
    gap: 14px;
  }
}
.footer__legal-item {
  position: relative;
  /* Разделитель между правовыми ссылками */
}
.footer__legal-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background-color: var(--color-text);
  opacity: 0.3;
  /* По центру уменьшенного промежутка */
}
@media (max-width: 1200px) {
  .footer__legal-item:not(:last-child)::after {
    right: -14px;
  }
}
@media (max-width: 560px) {
  .footer__legal-item:not(:last-child)::after {
    display: none;
  }
}
.footer__legal-link {
  font-size: var(--fs-menu);
  color: var(--color-text);
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer__legal-link:hover {
  color: var(--color-primary-hover);
}
.footer__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: right;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .footer__info {
    gap: 10px;
  }
}
@media (max-width: 992px) {
  .footer__info {
    text-align: left;
  }
}
@media (max-width: 360px) {
  .footer__info {
    gap: 16px;
  }
}
.footer__requisites, .footer__disclaimer {
  margin: 0;
  font-size: var(--fs-menu);
  line-height: 1.4;
  color: var(--color-text);
}

/* ================== Мобильное меню ================== */
body.is-menu-open {
  overflow: hidden;
}

.mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 100;
  visibility: hidden;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: transparent;
  /* Открытое состояние. Класс вешает assets/js/menu.js.
     Скрыто через visibility, а не display — иначе анимации ниже не сработают */
}
.mobile-menu--open {
  visibility: visible;
  pointer-events: auto;
}
.mobile-menu--open .mobile-menu__overlay {
  opacity: 1;
}
.mobile-menu--open .mobile-menu__panel {
  transform: translateX(0);
}
.mobile-menu__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(83, 83, 83, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.mobile-menu__panel {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  width: min(360px, 85vw);
  height: 100%;
  padding: 15px 24px 24px 24px;
  background-color: var(--color-base);
  transform: translateX(100%);
  transition: transform 0.3s ease;
  overflow-y: auto;
}
@media (max-width: 767px) {
  .mobile-menu__panel {
    width: 320px;
  }
}
.mobile-menu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}
.mobile-menu__icon {
  height: 34px;
}
.mobile-menu__close {
  position: relative;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.mobile-menu__close::before, .mobile-menu__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 2px;
  background-color: var(--color-text);
}
.mobile-menu__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.mobile-menu__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.mobile-menu__benefits {
  display: none;
}
@media (max-width: 767px) {
  .mobile-menu__benefits {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(83, 83, 83, 0.2);
    list-style: none;
    text-align: center;
  }
}
@media (max-width: 640px) {
  .mobile-menu__benefit {
    font-family: var(--font-body);
    font-weight: var(--fw-semibold);
    font-size: 14px;
    line-height: 1.2; /* 120% */
    color: var(--color-primary);
  }
}
.mobile-menu__nav {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(83, 83, 83, 0.2);
}
.mobile-menu__link {
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  font-size: 14px;
  line-height: 1;
  color: var(--color-text);
  text-decoration: none;
  transition: color 0.2s ease;
}
.mobile-menu__link:hover {
  color: var(--color-primary-hover);
}
.mobile-menu__phone {
  font-family: var(--font-body);
  font-weight: var(--fw-semibold);
  font-size: 18px;
  color: var(--color-text);
  text-decoration: none;
  margin-bottom: 16px;
}
.mobile-menu__button {
  margin-top: auto;
  border-radius: 50px;
  padding: 12px 40px;
  font-size: 12px;
}
@media (max-width: 360px) {
  .mobile-menu__button {
    padding: 15px 26px;
    font-size: 14px;
  }
}

/* ================== Общие элементы ================== */
.city {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: none;
  background: none;
  font-family: var(--font-body);
  font-size: var(--fs-menu);
  color: var(--color-text);
}
.city__name {
  text-decoration: underline;
}
.city__arrow {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--color-text);
}

/* ================== Модалка ================== */
body.is-modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  overflow-y: auto;
  /* Закрыта по умолчанию, открытое состояние — класс .modal--open от js */
  visibility: hidden;
  pointer-events: none;
  -webkit-tap-highlight-color: transparent;
}
.modal--open {
  visibility: visible;
  pointer-events: auto;
}
.modal--open .modal__overlay {
  opacity: 1;
}
.modal--open .modal__window {
  opacity: 1;
  transform: none;
}
.modal {
  /* Поля оверлея — как --container-pad на этих фреймах */
}
@media (max-width: 1200px) {
  .modal {
    padding: 20px 38px;
  }
}
@media (max-width: 768px) {
  .modal {
    padding: 14px;
  }
}
.modal {
  /* ---- Затемнение фона, оно же клик мимо карточки ---- */
}
.modal__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(83, 83, 83, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.modal {
  /* ---- Карточка ---- */
}
.modal__window {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 768px;
  /* Карточка выше экрана — остаётся по центру и прокручивается */
  margin: auto;
  padding: 30px 44px 44px;
  border-radius: 30px;
  background-color: var(--color-base);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
@media (max-width: 1920px) {
  .modal__window {
    max-width: 560px;
    padding: 20px 30px 30px;
    border-radius: 20px;
  }
}
@media (max-width: 1200px) {
  .modal__window {
    max-width: 480px;
    padding: 18px 24px 28px;
  }
}
@media (max-width: 768px) {
  .modal__window {
    max-width: 440px;
    padding: 20px 24px 32px;
  }
}
@media (max-width: 360px) {
  .modal__window {
    padding: 18px 16px 28px;
    border-radius: 16px;
  }
}
.modal {
  /* ---- Шапка: логотип + крестик ---- */
}
.modal__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.modal__logo .logo__icon {
  height: 45px;
}
@media (max-width: 1920px) {
  .modal__logo .logo__icon {
    height: 30px;
  }
}
@media (max-width: 768px) {
  .modal__logo .logo__icon {
    height: 34px;
  }
}
@media (max-width: 360px) {
  .modal__logo .logo__icon {
    height: 30px;
  }
}
.modal__close {
  position: relative;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.modal__close::before, .modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 2px;
  background-color: var(--color-text);
}
.modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width: 1920px) {
  .modal__close {
    width: 20px;
    height: 20px;
  }
  .modal__close::before, .modal__close::after {
    width: 16px;
  }
}
.modal {
  /* ---- Контент ---- */
}
.modal__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
  margin-top: 40px;
}
@media (max-width: 1920px) {
  .modal__content {
    gap: 16px;
    margin-top: 26px;
  }
}
@media (max-width: 1200px) {
  .modal__content {
    gap: 14px;
    margin-top: 20px;
  }
}
.modal__content {
  /* На 768 токены снова растут (--fs-text 14px), отступы вместе с ними */
}
@media (max-width: 768px) {
  .modal__content {
    gap: 18px;
    margin-top: 24px;
  }
}
@media (max-width: 360px) {
  .modal__content {
    gap: 16px;
    margin-top: 20px;
  }
}
.modal__title {
  color: var(--color-primary);
}
.modal {
  /* Кнопка мессенджера во всю ширину карточки; размеры — из .messengers__link */
}
.modal__messengers {
  width: 100%;
}
.modal__messengers .messengers__link {
  width: 100%;
}
.modal__contacts {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
}
@media (max-width: 1920px) {
  .modal__contacts {
    gap: 8px;
    margin-top: 10px;
  }
}
@media (max-width: 1200px) {
  .modal__contacts {
    gap: 6px;
    margin-top: 6px;
  }
}
@media (max-width: 768px) {
  .modal__contacts {
    gap: 10px;
    margin-top: 10px;
  }
}
@media (max-width: 360px) {
  .modal__contacts {
    gap: 8px;
    margin-top: 8px;
  }
}
.modal__phone {
  color: var(--color-text);
  text-decoration: underline;
  /* Скобки заходят под базовую линию — без этого браузер рвёт подчёркивание вокруг них */
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-offset: 4px;
}

/* ================== Попап с фотографией ================== */
body.is-lightbox-open {
  overflow: hidden;
}

.lightbox {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  /* Закрыт по умолчанию, открытое состояние — класс .lightbox--open от js.
     Скрываем через visibility, а не display: иначе не анимируются opacity и transform */
  visibility: hidden;
  pointer-events: none;
  -webkit-tap-highlight-color: transparent;
}
.lightbox--open {
  visibility: visible;
  pointer-events: auto;
}
.lightbox--open .lightbox__overlay {
  opacity: 1;
}
.lightbox--open .lightbox__dialog {
  opacity: 1;
  transform: none;
}
@media (max-width: 768px) {
  .lightbox {
    padding: 14px;
  }
}
.lightbox {
  /* ---- Затемнение фона, оно же единственный способ закрыть мышью ---- */
}
.lightbox__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(83, 83, 83, 0.5);
  opacity: 0;
  transition: opacity 0.22s ease;
  cursor: pointer;
}
.lightbox__dialog {
  position: relative;
  z-index: 1;
  display: flex;
  opacity: 0;
  transform: scale(0.96);
  transition: opacity 0.22s ease, transform 0.22s ease;
  /* Рамку фокуса не показываем: фокус сюда ставит js, а не пользователь */
}
.lightbox__dialog:focus {
  outline: none;
}
.lightbox {
  /* Фото вертикальное — высоту ограничивает экран, ширину догоняет пропорция */
}
.lightbox__image {
  display: block;
  width: auto;
  height: auto;
  max-width: min(88vw, 560px);
  max-height: 84vh;
  border-radius: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .lightbox__image {
    max-width: calc(100vw - 28px);
    border-radius: 14px;
  }
}/*# sourceMappingURL=styles.css.map */
/* End */
/* /local/templates/eopctica/assets/scss/main.css?178949247985872 */
/* /local/templates/eopctica/styles.css?178610218134743 */