*{box-sizing:border-box}
body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#111;color:#eee}
a{color:inherit;text-decoration:none}

.store-header{
  padding:18px 24px;background:#1b1b1b;border-bottom:1px solid #333;
  display:flex;align-items:center;justify-content:space-between;
}
.store-header .brand{font-weight:bold;font-size:19px}
.store-header .brand span{color:#d4af37}
.store-header nav a{margin-inline-start:16px;font-size:14px;color:#ccc}

.wrap{max-width:1100px;margin:0 auto;padding:24px}

.cats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.cats a{padding:8px 16px;border:1px solid #333;border-radius:20px;font-size:13px;color:#ccc}
.cats a.active{background:#d4af37;color:#111;border-color:#d4af37;font-weight:bold}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.p-card{background:#181818;border:1px solid #292929;border-radius:14px;overflow:hidden;transition:transform .15s ease}
.p-card:hover{transform:translateY(-3px);border-color:#d4af37}
.p-card img{width:100%;height:170px;object-fit:cover;background:#222}
.p-card .body{padding:14px}
.p-card .name{font-weight:bold;font-size:15px;margin-bottom:6px}
.p-card .price{color:#d4af37;font-weight:bold}

.p-card-wrap{display:flex;flex-direction:column}
.p-card-wrap .p-card{flex:1}
.add-cart-btn{
  display:block;text-align:center;background:#232323;color:#d4af37;border:1px solid #333;
  border-top:0;border-radius:0 0 14px 14px;padding:10px;font-size:13px;font-weight:bold;text-decoration:none
}
.add-cart-btn:hover{background:#d4af37;color:#111}

.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.detail img{width:100%;border-radius:14px;border:1px solid #292929}
.detail h1{margin-top:0}
.detail .price{font-size:24px;color:#d4af37;font-weight:bold;margin:10px 0}
.order-btn{
  display:inline-block;background:#25D366;color:#fff;padding:13px 22px;border-radius:10px;
  font-weight:bold;margin-top:14px
}

@media(max-width:700px){.detail{grid-template-columns:1fr}}