*{box-sizing:border-box}.activated{position:absolute;top:0;left:0;height:100%;width:100%;z-index:99;border:3px solid var(--orange);border-radius:10px;background-color:#e3dfdfab}@media (min-width: 769px){.hide-in-desktop{display:none}}@media (max-width: 768px){.hide-in-mobile{display:none}}ul{list-style:none;padding:0;margin:0}.App{text-align:center}header{position:fixed;top:0;left:0;width:100vw;z-index:1000;background-color:var(--white)}header nav{max-width:1280px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--grayish-blue)}@media (max-width: 786px){header nav{padding:20px 0}}header nav .left{display:flex;align-items:center;justify-content:center;gap:30px;padding-left:20px}header nav .left .imgs{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){header nav .left .imgs{gap:20px}}header nav .left .imgs *{cursor:pointer}header nav .left ul{display:flex;align-items:center;justify-content:center;gap:30px}header nav .left ul a{padding:0;color:var(--d-grayish-blue);font-family:Quantico,sans-serif;font-size:var(--p-fs);background-color:transparent;text-decoration:none}header nav .left ul li{position:relative}header nav .left ul li:before{content:"";position:absolute;top:60px;left:0;height:3px;width:100%;background-color:var(--orange);opacity:0;transition:.2s}header nav .left ul li:hover:before{opacity:1}header nav .left ul li:hover a{color:var(--vd-blue)}header nav .right{display:flex;align-items:center;justify-content:center;gap:40px;z-index:998;padding-right:20px}@media (max-width: 768px){header nav .right{gap:20px}}header nav .right img{width:45px;cursor:pointer}@media (max-width: 768px){header nav .right img{width:36px}}header nav .right img.avatar:hover{border:2px solid var(--orange);border-radius:50%}header nav .right svg{cursor:pointer}header nav .right .cart{position:absolute;top:calc(100% + 10px);right:0;box-shadow:1px 7px 20px -7px var(--d-grayish-blue);z-index:999;background-color:var(--white);width:480px;border-radius:7px}@media (max-width: 768px){header nav .right .cart{top:calc(100% + 20px);left:50%;transform:translate(-50%);width:100%}}header nav .right .cart .head{display:flex;align-items:flex-start;padding:24px}header nav .right .cart .head p{margin:0;font-family:Quantico,sans-serif;font-weight:700}header nav .right .cart hr{margin:0;color:var(--l-grayish-blue)}header nav .right .cart .cart-content{padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--d-grayish-blue);min-height:160px}header nav .right .cart .cart-content p.empty{font-family:Quantico,sans-serif;font-weight:700}header nav .right .cart .product{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}header nav .right .cart .product img{border-radius:2px}header nav .right .cart .product .info{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}header nav .right .cart .product .info>p{margin:0;font-family:Quantico,sans-serif;text-transform:capitalize;text-align:left}@media (max-width: 768px){header nav .right .cart .product .info>p{font-size:15px}}header nav .right .cart .product .info .price span:last-of-type{font-family:Quantico,sans-serif;font-weight:700;color:var(--vd-blue)}header nav .right .cart .product .delete-button img{height:20px;width:16px}header nav .right .cart button.checkout{padding:15px 20px;color:var(--white);font-family:Quantico,sans-serif;background-color:var(--orange);width:100%;text-transform:capitalize;font-weight:700;border-radius:7px;transition:opacity .3s}header nav .right .cart button.checkout:hover{opacity:.6}header nav .right .cart .cart-image{width:200px;height:80px;object-fit:cover;border-radius:2px}.core{display:flex;align-items:flex-start;justify-content:space-between;width:90%;margin:100px auto;gap:100px}@media (max-width: 992px){.core{gap:70px}}@media (max-width: 768px){.core{width:unset;margin:unset;flex-direction:column;gap:unset;margin-bottom:100px}}.description{flex-basis:50%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:0}@media (max-width: 768px){.description{padding:10px;margin-top:25px}}.description p.pre{color:var(--orange);text-transform:uppercase;font-family:Quantico,sans-serif;font-weight:700;font-size:14px;letter-spacing:2px;margin-bottom:25px}.description-content{display:flex;flex-direction:column;gap:25px;width:100%}.description h1{color:var(--vd-blue);text-transform:capitalize;font-family:Quantico,sans-serif;font-weight:700;font-size:50px;margin:0}@media (max-width: 768px){.description h1{font-size:35px}}.description p.desc{color:var(--d-grayish-blue);font-family:Quantico,sans-serif;font-weight:400;line-height:1.7}@media (max-width: 768px){.description p.desc{line-height:1.6;margin:0}}.description s{color:var(--grayish-blue);font-family:Quantico,sans-serif;font-weight:700}.description .price{display:flex;flex-direction:column;align-items:flex-start;gap:10px}@media (max-width: 768px){.description .price{flex-direction:row;align-items:center;justify-content:space-between;width:100%}}.description .price p{margin:0;font-family:Quantico,sans-serif}.description .price .main-tag{display:flex;align-items:center;gap:15px}.description .price .main-tag p:first-of-type{color:var(--vd-blue);font-family:Quantico,sans-serif;font-size:25px;font-weight:700}.description .price .main-tag p:last-of-type{color:var(--orange);font-family:Quantico,sans-serif;background-color:var(--pale-orange);padding:3px 10px;border-radius:5px;font-weight:700}.description .price s{font-family:Quantico,sans-serif;font-weight:700}.description .buttons{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}@media (max-width: 768px){.description .buttons{flex-direction:column}.description .buttons>*{width:100%}}.description .buttons .amount{display:flex;align-items:center;justify-content:space-between;padding:15px;width:180px;background-color:#f0f2f9;border-radius:7px}@media (max-width: 992px){.description .buttons .amount{width:150px}}@media (max-width: 768px){.description .buttons .amount{width:100%}}.description .buttons .amount .minus,.description .buttons .amount .plus{display:flex;background-color:var(--white)}.description .buttons .amount p{font-family:Quantico,sans-serif;font-weight:700;margin:0}.description .buttons .add-to-cart{padding:15px 40px;background-color:var(--orange);color:var(--white);font-family:Quantico,sans-serif;text-transform:capitalize;font-weight:700;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:15px;flex:1;transition:opacity .3s;box-shadow:0 30px 20px -8px var(--pale-orange)}@media (max-width: 992px){.description .buttons .add-to-cart{flex:unset;padding:15px 20px}}.description .buttons .add-to-cart:hover{opacity:.6}.description .buttons .add-to-cart svg path{fill:var(--white)}.gallery{flex-basis:50%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;margin-top:0}.gallery .image img{height:415px;border-radius:10px;cursor:pointer;margin-top:0}@media (max-width: 992px){.gallery .image img{height:350px}.gallery{margin-top:20px}}.gallery .thumbnails{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;width:100%}.gallery .thumbnails .img-holder{position:relative;height:90px;width:90px}@media (max-width: 992px){.gallery .thumbnails .img-holder{height:75px;width:75px}}.gallery .thumbnails img{height:90px;border-radius:10px;cursor:pointer}@media (max-width: 992px){.gallery .thumbnails img{height:75px}}.gallery .backdrop .backdrop-content{width:415px;display:flex;flex-direction:column;align-items:center;gap:10px}.gallery .backdrop .backdrop-content .image{position:relative}.gallery .backdrop-content .image .icon-button-prev{position:absolute;left:-21px;top:50%;transform:translateY(-50%)}.gallery .backdrop-content .image .icon-button-next{position:absolute;right:-21px;top:50%;transform:translateY(-50%)}.gallery .backdrop .thumbnails{position:relative}.gallery .backdrop .thumbnails .img-holder-backd{height:75px;width:75px;position:relative}.gallery .backdrop .thumbnails img{height:75px}.MuiBadge-badge{background-color:var(--orange);font-family:Quantico,sans-serif;font-weight:700}.MuiBadge-standard{font-family:Quantico,sans-serif;font-weight:700}.mobile-gallery{position:relative;width:100%}.mobile-gallery img{width:100%;aspect-ratio:4 / 2.5;border-radius:10px}.mobile-gallery button{position:absolute}.mobile-gallery .icon-button-prev{left:15px;top:50%;transform:translateY(-50%)}.mobile-gallery .icon-button-next{right:15px;top:50%;transform:translateY(-50%)}.mobile-drawer{width:65vw}.mobile-drawer .closing{padding:25px}.mobile-drawer .mobile-links{padding-inline:25px}.mobile-drawer .mobile-links ul{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.mobile-drawer .mobile-links ul button{font-family:Quantico,sans-serif;font-weight:700;font-size:var(--p-fs);background-color:transparent;color:#000}footer{padding:20px;text-align:center;background-color:var(--white);border-top:1px solid var(--grayish-blue);font-family:Quantico,sans-serif;color:var(--d-grayish-blue);font-size:var(--p-fs);margin-top:auto}@media (max-width: 768px){footer{font-size:14px;padding:15px}}footer a{font-size:18px;color:#4169e1;text-decoration:underline dotted;font-family:Quantico,sans-serif;font-weight:600}@media (max-width: 768px){footer a{font-size:16px}}.gadgets-category{min-height:calc(100vh - 64px);padding-top:80px;padding-bottom:64px}@media (max-width: 768px){.gadgets-category{padding-top:64px;padding-bottom:48px}}.container{max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width: 1200px){.container{padding:0}}.gadgets-title{font-family:Quantico,sans-serif;font-weight:600;font-size:24px;color:#000;text-align:center;margin-bottom:24px}@media (min-width: 768px){.gadgets-title{font-size:30px;margin-bottom:40px}}.gadgets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 600px){.gadgets-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (min-width: 900px){.gadgets-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1200px){.gadgets-grid{grid-template-columns:repeat(6,1fr)}}.gadgets-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;background-color:var(--white);border-radius:8px;padding:24px 0;transition:transform .15s ease,box-shadow .15s ease}.gadgets-card:hover{transform:translateY(-6px);box-shadow:0 6px 12px #00000026}.gadgets-icon-wrapper{width:64px;height:64px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(180deg,var(--orange)20,var(--orange)08);color:var(--orange);margin-bottom:12px}.gadgets-icon{font-size:32px}.gadgets-content{padding:0}.gadgets-label{font-family:Quantico,sans-serif;font-weight:500;font-size:14px;color:#000;text-align:center;margin:0}@media (min-width: 768px){.gadgets-label{font-size:16px}}.product-details{margin-top:64px!important}@media (max-width: 768px){.product-details{margin-top:20px!important}}.mui-cart{width:100%!important;max-width:none!important}.orders-container{min-height:100vh;background-color:var(--white)}.orders-main{max-width:1200px;margin:100px auto 0;padding:0 20px}.orders-main h1{font-family:Quantico,sans-serif;font-weight:700;font-size:32px;color:var(--vd-blue);text-align:center;margin-bottom:40px}.orders-list{display:flex;flex-direction:column;gap:24px}.order-card{display:flex;gap:20px;padding:24px;background-color:var(--white);border-radius:10px;box-shadow:0 4px 6px #0000001a;border:1px solid var(--grayish-blue)}.order-image img{width:100px;height:100px;object-fit:cover;border-radius:8px}.order-details{flex:1;display:flex;flex-direction:column;gap:8px}.order-details h3{font-family:Quantico,sans-serif;font-weight:700;font-size:20px;color:var(--vd-blue);margin:0}.order-details .price{font-family:Quantico,sans-serif;font-weight:700;font-size:24px;color:var(--orange);margin:0}.order-details .date,.order-details .status,.order-details .address{font-family:Quantico,sans-serif;font-size:16px;color:var(--d-grayish-blue);margin:0}.loading,.error,.no-orders{text-align:center;font-family:Quantico,sans-serif;font-size:18px;color:var(--d-grayish-blue);margin-top:100px}@media (max-width: 768px){.order-card{flex-direction:column;padding:16px}.order-image img{width:100%;height:200px}.orders-main h1{font-size:24px}}:root{font-family:Kumbh Sans,Quantico,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--orange: hsl(26, 100%, 55%);--pale-orange: hsl(25, 100%, 94%);--vd-blue: hsl(220, 13%, 13%);--d-grayish-blue: rgb(104, 112, 125);--grayish-blue: hsl(220, 14%, 75%);--l-grayish-blue: hsl(223, 64%, 98%);--white: hsl(0, 0%, 100%);--p-fs: 1rem}@media (prefers-color-scheme: light){:root{color:var(--vd-blue);background-color:var(--white)}}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Kumbh Sans,sans-serif;background-color:var(--orange);color:var(--white);cursor:pointer;transition:border-color .25s,opacity .3s}button:hover{border-color:var(--orange);opacity:.6}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.quantico-regular{font-family:Quantico,sans-serif;font-weight:400;font-style:normal}.quantico-bold{font-family:Quantico,sans-serif;font-weight:700;font-style:normal}.quantico-regular-italic{font-family:Quantico,sans-serif;font-weight:400;font-style:italic}.quantico-bold-italic{font-family:Quantico,sans-serif;font-weight:700;font-style:italic}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}