.settings-container{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a}.settings-container h2{color:#333;margin-bottom:2rem;text-align:center;font-size:1.8rem}.settings-profile{text-align:center;margin-bottom:3rem}.profile-picture-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-picture{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid beige;box-shadow:0 2px 5px #0000001a}.profile-upload{margin-top:1rem}.upload-button{display:inline-block;padding:.5rem 1rem;background-color:beige;color:#333;text-decoration:none;border-radius:4px;transition:background-color .3s}.upload-button:hover{background-color:#e8e4d5}.settings-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:700}.form-group input{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:#b8b8a2;box-shadow:0 0 0 2px #f5f5dc4d}.form-actions{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem}.form-group textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;resize:vertical}.form-group textarea:focus{outline:none;border-color:#b8b8a2;box-shadow:0 0 0 2px #f5f5dc4d}.save-button{padding:.8rem 2rem;background-color:beige;border:none;border-radius:4px;color:#333;font-size:1rem;cursor:pointer;transition:background-color .3s}.deco-button{padding:.8rem 2rem;background-color:red;border:none;border-radius:4px;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s}.save-button:hover{background-color:#e8e4d5}.nav-button.active{background-color:#e8e4d5;font-weight:700}@media (max-width: 768px){.settings-container{margin:1rem;padding:1rem}.settings-form{padding:0 1rem}.profile-picture{width:120px;height:120px}}.image-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.image-item{position:relative;width:80px;height:80px;overflow:hidden;border-radius:8px}.preview-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.remove-button{position:absolute;top:4px;right:4px;background-color:#fffc;color:red;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.checkbox-label input[type=checkbox]{display:none}.checkbox-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer}.checkbox-custom{width:20px;height:20px;border-radius:4px;border:2px solid #999;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background-color:beige;border-color:#b8b8a2}.checkbox-checkmark{color:#b8b8a2;font-size:16px;display:none}.checkbox-label input[type=checkbox]:checked+.checkbox-custom .checkbox-checkmark{display:block}.checkbox-group{display:flex;gap:15px;margin-top:10px}.checkbox-label{display:flex;align-items:center;gap:8px}.sizeInput{display:flex;flex-direction:row;align-items:center;gap:20px}:root{--primary-color: beige;--secondary-color: #ffffff;--text-color: #333333;--accent-color: #000000;--background: beige;--title-first-part: #333333;--title-second-part: #333333;--search-icon: "🔍"}body{font-family:Arial,sans-serif;margin:0;padding:0;color:var(--text-color);background:var(--background);background-size:30px 30px,30px 30px,50px 50px}.header{background-color:var(--secondary-color);color:var(--text-color)}.nav-button{color:var(--text-color)}.search-bar{background-color:var(--primary-color)}a{text-decoration:none;color:inherit}button{cursor:pointer}body{font-family:Arial,sans-serif;margin:0;padding:0 0 60px;color:#333;background:linear-gradient(45deg,transparent 25%,rgba(0,0,0,.05) 25%,rgba(0,0,0,.05) 50%,transparent 50%),linear-gradient(-45deg,transparent 25%,rgba(0,0,0,.05) 25%,rgba(0,0,0,.05) 50%,transparent 50%),radial-gradient(circle,transparent 25%,rgba(0,0,0,.05) 25%,rgba(0,0,0,.05) 50%,transparent 50%),beige;background-size:30px 30px,30px 30px,50px 50px;min-height:100vh;position:relative}a:link,a:visited,a:hover,a:active{text-decoration:none}.carousel-section{max-width:800px;margin:2rem auto}.carousel{position:relative;overflow:hidden;width:100%;border-radius:8px;box-shadow:0 2px 10px #0000001a}.carousel-track{display:flex;transition:transform .5s ease}.carousel-slide{min-width:100%;position:relative}.carousel-slide img{width:100%;height:400px;object-fit:cover}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#fffc;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.carousel-button.prev{left:1rem}.carousel-button.next{right:1rem}.carousel-dots{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.carousel-dots button{width:10px;height:10px;border-radius:50%;border:none;background-color:#ffffff80}.carousel-dots button.active{background-color:#fff}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem;max-width:1200px;margin:0 auto}.product{background-color:#fff;padding:1rem;border-radius:8px;text-align:center;box-shadow:0 2px 5px #0000001a;transition:transform .3s}.product-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.product:hover{transform:translateY(-5px)}.product img{width:100%;height:300px;object-fit:cover;border-radius:4px}footer{background-color:#fff;padding:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center;margin-top:2rem;margin-bottom:60px}.footer-logo img{width:80px;height:auto}.footer-links{display:flex;flex-direction:column;gap:.5rem}.nav a{display:none}.bottom-navigation{position:fixed;bottom:0;width:100%;background-color:#fff;box-shadow:0 -2px 5px #0000001a}.nav-container{display:flex;justify-content:space-around;padding:10px 20px}.admin-nav{justify-content:space-between}.nav-link{display:flex;flex-direction:column;align-items:center;color:#666;text-decoration:none;cursor:pointer}.nav-link svg{margin-bottom:4px}.active-nav-link{border-bottom:2px solid beige;color:#000}.active-nav-link svg{background-color:#e6d9b8;padding:10px;border-radius:50%}.maneProduct{display:flex;padding:2rem;max-width:1200px;margin:0 auto;align-items:center;justify-content:space-around}.gallery{display:flex;margin-right:2rem}.thumbnails{display:flex;flex-direction:column;margin-right:10px}.thumbnail{width:50px;height:50px;object-fit:cover;margin-bottom:5px;cursor:pointer;border-radius:5px;transition:transform .2s,border .2s}.thumbnail:hover{transform:scale(1.1);border:2px solid #007bff}.image-zoom-container{position:relative}.image-viewer{position:relative;cursor:crosshair}.main-image{width:500px;height:500px;object-fit:cover;border-radius:10px}.zoom-lens{position:absolute;top:0;left:100%;width:500px;height:500px;background-repeat:no-repeat;background-size:200%;border:1px solid #ddd;margin-left:20px;z-index:100}.product-info{width:40%;margin-top:20px}.filters{display:flex;gap:10px;margin-bottom:20px}.filter-button{padding:8px 16px;border:1px solid #ddd;background-color:#f4f4f4;cursor:pointer;transition:background-color .3s}.filter-button.active{background-color:#333;color:#fff;border-color:#333}.size-selector{margin:1rem 0}.size-selector button{margin-right:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #ddd;cursor:pointer}.size-selector button.selected{background-color:beige;font-weight:700}.availability{margin:1rem 0;font-style:italic;color:#666}.wishlist-button{background-color:#fff;border:1px solid #ddd;padding:.5rem 1rem;cursor:pointer;display:flex;align-items:center}.wishlist-button .star{margin-right:.5rem;transition:color .3s}.admin-buttons{margin-top:1rem;text-decoration-color:#fff}.admin-buttons{padding:.5rem 1rem;margin-right:1rem;color:#fff;border:none;border-radius:5px;cursor:pointer;text-decoration-color:#fff}.edit-button{background-color:#007bff;text-decoration-color:#fff}.delete-button{background-color:red;text-decoration-color:#fff}.size-checkboxes{display:flex;flex-wrap:wrap}.size-checkboxes label{margin-right:15px}.loading-spinner{text-align:center;font-size:18px;margin:20px 0}.end-message{text-align:center;font-size:16px;color:#888;margin-top:20px}.mobile-gallery,.carousel-buttons{display:none}@media only screen and (max-width: 768px){.maneProduct{display:flex!important;flex-direction:column!important;padding:0!important;margin:0!important;width:100%!important}.gallery,.thumbnails,.image-zoom-container,.zoom-lens,.image-viewer{display:none!important}.mobile-gallery{display:block!important;width:100%!important;position:relative!important;margin-top:20px!important;max-width:300px;margin:0 auto}.main-image{width:100%!important;height:300px!important;object-fit:cover!important;border-radius:0!important}.product-info{width:100%!important;margin:0!important;padding:20px!important;order:2!important;box-sizing:border-box!important}.carousel-buttons{display:flex!important;position:absolute!important;top:50%!important;left:0;right:0;width:100%!important;justify-content:space-between!important;transform:translateY(-50%)!important;padding:0!important;z-index:10!important}.carousel-buttons button{background-color:#fffc!important;border:none!important;border-radius:50%!important;width:30px!important;height:30px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;cursor:pointer!important;box-shadow:0 2px 4px #0003!important}.carousel-dots{display:flex!important;justify-content:center!important;margin-top:10px!important}.dot{height:8px;width:8px;margin:0 4px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .3s ease;cursor:pointer}.dot.active{background-color:#fff}}.edit-form{display:flex;flex-direction:column;gap:20px;margin-top:20px;border:1px solid #ddd;padding:1.5rem;border-radius:8px;background-color:#f7f7fa;max-width:500px;box-shadow:0 4px 8px #0000001a}.edit-form h3{margin-top:0;font-size:1.5rem;color:#333;text-align:center}.edit-form label{display:flex;flex-direction:column;font-size:1rem;color:#555}.edit-form input[type=text],.edit-form textarea{padding:.5rem;border:1px solid #ccc;border-radius:5px;font-size:1rem;transition:border-color .2s ease-in-out}.edit-form input[type=text]:focus,.edit-form textarea:focus{border-color:#007bff;outline:none}.edit-form textarea{min-height:100px;resize:vertical}.size-checkboxes{display:flex;flex-wrap:wrap;gap:10px}.size-checkboxes label{display:flex;align-items:center;font-size:.9rem}.size-checkboxes input[type=checkbox]{margin-right:5px;accent-color:#007bff}.edit-form button{padding:.75rem;font-size:1rem;color:#fff;background-color:#007bff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease-in-out}.edit-form button:hover{background-color:#0056b3}body{font-family:Arial,sans-serif;margin:0;padding:0;color:#333;background:linear-gradient(45deg,transparent 25%,rgba(0,0,0,.05) 25%,rgba(0,0,0,.05) 50%,transparent 50%),linear-gradient(-45deg,transparent 25%,rgba(0,0,0,.05) 25%,rgba(0,0,0,.05) 50%,transparent 50%),radial-gradient(circle,transparent 25%,rgba(0,0,0,.05) 25%,rgba(0,0,0,.05) 50%,transparent 50%),beige;background-size:30px 30px,30px 30px,50px 50px}header{background-color:#fff;padding:1rem;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;box-shadow:0 2px 5px #0000001a}.logo{display:flex;align-items:center}.logo-img{width:40px;height:40px;margin-right:10px}.site-title{text-decoration:none;color:inherit}.site-title h1{margin:0;font-size:1.5rem}.header-center{display:flex;justify-content:center}.search-bar{display:flex;max-width:500px;width:100%}.search-bar input{flex-grow:1;padding:.5rem;border:1px solid #ddd;border-radius:4px 0 0 4px}.search-bar button{padding:.5rem 1rem;border:1px solid #ddd;border-left:none;background:#fff;border-radius:0 4px 4px 0;cursor:pointer}.header-right{display:flex;justify-content:flex-end;gap:1rem;align-items:center}.fidelity-button{padding:.5rem 1rem;background-color:#e0e0e0;border:none;border-radius:4px;color:#666;cursor:not-allowed}.nav-buttons{display:flex;gap:1rem}.nav-button{padding:.5rem 1rem;text-decoration:none;color:#333;background-color:beige;border-radius:4px;transition:background-color .3s}.nav-button:hover{background-color:#e8e4d5}.hamburger{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}main{max-width:1200px;margin:2rem auto;padding:0 1rem}h1{text-align:center;margin-bottom:2rem}.wishlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.wishlist-item{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 0 10px #0000001a;transition:transform .3s}.wishlist-item:hover{transform:translateY(-5px)}.wishlist-item img{width:100%;height:200px;object-fit:cover}.wishlist-item-info{padding:1rem}.wishlist-item h3{margin:0 0 .5rem}.wishlist-item p{margin:0 0 1rem;font-size:.9rem;color:#666}.wishlist-item button{background-color:beige;border:none;padding:.5rem 1rem;cursor:pointer;width:100%;transition:background-color .3s}.wishlist-item button:hover{background-color:#e6d9b8}@media (max-width: 768px){header{grid-template-columns:auto 1fr auto;gap:1rem}.nav-buttons{display:none}.hamburger{display:block}.header-right{gap:.5rem}footer{grid-template-columns:1fr}}.container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;padding:2rem;flex-direction:column;gap:15px;margin:0 auto}.headerRegister{display:flex;justify-content:space-between;align-items:center;height:20px}.closeRegister{background-color:transparent;border:none;cursor:pointer;height:30px;width:30px;margin-bottom:15px}.h1Register{text-align:center;color:#333;font-size:1.5rem;margin-bottom:1rem}.formRegister{display:flex;flex-direction:column}.labelRegister{margin-top:.5rem;font-size:.9rem}.inputRegister{padding:.4rem;margin-top:.3rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}button{margin-top:1rem;padding:.5rem;background-color:beige;border:none;border-radius:4px;cursor:pointer;white-space:nowrap;transition:background-color .3s;font-size:.9rem}button:hover{background-color:#e6d9b8}.or{text-align:center}.buttonRegister{display:flex;align-items:center;justify-content:space-around;height:50px;width:100%;background-color:#3b82f6;color:#333;padding:.6rem 2.5rem;border-radius:.375rem;font-size:.875rem;transition:background-color .2s ease}.buttonRegister svg{height:100%}.cursor-not-allowed{cursor:not-allowed;opacity:.5}.buttonRegister2{background-color:transparent;transition:background-color .3s}.button:hover{background-color:#2563eb}.error{color:red;font-size:.8rem;margin-top:.2rem}.ReactModal__Overlay{display:flex;justify-content:center;align-items:center;background-color:#00000080!important}.ReactModal__Content{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;margin:auto;border:none!important;background:transparent!important;overflow:auto;border-radius:4px;outline:none;padding:0!important}