@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Pacifico&family=Rubik:ital,wght@0,300..900;1,300..900&family=Tilt+Neon&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{padding:0;margin:0;box-sizing:border-box}:root{--defaultPadding: 2rem;--tertiaryFont: "Pacifico", sans-serif;--primaryFont: "Rubik", sans-serif;--secondaryFont: "Ubuntu", sans-serif;--headingFont: "Tilt Neon", sans-serif;--logoFont: "Oswald", sans-serif;--hoverBackground: rgb(209, 209, 204);--primaryColor: black;--secondaryColor: rgb(214, 210, 210);--imgBackground: rgb(219, 219, 219);--btnColor: whitesmoke;--secondaryBackgroundColor: beige;--hoverColor: #2a296a;--primaryBackgroundColor: whitesmoke;--accentColor: rgb(15, 87, 45);--lightAccentColor: rgb(15, 87, 45);--heroBorder: black;--alertBackground: white;--alertBorder: transparent}.darkmode{--textColor: #e5ebf5;--heroBorder: #1a1918;--backgroundColor: #030507;--primaryColor: #f9cdcd;--secondaryColor: #515155;--accentColor: rgb(26, 51, 96);--lightAccentColor: #657dab;--secondaryBackgroundColor: #252422;--primaryBackgroundColor: #1a1918;--alertBackground: #252422}body{font-family:var(--primaryFont);background:var(--primaryBackgroundColor);color:var(--primaryColor);min-height:100vh}body.home{background:var(--secondaryBackgroundColor)}#root{height:100%;width:100%;display:flex;flex-direction:column}section ol li{padding:1rem;background:var(--alertBackground);color:var(--primaryColor);border:2px solid var(--alertBorder)}button{cursor:pointer;border:none;background:inherit}a{text-decoration:none;color:inherit}li{list-style:none}img{max-width:100%;max-height:100%}section{padding:0 var(--defaultPadding)}.loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar{display:flex;flex-direction:column;padding:.3rem calc(var(--defaultPadding) - 1rem);background:var(--primaryBackgroundColor);width:100%;position:relative}.home-navbar{background:none}.navbar-flex{display:flex;justify-content:space-between;align-items:center;background:inherit;position:relative;width:100%}.logo{font-family:var(--logoFont);text-transform:capitalize;color:var(--primaryColor);font-size:1.2rem;font-weight:700;border-radius:1.3em;padding:.1rem .5rem;display:grid;place-items:center}.sidebar{display:none}.mobile-logo{font-family:var(--logoFont);text-transform:capitalize;font-size:1.2rem;font-weight:700;border-radius:1.3em;padding:.1rem .5rem;display:grid;place-items:center;display:none}.mobile-menu-btn{display:none}.nav-links{display:flex;gap:2rem}.nav-links li{text-transform:capitalize;font-weight:600;padding-bottom:0;border-radius:1.8em;font-size:1rem;position:relative;color:var(--primaryColor)}.nav-links li:after{content:"";position:absolute;bottom:-2px;left:0;width:0%;height:2px;background-color:var(--primaryColor);transition:width .3s ease}.nav-links li:hover:after{width:100%}.nav-links li.active:after{width:100%}.quick-actions{display:flex;gap:2rem;align-items:center;width:fit-content}.theme-toggle{font-size:1.2rem;color:var(--primaryColor);display:grid;height:fit-content;width:fit-content}.cart-btn{padding:.6rem;display:grid;place-items:center;font-size:1.7rem;border-radius:50%;position:relative;color:var(--primaryColor)}.cart-btn .item-num{font-size:.9rem;position:absolute;left:1.5rem;font-family:var(--headingFont);font-weight:400;top:.2rem;display:grid;padding:.05rem .4rem;border-radius:50%;background:var(--accentColor);color:var(--btnColor)}@media (max-width: 900px){.nav-links{gap:1.2rem}.nav-links li{font-size:.9rem}.quick-actions{gap:1.2rem}}@media (max-width: 600px){:root{--defaultPadding: 1rem}.logo,.nav-links{display:none}.mobile-menu-btn{display:grid;font-size:2rem;font-weight:700;color:var(--black);padding:.5rem .9rem;border-radius:.5em}.home-navbar .sidebar{background:var(--secondaryBackgroundColor)}.sidebar{display:block;height:100vh;position:fixed;width:80%;top:0rem;right:0;box-shadow:0 0 5px -3px #7b7777;z-index:100;background:var(--primaryBackgroundColor);padding:4rem var(--defaultPadding);transform:translate(150%);transition:transform .7s ease}.sidebar.show{transform:translate(0)}.mobile-nav-links{display:flex;flex-direction:column;gap:2rem;width:100%;align-items:start}.mobile-nav-links li{text-transform:capitalize;font-family:var(--secondaryFont);font-size:1.3rem;font-weight:400;position:relative;width:fit-content}.mobile-nav-links li.active{color:var(--lightAccentColor)}.mobile-logo{display:grid;align-self:center}}h2.heading{font-size:3rem;font-family:var(--secondaryFont)}.hero-section{display:flex;max-width:100%;justify-content:space-between;overflow:hidden;padding-top:8rem;border-bottom:2px solid var(--primaryColor);height:fit-content;background:var(--secondaryBackgroundColor)}.hero-text{width:35%;display:flex;flex-direction:column;gap:.8rem;margin-top:5rem}.btn{padding:.7rem;border:2px solid var(--primaryColor);width:fit-content}.hero-header{padding:.5rem;border:2px solid var(--primaryColor);width:fit-content}.hero-text h2{font-size:3rem;font-family:var(--secondaryFont)}.hero-products-link{display:flex;background:var(--primaryBackgroundColor);text-transform:uppercase;font-size:1rem;gap:.2rem;font-weight:500;align-items:center;font-family:var(--secondaryFont)}.hero-images{display:flex;flex-direction:column;align-items:end;width:80%}.hero-images img{border:2px solid var(--heroBorder);object-fit:cover;object-position:top}.hero-img1{transform:rotate(8deg);width:80%;height:60rem}.hero-img2{height:40rem;width:80%;transform:translate(-60%,-10%) rotate(-8deg)}@media (max-width: 600px){h2.heading{font-size:2rem}.hero-section{padding-top:2rem;flex-direction:column}.hero-header{display:none}.hero-text{width:100%;margin-top:0rem;gap:1rem}.hero-text h2{font-size:2rem}.hero-text p{font-size:1rem;line-height:1.5rem}.hero-images{width:100%}.hero-images{flex-direction:row-reverse;margin-top:0rem;margin-bottom:5rem;align-items:center;justify-content:center;padding:2rem}.hero-img1{height:18rem;aspect-ratio:3/4;transform:translate(-15%,-2%) rotate(10deg);width:100%;z-index:10}.hero-img2{height:18rem;aspect-ratio:3/4;transform:translate(10%,30%) rotate(-10deg);width:100%}}.featured-products{position:relative;background:var(--primaryBackgroundColor);padding:5rem var(--defaultPadding)}.featured-products-heading{margin:0 auto;margin-bottom:5rem;width:fit-content;text-align:center}.featured-products-heading h2{margin-bottom:1rem}.products-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-content:stretch;gap:2rem;padding:0}.img-container{padding:1rem;border-radius:1.5em;background:var(--imgBackground);display:grid;place-content:center}.img-container img{filter:brightness(80%) contrast(120%);object-fit:contain;aspect-ratio:18/25}.products-container li{min-height:100%;display:flex;flex-direction:column;transition:transform .2s linear}.products-container li:hover{transform:translateY(-10px)}.products-container li:hover .img-container{outline:2px solid var(--primaryColor)}.product-info{display:flex;flex-direction:row;padding-top:.5rem;justify-content:space-between;gap:1rem}.product-info h3{font-family:var(--secondaryFont);font-size:1.2rem}.price{font-size:1.1rem;font-weight:500;color:var(--lightAccentColor)}.home-see-more-btn{margin:0 auto;margin-top:2.5rem;display:flex;text-transform:capitalize;align-items:center;gap:1rem;font-size:1.2rem;border-radius:.3em;background:var(--accentColor);color:var(--btnColor);border:none;padding:.5rem 1rem}@media (max-width: 900px){.products-container{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.featured-products{padding:3rem var(--defaultPadding)}.featured-products-heading{margin-bottom:3rem}.featured-products-heading h2{font-size:2rem}.featured-products-heading p{font-size:.8rem}.products-container{gap:1.2rem}.img-container img{height:12rem;width:100%}.product-info{gap:.3rem;flex-direction:column}.product-info h3{font-size:.8rem}.product-info .price,.home-see-more-btn{font-size:1rem}}.pad-section{padding:4rem var(--defaultPadding)}.about-us-section{display:flex;gap:4rem;flex-direction:row-reverse;justify-content:space-between;background:var(--primaryBackgroundColor);align-items:center}.about-us-section .about-us-text{width:50%;text-align:center}.about-us-text p{font-size:1.3rem;line-height:2rem}.about-us-section h2{text-align:center;margin-bottom:1rem}.svg-cutout{stroke:var(--primaryColor);stroke-width:4px;max-width:95%;height:fit-content}@media (max-width: 900px){.about-us-section{flex-direction:column-reverse}.about-us-section h2{text-align:left}.about-us-section .about-us-text{width:100%;text-align:left}}@media (max-width: 600px){.about-us-section{gap:3rem}.about-us-text p{font-size:1rem;line-height:1.6rem}}.our-products-section{background:var(--primaryBackgroundColor)}.our-products-section-heading{text-align:center;margin-bottom:5rem}.our-products-section-heading h2{margin-bottom:1rem}.our-products-section-heading p{text-transform:capitalize}@media (max-width: 900px){.products-container a.large{grid-column:span 1}}@media (max-width: 600px){.pad-section{padding-top:3rem}.our-products-section-heading{margin-bottom:4rem;padding-top:0rem}.our-products-section-heading h2{margin-bottom:.5rem}.products-container a.large{grid-column:span 2}.products-container a.large .product-info{flex-direction:row}}.single-product-section{display:flex;flex-direction:row;justify-content:start;gap:2.3rem}.single-product-img-container{background:var(--imgBackground);width:fit-content;padding:1rem 3rem;max-width:50%;border-radius:2em}.single-product-img-container img{filter:brightness(80%) contrast(120%);height:30rem;width:22rem;object-fit:contain}.single-product-content{width:55%;margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem}.back-links p{font-size:.9rem;font-weight:600}.single-product-content h2{font-size:1.2rem;font-family:var(--secondaryFont)}.single-product-price{font-size:2rem;font-weight:400}.select-amount{display:flex;align-items:center;gap:1.5rem}.select-amount button{font-size:1.5rem;border:2px solid var(--primaryColor);padding:.2rem;display:grid;border-radius:50%;color:var(--primaryColor)}.select-amount button:hover{background:var(--primaryColor);color:var(--btnColor)}.select-amount .amount{font-size:1.2rem;font-weight:500}.add-to-cart-btn{width:fit-content;font-family:var(--secondaryFont);padding:.8rem 1.3rem;font-size:1.1rem;font-weight:500;background:var(--accentColor);color:var(--btnColor);border-radius:.5em}.product-details-heading{font-family:var(--secondaryFont)}.product-details{margin-top:-1rem;font-size:1.1rem;line-height:1.5rem}@media (max-width: 600px){.single-product-section{flex-direction:column;gap:1rem}.single-product-img-container{max-width:100%}.single-product-content{width:100%}}.cart-section-heading{margin:0 auto;margin-bottom:4rem;width:fit-content}.cart-details-flex{display:flex;gap:2rem;flex-direction:column}.cart-table-overflow{width:100%;overflow-x:scroll;scrollbar-width:thin;scrollbar-color:var(--primaryColor)}.cart-table-overflow:-webkit-scrollbar{width:2px}.cart-table{width:100%;border-collapse:collapse}.cart-table thead th{text-align:center;text-transform:uppercase;font-weight:500}.cart-table th,.cart-table td{min-width:8rem;max-width:10rem;border-bottom:1px solid var(--secondaryColor);padding:1rem .5rem;align-items:center;text-align:center}.cart-table th{border-top:1px solid var(--secondaryColor)}.cart-totals{width:60%}.cart-heading{border-top:1px solid var(--secondaryColor);border-bottom:1px solid var(--secondaryColor);padding:1.2rem 2rem}.cart-item .img-container{padding:.5rem;border-radius:.2rem;aspect-ratio:1;display:flex}.cart-item .img-container img{aspect-ratio:1}.cart-item .select-amount{gap:.8rem;color:var(--primaryColor);margin:0 auto;align-items:center;justify-content:center}.cart-item-title{text-align:start}.cart-item-title:hover{color:var(--hoverColor)}.cart-item .select-amount button{font-size:1rem;font-weight:700}.cart-item .select-amount .amount{font-size:1rem}.remove-btn{font-size:1rem;color:var(--primaryColor)}.remove-btn:hover{color:var(--hoverColor)}.cart-totals{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.cart-totals-heading{text-transform:uppercase;font-weight:500}.cart-totals table{border-collapse:collapse;width:100%;padding:2rem}.cart-totals table tr{border-bottom:1px solid var(--secondaryColor)}.cart-totals table td{padding:.6rem;font-size:1rem}.table-bold{font-size:1.1rem;font-weight:600}.cart-totals a{background:var(--accentColor);width:fit-content;padding:.5rem 1rem;color:var(--btnColor);border-radius:.2rem}@media (max-width: 900px){.cart-table-overflow{width:100%}.cart-details-flex{flex-direction:column}.cart-table{width:100%;overflow-x:scroll}.cart-totals{width:80%}}@media (max-width: 600px){.cart-totals{width:100%}}.checkout-main{padding:1rem}.checkout-section{border:1px solid var(--secondaryColor);padding:4rem 3rem 10rem;display:flex;justify-content:space-between;align-items:center}.shipping-information-container{width:45%;display:flex;gap:1rem;flex-direction:column}.shipping-information-heading{font-family:var(--secondaryFont)}.shipping-information-form{display:flex;flex-direction:column;gap:1rem}.shipping-information-form input[type=text],.shipping-information-form input[type=email]{height:3rem;padding:1rem;background:transparent;border:1px solid var(--secondaryColor);color:var(--primaryColor)}.shipping-information-form input:focus{border:2px solid var(--primaryColor)}.place-your-order-btn{background:var(--accentColor);width:fit-content;padding:.5rem 1rem;color:var(--btnColor);border-radius:.2rem;font-size:1rem}.checkout-section .cart-totals{width:45%;margin-top:0}@media (max-width: 600px){.checkout-section{flex-direction:column-reverse;align-items:start;gap:3rem}.shipping-information-container,.checkout-section .cart-totals{width:100%}}.orders-section .heading{width:fit-content;margin:0 auto;margin-bottom:4rem}.orders-table-container{width:100%;overflow-x:scroll}.orders-table{border-collapse:collapse;width:100%}.orders-table th,.orders-table td{border-bottom:1px solid var(--secondaryColor);padding:1rem .5rem;text-align:center;min-width:8rem;max-width:15rem}.cancel-order-btn{font-size:1rem;color:var(--primaryColor)}.cancel-order-btn:hover{color:var(--hoverColor)}.error-section{height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;background:inherit}.error-section h2{max-width:20rem;font-size:2rem;text-align:center;font-family:var(--secondaryFont);font-size:3rem;text-transform:uppercase}.error-section a,.error-section button{border:2px solid var(--primaryColor);text-transform:uppercase;padding:.8rem 2rem;border-radius:1.5rem;font-size:1.1rem}.error-section a:hover{background:var(--primaryColor);color:var(--btnColor)}@media (max-width: 600px){.error-section{gap:2rem}.error-section h2{font-size:2rem}.error-section a,.error-section button{font-size:.9rem}}