body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0!important;background:#f8f8f8;color:#333}header{background:linear-gradient(#d4af37,#fff);padding:30px 20px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.1)}header h1{margin:0;font-size:2.2em;color:#222}header p{margin:5px 0 0;font-size:1em;color:#555}.container{max-width:1200px;margin:20px auto;padding:0 20px}section{margin-bottom:40px}section h2{font-size:1.8em;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:#222}.grid,.scroll-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}.video-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:20px;padding-bottom:10px;scroll-behavior:smooth}.video-grid::-webkit-scrollbar{height:8px}.video-grid::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px}.scroll-grid::-webkit-scrollbar-thumb:hover,.subcategory-wrapper::-webkit-scrollbar-thumb:hover,.video-grid::-webkit-scrollbar-thumb:hover{background:#b8932f}.video-grid::-webkit-scrollbar-track{background:#f0f0f0}.video-grid .card{flex:0 0 250px;min-width:220px}.video-grid iframe{width:100%;height:180px;border-radius:12px;border:0}.scroll-grid{overflow-x:auto;padding-bottom:10px;scroll-behavior:smooth}.scroll-grid::-webkit-scrollbar{height:8px}.scroll-grid::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px;transition:background .2s}.scroll-grid::-webkit-scrollbar-track{background:#eee}#products,.card{display:flex;flex-direction:column}.card,button{cursor:pointer}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 8px 20px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s,background .3s;justify-content:space-between;gap:10px;flex:1 1 250px;min-width:220px}#products .card:hover,.card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 28px rgba(0,0,0,.18);background:linear-gradient(145deg,#fff8dc,#fff)}.card h3{margin-top:0;color:#222;transition:color .3s}.card h3:hover{color:#d4af37}.card p{color:#555;line-height:1.4;flex-grow:1}button{padding:10px 15px;background:#d4af37;border:0;border-radius:6px;color:#fff;font-weight:700;transition:background .3s,transform .3s}button:hover{background:#b8932f;transform:scale(1.05)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1000;overflow:auto;padding:50px 20px}.modal-content{background:#fff;border-radius:12px;padding:30px;max-width:800px;max-height:90vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);overflow-y:auto;box-sizing:border-box;z-index:1050;display:block}.close{position:absolute;top:15px;right:20px;font-size:28px;cursor:pointer;color:#333}.tip{font-style:italic;color:#666;margin-top:15px}#products{gap:40px;width:100%}.subcategory-wrapper{display:flex;overflow-x:auto;gap:20px;padding-bottom:10px;scroll-behavior:smooth;transition:transform .2s ease-out}.subcategory-wrapper::-webkit-scrollbar{height:8px}.subcategory-wrapper::-webkit-scrollbar-thumb{background:#d4af37;border-radius:4px;transition:background .2s}.subcategory-wrapper::-webkit-scrollbar-track{background:#f0f0f0}.subcategory-title{width:90%;font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#222;border-left:4px solid #d4af37;padding-left:10px;text-transform:uppercase;letter-spacing:.5px}#products .card{flex:0 0 220px;background:linear-gradient(145deg,#fff,#fdf7e3);border-radius:14px;padding:20px;box-shadow:0 6px 18px rgba(0,0,0,.08);display:flex;flex-direction:column;justify-content:space-between;gap:10px;cursor:pointer;transition:transform .3s,box-shadow .3s,background .3s}@media (max-width:768px){#health-safety,.grid,.scroll-grid,.subcategory-wrapper,.video-grid{flex-wrap:nowrap;overflow-x:auto;gap:15px}#products .card,.card,.scroll-grid .card,.video-grid .card{flex:0 0 180px;margin-bottom:0;padding:15px}#health-safety{display:flex;padding-bottom:10px}#health-safety .card{flex:0 0 180px;max-height:220px;overflow:hidden}.subcategory-title{font-size:1.3rem}button{padding:8px 12px;font-size:.9rem}.disclaimer{font-size:.85rem;line-height:1.4}}@media (max-width:480px){#products .card,.card,.scroll-grid .card,.video-grid .card{flex:0 0 140px;padding:12px}#health-safety .card{flex:0 0 140px;max-height:180px}.subcategory-title{font-size:1.1rem}button{padding:6px 10px}.disclaimer,button{font-size:.8rem}.modal-content{width:95%;padding:15px}.video-grid iframe{height:120px}iframe{width:100%;height:auto}}.modal-content iframe{max-width:100%;height:auto}.modal-content li,.modal-content p{word-wrap:break-word;line-height:1.4}