.container{padding-inline:20px}@media (min-width:576px){.container{padding-inline:72px}}@media (min-width:1024px){.container{max-width:1260px;margin-inline:auto;padding-inline:120px}}*{box-sizing:border-box}.page{font-family:Inter,sans-serif;font-size:16px;line-height:140%;color:#292929;scroll-behavior:smooth}.page ::-webkit-scrollbar-track{background:#f1f1f1}.page:has(.page__menu:target){overflow:hidden}.page__body{margin:0;min-width:320px}.page__menu{position:fixed;top:0;left:0;right:0;transition:all .3s;opacity:0;transform:translateX(-100%);pointer-events:none}.page__menu:target{opacity:1;transform:translateX(0);pointer-events:all}.header{background-image:url(img-mob-webp.cfdf3857.webp);background-size:cover}@media (min-width:576px){.header{background-image:url(img-tab-webp.ca12e443.webp)}}@media (min-width:1024px){.header{background-image:url(img-web-webp.9f0910fb.webp)}}.header__content{height:100vh;display:flex;flex-direction:column;justify-content:space-between}.header__waves{height:57px;width:48px;margin-bottom:16px;background-image:url(icon-waves.ac882901.svg);background-size:cover}@media (min-width:576px){.header__waves{widows:64px;height:76px;margin-bottom:40px}}.header__title{margin:0;font-style:italic;font-weight:800;font-size:32px;line-height:100%;letter-spacing:-1.5px}@media (min-width:576px){.header__title{font-size:40px}}.header__bottom{padding-bottom:40px}@media (min-width:576px){.header__bottom{padding-bottom:64px}}.top-bar{padding:24px;display:flex;justify-content:space-between;align-items:center}@media (min-width:576px){.top-bar{padding-block:32px}}.top-bar__icons{display:flex;gap:24px}.top-bar__logo-link{display:flex}.top-bar__logo{height:16px;transition:transform .3s}.top-bar__logo:hover{transform:scale(1.2)}@media (min-width:576px){.top-bar__logo{height:24px}}.icon{display:block;height:24px;width:24px;background-size:cover;background-position:50%;transition:transform .3s}.icon:hover{transform:scale(1.2)}@media (min-width:576px){.icon{height:32px;width:32px}}.icon--phone{position:relative;background-image:url(phone.170d6839.svg)}.icon--phone:after{content:"+1 234 555-55-55";position:absolute;display:block;right:8px;bottom:8px;width:180px;color:#292929;font-size:12px;font-weight:700;line-height:16px;letter-spacing:2px;transition:transform .3s;transform:scale(0);transform-origin:left}.icon--phone:hover:after{transform:scale(1)}.icon--menu{background-image:url(icon-burger-menu.dd14e56c.svg)}.icon--menu:hover{background-image:url(icon-burger-menu-hover.1a42857b.svg)}.icon--close{background-image:url(icon-close.2fa8315e.svg)}.menu{box-sizing:border-box;height:100vh;background-color:#e5e5e5;font-weight:700;text-transform:uppercase}.menu__top{margin-bottom:32px}@media (min-width:576px){.menu__top{margin-bottom:0}}.menu__bottom{margin-top:32px}@media (min-width:576px){.menu__bottom{margin-top:56px}}.menu__nav{margin-bottom:40px}.menu__phone__number{margin-bottom:16px;font-size:16px;line-height:27px}.menu__call-to-order,.menu__phone__number{display:block;color:inherit;text-decoration:none}.menu__call-to-order{width:fit-content;padding-bottom:7px;border-bottom:1px solid #292929;font-size:12px;line-height:16px;letter-spacing:2px}.nav__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:32px}.nav__link{position:relative;color:inherit;text-decoration:none;font-size:22px;line-height:22px;letter-spacing:2px}.nav__link:after{content:"";position:absolute;bottom:-8px;display:block;height:1px;width:100%;background-color:#292929;transition:transform .3s;transform:scale(0);transform-origin:left}.nav__link:hover:after{transform:scale(1)}.section-title{margin:0 0 48px;font-weight:700;font-size:32px;line-height:100%;text-align:center;letter-spacing:-1.5px}@media (min-width:576px){.section-title{margin-bottom:64px;font-size:40px}}@media (min-width:1024px){.section-title{font-size:48px}}.section-title--align-left{text-align:left}.mainSec{background-color:#fff}.mainSec__content{display:grid;row-gap:96px;padding-block:96px}@media (min-width:576px){.mainSec__content{padding-block:120px;row-gap:120px}}.product__photo{width:100%;transition:transform .3s}.product__photo:hover{transform:scale(1.1)}.recommended__products{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);row-gap:40px}@media (min-width:576px){.recommended__products{--columns:6;column-gap:24px}}@media (min-width:1024px){.recommended__products{--columns:12}}.recommended__product{grid-column:1/-1}@media (min-width:576px){.recommended__product{grid-column:2/-2}}@media (min-width:1024px){.recommended__product{grid-column:span 4}}.how-to-buy{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr)}@media (min-width:576px){.how-to-buy{--columns:6;column-gap:24px}}@media (min-width:1024px){.how-to-buy{--columns:12}}.how-to-buy__title{grid-column:1/-1}@media (min-width:576px){.how-to-buy__title{grid-column:1/4}}@media (min-width:1024px){.how-to-buy__title{grid-column:span 5}}.how-to-buy__content{grid-column:1/-1}@media (min-width:576px){.how-to-buy__content{grid-column:4/7}}@media (min-width:1024px){.how-to-buy__content{grid-column:span 5}}.how-to-buy__benefits{display:grid;row-gap:16px;margin:0 0 40px;padding:0;list-style:none;font-weight:700}.how-to-buy__description{margin:0;line-height:27px}.categories__wrapper{display:grid;row-gap:40px}@media (min-width:576px){.categories__wrapper{row-gap:64px}}.category__photos{--columns:2;display:grid;column-gap:20px;grid-template-columns:repeat(var(--columns),1fr);margin-bottom:16px}@media (min-width:576px){.category__photos{--columns:6;column-gap:24px}}@media (min-width:1024px){.category__photos{--columns:12}}.category__link{position:relative;text-decoration:none}@media (min-width:576px){.category__link--wide{grid-column:span 4}}@media (min-width:1024px){.category__link--wide{grid-column:span 8}}.category__link--square{height:0;padding-bottom:100%}@media (min-width:576px){.category__link--square{grid-column:span 2}}@media (min-width:1024px){.category__link--square{grid-column:span 4}}.category__photo{width:100%;height:324px;object-fit:cover;transition:transform .3s}.category__photo:hover{transform:scale(1.05)}.category__title{margin:0}.category__text,.category__title{font-weight:700;font-size:24px;line-height:140%}.category__text{color:#292929}.contacts__form{display:flex;width:100%;max-width:412px;flex-direction:column;gap:16px}@media (min-width:576px){.contacts__main{display:flex;gap:24px;justify-content:space-between}}@media (min-width:1024px){.contacts__main{gap:198px}}.contacts__field{display:flex;width:100%;height:48px;padding:14px 0 14px 16px;align-items:flex-start;border-radius:40px;color:#7e7e83;background:#f8f8fa;outline:none;border:#f8f8fa}.contacts__field:-webkit-autofill,.contacts__field:-webkit-autofill:focus,.contacts__field:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #f8f8fa inset}.contacts__field:hover{border:1px solid #d5d7de;background:#f8f8fa;color:#292929}.contacts__field:active{border:1px solid #292929;background:#f8f8fa;color:#292929}.contacts__field::placeholder{color:#7e7e83;font-family:Inter;font-size:14px}.contacts__field--message{display:flex;width:100%;max-width:412px;height:200px;font-family:Inter;align-items:flex-start;justify-content:left;gap:10px;border-radius:16px;resize:none}.contacts__field--message ::-webkit-scrollbar{width:10px}.contacts__field--message ::-webkit-scrollbar-track{background:#f1f1f1}.contacts__field--message ::-webkit-scrollbar-thumb{background:#888}.contacts__field--message ::-webkit-scrollbar-thumb:hover{background:#555}.contacts__info{display:block;width:100%;max-width:412px}.contacts__info--first{color:#9fadc2;padding-top:8px;margin:0}.contacts__info--second{color:#3e3e3e;margin-bottom:24px;transition:transform .3s}.contacts__info--second:hover{transform:scale(1.05)}.contacts__info--address,.contacts__info--mail,.contacts__info--number{color:#3e3e3e;text-decoration:none}.footer{height:400px}.footer__photo{width:100%}.button{cursor:pointer;transition:transform .3s}.button:hover{transform:scale(1.1)}.button__view{display:flex;width:324px;height:56px;margin:64px auto 0;justify-content:center;align-items:center;color:#fff;background-color:#292929;border-radius:40px;border:3px solid #292929}.button__view:hover{background-color:#fff;color:#292929}.button__view:active{background-color:#111;color:#fff}.button__send{display:flex;width:100%;height:56px;margin-top:32px;flex-direction:column;justify-content:center;align-items:center;color:#fff;background-color:#292929;border-radius:40px;border:3px solid #292929}.button__send:hover{background-color:#fff;color:#292929}.button__send:active{background-color:#111;color:#fff}
/*# sourceMappingURL=main.481bc156.css.map */