body{margin:0;padding:0}.main-header{width:100%;background-color:#000;box-shadow:0 2px 4px #0000001a;font-family:sans-serif}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.logo img{height:40px;width:40px;object-fit:cover;border-radius:50%}.logo-text{font-size:1.2rem;font-weight:700;color:#be9c71}.desktop-top-row{display:flex;align-items:center;justify-content:space-between;padding:10px 20px}.search-bar input{padding:8px 12px;font-size:1rem;width:300px;max-width:100%;border:1px solid grey;border-radius:5px;background:gray;color:#fff}.user-actions button{background-color:#000;color:#be9c71;border:none;padding:8px 14px;border-radius:5px;cursor:pointer;font-size:1rem}.lower-header{background-color:#000;padding:10px 0}.nav-menu{list-style:none;display:flex;justify-content:center;gap:30px;margin:0;padding:0}.nav-link{text-decoration:none;color:#fff;font-weight:500;font-size:1rem}.nav-link.active{color:#be9c71}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none}.mobile-only{display:block}.upper-header{display:flex;flex-direction:column;align-items:stretch;padding:10px}.mobile-top-row{display:flex;justify-content:space-between;align-items:center}.user-hamburger{font-size:1.5rem;cursor:pointer;color:#fff}.mobile-search-bar{margin-top:10px}.mobile-search-bar input{width:92%;padding:8px 12px;font-size:1rem;border:1px solid grey;border-radius:5px;background:gray;color:#fff}.mobile-user-menu{display:flex;justify-content:center;padding:10px 0;background-color:#000}.mobile-user-menu .icon-link{background-color:#fff;color:#000;padding:8px 14px;border:none;border-radius:5px;font-size:1rem;cursor:pointer}.nav-menu{flex-direction:row;align-items:center;gap:15px;padding:10px 0}}.search-bar .search-icon-button{background:none;border:none;cursor:pointer;padding:4px 8px;color:#be9c71;font-size:18px}.search-bar .search-icon-button:hover{color:#806b50}.footer{background-color:#1e1e1e;color:#f1f1f1;padding-top:40px;font-family:Segoe UI,sans-serif}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 50px}.footer-section{flex:1 1 220px;margin:20px}.footer-logo{font-size:22px;margin-bottom:10px;color:#fff}.footer-section h4{margin-bottom:15px;font-size:16px;color:#f5f5f5}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s}.footer-section ul li a:hover{color:#fff}.social-icons a{color:#ccc;margin-right:15px;font-size:18px;transition:color .3s}.social-icons a:hover{color:#fff}.footer-bottom{text-align:center;padding:15px 0;border-top:1px solid #333;margin-top:30px;font-size:14px;color:#aaa}.banner{position:relative;width:100%;margin-bottom:40px;overflow:hidden;text-align:center}.banner-img{width:100%;height:auto;object-fit:contain;display:block;margin:0 auto;filter:brightness(90%);transition:all .3s ease-in-out}.banner-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.6);padding:0 10px;width:100%;box-sizing:border-box}.banner-text h1{font-size:36px;margin-bottom:10px}.banner-text p{font-size:18px}@media (max-width: 768px){.banner-text h1{font-size:24px}.banner-text p{font-size:14px}}.banner{position:relative;width:100%;height:100%;overflow:hidden}.banner-video{width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;background:#0006;padding:20px;border-radius:10px}.fade-in{animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.carousel-section{padding:20px}.category-group{margin-bottom:40px}.category-title{font-size:1.5rem;margin-bottom:10px}.vertical-layout{display:flex;flex-direction:column;gap:1rem}.toggle-button-container{margin-top:10px;text-align:center}.show-toggle-btn{background-color:#333;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.show-toggle-btn:hover{background-color:#555}.carousel-wrapper{width:100%;display:flex;justify-content:center;align-items:center;min-height:400px}.loader-container{display:flex;justify-content:center;align-items:center;min-height:400px}.spinner{font-size:40px;color:#444;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.carousel{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.carousel-item{width:200px;text-align:center}.carousel-item img{width:100%;border-radius:8px;object-fit:cover}.product-card-horizontal{text-decoration:none;color:inherit;display:block;margin:2rem auto;border-radius:16px;overflow:hidden;transition:box-shadow .3s ease;background-color:#fff}.product-card-horizontal:hover{box-shadow:0 8px 20px #0000001a}.card-content{display:flex;flex-direction:row;align-items:center;gap:40px;padding:2rem}.card-image{flex:1.2;max-width:60%}.card-image img{width:100%;height:100%;object-fit:cover;border-radius:12px}.card-text{flex:1;display:flex;flex-direction:column;justify-content:center}.card-heading{font-size:2.2rem;font-weight:700;margin:.5rem 0;color:#333}.card-subheading{font-size:1.2rem;font-weight:600;color:#3a8aa3}.card-description{font-size:1rem;color:#444;line-height:1.6;margin:.5rem 0}.brand{margin-top:1rem}@media (max-width: 768px){.card-content{flex-direction:column;text-align:center;padding:0}.card-image,.card-text{max-width:100%}.card-image img{height:auto;object-fit:contain;width:90vw}}.read-more-toggle{font-size:.9rem}.spinner-container{display:flex;align-items:center;justify-content:center;min-height:400px;width:100%}.spinner{border:4px solid #eee;border-top:4px solid #444;border-radius:50%;width:40px;height:40px;animation:spin .7s linear infinite}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.content{flex:1}@keyframes fadeInMobile{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-detail-container{display:flex;gap:30px;padding:40px;max-width:1200px;margin:40px auto;background-color:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001a}.image-section{display:flex;gap:20px;width:55%}.thumbnail-list{display:flex;flex-direction:column;gap:10px}.thumbnail{width:70px;height:70px;object-fit:cover;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:border-color .3s}.thumbnail:hover{border-color:#999}.thumbnail.active{border-color:#007bff}.main-image-container{flex-grow:1;display:flex;justify-content:center;align-items:center}.main-image{width:100%;height:auto;max-height:500px;object-fit:contain;border-radius:10px;box-shadow:0 2px 10px #0000001a}.right-column{width:45%;display:flex;flex-direction:column;gap:10px}.product-title{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.right-column p{font-size:15px;color:#444;margin:4px 0}.email-button{display:inline-block;margin-top:10px;padding:10px 15px;background-color:#0072c6;color:#fff;font-weight:700;text-decoration:none;border-radius:5px}.email-button:hover{background-color:#005fa3}@media (max-width: 768px){.product-detail-container{flex-direction:column;padding:20px}.image-section{flex-direction:column;width:100%}.thumbnail-list{flex-direction:row;justify-content:center;flex-wrap:wrap}.right-column{width:100%;padding-top:20px}.main-image{max-height:400px}}.spinner-container{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px}.spinner{border:4px solid #eee;border-top:4px solid #333;border-radius:50%;width:40px;height:40px;animation:spin .7s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-dashboard{max-width:600px;margin:40px auto;background:#fff;padding:30px;border-radius:8px;box-shadow:0 6px 18px #0000001a;font-family:Arial,sans-serif}.admin-dashboard h2{margin-bottom:20px;text-align:center;color:#28769d}.upload-form label{display:block;margin-bottom:12px;font-weight:500}.upload-form input,.upload-form textarea{width:100%;padding:10px;margin-top:4px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px}.upload-form textarea{resize:vertical;min-height:80px}.upload-form button{background-color:#28769d;color:#fff;padding:10px 20px;border:none;font-weight:700;border-radius:6px;cursor:pointer;transition:background .2s}.upload-form button:hover{background-color:#1b5c7f}.size-input-group{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-end;flex-wrap:wrap}.size-field{display:flex;flex-direction:column;flex:1;min-width:100px}.size-field label{margin-bottom:4px;font-weight:500}.size-field input{padding:8px;border-radius:4px;border:1px solid #ccc}.image-preview{margin-top:10px}.image-preview img{border:1px solid #ccc;border-radius:8px;max-width:100%}.cancel-button{background-color:#ccc;color:#000;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.cancel-button:hover{background-color:#aaa}.image-preview-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.image-preview-item{position:relative;width:150px;height:150px}.image-preview-item img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid #ccc}.remove-btn{position:absolute;top:-8px;right:-8px;background:red;color:#fff;border:none;border-radius:50%;font-size:16px;width:24px;height:24px;cursor:pointer}button{padding:0}.design-manager{max-width:1200px;margin:40px auto;padding:20px;background-color:#fdfdfd;border-radius:10px;box-shadow:0 4px 12px #0000001a}.category-section{margin-bottom:40px}.show-toggle-container{text-align:center;margin-top:10px}.show-toggle-button{background-color:#7692a3;border:1px solid #ccc;width:150px;padding:8px 16px;cursor:pointer;border-radius:4px;font-size:14px}.show-toggle-button:hover{background-color:#ddd}.category-title{font-size:1.6rem;margin-bottom:20px;color:#333;border-bottom:2px solid #ccc;padding-bottom:5px}.design-manager h2{text-align:center;margin-bottom:30px;color:#28769d}.upload-button-container{text-align:right;margin-bottom:20px;width:20vw}.upload-button{background-color:#28769d;color:#fff;padding:10px 20px;border:none;font-weight:600;border-radius:6px;cursor:pointer;transition:background .3s}.upload-button:hover{background-color:#1b5c7f}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.design-card{background-color:#fff;border:1px solid #eee;padding:15px;border-radius:8px;text-align:center;box-shadow:0 2px 8px #0000000d}.design-card img{max-width:100%;height:180px;object-fit:cover;border-radius:6px}.design-card h3{margin:10px 0;font-size:18px}.available{color:green;font-weight:700}.not-available{color:red;font-weight:700}.design-card button{margin:5px;padding:8px 14px;background-color:#28769d;color:#fff;border:none;border-radius:5px;cursor:pointer}.design-card button:hover{background-color:#1b5c7f}@media (max-width: 768px){.upload-button-container{text-align:right;margin-bottom:20px;width:60vw}}.edit-design-container{max-width:800px;margin:40px auto;padding:30px;background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;font-family:Segoe UI,Tahoma,sans-serif}.edit-design-container h2{text-align:center;font-size:1.8rem;margin-bottom:30px;color:#333}.edit-design-container label{display:block;font-weight:600;margin-top:20px;margin-bottom:8px;color:#555}.edit-design-container input[type=text],.edit-design-container input[type=number],.edit-design-container input[type=file],.edit-design-container textarea{width:100%;padding:12px 14px;font-size:1rem;border:1px solid #ccc;border-radius:10px;background-color:#f9f9f9;transition:border .2s ease}.edit-design-container input:focus,.edit-design-container textarea:focus{border-color:#007bff;background-color:#fff;outline:none}.edit-design-container textarea{min-height:100px;resize:vertical}.thumbnail-gallery{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.thumbnail-box{position:relative}.thumbnail-img{width:120px;height:120px;object-fit:cover;border-radius:10px;border:1px solid #ddd}.remove-btn{position:absolute;top:-6px;right:-6px;background:#dc143c;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:16px;cursor:pointer;transition:background .2s}.remove-btn:hover{background:#8b0000}.size-input-group{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}.size-field{flex:1}.size-field label{font-size:.9rem;margin-bottom:4px;display:block}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;justify-content:space-between}.save-btn,.cancel-button,.delete-btn{flex:1;padding:12px 18px;font-size:1rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:background-color .2s ease}.save-btn{background-color:#007bff;color:#fff}.save-btn:hover{background-color:#0056b3}.cancel-button{background-color:#ccc;color:#333}.cancel-button:hover{background-color:#bbb}.delete-btn{background-color:#dc143c;color:#fff}.delete-btn:hover{background-color:#8b0000}@media (max-width: 600px){.size-input-group,.btn-row{flex-direction:column}.thumbnail-img{width:100px;height:100px}.edit-design-container{padding:20px}}.about-container{max-width:1000px;margin:auto;padding:40px 20px;font-family:Segoe UI,sans-serif;line-height:1.6}.about-container{max-width:1200px;margin:0 auto;padding:40px 20px}.about-split-section,.founder-split-section{display:flex;align-items:center;gap:40px;margin-bottom:60px;flex-wrap:wrap}.about-split-section.reverse{flex-direction:row-reverse}.about-image{flex:1;display:flex;justify-content:center}.about-image img{width:100%;max-width:500px;border-radius:12px;object-fit:cover;box-shadow:0 4px 15px #0000001a}.about-text,.founder-text{flex:1;font-size:1.1rem;line-height:1.6}.about-text h2,.founder-text h2{margin-bottom:15px}.about-text ul,.founder-text ul{padding-left:20px}.content{margin-top:60px}.content h2{margin-bottom:10px}@media (max-width: 768px){.about-split-section,.about-split-section.reverse,.founder-split-section{flex-direction:column;text-align:center}.about-image img{max-width:100%}}.contact-container{max-width:800px;margin:40px auto;padding:30px;background:#fff;border-radius:10px;box-shadow:0 4px 16px #0000001a}.contact-hero{text-align:center;margin-bottom:30px}.contact-hero h1{font-size:2.5rem;margin-bottom:10px;color:#333}.contact-hero p{font-size:1rem;color:#666}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:600;margin-bottom:5px;display:block;color:#444}.form-group input,.form-group textarea{width:95%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit}.contact-submit-btn{padding:12px 20px;font-size:1rem;background-color:#07c;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease-in-out}.contact-submit-btn:hover{background-color:#005fa3}.search-results{padding:2rem;max-width:1000px;margin:auto}.result-card{display:flex;flex-direction:row;background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;margin-bottom:20px;overflow:hidden;transition:transform .2s ease}.result-card:hover{transform:scale(1.01)}.result-card img{width:440px;height:100%;object-fit:contain;background-color:#f9f9f9;padding:10px}.result-info{padding:20px;flex:1;align-content:center}.result-info h3{margin:0 0 10px;font-size:1.5rem;color:#333}.result-info p{margin:4px 0;font-size:.95rem;color:#555}@media (max-width: 768px){.result-card{flex-direction:column;align-items:center;text-align:center}.result-card img{width:100%;max-width:300px;height:auto;object-fit:contain}.result-info{padding:15px}.result-info h3{font-size:1.2rem}.result-info p{font-size:.9rem}}.result-card{cursor:pointer;text-decoration:none;color:inherit;transition:box-shadow .2s ease}.result-card:hover{box-shadow:0 4px 12px #0000001a}.login-container{display:flex;justify-content:center;align-items:center;height:60vh;background-color:#f7f7f7}.login-form{background:#fff;padding:30px;border-radius:10px;box-shadow:0 0 10px #0000001a;width:300px}.login-form h2{text-align:center;margin-bottom:20px}.login-form input{width:90%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:8px}.login-form button{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer}.login-form button:hover{background-color:#0056b3}.register-link{color:#007bff;cursor:pointer;text-decoration:underline}.google-btn{margin-top:10px;margin-inline:0px;background-color:#4285f4;color:#fff;border:none;padding:10px;cursor:pointer;font-weight:700;border-radius:4px}.google-btn:hover{background-color:#357ae8}.register-container{width:85%;max-width:400px;margin:100px auto;padding:20px;background:#fff;box-shadow:0 0 15px #0000001a;border-radius:10px;text-align:center}.register-form input{width:90%;padding:12px;margin:12px 0;border-radius:6px;border:1px solid #ccc}.register-form button,.google-btn{width:100%;padding:12px;margin-top:12px;border:none;border-radius:6px;font-weight:700;cursor:pointer}.register-form button{background-color:#007bff;color:#fff}.google-btn{background-color:#db4437;color:#fff}.google-btn:hover{background-color:#c23321}.login-link{color:#007bff;cursor:pointer;text-decoration:underline}.admin-auth-container{max-width:400px;margin:80px auto;padding:40px 30px;background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001a;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-auth-container h2{font-size:28px;margin-bottom:24px;color:#333}.admin-auth-container form{display:flex;flex-direction:column;gap:20px}.admin-auth-container input[type=password]{padding:12px 15px;border:1px solid #ccc;border-radius:8px;font-size:16px;transition:all .3s ease}.admin-auth-container input[type=password]:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}.admin-auth-container button{padding:12px 15px;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.admin-auth-container button:hover{background-color:#357ab8}