/* A2 Brand Directory 2.5.0. Component surfaces follow the shared storefront palette. */
.a2bh{--a2-ink:var(--a2sf-text,#29251e);--a2-muted:var(--a2sf-muted,#706758);--a2-gold:var(--a2sf-gold,#82661f);--a2-border:var(--a2sf-line,#e8e1d3);--a2-shadow:var(--a2sf-shadow,0 10px 28px #3628101f);direction:rtl;color:var(--a2-ink);font-family:inherit;max-width:1200px;margin-inline:auto}
.a2bh *{box-sizing:border-box}
.a2bh [hidden]{display:none!important}
.a2bh :is(button,input,select){font-family:inherit!important;font-size:14px}
.a2bh :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--a2sf-focus,var(--a2-gold))!important;outline-offset:4px}
.a2bh :is(h1,h2,h3,p){color:var(--a2-ink)}
.a2bh-hero{margin:16px 0 28px;background:var(--a2sf-card,#fff);border-radius:24px;box-shadow:var(--a2-shadow);border:1px solid var(--a2-border)}
.a2bh-hero-inner{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;align-items:start}
.a2bh-title-wrap{grid-column:1;grid-row:1}
.a2bh .a2bh-title{font-size:clamp(24px,3vw,34px);line-height:1.5;margin:0 0 8px;font-weight:800}
.a2bh .a2bh-intro{color:var(--a2-muted);font-size:14px;line-height:2;margin:0;max-width:550px}
.a2bh-hero-stats{margin-top:10px}
.a2bh-stat{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--a2-muted)}
.a2bh-stat-n{color:var(--a2-gold);font-weight:800;font-size:20px}
.a2bh-switch{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;order:2;padding-top:16px;border-top:1px solid var(--a2-border)}
.a2bh .a2bh-switch-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--a2-border);border-radius:12px;background:var(--a2sf-soft,#faf8f2);text-decoration:none;color:var(--a2-ink);font-size:13px;min-height:44px}
.a2bh-flag{font-size:20px;line-height:1}
.a2bh-switch-title{font-weight:700}
.a2bh-switch-sub{display:none}
.a2bh .a2bh-switch-btn.is-current{background:var(--a2sf-hover,#f1eadb);color:var(--a2-gold);border-color:var(--a2-gold)}
.a2bh-search{grid-column:2;grid-row:1;align-self:center;position:relative;display:grid;gap:10px}
.a2bh-search-label{font-weight:700;font-size:15px;color:var(--a2-ink)}
.a2bh .a2bh-input{height:56px;width:100%;padding:12px 16px 12px 54px;background:var(--a2sf-soft,#faf8f2);border:1px solid var(--a2-gold);border-radius:14px;color:var(--a2-ink);font-size:16px;box-shadow:none;margin:0}
.a2bh .a2bh-input::placeholder{color:var(--a2-muted);opacity:1;font-size:14px}
.a2bh .a2bh-input::-webkit-search-cancel-button{-webkit-appearance:none}
.a2bh .a2bh-clear{position:absolute;left:6px;bottom:6px;display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;line-height:1;font-size:24px;background:transparent;border:0;color:var(--a2-muted);border-radius:10px}
.a2bh .a2bh-clear.is-on{display:flex}
.a2bh-refine{grid-column:1/-1;order:3;border-top:1px solid var(--a2-border);padding-top:16px}
.a2bh-refine summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px;color:var(--a2-ink);font-weight:700;list-style:none;border-radius:8px}
.a2bh-refine summary::-webkit-details-marker{display:none}
.a2bh-refine summary::after{content:'+';margin-inline-start:auto;color:var(--a2-gold);font-size:24px;font-weight:400}
.a2bh-refine[open] summary::after{content:'−'}
.a2bh-refine summary span{font-size:12px;color:var(--a2-muted);font-weight:400}
.a2bh-filter-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:20px}
.a2bh-filter-block:last-child{grid-column:1/-1}
.a2bh-filter-title{font-size:13px;font-weight:700;margin-bottom:10px;color:var(--a2-ink)}
.a2bh .a2bh-filter-hint{font-size:12px;color:var(--a2-muted);margin:-4px 0 10px;line-height:1.8}
.a2bh-price-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.a2bh .a2bh-select{min-height:44px;min-width:88px;max-width:100%;padding:8px 10px;background:var(--a2sf-soft,#faf8f2);color:var(--a2-ink);border:1px solid var(--a2-border);border-radius:10px}
.a2bh-price-sep{font-size:13px;color:var(--a2-muted)}
.a2bh :is(.a2bh-btn-mini,.a2bh-reset-all){min-height:44px;padding:8px 12px;background:transparent;border:1px solid var(--a2-border);border-radius:10px;color:var(--a2-gold);cursor:pointer;font-size:12px}
.a2bh :is(.a2bh-index,.a2bh-countries){display:flex;flex-wrap:wrap;gap:8px}
.a2bh :is(.a2bh-index-chip,.a2bh-country-chip){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid var(--a2-border);background:var(--a2sf-soft,#faf8f2);color:var(--a2-ink);cursor:pointer;font-size:13px}
.a2bh :is(.a2bh-index-chip,.a2bh-country-chip).is-active{background:var(--a2sf-hover,#f1eadb);border-color:var(--a2-gold);color:var(--a2-gold);font-weight:700}
.a2bh-country-chip-n{color:var(--a2-muted);font-size:12px}
.a2bh-feedback{grid-column:1/-1;order:4;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}
.a2bh .a2bh-result-count{margin:0;color:var(--a2-muted);font-size:13px}
.a2bh-sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.a2bh .a2bh-sec-title{margin:0;font-size:20px;line-height:1.6}
.a2bh-sec-sub{color:var(--a2-muted);font-size:12px}
.a2bh-grid{display:grid;grid-template-columns:repeat(var(--a2bh-cols-d,4),minmax(0,1fr));gap:20px}
.a2bh-card{min-width:0;border-radius:20px;background:var(--a2sf-card,#fff);box-shadow:var(--a2-shadow);border:1px solid var(--a2-border);transition:box-shadow .2s,border-color .2s;overflow:hidden}
.a2bh-card-in{display:flex;flex-direction:column;padding:16px;height:100%;gap:12px}
.a2bh-card-top{display:flex;justify-content:flex-end;min-height:22px}
.a2bh-country{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--a2-muted)}
.a2bh .a2bh-logo-wrap{display:flex;align-items:center;justify-content:center;background:#fff;min-height:104px;border-radius:12px;padding:14px;text-decoration:none;overflow:hidden}
.a2bh-logo{width:100%;max-width:180px;height:76px;object-fit:contain;display:block;filter:none;transform:none}
.a2bh-logo-fallback{font-size:32px;font-weight:700;color:var(--a2sf-action,#82661f)}
.a2bh-bottom{display:flex;flex-direction:column;flex:1;text-align:start;gap:10px}
.a2bh .a2bh-brand-name{font-size:15px;font-weight:700;line-height:1.9;margin:0;overflow-wrap:anywhere;min-height:2.85em}
.a2bh-brand-desc{font-size:12px;color:var(--a2-muted);line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.a2bh-meta{display:flex;flex-direction:column;gap:6px;margin-top:auto;font-size:12px;line-height:1.9}
.a2bh-brand-price{color:var(--a2-ink);font-weight:600}
.a2bh-badge{color:var(--a2-muted)}
.a2bh-actions{display:flex;flex-direction:column;gap:6px;padding-top:8px}
.a2bh .a2bh-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid var(--a2-border);border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;line-height:1.7;background:transparent;color:var(--a2-gold)}
.a2bh .a2bh-btn--primary{background:var(--a2sf-action,#82661f);color:var(--a2sf-on-action,#fff);border-color:transparent}
.a2bh .a2bh-btn--ghost{border:0;background:transparent;color:var(--a2-muted)}
.a2bh-empty-box{padding:32px;text-align:center;background:var(--a2sf-card,#fff);color:var(--a2-ink);border:1px solid var(--a2-border);border-radius:20px}
.a2bh-empty-title{font-size:18px;font-weight:700}
.a2bh-empty-sub{color:var(--a2-muted);margin:10px 0 20px;font-size:14px}
.a2bh-seo{margin-top:40px;border-top:1px solid var(--a2-border)}
.a2bh-seo-inner{padding:28px 4px;line-height:2.1;color:var(--a2-muted)}
.a2bh .a2bh-seo-inner :is(h2,h3,strong){color:var(--a2-ink)}
.a2bh .a2bh-seo-inner p{font-size:14px;color:var(--a2-muted)}
.a2bh-seo-inner h2{font-size:20px;margin:0 0 16px}
.a2bh-seo-inner h3{font-size:16px;margin:22px 0 10px}
.a2bh .a2bh-seo-inner a{color:var(--a2-gold)}
.a2bh-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.a2bh-debug-note{padding:8px;color:var(--a2sf-success);font-size:12px}
@media(hover:hover){.a2bh-card:hover{border-color:var(--a2-gold);box-shadow:var(--a2-shadow)}.a2bh :is(.a2bh-switch-btn,.a2bh-country-chip,.a2bh-index-chip,.a2bh-btn-mini,.a2bh-reset-all,.a2bh-clear,.a2bh-btn--ghost):hover{background:var(--a2sf-hover,#f1eadb);color:var(--a2-gold)}.a2bh .a2bh-btn--primary:hover{box-shadow:inset 0 0 0 2px var(--a2sf-on-action,#fff);background:var(--a2sf-action,#82661f);color:var(--a2sf-on-action,#fff)}}
@media(max-width:1024px){.a2bh-grid{grid-template-columns:repeat(var(--a2bh-cols-t,3),minmax(0,1fr))}}
@media(max-width:640px){.a2bh-hero-inner{display:flex;flex-direction:column;padding:20px 16px;gap:16px}.a2bh-title-wrap{order:0}.a2bh-search{order:1;width:100%}.a2bh-switch{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.a2bh .a2bh-switch-btn{flex:0 0 auto;padding:10px;font-size:12px}.a2bh .a2bh-intro{font-size:13px}.a2bh-refine,.a2bh-feedback{width:100%}.a2bh-refine summary{gap:8px;font-size:13px}.a2bh-refine summary span{font-size:11px}.a2bh-filter-panel{grid-template-columns:1fr;gap:20px}.a2bh-grid{grid-template-columns:repeat(var(--a2bh-cols-m,2),minmax(0,1fr));gap:12px}.a2bh-card-in{padding:12px;gap:10px}.a2bh .a2bh-logo-wrap{padding:8px;min-height:88px}.a2bh-logo{height:64px}.a2bh .a2bh-brand-name{font-size:13px;min-height:3.8em}.a2bh-brand-desc{display:none}.a2bh-meta{font-size:11px}.a2bh .a2bh-btn{padding:8px 6px;font-size:12px}.a2bh-sec-sub{display:none}.a2bh .a2bh-sec-title{font-size:18px}.a2bh .a2bh-result-count{font-size:12px}}
@media(prefers-reduced-motion:reduce){.a2bh *{transition:none!important;scroll-behavior:auto!important}}
/* Keep action text above generic link/hover rules inherited from page builders. */
html[data-a2-storefront-theme][data-a2-panel-theme] body .a2bh a.a2bh-btn.a2bh-btn--primary,
html[data-a2-storefront-theme][data-a2-panel-theme] body .a2bh a.a2bh-btn.a2bh-btn--primary:hover{color:var(--a2sf-on-action,#fff)!important;background:var(--a2sf-action,#82661f)!important}
.a2bh .a2bh-actions{min-height:94px;flex:0 0 94px}
.a2bh .a2bh-logo-wrap:has(.a2bh-logo-fallback){background:var(--a2sf-soft,#faf8f2)}
html[data-a2-storefront-theme] .a2bh article.a2bh-card{background:var(--a2sf-card)!important;box-shadow:var(--a2sf-shadow)!important}
@media(hover:hover){html[data-a2-storefront-theme][data-a2-panel-theme] .a2bh :is(.a2bh-switch-btn,.a2bh-country-chip,.a2bh-index-chip,.a2bh-btn-mini,.a2bh-reset-all,.a2bh-clear,.a2bh-btn--ghost):hover{background:var(--a2sf-hover)!important;color:var(--a2sf-gold)!important;border-color:var(--a2sf-gold)!important}}