:root{--g:#1f3d2f;--gold:#b8924a;--bg:#faf7f2}*{box-sizing:border-box}body{margin:0;font-family:Georgia,serif;background:var(--bg);color:#222}a{color:inherit;text-decoration:none}
.bar{background:var(--g);color:#fff;text-align:center;padding:6px;font:13px sans-serif}
header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:10px 5%;background:#000}
.brand img{height:64px;display:block}.search{display:flex;flex:1;max-width:420px}.search input{flex:1;padding:10px;border:0;border-radius:4px 0 0 4px;margin:0}.search button{background:var(--gold);border:0;padding:0 16px;border-radius:0 4px 4px 0;cursor:pointer}
nav{display:flex;gap:18px;color:#fff;font:14px sans-serif}.cartb{color:var(--gold)}
.cats{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;padding:12px;background:#fff;border-bottom:1px solid #eee;font:14px sans-serif}
main{max-width:1150px;margin:auto;padding:24px 4%}.hero{background:linear-gradient(120deg,#000,var(--g));color:#fff;padding:70px 8%;border-radius:10px;margin-bottom:30px}.hero h1{font-size:2.4rem;margin:0 0 10px}
.btn{display:inline-block;background:var(--gold);color:#fff;border:0;padding:12px 24px;border-radius:4px;cursor:pointer;font:15px sans-serif}.btn.alt{background:var(--g)}
h2{border-bottom:2px solid var(--gold);padding-bottom:6px;margin-top:36px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.card h3{font-size:1rem;margin:8px 0 2px}.img{aspect-ratio:3/4;border-radius:8px;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;color:#fff;position:relative}.img span{font-size:.95rem;opacity:.85}
.c0{background:#1f3d2f}.c1{background:#3b2a20}.c2{background:#2c3e50}.c3{background:#5a2a3a}.c4{background:#4a4a2a}.tag{position:absolute;top:8px;left:8px;background:var(--gold);padding:2px 8px;font:11px sans-serif;border-radius:3px}
.pr{font:600 15px sans-serif;margin:0}s{color:#999;font-weight:400}.out{color:#b00;font-family:sans-serif}
.row{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media(max-width:700px){.row{grid-template-columns:1fr}.hero h1{font-size:1.6rem}}
input,select,textarea{width:100%;padding:10px;margin:4px 0 12px;border:1px solid #ccc;border-radius:4px;font:14px sans-serif}label{font:600 13px sans-serif}
table{width:100%;border-collapse:collapse;background:#fff;font:14px sans-serif}td,th{padding:9px;border-bottom:1px solid #eee;text-align:left}.box{background:#fff;padding:20px;border-radius:8px}.err{background:#fde8e8;padding:10px;border-radius:4px;font-family:sans-serif}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;text-align:center}.trust div{background:#fff;padding:18px;border-radius:8px}
footer{background:#000;color:#ccc;text-align:center;padding:24px;margin-top:40px;font:13px sans-serif}footer a{color:var(--gold)}.wa{position:fixed;right:16px;bottom:16px;background:#25d366;color:#fff;padding:12px 18px;border-radius:30px;font:600 14px sans-serif}

/* Product image integration */
.product-media {
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    background: #f0ece5;
}
.product-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transition: transform .35s ease;
}
.card:hover .product-media img {
    transform: scale(1.04);
}
.product-media .img {
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    border-radius: 0;
}
.product-detail-image {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    background: #f0ece5;
}
.product-detail-image > img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}
.cart-product img {
    width: 65px;
    height: 75px;
    object-fit: cover;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 5px;
}
@media(max-width:700px) {
    .grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 12px;
    }
    .product-media {
        aspect-ratio: 3 / 4;
    }
}