*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#f7f9fc;color:#222;line-height:1.6}
a{text-decoration:none;color:inherit}
.nav{height:86px;background:rgba(255,255,255,.96);display:flex;justify-content:space-between;align-items:center;padding:12px 7%;box-shadow:0 4px 18px rgba(0,0,0,.08);position:sticky;top:0;z-index:1000}
.logo img{height:64px;display:block}
.nav nav a{margin-left:26px;font-weight:700;color:#333}
.nav nav a:hover{color:#ff4d8d}
.hero-slider{height:640px;position:relative;overflow:hidden}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(39,199,217,.78),rgba(255,112,173,.76))}
.slide.active{opacity:1}
.hero-content{position:relative;z-index:2;color:white;text-align:center;top:50%;transform:translateY(-50%);padding:0 20px}
.hero-content h1{font-size:64px;margin-bottom:18px}
.hero-content p{font-size:22px;margin-bottom:12px}
.primary-btn,.secondary-btn{display:inline-block;margin:18px 8px 0;padding:14px 28px;border-radius:30px;font-weight:800}
.primary-btn{background:#fff;color:#ff4d8d}
.secondary-btn{background:#25D366;color:#fff}
.section{width:90%;max-width:1300px;margin:auto;padding:76px 0;text-align:center}
.section h2{font-size:40px;margin-bottom:18px;color:#222}
.sub{color:#666;margin-bottom:34px}
.soft-bg{background:#fff;border-radius:28px;box-shadow:0 8px 30px rgba(0,0,0,.05)}
.category-grid,.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px}
.category-card,.product-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.1);transition:.35s}
.category-card:hover,.product-card:hover{transform:translateY(-8px)}
.category-card img,.product-card img{width:100%;height:260px;object-fit:cover;display:block}
.category-card h3,.product-card h3{font-size:24px;margin:18px 16px 8px}
.category-card p,.product-card p{color:#666;padding:0 18px 22px}
.product-row{display:flex;gap:25px;overflow-x:auto;padding:10px 4px 24px;scroll-snap-type:x mandatory}
.product-row .product-card{min-width:280px;scroll-snap-align:start}
.inquiry{display:inline-block;background:#25D366;color:white;padding:11px 18px;border-radius:22px;font-weight:800;margin:4px 0 22px}
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;text-align:center}
.features div{background:white;padding:24px;border-radius:18px;box-shadow:0 8px 22px rgba(0,0,0,.08);font-weight:700}
.cta{background:linear-gradient(135deg,#27c7d9,#ff70ad);color:#fff;text-align:center;padding:80px 20px}
.cta h2{font-size:42px}
.page-hero{background:linear-gradient(135deg,#27c7d9,#ff70ad);color:white;text-align:center;padding:90px 20px}
.page-hero h1{font-size:52px}
.narrow{max-width:900px;text-align:left;font-size:18px}
.contact-box{max-width:760px;background:#fff;border-radius:28px;box-shadow:0 10px 30px rgba(0,0,0,.08);padding:60px 20px}
footer{background:#222;color:white;text-align:center;padding:46px 20px}
footer a{color:#8ee8ff}
.whatsapp{position:fixed;right:22px;bottom:22px;width:64px;height:64px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;color:white;font-size:30px;box-shadow:0 8px 24px rgba(0,0,0,.28);z-index:1001}
@media(max-width:768px){
  .nav{height:auto;flex-direction:column;gap:10px;padding:12px}
  .logo img{height:56px}
  .nav nav a{margin:0 8px;font-size:14px}
  .hero-slider{height:560px}
  .hero-content h1{font-size:42px}
  .hero-content p{font-size:18px}
  .section h2{font-size:30px}
  .category-card img,.product-card img{height:220px}
}
.about-gallery{
display:flex;
gap:20px;
overflow-x:auto;
padding:20px 0;
scroll-behavior:smooth;
}

.about-gallery img{
width:300px;
height:320px;
object-fit:cover;
border-radius:20px;
flex-shrink:0;
transition:0.3s;
}

.about-gallery img:hover{
transform:scale(1.05);
}
.about-gallery::-webkit-scrollbar{
height:8px;
}
@keyframes galleryMove{
from{
transform:translateX(0);
}
to{
transform:translateX(-300px);
}
}

.about-gallery{
animation:galleryMove 15s linear infinite;
}