/*
Theme Name: Marketplace Final Menu
Version: 2.0
*/

body{margin:0;font-family:Arial;background:#f5f5f5}
.container{max-width:1200px;margin:auto}

/* HEADER */
.header{background:#ee4d2d;padding:10px;position:sticky;top:0;z-index:999}
.menu{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.menu a{color:#fff;text-decoration:none;padding:6px 12px;background:#ff6a4d;border-radius:20px;font-size:12px}
.search input{width:100%;padding:12px;border:none;border-radius:20px}

/* GRID */
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:10px}
.card{background:#fff;border-radius:10px;overflow:hidden;transition:.2s}
.card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.card img{width:100%}

/* TEXT */
.title{font-size:14px;padding:5px}
.price{color:#ee4d2d;font-weight:bold;padding:0 5px 10px}

/* BUTTON */
.btn{display:block;text-align:center;background:#ee4d2d;color:#fff;padding:10px;margin:5px;border-radius:6px;text-decoration:none;font-weight:bold}

/* LAYOUT */
.layout{display:flex;gap:20px;padding:10px}
.content{width:75%}
.sidebar{width:25%}

/* STICKY BUY */
.sticky-buy{position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:10px;box-shadow:0 -2px 10px rgba(0,0,0,0.1)}
.sticky-buy a{display:block;background:#ee4d2d;color:#fff;text-align:center;padding:14px;border-radius:6px;font-weight:bold}

/* MOBILE */
@media(max-width:768px){
.products{grid-template-columns:repeat(2,1fr)}
.layout{flex-direction:column}
.content,.sidebar{width:100%}
body{padding-bottom:80px}
.menu{overflow:auto;flex-wrap:nowrap}
}