@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";.app{width:1248px;margin:auto}a{text-decoration:none;color:#222}@media only screen and (max-width: 600px){.app{max-width:100vw;margin:auto}}.carousel-container{width:100%;height:34.4rem;background:#fff5f7;margin-bottom:3.8rem;position:relative}.carousel__head{display:flex;flex-direction:column;gap:2.4rem;position:absolute;width:53.3rem;height:20.2rem;left:10.8rem;top:7.6rem}.carousel__title{font-size:5.2rem;white-space:pre-wrap;text-align:start;font-family:Lato;font-style:normal;font-weight:700;line-height:6.2rem;color:var(--primary-color-darker)}.carousel__button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;width:14.1rem;height:5.7rem;color:#fff;font-family:Roboto;font-style:normal;font-weight:500;font-size:2.4rem;line-height:2rem;transition:all .2s ease-out;cursor:pointer;border:none;background:#fc6605;border-radius:10rem}.carousel__button:hover{background-color:#e95f03;color:#fff}.carousel__button:active{background-color:#b94b01;color:#fff}.carousel__images-container{width:44.7rem;height:38.8rem;position:absolute;right:8.2rem}.carousel__images-container img{width:95%}@media only screen and (max-width: 600px){.carousel-container{display:flex;justify-content:space-between;align-items:center;height:26.4rem}.carousel__head{display:flex;flex-direction:column;gap:2.4rem;position:static;width:33.3rem;height:20.2rem;margin:6rem 2rem 0}.carousel__title{font-size:3.5rem;white-space:pre-wrap;text-align:start;font-family:Lato;font-style:normal;font-weight:700;line-height:3.2rem;color:var(--primary-color-darker)}.carousel__images-container{width:26.7rem;position:static;margin-top:15rem}}.footer-container{margin-bottom:5.9rem;width:100%;display:flex;padding:0 1.8rem 4rem;justify-content:space-between;border-bottom:#8684916a solid 2px}.footer__left-side{height:100%;width:auto;display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;font-size:1.4rem;color:#777}.footer__cta-github{color:#555;font-weight:600;text-decoration:underline;transition:color .2s}.footer__cta-github:hover{color:#211a4b}.footer__logo{width:100%;text-align:center}.footer__logo img{width:50%}.footer__info{display:flex;gap:1rem;flex-direction:column;align-items:center}.footer__social-media{display:flex;gap:10px}.footer__right-side{display:flex;width:70%;justify-content:center;margin-top:1rem;gap:6rem}.f__right-side__list{width:13rem}.f__right-side__list ul{list-style:none}.f__right-side__list li{font-family:Roboto,sans-serif;font-style:normal;font-weight:400;font-size:1.6rem;line-height:2.1rem;margin-bottom:1rem}.f__right-side__list a{color:#777;transition:all .2s}.f__right-side__list a:hover{color:#585757}.list__title{font-style:normal;font-weight:700;font-size:1.6rem;line-height:28px;color:#0a142f;margin-bottom:1.5rem}@media only screen and (max-width: 600px){.footer__right-side{display:none}.footer-container{display:block}.footer__logo{width:20rem;text-align:center}.footer__logo img{width:100%}}.p-card{height:40.5rem;width:26.6rem;border-radius:6px 6px 0 0;position:relative;background-color:#fff}.p-card:before{content:"";width:105%;height:105%;border-radius:8px;background-image:linear-gradient(180deg,#e9e9e9 0%,#e9e9e965 20%,#00d4ff00 100%);position:absolute;left:-2.5%;top:-1.5%;z-index:-1}.p-card__image{width:100%;height:26.2rem;text-align:center}.p-card__image img{width:50%;height:100%;object-fit:contain}.p-card__rest{padding:1.1rem 0}.p-card__info{display:flex;justify-content:space-between}.p-card__title{font-size:1.8rem;font-weight:800;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.p-card__price{font-size:1.8rem;font-weight:800}.p-card__rating{display:flex}.my-rating-stars{display:flex;gap:4px;color:var(--green-color)}.p-card__des{font-size:1.2rem;font-weight:400;color:#444;margin:11px 0 14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.p-card__button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:102px;height:34px;border:1px solid #009600;border-radius:100px;color:#000;font-family:Roboto;font-style:normal;font-weight:600;font-size:1.2rem;background-color:transparent;transition:all .2s ease-out;cursor:pointer;margin-top:1rem}.p-card__button:hover{background-color:#005b00;color:#fff}.p-card__button:active{background-color:#013e01;color:#fff}@media only screen and (max-width: 600px){.p-card__button{font-size:1.6rem}}.products-grid{display:grid;grid:auto-flow/ repeat(4,1fr);justify-items:center;row-gap:3.9rem;margin-bottom:15rem;padding-top:1.2rem}@media only screen and (max-width: 600px){.products-grid{display:grid;grid:auto-flow/ repeat(2,1fr);justify-items:center;row-gap:8rem;margin-bottom:15rem;padding-top:1.2rem}}.search-form{width:30rem;display:flex;justify-content:center;align-items:center;position:relative}.search-form button{cursor:pointer;position:absolute;right:2.5rem;border:none;font-size:1.8rem;background-color:transparent}.search-from__input{padding:1.2rem;outline:none;border:none;background-color:var(--input-color);border-radius:10rem;width:28.7rem;height:4.2rem}.search-from__input::-webkit-search-cancel-button{display:none}@media only screen and (max-width: 600px){.search-form{display:none}}.navbar{z-index:2;top:-5rem;display:flex;justify-content:space-between;padding:1.2rem 1.5rem;background-color:#fff;align-items:center;margin-bottom:1.8rem;transition:top .4s}.navbar__sticky{position:sticky;top:0;box-shadow:0 .7rem .5rem -.5rem #0000000d;transition:all .5s}.navbar__no-sticky{top:0}.navbar img{width:24rem}.navbar-menu{display:flex;gap:7rem}.navbar-menu li{list-style:none;text-decoration:none;font-size:1.8rem;cursor:pointer}.navbar__side{display:flex;gap:5rem}.navbar__side__elements{cursor:pointer;display:flex;gap:.5rem;align-items:center;font-size:1.8rem;font-weight:600}.element__logo{color:var(--links-color)}.element__logo-cart{color:var(--links-color);position:relative}.home__placing-cart{position:absolute;top:9.4rem;right:1rem;z-index:10}.scale-up-tr{-webkit-animation:scale-up-tr .4s cubic-bezier(.39,.575,.565,1) both;animation:scale-up-tr .4s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes scale-up-tr{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0}}@keyframes scale-up-tr{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0}to{-webkit-transform:scale(1);opacity:1;transform:scale(1);-webkit-transform-origin:100% 0;transform-origin:100% 0}}.scale-down-tr{-webkit-animation:scale-down-tr .4s ease-in-out both;animation:scale-down-tr .4s ease-in-out both}@-webkit-keyframes scale-down-tr{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0}to{-webkit-transform:scale(0);transform:scale(0);opacity:0;-webkit-transform-origin:100% 0;transform-origin:100% 0}}@keyframes scale-down-tr{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transform-origin:100% 0;transform-origin:100% 0}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:100% 0;transform-origin:100% 0}}.element__cart{position:relative}.element__cart:after{content:"";left:-1rem;top:-.8rem;position:absolute;width:1.2rem;height:1.2rem;border-radius:50%;background-color:red}.badge-container{position:relative;width:fit-content}.badge{position:absolute;top:-.6rem;right:-.6rem;width:1.2rem;height:1.2rem;border-radius:50%;background-color:red}@media only screen and (max-width: 600px){.navbar-menu{display:none;gap:7rem}.navbar{padding-left:1.5rem;padding-right:1.5rem}}.cart-container{background-color:#fff;min-width:48rem;max-width:55rem;height:auto;padding:2rem 3rem 2.5rem;box-shadow:0 1px 5px 2px #00000023}.cart__cards{max-height:60vh;overflow-y:auto;margin-bottom:3rem}.cart__card{box-shadow:0 2px 4px #00000023;display:flex;justify-content:space-around;align-items:center;padding:.5rem 2rem .5rem 0;gap:1.5rem;border-radius:3px;margin-bottom:1rem}.cart__card__img{width:10rem;height:10rem;background-color:#fff;padding:.7rem;border-radius:1.5rem}.cart__card__img img{width:100%;height:100%;object-fit:contain}.cart__card__details{display:flex;flex-direction:column;gap:1rem;flex:1}.cart__card__title{font-family:Lato;font-style:normal;font-weight:800;font-size:1.6rem;line-height:1.9rem;letter-spacing:.06em;color:#1a1a1a;margin-bottom:1rem}.cart__card__amount{display:flex}.cart__amount-number{width:10rem;font-size:1.4rem;display:flex;align-items:center;justify-content:center;height:3rem;border:none;outline:none;font-weight:600;background-color:#fff;color:#444}.cart__btn{font-size:1.6rem;padding:.5rem 1rem;height:3rem;border:none;cursor:pointer;transition:all .2s}.cart__button__in{background:#fc6605;color:#fff;border-radius:0 2px 2px 0}.cart__button__de{background:#d6d6d6;color:#0a0a0a;border-radius:2px 0 0 2px}.cart__button__in:hover{background:#f16202}.cart__button__in:active{background:#e45c01}.cart__button__de:hover{background:#c9c9c9}.cart__button__de:active{background:#bcbcbc}.cart__total-price{margin-top:2rem;display:flex;justify-content:space-between;align-items:center}.cart__price{font-size:2rem;color:#333;font-weight:700}.cart__button{background:#fc6605;border-radius:10px;padding:1rem;border:none;color:#fff;font-weight:600;transition:all .2s;cursor:pointer}.cart__button:hover{background:#ee5f00}.cart__button:active{background:#e25b00}@media only screen and (max-width: 600px){.cart-container{background-color:#fff;min-width:40rem;max-width:55rem;height:auto;padding:2rem 3rem 2.5rem;box-shadow:0 1px 5px 2px #00000023}}.dropdown-list__container{width:100px;margin-left:20px}.dropdown__title{color:#49454f;background-color:#8a2be2;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 2px;width:116px;height:32px;background:linear-gradient(0deg,#f4f4f4,#f4f4f4),#f4f4f4;border-radius:8px;font-family:Roboto;font-style:normal;font-weight:500;font-size:14px;line-height:20px;position:relative;cursor:pointer;white-space:nowrap;overflow:hidden}.dropdown__options{width:116px;list-style:none;position:absolute;z-index:2;display:flex;flex-direction:column;background:linear-gradient(0deg,#f4f4f4,#f4f4f4),#f4f4f4;gap:5px;border-radius:8px;align-items:center}.dropdown__options__li{width:100%;text-align:center;padding:1rem 1.2rem;transition:all .2s;cursor:pointer;font-size:1.2rem;font-weight:500;color:#424242}.dropdown__options__li:hover{background-color:#fffcfc;box-shadow:inset 0 0 0 1px #ffebde;border-radius:8px}.hidden{transition:all .2s;opacity:0;display:none}@media only screen and (max-width: 600px){.dropdown__options__li{font-size:1.8rem;font-weight:500}}.product-details{display:flex;align-items:center;gap:2rem;justify-content:center;margin:2rem 2rem 10rem}.product-image-container{flex:1;padding-right:2rem;text-align:center}.product-image-container img{width:70%;text-align:center;object-fit:contain}.product-info{flex:2;display:flex;flex-direction:column;gap:2rem;justify-content:flex-start}.product-title{font-size:3.4rem;margin-bottom:1rem}.product-price{font-size:2rem;font-weight:700;margin-bottom:1rem}.product-description,.product-quantity{font-size:1.6rem;margin-bottom:1rem}.product-rating{display:flex;align-items:center;margin-bottom:1rem}.rating-stars{display:inline-block;width:8rem;height:1.6rem;overflow:hidden;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 3.189l3.981 10.163 10.627.923-8.143 7.001 2.58 10.081L16 25.21l-6.045 4.148 2.58-10.081L2.392 14.275l10.627-.923L16 3.189z'/%3E%3C/svg%3E");background-size:contain;position:relative}.rating-stars:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--rating);background-color:gold}.rating-count{font-size:1.6rem;margin-left:1rem}.add-to-cart-button{font-size:1.8rem;font-weight:700;background-color:#07c;color:#fff;border:none;border-radius:.4rem;padding:1rem 2rem;cursor:pointer;align-self:flex-start}@media only screen and (max-width: 600px){.product-title{font-size:2.8rem;margin-bottom:1rem}.product-image-container{flex:1;padding-right:2rem;text-align:center}.product-image-container img{width:100%;text-align:center;object-fit:contain}}:root{--primary-color: #fc6605;--primary-color-darker: #e55b13;--input-color: #d9d9d9;--links-color: #222;--green-color: #009600}*,*:after,*:before{margin:0;padding:0;box-sizing:inherit;scroll-behavior:smooth}html{font-size:55.5%;font-family:Lato,sans-serif}body{box-sizing:border-box}@media only screen and (max-width: 600px){html{font-size:40%}}