html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f9f9f9;color:#333}html,body,#root{height:100%}main{flex:1}a{text-decoration:none;color:#000}a:hover{text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:#fff;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap}.logo-header{height:50px;max-width:150px;object-fit:contain}nav{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:20rem}nav a{text-decoration:none;color:#1b1b1b;font-weight:700;transition:color .3s ease}nav a:hover{color:#07c}.hero{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#4facfe,#0077c8);color:#fff}.hero ul{display:flex;justify-content:space-evenly;margin-top:6rem}.hero p{margin-bottom:1rem}.hero h1{font-size:2.5rem;margin-bottom:2rem}.hero button{padding:.75rem 1.5rem;background:#fff;color:#0055b3;border:none;font-size:1rem;font-weight:700;cursor:pointer;border-radius:5px;transition:.3s;margin-top:1rem}.hero button:hover{background:#ddd}.products{padding:4rem 2rem;text-align:center}.products h2{font-size:2rem;margin-bottom:2rem}.products-div{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;row-gap:20px}.products-div.scrollable{display:flex!important;justify-content:space-between;gap:50px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.product-card{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:15rem;border:1px solid #ddd;height:300px;flex-shrink:0;scroll-snap-align:start}.product-card img{height:120px;margin-bottom:1rem}.product-card p{margin-bottom:1rem}.product-card button{background:#176325;color:#fff;padding:.5rem 1rem;border:none;border-radius:5px;cursor:pointer;transition:.3s}.product-card button:hover{background:#218838}.product-page a{text-decoration:underline;color:#00f}.advantages{background:#f1f1f1;padding:3rem 2rem;text-align:center}.advantages div{font-size:1.2rem;margin:1rem 20rem}.return-btn{display:inline-block;padding:10px 20px;background-color:#f2f2f2;color:#333;border:2px solid #ccc;border-radius:5px;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.return-btn:hover{background-color:#e6e6e6;border-color:#999;color:#000}.category-page{max-width:1200px;margin:auto;padding:20px;text-align:center;min-height:100vh;display:flex;flex-direction:column}.category-title{font-size:2rem;margin-bottom:20px}.subcategories{margin-bottom:20px}.subcategory-list{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.subcategory-btn{background:#007bff;color:#fff;padding:10px 15px;border-radius:5px;text-decoration:none;transition:.3s}.subcategory-btn:hover{background:#0056b3}.products-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;justify-items:center}.price{font-weight:700;color:#28a745}.loading,.error,.no-products{font-size:1.2rem;color:#555;margin-top:20px}.subcategory-btn{background-color:#007bff;border:none;padding:10px 15px;margin:5px;cursor:pointer;transition:.3s}.subcategory-btn:hover{background-color:#007bff94}.subcategory-btn.active{border:#000000 2px solid}.product-page{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f9f9f9;min-height:100vh}.product-container{display:flex;max-width:1290px;margin:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;overflow:hidden}.product-image{padding:0 31px;display:flex;justify-content:center;align-items:center;text-align:center;margin-bottom:-7rem;margin-top:4rem}.image-gallery{display:flex;flex-direction:column;align-items:center;gap:10px}.product-img{max-width:100%;max-height:400px;object-fit:cover;border-radius:8px;width:100%;display:flex;justify-content:center}.main-product-image{width:250px;height:auto;border-radius:5px;cursor:pointer;box-shadow:0 4px 8px #0003;transition:transform .3s ease}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.lightbox-content{position:relative;max-width:95%;max-height:95%;text-align:center;overflow:hidden}.lightbox-image{width:100%;height:auto;object-fit:contain;max-height:90vh}.close-button{position:absolute;top:10px;right:10px;font-size:40px;color:#000;cursor:pointer;background:transparent;border:none;z-index:1100}.close-button:hover{color:red}.thumbnail-gallery{display:flex;justify-content:center;gap:8px;margin-top:8rem}.thumbnail{width:70px;height:70px;cursor:pointer;border-radius:5px;border:2px solid transparent;transition:all .3s ease}.thumbnail:hover,.thumbnail:focus{border-color:#007bff;transform:scale(1.1)}.thumbnail.active{border-color:#007bff;opacity:.8}.product-details{flex:2;padding:20px}.product-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:1rem}.product-reference{margin-bottom:2rem;font-weight:700}.product-description{font-size:1rem;color:#555;line-height:1.6;margin-bottom:7rem}.product-description ul{list-style:circle}.product-price{font-size:1.5rem;font-weight:700;color:#e44d26;margin-bottom:20px;margin-top:9rem}.product-actions{display:flex;gap:10px}.buy-now{padding:12px 20px;font-size:1rem;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;margin-bottom:2rem;background-color:#e44d26;color:#fff}.buy-now:hover{background-color:#d2431e}.product-characteristics{margin-top:4rem;margin-bottom:2rem;padding:0 10px}.characteristics-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.characteristic-item{display:flex;flex-direction:column;align-items:center;margin:10px;max-width:120px;flex:1 1 120px}.characteristic-img{width:60px;height:60px;object-fit:cover;border-radius:50%}.characteristic-item p{text-align:center;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin:1rem 0 0;padding:0;font-size:16px}.product-composition{margin-bottom:1rem}.product-composition{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.comp-row{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.comp-item{display:flex;justify-content:space-between;font-size:.95rem}.comp-label{font-weight:700;color:#333}.comp-value{color:#555}footer{background:#000;color:#fff;text-align:center;padding:1.5rem}.manage-products-btn{height:20px}.products-list{display:flex;justify-content:space-evenly;align-items:center}.modif-div{display:flex;align-items:center}.modif-div button{height:34px;margin-left:1rem}.modif button{margin-top:1rem;background-color:#007bff;color:#fff;padding:8px 16px;font-size:14px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.form-create{max-width:600px;margin:20px auto;padding:20px;background:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;gap:15px}.form-create label{font-weight:700;display:flex;flex-direction:column;gap:5px}.form-create input,.form-create textarea,.form-create select{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:16px}.form-create textarea{min-height:80px}.composition-row{display:flex;align-items:center;gap:10px}.red-btn{background:#e74c3c;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;transition:background .3s}.red-btn:hover{background:#c0392b}.green-btn{background:#2ecc71;color:#fff;border:none;padding:10px;border-radius:4px;font-size:16px;cursor:pointer;transition:background .3s}.green-btn:hover{background:#27ae60}.aside-menu{width:200px;margin-right:20px;padding:15px;background:#f4f4f4;border-radius:8px;box-shadow:0 0 5px #0000001a}.aside-menu h3{margin-bottom:10px;font-size:18px;text-align:center}.aside-menu li{margin-bottom:10px}.aside-menu button{width:100%;padding:8px;border:none;background:#3498db;color:#fff;border-radius:4px;cursor:pointer;transition:background .3s;font-size:14px}.aside-menu button:hover{background:#2980b9}.aside-menu .logout-btn{background:#e74c3c;margin-top:10px}.aside-menu .logout-btn:hover{background:#c0392b}.admin-register{max-width:400px;margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;text-align:center}.admin-register h2{margin-bottom:15px;font-size:22px}.admin-register input{width:93%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.admin-register button{background:#2ecc71;color:#fff;border:none;padding:10px;border-radius:4px;font-size:16px;cursor:pointer;transition:background .3s;width:100%}.admin-register button:hover{background:#27ae60}.admin-register p{font-size:14px;margin-top:10px}.login-container{width:100%;max-width:420px;margin:80px auto;padding:40px;background-color:#fff;border-radius:10px;box-shadow:0 8px 20px #0000001a}.login-header{margin-bottom:24px;text-align:center}.login-header h2{color:#333;font-size:28px;font-weight:600;margin-bottom:8px}.login-form{display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column}.input-group input{padding:14px 16px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:all .3s ease}.input-group input:focus{outline:none;border-color:#3a7bd5;box-shadow:0 0 0 2px #3a7bd533}.login-button{background-color:#3a7bd5;color:#fff;border:none;border-radius:6px;padding:16px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s,transform .1s;margin-top:8px}.login-button:hover{background-color:#2d62aa}.login-button:active{transform:scale(.98)}.error-message{color:#e74c3c;background-color:#e74c3c1a;padding:12px;border-radius:6px;border-left:4px solid #e74c3c;margin-bottom:16px}.manage-products-list{max-width:1200px;margin:0 auto;padding:24px;background-color:#fff;border-radius:10px;box-shadow:0 2px 12px #00000014}.manage-products-list h2{color:#2c3e50;font-size:28px;font-weight:600;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #f0f2f5}.manage-products-list h3{color:#34495e;font-size:20px;margin:24px 0 16px}.category-filter{margin-bottom:24px;display:flex;align-items:center;gap:12px}.category-filter label{display:flex;align-items:center;gap:12px;font-weight:500;color:#34495e}.category-filter select{padding:10px 40px 10px 16px;border:1px solid #ddd;border-radius:6px;font-size:15px;background-color:#fff;min-width:200px;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.category-filter select:focus{outline:none;border-color:#3a7bd5;box-shadow:0 0 0 2px #3a7bd533}.products-container{margin-top:16px}.products-list{display:flex;align-items:center;justify-content:space-between;padding:16px;margin-bottom:12px;background-color:#f8f9fa;border-radius:8px;transition:all .2s ease;border-left:4px solid #3a7bd5}.products-list:hover{background-color:#f0f4f8;transform:translate(4px)}.products-list h4{flex:1;margin:0;font-size:17px;color:#2c3e50}.product-actions{display:flex;gap:10px;align-items:center}.manage-products-btn button,.delete-btn{border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.manage-products-btn button{background-color:#3a7bd5;color:#fff}.manage-products-btn button:hover{background-color:#2d62aa}.delete-btn{margin-left:1rem;background-color:#fff;color:#e74c3c;border:1px solid #e74c3c}.delete-btn:hover{background-color:#fdeeee}.empty-products{text-align:center;padding:32px;color:#7f8c8d;font-style:italic;background-color:#f8f9fa;border-radius:8px;margin-top:16px}.div-manage{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;padding:2rem;max-width:1300px;margin:auto}.h2-manage{font-size:24px;margin-bottom:1.5rem;color:#222}.h4-h5-manage{margin-bottom:.5rem;color:#444}.p-manage{margin:.5rem 0}.modif-div,.modif-description{background-color:#f9f9f9;padding:1rem;margin-bottom:1.5rem;border-radius:8px;border:1px solid #ddd}input[type=text],input[type=number],input[type=file],select,textarea{width:100%;max-width:500px;padding:8px 10px;margin-bottom:.5rem;border:1px solid #ccc;border-radius:5px;font-size:14px}input:focus,textarea:focus,select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.btn-manage{background-color:#007bff;color:#fff;padding:8px 16px;font-size:14px;border:none;border-radius:6px;cursor:pointer;margin-right:.5rem;transition:background-color .3s ease,transform .2s ease}.btn-manage:hover{background-color:#0056b3;transform:scale(1.03)}.btn-manage:disabled{background-color:#ccc;cursor:not-allowed;transform:none}button.delete{background-color:#dc3545}button.delete:hover{background-color:#a71d2a}.ul-manage{list-style:none;padding-left:0}ul .li-manage{margin-bottom:.5rem;display:flex;align-items:center;flex-wrap:wrap}ul .li-manage input{margin-right:1rem}.img-manage{border-radius:6px;box-shadow:0 2px 5px #0000001a;max-width:100px}.div-photo{display:inline-flex}.success{color:green;font-weight:700;margin-bottom:1rem}.error{color:red;font-weight:700;margin-bottom:1rem}@media (max-width: 1024px){nav{gap:12rem}}@media (max-width: 768px){header{flex-direction:column;align-items:center;text-align:center}nav{position:static;transform:none;margin-top:1rem;flex-direction:row;gap:10rem}.product-card{width:95%;max-width:100%;height:auto;padding:1rem;margin-bottom:1rem}.product-container{flex-direction:column;padding:1rem}.product-title{font-size:1.75rem;text-align:center}.product-price{text-align:center;font-size:1.25rem}.buy-now{width:100%}.thumbnail{width:50px;height:50px}.characteristics-list{justify-content:center}.characteristic-item{max-width:100px;flex:1 1 100px}.characteristic-img{width:50px;height:50px}.characteristic-item p{font-size:14px}}@media (max-width: 425px){nav{gap:1rem}.product-card{width:90%;max-width:100%;height:auto;padding:1rem;margin-bottom:1rem}.characteristics-list{gap:10px}.characteristic-item{max-width:80px;flex:1 1 80px;margin:8px 5px}.characteristic-img{width:40px;height:40px}.characteristic-item p{font-size:12px}}