*,*:before,*:after{box-sizing:border-box}*{padding:0;margin:0}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1}a:not([class]){text-decoration-skip-ink:auto}a,a:visited,a:active{text-decoration:none}ul,ol{list-style:none}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button,[type=button],[type=reset],[type=submit]{border:0;cursor:pointer}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--guide-z-index: 1000;--cart-z-index: 990;--lightbox-z-index: 1010}body{background-color:var(--white)}#root,.App{height:100%}.header{background-color:var(--white)}@media screen and (max-width: 63.99875em){.footer{padding-block-start:2rem}}.no-scroll:is(:root,body){overflow:hidden!important}.hero-container{width:min(100%,1110px);margin-inline:auto}.overlay{width:100%;height:100%;position:absolute;inset:0;z-index:-1;background-color:var(--black-opacity-75)}:root{--font-kumbh-sans: "Kumbh Sans", sans-serif;--font-size-base: .9375rem}@media screen and (min-width: 48em){:root{--font-size-base: 1rem}}body{font-family:var(--font-kumbh-sans);font-size:var(--font-size-base)}.heading-1{font-size:1.75rem;color:var(--blue-9);line-height:1.2}@media screen and (min-width: 48em){.heading-1{font-size:2.75rem}}.fs-sm{font-size:.875rem}.fs-lg{font-size:1.75rem}.w-700{font-weight:700}.uppercase{text-transform:uppercase}.line-through{text-decoration:line-through}.lh-md{line-height:1.6}.ls-xsm{letter-spacing:.0875em}:root{--orange-6: hsl(26, 100%, 55%);--orange-1: hsl(25, 100%, 94%);--blue-9: hsl(220, 13%, 13%);--blue-6: hsl(219, 9%, 45%);--blue-3: hsl(220, 14%, 75%);--blue-0: hsl(223, 64%, 98%);--white: hsl(0, 0%, 100%);--black-opacity-75: hsl(0, 0%, 0%, .75)}.clr-blue-9{color:var(--blue-9)}.clr-blue-6{color:var(--blue-6)}.clr-blue-3{color:var(--blue-3)}.clr-orange-6{color:var(--orange-6)}.App{display:grid;grid-template-rows:auto 1fr auto;align-content:flex-start}.button{display:flex;flex-shrink:0;justify-content:center;align-items:center;background-color:transparent}.button *{pointer-events:none}@media screen and (min-width: 64em){.button-guide{display:none}}.button-cart{position:relative;color:var(--blue-6);transition:color .2s ease}.button-cart:where([aria-expanded=true],:hover,:focus-visible){color:var(--blue-9)}.button-cart .cart__count{display:flex;justify-content:center;align-items:center;height:.875rem;padding-inline:.4375rem;position:absolute;top:-7px;right:-7px;background-color:var(--orange-6);font-size:.625rem;font-weight:700;color:var(--white);border-radius:.4375rem;pointer-events:all}.button-user{--button-user-size: 25px;width:var(--button-user-size);height:var(--button-user-size);overflow:hidden;box-sizing:content-box;border:2px solid transparent;border-radius:50%;transition:border-color .2s ease}.button-user:where(:hover,:focus-visible){border-color:var(--orange-6)}@media screen and (min-width: 48em){.button-user{--button-user-size: 40px}}@media screen and (min-width: 64em){.button-user{--button-user-size: 50px}}.button-remove{margin-inline-start:auto}.button-orange{padding:1.125rem;background-color:var(--orange-6);color:var(--white);border-radius:.625rem;font-weight:500}.button-controller{width:var(--button-controller-size);height:var(--button-controller-size);background-color:var(--white);border-radius:50%;color:var(--blue-9)}.button-add{gap:.875rem;box-shadow:0 15px 20px -10px #ff7d1a4d}@media screen and (min-width: 64em){.button-add{flex:1}}.button-add svg{width:18px;height:18px}.button-thumbnail{overflow:hidden;border-radius:.5rem;transition:box-shadow .2s ease}.button-thumbnail[aria-pressed=true]{box-shadow:0 0 0 2px var(--orange-6)}.button-close--lightbox{justify-self:flex-end;color:var(--white)}.button-close--lightbox svg{width:20px;height:20px}.hover--opacity-06{transition:opacity .2s ease 0ms}.hover--opacity-06:is(:hover,:focus-visible){opacity:.6}.hover--clr-orange-6{transition:color .2s ease 0ms}.hover--clr-orange-6:is(:hover,:focus-visible){color:var(--orange-6)}.nav{position:relative}.nav__container{--nav-margin-inline: 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:.625rem;padding-block:1.5rem;margin-inline:var(--nav-margin-inline)}@media screen and (max-width: 19.99875em){.nav__container{--nav-margin-inline: 1rem}}@media screen and (min-width: 64em){.nav__container{--nav-margin-inline: 2rem;gap:3.375rem;padding-block:0;border-block-end:1px solid var(--blue-3)}}.nav__left{display:flex;align-items:center;gap:1rem}.logo-link{display:inline-flex;width:min(100%,138px);height:20px}@media screen and (max-width: 63.99875em){.nav__middle{width:100vw;height:100vh;position:fixed;inset:0;isolation:isolate;z-index:var(--guide-z-index)}}@media screen and (min-width: 64em){.nav__middle{margin-inline-end:auto}}@media screen and (max-width: 63.99875em){.guide{width:70%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:3.25rem;padding:1.75rem var(--nav-margin-inline);background-color:var(--white)}}@media screen and (max-width: 63.99875em) and (min-width: 48em){.guide{width:60%;padding-block:2.5rem}}.guide .list{display:flex;gap:1.625rem 2rem}@media screen and (max-width: 63.99875em){.guide .list{flex-direction:column}}.guide .list__link{display:inline-block;font-size:1.125rem;color:var(--blue-6)}@media screen and (max-width: 63.99875em){.guide .list__link{color:var(--blue-9);font-weight:700}}@media screen and (min-width: 64em){.guide .list__link{position:relative;padding-block:3rem;font-size:inherit}.guide .list__link:after{content:"";width:100%;height:4px;position:absolute;bottom:-1px;left:0;background-color:var(--orange-6);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}}@media (pointer: fine){.guide .list__link{transition:color .2s ease 0ms}}@media screen and (pointer: fine) and (min-width: 64em){.guide .list__link:is(:hover,:focus-visible){color:var(--blue-9)}.guide .list__link:is(:hover,:focus-visible):after{transform:scaleX(1)}}.nav__right{display:flex;align-items:center;gap:1.375rem}@media screen and (max-width: 19.99875em){.nav__right{gap:1rem}}@media screen and (min-width: 64em){.nav__right{gap:2.75rem}}.cart{position:relative}.basket{width:min(100vw - 16px,360px);position:absolute;top:58px;right:-66px;z-index:var(--cart-z-index);background-color:var(--white);border-radius:.5rem}@media screen and (max-width: 19.99875em){.basket{right:-53px}}@media screen and (min-width: 48em){.basket{top:66px;right:-49px}}@media screen and (min-width: 64em){.basket{top:60px;right:-100px;box-shadow:0 10px 25px -14px #000c}}@media screen and (min-width: 90em){.basket{right:-169px}}.basket__wrapper{padding:1.375rem}.basket__wrapper:nth-child(2){min-height:160px;display:flex;justify-content:center;align-items:center;border-block-start:1px solid var(--blue-3)}.basket__items,.basket__container{width:100%;display:flex;justify-content:space-between;flex-direction:column;gap:1.375rem}.basket__item{display:flex;align-items:center;gap:1rem}.basket__item .basket__thumbnail{width:50px;height:50px;border-radius:5px}.basket__item .item__wrapper{display:grid;gap:.5rem}.basket__item .text-wrapper{display:flex;flex-wrap:wrap;gap:.25rem}.hide-text-overflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.product{--product-padding-inline: 1.375rem;display:grid}@media screen and (min-width: 48em){.product{--product-padding-inline: 2rem}}@media screen and (min-width: 64em){.product{grid-template-columns:repeat(2,445px);justify-content:space-between;align-items:center;padding:5.5rem 3rem}}.info{display:grid;gap:1rem;padding:var(--product-padding-inline)}@media screen and (min-width: 64em){.info{padding:0;gap:1.5rem}}.buttons-wrapper{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 64em){.buttons-wrapper{flex-direction:row}}.quantity-controller{display:flex;justify-content:space-between;gap:1rem;padding:1.125rem 1.25rem;background-color:var(--blue-0);border-radius:.625rem}@media screen and (min-width: 64em){.quantity-controller{min-width:160px}}.gallery{display:grid;gap:2rem}@media screen and (min-width: 48em) and (max-width: 63.99875em){.gallery{width:calc(100% - var(--product-padding-inline) * 2);margin-inline:auto}}.gallery__wrapper{display:flex;justify-content:space-between;align-items:center}.gallery__main{width:100%;position:relative;justify-content:center;aspect-ratio:1/1}.image__container{--image-radius: 0;width:100%;position:relative;overflow:hidden;aspect-ratio:1/1;isolation:isolate;border-radius:var(--image-radius)}@media screen and (min-width: 48em){.image__container{--image-radius: 1rem}}.image__large{border-radius:var(--image-radius)}@media screen and (min-width: 64em){.gallery:not(.lightbox) .image__large{cursor:pointer}}.gallery__controller{--button-controller-size: 40px;--icon-width: 10px;--icon-height: 16px;width:100%;display:flex;justify-content:space-between;position:absolute;padding-inline:1rem}@media screen and (min-width: 48em){.gallery__controller{--button-controller-size: 50px;--icon-width: 12px;--icon-height: 18px}}.gallery__controller svg{width:var(--icon-width);height:var(--icon-height)}.gallery__thumbnails{width:min(100%,450px)}@media screen and (max-width: 63.99875em){.gallery__thumbnails{display:none}}.image__small{width:88px;height:88px;transition:filter .2s ease}.button-thumbnail[aria-pressed=true] .image__small{filter:opacity(.3)}.button-thumbnail:where(:hover,:focus-visible) .image__small{filter:opacity(.5)}.lightbox{place-items:center;position:fixed;inset:0;z-index:var(--lightbox-z-index)}.lightbox__container{width:550px;display:grid;place-items:center}.gallery__main--lightbox{margin-block-start:1.5rem}.gallery__controller--lightbox{--button-controller-size: 56px;width:calc(100% + var(--button-controller-size));padding-inline:0}.gallery__thumbnails--lightbox{margin-block-start:2.5rem}.price,.price__wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.price{margin-block-start:.625rem}@media screen and (min-width: 64em){.price{flex-direction:column;align-items:flex-start;row-gap:.75rem}}.price .discount{padding:.25rem .5rem;background-color:var(--orange-1);font-weight:700;color:var(--orange-6);border-radius:.3125rem}footer{align-self:flex-end}.attribution{padding:.75rem 1.375rem;font-size:.9375rem;color:var(--blue-9);text-align:center}.attribution a{color:var(--blue-6);transition:color .15s ease 0ms}.attribution a:is(:hover,:focus-visible){color:var(--orange-6)}
