.App{display:flex;flex-direction:column;font-family:Poppins,Proxima Nova,Arial,Helvetica,sans-serif;height:auto;width:100%}.App .navbar{flex-shrink:0}body{margin:0;padding:0}.navbar{background-color:#fefcff;display:flex;flex-direction:row;height:100px;position:relative;width:100%}.navbar .leftside{align-items:center;display:flex;flex:50% 1;height:100%;padding-left:50px}.navbar .leftside img{width:150px}.navbar .rightside{align-items:center;display:flex;flex:50% 1;height:100%;justify-content:center;position:relative}.navbar a{color:#000;margin:20px;text-decoration:none}.navbar .rightside button{background-color:initial;border:none;color:#000;cursor:pointer;display:none;position:relative}.navbar .rightside svg{font-size:30px}.nav-link{align-items:center;color:#000;display:inline-flex;margin:20px;text-decoration:none}.nav-link svg{font-size:20px!important;margin-right:5px}.cart-container{align-items:center;color:#000;display:inline-flex;margin:20px;position:relative;text-decoration:none}.cart-container svg{font-size:20px!important;margin-right:5px;position:relative}.login-link{align-items:center;color:#000;display:inline-flex;margin:20px;text-decoration:none}.login-link svg{font-size:20px!important;margin-right:5px}.cart-badge{background-color:#fdbe5d;font-size:12px;height:20px;left:-13px;top:-13px;width:20px}.cart-badge,.hamburger-badge{align-items:center;border-radius:50%;color:#fff;display:flex;font-weight:700;justify-content:center;line-height:1;position:absolute;z-index:1}.hamburger-badge{background-color:red;font-size:11px;height:18px;right:-5px;top:-5px;width:18px}.mobile-dropdown{background-color:#fefcff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 4px 12px #00000026;display:none;min-width:200px;overflow:hidden;position:absolute;right:20px;top:100%;z-index:1000}.mobile-dropdown.show{display:block}.mobile-dropdown a{align-items:center;border-bottom:1px solid #f0f0f0;color:#000;display:flex;margin:0;padding:15px 20px;text-decoration:none;transition:background-color .2s ease}.mobile-dropdown a:last-child{border-bottom:none}.mobile-dropdown a:hover{background-color:#f8f9fa}.mobile-dropdown a svg{font-size:20px!important;margin-right:12px}.mobile-dropdown .cart-container{position:relative}.mobile-dropdown .cart-badge{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;left:12px;line-height:1;position:absolute;top:10px;width:20px;z-index:1}@media only screen and (min-width:769px){.navbar .rightside button{display:none}.mobile-dropdown{display:none!important}}@media only screen and (max-width:768px) and (min-width:601px){.navbar .rightside a{width:70px}.navbar .leftside{padding-left:30px}}@media only screen and (max-width:600px){.navbar .rightside>.cart-container,.navbar .rightside>.login-link,.navbar .rightside>.nav-link{display:none}.navbar .rightside button{display:block!important;margin-right:20px}.navbar .rightside{justify-content:flex-end;padding-right:30px}}.admin-navbar{background-color:#121619;box-shadow:0 2px 10px #0000001a}.admin-navbar .leftside img{filter:brightness(0) invert(1)}.admin-rightside{align-items:center;display:flex!important;gap:30px}.admin-dashboard-link{border-radius:6px;color:#f1bf5e!important;font-weight:600;padding:8px 16px;text-decoration:none;transition:background-color .3s ease}.admin-dashboard-link:hover{background-color:#f1bf5e1a}.admin-user-info{align-items:center;background-color:#ffffff1a;border-radius:25px;display:flex;gap:8px;padding:8px 16px}.admin-username{color:#fff;font-size:.9rem;font-weight:500}.admin-logout-btn{align-items:center;background:none;border:none;border-radius:4px;color:#ff6b6b;cursor:pointer;display:flex;justify-content:center;margin-left:8px;padding:4px;transition:all .3s ease}.admin-logout-btn:hover{background-color:#ff6b6b1a;transform:scale(1.1)}@media (max-width:768px){.admin-rightside{gap:15px}.admin-dashboard-link{display:none}.admin-user-info{padding:6px 12px}.admin-username{font-size:.8rem}}.footer{background-color:#fff;border-top:1px solid #eee;color:#333;font-family:Poppins,Proxima Nova,Arial,Helvetica,sans-serif;margin-top:auto;padding:20px 0 10px;width:100%}.footer-content{gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.footer-content,.footer-left{align-items:flex-start;display:flex}.footer-left{flex:1 1;justify-content:flex-start}.brand-section{align-items:flex-start;display:flex;flex-direction:column;gap:15px}.brand-logo{flex-direction:row;gap:12px}.brand-logo,.logo-placeholder{align-items:center;background-color:#fff;display:flex}.logo-placeholder{border:2px solid #fff;border-radius:50%;height:50px;justify-content:center;overflow:hidden;width:50px}.logo-placeholder img{border-radius:50%;height:100%;object-fit:contain;width:100%}.brand-name{font-size:20px;font-weight:700;letter-spacing:1px}.brand-name span{display:inline-block}.letter-s1,.letter-s2{color:#5c83a4}.letter-a1,.letter-apostrophe{color:#febe5c}.letter-i,.letter-o{color:#f69faf}.letter-k,.letter-u{color:#b1dddc}.address{font-size:13px;line-height:1.4}.address p{color:#666;margin:2px 0}.footer-right{align-items:flex-start;display:flex;flex:1 1;justify-content:flex-end}.socialMedia{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.socialMedia h4{color:#333;font-size:14px;font-weight:600;margin:0 0 8px;text-align:right}.social-icons{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.social-button{align-items:center;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:50%;color:#333;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-button:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.social-button:first-child:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-color:#bc1888;color:#fff}.social-button:nth-child(2):hover{background-color:#1877f2;border-color:#1877f2;color:#fff}.social-button:nth-child(3):hover{background-color:#000;border-color:#000;color:#fff}.social-button.tokopedia:hover{background-color:#42b883;border-color:#42b883;color:#fff}.social-button.shopee:hover{background-color:#ff5722;border-color:#ff5722;color:#fff}.social-button.toco:hover{background-color:#ffe102;border-color:#ffe102;color:#ffe102}.social-button svg{height:20px;width:20px}.social-button .social-image{border-radius:50%;height:34px;object-fit:contain;width:34px}.footer-bottom{border-top:1px solid #eee;margin-top:15px;padding-top:10px;text-align:center}.footer-bottom p{color:#666;font-size:12px;margin:0}@media (max-width:1024px){.footer-content{gap:15px;padding:0 15px}.brand-name{font-size:18px}.logo-placeholder{height:45px;width:45px}.social-button{height:36px;width:36px}.social-button svg{height:18px;width:18px}.social-button .social-image{height:30px;width:30px}.social-icons{gap:10px}}@media (max-width:768px){.footer{margin:2px 0;padding:15px 0 8px}.footer-content{align-items:flex-start;gap:15px;justify-content:space-between;padding:0 10px}.footer-left,.footer-right{flex:none}.footer-left{flex:1 1;min-width:0}.footer-right{flex:0 0 auto}.socialMedia{align-items:flex-end}.socialMedia h4{font-size:12px;text-align:right;white-space:nowrap}.brand-section{align-items:flex-start}.brand-name{font-size:16px;letter-spacing:1px}.address{text-align:left}.social-icons{gap:8px;justify-content:flex-end}.social-button{height:32px;width:32px}.social-button svg{height:16px;width:16px}.social-button .social-image{height:26px;width:26px}}@media (max-width:480px){.footer{margin-left:.5 rem;margin-right:.5 rem;padding:10px 0 1px}.footer-content{align-items:flex-start;flex-wrap:wrap;gap:8px;padding:0 8px}.footer-left{flex:1 1;max-width:60%;min-width:0}.footer-right{flex:0 0 auto;max-width:40%}.brand-logo,.brand-section{gap:8px}.logo-placeholder{height:30px;width:30px}.social-button{height:26px;width:26px}.social-button svg{height:12px;width:12px}.social-button .social-image{height:20px;width:20px}.social-icons{flex-wrap:wrap;gap:4px;justify-content:flex-end}.brand-name{font-size:12px;letter-spacing:.3px;line-height:1.2}.address{font-size:9px;line-height:1.3}.socialMedia h4{font-size:9px;margin-bottom:4px}.footer-bottom{margin-top:8px;padding-top:6px}.footer-bottom p{font-size:9px}}.home{align-items:flex-start;background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;flex-direction:column;font-family:Josefin Sans,Poppins,Proxima Nova,Arial,Helvetica,sans-serif;justify-content:center;min-height:100vh;padding:0 5%;position:relative;width:100%}.beautifully{color:#e3c062}.boldTitle{background-color:#eea8b3;padding:5px 0 0}.home:before{background-image:url(/static/media/saisoku_wall_1.ee0da393a8c62820fd0d.jpg);background-position:50%;background-size:cover;bottom:0;content:"";filter:brightness(.6) blur(.5px);left:0;position:absolute;right:0;top:0;z-index:-1}.headerContainer{display:flex;flex-direction:column;justify-content:center;margin-left:50px;max-width:800px;padding:20px}.headerContainer h1{color:#fefcff;font-size:6vw;font-weight:600;margin:0 0 10px}.headerContainer p{color:#fefcff;font-size:3vw;font-weight:bolder;margin:0 0 20px}.headerContainer button{background-color:#121619;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;height:50px;transition:.3s ease-in-out;width:180px}.headerContainer button:hover{background-color:#07090a}@media (max-width:768px){.home{align-items:center;text-align:center}.headerContainer{align-items:center;background-color:initial;margin-left:0;padding:20px;width:100%}.headerContainer h1{font-size:8vw}.headerContainer p{font-size:4.5vw}.headerContainer button{background-color:#fff;color:#121619;width:150px}.headerContainer button:hover{background-color:#ddd}}.home-about{background-color:#f8f9fa;padding:80px 0}.home-about-content{align-items:center;display:flex;gap:60px;margin:0 auto;max-width:1200px;padding:40px 20px}.home-about-image{flex:1 1}.home-about-image img{border-radius:10px;box-shadow:0 10px 30px #0000001a;height:auto;width:100%}.home-about-text{flex:1 1}.home-about-text h2{color:#333;font-size:2.5rem;margin-bottom:30px}.home-about-text p{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:30px;text-align:justify}.learn-more-btn{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.learn-more-btn:hover{background-color:#0056b3;color:#fff;transform:translateY(-2px)}.home-featured{background-color:#fff;padding:80px 0}.home-featured-content{margin:0 auto;max-width:1200px;padding:0 20px}.featured-header{margin-bottom:60px;text-align:center}.featured-header h2{color:#333;font-size:2.5rem;margin-bottom:20px}.featured-header p{color:#666;font-size:1.1rem}.featured-container{align-items:center;display:flex;gap:30px;margin-bottom:50px}.featured-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(4,1fr)}.featured-item{background:#fff;border-radius:12px;box-shadow:0 3px 12px #0000001a;max-width:220px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.featured-item:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-3px)}.featured-image-window{background-color:#f8f8f8;height:180px;overflow:hidden;width:100%}.arrow-btn,.featured-arrow{align-items:center;display:flex}.arrow-btn{background-color:#007bff;border-radius:50%;box-shadow:0 3px 10px #007bff4d;color:#fff;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.arrow-btn:hover{background-color:#0056b3;color:#fff;transform:scale(1.1)}.featured-image-window img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.featured-item:hover .featured-image-window img{transform:scale(1.05)}.featured-info{padding:15px}.featured-info h3{color:#333;font-size:1.1rem;margin-bottom:8px}.featured-price{color:#007bff;font-size:1rem;font-weight:600;margin-bottom:12px}.featured-variants{display:flex;gap:8px}.featured-variant-btn{border:2px solid #0000;border-radius:50%;cursor:pointer;height:24px;transition:transform .2s ease,border-color .2s ease;width:24px}.featured-variant-btn:hover{transform:scale(1.1)}.featured-variant-btn.active{border-color:#333;transform:scale(1.1)}.featured-footer{text-align:center}.shop-all-btn{align-items:center;background-color:#121619;border-radius:5px;color:#fff;display:inline-flex;font-weight:600;gap:10px;padding:15px 30px;text-decoration:none;transition:all .3s ease}.shop-all-btn:hover{background-color:#07090a;color:#fff;transform:translateY(-2px)}.home-why{background-attachment:fixed;background-color:#f5fffa;background-image:url(/static/media/saisoku_wall_2.0e8d7097a967000c3b01.jpg);background-position:50%;background-size:cover;padding:80px 0;position:relative}.home-why:before{background:#f5fffa33;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.home-why-content{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:2}.why-header{margin-bottom:60px;text-align:center}.why-header h2{color:#333;font-size:2.5rem;margin-bottom:20px}.why-header p{color:#666;font-size:1.1rem}.why-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.why-item{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:30px 20px;text-align:center;transition:transform .3s ease}.why-item:hover{transform:translateY(-5px)}.why-icon{color:#007bff;display:flex;justify-content:center;margin-bottom:20px}.why-item h3{color:#333;font-size:1.3rem;margin-bottom:15px}.why-item p{color:#666;font-size:1rem;line-height:1.6}@media (max-width:768px){.home-about-content{flex-direction:column;gap:40px;text-align:center}.featured-header h2,.home-about-text h2,.why-header h2{font-size:2rem}.featured-container{flex-direction:column;gap:30px}.featured-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.arrow-btn{height:45px;width:45px}.why-grid{gap:30px;grid-template-columns:1fr}.home-about,.home-featured,.home-why{padding:60px 0}}@media (max-width:480px){.featured-header h2,.home-about-text h2,.why-header h2{font-size:1.8rem}.featured-grid{grid-template-columns:1fr}.featured-item{max-width:100%}.home-about,.home-featured,.home-why{padding:30px 0}}.about{display:flex;flex-direction:column;min-height:auto;width:100%}.about-profile{background-color:#f8f9fa;padding:80px 0}.profile-content{align-items:center;display:flex;gap:60px;margin:0 auto;max-width:1200px;padding:40px 20px}.profile-image{flex:1 1}.profile-image img{border-radius:10px;box-shadow:0 10px 30px #0000001a;height:auto;width:100%}.profile-text{flex:1 1}.profile-text h2{color:#333;font-size:2.5rem;margin-bottom:30px}.profile-text p{color:#666;font-size:1.1rem;line-height:1.8;text-align:justify}.about-team{background-color:#f5fffa;padding:80px 0}.team-content{align-items:center;display:flex;gap:60px;margin:0 auto;max-width:1200px;padding:0 20px}.team-text{flex:1 1}.team-text h2{color:#333;font-size:2.5rem;margin-bottom:30px}.team-text p{color:#666;font-size:1.1rem;line-height:1.8}.team-circles{display:flex;flex:1 1;flex-wrap:wrap;gap:30px;justify-content:space-around}.team-member{max-width:150px;text-align:center}.member-circle{border-radius:50%;box-shadow:0 8px 25px #00000026;height:120px;margin:0 auto 15px;overflow:hidden;width:120px}.member-circle img{height:100%;object-fit:cover;width:100%}.team-member h3{color:#333;font-size:1.2rem;margin-bottom:5px}.team-member p{color:#666;font-size:.9rem}.about-stats{background-color:#f8f9fa;padding:80px 0}.stats-content{align-items:center;display:flex;gap:60px;margin:0 auto;max-width:1200px;padding:0 20px}.stats-map{flex:2 1}.stats-map img{filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));height:auto;width:100%}.stats-numbers{flex:1 1}.stats-numbers h2{color:#333;font-size:2.5rem;margin-bottom:40px}.stat-item{margin-bottom:30px}.stat-number{color:#ed9cad;font-size:3rem;margin-bottom:5px}.stat-label{color:#666;font-size:1.1rem;margin:0}.about-contact{background-color:#ffd1dc;padding:80px 0}.contact-content{margin:0 auto;max-width:600px;padding:0 20px;text-align:center}.contact-info h2{color:#333;font-size:2.5rem;margin-bottom:20px}.contact-info p{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:40px}.contact-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.email-btn,.whatsapp-btn{border:none;border-radius:5px;cursor:pointer;font-size:1.1rem;font-weight:600;min-width:150px;padding:15px 30px;transition:all .3s ease}.email-btn{background-color:#007bff;color:#fff}.email-btn:hover{background-color:#0056b3;transform:translateY(-2px)}.whatsapp-btn{background-color:#25d366;color:#fff}.whatsapp-btn:hover{background-color:#128c7e;transform:translateY(-2px)}@media (max-width:1024px){.aboutTop{height:40vh}.about .aboutBottom h1{font-size:60px}.profile-content,.stats-content,.team-content{gap:40px;padding:0 30px}.contact-info h2,.profile-text h2,.stats-numbers h2,.team-text h2{font-size:2.2rem}.stat-number{font-size:2.5rem}}@media (max-width:768px){.aboutTop{height:35vh}.about .aboutBottom h1{font-size:50px;height:auto;transform:translateY(-20px)}.aboutBottom{height:auto;margin-top:30px}.aboutBottom p{font-size:1rem;width:100%}.about-contact,.about-profile,.about-stats,.about-team{padding:60px 0}.profile-content{flex-direction:column;gap:40px;text-align:center}.profile-text h2{font-size:2rem}.profile-text p{font-size:1rem}.team-content{flex-direction:column;gap:40px;text-align:center}.team-text h2{font-size:2rem}.team-circles{justify-content:center}.stats-content{flex-direction:column;gap:40px;text-align:center}.stats-numbers h2{font-size:2rem}.stat-number{font-size:2.2rem}.contact-info h2{font-size:2rem}.contact-info p{font-size:1rem}.contact-buttons{align-items:center;flex-direction:column}.email-btn,.whatsapp-btn{width:200px}}@media (max-width:480px){.aboutTop{height:30vh}.about .aboutBottom h1{font-size:36px;transform:translateY(-10px)}.aboutBottom{margin-top:20px;padding:0 15px}.about-contact,.about-profile,.about-stats,.about-team{padding:40px 0}.contact-content,.profile-content,.stats-content,.team-content{gap:30px;padding:0 15px}.profile-text h2{font-size:1.8rem;margin-bottom:20px}.profile-text p{font-size:.95rem}.team-text h2{font-size:1.8rem;margin-bottom:20px}.team-text p{font-size:1rem}.team-circles{align-items:center;flex-direction:column;gap:25px}.member-circle{height:100px;width:100px}.team-member h3{font-size:1.1rem}.team-member p{font-size:.85rem}.stats-numbers h2{font-size:1.8rem;margin-bottom:30px}.stat-item{margin-bottom:25px}.stat-number{font-size:2rem}.stat-label{font-size:1rem}.contact-info h2{font-size:1.8rem}.contact-info p{font-size:.95rem;margin-bottom:30px}.email-btn,.whatsapp-btn{font-size:1rem;padding:12px 25px;width:180px}}@media (max-width:360px){.aboutTop{height:25vh}.about .aboutBottom h1{font-size:28px;transform:none}.about-contact,.about-profile,.about-stats,.about-team{padding:30px 0}.contact-content,.profile-content,.stats-content,.team-content{padding:0 10px}.contact-info h2,.profile-text h2,.stats-numbers h2,.team-text h2{font-size:1.5rem}.stat-number{font-size:1.8rem}.member-circle{height:80px;width:80px}.email-btn,.whatsapp-btn{font-size:.9rem;padding:10px 20px;width:160px}}.about-hero,.hero-banner{position:relative}.hero-banner{align-items:center;background-position:50%;background-size:cover;display:flex;height:400px;justify-content:center}.hero-banner:before{background:#0006;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero-content{color:#fff;position:relative;text-align:center;z-index:1}.hero-content h1{font-size:3rem;margin:0;text-shadow:2px 2px 4px #00000080}.contact{display:flex;font-family:Poppins,Proxima Nova,Arial,Helvetica,sans-serif;height:90vh;width:100%}.contact .left-side{background-position:0;background-repeat:no-repeat;background-size:cover;flex:50% 1;height:100%}.contact .right-side{display:flex;flex:50% 1;flex-direction:column;height:100%;justify-content:center}.contact .right-side h1{font-size:50px;font-weight:300;margin-left:30px}form{display:flex;flex-direction:column;font-family:Poppins,Proxima Nova,Arial,Helvetica,sans-serif;height:auto;padding:30px;width:auto}form input{height:40px}form input,form textarea{border:none;border-bottom:1px solid #121619;color:#000;width:80%}form textarea{height:70px;margin-top:15px}input::placeholder,textarea::placeholder{color:#0006}form input:focus,textarea:focus{outline:none}form label{color:grey;margin-top:15px}form button{background-color:#121619;border:none;color:#f5f5f5;cursor:pointer;font-size:15px;height:40px;margin-top:40px;width:140px}@media (max-width:768px){.contact{flex-direction:column}.contact .left-side,.contact .right-side{flex:100% 1;height:50vh}}.cart{align-items:center;display:flex;flex-direction:column;font-family:Poppins,Proxima Nova,Arial,Helvetica,sans-serif;gap:20px;justify-content:center;padding:20px}.cartItem{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000001a;margin:20px 0;min-height:100px;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.cartItem,.cart_placeholder{align-items:center;display:flex;max-width:500px;padding:20px;width:100%}.cart_placeholder{background:#f8f8f8;border:2px solid #ccc;border-radius:20px;box-sizing:border-box;color:#999;font-size:1.2rem;justify-content:center;min-height:300px;text-align:center}.cartItem:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-5px)}.cartItem .image-window{height:auto;width:auto}.cartItem .image-window,.cartItem img{border-radius:15px;object-fit:cover;transform:scale(1.1);transition:transform .3s ease}.cartItem img{height:100px;margin:20px;width:200px}.cartItem .description{color:#333;display:flex;flex:1 1;flex-direction:column;font-size:1.2rem;justify-content:center;margin-left:20px}.countHandler{align-items:center;display:flex;gap:8px;margin-top:10px}.countHandler input{border:1px solid #ccc;border-radius:5px;font-size:1rem;font-weight:700;padding:5px;text-align:center;width:50px}.checkout{margin-top:20px;text-align:center}.checkout button{background:linear-gradient(135deg,#222,#555);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;height:50px;margin:10px;transition:background .3s ease;width:160px}.checkout button:hover{background:linear-gradient(135deg,#111,#333)}@media only screen and (max-width:600px){.cart{gap:15px;padding:10px}.cartItem{flex-direction:column;margin:10px 0;padding:15px;text-align:center}.cartItem img{height:75px;margin:10px 0;width:150px}.cartItem .description{font-size:1rem;margin-left:0;margin-top:10px}.cart_placeholder{font-size:1rem;min-height:200px;padding:15px}.checkout button{font-size:.9rem;height:45px;margin:5px;width:140px}}@media only screen and (max-width:768px) and (min-width:601px){.cart{padding:15px}.cartItem{padding:18px}.cartItem img{height:90px;width:180px}.cartItem .description{font-size:1.1rem}}.product{align-items:center;display:flex;flex-direction:column;font-family:Poppins,Proxima Nova,Arial,Helvetica,sans-serif;height:auto;justify-content:center;text-align:center;width:100%}.product .productTitle{font-size:60px}.productItem .image-window img{border-radius:15px 15px 0 0;height:auto;object-fit:cover;transform:scale(1.1);transition:transform .3s ease;width:100%}.productItem:hover .image-window img{transform:scale(1.15)}.productItem .image-window{align-items:center;background-color:#f8f8f8;border-radius:15px 15px 0 0;display:flex;height:300px;justify-content:center;max-height:500px;overflow:hidden;width:100%}.productList{display:grid;grid-template-columns:repeat(3,1fr);height:auto;margin:0 auto;max-width:1000px;padding:10px;place-items:center;width:90%}.productItem{border-radius:15px;box-shadow:0 3px 15px #0003;display:flex;flex-direction:column;height:380px;margin:1px 1px 10px;min-height:380px;padding:10px;width:300px}.productItem:hover{box-shadow:0 3px 15px #00000080;cursor:pointer;transition:.3s ease-in}.productItem div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:15px;border-top-right-radius:15px;height:200px;width:100%}.productItem h2{font-size:30px;margin-bottom:0}.button-group{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:auto;width:fit-content}.addToCartBttn{background-color:initial;border:2px solid #131313;border-radius:12px;cursor:pointer;font-size:1rem;line-height:1.4;min-width:120px;padding:10px 16px;text-align:center;transition:all .3s ease;white-space:nowrap}.addToCartBttn:hover{background-color:#131313;color:#fff;transform:translateY(-2px)}.buy-now-btn{background-color:#007bff;border:2px solid #007bff;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;line-height:1.4;min-width:120px;padding:10px 16px;text-align:center;transition:all .3s ease;white-space:nowrap}.buy-now-btn:hover{background-color:#0056b3;background:linear-gradient(135deg,#0056b3,#004085);border-color:#0056b3;box-shadow:0 4px 12px #007bff4d;transform:translateY(-2px)}.variant-buttons{border-radius:50%;display:flex;gap:8px;margin:10px 0;max-height:0;padding-left:10px}.variant-button{border:2px solid #0000;border-radius:50%;cursor:pointer;height:24px;transition:transform .2s;width:24px}.variant-button:hover{transform:scale(1.1)}@media only screen and (max-width:1300px){.productList{grid-template-columns:1fr 1fr}}@media only screen and (max-width:800px){.productList{grid-template-columns:1fr}.button-group{gap:6px}.addToCartBttn,.buy-now-btn{font-size:.9rem;min-width:100px;padding:8px 12px}}.carousel-container{border-radius:12px;margin:auto;max-width:350px;overflow:hidden;width:100%}.carousel-image{border-radius:12px;height:auto;object-fit:cover;width:100%}.login-page{align-items:center;background-attachment:fixed;background-color:#f8f9fa;background-image:url(/static/media/saisoku_wall_4.abe99f606751f8a0f346.webp);background-position:50%;background-size:cover;display:flex;font-family:Poppins,Proxima Nova,Arial,Helvetica,sans-serif;justify-content:center;min-height:100vh;position:relative}.login-page:before{background:#f8f9fad9;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.login-container{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin:20px;max-width:400px;padding:40px;position:relative;width:100%;z-index:2}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:2rem;font-weight:600;margin-bottom:8px}.login-header p{color:#666;font-size:1rem;margin:0}.login-form{gap:1px}.form-group,.login-form{display:flex;flex-direction:column}.form-group label{font-size:.95rem;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:1rem;height:1rem;padding:12px 16px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input::placeholder{color:#999}.error-message{background-color:#ffe6e6;border-left:4px solid #d32f2f;border-radius:8px;color:#d32f2f;font-size:.9rem;margin:10px 0;padding:12px 16px}.login-btn{background-color:#6087a6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-top:10px;padding:10px;transition:all .3s ease}.login-btn:hover:not(:disabled){background-color:#324757;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-btn.loading{opacity:.8}.login-footer{border-top:1px solid #e1e5e9;margin-top:30px;padding-top:20px;text-align:center}.login-footer p{color:#666;font-size:.9rem;margin:8px 0}@media (max-width:768px){.login-container{border-radius:12px;margin:10px;padding:30px 20px}.login-header h1{font-size:1.75rem}.form-group input{font-size:16px;padding:14px 16px}.login-btn{font-size:1.1rem;padding:10px}}@media (max-width:480px){.login-page{padding:20px 10px}.login-container{padding:25px 15px}.login-header h1{font-size:1.5rem}}.admin-panel{font-family:Poppins,Proxima Nova,Arial,Helvetica,sans-serif}.admin-sidebar{background:linear-gradient(135deg,#5c83a4,#4a6b87);color:#fff;height:100vh;padding:0}.admin-header{align-items:center;display:flex;justify-content:space-between;padding:25px 20px}.admin-header h1{font-size:1.5rem}.logout-btn{background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;font-size:.85rem;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{background-color:#f69faf}.nav-item{border-left:3px solid #0000;font-size:1rem;gap:15px;padding:15px 25px;width:100%}.nav-item.active{background-color:#f69faf4d;border-left-color:#f69faf;color:#f69faf}.nav-icon{font-size:1.2rem;text-align:center;width:20px}.admin-main{padding:30px}.admin-content h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:30px}.stats-grid{grid-gap:20px;gap:20px;margin-bottom:40px}.stat-card{box-shadow:0 2px 10px #00000014;gap:20px;padding:25px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-info h3{color:#666;font-size:.9rem;font-weight:500;margin:0 0 8px}.stat-number{color:#333;font-size:2rem;margin:0 0 5px}.stat-change{border-radius:12px;font-size:.85rem;font-weight:600;padding:2px 8px}.stat-change.positive{background-color:#d1fae5;color:#059669}.stat-change.neutral{background-color:#f3f4f6;color:#6b7280}.recent-activity{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:25px}.recent-activity h3{color:#333;font-size:1.3rem;margin-bottom:20px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:15px;padding:15px}.activity-icon{color:#5c83a4;font-size:1.2rem;text-align:center;width:35px}.activity-time{color:#666;font-size:.85rem;margin-left:auto}.content-header{margin-bottom:30px}.add-btn{background-color:#5c83a4;font-weight:600;padding:12px 24px;transition:all .3s ease}.add-btn:hover{background-color:#f69faf;transform:translateY(-1px)}.products-table{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.products-table table{border-collapse:collapse;width:100%}.products-table th{background-color:#5c83a4;border-bottom:1px solid #e9ecef;color:#fff;font-weight:600;padding:15px 20px;text-align:left}.products-table td{border-bottom:1px solid #f1f3f4;padding:15px 20px}.product-info{align-items:center;display:flex;gap:12px}.product-image{background-color:#e9ecef;border-radius:6px;height:40px;width:40px}.status{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px}.status.active{background-color:#d1fae5;color:#059669}.action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;margin-right:8px;padding:6px 12px;transition:all .3s ease}.action-btn.edit{background-color:#f69faf;color:#fff}.action-btn.delete{background-color:#dc3545;color:#fff}.action-btn:hover{transform:translateY(-1px)}.orders-list{grid-gap:20px;display:grid;gap:20px}.order-card{background:#fff;border-left:4px solid #5c83a4;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:20px}.order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.order-id{color:#333;font-size:1.1rem;font-weight:600}.order-status{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px}.order-status.pending{background-color:#f69faf;color:#fff}.order-status.completed{background-color:#5c83a4;color:#fff}.order-details p{color:#666;margin:8px 0}.order-details strong{color:#333}@media (max-width:1024px){.admin-sidebar{width:240px}.admin-main{margin-left:240px;padding:20px}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.admin-sidebar{height:auto;position:relative;width:100%}.admin-main{margin-left:0;padding:15px}.content-header{align-items:stretch;flex-direction:column;gap:15px}.stats-grid{grid-template-columns:1fr}.products-table{overflow-x:auto}.admin-content h2{font-size:1.5rem}}@media (max-width:480px){.admin-header{flex-direction:column;gap:15px;text-align:center}.admin-nav{padding:15px 0}.nav-item{font-size:.9rem;padding:12px 20px}.stat-card{flex-direction:column;padding:20px;text-align:center}.activity-item{align-items:flex-start;flex-direction:column;gap:10px}.activity-time{align-self:flex-end;margin-left:0}}.admin-panel{background-color:#f8f9fa;display:flex;min-height:100vh}.admin-mobile-header{align-items:center;background:#5c83a4;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;display:none;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1001}.mobile-sidebar-toggle{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:24px;padding:8px;transition:background-color .3s}.mobile-sidebar-toggle:hover{background-color:#f69faf}.admin-sidebar{background:#5c83a4;border-right:1px solid #e0e0e0;bottom:0;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:1000}.admin-header{background:linear-gradient(135deg,#5c83a4,#4a6b87);border-bottom:1px solid #ffffff1a;color:#fff;padding:24px 20px}.admin-header h1{color:#f69faf;font-size:24px;font-weight:600;margin:0}.sidebar-user-info{align-items:center;background:#f69faf1a;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;padding:20px}.user-avatar{align-items:center;background:#f69faf;border-radius:50%;color:#fff;display:flex;font-size:20px;height:48px;justify-content:center;width:48px}.user-details{display:flex;flex-direction:column}.user-name{color:#fff;font-size:16px;font-weight:600}.user-role{color:#ffffffb3;font-size:14px}.admin-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:20px 0}.nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:16px;margin:0 12px;padding:12px 20px;text-align:left;transition:all .3s ease}.nav-item:hover{background-color:#f69faf33;color:#fff}.nav-item.active{background:#f69faf;box-shadow:0 4px 12px #f69faf4d;color:#fff}.nav-icon{font-size:20px;margin-right:12px;min-width:24px}.nav-label{font-weight:500}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:20px}.logout-btn{align-items:center;background:#f69faf;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:12px 16px;transition:background-color .3s;width:100%}.logout-btn:hover{background:#e588a1}.admin-main{background-color:#f8f9fa;flex:1 1;margin-left:280px;min-height:100vh;padding:32px}.admin-content{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:24px;padding:32px}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.add-btn{background:#5c83a4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:background-color .3s}.add-btn:hover{background:#f69faf}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;gap:16px;padding:24px}.stat-icon{background:linear-gradient(135deg,#5c83a4,#f69faf);border-radius:12px;color:#fff;font-size:32px;padding:16px}.stat-number{color:#2c3e50;font-size:28px;font-weight:700;margin:8px 0 4px}.stat-change{font-size:14px;font-weight:500}.stat-change.positive{color:#28a745}.stat-change.negative{color:#dc3545}.stat-change.neutral{color:#6c757d}.mobile-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media screen and (max-width:768px){.admin-mobile-header{display:flex}.admin-sidebar{transform:translateX(-100%);transition:transform .3s ease}.admin-sidebar.mobile-open{transform:translateX(0)}.admin-sidebar.mobile-open+.mobile-overlay{display:block}.admin-main{margin-left:0;margin-top:60px;padding:20px}.admin-content{margin-bottom:16px;padding:20px}.stats-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:20px}.content-header{align-items:stretch;flex-direction:column;gap:16px}}@media screen and (max-width:480px){.admin-mobile-header{padding:0 16px}.admin-content,.admin-main,.sidebar-user-info{padding:16px}.admin-nav{padding:16px 0}.nav-item{margin:0 8px;padding:10px 16px}}.payment-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1000px;padding:20px 20px 80px}.payment-container h1{color:#333;font-size:2rem;margin-bottom:30px;text-align:center}.order-summary{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.order-summary h2{border-bottom:2px solid #ddd;color:#333;margin-bottom:20px;padding-bottom:10px}.order-items{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.order-item{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:15px;padding:15px}.order-item-image{border-radius:4px;height:80px;object-fit:cover;width:80px}.order-item-details{flex:1 1}.order-item-details h3{color:#333;font-size:1.1rem;margin:0 0 5px}.item-variant{color:#666;font-size:.9rem;margin:2px 0}.item-price{color:#666;margin:5px 0}.item-total{color:#333;font-weight:700;margin:5px 0 0}.total-section{border-top:2px solid #ddd;padding-top:15px}.total-line{display:flex;font-size:1.1rem;justify-content:space-between;margin:5px 0}.final-total{border-top:1px solid #ddd;color:#2c5530;font-size:1.3rem;margin-top:10px;padding-top:10px}.payment-instructions{background:#fff;border:2px solid #e1f5fe;border-radius:8px;margin-bottom:30px;padding:25px}.payment-instructions h2{color:#1976d2;margin-bottom:20px}.payment-method h3{color:#333;margin-bottom:15px}.bank-details{background:#f1f8e9;border-left:4px solid #4caf50;border-radius:6px;margin-bottom:20px;padding:15px}.bank-details p{font-size:1rem;margin:8px 0}.bank-details strong{color:#2e7d32}.payment-steps h4{color:#333;margin-bottom:10px}.payment-steps ol{padding-left:20px}.payment-steps li{color:#555;margin:8px 0}.customer-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px 25px 60px}.customer-form h2{border-bottom:2px solid #ddd;color:#333;padding-bottom:10px}.customer-form h2,.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:2px solid #ddd;border-radius:4px;font-size:1rem;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4caf50;outline:none}.form-group input[type=file]{padding:8px}.file-info{color:#666;font-size:.9rem;margin-top:5px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.back-btn,.continue-shopping-btn,.submit-order-btn{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:700;padding:10px;transition:all .3s}.back-btn{background:#757575;color:#fff}.back-btn:hover{background:#616161}.submit-order-btn{background:#4caf50;color:#fff}.submit-order-btn:hover:not(:disabled){background:#45a049}.submit-order-btn:disabled{background:#ccc;cursor:not-allowed}.continue-shopping-btn{background:#2196f3;color:#fff}.continue-shopping-btn:hover{background:#1976d2}.empty-cart,.order-success{background:#f9f9f9;border-radius:8px;margin:40px 0;padding:60px 20px;text-align:center}.order-success{background:#e8f5e8;border:2px solid #4caf50}.success-icon{color:#4caf50;font-size:4rem;margin-bottom:20px}.empty-cart h2,.order-success h2{color:#333;font-size:1.8rem;margin-bottom:15px}.empty-cart p,.order-success p{color:#666;font-size:1.1rem;margin-bottom:15px}@media (max-width:768px){.payment-container{padding:15px}.order-item{align-items:center;flex-direction:column;text-align:center}.order-item-image{height:120px;width:120px}.form-actions{flex-direction:column}.back-btn,.continue-shopping-btn,.submit-order-btn{width:100%}.total-line{font-size:1rem}.final-total{font-size:1.2rem}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.73355a49.css.map*/