:root{--color-white: hsl(0, 100%, 100%);--color-black: hsl(0, 0%, 0%);--color-black-overlay: hsla(0, 0%, 0%, 0.7);--color-grey-50: hsl(223, 64%, 98%);--color-grey-100: hsl(219, 35%, 92%);--color-grey-300: hsl(221, 22%, 81%);--color-grey-500: hsl(219, 9%, 45%);--color-grey-500-shadow: hsla(219, 9%, 45%, 40%);--color-grey-950: hsl(220, 13%, 13%);--color-orange-300: hsl(26, 100%, 71%);--color-orange-500: hsl(26, 100%, 55%);--color-orange-500-shadow: hsla(26, 100%, 55%, 40%)}.header{min-width:20.4375rem;max-width:68.75rem;width:100%;display:flex;justify-content:space-between;align-items:center;position:sticky;z-index:1;inset:0;background:rgba(255,255,255,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 8px -8px var(--color-grey-500-shadow);padding:1.5rem}@media(min-width: 42.1875em){.header{padding-block-end:48;padding-inline:0}}@media(min-width: 68.75em){.header{padding-block-end:0;align-items:flex-start;height:6.1875rem}}.header__navigation{display:flex;align-items:center;gap:1rem}@media(min-width: 68.75em){.header__navigation{height:100%;padding-block-start:0.75rem;align-items:flex-start;gap:3.5rem}}.header__navigation--hamburger{display:flex;border:none;background-color:rgba(0,0,0,0);width:1rem;height:1rem}@media(min-width: 68.75em){.header__navigation--hamburger{display:none}}.header__navigation--logo{height:1.25rem}.header__navigation--list{display:none}@media(min-width: 68.75em){.header__navigation--list{display:flex}}.header__navigation--list-links{display:flex;gap:2rem}.header__navigation--list-link a{display:flex;height:3.875rem;color:var(--color-grey-500);font-size:0.9375rem;line-height:1.625rem;letter-spacing:0}.header__navigation--list-link:hover{border-bottom:2px solid var(--color-orange-500)}.header__user{display:flex;align-items:center;gap:1.5rem;position:relative}@media(min-width: 42.1875em){.header__user{gap:3rem}}@media(min-width: 68.75em){.header__user{height:3.125rem}}.header__user--cart{width:1.25rem;height:1.25rem;border:none;background-color:rgba(0,0,0,0);fill:var(--color-grey-500);position:relative}.header__user--cart:hover{fill:var(--color-grey-950)}.header__user--cart-quantity{position:absolute;background-color:var(--color-orange-500);color:var(--color-white);padding-inline:0.5rem;padding-block:0.0625rem;border-radius:0.5rem;top:-0.375rem;display:none;font-size:0.625rem;font-weight:700;letter-spacing:0}.header__user--cart.filled{fill:var(--color-grey-950)}.header__user--cart.filled span{display:inline}.header__user--avatar{width:clamp(1.5rem,-0.027rem + 7.471vw,3.125rem);height:clamp(1.5rem,-0.027rem + 7.471vw,3.125rem)}.header__user--avatar:hover{border:2px solid var(--color-orange-500);border-radius:50%}.header__cart{min-height:21.875rem;height:100%;position:absolute;top:110%;right:0;left:0;background-color:var(--color-white);margin-inline:0.5rem;padding-block:1.5rem;border-radius:0.625rem;box-shadow:0 20px 50px 0px rgba(29,32,37,.1);display:none}@media(min-width: 42.1875em){.header__cart{right:-4.375rem;top:5rem;left:initial;width:25rem}}.header__cart.is-open{display:block}.header__cart--heading{padding-block-end:1.5rem;border-bottom:1px solid var(--color-grey-100);padding-inline:0.875rem}.header__cart--heading h5{color:var(--color-grey-950);font-size:1rem;font-weight:700;line-height:1.625rem;letter-spacing:0}.header__cart--content{height:calc(100% - 3.1875rem);padding-inline:1.5rem;padding-block-start:1.5rem;display:flex}.header__cart--content.empty{justify-content:center;align-items:center;color:var(--color-grey-500);font-size:1rem;font-weight:700;line-height:1.625rem;letter-spacing:0}.header__cart--content.filled{flex-direction:column;justify-content:space-between}.header__cart--list{display:flex;flex-direction:column;height:11.25rem;gap:0.5rem;padding-block:1rem;margin-block-end:0.5rem;overflow:auto}.header__cart--item{display:flex;align-items:center;gap:1rem}.header__cart--item-img{width:3.125rem;border-radius:0.25rem}.header__cart--item-description{display:flex;flex-direction:column;margin-inline-end:auto;color:var(--color-grey-500);font-size:1rem;line-height:1.625rem;letter-spacing:0}.header__cart--item-description-price{display:flex;gap:0.5rem}.header__cart--item-description-total{color:var(--color-grey-950);font-size:1rem;font-weight:700;line-height:1.625rem;letter-spacing:0}.header__cart--item-delete{border:none;background-color:rgba(0,0,0,0)}.header__cart--checkout{display:flex;align-items:center;justify-content:center;gap:1rem;height:3.5rem;border-radius:0.625rem;border:none;color:var(--color-grey-950);background-color:var(--color-orange-500);width:100%;font-size:1rem;font-weight:700;line-height:1.625rem;letter-spacing:0}.product{min-width:20.4375rem;max-width:68.75rem;width:100%;display:flex;flex-direction:column;gap:1.5rem}@media(min-width: 42.1875em){.product{gap:3rem}}@media(min-width: 68.75em){.product{flex-direction:row;gap:5rem;margin-block-start:3rem;padding-inline:2.5rem}}.product__lightbox{height:25rem;width:100%}@media(min-width: 68.75em){.product__lightbox{display:flex;flex-direction:column;gap:2rem;height:31.25rem}}.product__lightbox--selected{position:relative;height:100%;width:100%}.product__lightbox--selected-button{display:flex;align-items:center;justify-content:center;position:absolute;border:none;border-radius:50%;width:2.5rem;height:2.5rem;background-color:var(--color-white)}.product__lightbox--selected-button.previous{top:50%;left:1rem;padding-inline-end:0.3125rem}.product__lightbox--selected-button.next{top:50%;right:1rem;padding-inline-start:0.3125rem}@media(min-width: 68.75em){.product__lightbox--selected-button{display:none}}.product__lightbox--selected-img{height:100%;width:100%;background:url("../images/image-product-1.jpg") no-repeat center;background-size:cover}@media(min-width: 42.1875em){.product__lightbox--selected-img{border-radius:0.9375rem}}.product__lightbox--additional{display:none}@media(min-width: 68.75em){.product__lightbox--additional{display:flex;justify-content:space-between;gap:2rem}}.product__lightbox--additional-thumbnail{border:none;background-color:rgba(0,0,0,0);width:5.5rem;height:5.5rem}.product__lightbox--additional-thumbnail img{width:100%;border-radius:0.625rem}.product__lightbox--additional-thumbnail.selected{border:2px solid var(--color-orange-500);border-radius:0.625rem}.product__lightbox--additional-thumbnail.selected img{opacity:.4;border-radius:0.5rem}.product__lightbox--additional-thumbnail:hover:not(.selected){border:2px solid var(--color-orange-500);border-radius:0.625rem}.product__lightbox--additional-thumbnail:hover:not(.selected) img{border-radius:0.5rem}.product__details{padding-inline:1.5rem;width:100%}@media(min-width: 42.1875em){.product__details{padding-inline:0}}@media(min-width: 68.75em){.product__details{display:flex;flex-direction:column;justify-content:center}}.product__details--header{display:flex;flex-direction:column;gap:1rem;color:var(--color-grey-950);margin-block-end:1rem;font-size:1.75rem;font-weight:700;line-height:2rem;letter-spacing:0}@media(min-width: 42.1875em){.product__details--header{margin-block-end:1.5rem;font-size:2.75rem;font-weight:700;line-height:3rem;letter-spacing:0}}.product__details--header-sub{color:var(--color-grey-500);text-transform:uppercase;font-size:0.75rem;font-weight:700;line-height:0.9375rem;letter-spacing:0.115625rem}@media(min-width: 42.1875em){.product__details--header-sub{font-size:0.8125rem;font-weight:700;line-height:1rem;letter-spacing:0.125rem}}.product__details--info{color:var(--color-grey-500);margin-block-end:1.5rem;font-size:0.9375rem;line-height:1.625rem;letter-spacing:0}@media(min-width: 42.1875em){.product__details--info{font-size:1rem;line-height:1.625rem;letter-spacing:0}}.product__details--price{display:flex;align-items:center;justify-content:space-between;margin-block-end:2rem}@media(min-width: 42.1875em){.product__details--price{align-items:flex-start;flex-direction:column;gap:0.5rem}}.product__details--price-current{display:flex;gap:1rem;color:var(--color-grey-950);font-size:1.75rem;font-weight:700;line-height:2rem;letter-spacing:0}.product__details--price-discount{display:flex;align-items:center;justify-content:center;width:3.125rem;height:1.6875rem;color:var(--color-white);background-color:var(--color-grey-950);border-radius:0.375rem;padding-inline:0.625rem;font-size:1rem;font-weight:700;line-height:1.625rem;letter-spacing:0}.product__details--price-old{color:var(--color-grey-500);text-decoration:line-through;font-size:1rem;font-weight:700;line-height:1.625rem;letter-spacing:0}.product__buttons{display:flex;flex-direction:column;gap:1rem}@media(min-width: 42.1875em){.product__buttons{flex-direction:row;gap:0.5rem}}.product__buttons--quantity{display:flex;align-items:center;justify-content:space-between;height:3.5rem;background-color:var(--color-grey-50);border-radius:0.625rem;padding-block:1rem;width:100%}.product__buttons--quantity-button{display:flex;align-items:center;height:3.5rem;padding-inline:1.5rem;border:none;background-color:rgba(0,0,0,0);cursor:pointer;transition:all 200ms}.product__buttons--quantity-button.minus{border-radius:0.625rem 0 0 0.625rem;border-right:2px solid var(--color-grey-100)}.product__buttons--quantity-button.minus:active{box-shadow:inset 2px 2px 3px 5px var(--color-grey-500-shadow)}.product__buttons--quantity-button.plus{border-radius:0 0.625rem 0.625rem 0;border-left:2px solid var(--color-grey-100)}.product__buttons--quantity-button.plus:active{box-shadow:inset -2px 2px 3px 5px var(--color-grey-500-shadow)}.product__buttons--quantity-amount{color:var(--color-grey-950);font-size:1rem;font-weight:700;line-height:1.625rem;letter-spacing:0}.product__buttons--add{display:flex;align-items:center;justify-content:center;gap:1rem;height:3.5rem;border-radius:0.625rem;border:none;color:var(--color-grey-950);background-color:var(--color-orange-500);box-shadow:0 20px 50px 0 var(--color-orange-500-shadow);width:100%;font-size:1rem;font-weight:700;line-height:1.625rem;letter-spacing:0}.product__buttons--add:hover{background-color:var(--color-orange-300)}.sidebar__container{position:absolute;min-height:100dvh;width:100%;inset:0;background-color:var(--color-black-overlay);z-index:99;display:none}.sidebar{width:15.625rem;height:100%;background-color:var(--color-white);padding-inline:1.5rem;padding-block:1.5rem;display:flex;flex-direction:column;gap:3.5rem;position:relative;left:-400px;transition:left 200ms ease-in-out}@media(min-width: 42.1875em){.sidebar{padding-inline:2.5rem;padding-block:2.5rem;width:18.75rem}}.sidebar.is-open{left:0}.sidebar__button{align-self:flex-start;border:none;background-color:rgba(0,0,0,0)}.sidebar__navigation--list{display:flex;flex-direction:column;gap:1.5rem}.sidebar__navigation--list a{color:var(--color-grey-950);font-size:1rem;font-weight:700;line-height:1.625rem;letter-spacing:0}.sidebar__navigation--list a:hover{color:var(--color-orange-500)}@media(prefers-reduced-motion){.sidebar{right:0;transition:all 200ms}}*,::before,::after{box-sizing:border-box;padding:0;margin:0}body{min-height:100dvh;width:100%;font-family:"Kumbh Sans",sans-serif;background-color:var(--color-white);display:flex;flex-direction:column;align-items:center;padding-block-end:4.375rem;position:relative}@media(min-width: 42.1875em){body{gap:3rem;padding-inline:5rem}}button{font-family:"Kumbh Sans",sans-serif;cursor:pointer}ul{list-style:none}a{text-decoration:none}/*# sourceMappingURL=styles.css.map */