body{color:#333;margin:0;background:#fafafa;font-family:Arial,sans-serif}.container{padding:0 15px;justify-content:space-between;max-width:1200px;margin:auto;align-items:center;display:flex}.header{padding:15px 0;color:#333;position:sticky;top:0;box-shadow:0 2px 5px rgba(0,0,0,.1);background:#fff;z-index:1000}.header .logo{font-size:1.5rem;font-weight:700}.header .menu a{text-decoration:none;font-weight:500;color:#333;transition:color .3s;margin:0 10px}.header .menu a:hover{color:#ff6b81}.hero{padding:100px 20px;color:#fff;text-align:center;background:linear-gradient(90deg,#ff6b81,#ffd3e2)}.hero h1{font-size:2.5rem;margin-bottom:15px}.hero p{font-size:1.2rem;margin-bottom:0}.categories,.products{padding:40px 20px;text-align:center}.categories h2,.products h2{font-size:2rem;margin-bottom:30px;color:#333}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.card,.product{padding:20px;border:none;transition:transform .3s,box-shadow .3s;text-align:center;border-radius:12px;background:#fff}.card:hover,.product:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.product img{object-fit:cover;border-radius:8px;cursor:pointer;width:100%}.footer{padding:30px 20px;color:#333;border-top:1px solid #ddd;text-align:center;background:#fff;margin-top:40px}#modalContent{overflow:hidden;justify-content:center;max-width:90%;flex-direction:column;max-height:85%;align-items:center;border-radius:12px;background:#fff;display:flex}#modalImg{max-width:100%;max-height:70vh;object-fit:contain;margin:0 auto;display:block}#thumbnailContainer{overflow-x:auto;justify-content:center;flex-wrap:wrap;margin-bottom:10px;display:flex}#thumbnailContainer img{height:60px;border:2px solid #ddd;transition:border .3s;object-fit:cover;margin:2px;border-radius:6px;cursor:pointer;width:60px}#thumbnailContainer img.active,#thumbnailContainer img:hover{border-color:#ff6b81}#nextBtn,#prevBtn{flex:1;font-size:1.5rem}@media (max-height:768px),(max-width:1366px){.container{padding:0 20px;max-width:1140px}.hero{padding:60px 20px}.hero h1{font-size:2rem}.hero p{font-size:1rem}.grid{grid-template-columns:repeat(3,1fr);gap:15px}.card,.product{padding:15px}#modalContent{max-width:80%;max-height:70%}#modalImg{max-height:50vh}#thumbnailContainer img{height:50px;width:50px}}@media (max-width:768px){.grid{grid-template-columns:1fr;gap:12px}.card,.product{padding:10px}.product img{max-height:500px}.product h3{font-size:.7rem}.categories h2,.products h2{font-size:1.6rem}#modalContent{padding:10px;max-width:95%;max-height:80vh}#modalImg{height:auto;max-width:100%;max-height:100%;object-fit:contain;width:auto}#thumbnailContainer img{height:50px;object-fit:cover;width:50px}}#closeModal{padding:10px;background:transparent;cursor:pointer;line-height:1;z-index:50}@media (max-width:768px){#modal{padding-top:10px!important;align-items:flex-start!important}#modalContent{overflow:hidden!important;padding:5px!important;justify-content:space-between!important;max-width:95vw!important;flex-direction:column!important;max-height:85vh!important;align-items:center!important;display:flex!important}#modalImg{height:auto!important;max-width:100%!important;max-height:55vh!important;object-fit:contain!important;margin:0 auto 10px!important;width:auto!important}#thumbnailContainer{overflow-x:auto!important;flex-shrink:0!important;margin-bottom:5px!important;max-width:100%!important;padding-bottom:5px!important}#thumbnailContainer img{height:50px!important;flex-shrink:0!important;width:50px!important}#nextBtn,#prevBtn{height:40px!important;justify-content:center!important;font-size:1.2rem!important;position:relative!important;background-color:hsla(0,0%,100%,.7)!important;margin:0 5px!important;align-items:center!important;border-radius:50%!important;width:40px!important;display:flex!important;z-index:1000!important}#modalContent>div.flex{justify-content:space-between!important;position:relative!important;width:100%!important;margin-top:5px!important;z-index:100!important}}