@font-face{font-family:Kumbh Sans;src:url(/Ecommerce-product-page/assets/KumbhSans-VariableFont_YOPQ_wght-5zhGxL8_.ttf);font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Kumbh Sans,sans-serif}#root{--primary-orange: hsl(26, 100%, 55%);--primary-pale-orange: hsl(0, 33.3%, .6%);--neutral-very-dark-blue: hsl(220, 13%, 13%);--neutral-dark-gray-blue: hsl(219, 9%, 45%);--neutral-grayish-blue: hsl(220, 14%, 75%);--neutral-light-grayish-blue: hsl(223, 64%, 98%);--neutral-white: hsl(0, 0%, 100%);--neutral-black: hsl(0, 0%, 0%)}.btn{--btn-color-primary: var(--primary-orange);--btn-color-secondary: var(--neutral-light-grayish-blue);--btn-color-text: var(--primary-pale-orange);--btn-color-primary-hover: hsla(26, 100%, 55%, .55);font-family:inherit;background-color:transparent;border:none;cursor:pointer;color:var(--btn-color-text);transition:background-color .35s}.btn--icon{display:grid;place-content:center}.cart{--cart-bgc: var(--neutral-white);--cart-shadow: 0 7px 20px 2px rgba(0, 0, 0, .132);--cart-width: 360px;--cart-side-padding: 1.75rem;--cart-top-bottom-padding: 1.25rem;--cart-line-color: var(--navbar-border-color);--cart-border-radius: 10px;--cart-msg-color: var(--neutral-dark-gray-blue);--cart-color-remove-btn: var(--neutral-grayish-blue);--cart-top: 215%;text-align:initial;position:absolute;background-color:var(--cart-bgc);box-shadow:var(--cart-shadow);width:var(--cart-width);left:50%;top:var(--cart-top);transform:translate(-50%);padding:var(--cart-top-bottom-padding) 0;border-radius:var(--cart-border-radius);z-index:1}.cart>*{padding:0 var(--cart-side-padding)}.cart__heading{font-weight:600;padding-bottom:1.75rem;border-bottom:1px solid var(--cart-line-color)}.cart__msg{text-align:center;padding-top:4.75rem;padding-bottom:4.75rem;color:var(--cart-msg-color);font-weight:600}.cart__body{display:flex;flex-direction:column;padding:1.5rem var(--cart-side-padding) .75rem;color:var(--cart-msg-color)}.cart-item{display:flex;justify-content:space-between;margin-bottom:1.5rem}.product-prices{display:flex;align-items:center;gap:.5rem;margin-top:.35rem}.product-total-price{color:var(--neutral-black);font-weight:700}.cart-item__img img{max-width:100%;display:block;width:50px;aspect-ratio:1;border-radius:5px}.cart-item .btn--cart-remove svg{fill:var(--cart-color-remove-btn)}@media (width <=500px){.cart{--cart-top: 10%;--cart-width: calc(100% - 2rem) ;position:fixed}.cart-item{justify-content:start;gap:.5rem}.cart-item .btn--cart-remove{margin-inline-start:auto}}.btn--primary{background-color:var(--btn-color-primary);display:flex;justify-content:center;align-items:center;gap:.75rem;border-radius:.85rem;padding:1.2rem 0;font-size:1rem;font-weight:700}.btn--primary svg{fill:var(--btn-color-text)}.btn--primary:hover{background-color:var(--btn-color-primary-hover)}.navbar{--navbar-padding: 1.85rem 0 2rem;--navbar-border-color: var(--neutral-grayish-blue);--navbar-hover-link-color: var(--primary-pale-orange);--navbar-hover-underline-color: var(--primary-orange);--navbar-transition-time: .3s;--navbar-color-cart-quantity: var(--neutral-white);--navbar-bg-color-cart-quantity: var(--primary-orange);--navbar-color-menu-icon: var(--neutral-dark-gray-blue);display:flex;border-bottom:1px solid var(--navbar-border-color);padding:var(--navbar-padding);align-items:center}.navbar__links{display:flex;list-style:none;margin-inline-start:3.5rem;font-size:.95rem;gap:2.05rem}.navbar__links a{color:var(--neutral-dark-gray-blue);text-decoration:none;position:relative;transition:color var(--navbar-transition-time)}.navbar__links a:after{content:"";height:4px;background-color:var(--navbar-hover-underline-color);position:absolute;left:0;right:0;bottom:-3rem;transform:scaleX(0);transition:transform var(--navbar-transition-time)}.navbar__links a:hover{color:var(--navbar-hover-link-color)}.navbar__links a:hover:after{transform:scaleX(1)}.navbar__icons{margin-inline-start:auto;display:flex;gap:3rem;align-items:center}.navbar__icons .cart-icon{position:relative}.navbar__icons .cart-icon__quantity{position:absolute;bottom:70%;left:50%;color:var(--navbar-color-cart-quantity);background-color:var(--navbar-bg-color-cart-quantity);font-size:.6rem;width:17px;display:grid;place-content:center;aspect-ratio:1;border-radius:50%}:is(.cart-icon,.btn--menu) svg{transition:all var(--navbar-transition-time);fill:var(--neutral-dark-gray-blue)}:is(.navbar__icons .btn--icon:hover,.btn--menu:hover) svg{fill:var(--neutral-black)}.profile-icon{width:50px;aspect-ratio:1 / 1;cursor:pointer;border-radius:50%;transition:outline .1s}.profile-icon:hover{outline:3px solid var(--navbar-hover-underline-color)}.profile-icon__avatar{max-width:100%;display:block}.btn--menu{margin-inline-end:1rem}.btn--menu svg{fill:var(--navbar-color-menu-icon)}.overlay{position:fixed;inset:0;background-color:#00000080;cursor:pointer;z-index:2}@media (width <=500px){.navbar{padding-inline:var(--page-inside-inline-padding);position:relative;border-bottom:none}.profile-icon{width:35px}}@media (width <=400px){.navbar__icons{gap:1rem}}.menu-container{--menu-bg-color: var(--neutral-white);--menu-width: max(40%, min(350px, 80%));--menu-padding: 1.5rem;--menu-gap-links: 1.45rem;--menu-color-text: var(--neutral-black);--menu-color-text-hover: var(--primary-orange);position:absolute;left:0;top:0;bottom:0;width:var(--menu-width);background-color:var(--menu-bg-color);padding:var(--menu-padding);cursor:initial}.menu-container .btn--menu{margin-block-end:3.25rem}.menu-container__links{display:flex;flex-direction:column;gap:var(--menu-gap-links);list-style:none}.menu-container__links a{text-decoration:none;font-weight:700;color:var(--menu-color-text);font-size:1.15rem;transition:color .35s}.menu-container__links a:hover{color:var(--menu-color-text-hover)}.product-section__details{--product-section-color-main: var(--neutral-dark-gray-blue);--product-section-color-dark: var(--primary-pale-orange);--product-section-color-button-main: var(--primary-orange);--product-section-color-button-sec: var(--neutral-light-grayish-blue);--product-section-color-white: var(--neutral-white);--product-section-padding-block-start: 4rem;color:var(--product-section-color-main);padding-block-start:var(--product-section-padding-block-start)}.product-section__details .company{letter-spacing:2px;text-transform:uppercase;font-size:.8rem;font-weight:700}:is(.product-section__details .heading,.prices-container__final,.actions-container .btns-container .product-quantity){font-weight:700;color:var(--product-section-color-dark)}.product-section__details .heading{font-size:2.75rem;margin-block:1rem 2.25rem;line-height:1.15}.product-section__details .heading span{position:relative}.product-section__details .heading span svg.text-underline{position:absolute;left:-5%;right:-5%;top:85%}.product-section__details .desc{line-height:1.65}.prices-container{--prices-container-columns: repeat(2, max-content);--price-container-gap: .75rem 1rem;margin-block-start:1.25rem;display:grid;grid-template-columns:var(--prices-container-columns);gap:var(--price-container-gap);align-items:center}.prices-container__final{font-size:1.75rem;letter-spacing:1px}.prices-container__discount{color:var(--product-section-color-white);background-color:var(--product-section-color-dark);padding:.2rem .6rem;border-radius:5px}.prices-container__original{text-decoration:line-through;font-weight:700}.actions-container{--actions-grid-columns: 4fr 7fr;--actions-gap: 3.5%;--actions-margin-block-start: 2.1rem;--actions-margin-block-end: 0;margin-block:var(--actions-margin-block-start) var(--actions-margin-block-end);display:grid;grid-template-columns:var(--actions-grid-columns);gap:var(--actions-gap)}.actions-container .btns-container{--padding-inline: 1rem;--padding-block: 0;display:flex;justify-content:space-between;align-items:center;background-color:var(--product-section-color-button-sec);padding:var(--padding-block) var(--padding-inline);border-radius:.85rem}.actions-container .btns-container .btn--icon svg{fill:var(--product-section-color-button-main)}.actions-container .btns-container .btn--icon:hover svg{fill:var(--btn-color-primary-hover)}@media (width <=500px){.product-section__details{padding-inline:var(--page-inside-inline-padding);--product-section-padding-block-start: 2rem}.actions-container{--actions-grid-columns: 1fr;--actions-gap: 1rem;--actions-margin-block-end: 3rem}.actions-container .btns-container{padding-block:1.2rem}}.gallery-container{--figures-border-radius: .75rem;--color-outline: var(--primary-orange);--gap: 2.25rem;--gallery-list-padding: 0}:is(.gallery-container,.gallery-showcase) img{max-width:100%;display:block}.lazy-load-image-background{display:block!important}.btn--gallery{border-radius:var(--figures-border-radius);overflow:hidden}.btn--gallery-main{margin-block-end:var(--gap)}.btn--gallery-sec{--figures-border-radius: .5rem}.gallery-container__sec-imgs{padding:var(--gallery-list-padding);display:flex;gap:7.5%}.btn--gallery-sec{transition:all .1s;background-color:var(--neutral-white)}.btn--gallery-sec img{transition:opacity .35s}.btn--gallery-sec:hover img{opacity:.4}.btn--gallery--selected{outline:3px solid var(--color-outline)}.btn--gallery--selected img{opacity:.25}.gallery-showcase{--bg-color-btn: var(--neutral-white);position:relative}.btn--swiper{--margin-side: 1rem;--color-stroke: var(--neutral-very-dark-blue);--color-stroke-active: var(--primary-orange);position:absolute;top:50%;background-color:var(--bg-color-btn);width:50px;aspect-ratio:1;border-radius:50%;stroke:var(--color-stroke)}.btn--swiper:active{stroke:var(--color-stroke-active)}.btn--next{right:var(--margin-side)}.btn--prev{left:var(--margin-side)}.overlay{--width: .32fr;--min-width: 400px;--color-remove-btn: var(--neutral-light-grayish-blue);--color-remove-btn-hover: var(--primary-orange);display:grid;grid-template-columns:minmax(var(--min-width),var(--width));place-content:center}.overlay :is(.gallery-container__sec-imgs,.btn--gallery-main){cursor:initial}.container{width:100%;display:flex;flex-direction:column;gap:1.5rem;cursor:initial}.overlay .btn--gallery-main{cursor:initial}.btn--close{align-self:end}.btn--close svg{fill:var(--color-remove-btn);transition:all .35s}.btn--close:hover svg{fill:var(--color-remove-btn-hover)}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.product-section{--product-section-padding: 5.5rem 3rem;--product-section-padding-vertical: 5.5rem;--product-section-padding-side: 3rem;--product-section-no-columns: 2;--product-section-gap: 12.5%;padding:var(--product-section-padding-vertical) var(--product-section-padding-side);display:grid;grid-template-columns:repeat(var(--product-section-no-columns),1fr);grid-gap:var(--product-section-gap)}@media (width <=950px){.product-section{--product-section-gap: 5.5%;--product-section-padding-side: 1rem}}@media (width <=850px){.product-section{--product-section-no-columns: 1;--product-section-padding-vertical: 3rem;--product-section-gap: 0}}@media (width <=500px){.product-section{--product-section-padding-vertical: 0rem;--product-section-padding-side: 0rem}}.page{--page-side-padding: 10.25rem;--page-inside-inline-padding: 1.5rem;padding:0 var(--page-side-padding);background-color:var(--neutral-white)}@media (width <=1150px){.page{--page-side-padding: 5rem}}@media (width <=500px){.page{--page-side-padding: 0}}