/* Appearance changes only color and finish; the homepage keeps its layout. */
:root {
  --accent: #087af5;
  --accent-rgb: 8, 122, 245;
  --accent-strong: #176dcc;
  --accent-soft: #eaf3ff;
  --accent-pale: #f0f6fe;
  --page-bg: #f6f9fe;
  --surface: #fff;
  --surface-soft: #fcfdff;
  --text-main: #142648;
  --text-muted: #7a8aa3;
  --ui-line: #e5edf8;
  --ui-shadow: 0 6px 22px #1f437906;
  --pack-icon-filter: none;
}
html[data-palette="navy"] { --accent:#263d62; --accent-rgb:38,61,98; --accent-strong:#172b4b; --accent-soft:#e9edf3; --accent-pale:#f3f5f8; }
html[data-palette="teal"] { --accent:#087f83; --accent-rgb:8,127,131; --accent-strong:#096467; --accent-soft:#e2f4f2; --accent-pale:#f0f9f8; }
html[data-palette="violet"] { --accent:#7953ca; --accent-rgb:121,83,202; --accent-strong:#6040a8; --accent-soft:#eee8fa; --accent-pale:#f7f3fc; }
html[data-palette="clay"] { --accent:#b26147; --accent-rgb:178,97,71; --accent-strong:#914b35; --accent-soft:#f7eae4; --accent-pale:#fcf5f1; }
html:is([data-appearance="dark"],[data-appearance="charcoal"]) {
  color-scheme: dark;
  --page-bg:#0e1623; --surface:#182231; --surface-soft:#202d3f;
  --text-main:#e6edf7; --text-muted:#a0afc2; --ui-line:#2d3b4f;
  --ui-shadow:0 6px 22px #0002;
  --accent-strong:color-mix(in srgb,var(--accent) 52%,white);
  --accent-soft:color-mix(in srgb,var(--accent) 19%,#192332);
  --accent-pale:color-mix(in srgb,var(--accent) 9%,#192332);
}
html[data-appearance="minimal"] {
  color-scheme:light;
  --page-bg:#fff; --surface:#fff; --surface-soft:#fafafa;
  --text-main:#202c3e; --text-muted:#7a838e; --ui-line:#e7e9ec;
  --ui-shadow:none;
  --accent-soft:#f2f3f5; --accent-pale:#f7f7f8;
}
body[data-theme="blue"] {
  --primary:var(--accent); --primary-rgb:var(--accent-rgb);
  --ink:var(--text-main); --muted:var(--text-muted);
  --page:var(--page-bg); --line:var(--ui-line); --shadow:var(--ui-shadow);
  background:var(--page-bg); color:var(--text-main);
}
body[data-theme="blue"] img.pack-icon,
body[data-theme="blue"] .brand-mark { filter:var(--pack-icon-filter,none)!important; }

/* Shared surfaces and copy, including generated dialogs and search results. */
body[data-theme="blue"] :is(.site-header,.category-panel,.ad-card,.list-card,.quick-item,.search-form,.city-button,.search-chip,.search-suggestions,.trust-strip,.trust-placeholder,dialog,.bottom-nav,.gallery-arrow,.carousel-arrow) {
  background:var(--surface); border-color:var(--ui-line); box-shadow:var(--ui-shadow);
}
body[data-theme="blue"] :is(.brand-name,.section-title,.category-label,.card-body h3,.suggestion-label,.footer-links h3,.footer-contact h3,.footer-credentials h3,.trust-item strong,.dialog-head h2) { color:var(--text-main); }
body[data-theme="blue"] :is(.brand-tagline,.desktop-nav,.header-actions .icon-button,.section-subtitle,.posted-time,.card-meta,.card-meta .icon,.card-description,.list-card .card-description,.list-card .card-meta,.meta-divider,.carousel-caption,.carousel-counter,.popular-label,.suggestions-heading,.suggestion-category,.suggestions-empty,.footer-about p,.footer-contact p,.footer-bottom,.trust-item p,.trust-placeholder,.trust-placeholder strong,.trust-placeholder-mark,.trust-placeholder>span:last-child,.dialog-content p) { color:var(--text-muted); }
body[data-theme="blue"] :is(.card-price,.list-card .card-price,.detail-price,.view-all,.carousel-counter b,.carousel-arrow,.gallery-arrow,.search-submit,.search-chip,.category[aria-pressed="true"] .category-label) { color:var(--accent-strong); }
body[data-theme="blue"] :is(.search-selected-category,.search-submit,.location-label,.card-open-arrow,.section-title>[data-icon],.section-title>.star-icon,.view-all [data-icon],.trust-icon,.button-light) { background:var(--accent-soft); color:var(--accent-strong); }
body[data-theme="blue"] :is(.quick-item:hover,.suggestion-row:hover,.suggestion-row[aria-selected="true"],.icon-button:hover,.search-chip:hover,.carousel-arrow:hover,.dialog-menu button:hover) { background:var(--accent-pale); color:var(--accent-strong); }
body[data-theme="blue"] .dialog-menu button { background:var(--surface-soft); }
body[data-theme="blue"] .dialog-content input { background:var(--surface-soft); border-color:var(--ui-line); color:var(--text-main); }
body[data-theme="blue"] input::placeholder { color:var(--text-muted); }
body[data-theme="blue"] :is(.button-primary,.filter-tab.active,.filter-tab[aria-pressed="true"],.search-chip[aria-pressed="true"]) { background:var(--accent); color:#fff; border-color:var(--accent); }
body[data-theme="blue"] :is(.button-white,.showcase-copy .button) { background:var(--surface); color:var(--accent-strong); box-shadow:var(--ui-shadow); }
body[data-theme="blue"] .header-actions .new-ad { box-shadow:var(--ui-shadow); }
body[data-theme="blue"] .filter-tab { background:var(--surface); border-color:var(--ui-line); color:var(--text-muted); }
body[data-theme="blue"] .card-badge { background:var(--accent-soft); color:var(--accent-strong); border-color:color-mix(in srgb,var(--accent) 25%,var(--surface)); box-shadow:var(--ui-shadow); }
body[data-theme="blue"] .favorite-button,
body[data-theme="blue"] .list-card .favorite-button { background:var(--surface); color:var(--text-muted); border-color:var(--ui-line); box-shadow:var(--ui-shadow); }
body[data-theme="blue"] .favorite-button[aria-pressed="true"],
body[data-theme="blue"] .list-card .favorite-button[aria-pressed="true"] { background:#fff1f5; color:#d82459; }
body[data-theme="blue"] .condition-label:not(.condition-good) { color:var(--text-muted); }
html:is([data-appearance="dark"],[data-appearance="charcoal"]) body[data-theme="blue"] .condition-good { color:#60c5a6; }
body[data-theme="blue"] .bottom-nav :is(button,a).active,
body[data-theme="blue"] .bottom-nav :is(button,a).active .icon { color:var(--accent); }
body[data-theme="blue"] .bottom-nav :is(button,a).active:after { background:var(--accent); }
body[data-theme="blue"] .bottom-nav .nav-create .create-circle { background:var(--accent); border-color:var(--surface); box-shadow:var(--ui-shadow); }
body[data-theme="blue"] .notification-dot { border-color:var(--surface); }
body[data-theme="blue"] .banner { background:var(--accent); }
body[data-theme="blue"] .banner:before { background:linear-gradient(270deg,rgba(var(--accent-rgb),.30),rgba(var(--accent-rgb),.12) 55%,transparent),linear-gradient(270deg,#1022353d,transparent 72%); }
body[data-theme="blue"] .banner-copy :is(h2,p) { text-shadow:0 1px 4px #10223570; }
body[data-theme="blue"] #main-content>.trust-strip { margin-bottom:36px; }
@media(max-width:700px) { body[data-theme="blue"] #main-content>.trust-strip { margin-bottom:28px; } }

/* Palette-tinted organic shapes; icon filters never target photographs. */
body[data-theme="blue"] .category-art {
  --blob-start:var(--accent-soft); --blob-end:var(--accent-pale);
  background:transparent; border-color:transparent;
}
body[data-theme="blue"] .category-art::after { background:linear-gradient(145deg,var(--accent-soft),var(--accent-pale)); }
body[data-theme="blue"] .category[aria-pressed="true"] .category-art::before { background:linear-gradient(140deg,var(--accent-soft),color-mix(in srgb,var(--accent) 18%,var(--surface))); }
html[data-appearance="minimal"] body[data-theme="blue"] :is(.showcase-slide,.showcase-slide.is-active,.button,.bottom-nav) { box-shadow:none; }

/* The recess uses an alpha mask so its exact curve follows the page color. */
body[data-theme="blue"] .carousel-footer::before {
  background:var(--page-bg);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176 34'%3E%3Cpath fill='white' d='M0 34C29 34 30 5 58 5H118C146 5 147 34 176 34Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 176 34'%3E%3Cpath fill='white' d='M0 34C29 34 30 5 58 5H118C146 5 147 34 176 34Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
body[data-theme="blue"] .carousel-dot::before { background:color-mix(in srgb,var(--text-muted) 65%,var(--page-bg)); }
body[data-theme="blue"] .carousel-dot[aria-pressed="true"]::before { background:var(--accent); }
body[data-theme="blue"] :is(.card-price,.list-card .card-price,.popular-searches,.footer-bottom)::before { background:linear-gradient(90deg,transparent,var(--ui-line) 7%,var(--ui-line) 93%,transparent); }
body[data-theme="blue"] .trust-item+.trust-item::before { background:linear-gradient(180deg,transparent,var(--ui-line) 8%,var(--ui-line) 92%,transparent); }
@media(max-width:700px) {
  body[data-theme="blue"] :is(.trust-item+.trust-item,.footer-links,.footer-assistance)::before { background:linear-gradient(90deg,transparent,var(--ui-line) 7%,var(--ui-line) 93%,transparent); }
}

/* Compact RTL appearance controls. */
body[data-theme="blue"] .appearance-section { margin-block:10px 20px; }
body[data-theme="blue"] .appearance-section h3 { color:var(--text-main); font-size:13px; margin-bottom:10px; }
body[data-theme="blue"] .appearance-modes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
body[data-theme="blue"] .appearance-mode { display:flex; flex-direction:column; align-items:center; gap:8px; padding:10px 7px; border:1px solid var(--ui-line); border-radius:12px; background:var(--surface); color:var(--text-main); font-size:11px; }
body[data-theme="blue"] :is(.appearance-mode,.palette-option)[aria-pressed="true"] { border-color:var(--accent); background:var(--accent-pale); box-shadow:0 0 0 1px var(--accent); }
body[data-theme="blue"] .mode-preview { display:block; position:relative; width:100%; height:49px; border:1px solid #dfe5ed; border-radius:7px; background:#f2f6fc; overflow:hidden; }
body[data-theme="blue"] .mode-preview:before { content:''; position:absolute; inset:0 0 auto; height:10px; background:#fff; border-bottom:1px solid #dfe5ed; }
body[data-theme="blue"] .mode-preview:after { content:''; position:absolute; inset:17px 9px 8px; background:linear-gradient(90deg,#d3e4ff 32%,transparent 32%,transparent 38%,#fff 38%); border-radius:4px; }
body[data-theme="blue"] .mode-preview.mode-dark { background:#0e1623; border-color:#2d3b4f; }
body[data-theme="blue"] .mode-dark:before { background:#202d3f; border-color:#2d3b4f; }
body[data-theme="blue"] .mode-dark:after { background:linear-gradient(90deg,#344f75 32%,transparent 32%,transparent 38%,#182231 38%); }
body[data-theme="blue"] .mode-preview.mode-minimal { background:#fff; }
body[data-theme="blue"] .mode-minimal:after { background:linear-gradient(90deg,#e9ecf0 32%,transparent 32%,transparent 38%,#f5f5f5 38%); }
body[data-theme="blue"] .appearance-palettes { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
body[data-theme="blue"] .palette-option { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:3px; padding:10px 4px 8px; border:1px solid var(--ui-line); border-radius:10px; color:var(--text-main); background:var(--surface); font-size:10px; }
body[data-theme="blue"] .palette-dot { display:block; width:17px; height:17px; border-radius:50%; border:1px solid #0000000d; }
body[data-theme="blue"] .palette-option :is(.palette-label,span:last-child:not(.palette-dot)) { flex-basis:100%; text-align:center; margin-top:4px; }
body[data-theme="blue"] .appearance-note { display:block; color:var(--text-muted); font-size:11px; line-height:1.9; margin-block:14px; }
body[data-theme="blue"] .appearance-reset { display:block; margin-inline:auto; padding:7px 13px; color:var(--accent-strong); font-size:11px; border-radius:8px; }
body[data-theme="blue"] .appearance-reset:hover { background:var(--accent-pale); }
@media(max-width:380px) { body[data-theme="blue"] .header-actions .appearance-action { display:none; } }
/* Match the specificity of individual category variants. */
body[data-theme="blue"] .category .category-art { --blob-start:var(--accent-soft); --blob-end:var(--accent-pale); }
body[data-theme="blue"] .site-footer { background:var(--surface); border-top:1px solid var(--ui-line); }
body[data-theme="blue"] .pill:not(.pill-green) { background:var(--accent-pale); color:var(--text-muted); }
html:is([data-appearance="dark"],[data-appearance="charcoal"]) body[data-theme="blue"] .pill-green { background:#183e35; color:#68d4ad; }
/* Keep the price separator in normal flow and use the active theme's line color. */
body[data-theme="blue"] .card-price,
body[data-theme="blue"] .list-card .card-price {
  position:static;
  inset:auto;
  background-image:linear-gradient(90deg,transparent,var(--ui-line) 7%,var(--ui-line) 93%,transparent);
  background-size:100% 1px;
  background-position:0 0;
  background-repeat:no-repeat;
}
body[data-theme="blue"] .card-price::before { content:none; }
body[data-theme="blue"] .bottom-nav :is(button,a) { color:var(--text-muted); }
body[data-theme="blue"] .bottom-nav :is(button,a).active,
body[data-theme="blue"] .bottom-nav .nav-create { color:var(--accent-strong); }
body[data-theme="blue"] :is(.photo-count,.detail-photo-count) { background:var(--surface);color:var(--accent-strong); }
body[data-theme="blue"] .favorite-button[aria-pressed="true"],
body[data-theme="blue"] .list-card .favorite-button[aria-pressed="true"] { background:var(--accent-soft);border-color:var(--accent); }
body[data-theme="blue"] .favorite-button[aria-pressed="true"]::after { background:var(--accent-strong);border-color:var(--surface); }
body[data-theme="blue"] .footer-links ul { color:var(--text-muted); }
body[data-theme="blue"] .empty-state { border-color:var(--ui-line); }
body[data-theme="blue"] .palette-swatch { display:flex;align-items:center;justify-content:center; }
body[data-theme="blue"] .palette-dot+.palette-dot { margin-inline-start:-4px;box-shadow:0 0 0 2px var(--surface); }
html:is([data-appearance="dark"],[data-appearance="charcoal"]) body[data-theme="blue"] :is(.button-primary,.search-chip[aria-pressed="true"]) { color:#102235; }
html[data-appearance="minimal"] body[data-theme="blue"] :is(.ad-card,.list-card,.quick-item,.category-panel,.search-form,.trust-strip,.search-suggestions) { box-shadow:none; }
@media(prefers-reduced-motion:no-preference) {
  body[data-theme="blue"],body[data-theme="blue"] :is(.site-header,.category-panel,.ad-card,.list-card,.quick-item,.search-form,.trust-strip,dialog,.bottom-nav) { transition:background-color .18s,color .18s,border-color .18s; }
}

/* Deep black mode and a balanced four-choice display. */
html[data-appearance="charcoal"]{
 --page-bg:#050505;--surface:#0c0c0d;--surface-soft:#141416;
 --text-main:#efeff1;--text-muted:#9b9ba3;--ui-line:#252527;
}
body[data-theme="blue"] .appearance-modes{grid-template-columns:repeat(4,minmax(0,1fr))}
body[data-theme="blue"] .mode-preview.mode-charcoal{background:#050505;border-color:#252527}
body[data-theme="blue"] .mode-charcoal:before{background:#141416;border-color:#252527}
body[data-theme="blue"] .mode-charcoal:after{background:linear-gradient(90deg,#29292d 32%,transparent 32%,transparent 38%,#0c0c0d 38%)}
@media(max-width:400px){body[data-theme="blue"] .appearance-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Horizontal photographs in list rows, with a separate stacked-card option. */
body[data-theme="blue"] .latest-list .list-card{--listing-photo-width:164px;grid-template-columns:var(--listing-photo-width) minmax(0,1fr);align-items:center}
body[data-theme="blue"] .latest-list .list-card .card-media{width:var(--listing-photo-width);height:calc(var(--listing-photo-width) / 1.5);aspect-ratio:3/2;align-self:center}
body[data-theme="blue"] .latest-list .list-card .card-body{min-width:0}
body[data-theme="blue"] .latest-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(min-width:1051px){body:is(.home-page,.site-shell)[data-theme="blue"] #latest .latest-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
body[data-theme="blue"] .latest-cards .card-media{aspect-ratio:3/2}
body[data-theme="blue"] .latest-cards .card-body h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:48px;font-size:14px}
body[data-theme="blue"] .latest-tools{display:flex;align-items:center;gap:16px}
body[data-theme="blue"] .listing-view-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--ui-line);border-radius:12px;background:var(--surface)}
body[data-theme="blue"] .listing-view-switch button{display:flex;align-items:center;justify-content:center;width:42px;height:40px;border-radius:9px}
body[data-theme="blue"] .listing-view-switch .pack-icon{width:29px;height:29px;opacity:.6}
body[data-theme="blue"] .listing-view-switch button[aria-pressed=true]{background:var(--accent-soft)}
body[data-theme="blue"] .listing-view-switch button[aria-pressed=true] .pack-icon{opacity:1}
body[data-theme="blue"] .listing-badge{display:inline-flex;align-items:center;gap:3px;border-radius:6px;padding:3px 6px;font-size:10px;font-weight:500;line-height:1.4;background:var(--accent-soft);color:var(--accent-strong);white-space:nowrap}
body[data-theme="blue"] .listing-badge .icon{width:13px;height:13px}
body[data-theme="blue"] .listing-badge .promotion-up{transform:rotate(-90deg)}
body[data-theme="blue"] .card-media>.listing-badge{position:absolute;right:9px;top:9px;z-index:2;background:var(--surface);box-shadow:0 2px 9px #101f3412}
body[data-theme="blue"] .listing-badge--bumped{border:1px solid var(--ui-line)}
@media(max-width:1050px){body[data-theme="blue"] .latest-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 body[data-theme="blue"] .latest-list .list-card{--listing-photo-width:140px}
 body[data-theme="blue"] .latest-heading{align-items:flex-start}
 body[data-theme="blue"] .latest-tools{flex-direction:column;align-items:flex-end;gap:8px}
 body[data-theme="blue"] .listing-view-switch button{width:38px;height:36px}
 body[data-theme="blue"] .listing-view-switch .pack-icon{width:27px;height:27px}
 body[data-theme="blue"] .latest-cards{gap:12px}
 body[data-theme="blue"] .latest-cards .card-body{padding:10px}
 body[data-theme="blue"] .latest-cards .card-body h3{font-size:12px;min-height:43px;line-height:1.8}
 body[data-theme="blue"] .latest-cards .card-price{font-size:13px;gap:3px}
 body[data-theme="blue"] .latest-cards .card-price small{font-size:9px}
 body[data-theme="blue"] .latest-cards .card-open-arrow{display:none}
 body[data-theme="blue"] .latest-cards .card-meta{font-size:10px}
 body[data-theme="blue"] .list-card .listing-badge{font-size:9px;padding:2px 5px}
}
@media(max-width:440px){body[data-theme="blue"] .latest-list .list-card{--listing-photo-width:124px}}
@media(max-width:360px){body[data-theme="blue"] .latest-list .list-card{--listing-photo-width:108px}body[data-theme="blue"] .latest-cards .card-price{font-size:11px}}
/* A medium Vazir weight makes small interface labels slightly more legible. */
@font-face{font-family:Vazir;src:url('../fonts/Vazir-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
body[data-theme="blue"] :is(.desktop-nav :is(button,a),.quick-item,.search-chip,.view-all,.footer-links button,.city-button,.bottom-nav :is(button,a)){font-weight:500}
body[data-theme="blue"] :is(.desktop-nav,.footer-links ul,.card-description,.list-card .card-description,.card-meta,.section-subtitle){color:color-mix(in srgb,var(--text-muted) 85%,var(--text-main))}
/* Stronger labels apply only to the desktop header menu. */
body[data-theme="blue"] .desktop-nav :is(button,a){font-weight:700;color:var(--text-main)}
/* Let landscape thumbnails occupy most of the row height, while cropping proportionally. */
body[data-theme="blue"] .latest-list .list-card{--listing-photo-width:182px;align-items:stretch;column-gap:8px}
body[data-theme="blue"] .latest-list .list-card .card-media{height:auto;min-height:calc(var(--listing-photo-width) / 1.5);max-height:calc(var(--listing-photo-width) / 1.18);aspect-ratio:auto;align-self:stretch}
body[data-theme="blue"] .latest-list .list-card .media-link img{width:100%;height:100%;object-fit:cover;object-position:center}
body[data-theme="blue"] .latest-list .list-card .card-body{align-self:center}
/* Both view modes retain the same title, description, location, time and price. */
body[data-theme="blue"] .latest-cards .card-body h3,
body[data-theme="blue"] .latest-list .list-card h3{display:block;-webkit-line-clamp:unset;white-space:normal;overflow:visible;text-overflow:clip;min-height:0}
body[data-theme="blue"] .latest-cards .card-description,
body[data-theme="blue"] .latest-list .list-card .card-description{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.8;font-size:11px}
body[data-theme="blue"] .latest-cards .card-meta{flex-wrap:wrap}
body[data-theme="blue"] .listing-badge .pack-icon{width:15px;height:15px}
body[data-theme="blue"] .listing-view-switch .pack-icon{width:25px;height:25px}
@media(max-width:700px){body[data-theme="blue"] .latest-list .list-card{--listing-photo-width:146px}body[data-theme="blue"] .latest-cards .card-description,body[data-theme="blue"] .latest-list .list-card .card-description{font-size:10px}}
@media(max-width:440px){body[data-theme="blue"] .latest-list .list-card{--listing-photo-width:132px}}
@media(max-width:360px){body[data-theme="blue"] .latest-list .list-card{--listing-photo-width:112px}}
/* Reference composition: complete rounded outer edges and smaller rear cards.
   Perspective is local to each rear card, avoiding off-axis distortion. */
body[data-theme="blue"] .carousel-stage{perspective:none;height:clamp(340px,43vw,520px);border-radius:0}
body[data-theme="blue"] .showcase-slide{left:20%;width:60%;top:16px;height:calc(100% - 70px);border-radius:24px}
body[data-theme="blue"] .showcase-slide:is(.is-prev,.is-next){opacity:1;filter:none;box-shadow:0 18px 32px #10233620}
body[data-theme="blue"] .showcase-slide.is-prev{transform:translateX(37%) scale(.82) perspective(1100px) rotateY(-10deg)}
body[data-theme="blue"] .showcase-slide.is-next{transform:translateX(-37%) scale(.82) perspective(1100px) rotateY(10deg)}
body[data-theme="blue"] .carousel-footer{bottom:54px;width:176px;height:34px}
body[data-theme="blue"] .carousel-footer::before{content:''}
body[data-theme="blue"] .carousel-controls{gap:3px;padding-top:8px}
body[data-theme="blue"] .carousel-dot{width:21px;height:26px}
body[data-theme="blue"] .carousel-dot::before{width:8px;height:8px;border-radius:50%}
body[data-theme="blue"] .carousel-dot[aria-pressed="true"]{width:34px}
body[data-theme="blue"] .carousel-dot[aria-pressed="true"]::before{width:29px;height:9px;border-radius:20px}
@media(max-width:1050px){body[data-theme="blue"] .carousel-footer{width:166px;height:32px}}
@media(max-width:700px){
 body[data-theme="blue"] .carousel-stage{height:310px}
 body[data-theme="blue"] .showcase-slide{left:15%;width:70%;height:246px;border-radius:19px}
 body[data-theme="blue"] .showcase-slide.is-prev{transform:translateX(25%) scale(.82) perspective(850px) rotateY(-10deg)}
 body[data-theme="blue"] .showcase-slide.is-next{transform:translateX(-25%) scale(.82) perspective(850px) rotateY(10deg)}
 body[data-theme="blue"] .showcase-copy{width:100%;padding-inline:18px}
 body[data-theme="blue"] .showcase-copy h2{font-size:clamp(18px,4vw,23px)}
 body[data-theme="blue"] .carousel-footer{bottom:48px;width:152px;height:30px}
 body[data-theme="blue"] .carousel-controls{padding-top:6px}
}
/* The photograph cannot impose its original portrait height on the grid row. */
body[data-theme="blue"] .latest-list .list-card .media-link{position:absolute;inset:0;width:100%;height:100%}
@media(max-width:700px){
 body[data-theme="blue"] .latest-list .list-card{--listing-photo-width:clamp(124px,36vw,190px);min-height:150px}
 body[data-theme="blue"] .latest-list .list-card .card-media{align-self:stretch;max-height:none;min-height:calc(var(--listing-photo-width) / 1.35)}
}

/* The carousel uses a surface button, so its night label must stay light. */
html:is([data-appearance="dark"],[data-appearance="charcoal"]) body[data-theme="blue"] .showcase-copy .button{background:var(--surface);color:var(--accent-strong);border-color:var(--ui-line)}
html:is([data-appearance="dark"],[data-appearance="charcoal"]) body[data-theme="blue"] .showcase-copy .button:hover{background:var(--surface-soft)}
/* Remove the inline-image baseline gap inside benefit icons. */
body[data-theme="blue"] .trust-icon{display:flex;align-items:center;justify-content:center;flex:0 0 58px;width:58px;height:58px;box-sizing:border-box;padding:12px;line-height:0}
body[data-theme="blue"] .trust-icon>[data-icon]{display:flex;align-items:center;justify-content:center;line-height:0}
body[data-theme="blue"] .trust-icon .icon{display:block}
@media(max-width:700px){body[data-theme="blue"] .trust-icon{flex-basis:50px;width:50px;height:50px;padding:10px}}

/* Selected popular searches keep their label readable, including hover. */
body[data-theme=blue] .popular-searches .search-chip[aria-pressed=true],
body[data-theme=blue] .popular-searches .search-chip[aria-pressed=true]:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
body[data-theme=blue] .popular-searches .search-chip[aria-pressed=true]>span{color:inherit}
html:is([data-appearance=dark],[data-appearance=charcoal]) body[data-theme=blue] .popular-searches .search-chip[aria-pressed=true]{color:#fff}
/* Search groups remain compact and keyboard navigation follows every option. */
body[data-theme=blue] #search-suggestions{padding:9px;max-height:min(420px,55dvh)}
body[data-theme=blue] #search-suggestions .suggestion-group+.suggestion-group{position:relative;margin-top:7px;padding-top:9px}
body[data-theme=blue] #search-suggestions .suggestion-group+.suggestion-group::before{content:"";position:absolute;top:0;inset-inline:5px;height:1px;background:linear-gradient(90deg,transparent,var(--ui-line) 20%,var(--ui-line) 80%,transparent)}
body[data-theme=blue] #search-suggestions .suggestions-heading{display:flex;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:500;color:var(--text-muted)}
body[data-theme=blue] #search-suggestions .suggestions-heading>span{display:flex}
body[data-theme=blue] #search-suggestions .suggestions-heading .icon{width:17px;height:17px}
body[data-theme=blue] #search-suggestions .suggestion-row{min-height:44px;padding:10px;gap:12px;align-items:center}
body[data-theme=blue] #search-suggestions .suggestion-term{display:flex;align-items:center;gap:9px;min-width:0;flex:1}
body[data-theme=blue] #search-suggestions .suggestion-term-icon{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:9px;background:var(--accent-pale);color:var(--accent-strong)}
body[data-theme=blue] #search-suggestions .suggestion-term-icon .icon{width:17px;height:17px}
body[data-theme=blue] #search-suggestions .suggestion-label{font-size:12px;font-weight:500;color:var(--text-main);overflow-wrap:anywhere}
body[data-theme=blue] #search-suggestions .suggestion-category{max-width:40%;font-size:10px;line-height:1.8}
body[data-theme=blue] #search-suggestions .suggestion-row[aria-selected=true]{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-strong)}
body[data-theme=blue] #search-suggestions .suggestions-recent-empty{padding:8px 10px;font-size:11px}
@media(max-width:500px){
 body[data-theme=blue] #search-suggestions .suggestion-row{flex-wrap:wrap;gap:3px}
 body[data-theme=blue] #search-suggestions .suggestion-term{flex-basis:100%}
 body[data-theme=blue] #search-suggestions .suggestion-category{margin-inline-start:38px;max-width:calc(100% - 38px);text-align:start}
}

/* Homepage: compact featured cards and clearer footer shortcuts. */
body:is(.home-page,.site-shell) .featured-grid{gap:15px}
body:is(.home-page,.site-shell) .featured-grid .card-body{padding:11px 12px 12px}
body:is(.home-page,.site-shell) .featured-grid .card-body h3{font-size:13px;line-height:1.8;min-height:47px;margin-bottom:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body:is(.home-page,.site-shell) .featured-grid .card-topline{gap:5px;margin-bottom:6px}
body:is(.home-page,.site-shell) .featured-grid :is(.condition-label,.posted-time){font-size:10px}
body:is(.home-page,.site-shell) .featured-grid .card-meta{font-size:10px;gap:4px}
body:is(.home-page,.site-shell) .featured-grid .card-price{margin-top:10px;padding-top:10px;font-size:14px;gap:5px}
body:is(.home-page,.site-shell) .featured-grid .card-price>span:first-child{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}
body:is(.home-page,.site-shell) .featured-grid .card-price small{font-size:10px}
body:is(.home-page,.site-shell) .featured-grid .card-open-arrow{width:25px;height:25px;flex-shrink:0}
body:is(.home-page,.site-shell) .featured-grid .card-open-arrow .icon{width:15px;height:15px}
body:is(.home-page,.site-shell) .favorite-button{width:28px;height:28px;top:10px;left:10px}
body:is(.home-page,.site-shell) .favorite-button .icon{width:18px;height:18px}
body:is(.home-page,.site-shell) .favorite-button::before{content:"";position:absolute;inset:-8px;border-radius:50%}
body:is(.home-page,.site-shell) .favorite-button[aria-pressed=true]::after{width:10px;height:10px;line-height:9px;font-size:7px;bottom:-1px;right:-1px}
body:is(.home-page,.site-shell) .favorite-button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}
body:is(.home-page,.site-shell) .footer-links{min-width:0}
body:is(.home-page,.site-shell) .footer-links h3{margin-bottom:13px}
body:is(.home-page,.site-shell) .footer-links ul{grid-template-columns:repeat(2,max-content);gap:2px 24px}
body:is(.home-page,.site-shell) .footer-links li{min-width:0}
body:is(.home-page,.site-shell) .footer-links .footer-quick-link{display:flex;align-items:center;justify-content:flex-start;width:fit-content;min-height:32px;padding:4px 0;border:0;border-radius:5px;background:transparent;color:var(--text-main);font-size:11px;font-weight:500;line-height:1.8;text-align:start}
body:is(.home-page,.site-shell) .footer-links .footer-quick-link:hover{background:transparent;color:var(--accent-strong);border-color:transparent}
body:is(.home-page,.site-shell) .footer-quick-link:hover>span:first-child{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
body:is(.home-page,.site-shell) .footer-quick-link:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}
/* Featured ads: one slidable row on tablets and desktops (arrows from js/site/featured-slider.js), 2 / 3 / 4 cards in view. */
@media(min-width:701px){
 body:is(.home-page,.site-shell) .featured-grid{display:flex;overflow-x:auto;gap:15px;padding:2px 2px 14px;margin-inline:-2px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
 body:is(.home-page,.site-shell) .featured-grid::-webkit-scrollbar{display:none}
 body:is(.home-page,.site-shell) .featured-grid .ad-card{flex:0 0 calc((100% - 15px) / 2);scroll-snap-align:start}
 .featured-slider{position:relative}
 .featured-slider .carousel-arrow{top:calc(50% - 40px);width:40px;height:40px;opacity:1;transition:opacity .2s,transform .2s}
 .featured-slider .carousel-arrow[hidden]{display:none}
 .featured-slider .carousel-previous{right:-14px;left:auto}
 .featured-slider .carousel-next{left:-14px;right:auto}
}
@media(min-width:801px){body:is(.home-page,.site-shell) .featured-grid .ad-card{flex-basis:calc((100% - 30px) / 3)}}
@media(min-width:1100px){body:is(.home-page,.site-shell) .featured-grid .ad-card{flex-basis:calc((100% - 45px) / 4)}}
@media(max-width:700px){.featured-slider .carousel-arrow{display:none}}
@media(min-width:1050px){body:is(.home-page,.site-shell) .footer-main{grid-template-columns:minmax(0,1.1fr) minmax(260px,.95fr) minmax(0,1.5fr);gap:26px}}
@media(min-width:701px) and (max-width:1049px){
 body:is(.home-page,.site-shell) .footer-main{grid-template-columns:minmax(0,1fr) minmax(250px,1fr);gap:24px}
 body:is(.home-page,.site-shell) .footer-assistance{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--ui-line)}
}
@media(max-width:700px){
 body:is(.home-page,.site-shell) .featured-grid{gap:10px}
 body:is(.home-page,.site-shell) .featured-grid .ad-card{flex-basis:66%;border-radius:16px}
 body:is(.home-page,.site-shell) .featured-grid .card-media{aspect-ratio:1.7}
 body:is(.home-page,.site-shell) .featured-grid .card-body{padding:10px 11px 11px}
 body:is(.home-page,.site-shell) .featured-grid .card-body h3{font-size:13px;min-height:47px}
 body:is(.home-page,.site-shell) .favorite-button{width:26px;height:26px;top:9px;left:9px}
 body:is(.home-page,.site-shell) .favorite-button .icon{width:17px;height:17px}
 body:is(.home-page,.site-shell) .favorite-button::before{inset:-9px}
 body:is(.home-page,.site-shell) .footer-links .footer-quick-link{font-size:12px;min-height:44px;padding:6px 0}
}

/* Searchable city selection stays a single, scrollable column. */
body[data-theme="blue"] .dialog-content .city-picker-search{display:flex;align-items:center;gap:10px;background:var(--surface-soft);border:1px solid var(--ui-line);border-radius:12px;padding:0 12px;margin:14px 0 12px}
.city-picker-search>.icon{width:20px;height:20px;color:var(--accent-strong);flex-shrink:0}
.city-picker-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
body[data-theme="blue"] .dialog-content .city-picker-search input{flex:1;min-width:0;margin:0;padding:13px 0;border:0;border-radius:0;outline:none;background:transparent;box-shadow:none;font-size:13px}
.city-picker .city-picker-list{display:flex;flex-direction:column;gap:3px;max-height:min(45dvh,340px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-line) transparent}
.city-picker .city-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:11px 12px;border:0;border-radius:9px;background:transparent;color:var(--text-main);font-size:13px;text-align:start;flex-shrink:0}
.city-picker .city-choice>.icon{width:17px;height:17px;color:var(--text-muted)}
.city-picker .city-choice:hover{background:var(--surface-soft)}
.city-picker .city-choice[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}
.city-picker .city-choice[aria-pressed=true]>.icon{color:var(--accent-strong)}
.city-picker .city-choice:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.city-picker [hidden]{display:none!important}
.city-picker .city-picker-empty{text-align:center;padding:20px 10px;margin:0;font-size:12px}

/* Homepage refinements and compact account/category dialogs. */
body:is(.home-page,.site-shell) #latest .latest-cards .condition-good{margin:0}
body:is(.home-page,.site-shell) .latest-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;align-items:center}
body:is(.home-page,.site-shell) .latest-heading>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
body:is(.home-page,.site-shell) #latest .section-title{font-size:22px;line-height:1.6;white-space:nowrap;margin:0}
body:is(.home-page,.site-shell) #latest .section-subtitle{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;font-size:11px;max-width:none}
.category-picker-label{display:flex;align-items:center;gap:12px}
.category-picker-label>.icon{width:23px;height:23px;flex-shrink:0}
body:is(.home-page,.site-shell) .home-account-button{gap:9px;min-width:116px}
.home-account-button>img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}
.home-account-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.home-account-label strong{font-size:11px;font-weight:500;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-account-label small{font-size:9px;font-weight:400}
.account-dialog-person{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:12px;border-bottom:1px solid var(--ui-line)}
.account-dialog-person>img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.account-dialog-person>div{display:flex;flex-direction:column;gap:4px}.account-dialog-person strong{font-size:15px}.account-dialog-person small{font-size:11px;color:var(--text-muted)}
.account-dialog-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.account-dialog-menu>a{display:flex;align-items:center;gap:9px;padding:10px 8px;min-height:48px;border-radius:10px;font-size:12px;color:var(--text-main)}
.account-dialog-menu>a:hover{background:var(--surface-soft);color:var(--accent-strong)}
.account-dialog-menu>a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.account-dialog-menu-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent-soft);flex-shrink:0}
.account-dialog-menu-icon>.icon{width:20px;height:20px}.account-dialog-menu>a>.icon{width:13px;height:13px;margin-inline-start:auto;color:var(--text-muted)}
.account-dialog-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:10px;border-top:1px solid var(--ui-line);color:var(--text-muted);font-size:12px}.account-dialog-logout>.icon{width:18px;height:18px}
.account-dialog-guest{text-align:center;padding:8px 0}.account-dialog-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--accent-soft);margin:0 auto 12px}.account-dialog-symbol>.icon{width:34px;height:34px}
.account-dialog-guest h3{font-size:18px;margin:0 0 10px}.account-dialog-guest p{font-size:12px;line-height:2;margin-bottom:20px}.account-dialog-register{display:inline-block;margin-top:14px;padding:4px;font-size:12px;color:var(--accent-strong)}
@media(max-width:1050px){body:is(.home-page,.site-shell) .latest-tools{justify-self:end;align-self:start;margin:0;display:flex;flex-direction:row;align-items:center;gap:12px}}
@media(max-width:700px){body:is(.home-page,.site-shell) #latest .section-title{font-size:19px}body:is(.home-page,.site-shell) .latest-heading>div:first-child{gap:8px 10px}body:is(.home-page,.site-shell) #latest .section-subtitle{font-size:10px}body:is(.home-page,.site-shell) .home-account-button{min-width:0;padding:7px 9px;font-size:11px}.home-account-label small{display:none}.home-account-label strong{max-width:72px;font-size:10px}.home-account-button>img{width:24px;height:24px}.account-dialog-menu>a{font-size:11px;gap:7px;padding:8px 4px}}
@media(max-width:360px){.account-dialog-menu{grid-template-columns:1fr}}

/* Consistent RTL destinations, header actions and compact latest-card metadata. */
body:is(.home-page,.site-shell) :is(.ad-card,.list-card)>.card-body{display:block}
html[dir=rtl] .city-choice[aria-pressed=false]>.icon,html[dir=rtl] .account-dialog-menu>a>.icon{transform:rotate(180deg)}
body:is(.home-page,.site-shell) #latest .section-title>[data-icon]{width:42px;height:42px;border-radius:12px;flex-shrink:0}
body:is(.home-page,.site-shell) #latest .section-title>[data-icon] .icon{width:31px;height:31px}
body:is(.home-page,.site-shell) .header-actions .home-account-button{background:transparent;color:var(--accent-strong);border:1px solid color-mix(in srgb,var(--accent) 65%,var(--ui-line));box-shadow:none;min-height:42px;border-radius:12px;padding:7px 11px}
body:is(.home-page,.site-shell) .header-actions .home-account-button:hover{background:var(--accent-pale)}
body:is(.home-page,.site-shell) .header-actions .home-account-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
body:is(.home-page,.site-shell) .home-desktop-create{min-height:42px;padding:8px 13px;font-size:12px;border-radius:12px;white-space:nowrap}
body:is(.home-page,.site-shell) .home-desktop-create>.icon,body:is(.home-page,.site-shell) .home-desktop-create [data-icon] .icon{width:20px;height:20px}
body:is(.home-page,.site-shell) .latest-cards .card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-content:start;text-align:start}
body:is(.home-page,.site-shell) .latest-cards .card-topline{grid-column:2;grid-row:1;margin:0;padding-top:3px;align-self:start}
body:is(.home-page,.site-shell) .latest-cards .card-body h3{grid-column:1;grid-row:1;min-height:0;margin:0;line-height:1.8}
body:is(.home-page,.site-shell) .latest-cards .card-body>.card-description,body:is(.home-page,.site-shell) .latest-cards .card-body>.card-meta,body:is(.home-page,.site-shell) .latest-cards .card-body>.card-price{grid-column:1/-1;margin-top:0}
body:is(.home-page,.site-shell) .latest-cards .card-body>.card-price{margin-top:3px}
@media(max-width:700px){body:is(.home-page,.site-shell) .home-desktop-create{display:none}body:is(.home-page,.site-shell) #latest .section-title>[data-icon]{width:36px;height:36px}body:is(.home-page,.site-shell) #latest .section-title>[data-icon] .icon{width:28px;height:28px}body:is(.home-page,.site-shell) .header-actions .home-account-button{min-height:36px;padding:6px 8px;font-size:10px}body:is(.home-page,.site-shell) .latest-cards .card-body{gap:7px 6px}body:is(.home-page,.site-shell) .latest-cards .card-body h3{font-size:12px}body:is(.home-page,.site-shell) .latest-cards .condition-label{font-size:9px}}
@media(max-width:420px){body:is(.home-page,.site-shell) .latest-heading>div:first-child{align-items:flex-start}body:is(.home-page,.site-shell) #latest .section-subtitle{justify-content:flex-start;padding:0}}
/* The authentication form uses one dialog, with a keyboard-friendly phone/code flow. */
.home-auth{padding-top:2px}
.home-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--surface-soft);border-radius:11px;margin-bottom:22px}
.home-auth-tabs>button{padding:9px;border-radius:8px;font-size:12px;color:var(--text-muted)}
.home-auth-tabs>button[aria-selected=true]{color:var(--accent-strong);background:var(--surface);box-shadow:var(--ui-shadow);font-weight:600}
.home-auth-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.home-auth-heading h3{font-size:19px;line-height:1.7;margin:0 0 4px}
.home-auth-heading p{font-size:12px;line-height:1.9;margin:0}
.home-auth-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent-soft);flex-shrink:0}
.home-auth-symbol>.icon{width:29px;height:29px}
body[data-theme=blue] .dialog-content .home-auth-field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;margin:0 0 14px}
body[data-theme=blue] .dialog-content .home-auth-field input{margin:0;min-height:48px;font-size:15px;font-weight:400;background:var(--surface-soft)}
body[data-theme=blue] .dialog-content .home-auth-field input:focus{outline:2px solid var(--accent);outline-offset:2px}
body[data-theme=blue] .dialog-content .home-auth-field input[aria-invalid=true]{border-color:#d65f6c}
body[data-theme=blue] .dialog-content .home-auth-help{font-size:11px;margin:-5px 0 18px}
body[data-theme=blue] .dialog-content .home-auth-terms{display:flex;align-items:flex-start;gap:8px;font-size:11px;font-weight:400;line-height:1.9;margin:4px 0 18px}
body[data-theme=blue] .dialog-content .home-auth-terms input{width:17px;height:17px;margin:2px 0 0;flex-shrink:0;accent-color:var(--accent)}
.home-auth-terms a{color:var(--accent-strong);text-decoration:underline;text-underline-offset:3px}
body[data-theme=blue] .dialog-content .home-auth-error{font-size:11px;color:#cf5264;background:color-mix(in srgb,#cf5264 8%,var(--surface));padding:10px;border-radius:8px;line-height:1.9;margin:0 0 14px}
.home-auth [hidden]{display:none!important}
.home-auth-submit{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;font-size:13px}
.home-auth-submit .icon{width:17px;height:17px}
.home-auth-footnote{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:var(--text-muted);margin-top:18px}
.home-auth-footnote>.icon{width:15px;height:15px}
.home-auth-step{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;font-size:11px;color:var(--text-muted)}
.home-auth-step>button{display:flex;align-items:center;gap:6px;color:var(--accent-strong);font-size:11px}.home-auth-step .icon{width:15px;height:15px}
body[data-theme=blue] .dialog-content input.home-auth-code{min-height:62px;font-size:24px;letter-spacing:.45em;text-align:center;padding-inline:10px}
.home-auth-resend{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0;font-size:11px;color:var(--text-muted)}
.home-auth-resend>button{font-size:11px;color:var(--accent-strong)}.home-auth-resend>button:disabled{color:var(--text-muted);cursor:default}
body[data-theme=blue] .dialog-content .home-auth-demo{margin:0;padding:10px 12px;background:var(--surface-soft);border-radius:9px;font-size:10px;line-height:1.9}
.home-auth button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:400px){.home-auth-heading h3{font-size:17px}.home-auth-symbol{width:42px;height:42px}.home-auth-heading{gap:10px}.home-auth-resend{flex-wrap:wrap}.home-auth-tabs{margin-bottom:18px}}

@media(min-width:701px){
 body:is(.home-page,.site-shell) .header-actions :is(.home-account-button.is-signed-in,.home-desktop-create){width:116px;min-width:116px;height:42px;min-height:42px;padding:6px 10px;gap:7px;flex-shrink:0}
 body:is(.home-page,.site-shell) .header-actions .home-account-button.is-signed-in>img{width:26px;height:26px}
 body:is(.home-page,.site-shell) .header-actions .home-account-button.is-signed-in .home-account-label{gap:2px}
 body:is(.home-page,.site-shell) .header-actions .home-account-button.is-signed-in strong{max-width:61px;font-size:10px;line-height:1.35}
 body:is(.home-page,.site-shell) .header-actions .home-account-button.is-signed-in small{font-size:9px;line-height:1.2}
}

@media(max-width:700px){body:is(.home-page,.site-shell) .header-actions .favorite-action{display:flex}}
@media(max-width:400px){body:is(.home-page,.site-shell) .header-actions{gap:3px}body:is(.home-page,.site-shell) .header-actions .icon-button{width:26px;height:32px}body:is(.home-page,.site-shell) .header-actions .icon-button .pack-icon{width:24px;height:24px}body:is(.home-page,.site-shell) .header-actions .home-account-button{font-size:9px;padding:6px;gap:5px}body:is(.home-page,.site-shell) .brand-name{font-size:23px}}
@media(max-width:340px){body:is(.home-page,.site-shell) .header-inner{gap:6px}body:is(.home-page,.site-shell) .brand-name{font-size:20px}body:is(.home-page,.site-shell) .brand-mark{width:30px;height:30px}body:is(.home-page,.site-shell) .brand-tagline{font-size:7px}body:is(.home-page,.site-shell) .header-actions .icon-button{width:24px}body:is(.home-page,.site-shell) .home-account-button>.icon{width:18px;height:18px}body:is(.home-page,.site-shell) .header-actions .home-account-button{font-size:8px;padding:5px}}

/* Outlined account actions retain readable text on both night surfaces. */
html:is([data-appearance=dark],[data-appearance=charcoal]) body:is(.home-page,.site-shell) .header-actions .home-account-button{color:var(--accent-strong);border-color:color-mix(in srgb,var(--accent-strong) 70%,var(--ui-line))}
body:is(.home-page,.site-shell) .latest-tools{align-self:start}
@media(max-width:700px){body:is(.home-page,.site-shell) .latest-heading{column-gap:12px}body:is(.home-page,.site-shell) .latest-tools{gap:9px}}
@media(max-width:420px){body:is(.home-page,.site-shell) #latest .section-title{font-size:17px}body:is(.home-page,.site-shell) .latest-heading{column-gap:10px}body:is(.home-page,.site-shell) .latest-tools{gap:6px}body:is(.home-page,.site-shell) .latest-tools .listing-view-switch button{width:32px;height:32px}body:is(.home-page,.site-shell) .latest-tools .listing-view-switch .pack-icon{width:23px;height:23px}}
@media(max-width:360px){body:is(.home-page,.site-shell) #latest .section-title{font-size:16px}body:is(.home-page,.site-shell) .latest-tools .view-all{gap:3px;font-size:9px}body:is(.home-page,.site-shell) .latest-tools .listing-view-switch button{width:28px}}

/* Homepage category branches use inset connectors and restrained selection. */
body:is(.home-page,.site-shell) .category-picker #category-picker-list{max-height:min(52dvh,440px);gap:5px;padding:2px}
body:is(.home-page,.site-shell) .category-tree,body:is(.home-page,.site-shell) .category-tree-children{list-style:none;margin:0;padding:0}
body:is(.home-page,.site-shell) .category-tree-branch+li{margin-top:4px}
body:is(.home-page,.site-shell) .category-tree-parent,body:is(.home-page,.site-shell) .category-tree-all{width:100%}
body:is(.home-page,.site-shell) .category-tree-all[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}
body:is(.home-page,.site-shell) .category-tree-parent[data-selected-root=true]{color:var(--accent-strong)}
body:is(.home-page,.site-shell) .category-tree-parent[aria-expanded=true]{background:var(--accent-pale);font-weight:600}
body:is(.home-page,.site-shell) .category-tree-parent>.category-tree-arrow{transform:none}
body:is(.home-page,.site-shell) .category-tree-parent[aria-expanded=true]>.category-tree-arrow{transform:rotate(180deg)}
body:is(.home-page,.site-shell) .category-tree-children{margin:4px 23px 10px 4px;padding-inline-start:20px;position:relative}
body:is(.home-page,.site-shell) .category-tree-children::before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:22px;width:1px;background:linear-gradient(var(--ui-line),var(--ui-line) 90%,transparent)}
body:is(.home-page,.site-shell) .category-tree-children>li{position:relative;padding-block:2px}
body:is(.home-page,.site-shell) .category-tree-children>li::before{content:'';position:absolute;inset-inline-start:-20px;top:0;width:14px;height:23px;border-inline-start:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);border-end-start-radius:9px;pointer-events:none}
body:is(.home-page,.site-shell) .category-tree-leaf{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:9px 12px;border-radius:10px;color:var(--text-main);text-align:start;font-size:12px;line-height:1.8}
body:is(.home-page,.site-shell) .category-tree-leaf:hover{background:var(--surface-soft)}
body:is(.home-page,.site-shell) .category-tree-leaf:is([aria-pressed=true],[aria-current=page]){background:var(--accent-soft);color:var(--accent-strong);font-weight:600}
body:is(.home-page,.site-shell) .category-tree-leaf>.icon{width:17px;height:17px;flex-shrink:0}
body:is(.home-page,.site-shell) .category-tree-leaf:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
body:is(.home-page,.site-shell) .latest-more{display:flex;align-items:center;gap:18px;margin-top:28px}
body:is(.home-page,.site-shell) .latest-more[hidden]{display:none}
body:is(.home-page,.site-shell) .latest-more::before,body:is(.home-page,.site-shell) .latest-more::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--ui-line),transparent)}
body:is(.home-page,.site-shell) .latest-more-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 20px;border:1px solid var(--ui-line);border-radius:12px;background:var(--surface);color:var(--accent-strong);font-size:12px;font-weight:500}
body:is(.home-page,.site-shell) .latest-more-button>.icon,body:is(.home-page,.site-shell) .latest-more-button [data-icon]>.icon{width:17px;height:17px}
body:is(.home-page,.site-shell) .latest-more-button:hover{background:var(--accent-pale);border-color:var(--accent)}
body:is(.home-page,.site-shell) .latest-more-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:700px){body:is(.home-page,.site-shell) .latest-more{gap:12px;margin-top:22px}body:is(.home-page,.site-shell) .latest-more-button{padding-inline:16px;font-size:11px}}

/* A two-tone vector plus inherits the active palette without a bitmap. */
@media(max-width:700px){
 body[data-theme=blue] .bottom-nav .nav-create .create-circle{
  background:var(--accent);color:#fff;border-color:var(--surface);
 }
 body[data-theme=blue] .bottom-nav .nav-create .create-circle>[data-icon=plus]{display:grid;place-items:center;width:100%;height:100%}
 body[data-theme=blue] .bottom-nav .nav-create .create-plus-twotone{width:32px;height:32px;color:inherit;stroke:none}
}

/* Separate verification progress from the code-entry section. */
.home-auth-step{padding-bottom:15px;border-bottom:1px solid var(--ui-line)}

/* Keep one native OTP input for paste/autofill, with six clearly divided places. */
.home-auth-code-control{position:relative;display:block;direction:ltr;min-width:0;border:1px solid var(--ui-line);border-radius:14px;background:var(--surface-soft);overflow:hidden}
body[data-theme=blue] .dialog-content .home-auth-code-control>input.home-auth-code{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:0;margin:0;opacity:0;cursor:text}
.home-auth-code-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;min-height:66px;pointer-events:none}
.home-auth-code-cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;font-size:24px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--text-muted)}
.home-auth-code-cell+.home-auth-code-cell::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1px;background:var(--ui-line)}
.home-auth-code-cell.is-filled{color:var(--text-main)}
.home-auth-code-control:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent)}
.home-auth-code-control:focus-within .home-auth-code-cell.is-current,.home-auth-code-cell.is-selected{background:color-mix(in srgb,var(--accent) 8%,var(--surface-soft));color:var(--accent-strong)}
.home-auth-code-control:has(input[aria-invalid=true]){border-color:#c04450}
@media(max-width:400px){.home-auth-code-cells{min-height:60px}.home-auth-code-cell{font-size:22px}}
/* Ad cards on the home page: the description is one line, the rest ends with an ellipsis. */
body:is(.home-page,.site-shell) .ad-card .card-description{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-line-clamp:unset;line-clamp:unset}
/* Home «جدیدترین آگهی‌ها» as a list: three columns when the page is wide enough (two below, one on tablets). */
@media(min-width:1280px){
 body:is(.home-page,.site-shell) #latest .latest-list{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-theme="blue"]:is(.home-page,.site-shell) #latest .latest-list .list-card{--listing-photo-width:138px}
}
/* Home list cards: a one-line description, and a photo that fills the card height (equal space above and below). */
body[data-theme="blue"] .latest-list .list-card{align-items:stretch}
body[data-theme="blue"] .latest-list .list-card .card-media{align-self:stretch;height:auto;min-height:0;max-height:none;aspect-ratio:auto}
body[data-theme="blue"] .latest-list .list-card .media-link{display:block;height:100%}
body[data-theme="blue"] .latest-list .list-card .card-body{align-self:center}
body[data-theme="blue"] .latest-list .list-card .card-description{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.8}
/* City picker search: a delicate blue border on hover and focus (the plain :focus-within rule lost to the field's own border rule). */
body[data-theme="blue"] .dialog-content .city-picker-search:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--ui-line))}
body[data-theme="blue"] .dialog-content .city-picker-search:focus-within{border-color:color-mix(in srgb,var(--accent) 62%,var(--ui-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}
.city-picker-search .icon{width:20px;height:20px}