/* Chuval.bg — lively but restrained marketplace refresh, 2026-10-12
   Layout/functionality preserved. Every styling change is isolated here. */
:root{--green:#087e3b;--dark:#152235;--line:#e5ebf0}
body{background:#f7f9fc;color:#182436}
.top{background:#fff;border-bottom:1px solid #eaf0ee;box-shadow:0 2px 12px rgba(12,34,33,.045);position:relative;z-index:5}
.top .post,.post{background:linear-gradient(115deg,#078b44,#067237);box-shadow:0 5px 14px rgba(4,110,49,.16);transition:transform .17s,box-shadow .17s,filter .17s}
.top .post:hover,.post:hover{transform:translateY(-1px);filter:brightness(1.035);box-shadow:0 8px 18px rgba(4,110,49,.22)}
.hero .search{border:2px solid #fff;box-shadow:0 10px 24px rgba(25,66,65,.16);transition:box-shadow .2s}
.hero .search:focus-within{box-shadow:0 0 0 4px rgba(7,145,78,.17),0 10px 25px rgba(25,66,65,.14)}
.hero .search button{background:#078439;border-radius:7px}
.cats{background:#fff;border:1px solid #e9f0ed;box-shadow:0 13px 32px rgba(20,49,50,.085);padding:13px;gap:9px}
.cats .cat{background:#f7faf8;border:1px solid transparent;border-radius:12px;position:relative;overflow:hidden;transition:background .2s,transform .2s,box-shadow .2s}
.cats .cat .category-icon{background:#e4f4e9;border:0;color:#167345}
.cats .cat:nth-child(6n+2){background:#f0f6ff}.cats .cat:nth-child(6n+2) .category-icon{background:#dceafe;color:#386cc8}
.cats .cat:nth-child(6n+3){background:#fff5e9}.cats .cat:nth-child(6n+3) .category-icon{background:#ffe7c7;color:#c67718}
.cats .cat:nth-child(6n+4){background:#f5f0ff}.cats .cat:nth-child(6n+4) .category-icon{background:#e9defc;color:#8154bb}
.cats .cat:nth-child(6n+5){background:#fff0f4}.cats .cat:nth-child(6n+5) .category-icon{background:#ffdeea;color:#b95076}
.cats .cat:nth-child(6n+6){background:#edf9fb}.cats .cat:nth-child(6n+6) .category-icon{background:#d5f2f6;color:#24879d}
.cats .cat:hover,.cats .cat:focus-visible{transform:translateY(-3px);border-color:rgba(7,117,66,.15);box-shadow:0 6px 14px rgba(31,61,58,.09)}
.cats .cat .category-label{color:#273341;font-weight:700}
.section-head{align-items:center;gap:12px;margin:24px 3px 13px}
.section-head h2{font-size:25px;font-weight:850;letter-spacing:-.8px;color:#1c293d}
.section-head h2::before{content:"";display:inline-block;width:6px;height:23px;border-radius:5px;background:#10a15a;margin-right:11px;vertical-align:-4px}
.section-head[id="new"] h2::before{background:#ee9c2f}
.section-head small{color:#6e7f8e}
.section-head a{color:#087d46;background:#e8f6ed;border-radius:30px;padding:8px 13px;transition:background .2s}
.section-head a:hover{background:#d6efdf}
.cards{gap:15px}
.listing{background:#fff;border:1px solid #e6edf1;border-radius:13px;box-shadow:0 3px 11px rgba(25,45,61,.045);transition:transform .2s,box-shadow .2s,border-color .2s}
.listing:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(25,45,61,.11);border-color:#abd7be}
.listing .details{padding:9px 12px 12px}
.listing strong{color:#1c2b3c;font-size:13px}
.listing .price{color:#077f45;font-weight:850;font-size:16px;letter-spacing:-.4px}
.banners{gap:17px;margin:22px 0}
.banner{border-radius:17px;border:1px solid rgba(28,75,65,.07);box-shadow:0 6px 19px rgba(30,50,61,.065)}
.banner-publish{background:linear-gradient(110deg,#fff4d6 0%,#fff8e9 54%,#e9f6e2 100%)!important}
.banner-publish .banner-copy h2{color:#15283d}
.banner-publish .free-sign{background:#f6cf72;border-color:#e6b750;border-radius:10px;box-shadow:0 6px 13px #6d5a2830}
.banner-mobile{background:linear-gradient(113deg,#173d59 0%,#166b70 76%,#1b7e7a 100%)!important;border-color:transparent}
.banner-mobile .banner-copy h2,.banner-mobile .banner-copy p{color:#fff}
.banner-mobile .phone-mock{box-shadow:0 11px 25px #001b335b}
.banner-mobile .phone-logo{color:#182735}
.banner-mobile .phone-logo strong span{color:#058d42}
footer{background:#fff;border-top:1px solid #e8edf0;color:#6d7784}
@media(max-width:750px){
 body{background:#f8fafc}
 .cats{gap:7px;padding:9px;border-radius:14px}
 .cats .cat{border-radius:10px}
 .section-head{margin-top:20px;gap:7px;flex-wrap:wrap}
 .section-head h2{font-size:21px}
 .section-head h2::before{height:19px;width:5px;margin-right:7px}
 .section-head a{font-size:12px;padding:7px 9px}
 .cards{gap:10px}
 .listing{border-radius:11px}
 .listing .price{font-size:15px}
 .banner{border-radius:13px}
 .banner-mobile .banner-copy h2{color:#fff}
}
@media(prefers-reduced-motion:reduce){.listing,.cat,.post,.cats .cat{transition:none!important}.listing:hover,.cats .cat:hover,.post:hover{transform:none!important}}