@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);:root{--header-height:3.5rem;--first-color:#f39a24;--hover-color:#ca790f;--button-color:#2b2b2b;--button-color-alt:#363636;--title-color:#262626;--text-color:#595959;--text-color-light:#8c8c8c;--body-color:#fcfcfc;--container-color:#fff;--border-color:#e6e6e6;--body-font:"Roboto",sans-serif;--biggest-font-size:2rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem;--font-medium:500;--font-bold:700;--mb-0-5:.5rem;--mb-0-75:.75rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2:2rem;--mb-2-5:2.5rem;--mb-3:3rem;--z-tooltip:10;--z-fixed:100}@media screen and (min-width:968px){:root{--biggest-font-size:2.5rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,button,input{font-family:Roboto,sans-serif;font-family:var(--body-font);font-size:.938rem;font-size:var(--normal-font-size)}body{margin:0}h1,h2,h3,h4{color:#262626;color:var(--title-color);font-weight:500;font-weight:var(--font-medium)}ul{list-style:none}img{height:auto;max-width:100%}button{outline:none}.dark{--first-color:#819bcf;--hover-color:#5073b9;--button-color:#3d3d3d;--button-color-alt:#474747;--title-color:#f2f2f2;--text-color:#bfbfbf;--body-color:#1f1f1f;--container-color:#292929;--border-color:#333}.change-theme{color:#262626;color:var(--title-color);cursor:pointer;font-size:1.25rem;font-size:var(--h2-font-size)}.container{margin-left:1.5rem;margin-left:var(--mb-1-5);margin-right:1.5rem;margin-right:var(--mb-1-5)}.grid{display:grid}.main{background-color:#fcfcfc;background-color:var(--body-color);color:#595959;color:var(--text-color);overflow:hidden;transition:.4s}.section{padding:4.5rem 0 1rem}.section__title{font-size:1rem;font-size:var(--h3-font-size);letter-spacing:2px;margin-bottom:.5rem;margin-bottom:var(--mb-0-5);position:relative;text-align:center;text-transform:uppercase}.section__title:before{background-color:#f39a24;background-color:var(--first-color);content:"";height:1px;left:0;margin:0 auto;position:absolute;right:0;top:-1rem;width:67px}.home__container{background-color:#fcfcfc;background-color:var(--body-color);margin:4.5rem .6rem 0;padding-top:3.5rem;padding-top:var(--header-height);position:relative}.hero-slider{border:2px solid #e6e6e6;border:2px solid var(--border-color);height:330px;max-height:330px;overflow:hidden;position:relative;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.hero-slider,.slide{display:flex;width:100%}.slide{background-position:50%;background-repeat:no-repeat;background-size:cover;flex:0 0 100%;height:100%;opacity:0;position:absolute;top:0;transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.slide.active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.slide:not(.active){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.slide.active~.slide{-webkit-transform:translateX(100%);transform:translateX(100%)}.next-button,.prev-button{background-color:#2b2b2b;background-color:var(--button-color);border:none;cursor:pointer;font-size:1.25rem;font-size:var(--h2-font-size);opacity:.4;padding:10px 20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.next-button:hover,.prev-button:hover{opacity:1}.prev-button{left:0}.next-button{right:0}.caption{background-color:rgba(0,0,0,.5);border-radius:5px;bottom:20px;color:#fff;left:20px;padding:10px;position:absolute}.caption h5{font-size:1.25rem;font-size:var(--h2-font-size);margin:0}.hero-sidebar,.sidebar{display:none}@media screen and (max-width:676px){.hero-slider{height:11rem}}@media screen and (min-width:1192px){.home__container{-webkit-column-gap:1rem;column-gap:1rem;display:flex;row-gap:2.5rem}.hero-slider{width:80%}.sidebar{background-color:#fff;background-color:var(--container-color);border:2px solid #e6e6e6;border:2px solid var(--border-color);display:block;height:330px;padding:20px;width:15%}.category-list{cursor:pointer;list-style:none;padding:0}.category-list li{margin:15px auto}.category-list li i{font-weight:700;margin-right:5px}.category-list a{color:#595959;color:var(--text-color);font-size:1rem;text-decoration:none;transition:color .3s ease}.category-list :hover{color:#f39a24;color:var(--first-color)}}@media screen and (min-width:1392px){.home__container{overflow:hidden}.hero-slider{width:680px}.sidebar{width:145px}.hero-sidebar{background-color:#fff;background-color:var(--container-color);border:2px solid #e6e6e6;border:2px solid var(--border-color);display:block;height:160px;margin-bottom:10px;padding:0;text-align:center;width:140px}.sidebar-content h2{font-size:1rem;font-size:var(--h3-font-size);margin-bottom:.5px}.sidebar-content p{font-size:.938rem;font-size:var(--normal-font-size);margin-bottom:10px}.side-slider{border:2px solid #e6e6e6;border:2px solid var(--border-color);height:160px;margin-bottom:0;overflow:hidden;position:relative;width:100%}.small-slide{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s ease;width:100%}.small-slide.active{opacity:1}.caption h5{font-size:.813rem;font-size:var(--small-font-size);margin:0}}.button{background-color:#2b2b2b;background-color:var(--button-color);color:#fff;display:inline-block;font-weight:500;font-weight:var(--font-medium);padding:1.25rem 2rem;transition:.3s}.button:hover{background-color:#363636;background-color:var(--button-color-alt)}.button--gray{background-color:#bfbfbf;color:#262626;color:var(--title-color)}.button--gray:hover{background-color:#a1a1a1}.button--small{padding:1rem 1.5rem}.featured-products{align-items:center;display:flex;overflow-x:hidden}.featured-list{display:flex;gap:20px;overflow-x:scroll;padding:10px;scroll-behavior:smooth}.featured-card{background-color:#fff;background-color:var(--container-color);border:1px solid #e6e6e6;border:1px solid var(--border-color);box-shadow:0 2px 4px rgba(0,0,0,.1);flex:0 0 auto;padding:10px;width:120px}.featured-card:hover{box-shadow:0 8px 32px rgba(26,26,26,.1)}.featured__tag{background-color:#f39a24;background-color:var(--first-color);color:#fff;font-size:.75rem;font-size:var(--smaller-font-size);font-weight:500;font-weight:var(--font-medium);margin-right:.5rem;padding:.5rem 1rem;position:relative;text-transform:uppercase;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.featured__img{height:40%;margin:.5rem 0;margin:var(--mb-0-5) 0;margin-left:15px;width:50%}.featured-title{font-size:.813rem;font-size:var(--small-font-size);font-weight:500;font-weight:var(--font-medium);margin-bottom:.5rem;margin-bottom:var(--mb-0-5);text-transform:uppercase}.scroll-button{background-color:#ca790f;background-color:var(--hover-color);opacity:.5}.scroll-button:hover{opacity:.9}.banner-container{margin-top:-4rem;row-gap:1rem}.banner-img{background-color:#e6e6e6;background-color:var(--border-color);border-radius:5px;padding:8px;width:100%}.products__container{gap:2rem;grid-template-columns:repeat(2,1fr)}.products__card{background-color:#fff;background-color:var(--container-color);border:1px solid #e6e6e6;border:1px solid var(--border-color);padding:1.25rem 0;position:relative;text-align:center;transition:.3s}.products__img{height:95px;margin-bottom:1rem;margin-bottom:var(--mb-1)}.products__price,.products__title{font-size:.813rem;font-size:var(--small-font-size);font-weight:500;font-weight:var(--font-medium)}.products__title{margin-bottom:.5rem;margin-bottom:var(--mb-0-5);text-transform:uppercase}.products__price{color:#f39a24;color:var(--first-color)}.products__button{background-color:#2b2b2b;background-color:var(--button-color);bottom:0;color:#fff;font-size:1rem;padding:.4rem;position:absolute;right:0;transition:.3s}.products__button:hover{background-color:#363636;background-color:var(--button-color-alt)}.products__card:hover{box-shadow:0 8px 32px rgba(26,26,26,.1)}.story__container{row-gap:7.5rem}.story__title{font-size:1.5rem;font-size:var(--h1-font-size);margin-bottom:1rem;margin-bottom:var(--mb-1)}.story__description{margin-bottom:2.5rem;margin-bottom:var(--mb-2-5)}.story__images{position:relative}.story__img,.story__square{width:250px}.story__square{background-color:#f39a24;background-color:var(--first-color);height:250px}.story__img{left:3rem;position:absolute;top:-3rem}.marquee{height:300px;overflow-x:hidden;position:relative;width:100%}.new-container{border:1px solid #e6e6e6;border:1px solid var(--border-color);display:flex;gap:15px;justify-content:center;margin-top:8px}.track{-webkit-animation:marquee 10s linear infinite alternate;animation:marquee 10s linear infinite alternate;position:absolute;white-space:nowrap;width:300%;will-change:transform}.track:hover{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-70%);transform:translateX(-70%)}}@keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-70%);transform:translateX(-70%)}}@media screen and (max-width:420px){@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}}@media screen and (max-width:320px){@-webkit-keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-120%);transform:translateX(-120%)}}@keyframes marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-120%);transform:translateX(-120%)}}}.new__card{background-color:#fff;background-color:var(--container-color);border:1px solid #e6e6e6;border:1px solid var(--border-color);overflow-y:hidden;padding-top:2rem;position:relative;text-align:center;transition:.3s}.new__tag{background-color:#f39a24;background-color:var(--first-color);color:#fff;font-size:.813rem;font-size:var(--small-font-size);font-weight:500;font-weight:var(--font-medium);padding:.5rem 1rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem;transition:.3s}.new__img{height:150px;margin-bottom:1rem;margin-bottom:var(--mb-1)}.new__price,.new__title{font-size:1rem;font-size:var(--h3-font-size);font-weight:700;font-weight:var(--font-bold)}.new__title{margin-bottom:.75rem;margin-bottom:var(--mb-0-75);text-transform:uppercase}.new__price{color:#f39a24;color:var(--first-color);display:block;transition:.3s}.new__card:hover{background-color:#f39a24;background-color:var(--first-color)}.new__card:hover .new__tag{background-color:#2b2b2b;background-color:var(--button-color)}.new__card:hover .new__price{color:#262626}.newsletter__bg{background-color:#f39a24;background-color:var(--first-color);padding:3rem 1.5rem;row-gap:2.5rem;text-align:center}.newsletter__title{color:#262626;font-size:1.5rem;font-size:var(--h1-font-size);margin-bottom:1.5rem;margin-bottom:var(--mb-1-5)}.newsletter__description{color:#595959}.newsletter__subscribe{display:flex;flex-direction:column;row-gap:.75rem}.newsletter__input{background-color:#f0f0f0;border:none;color:#262626;outline:none;padding:1.25rem 1rem}.scrollup{background-color:#fff;background-color:var(--container-color);bottom:-30%;box-shadow:0 4px 12px rgba(51,51,51,.1);display:inline-flex;opacity:.8;padding:.25rem;position:fixed;right:1rem;transition:.4s;z-index:10;z-index:var(--z-tooltip)}.scrollup:hover{opacity:1}.scrollup__icon{color:#f39a24;color:var(--first-color);font-size:1.5rem}.show-scroll{bottom:3rem}::-webkit-scrollbar{width:.1rem}@media screen and (max-width:320px){.container{margin-left:1rem;margin-left:var(--mb-1);margin-right:1rem;margin-right:var(--mb-1)}.story__img,.story__square,.testimonial__square{width:180px}.story__square,.testimonial__square{height:180px}}@media screen and (min-width:576px){.products__container{gap:1.2rem;grid-template-columns:repeat(4,125px);justify-content:center}.featured__img{height:50%;width:70%}.products__img{height:90px}.footer__container{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:767px){.newsletter__bg,.story__container,.testimonial__container{align-items:center;grid-template-columns:repeat(2,1fr)}.testimonial__container{-webkit-column-gap:1rem;column-gap:1rem}.story__section-title{text-align:left;text-align:initial}.story__section-title:before{margin:initial}.story__images{order:-1}.products__container{gap:1.5rem;grid-template-columns:repeat(4,170px)}.products__card{padding:2rem 0}.products__img{height:125px}.newsletter__bg{-webkit-column-gap:2rem;column-gap:2rem;padding:4.5rem;text-align:left;text-align:initial}.newsletter__subscribe{flex-direction:row}.newsletter__input{width:100%}.footer__container{grid-template-columns:repeat(4,-webkit-max-content);grid-template-columns:repeat(4,max-content);justify-content:space-between}.footer__title{font-size:1rem;font-size:var(--h3-font-size)}.product-image img{max-width:70%}}@media screen and (min-width:992px){.section__title{font-size:1.25rem;font-size:var(--h2-font-size)}.products__container{gap:2rem;grid-template-columns:repeat(4,200px)}.story__container{-webkit-column-gap:8rem;column-gap:8rem}.story__img,.story__square{width:450px}.story__square{height:450px}.new__container,.products__container{padding-top:2rem}.testimonial__container{-webkit-column-gap:1.5rem;column-gap:1.5rem}}@media screen and (min-width:1024px){.container{margin-left:auto;margin-right:auto;max-width:1024px}.story__container{-webkit-column-gap:13rem;column-gap:13rem}.testimonial__container{-webkit-column-gap:2rem;column-gap:2rem}.story__container{padding-top:3rem}.story__img{left:5rem;top:-5rem}.scrollup{right:3rem}}.header{background-color:var(--container-color);border-bottom:1px solid var(--text-color-light);left:0;position:fixed;top:0;transition:.4s;width:100%;z-index:var(--z-fixed)}.nav{align-items:center;display:flex;height:var(--header-height);justify-content:space-between}.nav__close,.nav__login,.nav__logo,.nav__shop,.nav__toggle{color:var(--title-color)}.nav__logo{align-items:center;-webkit-column-gap:.25rem;column-gap:.25rem;display:inline-flex;font-weight:var(--font-bold);letter-spacing:1px;text-transform:uppercase}.search-bar{align-items:center;display:flex;justify-content:center;margin:0 0 5px}.search-icon{color:var(--button-colorr);font-size:var(--h2-font-size);margin-right:-10%;z-index:1}@media screen and (min-width:457px){.search-icon{margin-right:-6%}}@media screen and (min-width:767px){.search-icon{margin-right:-8%;padding-top:8px}}@media screen and (min-width:1324px){.search-icon{margin-right:-6%}}.search-input{border:1px solid var(--border-color);border-radius:5px;font-size:var(--h3-font-size);margin:5px 0 7px 5px;padding:10px 10px 10px 70px;width:90vw}.search-input::-webkit-input-placeholder{color:#ccc}.search-input::placeholder{color:#ccc}.search-button{background-color:var(--first-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:var(--h3-font-size);padding:10px 25px;transition:background-color .3s ease}.search-button:hover{background-color:var(--hover-color)}.nav__btns{align-items:center;-webkit-column-gap:1.5rem;column-gap:1.5rem;display:flex}.nav__login,.nav__shop,.nav__toggle{cursor:pointer;font-size:var(--h2-font-size)}.change-theme:hover,.nav__login :hover,.nav__shop :hover,.nav__toggle:hover{color:var(--first-color)}.cart-item-qty{background-color:var(--first-color);border-radius:50%;color:#eee;font-size:12px;font-weight:600;height:15px;margin-left:-8px;position:absolute;text-align:center;width:15px;z-index:1}@media screen and (max-width:767px){.nav__menu{background-color:var(--body-color);height:100%;padding:6rem 2rem 3.5rem;position:fixed;right:-100%;top:0;transition:.3s;width:100%;z-index:var(--z-fixed)}.search-button{display:none}}.nav__list{align-items:center;display:flex;flex-direction:column;row-gap:2rem}.nav__link{color:var(--title-color);cursor:pointer;font-size:var(--h2-font-size);font-weight:var(--font-medium);text-transform:uppercase;transition:.3s}.nav__link:hover{color:var(--first-color)}.nav__close{cursor:pointer;font-size:2rem;position:absolute;right:1.25rem;top:.9rem}.show-menu{right:0}@media screen and (min-width:767px){.nav{-webkit-column-gap:1rem;column-gap:1rem;height:calc(var(--header-height) + 1.5rem);justify-content:normal}.search-bar{margin:20px 1px}.search-input{margin:10px;padding:15px 15px 15px 50px;width:40vw}.search-button{padding:17px 25px}.nav__close,.nav__list,.nav__toggle{display:none}}.login{background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;position:fixed;width:100%;z-index:102}.login-container{background-color:var(--container-color);border-radius:5px;box-shadow:0 0 10px var(--button-color);margin:auto;max-width:400px;padding:20px;width:100%}h2{font-size:var(--h2-font-size);margin-bottom:20px}.login-form{display:flex;flex-direction:column}label{color:var(--first-color);margin-bottom:10px;margin-left:20px}input[type=email],input[type=password]{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-bottom:20px;padding:10px}input::-webkit-input-placeholder{color:#ccc}input::placeholder{color:#ccc}button{background-color:var(--first-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px;transition:background-color .3s ease}button:hover{background-color:var(--hover-color)}p{font-size:1rem;margin-top:15px}a{color:var(--first-color);text-decoration:none}.sign-up:hover{text-decoration:underline}.footer{background-color:var(--border-color)}.footer__container{border-bottom:1px solid var(--text-color-light);padding-bottom:3rem;row-gap:2rem}.footer__title{font-size:var(--h2-font-size);margin-bottom:var(--mb-1-5)}.footer__links,.footer__list{color:var(--text-color);display:flex;flex-direction:column;row-gap:.75rem}.footer__link{color:var(--text-color)}.footer__link:hover{color:var(--title-color)}.footer__social{-webkit-column-gap:1rem;column-gap:1rem;display:flex}.footer__social-link{color:var(--text-color);font-size:1.25rem}.footer__social-link:hover{color:var(--title-color)}.footer__copy{color:var(--text-color-light);display:block;font-size:var(--smaller-font-size);margin:3.5rem 0 1rem;text-align:center}.cart-container{background-color:var(--body-color);padding:5rem 3rem}.cart__title-center{margin:3rem auto}.empty-cart{background-color:var(--container-color);border:1px solid var(--border-color);border-radius:5px;box-shadow:0 0 10px var(--border-color);margin:20px 5px;padding:20px;text-align:center;width:100%}.empty-cart-icon{background-color:var(--border-color);border-radius:50%;color:var(--text-color);font-size:4rem;height:150px;margin:1.6rem;padding:2.5rem;width:150px}.empty-cart h1{font-size:var(--h2-font-size);margin-bottom:1.5rem}.shop-button{background-color:var(--first-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:var(--h3-font-size);margin-bottom:1rem;padding:10px 20px;transition:background-color .3s ease}.shop-button:hover{background-color:var(--hover-color)}.cart-items{margin-top:20px}.cart-item{background-color:var(--container-color);border-radius:5px;box-shadow:0 0 2px var(--text-color-light);display:flex;margin-bottom:20px;padding:10px}.cart-item img{border-radius:5px;margin-right:20px;max-width:90px}.item-details h2{font-size:1.2rem;margin-bottom:5px}.item-details p{font-size:1rem;margin:1.2rem 0}.cart__amount-content{align-items:center;-webkit-column-gap:.55rem;column-gap:.55rem;display:flex;justify-content:space-around}.cart__amount-box{background-color:var(--container-color);border:1px solid var(--border-color);cursor:pointer;display:inline-flex;padding:.35rem}.cart__amount-box,.cart__amount-number{color:var(--title-color)}.remove-button{background-color:var(--first-color);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1.5rem;padding:5px 10px}.remove-button:hover{background-color:var(--hover-color)}.cart-summary{background-color:var(--container-color);border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);margin:4.8rem 0;max-height:100vh;padding:20px;position:-webkit-sticky;position:sticky;top:20px;z-index:10}.cart-summary p{border-bottom:2.5px solid var(--border-color);color:var(--first-color);display:flex;font-size:var(--h3-font-size);font-weight:700;justify-content:space-between;margin:5px 0;padding-bottom:5px}.cart-summary p span{color:var(--text-color)}.promo-section{margin-top:var(--mb-2)}.promo-section h2{border-bottom:1px solid var(--border-color);color:var(--first-color);font-size:1.2rem;margin-bottom:15px;padding-bottom:.5rem}.promo-input{border:1px solid var(--border-color);border-radius:5px;font-size:1rem;padding:15px;width:100%}.promo-button{background-color:var(--first-color);border:none;border-radius:5px;color:var(--container-color);cursor:pointer;font-size:1rem;margin-top:var(--mb-1);padding:10px;transition:background-color .3s ease}.promo-button:hover{background-color:var(--hover-color)}.checkout-button{background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:1rem;padding:10px 20px}.shipping-info{margin-top:3rem}.shipping-info h2{font-size:var(--h2-font-size);margin-bottom:12px;text-align:center}.shipping-info form{font-size:var(--normal-font-size)}.shipping-info label{display:block;margin-top:10px}.shipping-info input{border:1px solid var(--first-color);border-radius:5px;margin-top:5px;padding:5px;width:100%}@media screen and (max-width:320px){.empty-cart-icon{height:100px;margin:1rem 0;padding:.5rem;width:100px}.shop-button{padding:8px 3px}.cart__box{padding:.85rem 0}}@media screen and (min-width:576px){.cart-item img{margin-right:70px}}@media screen and (min-width:767px){.item-details{display:flex}.item-title{margin-right:var(--mb-2)}}@media screen and (min-width:992px){.cart-container{display:flex}.cart-content{flex-direction:column;margin:3rem 10rem 0 5rem;width:50%}.cart-item{padding:10px 30px}.cart-item img{max-width:110px}.cart-summary p{font-size:var(--h2-font-size)}}.product-details-container{align-items:center;background-color:var(--container-color);border:1px solid var(--border-color);border-radius:10px;-webkit-column-gap:1rem;column-gap:1rem;display:flex;justify-content:center;margin:10rem 12rem 1rem;max-width:1024px;padding:20px}.product-details-image{flex:1 1}.product-details-image img{background-color:var(--first-color);border-radius:8px;height:90%;padding:20px;width:300px}.product-details-info{flex:2 1;text-align:left}.product-details-info h1{font-size:var(--h2-font-size);margin-bottom:10px;margin-top:0}.product-details-price{color:#27ae60;font-size:1.2rem}.product-details-description{font-size:var(--body-font-size);margin-top:1rem}.add-to-cart-button{background-color:var(--first-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.add-to-cart-button:hover{background-color:var(--hover-color)}.gallery-image{height:280px;position:relative;width:200px}.gallery-controls button{background-color:var(--hover-color);bottom:50px;opacity:.5;position:absolute;z-index:100}.prev{left:0}.next{right:0}.gallery-controls button:hover{opacity:1}@media screen and (max-width:1024px){.product-details-container{margin:10rem 2rem 1rem}}@media screen and (max-width:567px){.product-details-container{flex-direction:column}.product-details-info h1{font-size:var(--h3-font-size);margin-bottom:1rem;margin-top:1rem}.product-details-price{color:var(--first-color);font-size:1.2rem}}
/*# sourceMappingURL=main.608c32f6.css.map*/