:root{--font-main: "SF Pro Display";--font-second: "Inter", sans-serif;--success: linear-gradient(180deg, #73d389 0%, #4eb78b 100%);--error: #ff3b30;--close: #888888;--wait: #fc0;--border-color: #d1d1d6;--text-color: #141414;--title-color: #5d5d5d;--title-color-mini: #3d3d3d;--title-color-main: #000000}html{box-sizing:border-box}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}a{text-decoration:none;color:inherit}button{background-color:transparent;border:none;outline:none}ul,ol,li{list-style-type:none}body{font-family:var(--font-main),sans-serif;font-size:14px;font-weight:400;color:var(--text-color)}img,svg{max-width:100%;height:auto}input,textarea{border:none;outline:none}.container{max-width:430px;padding:0 15px;margin:0 auto}.title{font-weight:500;font-size:24px;color:var(--title-color-main);margin:10px 0}.main{padding-bottom:30px}.main__inner{display:flex;flex-direction:column;gap:10px}.card{border:1px solid var(--border-color);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.card-flex{flex-direction:row;gap:5px;align-items:center}.card-flex .card__inner{flex-shrink:0}.card-top{background-repeat:no-repeat;background-size:cover;position:relative;padding-top:55px;margin-top:20px}.info{font-weight:500;font-size:16px;color:#fff;border-radius:10px;padding:5px 8px;display:flex;align-items:center;justify-content:center}.success{background:var(--success)}.card-top__info{position:absolute;z-index:2;top:10px;right:13px}.card__content{display:flex;align-items:center;gap:15px}.card__img-wrapper{width:80px;height:80px}.card__description{display:flex;flex-direction:column;gap:5px;color:#fff}.card-top__title{font-weight:500;font-size:24px}.card-top__text{font-weight:400;font-size:14px}.card__title{font-weight:400;font-size:16px;color:var(--title-color)}.card__inner img{width:40px}.card__list{display:flex;flex-direction:column;align-items:flex-start}.card__list .card__item:before{content:"•";margin-right:5px}.advertising{background-color:#141414;color:#fff;padding:10px 0;text-align:center;font-size:16px;margin:10px 0}.card__images{display:flex;align-items:center;gap:8px}.card__img img{max-width:40px}.card-mini-wrapper{display:flex;gap:10px}.card-mini .card__img img{max-width:25px}.card-mini__title{font-weight:500;font-size:12px;color:var(--title-color-mini);text-align:center}.card-mini__bottom{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:10px}.promotions{display:flex;gap:10px}.promotions__card{position:relative;border:1px solid var(--border-color);border-radius:10px;padding:12px;max-width:195px;min-height:150px;width:100%;overflow:hidden;display:flex;flex-direction:column}.promotions__card:before{content:"";display:block;width:100%;height:92px;background-image:url(./img/decor.png);background-repeat:no-repeat;background-size:cover;position:absolute;z-index:3;bottom:0;left:0;right:0}.promotions__info{padding:2px 5px;font-weight:700;font-size:14px;color:#fff;border-radius:5px;box-shadow:0 0 10px #fffc;text-align:center;position:absolute;z-index:4;top:8px;left:8px}.promotions__img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;border-radius:10px}.promotions__content{position:relative;z-index:4;margin-top:auto}.promotions__text{font-weight:400;font-size:14px;color:#000}.promotions__text_indigo{color:#5856d6;font-weight:500}.promotions__text_blue{color:#007aff;font-weight:500}.indigo{background-color:#5856d6}.blue{background-color:#007aff}.card__top{display:flex;align-items:center;gap:8px;margin-bottom:7px}.card__top-img{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center}.card__top-img.blue{background-color:#007aff}.card__top-img.green{background-color:#34c759}.card__add{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.card__add-top{font-weight:500;font-size:20px}.card__add-bottom{font-weight:400;font-size:16px}.card__links{display:flex;gap:6px}.card__link{display:flex;align-items:center;gap:5px;border:1px solid var(--border-color);border-radius:5px;padding:6px 10px;background-color:#f6f6f6}.delivery__slider{display:flex;align-items:stretch;gap:10px}.delivery__img{width:100px;height:100px;object-fit:cover;border-radius:10px}.card__time{display:flex;justify-content:space-between;gap:10px}.card__time span{font-weight:500;font-size:20px;color:var(--text-color)}.announcements{display:flex;justify-content:center}.features__list{display:flex;flex-wrap:wrap;gap:10px}.features__item{border:1px solid #34c759;border-radius:10px;padding:10px;display:flex;align-items:center;gap:10px}.features__item span{font-weight:500;font-size:16px}.present__list{display:flex;flex-direction:column;gap:10px}.present__item{border-radius:10px;padding:15px 10px;display:flex;align-items:center;gap:10px}.present__item span{font-weight:500;font-size:16px;color:#fff}.present__item.error{background-color:#ff2d55}.present__item.purple{background-color:#af52de}.present__item.blue{background-color:#5856d6}.card__title-2{font-weight:500;font-size:18px}.card__subtitle{font-weight:400;font-size:14px;color:#6d6d6d}.card__banner{border-radius:14px;padding:13px 18px;background:#d6001c;width:100%;text-align:center}.advertising-distance{margin-top:32px;margin-bottom:14px}.posts__list{display:flex;flex-wrap:wrap;gap:10px}.posts__item{max-width:195px;border:1px solid #d1d1d6;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;gap:6px}.posts__img{position:relative}.post__social{position:absolute;top:10px;right:10px}.posts__link{margin-top:auto;font-weight:400;font-size:14px;color:#007aff;padding-left:10px;padding-bottom:10px;display:block}.posts__title{font-size:14px;line-height:110%;color:#007aff;text-wrap:balance;margin-bottom:4px}.posts__bottom{padding:0 10px 10px}.posts__date{font-weight:400;font-size:12px;color:#888}.gallery__list{display:flex;flex-wrap:wrap;gap:5px}.gallery__item{max-width:130px;border:.67px solid #d1d1d6;border-radius:5px;position:relative;overflow:hidden}.pin{position:absolute;top:7px;right:7px}.card__select{display:flex;flex-direction:column;gap:15px;margin-top:5px}.custom-checkbox{display:flex;align-items:center;font-weight:400;font-size:16px;color:#3d3d3d}.custom-checkbox input{display:none}.custom-checkbox label{display:flex;align-items:center;cursor:pointer}.checkbox-box{width:20px;height:20px;border:.67px solid #d1d1d6;border-radius:3px;display:flex;align-items:center;justify-content:center;margin-right:10px}.checkbox-box:after{content:"";width:15px;height:15px;background:#666;display:none;border-radius:2px}.custom-checkbox input:checked+label .checkbox-box:after{display:block}.send{font-weight:500;font-size:16px;color:#fff;border-radius:14px;padding:13px 18px;background:#34c759}.survey{font-weight:500;font-size:16px;color:#fff;border-radius:14px;padding:18px 0;background:#32ade6;display:flex;justify-content:center;align-items:center}.card__head{max-width:320px}.reviews__item{display:flex;flex-direction:column;gap:10px;border-radius:20px;background-color:#f6f6f6;padding:15px 15px 32px}.reviews__head{display:flex;align-items:center;gap:13px}.reviews__img{width:50px;height:50px;overflow:hidden;border-radius:50%}.name{font-size:18px;color:#000;margin-bottom:5px}.date{font-size:14px;color:#6d6d6d}.reviews__content{font-size:14px;text-wrap:balance}.form-reviews{display:flex;flex-direction:column;gap:15px}.form-reviews__input{border:.67px solid #d1d1d6;border-radius:10px;padding:15px 32px 15px 10px;width:100%}.form-reviews__input::placeholder{font-weight:400;font-size:16px;color:#b0b0b0}.form-reviews__area{border:.67px solid #d1d1d6;border-radius:10px;padding:10px;resize:none;min-height:150px}
