/* بازار — سیستم طراحی (تولیدشده از خروجی کلود دیزاین) + آیکون‌های درون‌خطی. یک فایل، بدون درخواست اضافی. */
:root{--font-ui:"Vazirmatn","Noto Naskh Arabic",system-ui,sans-serif;--font-num:var(--font-ui)}
/* ==== tokens/colors.css ==== */
:root{
/* ---- Brand: lapis lazuli, mined in Badakhshan ---- */
--lapis-900:#3F0B0B;
--lapis-800:#5E1313;
--lapis-700:#7F1A1A;
--lapis-600:#9B2E2E;
--lapis-100:#F3E3E3;
--lapis-50:#FBF4F4;
/* ---- Neutrals ---- */
--ink-900:#1B2430;
--ink-700:#374151;
--ink-muted:#5C6470;
--line-200:#D9DCD6;
--line-100:#E8EAE5;
--paper:#F5F6F4;
--surface:#FFFFFF;
/* ---- Semantic ---- */
--success:#1E7A4B;
--success-bg:#E6F3EC;
--warning:#A86400;
--warning-bg:#FDF3E2;
--danger:#C0392B;
--danger-bg:#FDEFEA;
--info:#1E4FA0;
--info-bg:#E7EDF8;
/* ---- Aliases: text ---- */
--text-primary:var(--ink-900);
--text-secondary:var(--ink-700);
--text-muted:var(--ink-muted);
--text-on-brand:#FFFFFF;
--text-link:var(--lapis-700);
--text-link-hover:var(--lapis-600);
--text-link-active:var(--lapis-800);
--text-danger:var(--danger);
--text-success:var(--success);
--text-warning:var(--warning);
/* ---- Aliases: surface ---- */
--surface-page:var(--paper);
--surface-card:var(--surface);
--surface-sunken:var(--line-100);
--surface-brand:var(--lapis-700);
--surface-brand-hover:var(--lapis-600);
--surface-brand-pressed:var(--lapis-800);
--surface-brand-soft:var(--lapis-100);
--surface-brand-softest:var(--lapis-50);
--surface-placeholder:var(--line-100);
--surface-scrim:rgba(27,36,48,.56);
/* ---- Aliases: line ---- */
--line:var(--line-200);
--line-soft:var(--line-100);
--line-brand:var(--lapis-700);
--focus-ring:var(--lapis-700);
/* ---- Ad status: pending → warning, active → success, expired → neutral, rejected → danger ---- */
--status-pending-fg:var(--warning);--status-pending-bg:var(--warning-bg);
--status-active-fg:var(--success);--status-active-bg:var(--success-bg);
--status-expired-fg:var(--ink-muted);--status-expired-bg:var(--line-100);
--status-rejected-fg:var(--danger);--status-rejected-bg:var(--danger-bg);
}
/* ==== tokens/typography.css ==== */
/* Arabic and Persian script sits taller in the em box and needs more leading
   than Latin at the same size — hence line heights of 1.8–1.9 on body copy,
   which would look loose in a Latin-only system and is correct here. */
:root{
--font-ui:"Vazirmatn","Noto Naskh Arabic",system-ui,sans-serif;
--font-num:var(--font-ui);
--fs-caption:0.75rem;
--fs-body-sm:0.875rem;
--fs-body:1rem;
--fs-subtitle:1.125rem;
--fs-title:1.25rem;
--fs-h2:1.5rem;
--fs-h1:2rem;
--lh-caption:1.8; /* @kind other */
--lh-body-sm:1.9; /* @kind other */
--lh-body:1.9; /* @kind other */
--lh-subtitle:1.6; /* @kind other */
--lh-title:1.5; /* @kind other */
--lh-h2:1.4; /* @kind other */
--lh-h1:1.3; /* @kind other */
--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-bold:700; /* @kind font */
/* ---- Composed aliases ---- */
--type-caption:var(--fw-regular) var(--fs-caption)/var(--lh-caption) var(--font-ui);
--type-body-sm:var(--fw-regular) var(--fs-body-sm)/var(--lh-body-sm) var(--font-ui);
--type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-ui);
--type-subtitle:var(--fw-medium) var(--fs-subtitle)/var(--lh-subtitle) var(--font-ui);
--type-title:var(--fw-bold) var(--fs-title)/var(--lh-title) var(--font-ui);
--type-h2:var(--fw-bold) var(--fs-h2)/var(--lh-h2) var(--font-ui);
--type-h1:var(--fw-bold) var(--fs-h1)/var(--lh-h1) var(--font-ui);
--type-button:var(--fw-medium) var(--fs-body)/1 var(--font-ui);
}
/* ==== tokens/spacing.css ==== */
:root{
--sp-1:4px;
--sp-2:8px;
--sp-3:12px;
--sp-4:16px;
--sp-5:20px;
--sp-6:24px;
--sp-8:32px;
--sp-10:40px;
--sp-12:48px;
--sp-16:64px;
/* Horizontal page margin on mobile. */
--page-gutter:var(--sp-4);
--row-gutter:var(--sp-4);
--stack:var(--sp-3);
--section-gap:var(--sp-6);
}
/* ==== tokens/radius.css ==== */
:root{
--radius-sm:6px;
--radius-md:10px;
--radius-lg:14px;
--radius-pill:999px;
/* Separation is a hairline. --shadow-overlay is the ONLY permitted shadow and
   only for sticky bars and floating layers; it is a 1px edge, not a glow. */
--hairline:1px solid var(--line-200); /* @kind other */
--hairline-soft:1px solid var(--line-100); /* @kind other */
--shadow-overlay:0 -1px 0 var(--line-200);
--shadow-sheet:0 -1px 0 var(--line-200);
--focus-outline:2px solid var(--lapis-700); /* @kind other */
--focus-offset:2px; /* @kind spacing */
}
/* ==== tokens/layout.css ==== */
:root{
/* ---- Fixed dimensions ---- */
--touch-min:48px;
--btn-h-lg:48px;
--btn-h-md:40px;
--thumb:84px;
--row-min-h:64px;
--header-h:56px;
--bottomnav-h:56px;
/* ---- Breakpoints (for reference; media queries state them literally) ---- */
--bp-base:360px; /* @kind other */
--bp-sm:600px; /* @kind other */
--bp-md:768px; /* @kind other */
--bp-lg:1024px; /* @kind other */
--bp-xl:1280px; /* @kind other */
/* ---- Container ---- */
--container:100%; /* @kind other */
--grid-cols:12; /* @kind other */
--grid-gutter:16px; /* @kind other */
/* ---- z-index ---- */
--z-header:100; /* @kind other */
--z-bottomnav:100; /* @kind other */
--z-sticky-action:110; /* @kind other */
--z-backdrop:200; /* @kind other */
--z-sheet:210; /* @kind other */
--z-dialog:220; /* @kind other */
--z-toast:300; /* @kind other */
}
@media (min-width:768px){:root{--container:720px}}
@media (min-width:1024px){:root{--container:960px}}
@media (min-width:1280px){:root{--container:1120px}}
/* ==== tokens/motion.css ==== */
/* There is no motion in this system. The single exception is a 120ms linear
   colour change on hover, desktop only — no layout transitions, no slides,
   no fades, no scale transforms. */
:root{
--motion:none; /* @kind other */
--motion-hover-duration:120ms; /* @kind other */
--motion-hover:120ms linear; /* @kind other */
}
@media (prefers-reduced-motion:reduce){:root{--motion-hover:0ms linear /* @kind other */}}
/* ==== base/elements.css ==== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface-page);color:var(--text-primary);font:var(--type-body);text-wrap:pretty}
h1,h2,h3,h4{margin:0;color:var(--text-primary)}
h1{font:var(--type-title)}
h2{font:var(--type-subtitle)}
h3{font:var(--type-subtitle)}
p{margin:0 0 var(--sp-3)}
p:last-child{margin-bottom:0}
a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--text-link-hover);text-decoration:underline}
a:active{color:var(--text-link-active)}
/* A focus ring on every interactive element. Never removed. */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
ul,ol{margin:0;padding-inline-start:1.25em}
hr{border:0;border-top:var(--hairline);margin:var(--sp-5) 0}
[disabled],[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
/* Numbers: tabular everywhere, and bidi-isolated so a Latin-shaped phone
   number or a "2 / 6" counter cannot be reordered inside a Persian sentence. */
.bz-num,.bz-price,bdi{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.bz-ltr{direction:ltr;unicode-bidi:isolate}
::selection{background:var(--lapis-100);color:var(--ink-900)}
.bz-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.bz-sr-focus:focus{position:static;width:auto;height:auto;clip-path:none;padding:var(--sp-2) var(--sp-4);background:var(--surface-brand);color:#fff}
/* ==== components/layout/layout.css ==== */
/* ---------- Container ---------- */
.bz-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--page-gutter)}
.bz-container--flush{padding-inline:0}
@media (min-width:768px){.bz-container{padding-inline:var(--sp-6)}}
/* ---------- Page scaffolding ---------- */
.bz-page{min-height:100%;background:var(--surface-page)}
.bz-main{display:block;padding-block:var(--sp-4) var(--sp-12)}
.bz-stack{display:flex;flex-direction:column;gap:var(--stack)}
.bz-stack--tight{gap:var(--sp-2)}
.bz-stack--loose{gap:var(--sp-5)}
.bz-row-flex{display:flex;align-items:center;gap:var(--sp-3)}
.bz-spread{margin-inline-start:auto}
/* ---------- Section ---------- */
.bz-section{display:block}
.bz-section+.bz-section{margin-block-start:var(--section-gap)}
.bz-section__head{display:flex;align-items:baseline;gap:var(--sp-3);padding-block:var(--sp-4) var(--sp-3)}
.bz-section__title{font:var(--type-subtitle);color:var(--text-primary)}
.bz-section__action{margin-inline-start:auto;font:var(--type-body-sm);font-weight:var(--fw-medium)}
/* ---------- Divider ---------- */
.bz-divider{height:0;border:0;border-block-start:var(--hairline);margin:0}
.bz-divider--soft{border-block-start:var(--hairline-soft)}
.bz-divider--inset{margin-inline:var(--row-gutter)}
.bz-divider--gap{margin-block:var(--sp-5)}
/* ---------- Card surface ---------- */
.bz-card{background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md)}
.bz-card--flush{border-inline:0;border-radius:0}
.bz-card__body{padding:var(--sp-4)}
/* A flush stack of hairline-separated rows. */
.bz-rows{background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md);overflow:hidden}
.bz-rows>*+*{border-block-start:var(--hairline)}
.bz-rows--flush{border-inline:0;border-radius:0}
/* ---------- Safety notice ---------- */
/* Standing advice, not an alert: it appears on every ad, and a red banner seen
   every day stops being read. Paper-toned, hairline, motif rule on top. */
.bz-safety{overflow:hidden;border:var(--hairline);border-radius:var(--radius-md);background:var(--surface-sunken)}
.bz-safety--flush{border-inline:0;border-radius:0}
.bz-safety__body{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4)}
.bz-safety__icon{flex:none;margin-block-start:2px;color:var(--lapis-700)}
.bz-safety__title{display:block;margin-block-end:var(--sp-1);font:var(--type-body-sm);font-weight:var(--fw-bold);color:var(--text-primary)}
.bz-safety__text{font:var(--type-body-sm);color:var(--text-secondary)}
/* ---------- Desktop two-column shells ---------- */
.bz-cols{display:grid;gap:var(--sp-4)}
@media (min-width:1024px){
.bz-cols--detail{grid-template-columns:minmax(0,1fr) 336px;gap:var(--sp-6);align-items:start}
.bz-cols--browse{grid-template-columns:264px minmax(0,1fr);gap:var(--sp-6);align-items:start}
.bz-cols--account{grid-template-columns:240px minmax(0,1fr);gap:var(--sp-6);align-items:start}
.bz-cols--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bz-cols--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.bz-sticky-side{position:sticky;top:calc(var(--header-h) + var(--sp-4))}
/* ---------- Responsive visibility ---------- */
.bz-only-mobile{display:block}
.bz-only-desktop{display:none}
@media (min-width:1024px){.bz-only-mobile{display:none}.bz-only-desktop{display:block}}
/* ==== components/navigation/navigation.css ==== */
/* ---------- Header ---------- */
.bz-header{position:sticky;top:0;z-index:var(--z-header);background:var(--surface-card);border-block-end:var(--hairline)}
.bz-header__bar{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--header-h);width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-3)}
.bz-header__actions{display:flex;align-items:center;gap:var(--sp-1);margin-inline-start:auto}
.bz-header__link{display:none;align-items:center;gap:var(--sp-2);min-height:var(--touch-min);padding-inline:var(--sp-3);border-radius:var(--radius-sm);color:var(--text-secondary);font:var(--type-body-sm);font-weight:var(--fw-medium);text-decoration:none;transition:background-color var(--motion-hover),color var(--motion-hover)}
.bz-header__post{display:none}
.bz-header__search{display:none;flex:1;max-width:520px;margin-inline:var(--sp-4)}
@media (hover:hover) and (min-width:1024px){.bz-header__link:hover{background:var(--surface-sunken);color:var(--text-primary);text-decoration:none}}
@media (min-width:1024px){
.bz-header__bar{padding-inline:var(--sp-6);gap:var(--sp-3)}
.bz-header__link,.bz-header__post{display:inline-flex}
.bz-header__search{display:block}
.bz-header__actions{gap:var(--sp-2)}
.bz-header__actions .bz-iconbtn{display:none}
}
/* ---------- BackBar (inner-page title bar) ---------- */
.bz-backbar{position:sticky;top:0;z-index:var(--z-header);background:var(--surface-card);border-block-end:var(--hairline)}
.bz-backbar__bar{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--header-h);width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-2)}
.bz-backbar__title{font:var(--type-subtitle);font-weight:var(--fw-bold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.bz-backbar__actions{display:flex;align-items:center;gap:var(--sp-1);margin-inline-start:auto}
/* ---------- BottomNav (mobile, 5 tabs) ---------- */
.bz-bottomnav{position:sticky;bottom:0;z-index:var(--z-bottomnav);display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface-card);box-shadow:var(--shadow-overlay);padding-bottom:env(safe-area-inset-bottom)}
.bz-bottomnav__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--bottomnav-h);padding:var(--sp-1) 2px;color:var(--text-muted);font:var(--type-caption);text-decoration:none;text-align:center}
.bz-bottomnav__item[aria-current]{color:var(--text-link)}
.bz-bottomnav__item[aria-current]::before{content:"";position:absolute;top:0;inset-inline:25%;height:2px;background:var(--lapis-700)}
.bz-bottomnav__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* The "Post an ad" tab is the product's one job. It stays lapis in every state. */
.bz-bottomnav__item--primary{color:var(--text-link);font-weight:var(--fw-medium)}
@media (min-width:1024px){.bz-bottomnav{display:none}}
/* ---------- UnreadBadge ---------- */
.bz-unread{display:inline-grid;place-items:center;min-width:20px;height:20px;padding-inline:6px;border-radius:var(--radius-pill);background:var(--lapis-700);color:#fff;font:var(--fw-bold) var(--fs-caption)/1 var(--font-num);font-variant-numeric:tabular-nums}
.bz-unread--pin{position:absolute;top:var(--sp-1);inset-inline-end:6px;border:2px solid var(--surface-card)}
.bz-unread--muted{background:var(--ink-muted)}
/* ---------- Breadcrumb (desktop) ---------- */
.bz-crumbs{display:none;align-items:center;flex-wrap:wrap;gap:var(--sp-1);padding-block:var(--sp-3);font:var(--type-body-sm);color:var(--text-muted)}
.bz-crumbs__sep{color:var(--line-200);flex:none}
.bz-crumbs__item{color:var(--text-link)}
.bz-crumbs__item[aria-current]{color:var(--text-muted)}
@media (min-width:1024px){.bz-crumbs{display:flex}}
/* ---------- TabBar (in-page tabs) ---------- */
.bz-tabs{display:flex;gap:var(--sp-4);border-block-end:var(--hairline);overflow-x:auto;scrollbar-width:none}
.bz-tabs::-webkit-scrollbar{display:none}
.bz-tab{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--touch-min);padding-inline:var(--sp-1);border:0;border-block-end:2px solid transparent;background:none;color:var(--text-muted);font:var(--type-body);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap;margin-block-end:-1px;transition:color var(--motion-hover),border-color var(--motion-hover)}
.bz-tab[aria-selected="true"]{color:var(--text-link);border-block-end-color:var(--lapis-700)}
@media (hover:hover) and (min-width:1024px){.bz-tab:hover{color:var(--text-primary)}}
/* ---------- Pagination ---------- */
/* Real URLs on every page link — a classifieds site lives on its indexed
   result pages, so infinite scroll is not an option. */
.bz-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--sp-1);padding-block:var(--sp-5)}
.bz-pager__item{display:inline-grid;place-items:center;min-width:var(--touch-min);min-height:var(--touch-min);padding-inline:var(--sp-2);border:var(--hairline);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-secondary);font:var(--type-body-sm);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;text-decoration:none;transition:border-color var(--motion-hover),color var(--motion-hover)}
.bz-pager__item[aria-current="page"]{background:var(--surface-brand);border-color:var(--surface-brand);color:#fff}
.bz-pager__item[aria-disabled="true"]{opacity:.45;pointer-events:none}
@media (hover:hover) and (min-width:1024px){.bz-pager__item:hover{border-color:var(--lapis-700);color:var(--text-link);text-decoration:none}}
.bz-pager__gap{display:inline-grid;place-items:center;min-width:24px;color:var(--text-muted)}
.bz-morebtn{width:100%;margin-block-start:var(--sp-3)}
/* ---------- Category picker rows (posting tree) ---------- */
.bz-catgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
@media (min-width:768px){.bz-catgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.bz-catgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bz-cattile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);min-height:96px;padding:var(--sp-3);background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md);color:var(--text-primary);font:var(--type-body-sm);font-weight:var(--fw-medium);text-align:center;text-decoration:none;transition:border-color var(--motion-hover),background-color var(--motion-hover)}
.bz-cattile__icon{color:var(--lapis-700)}
@media (hover:hover) and (min-width:1024px){.bz-cattile:hover{border-color:var(--lapis-700);background:var(--surface-brand-softest);text-decoration:none;color:var(--text-primary)}}
/* ==== components/search/search.css ==== */
/* ---------- SearchBar with province selector ---------- */
.bz-searchbar{display:flex;align-items:stretch;min-height:var(--touch-min);background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md);overflow:hidden}
.bz-searchbar:focus-within{border-color:var(--line-brand);outline:1px solid var(--line-brand)}
.bz-searchbar__province{display:inline-flex;align-items:center;gap:var(--sp-2);flex:none;max-width:45%;padding-inline:var(--sp-3);border:0;border-inline-end:var(--hairline);background:var(--surface-card);color:var(--text-secondary);font:var(--type-body-sm);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap;overflow:hidden;transition:background-color var(--motion-hover)}
.bz-searchbar__province>span{overflow:hidden;text-overflow:ellipsis}
@media (hover:hover) and (min-width:1024px){.bz-searchbar__province:hover{background:var(--surface-sunken);color:var(--text-primary)}}
.bz-searchbar__input{flex:1;min-width:0;border:0;background:none;padding-inline:var(--sp-3);color:var(--text-primary);font:var(--type-body)}
.bz-searchbar__input::placeholder{color:var(--text-muted)}
.bz-searchbar__input:focus{outline:0}
.bz-searchbar__submit{display:grid;place-items:center;flex:none;width:var(--touch-min);border:0;background:var(--surface-brand);color:#fff;cursor:pointer;transition:background-color var(--motion-hover)}
@media (hover:hover) and (min-width:1024px){.bz-searchbar__submit:hover{background:var(--surface-brand-hover)}}
@media (min-width:768px){.bz-searchbar__submit{display:inline-flex;align-items:center;gap:var(--sp-2);width:auto;padding-inline:var(--sp-5);font:var(--type-button)}}
/* ---------- CategoryChips (horizontal scroll) ---------- */
/* Bleeds past the page gutter so a half-cut chip signals there is more to
   scroll — no arrows, no scrollbar, no JS. */
.bz-chips{display:flex;gap:var(--sp-2);overflow-x:auto;padding:var(--sp-1) var(--page-gutter);margin-inline:calc(var(--page-gutter) * -1);scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.bz-chips::-webkit-scrollbar{display:none}
.bz-chips--wrap{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}
.bz-chip{display:inline-flex;align-items:center;gap:var(--sp-2);flex:none;min-height:var(--touch-min);padding-inline:var(--sp-4);border:var(--hairline);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--text-secondary);font:var(--type-body-sm);font-weight:var(--fw-medium);text-decoration:none;white-space:nowrap;scroll-snap-align:start;cursor:pointer;transition:border-color var(--motion-hover),color var(--motion-hover),background-color var(--motion-hover)}
.bz-chip[aria-selected="true"],.bz-chip--on{background:var(--surface-brand);border-color:var(--surface-brand);color:#fff}
@media (hover:hover) and (min-width:1024px){
.bz-chip:hover{border-color:var(--lapis-700);color:var(--text-link);text-decoration:none}
.bz-chip[aria-selected="true"]:hover,.bz-chip--on:hover{background:var(--surface-brand-hover);color:#fff}
}
/* ---------- FilterChip (active filter, removable) ---------- */
.bz-filterchips{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center}
.bz-filterchip{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--touch-min);padding-inline:var(--sp-3);border:1px solid var(--lapis-700);border-radius:var(--radius-pill);background:var(--surface-brand-soft);color:var(--lapis-800);font:var(--type-body-sm);font-weight:var(--fw-medium);white-space:nowrap}
.bz-filterchip__remove{display:grid;place-items:center;width:32px;height:32px;margin-inline-end:calc(var(--sp-2) * -1);border:0;border-radius:var(--radius-pill);background:none;color:inherit;cursor:pointer}
.bz-filterchip__remove:active{background:rgba(22,59,120,.12)}
.bz-filterchip--clear{background:none;border-color:var(--line-200);color:var(--text-link)}
/* ---------- SortControl ---------- */
.bz-sortbar{display:flex;align-items:center;gap:var(--sp-2);padding-block:var(--sp-2)}
.bz-sortbtn{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--touch-min);padding-inline:var(--sp-3);border:var(--hairline);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-secondary);font:var(--type-body-sm);font-weight:var(--fw-medium);cursor:pointer;white-space:nowrap;transition:border-color var(--motion-hover),color var(--motion-hover)}
.bz-sortbtn--on{border-color:var(--lapis-700);color:var(--text-link);background:var(--surface-brand-softest)}
.bz-sortbtn__count{color:var(--text-muted);font-weight:var(--fw-regular);font-variant-numeric:tabular-nums}
@media (hover:hover) and (min-width:1024px){.bz-sortbtn:hover{border-color:var(--lapis-700);color:var(--text-link)}}
.bz-resultcount{font:var(--type-body-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;margin-inline-start:auto;white-space:nowrap}
/* ---------- FilterPanel (desktop) / FilterSheet body (mobile) ---------- */
.bz-filterpanel{background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md);overflow:hidden}
.bz-filtergroup{padding:var(--sp-4);border-block-end:var(--hairline)}
.bz-filtergroup:last-child{border-block-end:0}
.bz-filtergroup__title{font:var(--type-body);font-weight:var(--fw-medium);color:var(--text-primary);margin-block-end:var(--sp-3)}
.bz-rangepair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-2)}
.bz-rangepair__dash{color:var(--text-muted)}
/* ---------- SearchSuggestions & recent searches ---------- */
.bz-suggest{background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md);overflow:hidden}
.bz-suggest__head{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-3) var(--row-gutter);border-block-end:var(--hairline);font:var(--type-body-sm);font-weight:var(--fw-medium);color:var(--text-muted)}
.bz-suggest__clear{margin-inline-start:auto;font:var(--type-body-sm);color:var(--text-link);background:none;border:0;cursor:pointer;padding:0}
.bz-suggest__item{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--touch-min);padding:var(--sp-2) var(--row-gutter);color:var(--text-primary);font:var(--type-body);text-decoration:none;cursor:pointer;background:none;border:0;width:100%;text-align:start;transition:background-color var(--motion-hover)}
.bz-suggest__item+.bz-suggest__item{border-block-start:var(--hairline-soft)}
.bz-suggest__item:active{background:var(--surface-brand-softest)}
@media (hover:hover) and (min-width:1024px){.bz-suggest__item:hover{background:var(--surface-brand-softest);text-decoration:none}}
.bz-suggest__icon{flex:none;color:var(--text-muted)}
.bz-suggest__in{font-weight:var(--fw-regular);color:var(--text-muted)}
.bz-suggest__remove{margin-inline-start:auto;flex:none}
/* ---------- Province & city picker ---------- */
.bz-picker{display:flex;flex-direction:column;min-height:0}
.bz-picker__search{padding:var(--sp-3) var(--row-gutter);border-block-end:var(--hairline);background:var(--surface-card);position:sticky;top:0}
.bz-picker__list{overflow-y:auto;background:var(--surface-card)}
.bz-picker__group{padding:var(--sp-2) var(--row-gutter);background:var(--surface-sunken);font:var(--type-caption);font-weight:var(--fw-medium);color:var(--text-muted);position:sticky;top:0}
/* ==== components/rows/rows.css ==== */
/* The row family is the backbone of the UI: the ad page, the forms and the
   account screens are assembled from these rather than from one-off layouts.
   Shared anatomy — 64px minimum height, 16px inline padding, hairline between
   siblings (supplied by .bz-rows). */
.bz-rw{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--row-min-h);padding:var(--sp-3) var(--row-gutter);background:var(--surface-card);color:var(--text-primary);font:var(--type-body);text-decoration:none;width:100%;text-align:start;border:0}
.bz-rw__icon{flex:none;color:var(--text-muted)}
.bz-rw__label{min-width:0}
.bz-rw__value{margin-inline-start:auto;color:var(--text-secondary);font-weight:var(--fw-medium);text-align:end;font-variant-numeric:tabular-nums}
.bz-rw__chevron{flex:none;margin-inline-start:auto;color:var(--text-muted)}
.bz-rw__value+.bz-rw__chevron{margin-inline-start:var(--sp-2)}
.bz-rw__sub{display:block;font:var(--type-caption);color:var(--text-muted)}
.bz-rw--tappable{cursor:pointer;transition:background-color var(--motion-hover)}
.bz-rw--tappable:active{background:var(--surface-brand-softest)}
@media (hover:hover) and (min-width:1024px){.bz-rw--tappable:hover{background:var(--surface-brand-softest);text-decoration:none;color:var(--text-primary)}}
.bz-rw--danger{color:var(--danger)}
.bz-rw--danger .bz-rw__icon{color:var(--danger)}
/* ---------- TitleRow ---------- */
.bz-rw--title{align-items:baseline;font:var(--type-subtitle);color:var(--text-primary);min-height:var(--sp-12)}
.bz-rw--title .bz-rw__action{margin-inline-start:auto;font:var(--type-body-sm);font-weight:var(--fw-medium);color:var(--text-link)}
/* ---------- InfoRow ---------- */
.bz-rw--info .bz-rw__label{color:var(--text-muted)}
/* ---------- FeatureRow ---------- */
.bz-rw--feature .bz-rw__icon{color:var(--lapis-700)}
/* ---------- ControlRow ---------- */
.bz-rw--control{cursor:pointer}
.bz-rw--control .bz-rw__control{margin-inline-start:auto;flex:none}
/* ---------- AccordionRow ---------- */
.bz-acc{background:var(--surface-card)}
.bz-acc__summary{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--row-min-h);padding:var(--sp-3) var(--row-gutter);font:var(--type-body);font-weight:var(--fw-medium);color:var(--text-primary);cursor:pointer;list-style:none}
.bz-acc__summary::-webkit-details-marker{display:none}
.bz-acc__summary .bz-i{margin-inline-start:auto;color:var(--text-muted);flex:none}
.bz-acc[open] .bz-acc__summary .bz-i{transform:rotate(180deg)}
.bz-acc__body{padding:0 var(--row-gutter) var(--sp-4);font:var(--type-body);color:var(--text-secondary)}
/* ---------- AdRow ---------- */
/* Title clamps at exactly two lines; city, time and price never drop. */
.bz-adrow{display:grid;grid-template-columns:var(--thumb) minmax(0,1fr);gap:var(--sp-3);padding:var(--sp-3) var(--row-gutter);background:var(--surface-card);color:inherit;text-decoration:none;transition:background-color var(--motion-hover)}
.bz-adrow:active{background:var(--surface-brand-softest)}
@media (hover:hover) and (min-width:1024px){.bz-adrow:hover{background:var(--surface-brand-softest);text-decoration:none;color:inherit}}
.bz-adrow__body{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}
.bz-adrow__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:var(--type-subtitle);color:var(--text-primary)}
.bz-adrow__foot{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);margin-block-start:auto;padding-block-start:var(--sp-1)}
.bz-adrow__foot .bz-price{margin-inline-start:auto}
@media (min-width:768px){
.bz-adrow{grid-template-columns:var(--thumb) minmax(0,1fr) auto;align-items:center;gap:var(--sp-4);padding:var(--sp-4)}
.bz-adrow__foot{margin-block-start:0;padding-block-start:0}
.bz-adrow__foot .bz-price{margin-inline-start:0}
}
/* ---------- ChatRow ---------- */
.bz-chatrow{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);min-height:var(--row-min-h);padding:var(--sp-3) var(--row-gutter);background:var(--surface-card);color:inherit;text-decoration:none;transition:background-color var(--motion-hover)}
.bz-chatrow:active{background:var(--surface-brand-softest)}
@media (hover:hover) and (min-width:1024px){.bz-chatrow:hover{background:var(--surface-brand-softest);text-decoration:none;color:inherit}}
.bz-chatrow__avatar{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-pill);background:var(--surface-brand-soft);color:var(--lapis-800);font:var(--fw-bold) var(--fs-subtitle)/1 var(--font-ui)}
.bz-chatrow__body{display:flex;flex-direction:column;min-width:0}
.bz-chatrow__top{display:flex;align-items:baseline;gap:var(--sp-2);min-width:0}
.bz-chatrow__name{font:var(--type-subtitle);font-weight:var(--fw-bold);color:var(--text-primary);white-space:nowrap}
.bz-chatrow__ad{font:var(--type-caption);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bz-chatrow__last{font:var(--type-body-sm);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bz-chatrow--unread .bz-chatrow__last{color:var(--text-primary);font-weight:var(--fw-medium)}
.bz-chatrow__side{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1);font:var(--type-caption);color:var(--text-muted);white-space:nowrap}
/* ---------- SelectorRow (form pickers) ---------- */
.bz-rw--selector .bz-rw__value{color:var(--text-primary)}
.bz-rw--selector .bz-rw__value:empty::before{content:attr(data-placeholder);color:var(--text-muted);font-weight:var(--fw-regular)}
/* ==== components/ads/ads.css ==== */
/* ---------- AdThumbnail ---------- */
.bz-thumb{position:relative;display:grid;place-items:center;width:var(--thumb);height:var(--thumb);border:var(--hairline);border-radius:var(--radius-sm);background:var(--surface-placeholder);color:var(--text-muted);overflow:hidden;flex:none}
.bz-thumb>img{width:100%;height:100%;object-fit:cover}
.bz-thumb--sm{width:48px;height:48px}
.bz-thumb--lg{width:112px;height:112px}
.bz-thumb--fill{width:100%;height:auto;aspect-ratio:1}
.bz-thumb__count{position:absolute;bottom:var(--sp-1);inset-inline-end:var(--sp-1);display:inline-flex;align-items:center;gap:2px;padding:0 5px;border-radius:var(--radius-sm);background:var(--surface-scrim);color:#fff;font:var(--fw-medium) var(--fs-caption)/1.6 var(--font-num);font-variant-numeric:tabular-nums}
.bz-thumb__nophoto{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-muted);font:var(--type-caption);text-align:center;padding:var(--sp-1)}
/* ---------- PriceDisplay ---------- */
.bz-price{display:inline-flex;align-items:baseline;gap:var(--sp-1);font:var(--type-subtitle);font-weight:var(--fw-bold);color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}
.bz-price--lg{font:var(--type-title)}
.bz-price--sm{font:var(--fw-bold) var(--fs-body)/var(--lh-subtitle) var(--font-num)}
.bz-price__unit{font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--text-secondary)}
.bz-price__per{font-size:var(--fs-caption);font-weight:var(--fw-regular);color:var(--text-muted)}
/* توافقی is not a number: it drops to text weight so it never out-shouts a
   real price in a column of prices. */
.bz-price--negotiable{font:var(--type-subtitle);color:var(--text-secondary)}
.bz-price--negotiable.bz-price--lg{font:var(--fw-bold) var(--fs-subtitle)/var(--lh-subtitle) var(--font-ui);color:var(--text-primary)}
/* ---------- StatusBadge ---------- */
/* Colour is never the only carrier: the word is always present, and each state
   also has its own icon. */
.bz-badge{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:24px;padding:2px var(--sp-2);border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface-sunken);color:var(--text-secondary);font:var(--type-caption);font-weight:var(--fw-medium);white-space:nowrap}
.bz-badge--pending{background:var(--status-pending-bg);color:var(--status-pending-fg);border-color:var(--status-pending-fg)}
.bz-badge--active{background:var(--status-active-bg);color:var(--status-active-fg);border-color:var(--status-active-fg)}
.bz-badge--expired{background:var(--status-expired-bg);color:var(--status-expired-fg);border-color:var(--line-200)}
.bz-badge--rejected{background:var(--status-rejected-bg);color:var(--status-rejected-fg);border-color:var(--status-rejected-fg)}
.bz-badge--brand{background:var(--surface-brand-soft);color:var(--lapis-800);border-color:var(--lapis-700)}
/* ---------- MetaLine ---------- */
.bz-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);font:var(--type-body-sm);color:var(--text-muted)}
.bz-meta--caption{font:var(--type-caption)}
.bz-meta__item{display:inline-flex;align-items:center;gap:var(--sp-1)}
.bz-meta__dot{width:3px;height:3px;border-radius:50%;background:var(--line-200);flex:none}
/* ---------- AdCard (grid variant, image-led categories) ---------- */
.bz-adgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
@media (min-width:768px){.bz-adgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4)}}
@media (min-width:1280px){.bz-adgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bz-adcard{display:flex;flex-direction:column;background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md);overflow:hidden;color:inherit;text-decoration:none;transition:border-color var(--motion-hover)}
@media (hover:hover) and (min-width:1024px){.bz-adcard:hover{border-color:var(--lapis-700);text-decoration:none;color:inherit}}
.bz-adcard__media{position:relative;aspect-ratio:1;background:var(--surface-placeholder);display:grid;place-items:center;color:var(--text-muted)}
.bz-adcard__media>img{width:100%;height:100%;object-fit:cover}
.bz-adcard__body{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3);flex:1}
.bz-adcard__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:var(--type-body);font-weight:var(--fw-medium);color:var(--text-primary)}
.bz-adcard__foot{margin-block-start:auto;padding-block-start:var(--sp-2)}
/* ---------- Gallery (JS-free: scroll-snap) ---------- */
.bz-gallery{position:relative;background:var(--surface-placeholder)}
.bz-gallery__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bz-gallery__track::-webkit-scrollbar{display:none}
.bz-gallery__slide{flex:none;width:100%;aspect-ratio:4/3;display:grid;place-items:center;scroll-snap-align:center;background:var(--surface-placeholder);color:var(--text-muted);border-inline-end:2px solid var(--surface)}
.bz-gallery__slide>img{width:100%;height:100%;object-fit:cover}
.bz-gallery__count{position:absolute;bottom:var(--sp-3);inset-inline-end:var(--sp-3);padding:2px var(--sp-2);border-radius:var(--radius-sm);background:var(--surface-scrim);color:#fff;font:var(--type-caption);font-variant-numeric:tabular-nums}
.bz-gallery__thumbs{display:none}
@media (min-width:1024px){
.bz-gallery{border:var(--hairline);border-radius:var(--radius-md);overflow:hidden}
.bz-gallery__slide{max-height:440px}
.bz-gallery__thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;background:var(--surface)}
.bz-gallery__thumb{aspect-ratio:4/3;display:grid;place-items:center;background:var(--surface-placeholder);color:var(--text-muted);cursor:pointer;border:0;padding:0}
.bz-gallery__thumb--on{outline:2px solid var(--lapis-700);outline-offset:-2px}
}
/* ---------- AttributeGrid ---------- */
.bz-attrgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md);overflow:hidden}
@media (min-width:768px){.bz-attrgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bz-attrgrid__cell{display:flex;flex-direction:column;gap:2px;padding:var(--sp-3) var(--sp-4);border-block-start:var(--hairline);border-inline-start:var(--hairline)}
.bz-attrgrid__cell:nth-child(1),.bz-attrgrid__cell:nth-child(2){border-block-start:0}
@media (min-width:768px){.bz-attrgrid__cell:nth-child(3){border-block-start:0}}
.bz-attrgrid__cell:nth-child(2n+1){border-inline-start:0}
@media (min-width:768px){.bz-attrgrid__cell:nth-child(2n+1){border-inline-start:var(--hairline)}.bz-attrgrid__cell:nth-child(3n+1){border-inline-start:0}}
.bz-attrgrid__key{font:var(--type-caption);color:var(--text-muted)}
.bz-attrgrid__val{font:var(--type-body);font-weight:var(--fw-medium);color:var(--text-primary);font-variant-numeric:tabular-nums}
/* ---------- Ad detail head ---------- */
.bz-adhead{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--surface-card)}
.bz-adhead__title{font:var(--type-title)}
.bz-adhead__price{padding-block-start:var(--sp-1)}
.bz-description{font:var(--type-body);color:var(--text-secondary);white-space:pre-line}
/* ---------- Owner status bar ---------- */
.bz-ownerbar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-3) var(--row-gutter);background:var(--surface-brand-soft);border-block-end:var(--hairline)}
.bz-ownerbar__text{display:flex;align-items:center;gap:var(--sp-2);font:var(--type-body-sm);font-weight:var(--fw-medium);color:var(--lapis-900)}
.bz-ownerbar__actions{display:flex;align-items:center;gap:var(--sp-2);margin-inline-start:auto}
/* ==== components/actions/actions.css ==== */
/* ---------- Button ---------- */
.bz-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--btn-h-lg);padding-inline:var(--sp-5);border:1px solid transparent;border-radius:var(--radius-md);font:var(--type-button);text-decoration:none;cursor:pointer;background:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--motion-hover),color var(--motion-hover),border-color var(--motion-hover)}
.bz-btn:hover{text-decoration:none}
.bz-btn--primary{background:var(--surface-brand);color:var(--text-on-brand)}
.bz-btn--primary:active{background:var(--surface-brand-pressed)}
.bz-btn--secondary{background:var(--surface-card);color:var(--text-link);border-color:var(--line-brand)}
.bz-btn--secondary:active{background:var(--surface-brand-soft);color:var(--lapis-800)}
.bz-btn--neutral{background:var(--surface-card);color:var(--text-primary);border-color:var(--line-200)}
.bz-btn--neutral:active{background:var(--surface-sunken)}
.bz-btn--danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}
.bz-btn--danger:active{background:#F9E0D8}
.bz-btn--link{min-height:var(--touch-min);padding-inline:var(--sp-1);color:var(--text-link);font-weight:var(--fw-medium)}
.bz-btn--link:active{color:var(--text-link-active)}
.bz-btn--md{min-height:var(--btn-h-md);padding-inline:var(--sp-4);font-size:var(--fs-body-sm)}
.bz-btn--block{width:100%}
.bz-btn[disabled],.bz-btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
/* Hover is desktop only: a finger has no hover, and a sticky :hover state after
   a tap on Android reads as a stuck button. */
@media (hover:hover) and (min-width:1024px){
.bz-btn--primary:hover{background:var(--surface-brand-hover);color:var(--text-on-brand)}
.bz-btn--secondary:hover{background:var(--surface-brand-softest);color:var(--text-link-hover);border-color:var(--lapis-600)}
.bz-btn--neutral:hover{background:var(--surface-sunken);color:var(--text-primary)}
.bz-btn--danger:hover{background:#F9E0D8;color:var(--danger)}
.bz-btn--link:hover{color:var(--text-link-hover);text-decoration:underline}
}
/* ---------- IconButton ---------- */
/* Allowed only for secondary actions — never on a primary path, where every
   action carries a text label. */
.bz-iconbtn{position:relative;display:inline-grid;place-items:center;width:var(--touch-min);height:var(--touch-min);border:0;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:background-color var(--motion-hover),color var(--motion-hover)}
.bz-iconbtn--on-brand{color:#fff}
@media (hover:hover) and (min-width:1024px){
.bz-iconbtn:hover{background:var(--surface-sunken);color:var(--text-primary)}
.bz-iconbtn--on-brand:hover{background:rgba(255,255,255,.14);color:#fff}
}
.bz-iconbtn:active{background:var(--surface-sunken)}
/* ---------- StickyActionBar ---------- */
/* The bottom-anchored action bar on the ad page. Sits above the bottom nav,
   which it replaces on that screen: two competing bottom bars is one too many. */
.bz-actionbar{position:sticky;bottom:0;z-index:var(--z-sticky-action);display:grid;gap:var(--sp-2);padding:var(--sp-3) var(--page-gutter);padding-bottom:max(var(--sp-3),env(safe-area-inset-bottom));background:var(--surface-card);box-shadow:var(--shadow-overlay)}
.bz-actionbar--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bz-actionbar--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bz-actionbar__wide{grid-column:1/-1}
@media (min-width:1024px){.bz-actionbar{position:static;padding:0;background:none;box-shadow:none}}
/* ---------- Contact action block (desktop side column) ---------- */
.bz-contact{display:grid;gap:var(--sp-2);padding:var(--sp-4)}
.bz-contact__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2)}
.bz-contact__links{display:flex;align-items:center;gap:var(--sp-5);padding-block-start:var(--sp-1)}
.bz-textaction{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--touch-min);color:var(--text-link);font:var(--type-body-sm);font-weight:var(--fw-medium);background:none;border:0;padding:0;cursor:pointer;text-decoration:none;transition:color var(--motion-hover)}
.bz-textaction--on{color:var(--success)}
.bz-textaction--muted{color:var(--text-muted)}
@media (hover:hover) and (min-width:1024px){
.bz-textaction:hover{color:var(--text-link-hover);text-decoration:underline}
.bz-textaction--muted:hover{color:var(--danger)}
}
/* ==== components/forms/forms.css ==== */
/* ---------- Field shell ---------- */
/* Every field has a real <label> above the control. A placeholder is never the
   only label — it vanishes on focus and is unreadable in bright sun. */
.bz-field{display:flex;flex-direction:column;gap:var(--sp-2)}
.bz-label{display:flex;align-items:baseline;gap:var(--sp-2);font:var(--type-body-sm);font-weight:var(--fw-medium);color:var(--text-primary)}
.bz-label__optional{font-weight:var(--fw-regular);color:var(--text-muted);font:var(--type-caption)}
.bz-input,.bz-textarea,.bz-select{width:100%;min-height:var(--touch-min);padding:var(--sp-3) var(--sp-4);border:var(--hairline);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);font:var(--type-body)}
.bz-input::placeholder,.bz-textarea::placeholder{color:var(--text-muted)}
.bz-input:focus,.bz-textarea:focus,.bz-select:focus{border-color:var(--line-brand);outline:var(--focus-outline);outline-offset:var(--focus-offset)}
.bz-textarea{min-height:128px;resize:vertical}
.bz-input--lg{min-height:56px}
.bz-field__hint{font:var(--type-caption);color:var(--text-muted)}
.bz-field--invalid .bz-input,.bz-field--invalid .bz-textarea,.bz-field--invalid .bz-select,.bz-field--invalid .bz-phone,.bz-field--invalid .bz-code__input{border-color:var(--danger)}
.bz-input[disabled],.bz-select[disabled],.bz-textarea[disabled]{background:var(--surface-sunken);opacity:1;color:var(--text-muted)}
/* ---------- FieldError ---------- */
/* Says what happened, then what to do — never "Validation error". */
.bz-fielderror{display:flex;align-items:flex-start;gap:var(--sp-1);font:var(--type-caption);font-weight:var(--fw-medium);color:var(--danger)}
.bz-fielderror .bz-i{flex:none;margin-block-start:2px}
/* ---------- CharacterCounter ---------- */
.bz-counter{margin-inline-start:auto;font:var(--type-caption);color:var(--text-muted);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.bz-counter--over{color:var(--danger);font-weight:var(--fw-medium)}
/* ---------- FormSection ---------- */
.bz-formsection{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md)}
.bz-formsection--flush{border-inline:0;border-radius:0}
.bz-formsection__head{display:flex;flex-direction:column;gap:var(--sp-1)}
.bz-formsection__title{font:var(--type-subtitle);color:var(--text-primary)}
.bz-formsection__desc{font:var(--type-body-sm);color:var(--text-muted)}
/* ---------- Select ---------- */
.bz-selectwrap{position:relative;display:block}
.bz-select{appearance:none;-webkit-appearance:none;padding-inline-end:var(--sp-10);cursor:pointer}
.bz-selectwrap>.bz-i{position:absolute;inset-inline-end:var(--sp-3);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}
/* ---------- PhoneField ---------- */
/* The whole field runs LTR even on an RTL page: a number is written
   +93 70 012 3456 in every language, so the prefix sits against the digits. */
.bz-phone{display:flex;align-items:stretch;min-height:56px;border:var(--hairline);border-radius:var(--radius-md);background:var(--surface-card);overflow:hidden;direction:ltr}
.bz-phone:focus-within{border-color:var(--line-brand);outline:var(--focus-outline);outline-offset:var(--focus-offset)}
.bz-phone__prefix{display:grid;place-items:center;padding-inline:var(--sp-4);border-inline-end:var(--hairline);background:var(--surface-sunken);color:var(--text-secondary);font:var(--fw-medium) var(--fs-body)/1 var(--font-num);flex:none}
.bz-phone__input{flex:1;min-width:0;border:0;background:none;padding-inline:var(--sp-4);color:var(--text-primary);font:var(--fw-medium) var(--fs-subtitle)/1 var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:start}
.bz-phone__input:focus{outline:0}
/* ---------- CodeField ---------- */
/* One input with wide tracking, not six boxes: six boxes need JavaScript to
   move focus and they break paste from an SMS. */
.bz-code{display:flex;justify-content:center}
.bz-code__input{width:100%;max-width:300px;min-height:56px;border:var(--hairline);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);font:var(--fw-bold) var(--fs-h2)/1 var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.32em;text-indent:.32em;text-align:center;direction:ltr;padding-block:var(--sp-3)}
.bz-code__input:focus{border-color:var(--line-brand);outline:var(--focus-outline);outline-offset:var(--focus-offset)}
.bz-code__input::placeholder{color:var(--line-200)}
/* ---------- PriceField ---------- */
.bz-pricefield{display:flex;align-items:stretch;min-height:var(--touch-min);border:var(--hairline);border-radius:var(--radius-md);background:var(--surface-card);overflow:hidden}
.bz-pricefield:focus-within{border-color:var(--line-brand);outline:var(--focus-outline);outline-offset:var(--focus-offset)}
.bz-pricefield__input{flex:1;min-width:0;border:0;background:none;padding-inline:var(--sp-4);color:var(--text-primary);font:var(--fw-medium) var(--fs-subtitle)/1 var(--font-num);font-variant-numeric:tabular-nums}
.bz-pricefield__input:focus{outline:0}
.bz-pricefield__unit{display:grid;place-items:center;flex:none;padding-inline:var(--sp-4);border-inline-start:var(--hairline);background:var(--surface-sunken);color:var(--text-secondary);font:var(--type-body-sm);font-weight:var(--fw-medium)}
/* ---------- Checkbox & Radio ---------- */
.bz-check{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--touch-min);font:var(--type-body);color:var(--text-primary);cursor:pointer}
.bz-check__box{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:0;border:2px solid var(--line-200);border-radius:var(--radius-sm);background:var(--surface-card);cursor:pointer;position:relative}
.bz-check__box[type="radio"]{border-radius:var(--radius-pill)}
.bz-check__box:checked{background:var(--surface-brand);border-color:var(--surface-brand)}
.bz-check__box[type="checkbox"]:checked::after{content:"";position:absolute;inset:2px;background-color:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M20%206%209%2017l-5-5%22%20/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M20%206%209%2017l-5-5%22%20/%3E%3C/svg%3E") center/contain no-repeat}
.bz-check__box[type="radio"]:checked::after{content:"";position:absolute;inset:4px;border-radius:var(--radius-pill);background:#fff}
.bz-check__note{font:var(--type-caption);color:var(--text-muted)}
/* ---------- Switch ---------- */
.bz-switch{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:48px;height:28px;margin:0;border:0;border-radius:var(--radius-pill);background:var(--line-200);cursor:pointer}
.bz-switch::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:24px;height:24px;border-radius:var(--radius-pill);background:#fff}
.bz-switch:checked{background:var(--surface-brand)}
.bz-switch:checked::after{inset-inline-start:22px}
/* ---------- Radio choice list ---------- */
.bz-choice{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--row-min-h);padding:var(--sp-3) var(--row-gutter);background:var(--surface-card);font:var(--type-body);color:var(--text-primary);cursor:pointer;transition:background-color var(--motion-hover)}
.bz-choice--on{background:var(--surface-brand-softest)}
@media (hover:hover) and (min-width:1024px){.bz-choice:hover{background:var(--surface-brand-softest)}}
/* ---------- PhotoUploader ---------- */
.bz-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}
@media (min-width:768px){.bz-photos{grid-template-columns:repeat(6,minmax(0,1fr))}}
.bz-photo{position:relative;aspect-ratio:1;display:grid;place-items:center;border:var(--hairline);border-radius:var(--radius-sm);background:var(--surface-placeholder);color:var(--text-muted);overflow:hidden}
.bz-photo>img{width:100%;height:100%;object-fit:cover}
.bz-photo__remove{position:absolute;top:var(--sp-1);inset-inline-end:var(--sp-1);display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--radius-pill);background:var(--surface-scrim);color:#fff;cursor:pointer}
.bz-photo__tag{position:absolute;bottom:0;inset-inline:0;padding:2px;background:var(--surface-scrim);color:#fff;font:var(--type-caption);text-align:center}
.bz-photo--add{flex-direction:column;gap:2px;border:1px dashed var(--line-200);background:var(--surface-card);color:var(--text-link);font:var(--type-caption);font-weight:var(--fw-medium);cursor:pointer;text-align:center;padding:var(--sp-2)}
.bz-photo--error{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}
/* Upload progress: a 3px determinate bar, the only moving thing in the system,
   and it moves because it reports real bytes on an expensive connection. */
.bz-photo__progress{position:absolute;bottom:0;inset-inline:0;height:3px;background:rgba(255,255,255,.4)}
.bz-photo__progress>i{display:block;height:100%;background:var(--lapis-700)}
.bz-photos__foot{display:flex;align-items:baseline;gap:var(--sp-3)}
.bz-photos__count{margin-inline-start:auto;font:var(--type-caption);color:var(--text-muted);font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
/* ==== components/feedback/feedback.css ==== */
/* ---------- SystemMessage ---------- */
/* In the page flow, above the thing it is about — not a floating toast that a
   slow connection makes you miss. */
.bz-msg{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-200);border-radius:var(--radius-md);background:var(--surface-card);font:var(--type-body-sm);color:var(--text-secondary)}
.bz-msg__icon{flex:none;margin-block-start:2px}
.bz-msg__body{min-width:0}
.bz-msg__title{display:block;font-weight:var(--fw-bold);color:inherit}
.bz-msg--success{background:var(--success-bg);border-color:var(--success);color:var(--success)}
.bz-msg--error{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}
.bz-msg--warning{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}
.bz-msg--info{background:var(--info-bg);border-color:#1E4FA0;color:#0C447C}
.bz-msg__dismiss{margin-inline-start:auto;flex:none}
/* ---------- Toast ---------- */
.bz-toast{position:fixed;inset-inline:var(--sp-4);bottom:calc(var(--bottomnav-h) + var(--sp-4));z-index:var(--z-toast);display:flex;align-items:center;gap:var(--sp-3);max-width:480px;margin-inline:auto;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);background:var(--ink-900);color:#fff;font:var(--type-body-sm)}
.bz-toast__action{margin-inline-start:auto;flex:none;color:#fff;font-weight:var(--fw-bold);background:none;border:0;cursor:pointer;text-decoration:underline}
.bz-toast--success .bz-i{color:#7FD3A5}
.bz-toast--error .bz-i{color:#F3A8A2}
/* ---------- Backdrop ---------- */
.bz-backdrop{position:fixed;inset:0;z-index:var(--z-backdrop);background:var(--surface-scrim)}
/* ---------- BottomSheet ---------- */
.bz-sheet{position:fixed;inset-inline:0;bottom:0;z-index:var(--z-sheet);display:flex;flex-direction:column;max-height:86vh;background:var(--surface-card);border-start-start-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg);box-shadow:var(--shadow-sheet)}
.bz-sheet__grip{align-self:center;width:36px;height:4px;margin-block:var(--sp-2);border-radius:var(--radius-pill);background:var(--line-200)}
.bz-sheet__head{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-3);border-block-end:var(--hairline)}
.bz-sheet__title{font:var(--type-subtitle);font-weight:var(--fw-bold);color:var(--text-primary)}
.bz-sheet__close{margin-inline-start:auto}
.bz-sheet__body{flex:1;min-height:0;overflow-y:auto}
.bz-sheet__foot{display:grid;gap:var(--sp-2);grid-auto-flow:column;grid-auto-columns:1fr;padding:var(--sp-3) var(--sp-4);padding-bottom:max(var(--sp-3),env(safe-area-inset-bottom));border-block-start:var(--hairline)}
@media (min-width:1024px){
.bz-sheet{inset:auto;position:relative;max-height:none;border-radius:var(--radius-md);box-shadow:none;border:var(--hairline)}
}
/* ---------- Dialog ---------- */
.bz-dialog{position:fixed;inset-inline:var(--sp-4);top:50%;transform:translateY(-50%);z-index:var(--z-dialog);max-width:400px;margin-inline:auto;background:var(--surface-card);border-radius:var(--radius-md);border:var(--hairline);overflow:hidden}
.bz-dialog__body{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5) var(--sp-4)}
.bz-dialog__title{font:var(--type-subtitle);font-weight:var(--fw-bold);color:var(--text-primary)}
.bz-dialog__text{font:var(--type-body-sm);color:var(--text-secondary)}
.bz-dialog__foot{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) var(--sp-4)}
/* ---------- Skeleton ---------- */
/* Flat tints, no shimmer: a shimmer is an animation, and it also reads as
   "loading fast" on a connection that is not. */
.bz-skel{background:var(--surface-sunken);border-radius:var(--radius-sm)}
.bz-skel--text{height:1em;margin-block:.25em}
.bz-skel--w40{width:40%}
.bz-skel--w60{width:60%}
.bz-skel--w80{width:80%}
.bz-skel--thumb{width:var(--thumb);height:var(--thumb);border-radius:var(--radius-sm);flex:none}
.bz-skelrow{display:grid;grid-template-columns:var(--thumb) minmax(0,1fr);gap:var(--sp-3);padding:var(--sp-3) var(--row-gutter);background:var(--surface-card)}
.bz-skelrow__body{display:flex;flex-direction:column;gap:var(--sp-2);justify-content:center}
.bz-skelcard{display:flex;flex-direction:column;background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md);overflow:hidden}
.bz-skelcard__media{aspect-ratio:1;background:var(--surface-sunken)}
.bz-skelcard__body{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3)}
/* ---------- Spinner ---------- */
/* The one exception to "no animation": an indeterminate wait needs a sign of
   life, or the user reloads and pays for the page twice. */
.bz-spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--line-200);border-top-color:var(--lapis-700);border-radius:var(--radius-pill);animation:bz-spin 700ms linear infinite}
@keyframes bz-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bz-spinner{animation-duration:2s}}
/* ---------- EmptyState / ErrorState ---------- */
.bz-state{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-5);border:var(--hairline);border-radius:var(--radius-md);background:var(--surface-card);text-align:center}
.bz-state--tight{padding:var(--sp-6) var(--sp-4)}
.bz-state--flush{border-inline:0;border-radius:0}
.bz-state__mark{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-pill);background:var(--surface-brand-soft);color:var(--lapis-700)}
.bz-state__mark--danger{background:var(--danger-bg);color:var(--danger)}
.bz-state__mark--muted{background:var(--surface-sunken);color:var(--text-muted)}
.bz-state__title{font:var(--type-subtitle);font-weight:var(--fw-bold);color:var(--text-primary)}
.bz-state__text{max-width:36ch;font:var(--type-body-sm);color:var(--text-muted)}
.bz-state__action{margin-block-start:var(--sp-2)}
/* ---------- Offline banner ---------- */
.bz-offline{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);background:var(--warning-bg);color:var(--warning);font:var(--type-body-sm);font-weight:var(--fw-medium);border-block-end:1px solid var(--warning)}
/* ==== components/messaging/messaging.css ==== */
/* ---------- Thread ---------- */
.bz-thread{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);background:var(--surface-page)}
@media (min-width:1024px){.bz-thread{max-width:680px;margin-inline:auto;width:100%}}
/* ---------- ChatBubble ---------- */
/* mine sits at the inline end: left in Dari and Pashto, right in English,
   which is what each audience already expects. No direction override needed. */
.bz-bubble{max-width:80%;padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);font:var(--type-body-sm);color:var(--text-primary)}
.bz-bubble--mine{align-self:flex-end;background:var(--surface-brand);color:#fff;border-end-end-radius:var(--radius-sm)}
.bz-bubble--theirs{align-self:flex-start;background:var(--surface-card);border:var(--hairline);border-end-start-radius:var(--radius-sm)}
.bz-bubble__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-1);margin-block-start:var(--sp-1);font:var(--type-caption);font-variant-numeric:tabular-nums}
.bz-bubble--mine .bz-bubble__foot{color:rgba(255,255,255,.88)}
.bz-bubble--theirs .bz-bubble__foot{color:var(--text-muted)}
.bz-bubble__status{flex:none}
@media (min-width:1024px){.bz-bubble{max-width:68%}}
/* ---------- SystemBubble ---------- */
/* Every conversation opens with one of these: a fraud warning, centred, in the
   thread rather than above it, so it cannot be scrolled past unseen. */
.bz-sysbubble{align-self:center;display:flex;align-items:flex-start;gap:var(--sp-2);max-width:90%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--warning);border-radius:var(--radius-md);background:var(--warning-bg);color:var(--warning);font:var(--type-caption);text-align:start}
.bz-sysbubble .bz-i{flex:none;margin-block-start:1px}
/* ---------- DateDivider ---------- */
.bz-datedivider{align-self:center;padding:2px var(--sp-3);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-muted);font:var(--type-caption)}
/* ---------- PinnedAdSummary ---------- */
.bz-pinned{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--row-gutter);background:var(--surface-card);border-block-end:var(--hairline);color:inherit;text-decoration:none;transition:background-color var(--motion-hover)}
@media (hover:hover) and (min-width:1024px){.bz-pinned:hover{background:var(--surface-brand-softest);text-decoration:none;color:inherit}}
.bz-pinned__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.bz-pinned__title{font:var(--type-body-sm);font-weight:var(--fw-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (min-width:1024px){.bz-pinned{max-width:680px;margin-inline:auto}}
/* ---------- Composer ---------- */
.bz-composer{position:sticky;bottom:0;z-index:var(--z-sticky-action);display:flex;align-items:flex-end;gap:var(--sp-2);padding:var(--sp-3);padding-bottom:max(var(--sp-3),env(safe-area-inset-bottom));background:var(--surface-card);box-shadow:var(--shadow-overlay)}
.bz-composer__input{flex:1;min-width:0;min-height:var(--touch-min);max-height:120px;padding:var(--sp-3) var(--sp-4);border:var(--hairline);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary);font:var(--type-body);line-height:1.5;resize:none}
.bz-composer__input::placeholder{color:var(--text-muted)}
.bz-composer__input:focus{border-color:var(--line-brand);outline:var(--focus-outline);outline-offset:var(--focus-offset)}
.bz-composer__send{display:grid;place-items:center;flex:none;width:var(--touch-min);height:var(--touch-min);border:0;border-radius:var(--radius-pill);background:var(--surface-brand);color:#fff;cursor:pointer;transition:background-color var(--motion-hover)}
@media (hover:hover) and (min-width:1024px){.bz-composer__send:hover{background:var(--surface-brand-hover)}}
.bz-composer__send[disabled]{opacity:.45;cursor:not-allowed}
@media (min-width:1024px){.bz-composer{max-width:680px;margin-inline:auto;width:100%;border-inline:var(--hairline)}}
/* ==== components/brand/brand.css ==== */
/* ---------- Wordmark ---------- */
.bz-mark{display:inline-flex;align-items:center;gap:var(--sp-2);text-decoration:none;color:var(--lapis-800)}
.bz-mark__word{font-family:var(--font-ui);font-weight:var(--fw-bold);font-size:26px;line-height:1;color:currentColor}
.bz-mark__latin{font-family:var(--font-ui);font-weight:var(--fw-medium);font-size:11px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);padding-block-start:3px}
.bz-mark--on-brand{color:#fff}
.bz-mark--on-brand .bz-mark__latin{color:rgba(255,255,255,.72)}
.bz-mark:hover{text-decoration:none;color:var(--lapis-900)}
.bz-mark--on-brand:hover{color:#fff}
/* Tile lockup: the wordmark reversed out of a lapis square. The app icon,
   the favicon and the avatar share this geometry. */
.bz-tile{display:grid;place-items:center;background:var(--lapis-700);color:#fff;border-radius:22%;overflow:hidden;position:relative}
.bz-tile__word{font-family:var(--font-ui);font-weight:var(--fw-bold);line-height:1;font-size:42%}
.bz-tile--radius-md{border-radius:var(--radius-md)}
/* ---------- Motif ---------- */
/* One cultural element, drawn from Herati tilework: a band of eight-point
   stars reduced to its simplest geometric form. Used in exactly three places
   — empty states, static-page headers, and the favicon. Never as a repeating
   background behind the ad list. */
.bz-motif{height:8px;background-color:var(--lapis-100);-webkit-mask:conic-gradient(from -45deg at 50% 0,#000 0 90deg,transparent 0) 0 0/12px 8px repeat-x;mask:conic-gradient(from -45deg at 50% 0,#000 0 90deg,transparent 0) 0 0/12px 8px repeat-x}
.bz-motif--brand{background-color:var(--lapis-700)}
.bz-motif--on-brand{background-color:rgba(255,255,255,.5)}
/* ---------- Static page header ---------- */
.bz-statichead{padding:var(--sp-6) var(--page-gutter) var(--sp-5);background:var(--surface-card);border-block-end:var(--hairline)}
.bz-statichead__title{font:var(--type-h2);color:var(--text-primary)}
.bz-statichead__sub{margin-block-start:var(--sp-2);font:var(--type-body);color:var(--text-muted)}
/* ==== icons ==== */
.bz-i-bird{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M16%207h.01%22%20/%3E%3Cpath%20d=%22M3.4%2018H12a8%208%200%200%200%208-8V7a4%204%200%200%200-7.28-2.3L2%2020%22%20/%3E%3Cpath%20d=%22m20%207%202%20.5-2%20.5%22%20/%3E%3Cpath%20d=%22M10%2018v3%22%20/%3E%3Cpath%20d=%22M14%2017.75V21%22%20/%3E%3Cpath%20d=%22M7%2018a6%206%200%200%200%203.84-10.61%22%20/%3E%3C/svg%3E")}
.bz-i-wheat{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M2%2022%2016%208%22%20/%3E%3Cpath%20d=%22M3.47%2012.53%205%2011l1.53%201.53a3.5%203.5%200%200%201%200%204.94L5%2019l-1.53-1.53a3.5%203.5%200%200%201%200-4.94Z%22%20/%3E%3Cpath%20d=%22M7.47%208.53%209%207l1.53%201.53a3.5%203.5%200%200%201%200%204.94L9%2015l-1.53-1.53a3.5%203.5%200%200%201%200-4.94Z%22%20/%3E%3Cpath%20d=%22M11.47%204.53%2013%203l1.53%201.53a3.5%203.5%200%200%201%200%204.94L13%2011l-1.53-1.53a3.5%203.5%200%200%201%200-4.94Z%22%20/%3E%3Cpath%20d=%22M20%202h2v2a4%204%200%200%201-4%204h-2V6a4%204%200%200%201%204-4Z%22%20/%3E%3Cpath%20d=%22M11.47%2017.47%2013%2019l-1.53%201.53a3.5%203.5%200%200%201-4.94%200L5%2019l1.53-1.53a3.5%203.5%200%200%201%204.94%200Z%22%20/%3E%3Cpath%20d=%22M15.47%2013.47%2017%2015l-1.53%201.53a3.5%203.5%200%200%201-4.94%200L9%2015l1.53-1.53a3.5%203.5%200%200%201%204.94%200Z%22%20/%3E%3Cpath%20d=%22M19.47%209.47%2021%2011l-1.53%201.53a3.5%203.5%200%200%201-4.94%200L13%2011l1.53-1.53a3.5%203.5%200%200%201%204.94%200Z%22%20/%3E%3C/svg%3E")}
.bz-i-education{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M21.42%2010.922a1%201%200%200%200-.019-1.838L12.83%205.18a2%202%200%200%200-1.66%200L2.6%209.08a1%201%200%200%200%200%201.832l8.57%203.908a2%202%200%200%200%201.66%200z%22%20/%3E%3Cpath%20d=%22M22%2010v6%22%20/%3E%3Cpath%20d=%22M6%2012.5V16a6%203%200%200%200%2012%200v-3.5%22%20/%3E%3C/svg%3E")}
.bz-i-baby{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M10%2016c.5.3%201.2.5%202%20.5s1.5-.2%202-.5%22%20/%3E%3Cpath%20d=%22M15%2012h.01%22%20/%3E%3Cpath%20d=%22M19.38%206.813A9%209%200%200%201%2020.8%2010.2a2%202%200%200%201%200%203.6%209%209%200%200%201-17.6%200%202%202%200%200%201%200-3.6A9%209%200%200%201%2012%203c2%200%203.5%201.1%203.5%202.5s-.9%202.5-2%202.5c-.8%200-1.5-.4-1.5-1%22%20/%3E%3Cpath%20d=%22M9%2012h.01%22%20/%3E%3C/svg%3E")}
.bz-i-health{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M2%209.5a5.5%205.5%200%200%201%209.591-3.676.56.56%200%200%200%20.818%200A5.49%205.49%200%200%201%2022%209.5c0%202.29-1.5%204-3%205.5l-5.492%205.313a2%202%200%200%201-3%20.019L5%2015c-1.5-1.5-3-3.2-3-5.5%22%20/%3E%3Cpath%20d=%22M3.22%2013H9.5l.5-1%202%204.5%202-7%201.5%203.5h5.27%22%20/%3E%3C/svg%3E")}
.bz-i-music{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M9%2018V5l12-2v13%22%20/%3E%3Ccircle%20cx=%226%22%20cy=%2218%22%20r=%223%22%20/%3E%3Ccircle%20cx=%2218%22%20cy=%2216%22%20r=%223%22%20/%3E%3C/svg%3E")}
.bz-i-money{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Crect%20width=%2220%22%20height=%2212%22%20x=%222%22%20y=%226%22%20rx=%222%22%20/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%222%22%20/%3E%3Cpath%20d=%22M6%2012h.01M18%2012h.01%22%20/%3E%3C/svg%3E")}
.bz-i-filter{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M10%205H3%22%20/%3E%3Cpath%20d=%22M12%2019H3%22%20/%3E%3Cpath%20d=%22M14%203v4%22%20/%3E%3Cpath%20d=%22M16%2017v4%22%20/%3E%3Cpath%20d=%22M21%2012h-9%22%20/%3E%3Cpath%20d=%22M21%2019h-5%22%20/%3E%3Cpath%20d=%22M21%205h-7%22%20/%3E%3Cpath%20d=%22M8%2010v4%22%20/%3E%3Cpath%20d=%22M8%2012H3%22%20/%3E%3C/svg%3E")}
.bz-i-share{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Ccircle%20cx=%2218%22%20cy=%225%22%20r=%223%22%20/%3E%3Ccircle%20cx=%226%22%20cy=%2212%22%20r=%223%22%20/%3E%3Ccircle%20cx=%2218%22%20cy=%2219%22%20r=%223%22%20/%3E%3Cline%20x1=%228.59%22%20x2=%2215.42%22%20y1=%2213.51%22%20y2=%2217.49%22%20/%3E%3Cline%20x1=%2215.41%22%20x2=%228.59%22%20y1=%226.51%22%20y2=%2210.49%22%20/%3E%3C/svg%3E")}
/* آیکون‌ها: Lucide (ISC) و واتساپ از Simple Icons (CC0) — درون‌خطی، بدون درخواست شبکه */
.bz-i{display:inline-block;width:24px;height:24px;flex:none;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--bz-icon);mask-image:var(--bz-icon)}
.bz-i--sm{width:16px;height:16px}.bz-i--md{width:20px;height:20px}.bz-i--lg{width:28px;height:28px}
[dir="rtl"] .bz-i--dir{transform:scaleX(-1)}
.bz-i-search{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22m21%2021-4.34-4.34%22%20/%3E%3Ccircle%20cx=%2211%22%20cy=%2211%22%20r=%228%22%20/%3E%3C/svg%3E")}
.bz-i-location{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M20%2010c0%204.993-5.539%2010.193-7.399%2011.799a1%201%200%200%201-1.202%200C9.539%2020.193%204%2014.993%204%2010a8%208%200%200%201%2016%200%22%20/%3E%3Ccircle%20cx=%2212%22%20cy=%2210%22%20r=%223%22%20/%3E%3C/svg%3E")}
.bz-i-chevron-down{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22m6%209%206%206%206-6%22%20/%3E%3C/svg%3E")}
.bz-i-chevron{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22m9%2018%206-6-6-6%22%20/%3E%3C/svg%3E")}
.bz-i-chevron-start{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22m15%2018-6-6%206-6%22%20/%3E%3C/svg%3E")}
.bz-i-messages{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M16%2010a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2014.286V4a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202z%22%20/%3E%3Cpath%20d=%22M20%209a2%202%200%200%201%202%202v10.286a.71.71%200%200%201-1.212.502l-2.202-2.202A2%202%200%200%200%2017.172%2019H10a2%202%200%200%201-2-2v-1%22%20/%3E%3C/svg%3E")}
.bz-i-user{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Ccircle%20cx=%2212%22%20cy=%228%22%20r=%225%22%20/%3E%3Cpath%20d=%22M20%2021a8%208%200%200%200-16%200%22%20/%3E%3C/svg%3E")}
.bz-i-plus{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M5%2012h14%22%20/%3E%3Cpath%20d=%22M12%205v14%22%20/%3E%3C/svg%3E")}
.bz-i-home{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M15%2021v-8a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v8%22%20/%3E%3Cpath%20d=%22M3%2010a2%202%200%200%201%20.709-1.528l7-6a2%202%200%200%201%202.582%200l7%206A2%202%200%200%201%2021%2010v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%20/%3E%3C/svg%3E")}
.bz-i-bookmark{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M17%203a2%202%200%200%201%202%202v15a1%201%200%200%201-1.496.868l-4.512-2.578a2%202%200%200%200-1.984%200l-4.512%202.578A1%201%200%200%201%205%2020V5a2%202%200%200%201%202-2z%22%20/%3E%3C/svg%3E")}
.bz-i-bookmark-on{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M17%203a2%202%200%200%201%202%202v15a1%201%200%200%201-1.496.868l-4.512-2.578a2%202%200%200%200-1.984%200l-4.512%202.578A1%201%200%200%201%205%2020V5a2%202%200%200%201%202-2z%22%20/%3E%3Cpath%20d=%22m9%2010%202%202%204-4%22%20/%3E%3C/svg%3E")}
.bz-i-camera{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M13.997%204a2%202%200%200%201%201.76%201.05l.486.9A2%202%200%200%200%2018.003%207H20a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V9a2%202%200%200%201%202-2h1.997a2%202%200%200%200%201.759-1.048l.489-.904A2%202%200%200%201%2010.004%204z%22%20/%3E%3Ccircle%20cx=%2212%22%20cy=%2213%22%20r=%223%22%20/%3E%3C/svg%3E")}
.bz-i-no-image{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cline%20x1=%222%22%20x2=%2222%22%20y1=%222%22%20y2=%2222%22%20/%3E%3Cpath%20d=%22M10.41%2010.41a2%202%200%201%201-2.83-2.83%22%20/%3E%3Cline%20x1=%2213.5%22%20x2=%226%22%20y1=%2213.5%22%20y2=%2221%22%20/%3E%3Cline%20x1=%2218%22%20x2=%2221%22%20y1=%2212%22%20y2=%2215%22%20/%3E%3Cpath%20d=%22M3.59%203.59A1.99%201.99%200%200%200%203%205v14a2%202%200%200%200%202%202h14c.55%200%201.052-.22%201.41-.59%22%20/%3E%3Cpath%20d=%22M21%2015V5a2%202%200%200%200-2-2H9%22%20/%3E%3C/svg%3E")}
.bz-i-clock{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/%3E%3Cpath%20d=%22M12%206v6l4%202%22%20/%3E%3C/svg%3E")}
.bz-i-check-circle{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M21.801%2010A10%2010%200%201%201%2017%203.335%22%20/%3E%3Cpath%20d=%22m9%2011%203%203L22%204%22%20/%3E%3C/svg%3E")}
.bz-i-alert{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/%3E%3Cline%20x1=%2212%22%20x2=%2212%22%20y1=%228%22%20y2=%2212%22%20/%3E%3Cline%20x1=%2212%22%20x2=%2212.01%22%20y1=%2216%22%20y2=%2216%22%20/%3E%3C/svg%3E")}
.bz-i-cross{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M18%206%206%2018%22%20/%3E%3Cpath%20d=%22m6%206%2012%2012%22%20/%3E%3C/svg%3E")}
.bz-i-warning{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22m21.73%2018-8-14a2%202%200%200%200-3.48%200l-8%2014A2%202%200%200%200%204%2021h16a2%202%200%200%200%201.73-3%22%20/%3E%3Cpath%20d=%22M12%209v4%22%20/%3E%3Cpath%20d=%22M12%2017h.01%22%20/%3E%3C/svg%3E")}
.bz-i-info{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22%20/%3E%3Cpath%20d=%22M12%2016v-4%22%20/%3E%3Cpath%20d=%22M12%208h.01%22%20/%3E%3C/svg%3E")}
.bz-i-shield{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z%22%20/%3E%3Cpath%20d=%22m9%2012%202%202%204-4%22%20/%3E%3C/svg%3E")}
.bz-i-check{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M20%206%209%2017l-5-5%22%20/%3E%3C/svg%3E")}
.bz-i-send{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M14.536%2021.686a.5.5%200%200%200%20.937-.024l6.5-19a.496.496%200%200%200-.635-.635l-19%206.5a.5.5%200%200%200-.024.937l7.93%203.18a2%202%200%200%201%201.112%201.11z%22%20/%3E%3Cpath%20d=%22m21.854%202.147-10.94%2010.939%22%20/%3E%3C/svg%3E")}
.bz-i-phone{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M13.832%2016.568a1%201%200%200%200%201.213-.303l.355-.465A2%202%200%200%201%2017%2015h3a2%202%200%200%201%202%202v3a2%202%200%200%201-2%202A18%2018%200%200%201%202%204a2%202%200%200%201%202-2h3a2%202%200%200%201%202%202v3a2%202%200%200%201-.8%201.6l-.468.351a1%201%200%200%200-.292%201.233%2014%2014%200%200%200%206.392%206.384%22%20/%3E%3C/svg%3E")}
.bz-i-message{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M22%2017a2%202%200%200%201-2%202H6.828a2%202%200%200%200-1.414.586l-2.202%202.202A.71.71%200%200%201%202%2021.286V5a2%202%200%200%201%202-2h16a2%202%200%200%201%202%202z%22%20/%3E%3C/svg%3E")}
.bz-i-trash{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M10%2011v6%22%20/%3E%3Cpath%20d=%22M14%2011v6%22%20/%3E%3Cpath%20d=%22M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6%22%20/%3E%3Cpath%20d=%22M3%206h18%22%20/%3E%3Cpath%20d=%22M8%206V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%22%20/%3E%3C/svg%3E")}
.bz-i-edit{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M21.174%206.812a1%201%200%200%200-3.986-3.987L3.842%2016.174a2%202%200%200%200-.5.83l-1.321%204.352a.5.5%200%200%200%20.623.622l4.353-1.32a2%202%200%200%200%20.83-.497z%22%20/%3E%3Cpath%20d=%22m15%205%204%204%22%20/%3E%3C/svg%3E")}
.bz-i-refresh{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M3%2012a9%209%200%200%201%209-9%209.75%209.75%200%200%201%206.74%202.74L21%208%22%20/%3E%3Cpath%20d=%22M21%203v5h-5%22%20/%3E%3Cpath%20d=%22M21%2012a9%209%200%200%201-9%209%209.75%209.75%200%200%201-6.74-2.74L3%2016%22%20/%3E%3Cpath%20d=%22M8%2016H3v5%22%20/%3E%3C/svg%3E")}
.bz-i-eye{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M2.062%2012.348a1%201%200%200%201%200-.696%2010.75%2010.75%200%200%201%2019.876%200%201%201%200%200%201%200%20.696%2010.75%2010.75%200%200%201-19.876%200%22%20/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22%20/%3E%3C/svg%3E")}
.bz-i-logout{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22m16%2017%205-5-5-5%22%20/%3E%3Cpath%20d=%22M21%2012H9%22%20/%3E%3Cpath%20d=%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%20/%3E%3C/svg%3E")}
.bz-i-language{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22m5%208%206%206%22%20/%3E%3Cpath%20d=%22m4%2014%206-6%202-3%22%20/%3E%3Cpath%20d=%22M2%205h12%22%20/%3E%3Cpath%20d=%22M7%202h1%22%20/%3E%3Cpath%20d=%22m22%2022-5-10-5%2010%22%20/%3E%3Cpath%20d=%22M14%2018h6%22%20/%3E%3C/svg%3E")}
.bz-i-list{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M3%205h.01%22%20/%3E%3Cpath%20d=%22M3%2012h.01%22%20/%3E%3Cpath%20d=%22M3%2019h.01%22%20/%3E%3Cpath%20d=%22M8%205h13%22%20/%3E%3Cpath%20d=%22M8%2012h13%22%20/%3E%3Cpath%20d=%22M8%2019h13%22%20/%3E%3C/svg%3E")}
.bz-i-plus-square{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Crect%20width=%2218%22%20height=%2218%22%20x=%223%22%20y=%223%22%20rx=%222%22%20/%3E%3Cpath%20d=%22M8%2012h8%22%20/%3E%3Cpath%20d=%22M12%208v8%22%20/%3E%3C/svg%3E")}
.bz-i-car{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22m21%208-2%202-1.5-3.7A2%202%200%200%200%2015.646%205H8.4a2%202%200%200%200-1.903%201.257L5%2010%203%208%22%20/%3E%3Cpath%20d=%22M7%2014h.01%22%20/%3E%3Cpath%20d=%22M17%2014h.01%22%20/%3E%3Crect%20width=%2218%22%20height=%228%22%20x=%223%22%20y=%2210%22%20rx=%222%22%20/%3E%3Cpath%20d=%22M5%2018v2%22%20/%3E%3Cpath%20d=%22M19%2018v2%22%20/%3E%3C/svg%3E")}
.bz-i-building{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M10%2012h4%22%20/%3E%3Cpath%20d=%22M10%208h4%22%20/%3E%3Cpath%20d=%22M14%2021v-3a2%202%200%200%200-4%200v3%22%20/%3E%3Cpath%20d=%22M6%2010H4a2%202%200%200%200-2%202v7a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V9a2%202%200%200%200-2-2h-2%22%20/%3E%3Cpath%20d=%22M6%2021V5a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v16%22%20/%3E%3C/svg%3E")}
.bz-i-phone-device{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Crect%20width=%2214%22%20height=%2220%22%20x=%225%22%20y=%222%22%20rx=%222%22%20ry=%222%22%20/%3E%3Cpath%20d=%22M12%2018h.01%22%20/%3E%3C/svg%3E")}
.bz-i-sofa{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M20%209V6a2%202%200%200%200-2-2H6a2%202%200%200%200-2%202v3%22%20/%3E%3Cpath%20d=%22M2%2016a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2v-5a2%202%200%200%200-4%200v1.5a.5.5%200%200%201-.5.5h-11a.5.5%200%200%201-.5-.5V11a2%202%200%200%200-4%200z%22%20/%3E%3Cpath%20d=%22M4%2018v2%22%20/%3E%3Cpath%20d=%22M20%2018v2%22%20/%3E%3Cpath%20d=%22M12%204v9%22%20/%3E%3C/svg%3E")}
.bz-i-briefcase{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M12%2012h.01%22%20/%3E%3Cpath%20d=%22M16%206V4a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v2%22%20/%3E%3Cpath%20d=%22M22%2013a18.15%2018.15%200%200%201-20%200%22%20/%3E%3Crect%20width=%2220%22%20height=%2214%22%20x=%222%22%20y=%226%22%20rx=%222%22%20/%3E%3C/svg%3E")}
.bz-i-wrench{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M14.7%206.3a1%201%200%200%200%200%201.4l1.6%201.6a1%201%200%200%200%201.4%200l3.106-3.105c.32-.322.863-.22.983.218a6%206%200%200%201-8.259%207.057l-7.91%207.91a1%201%200%200%201-2.999-3l7.91-7.91a6%206%200%200%201%207.057-8.259c.438.12.54.662.219.984z%22%20/%3E%3C/svg%3E")}
.bz-i-shirt{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M20.38%203.46%2016%202a4%204%200%200%201-8%200L3.62%203.46a2%202%200%200%200-1.34%202.23l.58%203.47a1%201%200%200%200%20.99.84H6v10c0%201.1.9%202%202%202h8a2%202%200%200%200%202-2V10h2.15a1%201%200%200%200%20.99-.84l.58-3.47a2%202%200%200%200-1.34-2.23z%22%20/%3E%3C/svg%3E")}
.bz-i-factory{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M12%2016h.01%22%20/%3E%3Cpath%20d=%22M16%2016h.01%22%20/%3E%3Cpath%20d=%22M3%2019a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V8.5a.5.5%200%200%200-.769-.422l-4.462%202.844A.5.5%200%200%201%2015%2010.5v-2a.5.5%200%200%200-.769-.422L9.77%2010.922A.5.5%200%200%201%209%2010.5V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202z%22%20/%3E%3Cpath%20d=%22M8%2016h.01%22%20/%3E%3C/svg%3E")}
.bz-i-tag{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M12.586%202.586A2%202%200%200%200%2011.172%202H4a2%202%200%200%200-2%202v7.172a2%202%200%200%200%20.586%201.414l8.704%208.704a2.426%202.426%200%200%200%203.42%200l6.58-6.58a2.426%202.426%200%200%200%200-3.42z%22%20/%3E%3Ccircle%20cx=%227.5%22%20cy=%227.5%22%20r=%22.5%22%20fill=%22%23000%22%20/%3E%3C/svg%3E")}
.bz-i-whatsapp{--bz-icon:url("data:image/svg+xml,%3Csvg%20viewBox=%220%200%2024%2024%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20fill=%22%23000%22%20d=%22M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413Z%22/%3E%3C/svg%3E")}
.bz-i-whatsapp--brand{background-color:#25D366}
/* ==== bazaar site extras (چیزهایی که سیستم طراحی برای قالب‌های جنگو لازم دارد) ==== */
select.bz-searchbar__province{appearance:none;-webkit-appearance:none;max-width:42%;text-overflow:ellipsis}
.bz-fileinput{padding:var(--sp-2) var(--sp-3);font:var(--type-body-sm)}
.bz-fileinput::file-selector-button{margin-inline-end:var(--sp-3);min-height:var(--btn-h-md);padding-inline:var(--sp-4);border:1px solid var(--line-brand);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-link);font:var(--type-button);font-size:var(--fs-body-sm);cursor:pointer}
.bz-photo__tag--remove{display:flex;align-items:center;justify-content:center;gap:var(--sp-1);cursor:pointer}
.bz-photo__tag--remove input{width:16px;height:16px;margin:0}
.bz-footer__lang{display:inline-flex;align-items:center;gap:var(--sp-2);margin-inline-start:auto}
.bz-footer__lang .bz-select{min-height:var(--btn-h-md);padding-block:var(--sp-1);width:auto}
.bz-auth{max-width:480px;margin-inline:auto;width:100%}
.bz-auth .bz-formsection__title{font:var(--type-title)}
.bz-resend{display:grid;justify-items:center;gap:var(--sp-3);text-align:center}
.bz-walogin{display:flex;flex-direction:column;gap:var(--sp-3)}
.bz-divider{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-secondary);font:var(--fw-medium) var(--fs-body)/1 var(--font-ui)}
.bz-divider::before,.bz-divider::after{content:"";flex:1;border-top:var(--hairline)}
.bz-steps{margin:0;padding-inline-start:1.4em;display:grid;gap:var(--sp-2);color:var(--text-primary);font:var(--fs-body)/1.7 var(--font-ui)}
.bz-qr{display:none;justify-items:center;gap:var(--sp-2);text-align:center;color:var(--text-secondary);font:var(--fs-body)/1.6 var(--font-ui)}
.bz-qr__svg{width:200px;height:200px;background:#fff;border-radius:var(--radius-md);padding:6px;border:var(--hairline)}
@media (min-width:720px){.bz-qr{display:grid}}
.bz-wa-code{display:inline-block;font:var(--fw-bold) var(--fs-subtitle)/1.4 var(--font-num);letter-spacing:.06em;background:var(--surface-sunken);border-radius:var(--radius-sm);padding:2px 8px;user-select:all;color:var(--text-primary)}
.bz-wa-status{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);color:var(--text-secondary);font:var(--fs-body)/1.5 var(--font-ui);text-align:center}
.bz-spinner{flex:none;width:18px;height:18px;border:2px solid var(--line-200);border-top-color:var(--line-brand);border-radius:50%;animation:bz-spin 1s linear infinite}
@keyframes bz-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bz-spinner{animation:none}}
.bz-hint{display:flex;align-items:flex-start;gap:var(--sp-2);margin:0;color:var(--text-secondary);font:var(--type-body-sm)}
.bz-auth>.bz-btn--link{align-self:center}
.bz-formsection__desc bdi[dir="ltr"]{white-space:nowrap}
.bz-wa-message{display:grid;gap:var(--sp-1);padding:var(--sp-3);background:var(--surface-sunken);border-radius:var(--radius-md);color:var(--text-primary);font:var(--type-body-sm);user-select:all}
.bz-wa-message p{margin:0}
.bz-wa-message p:first-child{font:var(--fw-bold) var(--fs-subtitle)/1.4 var(--font-num);letter-spacing:.06em}
.bz-resend__title{margin:0;color:var(--text-secondary);font:var(--fw-medium) var(--fs-body)/1.5 var(--font-ui)}
.bz-resend__options{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3)}
.bz-choicelist{display:flex;flex-direction:column;border:var(--hairline);border-radius:var(--radius-md);overflow:hidden}
.bz-choicelist>*+*{border-block-start:var(--hairline)}
.bz-rw--form{display:block}
.bz-msg+.bz-msg{margin-block-start:var(--sp-2)}
.bz-sr-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.bz-ownerbar .bz-btn--danger{background:var(--surface-card)}
@media (min-width:1024px){.bz-only-mobile.bz-actionbar{display:none}}
.bz-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
.bz-main{flex:1 0 auto}
/* فیلترها روی موبایل: یک details ساده به‌جای bottom sheet (بدون جاوااسکریپت) */
.bz-filterdetails{position:relative}
.bz-filterdetails>summary{list-style:none}
.bz-filterdetails>summary::-webkit-details-marker{display:none}
.bz-filterdetails[open]>summary{border-color:var(--lapis-700);color:var(--text-link);background:var(--surface-brand-softest)}
.bz-filterdetails__body{position:absolute;inset-inline-start:0;top:calc(100% + var(--sp-2));z-index:var(--z-sticky-action);width:min(360px,calc(100vw - 2 * var(--page-gutter)));box-shadow:0 1px 0 var(--line-200)}
.bz-sortbar{flex-wrap:wrap}
.bz-cols--browse>.bz-section{min-width:0}
.bz-prose h2{font:var(--type-subtitle);margin:var(--sp-5) 0 var(--sp-2)}
.bz-prose h2:first-child{margin-block-start:0}
.bz-prose ul{padding-inline-start:1.25em;margin:0 0 var(--sp-3)}
.bz-prose li{margin-block-end:var(--sp-1);color:var(--text-secondary)}
.bz-prose p{color:var(--text-secondary)}
select.bz-pricefield__currency{appearance:none;-webkit-appearance:none;border:0;border-inline-start:var(--hairline);border-radius:0;cursor:pointer;font:var(--type-body-sm);font-weight:var(--fw-medium);padding-inline:var(--sp-4);text-align:center}
/* کاشی دسته‌ها روی موبایل چهارتایی مثل دیوال، و کارت آگهی کمی فشرده‌تر */
.bz-catgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bz-cattile{min-height:86px;gap:var(--sp-1);font:var(--type-caption);font-weight:var(--fw-medium);line-height:1.4}
@media (min-width:600px){.bz-catgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.bz-cattile{font:var(--type-body-sm);font-weight:var(--fw-medium)}}
@media (min-width:768px){.bz-catgrid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:1024px){.bz-catgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.bz-adcard__media .bz-thumb__count{position:absolute;bottom:var(--sp-1);inset-inline-end:var(--sp-1);display:inline-flex;align-items:center;gap:2px;padding:0 5px;border-radius:var(--radius-sm);background:var(--surface-scrim);color:#fff;font:var(--fw-medium) var(--fs-caption)/1.6 var(--font-num)}
.bz-adcard__title{min-height:2.6em}

/* فوتر چهارستونی (از نظر ساختار شبیه دیوال) و دکمهٔ برگشت به بالا */
.bz-i-arrow-up{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22m5%2012%207-7%207%207%22%20/%3E%3Cpath%20d=%22M12%2019V5%22%20/%3E%3C/svg%3E")}
.bz-i-telegram{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M21.5%204.5%202.5%2011.8l6.6%202.4%202.4%207.3%203.6-4.6%205%203.6z%22%20/%3E%3Cpath%20d=%22m9.1%2014.2%2012.4-9.7%22%20/%3E%3C/svg%3E")}
.bz-i-instagram{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Crect%20width=%2220%22%20height=%2220%22%20x=%222%22%20y=%222%22%20rx=%225%22%20ry=%225%22%20/%3E%3Cpath%20d=%22M16%2011.37A4%204%200%201%201%2012.63%208%204%204%200%200%201%2016%2011.37z%22%20/%3E%3Cpath%20d=%22M17.5%206.5h.01%22%20/%3E%3C/svg%3E")}
.bz-i-facebook{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M18%202h-3a5%205%200%200%200-5%205v3H7v4h3v8h4v-8h3l1-4h-4V7a1%201%200%200%201%201-1h3z%22%20/%3E%3C/svg%3E")}
.bz-i-linkedin{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M16%208a6%206%200%200%201%206%206v7h-4v-7a2%202%200%200%200-2-2%202%202%200%200%200-2%202v7h-4v-7a6%206%200%200%201%206-6z%22%20/%3E%3Crect%20width=%224%22%20height=%2212%22%20x=%222%22%20y=%229%22%20/%3E%3Ccircle%20cx=%224%22%20cy=%224%22%20r=%222%22%20/%3E%3C/svg%3E")}
.bz-i-play{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22%23000%22%20stroke=%22none%22%20%3E%3Cpath%20d=%22M5%202.8v18.4a.8.8%200%200%200%201.2.7l15.4-9.2a.8.8%200%200%200%200-1.4L6.2%202.1A.8.8%200%200%200%205%202.8z%22%20/%3E%3C/svg%3E")}
.bz-footer{margin-block-start:var(--sp-8);padding-block:var(--sp-8) var(--sp-5);background:#15191F;color:#B7BDC6;font:var(--type-body-sm);line-height:1.8}
.bz-footer a{color:inherit;text-decoration:none}
.bz-footer a:hover,.bz-footer a:focus-visible{color:#fff;text-decoration:underline}
.bz-footer__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6) var(--sp-5)}
.bz-footer__brand{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}
.bz-footer__brand p{margin:0;max-width:34ch}
.bz-footer__logo{font:var(--fw-bold) var(--fs-title)/1.4 var(--font-ui);color:#fff!important;text-decoration:none!important}
.bz-footer__title{margin:0 0 var(--sp-3);font:var(--fw-bold) var(--fs-body)/1.5 var(--font-ui);color:#fff}
.bz-footer__brand .bz-footer__title{margin:var(--sp-2) 0 0}
.bz-footer ul{list-style:none;margin:0;padding:0}
.bz-footer__col li+li{margin-block-start:var(--sp-2)}
.bz-footer__contact{display:grid;gap:var(--sp-2)}
.bz-footer__contact li{display:flex;align-items:flex-start;gap:var(--sp-2)}
.bz-footer__contact .bz-i{margin-block-start:.3em}
.bz-footer__stores{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.bz-store{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:48px;padding:var(--sp-1) var(--sp-4);border-radius:var(--radius-md);background:#000;border:1px solid #3A414B;color:#fff!important;text-decoration:none!important}
.bz-store__text{display:flex;flex-direction:column;font:var(--fw-bold) var(--fs-body)/1.2 var(--font-ui)}
.bz-store__text small{font:var(--fs-caption)/1.2 var(--font-ui);font-weight:400}
.bz-footer__social{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.bz-footer__social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid #3A414B;color:#DDE1E6}
.bz-footer__social a:hover,.bz-footer__social a:focus-visible{background:var(--surface-brand);border-color:var(--surface-brand);color:#fff}
.bz-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-block-start:var(--sp-8);padding-block-start:var(--sp-5);border-top:1px solid #2C323A}
.bz-footer__bottom p{margin:0}
.bz-footer .bz-footer__lang{margin-inline-start:0}
.bz-footer .bz-select{background-color:#1F242C;color:#fff;border-color:#3A414B}
@media (min-width:768px){.bz-footer__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.bz-footer__grid{grid-template-columns:1.4fr repeat(3,minmax(0,1fr))}.bz-footer__brand{grid-column:auto}}
.bz-totop{position:fixed;inset-inline-end:var(--sp-4);bottom:calc(var(--bottomnav-h) + var(--sp-4) + env(safe-area-inset-bottom));z-index:var(--z-bottomnav);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface-brand);color:#fff;box-shadow:var(--shadow-overlay)}
.bz-totop:hover{background:var(--surface-brand-hover)}
.bz-totop[hidden]{display:none}
@media (min-width:1024px){.bz-totop{bottom:var(--sp-6)}}

/* منوی کناری (شبیه دیوال): دکمهٔ ☰ در سرصفحه، انتخاب زبان در بالای منو */
.bz-i-menu{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M4%206h16%22%20/%3E%3Cpath%20d=%22M4%2012h16%22%20/%3E%3Cpath%20d=%22M4%2018h16%22%20/%3E%3C/svg%3E")}
.bz-menubtn{margin-inline-start:calc(var(--sp-2) * -1)}
.bz-menubtn[hidden]{display:none}
.bz-drawer{position:fixed;inset:0 auto 0 auto;inset-inline-start:0;width:min(320px,86vw);max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:var(--surface-card);color:var(--text-primary);box-shadow:var(--shadow-overlay);overflow-y:auto;overscroll-behavior:contain}
.bz-drawer[open]{animation:bz-drawer-in .2s ease-out}
.bz-drawer::backdrop{background:var(--surface-scrim)}
@keyframes bz-drawer-in{from{transform:translateX(100%)}to{transform:none}}
[dir=ltr] .bz-drawer[open]{animation-name:bz-drawer-in-ltr}
@keyframes bz-drawer-in-ltr{from{transform:translateX(-100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.bz-drawer[open]{animation:none}}
.bz-drawer__panel{display:flex;flex-direction:column;gap:var(--sp-5);min-height:100%;padding:var(--sp-4) var(--sp-5) var(--sp-8)}
.bz-drawer__close{display:flex;justify-content:flex-end;margin:0 calc(var(--sp-2) * -1) calc(var(--sp-4) * -1)}
.bz-drawer .bz-iconbtn{color:var(--text-secondary)}
.bz-drawer .bz-iconbtn:hover{background:var(--surface-sunken);color:var(--text-primary)}
.bz-drawer__logo{align-self:center;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--surface-brand-soft);color:var(--lapis-700);font:var(--fw-bold) 26px/1 var(--font-ui);text-decoration:none!important}
.bz-drawer__lang{display:flex;align-items:center;gap:var(--sp-2);padding-block-start:var(--sp-5);border-top:var(--hairline);color:var(--text-secondary)}
.bz-drawer__lang .bz-select{flex:1;min-height:var(--btn-h-md)}
.bz-drawer__nav{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-1)}
.bz-drawer__nav--minor{margin-block-start:var(--sp-3);padding-block-start:var(--sp-3);border-top:var(--hairline)}
.bz-drawer__nav a{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--touch-min);padding-inline:var(--sp-3);border-radius:var(--radius-sm);color:var(--text-primary);font:var(--fw-bold) var(--fs-body)/1.4 var(--font-ui);text-decoration:none}
.bz-drawer__nav--minor a{color:var(--text-secondary);font-weight:var(--fw-medium)}
.bz-drawer__nav a:hover,.bz-drawer__nav a:focus-visible{background:var(--surface-sunken);text-decoration:none}
.bz-drawer__nav a[aria-current=page]{background:var(--surface-brand-softest);color:var(--text-link)}
.bz-drawer__nav .bz-i{color:var(--text-secondary)}
.bz-drawer__nav .bz-unread{margin-inline-start:auto}

/* حالت تاریک: با دکمهٔ ☀/☾ در منوی کناری؛ انتخاب کاربر در localStorage («bz-theme») می‌ماند */
.bz-i-sun{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%224%22%20/%3E%3Cpath%20d=%22M12%202v2%22%20/%3E%3Cpath%20d=%22M12%2020v2%22%20/%3E%3Cpath%20d=%22m4.93%204.93%201.41%201.41%22%20/%3E%3Cpath%20d=%22m17.66%2017.66%201.41%201.41%22%20/%3E%3Cpath%20d=%22M2%2012h2%22%20/%3E%3Cpath%20d=%22M20%2012h2%22%20/%3E%3Cpath%20d=%22m6.34%2017.66-1.41%201.41%22%20/%3E%3Cpath%20d=%22m19.07%204.93-1.41%201.41%22%20/%3E%3C/svg%3E")}
.bz-i-moon{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M12%203a6%206%200%200%200%209%209%209%209%200%201%201-9-9Z%22%20/%3E%3C/svg%3E")}
.bz-themebtn{flex:none;width:var(--btn-h-md);height:var(--btn-h-md);border:var(--hairline);border-radius:var(--radius-md)}
.bz-themebtn .bz-i-sun,[data-theme=dark] .bz-themebtn .bz-i-moon{display:none}
[data-theme=dark] .bz-themebtn .bz-i-sun{display:inline-block}
:root[data-theme=dark]{
color-scheme:dark;
--paper:#121417;--surface:#1C1F24;
--ink-900:#E8EAED;--ink-700:#C4C9D0;--ink-muted:#9AA1AB;
--line-200:#353B44;--line-100:#262A30;
--lapis-900:#F0B8B8;--lapis-800:#E59B9B;--lapis-700:#C24646;--lapis-600:#D25A5A;--lapis-100:#3A2224;--lapis-50:#271C1E;
--success:#4CC38A;--success-bg:#12301F;--warning:#E0A040;--warning-bg:#33270F;
--danger:#F07067;--danger-bg:#3A1A17;--info:#7FA7F0;--info-bg:#16233A;
--text-link:#EE8E8E;--text-link-hover:#F5AAAA;--text-link-active:#F5AAAA;
--surface-brand-pressed:#A83838;
--surface-scrim:rgba(0,0,0,.6);
}
[data-theme=dark] .bz-toast{background:#2A2F36}
[data-theme=dark] .bz-msg--info{border-color:var(--info);color:#C9D9F7}
[data-theme=dark] .bz-btn--danger:hover,[data-theme=dark] .bz-btn--danger:active{background:var(--danger-bg)}
[data-theme=dark] .bz-mark{color:#D65151}
[data-theme=dark] .bz-mark:hover{color:#E07070}
[data-theme=dark] .bz-footer{border-top:1px solid var(--line-100)}
[data-theme=dark] .bz-drawer{border-inline-end:1px solid var(--line-100)}
.bz-themebtn[hidden]{display:none}
[data-theme=dark] .bz-drawer__logo{background:#fff;color:#7F1A1A}

/* آگهی‌های من: زبانه‌های وضعیت، وضعیت هر آگهی و دکمه‌های ویرایش/تمدید/حذف */
.bz-tab[aria-current]{color:var(--text-link);border-block-end-color:var(--lapis-700)}
.bz-tab{text-decoration:none;white-space:nowrap}
.bz-tab:hover{text-decoration:none}
.bz-tab__count{display:inline-grid;place-items:center;min-width:22px;height:20px;padding-inline:6px;border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);font:var(--fw-medium) var(--fs-caption)/1 var(--font-num)}
.bz-tab[aria-current] .bz-tab__count{background:var(--surface-brand-soft);color:var(--text-link)}
.bz-myads__tabs{margin-block-end:var(--sp-4)}
.bz-section__head .bz-btn.bz-section__action{align-self:center}
.bz-myads{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}
.bz-myad{background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md);overflow:hidden}
.bz-myad .bz-adrow{border-radius:0}
.bz-myad__info{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2);padding:var(--sp-2) var(--row-gutter);border-block-start:var(--hairline);color:var(--text-secondary);font:var(--type-body-sm)}
.bz-myad__info .bz-i{flex:none;color:var(--text-muted)}
.bz-myad__info--rejected{background:var(--danger-bg);color:var(--danger)}
.bz-myad__info--rejected .bz-i{color:var(--danger)}
.bz-myad__info--pending{background:var(--warning-bg);color:var(--warning)}
.bz-myad__info--pending .bz-i{color:var(--warning)}
.bz-myad__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-3) var(--row-gutter);border-block-start:var(--hairline)}
.bz-myad__actions form{display:contents}
.bz-myad__delete{margin-inline-start:auto;color:var(--danger)}

/* صفحهٔ حساب: سرآغاز با نام و شماره، کاشی‌های شمارش */
.bz-account{max-width:640px;margin-inline:auto;width:100%;padding-block-start:var(--sp-4)}
.bz-account__head{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5);background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md)}
.bz-account__avatar{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:50%;background:var(--surface-brand-soft);color:var(--text-link);font:var(--fw-bold) var(--fs-h2)/1 var(--font-ui)}
.bz-account__who{min-width:0}
.bz-account__name{margin:0;font:var(--type-title);color:var(--text-primary);overflow-wrap:anywhere}
.bz-account__phone{margin:var(--sp-1) 0 0;font:var(--type-body);color:var(--text-secondary)}
.bz-account__since{margin:0;font:var(--type-caption);color:var(--text-muted)}
.bz-account__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
@media (min-width:600px){.bz-account__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bz-stat{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);padding:var(--sp-4) var(--sp-2);background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md);color:var(--text-secondary);text-align:center;text-decoration:none}
.bz-stat:hover{border-color:var(--lapis-700);text-decoration:none;color:var(--text-primary)}
.bz-stat__num{font:var(--fw-bold) var(--fs-h2)/1.2 var(--font-num);color:var(--text-primary)}
.bz-stat__label{font:var(--type-body-sm)}
.bz-stat--warn .bz-stat__num{color:var(--warning)}
.bz-stat--brand .bz-stat__num{color:var(--text-link)}
.bz-rw__badge{margin-inline-start:auto}

/* مدیریت عکس‌ها در فرم آگهی: عکس اصلی (★)، ترتیب، چرخش و حذف */
.bz-photos--manage,.bz-photos--new{grid-template-columns:repeat(2,minmax(0,1fr));margin-block-end:var(--sp-3)}
@media (min-width:480px){.bz-photos--manage,.bz-photos--new{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bz-photos--new{margin-block:var(--sp-3) 0}
.bz-photos__help{margin-block-end:var(--sp-2)}
.bz-photocard{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}
.bz-photocard .bz-photo>img{transition:transform .2s}
.bz-photo__cover{display:none;position:absolute;top:var(--sp-1);inset-inline-start:var(--sp-1);padding:0 var(--sp-2);border-radius:var(--radius-pill);background:var(--surface-brand);color:#fff;font:var(--fw-medium) var(--fs-caption)/1.8 var(--font-ui)}
.bz-photocard--cover .bz-photo{outline:2px solid var(--lapis-700);outline-offset:-2px}
.bz-photocard--cover .bz-photo__cover{display:block}
.bz-photocard--removed .bz-photo{opacity:.35}
.bz-photocard__tools{display:flex;justify-content:space-between;gap:2px}
.bz-phototool{position:relative;display:inline-grid;place-items:center;flex:1;min-width:0;height:34px;padding:0;border:var(--hairline);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-secondary);font:var(--fw-bold) 16px/1 var(--font-ui);cursor:pointer}
.bz-phototool[hidden]{display:none}
.bz-phototool:hover{border-color:var(--lapis-700);color:var(--text-link)}
.bz-phototool input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.bz-phototool:has(input:checked){background:var(--surface-brand);border-color:var(--surface-brand);color:#fff}
.bz-phototool--danger:has(input:checked){background:var(--danger);border-color:var(--danger)}
.bz-phototool:focus-within{outline:2px solid var(--focus-ring);outline-offset:1px}
.bz-phototool--danger:hover{border-color:var(--danger);color:var(--danger)}

/* اعلان روی گوشی: کارت روشن/خاموش کردن (static/js/push.js) */
.bz-i-bell{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M10.268%2021a2%202%200%200%200%203.464%200%22%20/%3E%3Cpath%20d=%22M3.262%2015.326A1%201%200%200%200%204%2017h16a1%201%200%200%200%20.74-1.673C19.41%2013.956%2018%2012.499%2018%208A6%206%200%200%200%206%208c0%204.499-1.411%205.956-2.738%207.326%22%20/%3E%3C/svg%3E")}
.bz-pushcard{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md)}
.bz-pushcard[hidden]{display:none}
.bz-pushcard--compact{background:var(--surface-brand-softest);border-color:var(--lapis-700)}
.bz-pushcard__icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--surface-brand-soft);color:var(--text-link)}
.bz-pushcard--on .bz-pushcard__icon{background:var(--success-bg);color:var(--success)}
.bz-pushcard__text{display:flex;flex-direction:column;gap:2px;flex:1 1 200px;min-width:0;font:var(--type-body-sm);color:var(--text-secondary)}
.bz-pushcard__text strong{font:var(--type-body);font-weight:var(--fw-bold);color:var(--text-primary)}
.bz-pushcard__actions{display:flex;gap:var(--sp-2)}
.bz-pushcard__actions .bz-btn[hidden]{display:none}
.bz-inbox__rows,.bz-detail__push{margin-block-start:var(--sp-3)}

/* صفحهٔ فروشنده و کارت فروشنده در صفحهٔ آگهی */
.bz-verified{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:var(--radius-pill);background:var(--success-bg);color:var(--success);font:var(--fw-medium) var(--fs-caption)/1.8 var(--font-ui);white-space:nowrap;vertical-align:middle}
.bz-sellerhead{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-4);margin-block-start:var(--sp-4);padding:var(--sp-5);background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-md)}
.bz-sellerhead__who{flex:1 1 220px;min-width:0}
.bz-sellerhead__name{margin:0;font:var(--type-title);color:var(--text-primary);overflow-wrap:anywhere}
.bz-sellerhead__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-1) var(--sp-3);margin-block-start:var(--sp-1);font:var(--type-body-sm);color:var(--text-muted)}
.bz-sellercard{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);color:inherit;text-decoration:none}
.bz-sellercard:hover{border-color:var(--lapis-700);text-decoration:none;color:inherit}
.bz-sellercard__avatar{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:var(--surface-brand-soft);color:var(--text-link);font:var(--fw-bold) var(--fs-subtitle)/1 var(--font-ui)}
.bz-sellercard__body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.bz-sellercard__name{font:var(--type-body);font-weight:var(--fw-bold);color:var(--text-primary)}
.bz-sellercard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px var(--sp-2);font:var(--type-caption);color:var(--text-muted)}
.bz-sellercard__more{display:inline-flex;align-items:center;flex:none;color:var(--text-link);font:var(--type-body-sm);font-weight:var(--fw-medium)}

/* نصب بازار روی گوشی (static/js/install.js): دکمه در منوی کناری و حساب من، و راهنمای آیفون */
.bz-i-download{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M12%2015V3%22%20/%3E%3Cpath%20d=%22M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%22%20/%3E%3Cpath%20d=%22m7%2010%205%205%205-5%22%20/%3E%3C/svg%3E")}
.bz-i-ios-share{--bz-icon:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20%3E%3Cpath%20d=%22M4%2012v8a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-8%22%20/%3E%3Cpath%20d=%22m16%206-4-4-4%204%22%20/%3E%3Cpath%20d=%22M12%202v13%22%20/%3E%3C/svg%3E")}
.bz-drawer__install[hidden]{display:none}
.bz-rw[data-install][hidden]{display:none}
.bz-installhelp{width:min(420px,calc(100vw - 2 * var(--page-gutter)));max-width:none;margin:auto;padding:0;border:0;border-radius:var(--radius-lg);background:var(--surface-card);color:var(--text-primary)}
.bz-installhelp::backdrop{background:var(--surface-scrim)}
.bz-installhelp__body{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-5) var(--sp-5);text-align:center}
.bz-installhelp__icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--surface-brand-soft);color:var(--text-link)}
.bz-installhelp__title{margin:0;font:var(--type-title)}
.bz-installhelp__steps{margin:0;padding-inline-start:1.4em;display:grid;gap:var(--sp-2);text-align:start;font:var(--type-body);color:var(--text-secondary)}
.bz-installhelp__steps .bz-i{vertical-align:-6px;color:var(--text-link)}
.bz-installhelp__note{margin:0;font:var(--type-body-sm);color:var(--text-muted)}
.bz-ltrrun{white-space:nowrap}