/* Concept 3 — Modern Discovery Marketplace (cream, deep green, coral + lime accents, bento grids) */
body.theme-3{--bg:#f5f0e4;--surface:#fff;--surface2:#ece5d3;--ink:#12251b;--muted:#62705f;--line:#e5ddc9;--primary:#0f5c3f;--primary-d:#0a4430;--primary-ink:#fff;--accent:#ff6b4a;--accent-ink:#fff;--radius:24px;--radius-s:14px;--shadow:0 4px 18px rgba(18,37,27,.08);--shadow-l:0 18px 44px rgba(18,37,27,.16);--font:'Cairo','Tajawal',system-ui,sans-serif;--font-head:'Cairo','Tajawal',sans-serif;--header-h:84px;--sp:#d4f25c;--sp-ink:#1f3a00}
.theme-3 h1,.theme-3 h2,.theme-3 h3{font-weight:800}
.theme-3 .site-header{background:transparent;border:0;top:10px;padding-inline:14px}
.theme-3 .hdr-in{max-width:1200px;margin-inline:auto;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-radius:999px;box-shadow:0 8px 30px rgba(18,37,27,.12);padding-inline:14px 12px;min-height:64px;gap:14px}
.theme-3 .site-header .container{padding-inline:14px}
.theme-3 .logo-mark{background:var(--primary);border-radius:50%;width:40px;height:40px}.theme-3 .logo-mark::after{background:#ff6b4a;border-color:#fff}
.theme-3 .main-nav a{border-radius:999px;font-weight:600}.theme-3 .main-nav a:hover{background:var(--surface2)}
.theme-3 .btn{border-radius:999px}.theme-3 .btn-primary{background:var(--primary)}.theme-3 .btn-gold{background:var(--accent);color:#fff}
.theme-3 .main-nav{margin-inline-start:6px}
.theme-3 .site-footer{border-radius:36px 36px 0 0;margin-top:70px}
.theme-3 .st{border-radius:999px}
.theme-3 .field input,.theme-3 .field select,.theme-3 .field textarea{border-radius:14px}
.theme-3 .panel,.theme-3 .tbl-wrap{border-radius:24px}
@media (max-width:820px){.theme-3 .hdr-in{border-radius:28px;flex-wrap:wrap}.theme-3 .main-nav{border-radius:20px;top:calc(100% + 8px);inset-inline:0;border:0}}

.c3-hero{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding-top:12px}
.tile{border-radius:32px;position:relative;overflow:hidden;padding:30px}
.c3-intro{grid-column:span 7;background:var(--primary);color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:430px}
.c3-intro::before{content:'';position:absolute;width:340px;height:340px;border-radius:50%;background:#14724f;inset-inline-start:-120px;bottom:-160px}
.c3-intro>*{position:relative}.c3-intro h1{font-size:clamp(32px,4.4vw,54px);line-height:1.2}.c3-intro h1 em{font-style:normal;color:#d4f25c}.c3-intro p{color:#cde3d6;font-size:17px;max-width:520px}
.c3-search{display:flex;background:#fff;border-radius:999px;padding:6px;gap:6px;max-width:600px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.c3-search input{flex:1;min-width:0;border:0;background:transparent;padding:10px 18px;color:var(--ink);font-size:16px}.c3-search input:focus{outline:none}.c3-search .btn{padding-inline:24px}
.c3-chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;padding:6px 16px;border-radius:999px;font-weight:600;font-size:14px;transition:.15s}.chip:hover{background:rgba(255,255,255,.14)}
.chip.on{background:#d4f25c;border-color:#d4f25c;color:#1f3a00}
.c3-ad1{grid-column:span 5;padding:0;min-height:430px}.c3-ad1 .c-bento{height:100%;border-radius:32px;min-height:430px}
.c3-ad1 .c-bento h3{font-size:28px}
.c3-stat{grid-column:span 3;min-height:130px;display:flex;flex-direction:column;justify-content:center;padding:22px 26px}.c3-stat b{font-size:42px;line-height:1}.c3-stat span{font-weight:700}
.c3-stat.lime{background:#d4f25c;color:#1f3a00}.c3-stat.coral{background:#ff6b4a;color:#fff}.c3-stat.sand{background:#ece5d3}.c3-stat.dark{background:#12251b;color:#fff}
.c3-title{display:flex;justify-content:space-between;align-items:flex-end;margin:60px 0 20px;gap:16px;flex-wrap:wrap}.c3-title h2{font-size:32px}.c3-title p{color:var(--muted)}
.c3-cats{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:16px}
.c3-cat{position:relative;border-radius:28px;overflow:hidden;color:#fff;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;padding:20px}
.c3-cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}.c3-cat::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(10,28,20,.82))}
.c3-cat:hover img{transform:scale(1.07)}.c3-cat:first-child{grid-column:span 2;grid-row:span 2}.c3-cat b{font-size:20px}.c3-cat small{opacity:.85}
.c3-cat .ci{position:absolute;top:16px;inset-inline-start:16px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--primary)}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:16px;grid-auto-flow:dense}
.bento .c-bento{min-height:0;height:100%}.bento>[data-ad]{display:block}
.b-sm{grid-column:span 1}.b-wide{grid-column:span 2}.b-tall{grid-row:span 2}.b-lg{grid-column:span 2;grid-row:span 2}
.bento>[data-ad].b-wide{grid-column:span 2}
.c3-ctx{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:16px}
.c3-ctx .tile{min-height:250px}
.c3-ctx .ctx-main{background:#ffe9e2;display:flex;flex-direction:column;justify-content:center;gap:10px}.ctx-main small{color:#c2381a;font-weight:800}.ctx-main h3{font-size:26px}.ctx-main .ctx-act{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px}
.c3-ctx .ctx-img{padding:0}.ctx-img .c-bento{height:100%;border-radius:32px}
.c3-devs{background:#d4f25c;border-radius:36px;padding:34px;color:#1f3a00}.c3-devs .c3-title{margin-top:0}.c3-devs .dev-card{border-radius:24px;border-color:transparent}
.c3-devs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.c3-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#ff6b4a;color:#fff;border-radius:999px;padding:22px 36px}.c3-strip b{font-size:22px}.c3-strip p{opacity:.92}.c3-strip .btn{background:#fff;color:#c2381a}
.c3-feed-head{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.c3-feed-head .chip{border-color:var(--line);color:var(--ink);background:#fff}.c3-feed-head .chip.on{background:var(--primary);border-color:var(--primary);color:#fff}
.c3-a3{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;grid-auto-rows:230px;position:relative}.c3-a3 .c-bento{height:100%;min-height:0}.c3-a3 .c-bento.b-wide{grid-column:span 2}
.c3-empty{grid-column:1/-1;text-align:center;padding:40px;color:var(--muted)}
@media (max-width:1020px){.c3-intro,.c3-ad1{grid-column:span 12;min-height:360px}.c3-ad1 .c-bento{min-height:360px}.c3-stat{grid-column:span 6}.c3-cats,.bento,.c3-a3{grid-template-columns:repeat(2,1fr)}.c3-ctx{grid-template-columns:1fr}.c3-devs-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.c3-hero{gap:12px}.tile{padding:22px;border-radius:26px}.c3-cats,.bento,.c3-a3{grid-template-columns:1fr 1fr;gap:12px;grid-auto-rows:200px}.c3-cat:first-child{grid-column:span 2}.b-lg,.b-wide{grid-column:span 2}.b-tall{grid-row:span 1}.c3-devs-grid{grid-template-columns:1fr}.c3-strip{border-radius:28px;padding:22px}.c3-devs{padding:20px;border-radius:28px}.c3-title h2{font-size:25px}.c3-a3 .c-bento.b-wide{grid-column:span 2}}