/* Concept 1 — Classic Marketplace (search-first, green + gold, white cards) */
body.theme-1{--bg:#f3f5ef;--surface:#fff;--surface2:#eef2e8;--ink:#1d2b1a;--muted:#5f6d58;--line:#dfe5d7;--primary:#487d2c;--primary-d:#386024;--accent:#c99a2e;--radius:12px;--font:'Tajawal',system-ui,sans-serif;--font-head:'Tajawal',system-ui,sans-serif}
.theme-1 .site-header{box-shadow:0 1px 0 var(--line)}
.c1-util{background:#1f3615;color:#cfe0c6;font-size:13px}.c1-util .container{display:flex;justify-content:space-between;gap:14px;padding-block:7px;flex-wrap:wrap}.c1-util a:hover{color:#fff}.c1-util span{display:inline-flex;gap:6px;align-items:center}

.c1-hero{background:linear-gradient(135deg,#2c5a1b 0%,#487d2c 55%,#5e9a3b 100%);color:#fff;padding:46px 0 80px;position:relative;overflow:hidden}
.c1-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.04) 0 2px,transparent 2px 22px)}
.c1-hero .container{position:relative}
.c1-hero h1{font-size:40px;font-weight:800;max-width:760px}.c1-hero p{margin-top:10px;font-size:18px;color:#e2efd9;max-width:640px}
.c1-search{margin-top:26px;background:#fff;border-radius:16px;padding:10px;display:grid;grid-template-columns:2.2fr 1.2fr 1.2fr auto;gap:8px;box-shadow:0 20px 50px rgba(10,30,5,.3)}
.c1-search .fld{position:relative;display:flex;align-items:center;gap:8px;background:var(--surface2);border-radius:10px;padding:0 12px;color:var(--muted)}
.c1-search input,.c1-search select{width:100%;border:0;background:transparent;padding:15px 4px;color:var(--ink);font-size:16px}.c1-search input:focus,.c1-search select:focus{outline:none}
.c1-search .fld:focus-within{box-shadow:0 0 0 3px rgba(94,154,59,.35)}
.c1-search .btn{padding-inline:30px;font-size:17px}
.c1-quick{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:14px;color:#dbeccf}
.c1-quick a{padding:5px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px}.c1-quick a:hover{background:rgba(255,255,255,.16)}

.c1-top{margin-top:-46px;position:relative;z-index:2}
.c1-banner{display:grid;grid-template-columns:1.1fr 1fr;border-radius:18px;overflow:hidden;background:#14201a;color:#fff;box-shadow:var(--shadow-l);min-height:260px}
.c1-banner .bn-img{position:relative}.c1-banner .bn-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c1-banner .bn-txt{padding:32px 34px;display:flex;flex-direction:column;gap:10px;justify-content:center}.c1-banner .bn-txt small{color:#e8c872;font-weight:700}.c1-banner h2{font-size:28px}.c1-banner p{color:#c9d6c1;line-height:1.9}
.c1-banner .bn-row{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}.c1-banner .bn-price{font-size:22px;font-weight:800;color:#f1d58a}

.c1-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.c1-cat{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 12px;transition:.2s}
.c1-cat:hover{border-color:var(--primary);box-shadow:var(--shadow-l);transform:translateY(-3px)}
.c1-cat .ci{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#e9f2e0;color:var(--primary)}.c1-cat b{font-size:16px}.c1-cat small{color:var(--muted)}

.c1-feat{background:linear-gradient(180deg,#fffaf0,#f8f2e0);border:1px solid #efe0ae;border-radius:18px;padding:26px}
.c1-feat .sec-head{margin-bottom:18px}
.c1-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:14px;padding:18px 24px;background:linear-gradient(90deg,#e9f2e0,#f6f1dc);border:1px solid #d9e6cb;flex-wrap:wrap}
.c1-bar b{font-size:19px}.c1-bar span{color:var(--muted)}
.c1-bar .bar-l{display:flex;align-items:center;gap:16px}.c1-bar img{width:90px;height:64px;object-fit:cover;border-radius:10px}
.c1-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:26px;align-items:start}
.c1-side{display:flex;flex-direction:column;gap:18px}
.side-box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}.side-box h4{font-size:16px;margin-bottom:10px}
.side-list a{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;font-size:14.5px}.side-list a:hover{background:var(--surface2);color:var(--primary)}.side-list small{color:var(--muted)}
.c1-list{display:flex;flex-direction:column;gap:16px}
.c1-promo{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-radius:16px;padding:22px 28px;background:linear-gradient(100deg,#14201a,#2c5a1b);color:#fff}
.c1-promo b{font-size:21px;color:#f1d58a}.c1-promo p{color:#d3e2c9;margin-top:4px}
.trust{display:flex;flex-direction:column;gap:10px;font-size:14px}.trust div{display:flex;gap:10px;align-items:flex-start}.trust .ic{color:var(--primary);margin-top:3px}
@media (max-width:1020px){.c1-layout{grid-template-columns:1fr}.c1-cats{grid-template-columns:repeat(3,1fr)}.c1-search{grid-template-columns:1fr 1fr}.c1-search .btn{grid-column:1/-1}.c1-banner{grid-template-columns:1fr}.c1-banner .bn-img{min-height:200px}}
@media (max-width:600px){.c1-hero h1{font-size:28px}.c1-cats{grid-template-columns:repeat(2,1fr)}.c1-search{grid-template-columns:1fr}.c1-hero{padding-bottom:70px}.c1-banner .bn-txt{padding:22px}.c1-promo{padding:20px}}
