.zo-page { --zo-green:#17634d; color:#252c29; margin:32px auto 72px; direction:rtl; }
.zo-page * { box-sizing:border-box; }
.zo-breadcrumb { display:flex; gap:12px; align-items:center; font-size:13px; color:#6b746f; margin-bottom:28px; }
.zo-page a { color:var(--zo-green); text-underline-offset:5px; }
.zo-breadcrumb a { text-decoration:none; }
.zo-intro { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:36px 40px; background:#f0f6f2; border-radius:20px; border:1px solid #dce8e0; }
.zo-eyebrow { font-size:13px; color:#426451; }
.zo-intro h1 { font-size:clamp(28px,3vw,42px); font-weight:800; margin:12px 0; line-height:1.5; }
.zo-intro p { margin:0; color:#5b685f; line-height:1.9; }
.zo-offer-count { flex-shrink:0; padding:14px 20px; border-radius:999px; background:#fff; color:#17634d; font-size:14px; }
.zo-toolbar { display:flex; flex-wrap:wrap; align-items:flex-end; gap:16px; padding:28px 0; border-bottom:1px solid #e4e8e5; }
.zo-toolbar label { display:block; margin-bottom:8px; font-size:13px; color:#546158; }
.zo-toolbar input,.zo-toolbar select { width:100%; height:48px; font:inherit; border:1px solid #d6dfd9; border-radius:10px; padding:8px 14px; background:#fff; color:#252c29; }
.zo-search { flex:1 1 260px; }
.zo-toolbar button { border:0; border-radius:10px; padding:12px 22px; height:48px; background:var(--zo-green); color:#fff; font:inherit; cursor:pointer; }
.zo-page :is(a,button,input,select):focus-visible { outline:2px solid #17634d; outline-offset:4px; }
.zo-result-count { font-size:13px; color:#637168; margin:24px 0; }
.zo-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:28px; align-items:stretch; }
.zo-grid > .store-rug-card { width:100%; max-width:306px; justify-self:center; }
.zo-grid .store-card-info a { color:inherit; }
.zo-empty { padding:70px 24px; text-align:center; }
.zo-empty h2 { font-size:24px; }.zo-empty p { color:#617168; line-height:1.9; }
.zo-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; border-top:1px solid #e4e8e5; margin-top:42px; padding-top:26px; font-size:14px; }
@media(max-width:700px) { .zo-page{margin-top:20px}.zo-intro{padding:26px 22px;align-items:flex-start;flex-direction:column;gap:18px}.zo-offer-count{padding:10px 14px}.zo-toolbar>div:not(.zo-search){flex:1}.zo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zo-grid .store-card-info h2{font-size:15px} }
@media(max-width:480px) { .zo-grid{grid-template-columns:1fr}.zo-grid > .store-rug-card{max-width:340px}.zo-toolbar button{width:100%} }