@import"https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&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&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--primary: white;--secondary: #1b1b1b;--dark-grey: #8d8d8d;--grey: #EEEEEE;--footer: #0e0e0e}html,body{margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6,p,li,a,small,label{font-family:Roboto,Poppins,sans-serif;font-weight:300;font-style:normal;color:#fff}#landingPage{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:var(--primary);padding-bottom:5dvh}#landingPage .centeringDiv{display:flex;flex-direction:column;height:100dvh;justify-content:center;align-items:center;background-color:#fff;background-size:cover;background-position:center;width:100%}#landingPage .centeringDiv h1{font-weight:600;font-size:3rem;text-align:center;margin-block:50dvh 10dvh;padding-inline:20%;color:var(--secondary)}@media only screen and (max-width: 321px),and{#landingPage .centeringDiv h1{font-size:8dvw;width:80dvw}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#landingPage .centeringDiv h1{font-size:8dvw;width:80dvw}}#landingPage .centeringDiv .buttons{display:flex;flex-direction:row;gap:3rem}@media only screen and (max-width: 321px),and{#landingPage .centeringDiv .buttons{gap:1rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#landingPage .centeringDiv .buttons{gap:1rem}}#landingPage .centeringDiv .buttons a{border-radius:1rem;border:.1rem solid transparent;padding:.4em 1.5rem;font-size:1.2rem;font-weight:400;background-color:var(--primary);border-color:var(--secondary);color:var(--secondary);cursor:pointer;transition:all .25s;text-decoration:none}@media only screen and (max-width: 321px),and{#landingPage .centeringDiv .buttons a{font-size:.8rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#landingPage .centeringDiv .buttons a{font-size:clamp(.8rem,4dvw,1.3rem)}}#landingPage .centeringDiv .buttons a:hover{background-color:var(--secondary);color:var(--primary)}#landingPage .centeringDiv img{margin-block:20dvh 15dvh;width:3rem}@media only screen and (max-width: 321px),and{#landingPage .centeringDiv img{width:2rem;margin-block:10dvh 25dvh}}#landingPage section{padding-block:2rem;background-color:var(--primary)}#landingPage section h2{font-size:2rem;text-align:center;font-weight:400;margin-block:5rem 0;color:var(--secondary)}@media only screen and (max-width: 321px),and{#landingPage section h2{font-size:1.5rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#landingPage section h2{font-size:1.5rem;margin-block:9rem 0}}#landingPage section .boxes{margin-block:2rem;display:flex;flex-direction:row;gap:2rem;justify-content:space-around;margin-inline:10rem}@media only screen and (max-width: 321px),and{#landingPage section .boxes{gap:2rem;flex-direction:column;width:80dvw}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#landingPage section .boxes{gap:2rem;flex-direction:column;width:70dvw}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#landingPage section .boxes{flex-direction:column}}#landingPage section .boxes div{background-color:var(--grey);border-radius:1rem;padding-inline:1rem}#landingPage section .boxes div h4{font-size:1.5rem;font-weight:400;color:var(--secondary);margin-top:1rem}@media only screen and (max-width: 321px),and{#landingPage section .boxes div h4{font-size:1.2rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#landingPage section .boxes div h4{font-size:1.2rem}}#landingPage section .boxes div p{color:var(--secondary);font-size:1.2rem}@media only screen and (max-width: 321px),and{#landingPage section .boxes div p{font-size:.9rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#landingPage section .boxes div p{font-size:1rem}}#AboutUs{background-color:var(--secondary);width:100%;padding-block:3rem}#AboutUs h3{font-size:2rem;text-align:center;font-weight:400;color:var(--primary)}@media only screen and (max-width: 321px),and{#AboutUs h3{font-size:1.5rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#AboutUs h3{font-size:1.5rem}}#AboutUs p{text-align:center;font-size:1.5rem;margin-inline:2rem;color:var(--primary);padding-inline:10%}@media only screen and (max-width: 321px),and{#AboutUs p{font-size:.9rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#AboutUs p{font-size:1.1rem;padding-inline:5%}}#navbar{position:fixed;display:flex;justify-content:center;padding-block:.5rem;align-items:center;height:5dvw;z-index:999;width:100%;transition:all .2s;background-color:transparent}@media only screen and (max-width: 321px),and{#navbar{height:4dvh}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#navbar{height:5dvh}}#navbar #navbar-logo{display:block;position:absolute;font-family:Elsie,serif;font-weight:900;font-style:normal;font-size:6dvw;text-decoration:none;color:var(--primary);transition:all .2s}@media only screen and (max-width: 321px),and{#navbar #navbar-logo{font-size:10dvw}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#navbar #navbar-logo{font-size:8dvw}}#navbar #links{display:flex;flex-direction:row;justify-content:space-between;gap:5rem;align-items:center;width:100%;transform:translateY(0);transition:all .1s}#navbar #links .navbar-icons{font-size:1.5rem}#navbar #links #shopping-cart-items{background-color:var(--grey);border-radius:50%;width:1.8rem;height:1.8rem;color:var(--secondary);font-weight:500;text-align:center;line-height:1.8rem;position:absolute;top:.5rem;right:7rem;margin:0}#navbar #links div{display:flex;justify-content:space-between;gap:5rem;padding-inline:2rem}#navbar #links div a{font-weight:500;font-size:1.2rem;transition:all .25s;text-decoration:none;color:var(--primary)}#navbar #links div a:hover{text-decoration:underline;cursor:pointer}#navbar #links div a:visited{color:var(--primary)}#navbar #menu-icon{font-size:5dvw;transition:all .25s;z-index:10;color:var(--primary);position:absolute;right:0;padding-right:1rem}@media only screen and (max-width: 321px),and{#navbar #menu-icon{font-size:8dvw}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#navbar #menu-icon{font-size:7dvw}}#footer{background-color:var(--footer);display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10dvw;padding-block:2dvw}@media only screen and (max-width: 321px),and{#footer{gap:1dvw;flex-direction:column;padding-block:2dvw 15dvw}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#footer{gap:2dvw;flex-direction:column;padding-block:0 2rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#footer{gap:2dvw;flex-direction:column;padding-block:0 2rem}}#footer #copyright-div{display:flex;flex-direction:column;align-self:flex-start;margin-right:10dvw;padding-block:2dvh;text-decoration:none}@media only screen and (max-width: 321px),and{#footer #copyright-div{margin-right:2dvw;align-self:center}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#footer #copyright-div{margin-right:2dvw;align-self:center}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#footer #copyright-div{margin-right:2dvw;align-self:center}}#footer #copyright-div h3{font-family:Elsie,serif;font-weight:900;font-style:normal;font-size:2rem;margin-bottom:0}@media only screen and (max-width: 321px),and{#footer #copyright-div h3{font-size:1.5rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#footer #copyright-div h3{font-size:1.8rem}}#footer #copyright-div small{font-weight:400}@media only screen and (max-width: 321px),and{#footer #copyright-div small{font-size:.6rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#footer #copyright-div small{font-size:.8rem}}#footer #footer-info{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10dvw}@media only screen and (min-width: 321px) and (max-width: 700px),and{#footer #footer-info{gap:2dvw}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#footer #footer-info{gap:8dvw}}#footer #footer-info #footer-links{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:3dvw}@media only screen and (max-width: 321px),and{#footer #footer-info #footer-links{gap:2dvw;width:40%}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#footer #footer-info #footer-links{gap:2dvw;width:50%}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#footer #footer-info #footer-links{gap:8dvw}}#footer #footer-info #footer-links div{display:flex;flex-direction:column;justify-content:center}#footer #footer-info #footer-links div h4{font-weight:400;font-size:1.5rem;margin-bottom:0}@media only screen and (max-width: 321px),and{#footer #footer-info #footer-links div h4{font-size:1.1rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#footer #footer-info #footer-links div h4{font-size:1.3rem}}#footer #footer-info #footer-links div p,#footer #footer-info #footer-links div a{margin-block:1rem 0;cursor:pointer;text-decoration:none}#footer #footer-info #footer-links div p:hover,#footer #footer-info #footer-links div a:hover{color:var(--light-grey)}@media only screen and (max-width: 321px),and{#footer #footer-info #footer-links div p,#footer #footer-info #footer-links div a{font-size:.8rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#footer #footer-info #footer-links div p,#footer #footer-info #footer-links div a{font-size:1rem}}#footer #footer-info #SoMe{display:flex;flex-direction:column;justify-content:center;gap:1.5dvw;align-self:flex-start}@media only screen and (max-width: 321px),and{#footer #footer-info #SoMe{gap:3dvw;width:6rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#footer #footer-info #SoMe{gap:3dvw;width:40%}}#footer #footer-info #SoMe h4{font-weight:400;font-size:1.5rem;margin-bottom:0}@media only screen and (max-width: 321px),and{#footer #footer-info #SoMe h4{font-size:1.1rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#footer #footer-info #SoMe h4{font-size:1.3rem}}#footer #footer-info #SoMe div{display:flex;flex-direction:row;justify-content:flex-start;gap:2dvw}@media only screen and (max-width: 321px),and{#footer #footer-info #SoMe div{width:70%;flex-direction:column;justify-content:center;align-items:center;gap:5dvw}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#footer #footer-info #SoMe div{gap:4dvw}}#footer #footer-info #SoMe div img{width:2rem;cursor:pointer}@media only screen and (max-width: 321px),and{#footer #footer-info #SoMe div img{width:2.2rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#footer #footer-info #SoMe div img{width:2rem}}#menu{display:flex;justify-content:center;padding-inline:4rem;padding-top:10rem;align-items:center}#menu #links{display:flex;flex-direction:column;justify-content:space-between;gap:10rem;align-items:center}@media only screen and (max-width: 321px),and{#menu #links{gap:5rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#menu #links{gap:5rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#menu #links{gap:6rem}}#menu #links a{font-weight:400;font-size:2.3rem;transition:all .25s;text-decoration:none}@media only screen and (max-width: 321px),and{#menu #links a{font-size:1.3rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#menu #links a{font-size:1.5rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#menu #links a{font-size:2rem}}#menu #links a:hover{text-decoration:underline;cursor:pointer}#menu #links a:visited{color:var(--text)}#menu #links button{border-radius:2rem;border:.1rem solid transparent;padding:.4em 3rem;font-size:2rem;font-weight:700;font-family:Bodoni Moda,serif;background-color:var(--text);border-color:var(--highlight);cursor:pointer;transition:all .25s;color:var(--secondary)}@media only screen and (max-width: 321px),and{#menu #links button{font-size:1.3rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#menu #links button{font-size:1.5rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#menu #links button{font-size:2rem}}#menu #links button:hover{border-color:var(--text);background-color:var(--highlight);color:var(--text)}#repair{background-color:var(--primary);display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:5dvh;min-height:100dvh}#repair #repair-fix{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--grey);width:40dvw;padding-block:5dvh;border-radius:2rem;margin-top:10rem}@media only screen and (max-width: 321px),and{#repair #repair-fix{width:80%}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#repair #repair-fix{width:80%}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#repair #repair-fix{width:80%}}#repair #repair-fix h3{font-size:2rem;font-weight:500;margin-block:0 4rem;color:var(--secondary)}@media only screen and (max-width: 321px),and{#repair #repair-fix h3{font-size:1.3rem;margin-block:0 2rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#repair #repair-fix h3{font-size:1.3rem;margin-block:0 2rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#repair #repair-fix h3{font-size:1.5rem;margin-block:0 2rem}}#repair #repair-fix div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8dvw}@media only screen and (max-width: 321px),and{#repair #repair-fix div{flex-direction:column;gap:5dvw}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#repair #repair-fix div{gap:5dvw}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#repair #repair-fix div{gap:15dvw}}#repair #repair-fix div a{border-radius:1rem;border:.1rem solid transparent;padding:.4em 1.5rem;font-size:1.2rem;font-weight:400;background-color:var(--secondary);border-color:var(--secondary);color:var(--primary);cursor:pointer;transition:all .25s;text-decoration:none}@media only screen and (max-width: 321px),and{#repair #repair-fix div a{font-size:.8rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#repair #repair-fix div a{font-size:clamp(.8rem,4dvw,1.2rem)}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#repair #repair-fix div a{font-size:1.2rem}}#repair #repair-fix div a:hover{background-color:var(--primary);color:var(--secondary)}#repair #repair-fix div #coming-soon{display:flex;flex-direction:column;position:relative}#repair #repair-fix div #coming-soon .disabled-button{opacity:.2}#repair #repair-fix div #coming-soon p{font-weight:400;position:absolute;top:1.8rem;color:var(--secondary)}#repair h2{margin-block:5rem 2rem;font-weight:400;color:var(--secondary)}@media only screen and (max-width: 321px),and{#repair h2{font-size:1.2rem}}#repair #repair-boxes{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5dvw}@media only screen and (max-width: 321px),and{#repair #repair-boxes{flex-direction:column;gap:5dvw}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#repair #repair-boxes{flex-direction:column;gap:5dvw}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#repair #repair-boxes{gap:2dvw}}#repair #repair-boxes>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:15dvw;max-width:20rem;height:40dvh;padding:1rem;background-color:var(--primary);box-shadow:0 0 .5rem rgb(from var(--secondary) r g b/.3);transition:all .5s;border-radius:2rem}@media only screen and (max-width: 321px),and{#repair #repair-boxes>div{width:80%;height:13dvh;padding:1rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#repair #repair-boxes>div{width:60dvw;height:auto;padding:1rem;max-width:none}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#repair #repair-boxes>div{width:18dvw;height:40dvh}}#repair #repair-boxes>div .box-header{position:absolute;transition:all .5s;background-color:transparent;text-align:center}@media only screen and (max-width: 321px),and{#repair #repair-boxes>div .box-header{width:15%}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#repair #repair-boxes>div .box-header{width:15%}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#repair #repair-boxes>div .box-header{width:20%}}#repair #repair-boxes>div .box-header p{font-weight:400;font-size:1.2rem;transition-timing-function:cubic-bezier(.25,.1,.25,2);color:var(--secondary)}@media only screen and (max-width: 321px),and{#repair #repair-boxes>div .box-header p{font-size:.7rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#repair #repair-boxes>div .box-header p{font-size:.9rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#repair #repair-boxes>div .box-header p{font-size:1.1rem}}#repair #repair-boxes>div:hover{background-color:var(--grey)}#repair #repair-boxes>div>p{opacity:0;transition:all .7s;transition-delay:.2s 0s;transition-timing-function:cubic-bezier(.25,.1,.25,2);text-align:center}@media only screen and (max-width: 321px),and{#repair #repair-boxes>div>p{width:60%}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#repair #repair-boxes>div>p{width:60%}}#repair #repair-boxes>div:hover>.box-header{transform:translateY(-3rem);background-color:transparent}@media only screen and (max-width: 321px),and{#repair #repair-boxes>div:hover>.box-header{transform:translate(-180%)}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#repair #repair-boxes>div:hover>.box-header{transform:translate(-20dvw)}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#repair #repair-boxes>div:hover>.box-header{transform:translateY(-5rem)}}#repair #repair-boxes>div:hover>.box-header p{color:var(--secondary)}#repair #repair-boxes>div:hover>p{opacity:1;transform:translateY(3rem);color:var(--secondary)}@media only screen and (max-width: 321px),and{#repair #repair-boxes>div:hover>p{transform:translate(30%);font-size:.7rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#repair #repair-boxes>div:hover>p{transform:translate(10dvw);font-size:.9rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#repair #repair-boxes>div:hover>p{transform:translateY(3rem);font-size:.9rem}}#partner{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;background-color:var(--primary);gap:15dvw;padding-block:15rem 0;min-height:90dvh}@media only screen and (max-width: 321px),and{#partner{padding-block:5rem;flex-direction:column;align-items:center;gap:25dvw}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#partner{padding-block:5rem;flex-direction:column;align-items:center;gap:5rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#partner{padding-block:5rem;gap:2rem}}#partner div{display:flex;flex-direction:column;align-items:center}#partner div h3{text-align:center;font-weight:500;font-size:1.6rem;color:var(--secondary)}@media only screen and (max-width: 321px),and{#partner div h3{font-size:1.2rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#partner div h3{font-size:1.4rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#partner div h3{font-size:1.4rem}}#partner div li{margin-block:2rem;font-size:1.3rem;color:var(--secondary);font-weight:400}@media only screen and (max-width: 321px),and{#partner div li{font-size:.9rem;margin-block:1rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#partner div li{font-size:1rem;margin-block:1.2rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#partner div li{font-size:1.2rem;margin-block:2rem}}#partner div a{border-radius:1rem;border:.1rem solid transparent;padding:.4em 1.5rem;font-size:1.2rem;font-weight:400;background-color:var(--secondary);border-color:var(--secondary);color:var(--primary);cursor:pointer;transition:all .25s;text-decoration:none;margin-top:auto}#partner div a:hover{background-color:var(--primary);color:var(--secondary)}#brands{background-color:var(--primary);display:flex;flex-direction:column;align-items:center;height:110dvh;padding-block:20dvh 1dvh;padding-inline:35dvw}@media only screen and (max-width: 321px),only screen and (min-width: 321px) and (max-width: 700px),and{#brands{padding-inline:10%}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#brands{padding-inline:25dvw;padding-block:20dvh 5dvh}}#brands h1{font-size:2.2rem;font-weight:400;align-self:flex-start;margin-bottom:0;color:var(--secondary)}@media only screen and (max-width: 321px),only screen and (min-width: 321px) and (max-width: 700px),only screen and (min-width: 700px) and (max-width: 1024px),and{#brands h1{font-size:1.8rem}}#brands>p{font-size:1.2rem;font-weight:300;align-self:flex-start;margin-bottom:2rem;color:var(--secondary)}@media only screen and (max-width: 321px),only screen and (min-width: 321px) and (max-width: 700px),only screen and (min-width: 700px) and (max-width: 1024px),and{#brands>p{font-size:1rem}}#brands #form-thanks{display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all 1s 1s;opacity:0}#brands #form-thanks h1{font-size:2.2rem;font-weight:400}@media only screen and (max-width: 321px),and{#brands #form-thanks h1{font-size:1.2rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#brands #form-thanks h1{font-size:1.3rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#brands #form-thanks h1{font-size:1.8rem}}#brands #form-thanks p{font-size:1.4rem;margin-bottom:2rem;color:var(--secondary)}@media only screen and (max-width: 321px),and{#brands #form-thanks p{font-size:1rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#brands #form-thanks p{font-size:1.2rem}}#brands #form-thanks img{width:4rem}@media only screen and (max-width: 321px),and{#brands #form-thanks img{width:2.5rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#brands #form-thanks img{width:3rem}}#brands #form-thanks.active{opacity:1}#brands form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%}@media only screen and (max-width: 321px),and{#brands form{gap:1.2rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#brands form{gap:1.4rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#brands form{gap:1.7rem}}#brands form input,#brands form textarea{width:100%;height:2rem;border-radius:1rem;border:1px solid var(--dark-grey);box-shadow:none;outline:none;font-size:1.2rem;font-family:Roboto,Poppins,sans-serif;padding-block:1dvw;color:var(--secondary)}@media only screen and (max-width: 321px),only screen and (min-width: 321px) and (max-width: 700px),only screen and (min-width: 700px) and (max-width: 1024px),and{#brands form input,#brands form textarea{font-size:1rem}}#brands form input:focus,#brands form textarea:focus{box-shadow:inset 0 -.1rem 0 .1rem var(--secondary)}#brands form input:focus::placeholder,#brands form textarea:focus::placeholder{color:var(--grey)}#brands form input::placeholder,#brands form textarea::placeholder{font-size:1rem;color:var(--secondary);padding:1dvw}#brands form textarea{height:6rem}#brands form textarea::placeholder{padding:.5dvw 1dvw}#brands form input[type=submit]{border-radius:1rem;border:.1rem solid transparent;padding:.4em 1.5rem;font-size:1.2rem;font-weight:400;height:4rem;max-width:10rem;background-color:var(--secondary);border-color:var(--secondary);cursor:pointer;transition:all .25s;color:var(--primary);align-self:flex-start}@media only screen and (max-width: 321px),only screen and (min-width: 321px) and (max-width: 700px),and{#brands form input[type=submit]{font-size:1rem;height:2.5rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#brands form input[type=submit]{font-size:1.2rem;height:3rem}}#brands form input[type=submit]:hover{background-color:var(--primary);color:var(--secondary)}#brands #fail-message{color:#da2727;font-weight:400;text-align:center;align-self:center;line-height:2rem;margin-top:2rem}@media only screen and (max-width: 321px),and{#brands #fail-message{font-size:.9rem}}@media only screen and (min-width: 321px) and (max-width: 700px),and{#brands #fail-message{font-size:1rem}}@media only screen and (min-width: 700px) and (max-width: 1024px),and{#brands #fail-message{font-size:1.2rem}}#terms{background-color:var(--primary);display:flex;flex-direction:column;padding-inline:15dvw;padding-block:15dvh 5dvh;min-height:100dvh}#terms h1{font-size:2.5rem;font-weight:500;color:var(--secondary)}#terms h2{font-size:1.6rem;font-weight:400;margin-block:1rem .2rem;color:var(--secondary)}#customer{background-color:var(--primary);display:flex;flex-direction:row;justify-content:center;align-items:flex-start;min-height:100dvh;padding-block:20dvh 5dvh;gap:10dvw}#customer #order-box{background-color:var(--grey);border-radius:2rem;width:12vw;min-height:50vh;padding:2rem;display:flex;flex-direction:column}#customer #order-box #order-header{color:var(--secondary);font-weight:500;font-size:1.2rem}#customer #order-box p{color:var(--secondary);font-weight:400}#customer #order-box #order-item{display:flex;flex-direction:column}#customer #order-box #order-item p{margin-block:.1rem}#customer #order-box #order-price{background-color:var(--secondary);color:var(--primary);font-size:1.4rem;text-align:center;padding:.5rem;margin-top:auto}#orderScroll{width:100%;height:2rem;background-color:var(--grey);margin-bottom:1rem;border-radius:2rem;display:flex;flex-direction:row;justify-content:flex-start}#orderScroll #inner-scroll{background-color:var(--secondary);width:33%;border-radius:2rem;margin:.2rem}#item-category{background-color:var(--grey);border-radius:2rem;width:40vw;padding:2rem;display:flex;flex-direction:column}#item-category h3{font-size:2rem;font-weight:500;margin-bottom:0;color:var(--secondary)}#item-category p{color:var(--secondary);font-weight:400}#item-category hr{margin-block:1rem 1rem}#item-category .category-list{display:flex;flex-wrap:wrap;gap:1rem}#item-category .category-list label{display:inline-flex;align-items:center;background-color:var(--secondary);border-radius:2rem;border:.1rem solid transparent;padding:.4em 1.5rem;font-size:1rem;font-weight:400;color:var(--primary);cursor:pointer;transition:all .25s;font-family:Roboto,Poppins,sans-serif}#item-category .category-list label input[type=radio]{opacity:0;position:absolute;width:0;height:0;overflow:hidden}#item-category .category-list label:hover{background-color:var(--grey);border-color:var(--secondary);color:var(--secondary)}#item-category .category-list label:has(input[type=radio]:checked){background-color:var(--primary);border-color:var(--secondary);color:var(--secondary)}#item-category .service-list{display:flex;flex-direction:column;gap:1rem}#item-category .service-list label{background-color:var(--grey);border:.1rem solid transparent;padding:.2em 1rem;cursor:pointer;transition:all .25s}#item-category .service-list label input[type=radio]{opacity:0;position:absolute;width:0;height:0;overflow:hidden}#item-category .service-list label:hover{background-color:var(--grey);border-color:var(--secondary);color:var(--secondary)}#item-category .service-list label:has(input[type=radio]:checked){background-color:var(--primary);border-color:var(--secondary);color:var(--secondary)}#item-category .service-list .service-info{display:flex}#item-category .service-list .service-info p{color:var(--secondary)}#item-category h4{margin-block:2rem 0;font-size:1.5rem;font-weight:400;color:var(--secondary)}#item-category p{margin-top:.5rem}#item-category textarea{padding:.5rem;height:10rem;border-radius:.5rem;border:.1rem solid var(--secondary);resize:none;font-family:Roboto,Poppins,sans-serif;font-size:1.2rem;outline:none}#item-category .brandIcons{padding:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:2%}#item-category .brandIcons label{display:inline;border:.1rem solid transparent;padding:.8rem;width:25%}#item-category .brandIcons label input[type=radio]{opacity:0;position:absolute;width:0;height:0;overflow:hidden}#item-category .brandIcons label:has(input[type=radio]:checked)>img{border:.15rem solid var(--secondary)}#item-category .brandIcons img{background-color:var(--primary);object-fit:scale-down;width:70%;height:70%;transition:all .5s;border-radius:2rem;padding:20%;border:.15rem solid var(--grey)}#item-category .brandIcons img:hover{cursor:pointer;transform:scale(1.1)}#item-category .image-drop-zone{background-color:var(--primary);border:.1rem solid var(--secondary);border-radius:.5rem;padding:1rem}#item-category .image-drop-zone input[type=file]{color:transparent}#item-category .preview-images{padding-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}#item-category .preview-images div{position:relative}#item-category .preview-images div img{width:100%;object-fit:cover;border-radius:.5rem;border:.1rem solid var(--secondary)}#item-category .preview-images div .close{position:absolute;background-color:var(--primary);border:.1rem solid var(--secondary);border-radius:50%;width:1.5rem;height:1.5rem;text-align:center;line-height:1.5rem;right:1rem;top:.5rem;cursor:pointer;transition:all .2s ease}#item-category .preview-images div .close:hover{background-color:#c00000;color:var(--primary)}#item-category .navButtons{margin-top:2rem;display:flex;flex-direction:row;justify-content:space-between}#item-category .navButtons img{width:1.5rem}#item-category .navButtons a{display:flex;border-radius:2rem;border:.1rem solid transparent;padding:.4em 1.5rem;font-size:1.3rem;font-weight:500;background-color:var(--secondary);border-color:var(--secondary);cursor:pointer;transition:all .25s;text-decoration:none}#item-category .navButtons a:hover{background-color:#000}#ShoppingCart{background-color:var(--primary);display:flex;flex-direction:row;justify-content:center;align-items:flex-start;min-height:100dvh;padding-block:20dvh 5dvh;gap:20%}#ShoppingCart #shopping-list-items{width:30%}#ShoppingCart #shopping-list-items #addNew{text-decoration:none}#ShoppingCart #shopping-list-items #addNew p{background-color:var(--secondary);font-weight:400;font-size:2rem;padding:2rem 4rem;border-radius:1rem;cursor:pointer;margin:0;margin-bottom:2dvh;transition:all .2s;border:.1rem solid var(--secondary)}#ShoppingCart #shopping-list-items #addNew p:hover{background-color:var(--primary);color:var(--secondary)}#ShoppingCart #shopping-list-items .shopping-item{border-radius:1rem;background-color:var(--grey);padding:1rem 1.5rem;margin-bottom:2dvh}#ShoppingCart #shopping-list-items .shopping-item .flex{display:flex;justify-content:space-between;cursor:pointer;transition:all .4s ease}#ShoppingCart #shopping-list-items .shopping-item .flex .icons{font-size:1.4rem;display:flex;align-items:center;transition:all .4s ease}#ShoppingCart #shopping-list-items .shopping-item .flex .icons.rotated{transform:rotate(180deg)}#ShoppingCart #shopping-list-items .shopping-item .flex #addService{border-radius:1rem;padding:1rem;margin:0}#ShoppingCart #shopping-list-items .shopping-item .flex #addService:hover{background-color:#ddd}#ShoppingCart #shopping-list-items .shopping-item .flex #deleteItem{border-radius:1rem;padding:1rem;margin:0}#ShoppingCart #shopping-list-items .shopping-item .flex #deleteItem:hover{background-color:#c00000;color:#fff}#ShoppingCart #shopping-list-items .shopping-item .clickable{border-radius:1rem;padding-inline:1rem}#ShoppingCart #shopping-list-items .shopping-item .clickable:hover{background-color:#ddd}#ShoppingCart #shopping-list-items .shopping-item .shopping-info{overflow-y:hidden;height:0rem;transition:height .4s ease;padding-inline:2%}#ShoppingCart #shopping-list-items .shopping-item .shopping-info.open{height:20rem;overflow-y:auto}#ShoppingCart #shopping-list-items .shopping-item .shopping-info p{font-weight:400}#ShoppingCart #shopping-list-items .shopping-item .shopping-info div{margin-bottom:1.5rem}#ShoppingCart #shopping-list-items .shopping-item .shopping-info .service-info{display:flex;justify-content:space-between;width:100%}#ShoppingCart #shopping-list-items .shopping-item .shopping-info .service-info p{margin:0}#ShoppingCart #shopping-list-items .shopping-item .shopping-info .preview-images{padding-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}#ShoppingCart #shopping-list-items .shopping-item .shopping-info .preview-images img{width:100%;object-fit:cover;border-radius:.5rem;border:.1rem solid var(--secondary)}#ShoppingCart #shopping-list-items .shopping-item #item{font-size:1.3rem}#ShoppingCart #shopping-list-items .shopping-item p{color:var(--secondary);font-weight:500}#ShoppingCart #shopping-list-basket{background-color:var(--grey);width:20%;border-radius:1rem;padding:3rem 2rem}#ShoppingCart #shopping-list-basket #basket{margin-bottom:2rem}#ShoppingCart #shopping-list-basket #basket h4{color:var(--secondary);font-weight:500;font-size:1.2dvw;margin:0;margin-block:1rem}#ShoppingCart #shopping-list-basket #basket div{display:flex;justify-content:space-between;width:100%}#ShoppingCart #shopping-list-basket #basket div .header{font-weight:500}#ShoppingCart #shopping-list-basket #basket div p{font-weight:400;color:var(--secondary)}#ShoppingCart #shopping-list-basket a{background-color:var(--secondary);text-decoration:none;border-radius:.6rem;padding:1rem;text-align:center;font-weight:400;cursor:pointer;border:.1rem solid var(--secondary)}#ShoppingCart #shopping-list-basket a:hover{background-color:var(--grey);color:var(--secondary)}#checkout{background-color:var(--primary);display:flex;flex-direction:row;justify-content:center;align-items:flex-start;min-height:80dvh;padding-block:15dvh 5dvh}#checkout #checkout-choice h3{color:var(--secondary);font-size:2dvw;font-weight:400;text-align:center}#checkout #checkout-choice div{display:flex;justify-content:center;align-items:center;gap:2rem}#checkout #checkout-choice div button{border-radius:1rem;border:.1rem solid transparent;padding:.4em 1.5rem;font-size:1.2rem;font-weight:400;background-color:var(--secondary);border-color:var(--secondary);color:var(--primary);cursor:pointer;transition:all .25s;text-decoration:none}#checkout #checkout-choice div button:hover{background-color:var(--primary);color:var(--secondary)}#checkout #checkout-choice.hide{display:none}#checkout #checkout-brand{display:flex;flex-direction:column;gap:2rem;width:100%;align-items:center}#checkout #checkout-brand h3{color:var(--secondary);font-size:2dvw;font-weight:400;text-align:center}#checkout #checkout-brand .brandIcons{padding:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:1%}#checkout #checkout-brand .brandIcons label{display:inline;border:.1rem solid transparent;padding:.8rem;width:10%}#checkout #checkout-brand .brandIcons label input[type=radio]{opacity:0;position:absolute;width:0;height:0;overflow:hidden}#checkout #checkout-brand .brandIcons label:has(input[type=radio]:checked)>img{border:.15rem solid var(--secondary)}#checkout #checkout-brand .brandIcons img{background-color:var(--primary);object-fit:scale-down;width:80%;height:80%;transition:all .5s;border-radius:2rem;padding:10%;border:.15rem solid var(--grey)}#checkout #checkout-brand .brandIcons img:hover{cursor:pointer;transform:scale(1.1)}#checkout #checkout-brand div{display:flex;gap:2rem}#checkout #checkout-brand div p{color:var(--secondary);font-weight:400;font-size:1.5rem}#checkout #checkout-brand div input[type=text]{font-size:1.2rem;border-color:var(--grey);border-style:solid}#checkout #checkout-brand div input[type=text].wrong{border-color:#e92a2a;color:#e92a2a}#checkout #checkout-brand div input[type=text].wrong:focus{outline:none;border-color:#960c0c;color:#960c0c}#checkout #checkout-brand div input[type=text].correct{border-color:#1abe1a;color:#1abe1a}#checkout #checkout-brand div input[type=text].correct:focus{outline:none;border-color:#0b770b;color:#0b770b}#checkout #checkout-brand button{border-radius:1rem;border:.1rem solid transparent;padding:.4em 1.5rem;font-size:1.2rem;font-weight:400;background-color:var(--secondary);border-color:var(--secondary);color:var(--primary);cursor:pointer;transition:all .25s;text-decoration:none;max-width:20%;width:15dvw;height:3rem}#checkout #checkout-brand button:hover{background-color:var(--primary);color:var(--secondary)}#checkout #checkout-brand .brand-location{width:70%;display:flex;flex-direction:column}#checkout #checkout-brand .brand-location h4{font-size:1.5rem;font-weight:400;color:var(--secondary)}#checkout #checkout-brand .brand-location .brand-location-list{display:flex;flex-direction:column;border:.1rem solid var(--secondary);border-radius:.5rem;padding:1rem;background-color:var(--grey);width:40%;gap:1rem}#checkout #checkout-brand .brand-location .brand-location-list .brand-location-div{display:flex;flex-direction:column;gap:.5rem}#checkout #checkout-brand .brand-location .brand-location-list .brand-location-div .brand-location-item{display:flex;flex-direction:column;align-items:flex-start;border:.1rem solid transparent;border-radius:.5rem;padding:.5rem 1rem;cursor:pointer;transition:all .2s;gap:.5rem}#checkout #checkout-brand .brand-location .brand-location-list .brand-location-div .brand-location-item:hover{border:.1rem solid var(--secondary)}#checkout #checkout-brand .brand-location .brand-location-list .brand-location-div .brand-location-item input[type=radio]{opacity:0;position:absolute;width:0;height:0;overflow:hidden}#checkout #checkout-brand .brand-location .brand-location-list .brand-location-div .brand-location-item:has(input[type=radio]:checked){background-color:var(--primary);border-color:var(--secondary);color:var(--secondary)}#checkout #checkout-brand .brand-location .brand-location-list .brand-location-div .brand-location-item p{margin:0;font-size:1.3rem}#checkout #checkout-brand .brand-location .brand-location-list .brand-location-div .brand-location-item p span{font-size:1.1rem}#checkout #checkout-brand .brand-location .brand-location-list .brand-location-div .brand-location-item .info{font-size:.8rem}#checkout #checkout-brand .brand-location .brand-map{border:.1rem solid var(--secondary);border-radius:.5rem;padding:.5rem 1rem;width:70%;background-color:#add8e6}#checkout #checkout-brand .brand-time-selection{margin-top:3rem;width:70%;display:flex;flex-direction:column}#checkout #checkout-brand .brand-time-selection label{font-size:1.5rem;font-weight:400;color:var(--secondary)}#checkout #checkout-brand .brand-time-selection input[type=datetime-local]{width:30%;font-size:1.2rem;font-weight:400;color:var(--secondary)}#checkout #checkout-brand.hide{display:none}#checkout-confirm{background-color:var(--primary);display:flex;flex-direction:row;justify-content:center;align-items:flex-start;min-height:100dvh;padding-block:20dvh 5dvh;gap:20%}#checkout-confirm #shopping-list-items{width:30%}#checkout-confirm #shopping-list-items #addNew{text-decoration:none}#checkout-confirm #shopping-list-items #addNew p{background-color:var(--secondary);font-weight:400;font-size:2rem;padding:2rem 4rem;border-radius:1rem;cursor:pointer;margin:0;margin-bottom:2dvh;transition:all .2s;border:.1rem solid var(--secondary)}#checkout-confirm #shopping-list-items #addNew p:hover{background-color:var(--primary);color:var(--secondary)}#checkout-confirm #shopping-list-items .shopping-item{border-radius:1rem;background-color:var(--grey);padding:1rem 1.5rem;margin-bottom:2dvh}#checkout-confirm #shopping-list-items .shopping-item .flex{display:flex;justify-content:space-between;cursor:pointer;transition:all .4s ease}#checkout-confirm #shopping-list-items .shopping-item .flex .icons{font-size:1.4rem;display:flex;align-items:center;transition:all .4s ease}#checkout-confirm #shopping-list-items .shopping-item .flex .icons.rotated{transform:rotate(180deg)}#checkout-confirm #shopping-list-items .shopping-item .flex #addService{border-radius:1rem;padding:1rem;margin:0}#checkout-confirm #shopping-list-items .shopping-item .flex #addService:hover{background-color:#ddd}#checkout-confirm #shopping-list-items .shopping-item .flex #deleteItem{border-radius:1rem;padding:1rem;margin:0}#checkout-confirm #shopping-list-items .shopping-item .flex #deleteItem:hover{background-color:#c00000;color:#fff}#checkout-confirm #shopping-list-items .shopping-item .clickable{border-radius:1rem;padding-inline:1rem}#checkout-confirm #shopping-list-items .shopping-item .clickable:hover{background-color:#ddd}#checkout-confirm #shopping-list-items .shopping-item .shopping-info{overflow-y:hidden;height:0rem;transition:height .4s ease;padding-inline:2%}#checkout-confirm #shopping-list-items .shopping-item .shopping-info.open{height:20rem;overflow-y:auto}#checkout-confirm #shopping-list-items .shopping-item .shopping-info p{font-weight:400}#checkout-confirm #shopping-list-items .shopping-item .shopping-info div{margin-bottom:1.5rem}#checkout-confirm #shopping-list-items .shopping-item .shopping-info .service-info{display:flex;justify-content:space-between;width:100%}#checkout-confirm #shopping-list-items .shopping-item .shopping-info .service-info p{margin:0}#checkout-confirm #shopping-list-items .shopping-item .shopping-info .preview-images{padding-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}#checkout-confirm #shopping-list-items .shopping-item .shopping-info .preview-images img{width:100%;object-fit:cover;border-radius:.5rem;border:.1rem solid var(--secondary)}#checkout-confirm #shopping-list-items .shopping-item #item{font-size:1.3rem}#checkout-confirm #shopping-list-items .shopping-item p{color:var(--secondary);font-weight:500}#checkout-confirm #shopping-list-basket{background-color:var(--grey);width:20%;border-radius:1rem;padding:3rem 2rem}#checkout-confirm #shopping-list-basket #thanks h4{color:var(--secondary);font-size:2rem;font-weight:400;text-align:center}#checkout-confirm #shopping-list-basket #thanks p{color:var(--secondary);font-size:1.5rem;font-weight:400;text-align:center}#checkout-confirm #shopping-list-basket #failed{color:#c00000;font-size:1rem;font-weight:400;text-align:center;margin-block:2rem 0}#checkout-confirm #shopping-list-basket #basket{margin-bottom:2rem}#checkout-confirm #shopping-list-basket #basket h4{color:var(--secondary);font-weight:500;font-size:1.2dvw;margin:0;margin-block:1rem}#checkout-confirm #shopping-list-basket #basket p{color:var(--secondary);font-weight:400}#checkout-confirm #shopping-list-basket #basket div{display:flex;justify-content:space-between;width:100%}#checkout-confirm #shopping-list-basket #basket div .header{font-weight:500}#checkout-confirm #shopping-list-basket #basket div p{font-weight:400;color:var(--secondary)}#checkout-confirm #shopping-list-basket button{background-color:var(--secondary);color:var(--primary);text-decoration:none;border-radius:.6rem;padding:1rem;text-align:center;font-weight:400;font-size:1.2rem;cursor:pointer;border:.1rem solid var(--secondary)}#checkout-confirm #shopping-list-basket button:hover{background-color:var(--grey);color:var(--secondary)}