:root{--darkColor:#000;--lightColor:#fff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}a,button{cursor:pointer}input,select,option,input::placeholder{font-size:.9rem!important}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}p{font-size:.9rem}@media (width<=768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.2rem}h4{font-size:1rem}p{font-size:.7rem}input,select,option,input::placeholder{font-size:.7rem!important}}@media (width<=300px){h1{font-size:2.1rem}h2{font-size:1.5rem}h3{font-size:1rem}h4{font-size:.8rem}p{font-size:.5rem}input,select,option,input::placeholder{font-size:.5rem!important}}.BackHeader header{border-radius:5px;align-items:center;margin:.5em;padding:.5em;display:flex;box-shadow:-1px 5px 5px 1px #00000010}.BackHeader .backBtn{justify-content:center;width:5%;display:flex}.BackHeader .backBtn svg{width:80%}.BackHeader .logo{justify-content:center;display:flex}.BackHeader .logo svg{width:7%}@media only screen and (width<=800px){.BackHeader .logo svg{width:10%}}@media only screen and (width<=500px){.BackHeader .backBtn svg{width:100%}.BackHeader .logo svg{width:15%}}@media only screen and (width<=300px){.BackHeader .backBtn{width:10%}.BackHeader .logo{width:90%}}.Checkout{border-radius:10px;justify-content:space-between;padding:1em;display:flex}.Checkout ul{list-style:none}.Checkout h4{margin:.5em 0}.Checkout input,.Checkout select{border:1px solid #a5a5a5;border-radius:5px;outline:none;padding:.3em}.Checkout button{border:1px solid #a5a5a5;border-radius:5px;padding:.3em}.Checkout .cart,.Checkout .info{padding:1em}.Checkout .info{width:55%}.Checkout .info input,.Checkout .info select{width:100%;margin:.3em 0}.Checkout .info .checkbox input{width:auto}.Checkout .info .checkbox{align-items:center;display:flex}.Checkout .info .checkbox p{margin:0 .3em}.Checkout .info .dropdown{border:1px solid #a5a5a5;border-radius:5px;flex-direction:column;margin:.3em 0;padding:.3em;display:flex}.Checkout .info .dropdown label p{color:#a5a5a5}.Checkout .info .dropdown select{background:0 0;border:none;padding:0}.Checkout .info .sideBySide{justify-content:space-between;display:flex}.Checkout .info .sideBySide input{width:48%}.Checkout .info .svged{border:1px solid #a5a5a5;border-radius:5px;margin:.3em 0;padding:.3em;display:flex}.Checkout .info .svged input{background:0 0;border:none}.Checkout .info .svged svg{fill:#a5a5a5;width:4%}.Checkout .info .shipping p{text-align:center;background-color:#f5f5f5;border-radius:5px;padding:1em 0}.Checkout .info .payment .yocoBtn{background-color:#00a9e0;font-weight:700}.Checkout .info .payment .yocoBtn svg{fill:#fff;width:20%}.Checkout .info .payment .payfastBtn{background-color:#2a2a2a}.Checkout .info .payment .payfastBtn svg{fill:#ed1c24;width:20%}.Checkout .info button{color:#fff;background-color:#000;width:100%;margin:1em 0;padding:1em}.Checkout .cart{width:45%;box-shadow:-5px 1px 10px 3px #00000010}.Checkout .cart .item{justify-content:space-between;align-items:center;margin:1em 0;display:flex}.Checkout .cart .item .description{justify-content:space-between;align-items:center;display:flex}.Checkout .cart .item img{border-radius:8px;width:10%;box-shadow:2px 1px 5px 2px #00000010}.Checkout .cart .item span{align-items:center;width:25%;display:flex}.Checkout .cart .item span input{text-align:center;background:0 0;border:none;width:100%}.Checkout .cart .discount{align-items:center;margin:1em 0;display:flex}.Checkout .cart .discount input{width:100%}.Checkout .cart .discount button{margin:0 .5em;padding:.6em .7em}.Checkout .cart .inlineText li{justify-content:space-between;display:flex}@media screen and (width<=900px){.Checkout{flex-direction:column;padding:.5em}.Checkout .cart,.Checkout .info{width:100%}.Checkout .cart{order:1}.Checkout .cart .item{flex-direction:column;margin:0}.Checkout .cart .item img{width:20%;margin:1em}.Checkout .cart .item span{width:35%}.Checkout .cart .discount button{padding:.3em .7em}.Checkout .info{order:2}}.droppingSoon section:first-of-type{text-align:center;flex-direction:column;place-content:center;height:60vh;margin:auto;display:flex}.droppingSoon section:first-of-type button{background-color:var(--darkColor);color:#fff;border:none;border-radius:50px;margin:1em auto;padding:.8em}.droppingSoon section:nth-of-type(2) ul{list-style:none;display:flex}.droppingSoon section:nth-of-type(2) ul li img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.droppingSoon section:nth-of-type(2) form{text-align:center;width:30%;margin:2em auto}.droppingSoon section:nth-of-type(2) form input,.droppingSoon section:nth-of-type(2) form button{border:none;border-radius:8px;width:100%;margin:.2em;padding:.5em}.droppingSoon section:nth-of-type(2) form input{color:var(--darkColor);background-color:#f7f7f7;border:1px solid #dfdfdf}.droppingSoon section:nth-of-type(2) form button{background-color:var(--darkColor);color:var(--lightColor)}.droppingSoon section:nth-of-type(3){color:var(--lightColor);background-color:var(--darkColor);justify-content:space-between;padding:.5em;display:flex}@media (width<=500px){.droppingSoon section:nth-of-type(2) ul{flex-direction:column}.droppingSoon section:nth-of-type(2) form{width:50%}}@media (width<=300px){.droppingSoon section:nth-of-type(2) form{width:70%}}