@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:url(fonts/Nunito-Regular.494cb0cefd9c48726809.woff) format("woff"),url(fonts/Nunito-Regular.bb0b7104629b11c4f366.ttf) format("ttf")}@font-face{font-family:Nunito;font-style:normal;font-weight:600;src:url(fonts/Nunito-SemiBold.c50d7a80f9ad6d4dad3e.woff) format("woff"),url(fonts/Nunito-SemiBold.73450f7696b4e9e827f8.ttf) format("ttf")}@font-face{font-family:Nunito;font-style:normal;font-weight:800;src:url(fonts/Nunito-ExtraBold.b2d42703aa78fd208a59.woff) format("woff"),url(fonts/Nunito-ExtraBold.42043534d98f10220d0a.ttf) format("ttf")}
*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background-color:var(--text-color);border-radius:2px}body{margin:0 auto;max-inline-size:1980px;min-block-size:100dvb}h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0;padding:0}address{font-style:normal}a{color:inherit;text-decoration:none}.button,input{background-color:transparent;border:none;color:var(--main-color);cursor:pointer;font-family:inherit;font-size:inherit;padding:0;white-space:nowrap}ol,ul{list-style:none}.visually-hidden{block-size:1px;inline-size:1px;overflow:hidden;position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.uppercase{text-transform:uppercase}.is-active{border-bottom:1.4px solid #373636;cursor:default;transition:all .2s ease}.is-active .main__menu__button{border-radius:0;opacity:1}.is-active .main__menu__button-text{font-weight:600;opacity:1;transition:all .2s ease}img{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
:root{--font:"Nunito";--bg-color:#fff;--text-color:#373636;--logo-color:#ff7994;--extra-big-font-size:48px;--big-font-size:34px;--middle-font-size:28px;--mini-font-size:18px;--tiny-font-size:16px;--extra-bold:800;--bold:600;--regular:400}
.card{background-color:#fdfbfb;block-size:345px;border-radius:30px;color:#1e1e1e;font-family:var(--font),sans-serif;padding:15px}.card,.card:hover{transition:all .3s ease}.card:hover{background-color:#fff;box-shadow:0 5px 10px 6px rgba(255,121,148,.2);cursor:pointer}.card:hover .card__description-btn{opacity:1;transition:all .3s ease}.card__image-box{block-size:265px;border-radius:18px;overflow:hidden;position:relative}.card__image{-o-object-fit:cover;object-fit:cover;width:100%;block-size:100%;border-radius:18px;-o-object-position:center;object-position:center}.card__description-box{display:grid;margin-block-start:5%}.card__description-btn{align-items:center;background-color:transparent;block-size:40px;border:none;border-radius:10px;color:#1e1e1e;cursor:pointer;display:flex;font-size:20px;font-weight:var(--regular);gap:8px;justify-content:center;opacity:.7;padding:8px 14px;transition:all .3s ease}@media (min-width:374px) and (max-width:825px){.card{block-size:190px;border-radius:14px;padding:10px}.card__image-box{block-size:140px}.card__image,.card__image-box{border-radius:12px}.card__description-box{justify-content:center;margin-block-start:3%}.card__description-btn{block-size:30px;border-radius:10px;font-size:14px;padding:10px 14px}}@media (min-width:414px) and (max-width:825px){.card__image-box{block-size:157px}.card{block-size:210px}}
.main__places{background-color:#e7e9f1;block-size:77dvb;border-radius:50px;box-shadow:0 0 10px 2px rgba(255,121,148,.2);margin-block-start:30px;margin-inline-end:135px;margin-inline-start:135px;overflow:auto;padding:30px;scrollbar-width:none}.places:not(:last-child){margin-block-end:50px}.places__list{display:grid;grid-template-columns:repeat(auto-fit,310px);justify-content:center;grid-gap:20px 18px;margin-block-start:30px}.places__box{display:flex;gap:17px}.places__title{font-size:var(--big-font-size);font-weight:var(--bold);margin-block-end:7px}.places__description,.places__price{font-size:18px;font-style:italic;opacity:.8}.places__price{align-items:center;display:flex}@media (min-width:374px) and (max-width:825px){.main__places{background-color:#e7e9f1;block-size:100%;border-radius:0;box-shadow:none;margin-block-start:30px;margin-inline-end:0;margin-inline-start:0;overflow:none;padding:0;scrollbar-width:none}.places:not(:last-child){margin-block-end:50px}.places__list{grid-template-columns:repeat(auto-fit,171px);grid-gap:10px 9px;margin-block-start:20px}.places__box{gap:10px}.places__title{font-size:20px}.places__description,.places__price{font-size:14px}}@media (min-width:414px) and (max-width:825px){.places__list{grid-template-columns:repeat(auto-fit,190px)}}
.header{display:flex;justify-content:center;margin-block-start:30px}@media (min-width:374px) and (max-width:825px){.logo-item{height:195px;width:250px;width:180px}}@media (min-width:826px) and (max-width:1025px){.logo-item{height:195px;width:250px;width:180px}}
.main__menu{display:grid;gap:20px;margin-block-start:100px;margin-inline-end:135px;margin-inline-start:135px;transition:top .3s}.main__menu-title{font-size:var(--extra-big-font-size);font-weight:var(--bold)}.main__menu__list{display:flex;gap:14px;overflow:auto}.main__menu__list-item{block-size:40px;padding:5px}.main__menu__button{align-items:center;block-size:30px;border-radius:24px;display:flex;gap:8px;padding:8px 14px;position:relative}.main__menu__button-text:hover{opacity:1}.main__menu__button-text{font-size:var(--tiny-font-size);font-weight:400;line-height:21.82px;opacity:.7;transition:all .2s ease}@media (min-width:374px) and (max-width:825px){.main__menu{gap:5px;margin-block-start:50px;margin-inline-end:0;margin-inline-start:0}.main__menu-title{font-size:30px}.main__menu__list{gap:0}.main__menu__list-item{font-size:14px;padding:5px}.main__menu__button{block-size:30px;border-radius:0;gap:4px;padding:8px 7px}.main__menu__button-text{font-size:18px;font-weight:400}}
.florist-info{margin-block-start:60px;margin-inline-end:135px;margin-inline-start:135px}.florist-info__block{display:grid;gap:20px;grid-template-columns:351px auto;margin-block-start:30px}.florist-info__image-box{height:400px;width:350px}.florist-image{border-radius:18px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.florist-info-description-box{display:flex;flex-direction:column}.florist-info__name{font-size:35px;font-weight:var(--bold)}.florist-info__description{font-size:20px;line-height:30px;text-wrap:wrap}@media (min-width:374px) and (max-width:825px){.florist-info{margin-block-start:50px;margin-inline-end:0;margin-inline-start:0}.florist-info__block{display:flex;flex-direction:column-reverse;gap:20px;margin-block-start:30px}.florist-info__image-box{height:250px;margin:auto;width:100%}.florist-info__name{font-size:20px}.florist-info__description{font-size:16px;line-height:20px}}
.about-us{margin-block-start:60px;margin-inline-end:135px;margin-inline-start:135px}.about-us__list{display:grid;gap:50px;grid-template-columns:1fr 2fr;margin-block-start:30px}.about-us__list-item__title{font-size:25px;font-weight:var(--bold);margin-block-end:10px}.about-us__list-item__text{font-size:20px}@media (min-width:374px) and (max-width:825px){.about-us{margin-block-start:50px;margin-inline-end:0;margin-inline-start:0}.about-us__list{display:grid;gap:30px;grid-template-columns:none}.about-us__list-item__title{font-size:20px;margin-block-end:5px}.about-us__list-item__text{font-size:16px}}
.footer{margin-block-end:60px;margin-block-start:100px;margin-inline:135px}.tel{opacity:.7;transition:.3s ease .2s}.tel:hover{opacity:1;transition:.3s ease}.tel:before{block-size:1.5px;content:"";inline-size:0;position:absolute;right:0;top:calc(100% + 1px);transition:.5s cubic-bezier(.51,.18,0,.88) .2s}.tel:hover:before{background:rgba(255,121,148,.9);inline-size:100%;left:0;transition:inline-size .4s cubic-bezier(.51,.18,0,.88) .1s}.address{justify-content:space-between;margin-block-end:40px}.address,.left-footer__logo{align-items:center;display:flex}.left-footer__logo{gap:10px}.left-footer__text{display:grid;gap:5px;margin-block-start:130px}.center-footer{display:flex;flex-direction:column;gap:30px;padding-block-start:95px;padding-inline-start:100px}.common-footer__title{font-size:25px;font-weight:var(--regular);line-height:24px}.center-footer__tel{padding-block-end:20px;pointer-events:all}.tel{display:inline-block;font-size:var(--mini-font-size);font-weight:var(--regular);position:relative}.right-footer{display:flex;flex-direction:column;gap:20px;padding-block-start:90px}.right-footer__links{display:flex;gap:15px}@media (min-width:374px) and (max-width:825px){.footer{margin-block-end:10px;margin-block-start:50px;margin-inline:0}.address{align-items:flex-end;margin-block-end:40px}.left-footer__image{width:120px}.left-footer__text{font-size:.6em;gap:0;margin-block-start:23px}.center-footer{display:flex;flex-direction:column;gap:27px;padding-block-start:0;padding-inline-start:15px}.common-footer__title{font-size:.9em;line-height:12px}.center-footer__tel{padding-block-end:0}.tel{font-size:.9em}.right-footer{gap:16px;padding-block-start:19px;padding-inline-start:8px}.rot{width:27px}.right-footer__links{gap:5px}}@media (min-width:826px) and (max-width:1100px){.footer{margin-block-end:60px;margin-block-start:100px;margin-inline:60px}}
.popup-filter{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10}.popup{background-color:#e7e9f1;block-size:600px;border-radius:50px;display:flex;inline-size:1100px;justify-content:space-between;padding:50px}.title-box{font-size:40px;margin-block-end:30px;margin-block-start:50px}.number{font-size:30px;font-weight:400;margin-block-end:10px}.number .tel{font-size:25px}.popup__box{display:flex;gap:30px}.popup__close{background-color:transparent;block-size:50px;border-color:transparent;border-radius:50px;cursor:pointer;inline-size:50px}.places-list__gallery{background-color:rgba(0,0,0,.5);block-size:100%;border-radius:30px;inline-size:500px}.popup__pay{background-color:transparent;border-color:transparent;border-radius:24px;color:#373636;font-size:40px;font-weight:400;margin-block-start:220px;margin-inline-start:25%;opacity:.7;transition:all .2s ease}.popup__pay:hover{opacity:1;transition:all .2s ease}.popup__image{block-size:100%;border-radius:30px;inline-size:100%;-o-object-fit:cover;object-fit:cover}@media (min-width:826px) and (max-width:1100px){.popup{block-size:500px;inline-size:900px;padding:40px}.title-box{font-size:35px;margin-block-end:20px;margin-block-start:20px}.number{font-size:25px}.number .tel{font-size:20px}.popup__box{display:flex}.places-list__gallery{inline-size:450px}.popup__pay{font-size:35px;margin-block-start:140px;margin-inline-start:10%}}@media (min-width:429px) and (max-width:825px){.popup-filter{align-items:end;justify-content:center}.popup{block-size:88dvb;border-radius:0;display:block;inline-size:100%;padding:3%}.popup,.popup__box{flex-direction:column}.popup__box{align-items:center;gap:10px;margin-block-start:20px}.title-box{display:flex;font-size:35px;margin-block-start:10px}.number,.title-box{margin-block-end:10px}.number{font-size:27px}.number .tel{font-size:23px}.popup__close{display:none}.places-list__gallery{block-size:350px;border-radius:20px;inline-size:95%}.popup__pay{display:none}.popup__image{border-radius:20px}}@media (min-width:374px) and (max-width:428px){.popup-filter{align-items:end}.popup{block-size:88dvb;border-radius:0;display:block;inline-size:100%;padding:3%}.popup,.popup__box{flex-direction:column}.popup__box{align-items:center;gap:10px;margin-block-start:20px}.title-box{display:flex;font-size:32px;margin-block-end:10px;margin-block-start:10px}.number{font-size:22px;margin-block-end:0}.number .tel{font-size:17px}.popup__close{display:none}.places-list__gallery{block-size:330px;border-radius:20px;inline-size:100%}.popup__pay{display:none}.popup__image{border-radius:20px}}
.popup_is-animated{display:flex;opacity:0;pointer-events:none;transition:visibility 0s .6s,opacity .6s;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden}
.popup_is-opened{display:flex;opacity:1;pointer-events:all;transition:visibility 0s,opacity .6s;visibility:visible}
.fixed{background-color:#e7e9f1;position:sticky;top:0;width:100%;z-index:10}
.page{background-color:#e7e9f1;color:var(--text-color);font-family:var(--font),sans-serif}@media (min-width:374px) and (max-width:825px){.main{margin-inline:3%;width:94%}::-webkit-scrollbar{height:0;width:0}}
