@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);header{background-color:var(--bg-color);color:var(--dark-grey);float:left;padding:24px 0;position:fixed!important;top:0;width:100vw;z-index:999;& .header-container{max-width:1440px;padding:0 clamp(24px,6vw,84px)}& .header-main,.header-icons,ul{display:flex}& .header-help-btn ul{font-size:12px;gap:28px;justify-content:flex-end;margin-bottom:9px}& .header-main{align-items:center;justify-content:space-between;& ul{font-weight:500;gap:clamp(25px,4vw,45px)}@media (max-width:1099px){align-items:flex-start;flex-direction:column;gap:16px;& ul{font-size:14px}}}& li:hover{cursor:pointer;text-decoration:underline}}.header-icons{gap:8px;& img#img{padding:4px}& a{height:32px;width:32px;&:hover{background-color:var(--white);border-radius:50%}&:last-child{position:relative;& .count-products{background-color:var(--grey);border-radius:50%;color:var(--white);display:inline-block;font-size:10px;height:18px;padding:3px 2px;position:absolute;right:-4px;text-align:center;top:-2px;width:18px}}}}.header-search{position:relative;& input,button{border:none;outline:none}& input{border-radius:56px;color:var(--grey);height:32px;padding:8px 36px 8px 12px;width:201px;&:focus{border:2px solid var(--light-grey)}}& button{background-color:inherit;cursor:pointer;position:absolute;right:8px;top:3px}}footer{background-color:var(--white);border-radius:32px;display:flex;justify-content:space-between;margin-bottom:65px;padding:56px;& h4{margin-bottom:16px}& li{color:var(--grey);@media(max-width:1099px){font-size:14px}}& li:not(:last-child){margin-bottom:8px}& li:hover{text-decoration:underline}& :is(li:hover,img:hover){cursor:pointer}@media (max-width:1099px){flex-direction:column;gap:30px;padding-bottom:clamp(30px,5vw,56px);padding-left:clamp(30px,5vw,56px);padding-right:clamp(30px,5vw,56px);padding-top:clamp(30px,5vw,56px)}}.footer-icons{display:flex;gap:8px;& img{background-color:var(--dark-grey);border-radius:50%;padding:9px}}.footer-mobile-app{display:flex;flex-direction:column;gap:12px;& img{width:160px}}.home-page{min-height:460px;& h1{margin:100px 0 54px;text-align:center}& div{display:flex;gap:40px;justify-content:center;& a{background-color:var(--dark-grey);border:2px solid var(--dark-grey);border-radius:30px;color:var(--white);cursor:pointer;display:block;font-size:22px;margin-top:32px;min-width:220px;padding:37px 0;text-align:center;transition:all .3s ease;&:hover{background-color:var(--grey)}&:active{transform:scale(.95)}}}}.catalog-filtered,.catalog>div{display:flex;gap:24px;position:relative}.catalog-filtered{flex-direction:column;width:calc(100% - 324px);@media (max-width:645px){width:100%}.catalog-products{display:flex;flex-wrap:wrap;gap:24px;& p.error{color:var(--red-error);font-size:18px}}}.catalog-pages,.choose-page,.pages{display:flex}.catalog-pages{justify-content:space-between;& button{border:none;cursor:pointer}& .choose-page{gap:20px;& button{background-color:var(--dark-grey);border-radius:50%;height:52px;position:relative;width:52px;& img{padding:14px}}& .pages{align-items:center;& li{border-radius:8px;cursor:pointer;font-size:14px;height:40px;padding:12px;text-align:center;width:40px;&:not(:last-child){margin-right:2px}&.current,&:hover{background-color:var(--light-grey)}}}}}.product-card,.unavailable-med{border-radius:32px;height:392px;width:300px}.product-card{background-color:var(--light-grey);padding:16px;position:relative;& .unavailable-med{background-color:var(--dark-grey);left:0;opacity:.5;position:absolute;top:0}&:has(.unavailable-med) .product-info{background-color:var(--light-grey)}& .product-img{border-radius:20px;height:274px;margin:0 auto;width:264px}@media (max-width:1099px){width:clamp(230px,30vw,300px)}}.product-info{background-color:var(--white);border-radius:20px;bottom:16px;left:50%;padding:12px;position:absolute;transform:translateX(-50%);width:88%;& .product-hover-block{display:none}&:hover .product-hover-block{display:block}}.product-name{display:flex;justify-content:space-between;& p.name{font-size:12px;text-transform:uppercase}}.brand{color:var(--grey);font-weight:600;margin-bottom:8px}.brand,.product-name{-webkit-user-select:text;user-select:text}p:is(.brand,.price){font-size:14px}p:is(.name,.price){font-weight:700}.product-hover-block{&>img{margin-top:29px}& b{bottom:3px;font-weight:600;left:4px;position:relative}& button.dark-btn{background-color:var(--dark-grey);border:none;border-radius:70px;color:var(--white);cursor:pointer;display:block;font-size:18px;line-height:20px;margin-top:32px;padding:16px 28px;transition:all .3s ease;width:100%;&:active:not(.unavailable){transform:scale(.95)}&.unavailable{background-color:var(--grey);cursor:default}}}.filter-aside{display:flex;flex-direction:column;gap:24px;height:100%;width:clamp(240px,30vw,300px);@media (max-width:645px){height:100px;left:0;position:absolute;top:0;width:100%}& div:first-child{align-items:flex-start;display:flex;justify-content:space-between}& .btn-underline{background-color:inherit;border:none;cursor:pointer;font-size:16px;margin-top:8px;text-decoration:underline;&:disabled{color:var(--grey);cursor:default;margin-top:4px}}& p{color:var(--grey);font-weight:500}& h4{margin-bottom:16px}& ul{color:var(--grey);& li{margin-bottom:8px;& label{margin-left:8px}&.showmore{display:none}}}}.toggle-container{align-items:center;display:flex;width:200px;&>input{visibility:hidden;&:checked+label{background-color:var(--dark-grey);& .toggle-ball{animation:slideOn .3s linear forwards}}}&>label{background-color:var(--light-grey);border-radius:50px;cursor:pointer;display:inline-block;height:31px;margin-left:-12px;position:relative;width:51px;& .toggle-ball{align-items:center;animation:slideOff .3s linear forwards;background-color:var(--white);border-radius:50%;height:27px;justify-content:center;left:2px;position:absolute;top:2px;width:27px}}}@keyframes slideOn{0%{transform:translateX(0)}to{transform:translateX(20px)}}@keyframes slideOff{0%{transform:translateX(20px)}to{transform:translateX(0)}}.filter-top{display:flex;gap:50px;justify-content:space-between;@media (max-width:1099px){flex-direction:column;gap:24px}@media (max-width:645px){margin-top:120px}& .filter-pills{display:flex;gap:8px;& button{background-color:var(--white);border:1px solid var(--grey);border-radius:100px;font-size:14px;padding:12px 54px 12px 18px;position:relative;text-transform:uppercase;& img{cursor:pointer;position:absolute;right:18px;top:8px;transform:rotate(45deg)}}}& .filter-btns{display:flex;& img:first-child{margin-right:16px}& .custom-select{margin-left:clamp(26px,3vw,48px);width:clamp(200px,20vw,240px)}}}.custom-select{min-width:200px;position:relative;& select{appearance:none;-webkit-appearance:none;background-color:var(--white);border:1px solid var(--grey);border-radius:8px;cursor:pointer;font-size:16px;outline:none;padding:12px 14px;width:100%;&:disabled{cursor:default}}&:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");cursor:pointer;position:absolute;right:14px;top:10px}&:has(:disabled):after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 9 6 6 6-6' stroke='gray' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");cursor:default}}.cart-flex{display:flex;gap:24px;justify-content:space-between;&>div{width:100%}& button{cursor:pointer}& .selected-btn{display:flex;justify-content:space-between;margin-bottom:24px;& .checkbox,& .delete{align-items:center;display:flex}& button.delete{background-color:inherit;border:none;font-size:16px;gap:8px;text-decoration:underline}& .checkbox{color:var(--grey);& input{margin-right:10px}}}& .cart-items{width:100%;&.unavailable{margin-top:24px;& h3{color:var(--red-error)}& .attention{margin-top:24px;& a{text-decoration:underline}}}}& .summary{margin-top:48px}}.empty-cart{font-size:18px;margin:40px 0 100px}.cart-item,.cart-item label,.item-btns,.item-flexbox,.item-info,.save-delete{display:flex}.cart-item{align-items:center;gap:20px;margin:24px 0;& .medications{background-color:var(--grey);border-radius:32px;height:178px;width:178px}& label{flex-direction:column;height:178px;justify-content:space-between;width:70%;& #status{color:var(--grey);font-size:14px;margin-top:8px;width:100%}& #price{font-size:32px;font-weight:700;text-align:right}& #weight{color:var(--grey);font-size:22px;text-align:right}& .item-info{align-items:flex-start;justify-content:space-between}& .attention{border-radius:8px;font-size:13px;line-height:16px;padding:10px;width:290px}& .item-btns{font-size:16px;font-weight:700;justify-content:space-between;& button{background-color:inherit;border:none;font-size:16px;font-weight:700}& .qty,& button{align-items:center;display:flex}& .qty{border:1px solid var(--grey);border-radius:8px;gap:16px;& button{border-radius:8px;padding:12px}}& .save-delete{align-items:flex-end;gap:28px;& button{gap:8px}}}}}.checkout-selected-med,.drone-detail,.summary{max-width:408px;width:408px;& h3{text-align:left}& td,&>p,small{color:var(--grey)}}.drone-detail,.summary{& table{width:100%;& td{height:40px;vertical-align:bottom;&:last-child{text-align:right}}}}.checkout-selected-med{margin-top:48px;&>div{display:flex;flex-wrap:wrap;gap:16px 36px;& .medications{background-color:var(--light-grey);border-radius:20px;height:118px;margin-bottom:20px;width:118px}}}.drone-detail{& table td:last-child{text-transform:uppercase}}.summary{height:100%;& table{& tr:last-child{font-size:32px;font-weight:700;text-transform:uppercase;&>td{color:var(--dark-grey);height:63px}}}& .summary-error{&.null,p{color:var(--red-error);margin:20px 0}&>div{align-items:center;display:flex;& input{margin-right:10px}}}& .summary-btns{display:flex;flex-direction:column;gap:16px;margin:40px 0 0;&:has(button){margin-bottom:0}& a{border:2px solid var(--dark-grey);border-radius:70px;display:block;font-size:18px;padding:20px 0;text-align:center;transition:all .3s ease;&#checkout{background-color:var(--dark-grey);color:var(--white);&.disabled{cursor:not-allowed}&:hover{background-color:var(--grey)}}&#catalog{background-color:inherit;&:hover{background-color:var(--light-grey)}}}}& p{margin-top:40px}}.checkout{& form{display:flex;flex-direction:column;gap:12px;& input{border:1px solid var(--dark-grey);border-radius:100px;color:var(--dark-grey);display:block;font-size:16px;padding:16px 18px;width:100%;&::placeholder{color:var(--grey)}&:focus{outline:1px solid var(--dark-grey)}}}& .checkout-main{display:flex;gap:24px;justify-content:space-between;& .checkout-details{display:flex;flex-direction:column;gap:24px;width:70%;& a{height:24px;text-decoration:underline;& img{margin:0 0 4px 8px;transform:rotate(-90deg);vertical-align:middle}}}& .checkout-summary{display:flex;flex-direction:column;gap:24px;& .promo-code{background-color:var(--white);border-radius:32px;padding:28px;& div{cursor:pointer;display:flex;justify-content:space-between;& h3 img{margin-right:4px;vertical-align:middle}}& form{margin-top:20px}}}}}.checkout-customer,.checkout-delivery,.checkout-payment,.checkout-selected-med,.drone-detail{display:flex;flex-direction:column;gap:32px}.checkout-delivery{& .delivery-inputs{display:flex;gap:28px;justify-content:space-between;& div:is(#when,#where){display:flex;flex-direction:column;gap:20px;width:50%;&>div>p{color:var(--grey);font-size:13px;margin-top:4px}& .delivery-dates{display:flex;gap:12px;& .date{border:1px solid var(--dark-grey);border-radius:8px;min-width:108px;padding:10px;&.active{outline:1px solid var(--dark-grey)}&:not(.active){background-color:#efefef4d;color:var(--grey)}& p:first-child{color:var(--grey);margin-bottom:4px}}}& .delivery-times li{color:var(--grey);margin-bottom:16px;&:last-child{margin-bottom:0}& label{margin-left:8px}&:has(input:checked){color:var(--dark-grey)}}& .map{height:240px;width:378px}}}}.orders{display:flex;gap:24px;justify-content:space-between;position:relative;& .personal-info{display:flex;flex-direction:column;gap:24px;height:100%;min-width:300px;position:-webkit-sticky;position:sticky;top:103.5px;@media (max-width:1099px){top:225px}&>div:first-child{margin:0 auto;& .personal-photo{background-color:var(--light-grey);border-radius:50%;height:100px;left:50%;margin-bottom:16px;position:relative;transform:translateX(-50%);width:100px}}& div{& h4{margin-bottom:16px}& ul{color:var(--grey);& li{margin-bottom:8px;&:last-child{margin-bottom:0}&.active{background-color:var(--light-grey);border-radius:8px;color:var(--dark-grey);display:inline-block;font-weight:700;padding:8px}&:not(.active):hover{cursor:pointer;text-decoration:underline}}}}}& .orders-info{width:100%;& .all-orders{display:flex;flex-direction:column;gap:24px;& .loader-spinner{margin-bottom:0;margin-top:20px}}& .back-to-top{border:none;cursor:pointer;float:right;margin-top:36px}}}.order-short-info{& .order-title{display:flex;justify-content:space-between;& .order-status{background-color:var(--green);border-radius:100px;font-size:10px;padding:10px;&.delivered{background-color:var(--bg-color)}}}& .order-number{color:var(--grey);text-transform:uppercase}& .order-info,.order-btns{margin-top:24px}& .order-info{display:flex;justify-content:space-between;& .delivery-data p{color:var(--grey);font-size:13px;margin:4px 0 16px}& .delivery-items{display:flex;gap:16px;& .medications{background-color:var(--light-grey);border-radius:20px;height:138px;width:138px}}}& .order-btns{display:flex;gap:16px;& button{background-color:var(--white);border:2px solid var(--dark-grey);border-radius:70px;display:block;font-size:18px;padding:16px 28px;text-align:center;transition:all .3s ease;&.important{background-color:var(--dark-grey);color:var(--white);cursor:pointer;&:hover{background-color:var(--grey)}}&:not(.important):hover{background-color:var(--light-grey);cursor:not-allowed}}}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{box-shadow:0 4px 8px #0000001a;max-width:840px;position:relative;width:100%;& button{background-color:inherit;border:none;cursor:pointer;position:absolute;right:0;top:30px;transform:rotate(45deg) translate(-70%);& img#close{height:34px;z-index:-1}}}.modal-flex-order{display:flex;flex-direction:column;gap:32px;& .full-order-id{color:var(--grey);font-size:13px}& .modal-order-status{position:relative;& ul{display:flex;justify-content:space-between;margin-bottom:16px;& li{color:var(--grey);font-size:14px;&.drone-current-status{color:var(--dark-grey);font-weight:600}}}& .progress-line{background-color:var(--dark-grey);bottom:0;height:2px;left:0;position:absolute;width:35px}& img{left:8px;position:absolute;top:12px}}& .modal-map{height:314px;width:780px}& table{vertical-align:top;width:100%;& th{height:40px;text-align:left}& td,& th{vertical-align:top}& td{width:27%}& tr:nth-child(2){height:36px}& tr:nth-child(2),tr:nth-child(4){color:var(--grey);font-size:13px}}}.modal-error{align-items:center;display:flex;flex-direction:column;gap:26px;position:relative;& img{background-color:var(--white);height:50px;width:50px;z-index:2}& hr{position:absolute;top:25px;width:100%;z-index:1}& h2 span{color:var(--red-error)}& h2,h3{text-transform:none}}.animated-bg{animation:bgPos 1s linear infinite;background-image:linear-gradient(90deg,#f6f7f8 0,#edeef1 10%,#f6f7f8 20%,#f6f7f8);background-size:200% 100%}@keyframes bgPos{0%{background-position:50% 0}to{background-position:-150% 0}}.animated-text,.animated-title{background-color:var(--light-grey);border-radius:20px;display:inline-block}.animated-title{font-size:24px;height:24px;width:170px}.animated-text{font-size:16px;height:16px;width:100%}.animated-block{background-color:var(--light-grey);border-radius:70px;height:52.5px;width:100%}.placeholder{& .filter-aside{height:588px;& .animated-title:first-child{margin-bottom:15px}& .animated-text{margin-bottom:5px}}& .filter-top{height:44px}& .summary{display:flex;flex-direction:column;gap:24px;max-height:460px;max-width:408px;& span:nth-child(4){height:80px;width:100%}}& .selected-btn>div{border-radius:10px;height:24px;width:150px}& .cart-items{width:840px}& .orders-info{width:948px;& .order-short-info{height:370px;& .order-title{height:40px;& span{height:32px;&:first-child{width:230px}&:last-child{width:64px}}}& .order-number{width:110px}& .order-info{& span{display:block;margin-bottom:5px;&.animated-text{width:100px}}}& .order-btns{& .animated-block{width:157px}}}}& .modal-flex-order{& .modal-titles{& span{display:block;margin-bottom:5px}& .animated-title{height:40px;width:230px}& .animated-text{width:300px}}& .modal-order-status{position:relative;& #img{background-color:var(--light-grey);height:44px;left:10px;position:absolute;top:-20px;width:44px}}& table{& thead{& .animated-title{width:230px}}& .animated-title{width:130px}& .animated-text{width:100px}}}}:root{--white:#fff;--bg-color:#f3f3f3;--attention-grey:#efefef;--light-grey:#ccc;--grey:#838383;--dark-grey:#383838;--red-error:#b60000;--green:#c0e9d7}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f3f3f3;background-color:var(--bg-color);color:#383838;color:var(--dark-grey);font-family:Inter,Arial,sans-serif;font-size:16px;margin:0 auto;max-width:1440px;overflow-x:hidden;-webkit-user-select:none;user-select:none}a{color:inherit;text-decoration:none}a,button,input{outline:none}li{list-style:none}.container{display:flex;flex-direction:column;gap:100px;margin-left:clamp(24px,6vw,84px);margin-right:clamp(24px,6vw,84px);margin-top:110px;@media (max-width:1099px){margin-top:230px}}h1,h2,h3,h4{font-weight:700;text-transform:uppercase}h1{font-size:44px;margin-bottom:24px}h2{font-size:28px}h3{font-size:20px}h4{font-size:14px}hr{border:1px solid #d5d5d5}iframe{border:1px solid #fff;border:1px solid var(--white);border-radius:32px;height:100%;width:100%}.medications img{box-shadow:0 0 6px 1px #0000001a}#img{border-radius:20px;height:100%;object-fit:cover;width:100%}.attention{align-items:flex-start;background-color:#efefef;background-color:var(--attention-grey);border-radius:12px;display:flex;gap:10px;padding:12px}:is(.shopping-cart,.checkout) input#checkbox{border:1px solid #838383;border:1px solid var(--grey);height:20px;width:20px}.cart-items,.checkout-customer,.checkout-delivery,.checkout-payment,.checkout-selected-med,.drone-detail,.filter-aside,.modal-content,.order-short-info,.personal-info,.summary{background-color:#fff;background-color:var(--white);border-radius:32px;padding:28px}button.back-to-top{background-color:inherit;font-size:16px;& img{margin:0 0 4px 8px;vertical-align:middle}}.no-page{align-items:center;display:flex;flex-direction:column;gap:32px;margin:80px 0;text-align:center;& img{height:80px;width:80px}& h1{color:#b60000;color:var(--red-error)}}.loader-spinner{animation:spinner 1.5s linear infinite;border:4px solid #fff;border-top:4px solid #ccc;border:4px solid var(--white);border-radius:50%;border-top-color:var(--light-grey);height:64px;margin:80px auto;width:64px}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.3d4e3c7c.css.map*/