.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.alert{border-radius:4px;font-weight:700;margin:10px auto;max-width:600px;padding:12px;text-align:center;width:90%}.alert-success{background-color:#d4edda;color:#155724}.alert-error{background-color:#f8d7da;color:#721c24}.top-bar{color:#fff;padding:6px 0}.main-header{background:linear-gradient(90deg,#202224,#0b8b71);color:#fff}.logo-link .logo{height:70px;object-fit:contain;width:200px}.search-container{flex-grow:1;margin:0 20px}.search-container button,.search-container input,.search-container select{border:none;height:40px;outline:none}.category-select{background-color:#eee;padding:0 10px}.search-container input{flex-grow:1;padding:0 10px}.search-btn{background:linear-gradient(90deg,#202224,#0b8b71);padding:0 20px}.cart,.user-info{align-items:center;display:flex;gap:8px}.menu-bar{background-color:#0f0f0f}.categories{align-items:center;background:linear-gradient(90deg,#202224,#0b8b71);color:#fff;display:flex;font-weight:700;gap:8px;margin-right:20px;padding:10px 16px}.nav-links{color:#fff;gap:18px}@media screen and (max-width:768px){.main-header{align-items:center;flex-direction:column;padding:10px;text-align:center}.logo-link .logo{height:60px;margin-bottom:10px;width:auto}.search-container{align-items:stretch;flex-direction:column;gap:8px;margin-bottom:10px;max-width:90%;width:100%}.search-container button,.search-container input,.search-container select{height:50px;width:30%}.search-btn{font-size:16px;padding:0;width:100%}.right-info{font-size:13px;gap:10px;margin-bottom:10px;text-align:center}.menu-bar,.right-info{align-items:center;flex-direction:column;width:100%}.menu-bar{padding:10px}.categories{font-size:16px;justify-content:center;padding:12px 0;text-align:center;width:100%}.nav-links{align-items:center;flex-direction:column;margin:0;padding:0;width:100%}.nav-links li{border-bottom:1px solid #222;padding:10px 0;text-align:center;width:100%}}.custom-select-wrapper{display:inline-block;position:relative;width:250px}.category-select{-webkit-appearance:none;appearance:none;background-color:aqua;border:none;border-radius:4px;cursor:pointer;opacity:0;position:relative;z-index:2}.category-select,.select-label{color:#fff;font-weight:700;padding:12px 16px;width:100%}.select-label{align-items:center;background-color:darkred;display:flex;gap:8px;height:100%;left:0;pointer-events:none;position:absolute;top:0;z-index:1}.top-bar{background:linear-gradient(90deg,#202224,#0b8b71);color:#fff1f1;font-size:14px;font-weight:700;padding:5px 10px;text-align:center}.main-header{align-items:center;background-color:#111;display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 20px}.logo{height:60px}.search-container{align-items:center;flex:1 1;margin:10px;max-width:600px}.search-container input{border:none;outline:none;padding:10px}.search-btn{background-color:red}.right-info{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:14px;gap:20px}.cart,.lang-currency,.user-info{align-items:center;display:flex;gap:5px}.menu-bar{flex-wrap:wrap;gap:20px}.categories-btn,.menu-bar{align-items:center;background:linear-gradient(90deg,#202224,#0b8b71);color:#fff;display:flex;padding:10px 20px}.categories-btn{border:none;cursor:pointer;font-weight:700;gap:10px;white-space:nowrap}.categories-btn:hover{background:linear-gradient(90deg,#202224,#0b8b71);color:#fff}.nav-links{display:flex;flex-wrap:wrap;gap:20px;list-style:none;margin:0;padding:0}.nav-links li{cursor:pointer;transition:color .3s}.nav-links li:hover{color:red}.sidebar{background:linear-gradient(90deg,#202224,#0b8b71);color:#fff;display:flex;flex-direction:column;height:100%;left:-250px;padding:20px;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:1000}.sidebar.open{left:0}.sidebar-header{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-bottom:20px;margin-top:10px}.sidebar-menu{list-style:none;padding:0}.sidebar-menu li{border-bottom:1px solid #202224;cursor:pointer;padding:10px 0}.sidebar-menu li:hover{background:linear-gradient(90deg,#202224,#0b8b71);color:#fff}.overlay{background-color:#0009;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}@media screen and (max-width:200px){.main-header{align-items:center;flex-direction:column;gap:10px}.search-container{max-width:80%;width:80%}.right-info{align-items:center}.menu-bar,.right-info{flex-direction:column;gap:10px}.menu-bar{align-items:flex-start}.nav-links{flex-direction:column;gap:10px;width:100%}.categories-btn{justify-content:center;width:100%}.sidebar{width:80%}}@media screen and (max-width:480px){.logo{height:40px}.search-btn{padding:10px}.categories-btn{font-size:14px;padding:8px}.sidebar-header{font-size:16px}}a,a:hover{color:#fff;text-decoration:none}a:hover{background:#0b8b71}.search-container{display:flex;position:relative;width:300px;z-index:999}.search-container input{border:2px solid #0b8b71;border-radius:25px 0 0 25px;flex:1 1;font-size:14px;padding:10px 15px}.search-btn{background-color:#dc3545;border:none;border-radius:0 25px 25px 0;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.suggestions-box{background:linear-gradient(90deg,#202224,#0b8b71);border:1px solid #444;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000004d;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:100%}.suggestions-box li{border-bottom:1px solid #333;color:#fff;cursor:pointer;padding:12px 16px;transition:background .3s,color .3s}.suggestions-box li:last-child{border-bottom:none}.suggestions-box li:hover{background-color:#0b8b71;color:#000;font-weight:600}.suggestions-box .not-found{color:#999;font-style:italic;padding:12px;text-align:center}.suggestions-box::-webkit-scrollbar{width:6px}.suggestions-box::-webkit-scrollbar-thumb{background:#666;border-radius:10px}.suggestions-box::-webkit-scrollbar-thumb:hover{background:#888}.account-dropdown{background:linear-gradient(90deg,#202224,#0b8b71);border:2px solid #000;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:.5rem;position:absolute;right:80px;top:100%;z-index:100}.account-dropdown button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem 1rem;text-align:left;width:100%}.account-dropdown button:hover{background:#0b8b71}.logo{height:auto;object-fit:contain;width:120px}.btn{background-color:#0b8b71}.btn-danger,.ms-2{background:linear-gradient(90deg,#202224,#0b8b71)}.about-section{background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000014;padding:40px}.section-title h2{color:#333;display:inline-block;font-size:1.8rem;font-weight:700;padding-bottom:10px;position:relative}.section-title hr{background:#ccc;border:none;height:2px;margin-top:10px;width:100%}.about-section p{color:#555;font-size:1rem;line-height:1.8;margin-bottom:1rem}.about-img{border-radius:10px;box-shadow:0 6px 20px #0000001f;max-width:100%}.read-more-btn{border:2px solid #c00000;border-radius:30px;color:#c00000;display:inline-block;font-weight:700;margin-top:20px;padding:8px 18px;text-decoration:none;transition:all .3s ease-in-out}.read-more-btn:hover{background-color:#c00000;color:#fff}.about-img{border:4px solid red;border-radius:50px}.fixed-top-promo{left:0;margin-top:-25px;position:relative;top:0;z-index:1030}.promo-strip{background:linear-gradient(90deg,#202224,#0b8b71);border-bottom:2px solid #202224;border-top:1px solid #202224;box-shadow:0 1px 4px #0000001a;color:#fff;font-size:1.1rem;font-weight:800;overflow:hidden;padding:5px 0;white-space:nowrap;width:100%}.promo-text{animation:scroll-left 12s linear infinite;display:inline-block;padding-left:100%}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.card-body{background:linear-gradient(90deg,#202224,#0b8b71)}@media (max-width:768px){.promo-box{margin-top:1rem}}span{color:#000;font-weight:800}.col-md-4{background:#000}.brand-image-wrapper:hover{transform:scale(1.03);transition:transform .3s ease-in-out}h3{color:#0b8b71;font-weight:500}.login-container{display:flex;flex-direction:row;height:100vh;overflow:hidden;width:100%}.login-container:before{animation:slideInLeft 1s ease-out forwards;background:#0b0000 url(/static/media/Preview2.f5937062aa50d0fed8cf.png) no-repeat 50%;background-size:300px;content:"";flex:1 1;opacity:0;transform:translateX(-100%)}.login-form{align-items:center;animation:slideInRight 1s ease-out forwards;background:linear-gradient(90deg,#202224,#8b0b0b);color:#000;display:flex;flex:1 1;flex-direction:column;font-weight:800;justify-content:center;opacity:0;padding:40px;transform:translateX(100%)}.login-form h2{font-size:40px;font-weight:800;margin-bottom:20px;text-align:center}.input-group label{color:#0a0909}.login-button{background:linear-gradient(90deg,#202224,#8b0b0b);border:2px solid #000;color:#db1d1d;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:.3s ease}.login-button:hover{background-color:#eee}.popup-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.popup-box{background:#fff;border-radius:10px;box-shadow:0 0 25px #0006;max-width:400px;padding:30px 40px;position:relative;text-align:center;width:90%}.popup-box h2{color:#db1d1d;margin-bottom:10px}.popup-box p{color:#333;font-size:16px}.close-btn{background:#0000;border:none;color:#000;cursor:pointer;font-size:24px;position:absolute;right:12px;top:8px}@media (max-width:768px){.login-container{flex-direction:column}.login-container:before{display:none}.login-form{animation:none;height:100%;opacity:1!important;transform:none!important}.form-box,.login-form{padding:30px 20px}.login-form h2{font-size:32px}.popup-box{max-width:90%}}@media (max-width:480px){.login-form h2{font-size:26px}.login-button{font-size:14px;padding:10px 16px}.form-box{padding:20px}.popup-box p{font-size:14px}}.auth-container{display:flex;flex-direction:row;height:100vh;overflow:hidden;width:100%}.auth-container:before{animation:slideInLeft 1s ease-out forwards;background:#0b0000 url(/static/media/Preview2.f5937062aa50d0fed8cf.png) no-repeat 50%;background-size:300px;content:"";flex:1 1;opacity:0;transform:translateX(-100%)}@keyframes slideInLeft{to{opacity:1;transform:translateX(0)}}.auth-form{align-items:center;animation:slideInRight 1s ease-out forwards;background-color:#ab1515;color:#100202;display:flex;flex:1 1;flex-direction:column;font-weight:800;justify-content:center;opacity:0;padding:40px;transform:translateX(100%)}@keyframes slideInRight{to{opacity:1;transform:translateX(0)}}.auth-form h2{font-size:40px;font-weight:800;margin-bottom:20px;text-align:center}.input-group{margin-bottom:20px;max-width:400px;width:100%}.input-group input{border:none;border-radius:4px;font-size:16px;padding:12px 16px;width:100%}.input-group label{color:#fff;display:block;font-size:14px;margin-bottom:8px}.auth-button{background:linear-gradient(90deg,#202224,#8b0b0b);border:2px solid #000;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:.3s ease}.auth-button:hover{background-color:#eee}.error-msg{color:#ff0;font-weight:700;margin-bottom:15px}.form-box{background:#fff;border:2px solid #000;border-radius:20px;box-shadow:0 0 20px #0003;color:#000;max-width:400px;padding:40px;width:100%}@media (max-width:768px){.auth-container{flex-direction:column}.auth-container:before{display:none}.auth-form{animation:none;height:100%;opacity:1!important;transform:none!important}.auth-form,.form-box{padding:30px 20px}.auth-form h2{font-size:32px}}@media (max-width:480px){.auth-form h2{font-size:26px}.auth-button{font-size:14px;padding:10px 16px}.form-box{padding:20px}}footer ul li{cursor:pointer;margin-bottom:8px;transition:all .3s ease}footer ul li:hover{color:#fff;transform:translateX(4px)}.custom-footer{background:linear-gradient(90deg,#000,#0b8b71);margin-top:50px}.me-2{background:linear-gradient(90deg,#202224,#0b8b71)}.contact-container{align-items:center;background:#f9f9f9;display:flex;justify-content:center;min-height:80vh;padding:60px 15px}.contact-box{background:#fff;max-width:600px;padding:40px;width:100%}.contact-btn{border-radius:30px;font-size:1rem;font-weight:700;padding:10px 20px}.terms-container{background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:60px 15px}.terms-box{max-width:800px;width:100%}.terms-box h5{color:#dc3545;font-weight:700}.privacy-container{background-color:#f9f9f9;display:flex;justify-content:center;min-height:100vh;padding:60px 15px}.privacy-box{max-width:800px;width:100%}.privacy-box h5{color:#dc3545;font-weight:700}.warranty-container{background-color:#f9f9f9;display:flex;justify-content:center;min-height:100vh;padding:60px 15px}.warranty-box{max-width:800px;width:100%}.warranty-box h5{font-weight:700}.faq-container{background-color:#f8f9fa;padding:40px 20px}.faq-box{margin:auto;max-width:800px}.faq-item{border-bottom:1px solid #dee2e6;cursor:pointer;padding-bottom:10px}.faq-question h5{color:#212529;font-weight:700}.faq-question:hover{color:#dc3545}.faq-answer{padding-left:10px}.blog-container{margin:50px auto;max-width:1000px;padding:20px}.blog-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.blog-card{background-color:#fff;border:2px solid #dc3545;border-radius:10px;padding:20px;transition:all .3s ease}.blog-card:hover{box-shadow:0 4px 15px #0000001a}.blog-card h4,.read-more{color:#dc3545}.read-more{font-weight:700;text-decoration:none}.blog-post-container{background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 0 15px #0000000d;margin:50px auto;max-width:800px;padding:20px}.blog-post-container h2{margin-bottom:10px}.blog-post-container ol,.blog-post-container p{line-height:1.7}body{color:#060606}.profile-container{background:#ff00000d;border:2px solid red;border-radius:20px;box-shadow:0 10px 30px #ff00004d;margin:60px auto;max-width:600px;padding:40px;text-align:center}.profile-container h2{border-bottom:2px solid #f44;color:#f44;display:inline-block;font-size:30px;margin-bottom:20px;padding-bottom:5px}.profile-avatar{border:2px solid red;border-radius:50%;box-shadow:0 0 10px red;height:100px;margin-bottom:20px;object-fit:cover;width:100px}.profile-card p{color:#030303;font-size:18px;margin:12px 0}.profile-card p strong{color:#f55}.profile-error{color:#ff4d4d;font-size:18px;font-weight:700}.profile-error,.social-section{margin-top:40px}.social-section h4{color:#f44;font-size:18px;margin-bottom:12px}.social-icons{display:flex;gap:25px;justify-content:center}.social-icons a{color:#c11010;font-size:28px;transition:transform .3s,color .3s}.social-icons a:hover{color:red;transform:scale(1.2)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.settings-container{background:#111;border:1px solid #222;border-radius:16px;box-shadow:0 0 25px #ff00004d;margin:80px auto;max-width:500px;padding:40px 30px;text-align:center}.settings-container h2{color:#f33;font-size:28px;letter-spacing:1px;margin-bottom:30px}.settings-actions{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.settings-actions button{background:#f33;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px 20px;transition:all .3s ease}.settings-actions button:hover{background:#e60000;transform:scale(1.05)}.settings-footer{border-top:1px solid #222;padding-top:20px}.settings-footer p{color:#888;font-size:14px;margin-bottom:10px}.social-icons a{color:#ccc;font-size:24px;margin:0 12px;transition:color .3s ease}.social-icons a:hover{color:#f33}.company-section,.contact-section{margin-top:30px;text-align:left}.company-section h4,.contact-section h4{color:#f33;font-size:18px;margin-bottom:10px}.company-section ul,.contact-section p{color:#ccc;font-size:14px;margin:5px 0}.company-section ul{list-style:none;padding:0}.company-section ul li{margin-bottom:6px}.company-section ul li a{color:#ccc;text-decoration:none;transition:color .3s}.company-section ul li a:hover{color:#f33}body{background-color:#f2f2f2;font-family:Segoe UI,sans-serif;margin:0;padding:0}.product-container{background-color:#fff;border-radius:16px;box-shadow:0 8px 30px #00000014;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:50px auto;max-width:1100px;padding:40px;transition:all .3s ease}.product-img{border-radius:14px;box-shadow:0 4px 20px #0000001a;flex:1 1;max-width:480px;object-fit:cover;transition:transform .3s ease;width:100%}.product-img:hover{transform:scale(1.02)}.product-details{display:flex;flex:1 1;flex-direction:column;gap:20px;min-width:320px}.back-btn{align-self:flex-start;background-color:#f0f0f0;border:none;border-radius:6px;color:#0070f3;cursor:pointer;font-weight:700;padding:10px 16px;transition:background .3s ease}.back-btn:hover{background-color:#e0e0e0;color:#0051c3}.product-header{color:#900707;font-size:28px;font-weight:700;margin-bottom:6px}.product-desc{color:#555;font-size:16px;line-height:1.6}.pcs-info,.price,.total-price{color:#111;font-size:17px;font-weight:600}.pcs-info{color:#980a0a}.quantity-section{align-items:center;display:flex;gap:10px;margin-top:10px}.quantity-section button{background:#575656;border:1px solid #880707;border-radius:6px;cursor:pointer;font-size:18px;font-weight:700;padding:6px 14px;transition:background .3s ease,color .3s ease}.quantity-section button:hover{background:#000;color:#800c0c}.quantity-section input{background:#595555;border:1px solid #010101;border-radius:6px;color:#fff;font-size:16px;padding:6px;text-align:center;width:60px}.order-btn{background:linear-gradient(90deg,#202224,#8b0b0b);border:none;border-radius:8px;box-shadow:0 4px 14px #0070f34d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:14px 28px;transition:transform .2s ease,box-shadow .2s ease}.order-btn:hover{box-shadow:0 6px 18px #0070f380;transform:scale(1.03)}.loading-text{color:#555;font-size:20px;padding:60px;text-align:center}.checkout-wrapper{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:50px auto;max-width:500px;padding:30px}.checkout-wrapper h2{color:#101010;font-size:24px;font-style:italic;font-weight:800;margin-bottom:30px;text-align:center}.checkout-wrapper h2 span{color:#8b0b0b}.checkout-form{display:flex;flex-direction:column}.checkout-form label{align-items:center;color:#000;display:flex;font-style:italic;font-weight:800;gap:8px;margin:10px 0 5px}.checkout-form input,.checkout-form textarea{border:1px solid #ccc;border-radius:8px;font-size:15px;margin-bottom:10px;padding:12px;transition:.2s}.checkout-form input:focus,.checkout-form textarea:focus{border-color:#6e0606;box-shadow:linear-gradient(90deg,#202224,#8b0b0b);outline:none}.checkout-form textarea{min-height:80px;resize:vertical}.checkout-button{background:linear-gradient(90deg,#202224,#8b0b0b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:14px;transition:background .3s,transform .2s}.checkout-button:hover{background-color:#1ebe5d;transform:translateY(-2px)}.shipping-container{background:#fdfdfd;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:40px auto;max-width:800px;padding:30px;text-align:center}.shipping-container h2{color:#333;font-size:2rem;margin-bottom:30px}.shipping-card{background:#fff;border:1px solid #ddd;border-radius:8px;margin:20px auto;padding:20px;transition:all .3s ease-in-out}.shipping-card:hover{box-shadow:0 4px 12px #00000026}.shipping-card .icon{color:#007bff;font-size:2.5rem;margin-bottom:10px}.shipping-card h3{font-size:1.4rem;margin-bottom:10px}.note{color:#666;font-size:.95rem;margin-top:20px}.uniforms-container{padding:40px;text-align:center}.title{font-size:28px;margin-bottom:30px}.tshirt-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.tshirt-card{background:#fff;border-radius:15px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .3s ease;width:240px}.tshirt-card:hover{transform:translateY(-5px)}.tshirt-image{border-radius:8px;height:200px;object-fit:cover;width:100%}.customize-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 15px}.customize-btn i{margin-right:6px}.customize-btn:hover{background-color:#0056b3}.customizer-container{font-family:Arial,sans-serif;min-height:100vh}.left-panel{background:#2c3e50;color:#fff;padding:2rem;width:30%}.right-panel{background:#f7f7f7;width:70%}.price{font-size:1.2rem;margin-bottom:1rem}.section{margin-bottom:1.5rem}.color-circle.selected{border-color:#ecf0f1}.shirt-preview{align-items:center;display:flex;height:450px;justify-content:center;position:relative;transition:background-color .3s ease;width:350px}.shirt-img{height:auto;width:100%;z-index:1}.customizer-container{display:flex;flex-wrap:wrap;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:40px;padding:30px}.left-panel{display:flex;flex-direction:column;gap:25px;width:300px}.right-panel{align-items:center;display:flex;flex:1 1;justify-content:center}h2{margin-bottom:5px}.price{color:#27ae60;font-size:20px;font-weight:700}.section{display:flex;flex-direction:column;gap:10px}.section h4{color:#b60909;font-size:15px;margin:0}.color-picker{display:flex;flex-wrap:wrap;gap:10px}.color-circle{border:2px solid #0000;border-radius:50%;cursor:pointer;height:30px;transition:transform .2s ease;width:30px}.color-circle:hover{transform:scale(1.1)}.color-circle.selected{border:2px solid #000}input[type=color],input[type=file],input[type=range],input[type=text]{box-sizing:border-box;padding:5px;width:100%}input[type=range]{margin-top:4px}button{background:linear-gradient(90deg,#202224,#8b0b0b);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 12px;transition:background-color .2s}button:hover{background-color:#2980b9}canvas{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 8px #0000001a;height:auto;max-width:100%}@media screen and (max-width:768px){.customizer-container{align-items:center;flex-direction:column;gap:20px;padding:20px}.left-panel{width:100%}.right-panel{justify-content:center;width:100%}canvas{height:auto;max-width:400px;width:100%}}@media screen and (max-width:480px){.color-circle{height:25px;width:25px}.section h4,button{font-size:14px}button{padding:6px 10px}}.font-style-controls label{margin-right:10px}.download-btn{background-color:#27ae60;border:none;border-radius:4px;padding:8px 16px}.download-btn,.order-now-btn{color:#fff;cursor:pointer;margin-top:10px}.order-now-btn{background-color:#128c7e;border:none;border-radius:5px;padding:10px 18px}.design-gallery{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.design-thumb{border:2px solid #0000;border-radius:8px;cursor:pointer;height:60px;object-fit:contain;transition:.2s ease;width:60px}.design-thumb:hover{border-color:#3498db}.whatsapp-float{align-items:center;background-color:#25d366;border-radius:50%;bottom:20px;box-shadow:0 5px 15px #0000004d;color:#fff;display:flex;font-size:30px;height:60px;justify-content:center;position:fixed;right:20px;text-align:center;transition:transform .2s ease-in-out;width:60px;z-index:1000}.whatsapp-float:hover{background-color:#1ebe5d;transform:scale(1.1)}.whatsapp-icon{font-size:30px}
/*# sourceMappingURL=main.b6f3341d.css.map*/