:root{--beige:#f8f6ee;--forest:#173e31;--gold:#c6a56a}
*{box-sizing:border-box}body{margin:0;background:#faf9f4;color:#203b32;font:16px/1.7 'DM Sans',system-ui,Arial,sans-serif}
body[dir=rtl]{font-family:'Tajawal',Tahoma,Arial,sans-serif}
a{color:inherit}.wrap{width:min(1220px,calc(100% - 48px));margin:auto}
.head{background:linear-gradient(110deg,rgba(13,40,30,.92),rgba(13,40,30,.70)),url('/smartfinds/assets/forest-story.jpg') center/cover;color:#fff;padding:90px 0 82px}
.minibar{background:#0f2d22;padding:12px 0;color:#cfc9ae;font-size:10px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase}
.topnav{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:22px 0}
.topnav a{text-decoration:none;font-size:12px;font-weight:850}
.brand{font-size:24px!important;letter-spacing:-1px}
.head h1{font:500 clamp(50px,7vw,88px)/1.04 'Cormorant Garamond',Georgia,serif;margin:34px 0 17px;letter-spacing:-1.1px}
body[dir=rtl] .head h1,body[dir=rtl] h2{font-family:'Tajawal',Tahoma,sans-serif;font-weight:800;letter-spacing:0}
.head p{max-width:670px;font-size:17px;color:#dfecde}
.tag{color:#e3ce9e;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:850}
main{padding:52px 0 85px}
.notice{background:#f0ead9;border:1px solid #d9cca7;padding:19px 25px;border-radius:8px;color:#515b47;font-size:13px;margin:0 0 28px}
.notice strong{color:#18392d}
.controls{display:flex;gap:13px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:26px 0 26px}
.filter-row{display:flex;gap:8px;flex-wrap:wrap}
.filter{padding:10px 13px;border:1px solid #d6ddce;border-radius:7px;background:#fff;color:#305442;font:750 12px 'DM Sans',system-ui,sans-serif;cursor:pointer}
.filter[aria-pressed=true]{background:#193e31;color:white;border-color:#193e31}
.search{min-width:215px;flex:0 0 260px;padding:11px 15px;border:1px solid #cdd8ce;border-radius:8px;font-size:14px;background:white}
.count{font-size:13px;color:#708475}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.item{border:1px solid #e2e9dc;background:white;overflow:hidden;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 9px 23px rgba(21,51,39,.04);transition:transform .2s,box-shadow .2s}
.item:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(21,51,39,.12)}
.visual{height:180px;overflow:hidden;position:relative;background:#dde9df}
.visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}
.visual span{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;background:#133629c9;color:#fff;font-size:10px;font-weight:800;text-align:center}
.item-body{padding:19px 18px 21px;display:flex;flex:1;flex-direction:column}
.brandline{font-size:10px;color:#7c8a71;text-transform:uppercase;letter-spacing:1.2px;font-weight:900}
.item h2{font:600 24px/1.15 'Cormorant Garamond',Georgia,serif;margin:10px 0 9px;letter-spacing:-.3px}
.item p{margin:0 0 18px;color:#69776e;font-size:13px;line-height:1.65;flex:1}
.item .price{font-size:13px;color:#41614e;margin:0 0 10px}
.item .price strong{font-size:17px;color:#183c30}
.item a.view{display:block;text-decoration:none;background:#1d4a37;color:white;text-align:center;border-radius:5px;font-size:11px;font-weight:900;letter-spacing:.55px;padding:12px 10px;margin:10px 0 0}
.item .note{font-size:10px;color:#7c8a7e;margin-top:9px}
.empty{display:none;padding:20px;color:#7d8075;background:#f0f3eb;border-radius:8px}
.faq{background:#eaf0e4;padding:46px 0}
.faq h2{font:600 39px 'Cormorant Garamond',Georgia,serif}
.faq p{max-width:850px;color:#576b5a;font-size:15px}
footer{background:#14362a;color:#c8dec8;padding:30px 0}
footer a{color:#ead1a0}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:790px){.grid{grid-template-columns:repeat(2,1fr)}.controls{align-items:stretch}.search{flex:1 1 100%}}
@media(max-width:530px){.grid{grid-template-columns:1fr}.head{padding:50px 0}.head h1{font-size:54px}.wrap{width:calc(100% - 30px)}.visual{height:210px}.filter{font-size:11px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.item{transition:none}}