@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";header{height:60px;background-color:#222}header .container{display:flex;justify-content:space-between;align-items:center;height:100%}header .container .logo a{color:#fff;display:flex;align-items:center}header .container .logo a svg{font-size:28px;margin-right:10px}header .container ul{display:flex}header .container ul li a{color:#fff;padding:2px 6px;font-size:14px}header .container ul li .cart-icon{color:#fff;position:relative;margin-left:20px;cursor:pointer}header .container ul li .cart-icon svg{font-size:22px}header .container ul li .cart-icon span{position:absolute;top:-12px;right:-12px;color:#fff;background-color:#eb4d4b;width:20px;height:20px;display:block;border-radius:50%;font-size:.8em;display:flex;justify-content:center;align-items:center}.cart-sidebar{position:fixed;top:0;right:0;height:100%;transition:all ease .3s;max-width:500px;width:100%;background-color:#fff;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px;padding:20px}.cart-sidebar.close{right:-100%}.cart-sidebar>h3{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:14px;font-weight:500;border-bottom:1px solid lightgray;padding:8px 0 16px}.cart-sidebar>h3 svg{font-size:22px;cursor:pointer}.cart-sidebar .list{display:flex;overflow-y:auto;overflow-x:hidden;flex-direction:column;row-gap:.5rem;border-bottom-width:1px;height:auto}.cart-sidebar .buttons{display:flex;flex-direction:column;margin:1em 0}.cart-sidebar .buttons .btn{background-color:#130f40;color:#fff;margin-bottom:18px;text-align:center;padding:4px 10px;border-radius:4px}.cart-sidebar .totals{display:flex;justify-content:space-between;margin:1em 0}.cart-sidebar .totals .total span{display:inline-block;width:60px;font-weight:700}.cart-sidebar .clear-cart{display:flex;padding-top:1rem;padding-bottom:1rem;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;line-height:1.75rem;color:#fff;background-color:#ef4444;cursor:pointer}.cart-item{display:flex;padding-top:.5rem;padding-bottom:.5rem;column-gap:1rem;border-bottom-width:1px;border-color:#e5e7eb;width:100%;font-weight:300;color:#6b7280}.cart-item .wrapper{display:flex;column-gap:1rem;align-items:center;width:100%}.cart-item .wrapper .image{width:80px}.cart-item .wrapper .info{width:100%}.cart-item .wrapper .info .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cart-item .wrapper .info .title h4{color:#222;font-size:14px}.cart-item .wrapper .info .title .remove{font-size:18px;cursor:pointer}.cart-item .wrapper .info .actions{display:flex;align-items:center;justify-content:space-between}.cart-item .wrapper .info .actions .quantity-wrapper{border:1px solid lightgray;display:flex;align-items:center;justify-content:center;max-width:100px}.cart-item .wrapper .info .actions .quantity-wrapper>div{padding:2px 10px;display:flex;justify-content:center;align-items:center;height:100%}.cart-item .wrapper .info .actions .quantity-wrapper .decrease-quantity,.cart-item .wrapper .info .actions .quantity-wrapper .increase-quantity{cursor:pointer}.cart-item .wrapper .info .actions .total{float:right}.products-page{display:grid;grid-template-columns:240px 1fr;gap:3em;margin:3em auto 0}.products-page>aside{padding:18px;box-shadow:0 0 12px 3px #0000001a}.products-page>aside .categories h3{text-transform:uppercase;font-size:.9em;font-weight:700;margin-bottom:20px;display:flex;justify-content:space-between}.products-page>aside .categories label{display:block;text-transform:capitalize;cursor:pointer;padding:2px 0}.products-page>aside .categories .btn-reset{background-color:#130f40;color:#fff;margin-bottom:18px;text-align:center;padding:4px 10px;border-radius:4px;border:none;text-transform:uppercase;font-size:12px;cursor:pointer}.products-page>section{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:30px}@media only screen and (max-width: 1024px){.products-page{grid-template-columns:200px 1fr;margin:1.5em auto 0}.products-page>section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}}@media only screen and (max-width: 768px){.products-page{grid-template-columns:1fr}.products-page>section{display:grid;grid-template-columns:1fr;gap:20px}}.product-card .image{display:flex;justify-content:center;height:200px;margin-bottom:1em}.product-card .image img{object-fit:contain;transition:transform .3s;max-width:80%}.product-card .image:hover img{transform:scale(1.1)}.product-card .info{color:#222}.product-card .info .title{font-size:.9em}.product-card .info .category{color:#aeaeae;font-size:.9em;text-transform:uppercase;margin:2px 0}.product-card .info .price{font-weight:600}.product-details{margin:60px 0}.product-details .container{display:grid;grid-template-columns:1fr 1fr;gap:34px}.product-details .container .image{height:500px}.product-details .container .image img{max-height:100%}.product-details .container .info .title{font-weight:700;margin-bottom:8px}.product-details .container .info .category{color:#aeaeae;text-transform:uppercase;margin-bottom:8px}.product-details .container .info .price{margin-bottom:8px}.product-details .container .info .description{background-color:#e2e0e0;padding:12px 14px;font-size:14px;border-radius:4px}.product-details .container .info .rating{margin:12px 0}.product-details .container .info .add-to-cart{border-top:1px solid lightgray;margin:1.4em 0;padding:1.2em 0}.product-details .container .info .add-to-cart button{background-color:#130f40;color:#fff;margin-bottom:18px;text-align:center;border-radius:4px;border:none;text-transform:uppercase;padding:8px 12px;font-size:14px;cursor:pointer;transition:all ease .3s}.product-details .container .info .add-to-cart button:hover{opacity:.85}html{box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}a{text-decoration:none}body{font-family:Lato,sans-serif;font-family:Poppins,sans-serif}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:100%}@media (min-width: 768px){.container{max-width:750px}}@media (min-width: 992px){.container{max-width:970px}}@media (min-width: 1200px){.container{max-width:1170px}}.rr--group{display:flex;width:100%;position:relative}.rr--box{display:flex;width:100%;flex-grow:1;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rr--svg{display:flex;aspect-ratio:1;width:100%;flex-grow:1;overflow:clip;pointer-events:none}@supports not (overflow: clip){.rr--svg{overflow:auto}}.rr--box:focus,.rr--box:focus-visible,.rr-reset:focus-visible,.rr-reset:focus{outline:none;box-shadow:none}.rr--focus-reset{outline:6px double #0079ff}.rr--box:focus-visible .rr--svg{outline:6px double #0079ff;isolation:isolate}.rr--reset{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;right:0;bottom:50%}[dir=rtl] .rr--reset{left:0;right:auto}.rr--dir-y .rr--reset{bottom:0;right:50%}.rr--disabled{opacity:.5;cursor:not-allowed}.rr--disabled .rr--svg{pointer-events:none}.rr--pointer .rr--box{cursor:pointer}.rr--dir-x{flex-direction:row}.rr--dir-y{flex-direction:column}.rr--space-sm .rr--svg{padding:8%}.rr--space-md .rr--svg{padding:12.5%}.rr--space-lg .rr--svg{padding:17.5%}.rr--dir-x.rr--gap-sm .rr--svg{margin:0 6.25%}.rr--dir-x.rr--gap-sm .rr--box:focus-visible:after{width:87.5%;left:6.25%}.rr--dir-x.rr--gap-md .rr--svg{margin:0 12.5%}.rr--dir-x.rr--gap-md .rr--box:focus-visible:after{width:75%;left:12.5%}.rr--dir-x.rr--gap-lg .rr--svg{margin:0 25%}.rr--dir-x.rr--gap-lg .rr--box:focus-visible:after{width:50%;left:25%}.rr--dir-y.rr--gap-sm .rr--svg{margin:6.25% 0}.rr--dir-y.rr--gap-md .rr--svg{margin:12.5% 0}.rr--dir-y.rr--gap-lg .rr--svg{margin:25% 0}.rr--rx-sm .rr--svg{border-radius:5%}.rr--rx-md .rr--svg{border-radius:15%}.rr--rx-lg .rr--svg{border-radius:20%}.rr--rx-full .rr--svg{border-radius:100%}.rr--has-stroke .rr--svg{stroke-linecap:round;stroke-linejoin:round}.rr--has-border .rr--svg{border-width:var(--rr--border-width);border-style:solid}.rr--on .rr--svg{fill:var(--rr--fill-on-color, none)}.rr--off .rr--svg{fill:var(--rr--fill-off-color, none)}.rr--has-stroke .rr--on .rr--svg{stroke:var(--rr--stroke-on-color, currentColor)}.rr--has-stroke .rr--off .rr--svg{stroke:var(--rr--stroke-off-color, currentColor)}.rr--on .rr--svg{background-color:var(--rr--box-on-color, none)}.rr--off .rr--svg{background-color:var(--rr--box-off-color, none)}.rr--has-border .rr--off .rr--svg{border-color:var(--rr--border-off-color, currentColor)}.rr--has-border .rr--on .rr--svg{border-color:var(--rr--border-on-color, currentColor)}.rr--fx-colors{--rr--easing: .2s cubic-bezier(.61, 1, .88, 1)}.rr--fx-colors .rr--svg{transition-duration:.2s;transition-timing-function:var(--rr--easing);transition-property:background-color,border-color,fill,stroke}.rr--fx-opacity .rr--off{opacity:.35;transition:opacity var(--rr--easing)}.rr--fx-opacity .rr--on{opacity:1}@media (hover: hover){.rr--fx-opacity .rr--box:hover{opacity:1}}@media (hover: hover){.rr--fx-zoom .rr--box{transition:transform var(--rr--easing);transform:scale(1)}.rr--fx-zoom .rr--box:hover{transform:scale(1.2)}@media (prefers-reduced-motion){.rr--fx-zoom .rr--box:hover{transform:scale(1)}}}@media (hover: hover){.rr--fx-position .rr--box{transition:transform var(--rr--easing);transform:translateY(0)}.rr--fx-position .rr--box:hover{transform:translateY(-15%)}@media (prefers-reduced-motion){.rr--fx-position .rr--box:hover{transform:translateY(0)}}}.rr--svg-stop-1{stop-color:var(--rr--fill-on-color, rgba(0, 0, 0, 0))}[dir=rtl] .rr--svg-stop-1,.rr--svg-stop-2{stop-color:var(--rr--fill-off-color, rgba(0, 0, 0, 0))}[dir=rtl] .rr--svg-stop-2{stop-color:var(--rr--fill-on-color, rgba(0, 0, 0, 0))}.rr--hf-svg-on{fill:var(--rr--fill-on-color, none)}.rr--hf-svg-off{fill:var(--rr--fill-off-color, none)}.rr--has-stroke .rr--hf-svg-on{stroke:var(--rr--stroke-on-color, currentColor)}.rr--has-stroke .rr--hf-svg-off{stroke:var(--rr--stroke-off-color, currentColor)}.rr--hf-svg-on .rr--svg,.rr--hf-svg-off .rr--svg{background-color:var(--rr--box-off-color, none)}.rr--has-border .rr--hf-svg-on .rr--svg{border-color:var(--rr--border-on-color, currentColor)}.rr--has-border .rr--hf-svg-off .rr--svg{border-color:var(--rr--border-off-color, currentColor)}.rr--dir-x .rr--hf-box-int .rr--svg{background:linear-gradient(to right,var(--rr--box-on-color, none) 50%,var(--rr--box-off-color, none) 50%)}[dir=rtl] .rr--dir-x .rr--hf-box-int .rr--svg{background:linear-gradient(to left,var(--rr--box-on-color, none) 50%,var(--rr--box-off-color, none) 50%)}.rr--dir-y .rr--hf-box-int .rr--svg{background:linear-gradient(to bottom,var(--rr--box-on-color, none) 50%,var(--rr--box-off-color, none) 50%)}.rr--hf-box-on .rr--svg{background-color:var(--rr--box-on-color, none)}.rr--hf-box-off .rr--svg{background-color:var(--rr--box-off-color, none)}.rr--hf-box-on .rr--svg,.rr--hf-box-off .rr--svg,.rr--hf-box-int .rr--svg{fill:var(--rr--fill-off-color, none)}.rr--has-stroke .rr--hf-box-on .rr--svg,.rr--has-stroke .rr--hf-box-off .rr--svg,.rr--has-stroke .rr--hf-box-int .rr--svg{stroke:var(--rr--stroke-off-color, currentColor)}.rr--has-border .rr--hf-box-on .rr--svg,.rr--has-border .rr--hf-box-int .rr--svg{border-color:var(--rr--border-on-color, currentColor)}.rr--has-border .rr--hf-box-off .rr--svg{border-color:var(--rr--border-off-color, currentColor)}