*{margin:0;padding:0;box-sizing:border-box;font-family:Arial, Helvetica, sans-serif;}
:root{
  --main:#222;
  --accent:#996644;
  --light:#f7f5f2;
  --white:#ffffff;
  --gray:#777;
}
body{color:var(--main);background:#fff;line-height:1.6;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
.container{max-width:1240px;margin:0 auto;padding:0 16px;}

/* Header */
header{border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:99;}
.header-wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 0;}
.nav-main ul{display:flex;gap:32px;}
.nav-main a:hover{color:var(--accent);}
.header-icons{display:flex;gap:20px;font-size:20px;cursor:pointer;}

/* Banner */
.banner{width:100%;height:480px;background:url(pictures/banner.png) center/cover;display:flex;align-items:flex-end;padding:40px;color:#fff;}
.banner-text h1{font-size:42px;margin-bottom:12px;}
.btn{display:inline-block;padding:12px 28px;background:var(--accent);color:#fff;margin-top:12px;border:none;cursor:pointer;transition:0.2s;}
.btn:hover{opacity:0.85;}

/* Product Grid */
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px;margin:40px 0;}
.product-card{border:1px solid #eee;overflow:hidden;transition:0.2s;}
.product-card:hover{box-shadow:0 4px 16px #00000015;}
.product-img{width:100%;height:280px;object-fit:cover;}
.product-info{padding:14px;}
.product-name{font-size:15px;margin-bottom:6px;}
.product-price{color:var(--accent);font-weight:bold;font-size:17px;}
.product-actions{display:flex;gap:8px;margin-top:10px;}
.product-actions button{flex:1;padding:8px;border:1px solid #ddd;background:#fff;cursor:pointer;}
.product-actions .add-cart{background:var(--accent);color:white;border-color:var(--accent);}

/* Pagination */
.pagination{display:flex;gap:10px;justify-content:center;margin:50px 0;}
.pagination button{width:38px;height:38px;border:1px solid #ddd;background:#fff;cursor:pointer;}
.pagination button.active{background:var(--accent);color:#fff;border-color:var(--accent);}

/* Side Cart / Wishlist Drawer */
.drawer-mask{position:fixed;inset:0;background:#00000050;z-index:100;display:none;}
.drawer{position:fixed;top:0;right:0;width:420px;height:100vh;background:#fff;z-index:101;transform:translateX(100%);transition:transform 0.3s ease;padding:24px;display:flex;flex-direction:column;}
.drawer.open{transform:translateX(0);}
.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:18px;font-weight:bold;}
.drawer-close{cursor:pointer;font-size:24px;}
.drawer-list{flex:1;overflow-y:auto;}
.drawer-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #eee;}
.drawer-item img{width:70px;height:70px;object-fit:cover;}
.drawer-footer{padding-top:20px;border-top:1px solid #eee;margin-top:auto;}

/* Page Common */
.page-title{font-size:32px;margin:36px 0 20px;padding-bottom:12px;border-bottom:1px solid #eee;}
.page-content{margin-bottom:60px;}

/* Footer */
footer{background:var(--light);padding:50px 0;margin-top:60px;}
.footer-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;}
.footer-col h4{margin-bottom:16px;font-size:16px;}
.footer-col li{margin-bottom:8px;color:#444;}
.footer-col a:hover{color:var(--accent);}
.copyright{margin-top:40px;padding-top:20px;border-top:1px solid #ddd;text-align:center;color:#666;font-size:14px;}
.payment-img{height:32px;margin-top:12px;}

/* Contact Form */
.form-group{margin-bottom:16px;}
.form-group label{display:block;margin-bottom:6px;}
.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;}

/* Product Detail Page */
.detail-wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:40px 0;}
.detail-img{width:100%;}
.detail-desc h2{margin-bottom:12px;}
.detail-price{font-size:24px;color:var(--accent);font-weight:bold;margin:12px 0;}

/* Responsive */
@media(max-width:768px){
  .nav-main ul{gap:16px;}
  .banner{height:320px;}
  .banner-text h1{font-size:28px;}
  .drawer{width:100%;}
  .detail-wrap{grid-template-columns:1fr;}
}