:root{--orange:#ff7d1a;--orange-opaque:#ff7d1a99;--orange-pale:#ffede0;--blue-very-dark:#1d2025;--blue-dark-grayish:#68707d;--blue-grayish:#b6bcc8;--blue-light-grayish:#f7f8fd;--black:#000;--black-transparent:#000000bf;--white:#fff;--grey-light:#f2f2f2;--font-weight-regular:400;--font-weight-bold:700;--max-width:64rem}.no-scroll{overflow:hidden}nav{--backdrop-color:var(--blue-dark-grayish)}nav .hamburger{all:initial;z-index:10;background-color:#0000;margin:1rem;display:none}nav .hamburger:hover,nav .hamburger:focus{background-color:#0000}nav .hamburger[aria-expanded=false] .hamburger-line{transition:opacity 0s .25s,y .25s ease-in .25s,rotate .25s ease-in}nav .hamburger[aria-expanded=true] .hamburger-line{transition:opacity ease-in,y .25s ease-in,rotate .25s ease-in .25s}nav .hamburger-line{transform-origin:50%}nav .hamburger[aria-expanded=true] .hamburger-line-top{y:45;rotate:45deg}nav .hamburger[aria-expanded=true] .hamburger-line-middle{opacity:0}nav .hamburger[aria-expanded=true] .hamburger-line-bottom{y:45;rotate:-45deg}nav .hamburger[aria-expanded=true]~#main-menu{display:flex}nav ul{flex-direction:row;align-items:center;gap:1rem;margin:0;padding:1rem 0 0;list-style:none;display:flex;overflow:hidden}nav .backdrop{background-color:hsla(from var(--backdrop-color) h s l / 50%)}@media (width<64rem){nav .hamburger{display:block}nav #main-menu{z-index:7;background-color:#f5f5f5;flex-direction:column;align-items:start;width:80dvw;height:120dvh;padding-top:4rem;display:none;position:absolute;top:0;left:0}nav #main-menu li{height:2rem;padding:0 1rem}nav #main-menu li a{font-size:1.2rem;font-weight:var(--font-weight-bold);color:var(--blue-dark-grayish)}nav #main-menu li a:hover,nav #main-menu li a:focus{border-bottom:none}}header{position:relative}header nav{flex-direction:row;justify-content:center;align-items:center;margin:0;padding:.6rem 0 0;display:flex}header nav h1{margin-top:1rem;margin-right:2.5rem;padding:0}header nav ul{gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}header nav a{height:6rem;color:var(--blue-grayish);border-bottom:3px solid #0000;justify-content:center;align-items:center;padding:0 .5rem;text-decoration:none;display:flex}header nav a:hover{color:var(--blue-dark-grayish);border-bottom:solid 3px var(--orange)}header div{flex-grow:2;justify-content:flex-end;align-items:center;gap:1.5rem;display:flex}header div .button-icon{anchor-name:--cart-popover}header div img:hover{cursor:pointer}header div .avatar:last-child{border:.15rem solid #0000;margin-right:.5rem}header div .avatar:hover{border:solid .15rem var(--orange);border-radius:50%}header .nav-right-buttons button{color:var(--blue-grayish);cursor:pointer;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;position:relative}header .nav-right-buttons button:hover{background-color:#0000}header .nav-right-buttons .badge{background-color:var(--orange);color:var(--white);border-radius:45%;padding:.1rem .4rem;font-size:.5rem;position:absolute;top:.4rem;right:.5rem}header .cart-popup[popover-open=true]{display:grid}header .cart-popup{position-anchor:--cart-popover;inset:0;top:calc(anchor(bottom) - .1rem);left:calc(anchor(center) - 10rem);z-index:10;border:1px solid var(--grey-light);border-radius:.75rem;grid-template-rows:1fr 3fr;grid-template-columns:1fr;gap:0;min-width:20rem;margin:0;padding:.5rem;display:none;position:absolute;box-shadow:1rem 1rem 2rem silver}header .cart-popup h2{font-weight:var(--font-weight-bold);border-bottom:1px solid var(--grey-light);margin:0;padding:1rem 0 1rem 1rem;font-size:1.1rem;display:block}header .cart-popup p{text-align:center;justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex}header .cart-popup .cart-full{flex-direction:column;justify-content:space-around;padding:1rem;display:flex}header .cart-popup .cart-full img{cursor:unset;border-radius:.25rem}header .cart-popup .cart-full .cart-item{flex-direction:row;gap:.75rem;width:100%;display:flex}header .cart-popup .cart-full .cart-item p{text-align:left;flex-grow:1;display:inline-block}header .cart-popup .cart-full .cart-item button{all:unset;cursor:pointer}header .cart-popup .cart-full button{background-color:var(--orange);width:100%;color:var(--blue-very-dark);font-weight:var(--font-weight-bold);cursor:pointer;border:none;border-radius:1rem;padding:1rem}@media (width<64rem){header h1{padding:0 1rem}header nav ul{display:none}header .cart-popup[popover-open=true]{width:calc(100% - 1rem);margin:.5rem;top:5rem;left:-.2rem}}.lightbox{margin:0;padding:0 1.5rem}.lightbox .lightbox-main{cursor:pointer;margin:0;padding:0 0 1rem;position:relative}.lightbox .lightbox-main img{border-radius:.5rem;width:100%}.lightbox .lightbox-button{cursor:pointer;font-weight:var(--font-weight-bold);background-color:var(--white);color:var(--blue-dark-grayish);border-radius:50%;display:none;position:absolute}.lightbox .lightbox-button:hover{color:var(--orange)}.lightbox .lightbox-button.previous{padding:.4rem .5rem .2rem .3rem;top:50%;left:-1.1rem}.lightbox .lightbox-button.next{padding:.4rem .3rem .2rem .5rem;top:50%;right:-1.1rem}.lightbox .lightbox-button.close{color:var(--white);background:0 0;top:-2.5rem;right:-.5rem}.lightbox .lightbox-button.close:hover{color:var(--orange)}.lightbox .lightbox-list{flex-direction:row;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}.lightbox .lightbox-list li{width:20%;margin:0;padding:0}.lightbox .lightbox-list li button{all:unset}.lightbox .lightbox-list li.active>button>img{background-color:var(--white);border-color:var(--orange);opacity:.35;cursor:unset}.lightbox .lightbox-list li button:hover>img{opacity:.65}.lightbox .lightbox-list li img{cursor:pointer;border:.2rem solid #0000;border-radius:.5rem;width:100%}.lightbox-backdrop{z-index:10;justify-content:center;align-items:center;height:100dvh;display:flex}.lightbox-backdrop .lightbox-main>img{cursor:default}.lightbox-backdrop .lightbox{max-width:36rem}.lightbox-backdrop .lightbox .lightbox-button{display:inline}.lightbox-backdrop li.active{background-color:unset}.backdrop:has(.lightbox){background-color:#323232cc}@media (width<64rem){.lightbox{margin:0;padding:0}.lightbox .lightbox-main img{border-radius:0}.lightbox .lightbox-list{display:none}.lightbox .lightbox-button.next{display:block;right:1rem}.lightbox .lightbox-button.previous{display:block;left:1rem}}.sneaker-details{flex-direction:column;justify-content:center;width:100%;padding:0 1.5rem;display:flex}.sneaker-details h2{margin:.25rem 0 2rem;padding:0;font-size:max(2rem,min(1vw,3rem));line-height:2.75rem}.sneaker-details .product-description{color:var(--blue-dark-grayish)}.sneaker-details .sneaker-prices{grid-template:"price discount""total total"/auto auto 1fr;justify-content:center;align-items:center;gap:.5rem;display:grid}.sneaker-details .sneaker-prices .price{font-size:1.5rem;font-weight:var(--font-weight-bold);grid-area:price}.sneaker-details .sneaker-prices .discount{color:var(--white);background-color:var(--black);border-radius:.5rem;grid-area:discount;padding:.25rem .75rem}.sneaker-details .sneaker-prices .total{text-align:left;grid-area:total;text-decoration:line-through}.sneaker-details .sneaker-cart{--height:3rem;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-top:2rem;display:flex}.sneaker-details .sneaker-cart .cart-quantity{--width:3rem;height:var(--height);background-color:var(--blue-light-grayish);text-align:center;font-size:1.1rem;font-weight:var(--font-weight-bold);border-radius:1rem;grid-template-columns:1fr 1fr 1fr;justify-content:center;align-items:center;display:grid}.sneaker-details .sneaker-cart .cart-quantity button{all:unset;color:var(--orange);width:var(--width);cursor:pointer;margin:0 auto}.sneaker-details .sneaker-cart .cart-quantity p{all:unset;width:var(--width);margin:0 auto;display:inline-block}.sneaker-details .sneaker-cart .sneaker-add{font-weight:var(--font-weight-bold);width:100%;height:var(--height);cursor:pointer;padding:0}.sneaker-details .sneaker-cart .sneaker-add svg{margin-right:1rem}@media (width<64rem){.sneaker-details h2{margin:.25rem 0}.sneaker-details .sneaker-cart{flex-direction:column;margin-top:.25rem}.sneaker-details .cart-quantity{width:100%}.sneaker-details .sneaker-prices{grid-template:"price discount total"/1fr 1fr 2fr;width:100%}.sneaker-details .sneaker-prices .total{text-align:right}}@font-face{font-family:Kumbh Sans;src:url(/fonts/KumbhSans.ttf)format("truetype")}*{box-sizing:border-box}body{font-family:Kumbh Sans,sans-serif;font-size:max(.9rem,min(1vw,1.1rem));font-weight:var(--font-weight-regular);flex-direction:column;width:100dvw;min-height:100vh;margin:0;padding:0;display:flex}header,main,footer{width:100%;max-width:var(--max-width);margin:0 auto;position:relative}header{border-bottom:solid 1px var(--grey-light);justify-content:space-between;align-items:center;display:flex}main{flex-grow:1;grid-template-rows:auto 2fr;grid-template-columns:1fr 1fr;gap:2rem;margin:5rem auto 0;display:grid}footer{text-align:center;padding:.5rem;font-size:.8rem}button{background-color:var(--orange);color:var(--black);border:none;border-radius:1rem}button:hover{background-color:var(--orange-opaque)}.company-name{font-size:.8rem;font-weight:var(--font-weight-bold);letter-spacing:.25rem;text-transform:uppercase}.button-icon{all:unset}.backdrop{z-index:1;background-color:#c8c8c880;width:100dvw;height:100dvh;margin:0;padding:0;position:fixed;top:0;left:0}.hamburger{all:unset;display:none}@media (width<64rem){header,main,footer{margin:0}main{grid-template-rows:auto auto;grid-template-columns:auto;gap:0;margin:0}footer{padding-top:2rem}.backdrop{width:120dvw;height:120dvh}.hamburger{display:block}}