h1,h2,h3,h4,h5,h6{font-weight:400;letter-spacing:-.015em;margin:0;padding:0}:root{--primary: rgb(21, 35, 161);--primary-clear: rgba(14, 14, 129, .5);--secondary: rgb(227, 100, 113);--primary-light: rgb(42, 73, 245);--primary-dark: rgb(7, 7, 89);--light: white;--light-gray: rgba(240, 240, 255);--shadow: rgba(0,0,0,.2);--b:rgb(0, 0, 0);--warm-blue: rgb(194, 216, 255);--blue-white: rgb(245, 249, 255)}*{text-decoration:none;color:inherit}body{margin:0;padding:0;background-color:var(--primary)}.footer-text{min-width:min-content;max-width:30%}footer,.footer{display:flex;flex-direction:row;text-align:right;flex-wrap:wrap;background-color:var(--primary);color:var(--light);gap:26px;justify-content:space-between;align-items:end;padding:8px;margin:0}footer a{color:var(--secondary)}.money-box{text-align:right}.money-box h4{border-top:1px solid black;margin-top:8px;padding-top:8px}.content{display:flex;flex-direction:column;min-height:100vh;align-items:center;padding-bottom:12px}body,p,li{font-family:Source Sans Pro,sans-serif}.nav-container{width:100%;display:flex;justify-content:center;background-color:var(--primary)}.main-nav{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%;max-width:1000px;padding:4px}.nav-link{background-color:var(--primary);box-shadow:0 0 4px var(--primary-light);color:var(--light);font-weight:600;padding:1px 8px;margin:4px;border-radius:4px;transition:.3s}.nav-link:hover{transition:.3s;padding:1px 16px;margin:4px -4px;background-color:var(--primary-light)}.site-header{background-color:var(--light);display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:auto;padding:8px 8px 3px;margin-left:4px;border-top:6px solid var(--primary);border-radius:16px 16px 0 0}.logo-section,.cart-section{display:flex;align-items:end;flex-direction:row;justify-content:center;color:var(--primary)}.header-edge a{color:#000}.title,.title-basic{background:radial-gradient(circle,var(--primary-light),var(--primary) 40%);box-shadow:0 0 16px var(--primary);color:var(--light);text-shadow:0px 2px 8px black;width:100%;min-height:48px;margin:0;padding:8px}.title-basic{background:none;box-shadow:none;text-shadow:none;text-shadow:0px 2px 8px white;color:var(--primary-dark);padding:0}.centered,.title,.title-basic{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.container{background-color:var(--primary)}.content{background:linear-gradient(60deg,var(--light) 20%,var(--warm-blue) 40%,var(--light) 50%,var(--warm-blue) 70%,var(--light) 100%)}.about{display:flex;flex-wrap:wrap;align-items:start;justify-content:center;gap:16px}.categories{width:61.8%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;justify-self:center;gap:16px}.category{flex:0 0 clamp(200px,25%,250px);aspect-ratio:1/1;text-align:center;overflow:hidden;transition:transform .3s ease}.category:hover div{margin:0;transition:.5s}.category:hover{transition:.3s}.category div{background-size:cover;background-position:center;aspect-ratio:1/1;transition:.3s;display:flex;align-items:center;margin:1em}.category h2{margin:0;width:100%;background-color:var(--primary-clear);color:#fff;text-shadow:0px 4px 4px var(--b)}.currency{display:flex;flex-direction:row;justify-content:start;align-items:start}.currency>*{align-self:start;justify-self:start;margin:0;padding:0}.text{flex-direction:column;max-width:500px;width:61.8%;display:flex;justify-content:center;justify-self:center;align-items:center;gap:6px;margin-top:16px;text-align:center;padding:16px}.large-desc{max-width:650px;padding:16px;box-sizing:border-box}.text,.product,.category,.product-large,.large-desc{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff4d;border:1px solid var(--light);border-radius:8px;box-shadow:8px 8px 16px var(--shadow)}.img-and-desc{display:flex;flex-direction:row;text-align:left;gap:16px;align-items:start}.img-and-desc img{width:45%;height:min-content;border-radius:8px;box-shadow:0 0 16px 8px var(--shadow)}li{text-align:left}.prod-img,.prod-img-small,.prod-img-large{width:200px;height:200px;overflow:hidden;background-color:var(--light);padding:4px;display:flex;justify-content:center;align-items:center}.prod-img-large{width:350px;height:350px}.prod-img-small{width:100px;height:100px}.prod-img img,.prod-img-small img,.prod-img-large img{width:auto;height:auto;max-width:95%;max-height:95%;box-shadow:4px 4px 4px var(--shadow)}@media screen and (max-width:500px){.prod-img,.prod-img-large,.prod-img-small,.product-large{width:100%;padding:0}}.prod-img-large img{box-shadow:0 4px 12px 8px var(--shadow)}.product-page-links{width:100%;color:gray}.product-page-links>*{color:gray}.product-page{text-align:left;width:100%;padding:8px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.product-contents{width:auto;display:flex;justify-content:center;justify-self:center;flex-direction:column}.product,.product-small,.product-large{display:flex;gap:16px;width:450px;border-radius:4px;margin:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-large{width:650px;flex-direction:column}.product-small{width:350px}@media screen and (max-width:500px){.product,.product-large{flex-direction:column;width:100%;align-content:center}}.prod-info *{margin:0;padding-bottom:6px}.prod-info h2{font-weight:100}.prod-data{display:flex;flex-direction:column;justify-content:space-between;flex:1;margin:8px}.prod-button,.prod-button-simple{display:flex;justify-content:center;align-items:center;gap:8px}.prod-button-simple{justify-content:space-between}.prod-button button,.prod-quantity,.nice-button,.prod-button-simple button{border-radius:8px;border:none;padding:8px 10px 6px;background-color:var(--light-gray);color:#000;box-shadow:0 2px 0 2px var(--shadow);transition:.5s}.prod-button-simple button{padding:2px 8px 0;max-height:32px;transition:.3s}ul{padding:0 0 0 16px}.products{display:flex;flex-wrap:wrap;justify-content:center}.prod-button-simple button:hover{background-color:var(--shadow)}.prod-button button:hover,.nice-button:hover{transition:.5s;padding:8px 16px 6px}.prod-button button:active,.nice-button:active,.prod-button-simple button:active{background-color:var(--primary);color:var(--light)}.prod-quantity{min-width:25px;max-width:20%;text-align:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}.drop-in{min-width:500px;display:flex}.toast{position:fixed;top:60px;right:20px;background:#222;color:#fff;padding:12px 16px;border-radius:6px;font-size:14px;box-shadow:0 4px 12px var(--shadow);opacity:0;transform:translateY(-10px);transition:opacity .4s ease,transform .4s ease;z-index:9999}.toast.show{opacity:1;transform:translateY(0)}.toast.hide{opacity:0;transform:translateY(-10px)}.addresses{width:100%;display:flex;flex-direction:column;margin-bottom:10px}.address{border:1px solid black;width:100%}.address div{display:flex;flex-direction:column;text-align:left;margin:8px}.contact{display:flex;flex-direction:row;width:max-content;align-items:center;align-self:start;gap:16px}.contact-head{max-width:250px}.div-down,.footer-text{display:flex;flex-direction:column;gap:8px}.div-cols{display:flex;flex-direction:row}@media screen and (max-width:500px){.div-cols{flex-direction:column}.footer-text{flex-direction:row}}@media screen and (max-width:700px){.footer-text{max-width:100%}}.form-section,.form-section-overlay{text-align:left;display:flex;width:250px;min-width:250px;flex-direction:column;justify-self:center;gap:8px;padding:8px 8px 4px;border-radius:8px;background:radial-gradient(circle at 75% 90%,var(--primary),var(--primary-light) 70%);border:1px solid var(--primary-dark);color:var(--light);font-weight:600;box-shadow:0 8px 16px 8px var(--shadow)}.email-section{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:nowrap}.email-section input{width:150px;margin-left:auto}.email-section label{width:100px}.form-section div,.message-section{gap:4px;display:flex;justify-content:right}.form-section textarea,.form-section input{border-radius:16px;font-size:1rem}.form-section button{font-size:1.18rem;font-weight:800;border-radius:16px;border:1px solid var(--primary);width:110px;height:40px;padding:0;margin:0;background:radial-gradient(var(--primary-light) 30%,var(--primary));color:var(--light);display:inline-flex;align-items:center;transition:ease .5s}.form-section button:hover{transition:ease .5s;width:300px;box-shadow:0 0 8px 0 var(--primary-light)}.form-section button:hover .expanding-dots span{padding-left:75%;padding-right:75%;transition:ease .5s;opacity:1;font-size:100%}.form-section button:hover .expanding-dots{width:24px}.form-section button:hover img{transition:.5s;padding-left:45%}.form-section button img{transition:.5s}.expanding-dots{display:inline-flex;width:0px;transition:ease .6s}.expanding-dots span{opacity:0;font-size:10%;transition:ease-out .3s}.form-wrapper{position:relative;width:100%}.form-section-overlay{position:absolute;inset:0;display:flex;text-align:center;flex-direction:column;justify-content:center;align-items:center;z-index:10}.carousel-container{width:100%;max-width:99vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;padding:16px}.carousel{background-color:#ffffff80;border:3px solid white;box-shadow:0 0 16px 8px var(--shadow);border-radius:8px;display:flex;overflow-x:hidden;width:61%;justify-self:center;height:340px;overflow-y:hidden;gap:40px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}@media screen and (max-width:700px){.carousel{width:100%}}.carousel::-webkit-scrollbar{height:4px}.carousel::-webkit-scrollbar-track{background:transparent}.carousel::-webkit-scrollbar-thumb{background:#00000059;border-radius:4px}.slide{flex:0 0 200px;text-align:center;transition:transform .3s ease,opacity .3s ease;opacity:.7;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.slide-img{transition:.3s}.slide:hover img,.slide.is-center img{transform:scale(1.15);transition:.3s;opacity:1}.slide.is-center{opacity:1;transition:.3s}.slide:hover{opacity:1}.slide img{width:150px;height:auto;border-radius:8px;box-shadow:0 8px 8px 4px var(--shadow);margin-bottom:16px}
