*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
background:#fff;
color:#111;
line-height:1.6;
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}

/* CONTAINER */

.container{
width:92%;
max-width:1280px;
margin:auto;
}

/* LINKS */

a{
text-decoration:none;
color:inherit;
}

/* IMAGES */

img{
max-width:100%;
display:block;
}

/* BUTTON */

.btn{

display:inline-flex;
align-items:center;
justify-content:center;

padding:14px 30px;

background:#111;
color:#fff;

border:none;
border-radius:4px;

font-size:14px;
font-weight:500;

cursor:pointer;

transition:.3s ease;

}

.btn:hover{

opacity:.85;

}

/* SECTION SPACING */

.section{
padding:110px 0;
}

/* SECTION TITLE */

.section-title{

font-size:58px;
line-height:1.1;
font-weight:600;

}

/* SMALL LABEL */

.section-mini{

font-size:12px;
letter-spacing:3px;
color:#666;

margin-bottom:10px;

}

/* PRICE */

.price{

font-size:22px;
font-weight:600;

}

/* PRODUCT GRID */

.product-grid{

display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

gap:40px;

}

/* PRODUCT CARD */

.product-card{

background:#fff;

border-radius:18px;

overflow:hidden;

transition:.35s ease;

}

.product-card:hover{

transform:translateY(-6px);

box-shadow:0 10px 35px rgba(0,0,0,0.08);

}

.product-card img{

width:100%;

aspect-ratio:1/1.2;

object-fit:cover;

}

.product-card h3{

font-size:16px;
font-weight:600;

margin-top:14px;

}

.product-card .price{

margin:8px 0 14px;

}

/* REVEAL ANIMATION */

.reveal{

opacity:0;

transform:translateY(40px);

transition:all .8s ease;

}

.reveal.active{

opacity:1;

transform:translateY(0);

}

/* WHATSAPP FLOAT */

.whatsapp-float{

position:fixed;

bottom:20px;
right:20px;

width:52px;
height:52px;

background:#25D366;

border-radius:50%;

display:flex;
justify-content:center;
align-items:center;

z-index:999;

box-shadow:0 6px 20px rgba(0,0,0,0.15);

}

.whatsapp-float img{

width:24px;

}

/* SCROLL TOP */

#scrollTopBtn{

position:fixed;

bottom:84px;
right:22px;

border:none;

background:#111;
color:#fff;

width:40px;
height:40px;

border-radius:50%;

cursor:pointer;

font-size:18px;

display:none;

z-index:999;

}

/* FILTER DRAWER */

.filter-drawer{

position:fixed;

top:0;
right:-320px;

width:300px;
height:100%;

background:#fff;

box-shadow:-5px 0 20px rgba(0,0,0,0.1);

padding:30px;

transition:.3s;

z-index:999;

}

.filter-drawer.open{

right:0;

}

.filter-group{

margin-bottom:25px;

}

.filter-group button{

margin:5px;

padding:8px 12px;

border:1px solid #ddd;

background:#fff;

cursor:pointer;

transition:.3s;

}

.filter-group button:hover{

background:#111;
color:#fff;

}

/* STICKY ORDER BAR */

.sticky-order-bar{

position:fixed;

bottom:0;
left:0;
right:0;

background:#fff;

display:flex;
justify-content:space-between;
align-items:center;

padding:15px 20px;

box-shadow:0 -5px 15px rgba(0,0,0,0.08);

z-index:999;

}

.sticky-order-bar button{

background:#111;
color:#fff;

border:none;

padding:10px 20px;

cursor:pointer;

}

/* MOBILE */

@media(max-width:768px){

.section{
padding:70px 0;
}

.section-title{
font-size:38px;
}

.product-grid{
grid-template-columns:1fr;
gap:28px;
}

}