/* AraOnline Shop Archive - archive (shop / category / brand / tag) */
/* AraOnline Shop Archive - same design language as the AraOnline user panel */
:root {
    --sa-primary: #5C1F5A; --sa-primary-lt: #5C1F5A1a; --sa-accent: #f59e0b;
    --sa-green: #10b981; --sa-red: #ef4444;
    --sa-bg: #f5f5f7; --sa-card: #fff; --sa-border: #e5e7eb;
    --sa-text: #1f2937; --sa-text-sm: #6b7280;
    --sa-radius: 16px; --sa-radius-sm: 10px;
    --sa-shadow: 0 2px 12px rgba(0,0,0,.06);
    --sa-sticky-top: 16px; /* raise this if your theme has a fixed header */
}
.ara-sa, .ara-sa *, .ara-sa *::before, .ara-sa *::after { box-sizing: border-box; }
body.ara-sa-active { background: var(--sa-bg); }
.ara-sa {
    direction: rtl; text-align: right; font-family: inherit; color: var(--sa-text);
    font-size: 14px; line-height: 1.6; width: 100%; max-width: none; min-height: 100vh; margin: 0; padding: 0 0 40px;
}
.ara-sa a { text-decoration: none; }
.ara-sa ul, .ara-sa ol { list-style: none; margin: 0; padding: 0; }
.ara-sa h1 { margin: 0; padding: 0; font-size: 20px; font-weight: 700; line-height: 1.4; color: var(--sa-text); }
.ara-sa > .woocommerce-notices-wrapper { margin: 0; padding: 0 18px; }
.ara-sa .woocommerce-message, .ara-sa .woocommerce-info, .ara-sa .woocommerce-error { margin: 0 0 12px; }
@media (prefers-reduced-motion: reduce) {
    .ara-sa * { transition: none !important; animation: none !important; }
}

/* buttons */
.ara-sa-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 16px;
    border-radius: var(--sa-radius-sm); border: 1.5px solid transparent; cursor: pointer; font: inherit;
    font-size: 13px; font-weight: 600; line-height: 1.4; transition: background .2s, border-color .2s, color .2s;
}
.ara-sa .ara-sa-btn--primary, .ara-sa .ara-sa-btn--primary:visited { background: var(--sa-primary); color: #fff; }
.ara-sa .ara-sa-btn--primary:hover { background: #461744; color: #fff; }
.ara-sa .ara-sa-btn--ghost { background: #fff; color: var(--sa-text); border-color: var(--sa-border); }
.ara-sa .ara-sa-btn--ghost:hover { border-color: var(--sa-primary); color: var(--sa-primary); }
/* full-width layout: starts immediately below the theme header */
.ara-sa__layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; padding: 0 18px; }
@media (min-width: 960px) {
    .ara-sa__layout { grid-template-columns: 290px minmax(0, 1fr); }
    .ara-sa__layout--no-filters > .ara-sa__main { grid-column: 1 / -1; }
}
.ara-sa__main { min-width: 0; transition: opacity .2s; }
.ara-sa__main.is-loading { opacity: .45; pointer-events: none; }
/* sidebar (desktop) */
.ara-sa__sidebar { background: var(--sa-card); border-radius: var(--sa-radius); box-shadow: var(--sa-shadow); }
@media (min-width: 960px) {
    .ara-sa__sidebar { position: sticky; top: var(--sa-sticky-top); max-height: calc(100vh - var(--sa-sticky-top) - 16px); overflow-y: auto; overscroll-behavior: contain; }
    .ara-sa__drawer-head, .ara-sa__drawer-foot, .ara-sa__overlay, .ara-sa__filterbtn { display: none !important; }
}
.ara-sa__panel-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px 8px; font-size: 15px; }
.ara-sa-reset { font-size: 12px; color: var(--sa-red); font-weight: 600; }
/* groups */
.ara-sa-group { border-bottom: 1px solid #f3f4f6; }
.ara-sa-group:last-of-type { border-bottom: 0; }
.ara-sa-group > summary {
    list-style: none; cursor: pointer; padding: 14px 18px; font-weight: 700; font-size: 14px;
    display: flex; align-items: center; justify-content: space-between; user-select: none;
}
.ara-sa-group > summary::-webkit-details-marker { display: none; }
.ara-sa-group > summary::after { content: ''; width: 8px; height: 8px; border: solid var(--sa-text-sm); border-width: 0 2px 2px 0; transform: rotate(45deg); margin-top: -4px; transition: transform .2s; }
.ara-sa-group[open] > summary::after { transform: rotate(-135deg); margin-top: 4px; }
.ara-sa-group__body { padding: 0 18px 16px; }
.ara-sa-search {
    width: 100%; margin-bottom: 10px; background: var(--sa-bg); border: 1.5px solid var(--sa-border); border-radius: var(--sa-radius-sm);
    padding: 9px 12px; font: inherit; font-size: 13px; color: var(--sa-text); outline: none; direction: rtl; box-shadow: none; height: auto;
}
.ara-sa-search:focus { border-color: var(--sa-primary); background: #fff; }
.ara-sa-list--scroll { max-height: 264px; overflow-y: auto; overscroll-behavior: contain; padding-left: 4px; }
.ara-sa-list li { margin: 0; }
/* custom checkbox / radio */
.ara-sa-check { display: flex; align-items: center; gap: 10px; padding: 7px 0; cursor: pointer; font-size: 13px; position: relative; }
.ara-sa-check input { position: absolute; opacity: 0; pointer-events: none; }
.ara-sa-check__box {
    width: 20px; height: 20px; flex-shrink: 0; border: 1.5px solid #d1d5db; border-radius: 6px; background: #fff;
    display: inline-flex; align-items: center; justify-content: center; transition: all .15s;
}
.ara-sa-check--radio .ara-sa-check__box { border-radius: 50%; }
.ara-sa-check input:checked + .ara-sa-check__box { background: var(--sa-primary); border-color: var(--sa-primary); }
.ara-sa-check input:checked + .ara-sa-check__box::after { content: ''; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-1px, -1px); }
.ara-sa-check--radio input:checked + .ara-sa-check__box::after { width: 8px; height: 8px; border: 0; border-radius: 50%; background: #fff; transform: none; }
.ara-sa-check input:focus-visible + .ara-sa-check__box { box-shadow: 0 0 0 3px var(--sa-primary-lt); }
.ara-sa-check__logo { width: 24px; height: 24px; object-fit: contain; border-radius: 6px; flex-shrink: 0; }
.ara-sa-check__name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ara-sa-check__count { font-size: 11px; color: var(--sa-text-sm); background: var(--sa-bg); border-radius: 20px; padding: 1px 8px; }
.ara-sa-check:hover .ara-sa-check__name { color: var(--sa-primary); }
/* switch */
.ara-sa-switch { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; cursor: pointer; font-size: 13px; }
.ara-sa-switch input { position: absolute; opacity: 0; pointer-events: none; }
.ara-sa-switch i { width: 40px; height: 22px; background: #d1d5db; border-radius: 20px; position: relative; flex-shrink: 0; transition: background .2s; }
.ara-sa-switch i::after { content: ''; position: absolute; top: 3px; right: 3px; width: 16px; height: 16px; background: #fff; border-radius: 50%; transition: transform .2s; box-shadow: 0 1px 3px rgba(0,0,0,.25); }
.ara-sa-switch input:checked + i { background: var(--sa-primary); }
.ara-sa-switch input:checked + i::after { transform: translateX(-18px); }
.ara-sa-switch input:focus-visible + i { box-shadow: 0 0 0 3px var(--sa-primary-lt); }
/* price range */
.ara-sa-range { position: relative; height: 28px; margin: 4px 6px 10px; --lo: 0%; --hi: 100%; }
.ara-sa-range::before { content: ''; position: absolute; top: 12px; right: 0; left: 0; height: 4px; border-radius: 4px; background: #e5e7eb; }
.ara-sa-range::after { content: ''; position: absolute; top: 12px; height: 4px; border-radius: 4px; background: var(--sa-primary); right: var(--lo); left: calc(100% - var(--hi)); }
.ara-sa-range input[type=range] {
    position: absolute; inset: 0; width: 100%; height: 28px; margin: 0; padding: 0; background: none;
    -webkit-appearance: none; appearance: none; pointer-events: none; direction: rtl; z-index: 2;
}
.ara-sa-range input[type=range]::-webkit-slider-runnable-track { background: transparent; height: 28px; }
.ara-sa-range input[type=range]::-moz-range-track { background: transparent; height: 28px; }
.ara-sa-range input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none; pointer-events: auto; width: 22px; height: 22px; border-radius: 50%; margin-top: 3px;
    background: #fff; border: 2px solid var(--sa-primary); box-shadow: 0 1px 4px rgba(0,0,0,.2); cursor: grab;
}
.ara-sa-range input[type=range]::-moz-range-thumb { pointer-events: auto; width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 2px solid var(--sa-primary); box-shadow: 0 1px 4px rgba(0,0,0,.2); cursor: grab; }
.ara-sa-price { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ara-sa-price label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--sa-text-sm); }
.ara-sa-price input {
    width: 100%; background: var(--sa-bg); border: 1.5px solid var(--sa-border); border-radius: var(--sa-radius-sm);
    padding: 8px 10px; font: inherit; font-size: 13px; color: var(--sa-text); outline: none; direction: ltr; text-align: center; box-shadow: none; height: auto;
}
.ara-sa-price input:focus { border-color: var(--sa-primary); background: #fff; }
.ara-sa-price__unit { margin-top: 6px; font-size: 11px; color: var(--sa-text-sm); text-align: center; }
/* toolbar */
.ara-sa__toolbar {
    display: flex; align-items: center; gap: 12px; background: var(--sa-card); border-radius: var(--sa-radius);
    box-shadow: var(--sa-shadow); padding: 10px 14px; margin-bottom: 12px;
}
.ara-sa__total { font-size: 13px; color: var(--sa-text-sm); margin-left: auto; margin-right: 0; }
.ara-sa__filterbtn { padding: 8px 14px; }
.ara-sa-count { background: var(--sa-primary); color: #fff; border-radius: 20px; font-size: 11px; min-width: 18px; height: 18px; padding: 0 5px; display: inline-flex; align-items: center; justify-content: center; }
.ara-sa__sort { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--sa-text-sm); margin: 0; }
.ara-sa__sort span { white-space: nowrap; }
.ara-sa__sort select {
    background: var(--sa-bg); border: 1.5px solid var(--sa-border); border-radius: var(--sa-radius-sm); padding: 7px 12px; font: inherit;
    font-size: 13px; color: var(--sa-text); outline: none; direction: rtl; height: auto; width: auto; min-width: 0; max-width: 100%; box-shadow: none;
}
.ara-sa__sort select:focus { border-color: var(--sa-primary); }
/* chips */
.ara-sa__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.ara-sa .ara-sa-chip {
    display: inline-flex; align-items: center; gap: 6px; background: var(--sa-primary-lt); color: var(--sa-primary);
    border-radius: 20px; padding: 5px 12px; font-size: 12px; font-weight: 600;
}
.ara-sa .ara-sa-chip b { font-size: 10px; opacity: .7; }
.ara-sa .ara-sa-chip:hover { background: var(--sa-primary); color: #fff; }
.ara-sa .ara-sa-chip--clear { background: #fef2f2; color: var(--sa-red); }
.ara-sa .ara-sa-chip--clear:hover { background: var(--sa-red); color: #fff; }
/* product grid */
.ara-sa__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 640px) {
    .ara-sa__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
}
@media (min-width: 960px) {
    .ara-sa__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1240px) {
    .ara-sa__grid { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
}
.ara-sa-card { background: var(--sa-card); border-radius: var(--sa-radius); box-shadow: var(--sa-shadow); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .2s, transform .2s; margin: 0; }
.ara-sa-card:hover, .ara-sa-card:focus-within { box-shadow: 0 6px 22px rgba(0,0,0,.12); transform: translateY(-2px); }
.ara-sa-card__link { display: flex; flex: 1; min-height: 100%; flex-direction: column; color: var(--sa-text); }
.ara-sa-card__link:focus-visible { outline: 3px solid var(--sa-primary); outline-offset: -3px; }
.ara-sa-card__media { position: relative; display: block; aspect-ratio: 1 / 1; background: #fff; overflow: hidden; }
.ara-sa-card__media img { width: 100%; height: 100%; object-fit: contain; display: block; margin: 0; padding: 8px; transition: transform .3s; }
.ara-sa-card:hover .ara-sa-card__media img, .ara-sa-card__link:focus-visible .ara-sa-card__media img { transform: scale(1.04); }
.ara-sa-card.is-out .ara-sa-card__media img { opacity: .5; filter: grayscale(1); }
.ara-sa-badge { position: absolute; top: 10px; right: 10px; border-radius: 20px; padding: 2px 10px; font-size: 12px; font-weight: 700; line-height: 1.6; }
.ara-sa-badge--sale { background: var(--sa-red); color: #fff; }
.ara-sa-badge--out { background: #6b7280; color: #fff; }
.ara-sa-card__body { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px 12px; flex: 1; }
.ara-sa-card__brand { font-size: 11px; color: var(--sa-text-sm); }
.ara-sa .ara-sa-card__title {
    font-size: 13px; font-weight: 600; line-height: 1.6; color: var(--sa-text); margin: 0;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 3.2em;
}
.ara-sa-card:hover .ara-sa-card__title, .ara-sa-card__link:focus-visible .ara-sa-card__title { color: var(--sa-primary); }
.ara-sa-card__rating { font-size: 12px; color: var(--sa-accent); font-weight: 600; }
.ara-sa-card__price { margin-top: auto; padding-top: 6px; font-size: 14px; font-weight: 700; color: var(--sa-text); min-height: 2.6em; display: flex; align-items: flex-end; flex-wrap: wrap; gap: 6px; }
.ara-sa-card__price del { font-size: 12px; font-weight: 400; color: var(--sa-text-sm); opacity: 1; }
.ara-sa-card__price ins { text-decoration: none; background: none; }
/* pagination */
.ara-sa__pagination { margin-top: 20px; }
.ara-sa__pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
.ara-sa__pagination li { margin: 0; }
.ara-sa__pagination .page-numbers {
    display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 10px;
    border-radius: var(--sa-radius-sm); background: var(--sa-card); border: 1.5px solid var(--sa-border); color: var(--sa-text); font-weight: 600; box-shadow: none;
}
.ara-sa__pagination a.page-numbers:hover { border-color: var(--sa-primary); color: var(--sa-primary); }
.ara-sa__pagination .page-numbers.current { background: var(--sa-primary); border-color: var(--sa-primary); color: #fff; }
.ara-sa__pagination .page-numbers.dots { border: 0; background: transparent; }
/* empty */
.ara-sa__empty { background: var(--sa-card); border-radius: var(--sa-radius); box-shadow: var(--sa-shadow); text-align: center; padding: 48px 20px; }
.ara-sa__empty span { font-size: 52px; display: block; margin-bottom: 8px; }
.ara-sa__empty p { color: var(--sa-text-sm); margin: 0 0 16px; }
/* ---------- mobile / tablet: filters become a slide-up drawer ---------- */
.ara-sa-x { background: var(--sa-bg); border: 0; border-radius: 10px; width: 34px; height: 34px; cursor: pointer; font-size: 14px; color: var(--sa-text); }
.ara-sa__drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; border-bottom: 1px solid var(--sa-border); font-size: 15px; position: sticky; top: 0; background: var(--sa-card); z-index: 2; }
.ara-sa__panel-head { display: none; }
@media (min-width: 960px) {
    .ara-sa__panel-head { display: flex; }
}
.ara-sa__drawer-foot { display: flex; gap: 10px; padding: 12px 18px calc(12px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--sa-border); position: sticky; bottom: 0; background: var(--sa-card); }
.ara-sa__drawer-foot .ara-sa-btn--primary { flex: 1; padding: 13px; }
.ara-sa__drawer-foot .ara-sa-reset.ara-sa-btn { color: var(--sa-red); font-size: 13px; }
@media (max-width: 959px) {
    .ara-sa__layout { gap: 10px; padding-right: 10px; padding-left: 10px; }
    .ara-sa > .woocommerce-notices-wrapper { padding-right: 10px; padding-left: 10px; }
    .ara-sa__overlay { position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 99998; opacity: 0; visibility: hidden; transition: opacity .25s, visibility .25s; }
    .ara-sa__sidebar {
        position: fixed; right: 0; left: 0; bottom: 0; z-index: 99999; max-height: 88vh; max-height: 88dvh; overflow-y: auto; overscroll-behavior: contain;
        border-radius: 20px 20px 0 0; transform: translateY(105%); transition: transform .3s ease; box-shadow: 0 -8px 30px rgba(0,0,0,.2);
    }
    .ara-sa.is-open .ara-sa__overlay { opacity: 1; visibility: visible; }
    .ara-sa.is-open .ara-sa__sidebar { transform: translateY(0); }
    .ara-sa__toolbar { position: sticky; top: 0; z-index: 50; flex-wrap: wrap; gap: 8px; padding: 8px 10px; }
    .ara-sa__total { order: 3; width: 100%; margin: 0; font-size: 12px; }
    .ara-sa__sort { margin-right: auto; }
    .ara-sa__sort span { display: none; }
    .ara-sa__sort select { padding: 7px 10px; }
    .ara-sa-check { padding: 10px 0; }
    /* comfortable touch targets */
    .ara-sa-list--scroll { max-height: 220px; }
}
html.ara-sa-lock, html.ara-sa-lock body { overflow: hidden; }
@media (min-width: 960px) {
    html.ara-sa-lock, html.ara-sa-lock body { overflow: auto; }
}
@media (max-width: 380px) {
    .ara-sa-card__body { padding: 8px 8px 10px; }
}
/* ---------- mobile drawers: cover the header instead of opening underneath it ---------- */
.ara-sa__sortdrawer { display: none; }
.ara-sa__sortoptions { padding: 8px 18px 22px; }
.ara-sa-sortoption { padding: 14px 0; border-bottom: 1px solid #f3f4f6; }
.ara-sa-sortoption:last-child { border-bottom: 0; }
.ara-sa__sortbtn { padding: 8px 13px; }
.ara-sa-icon { flex: 0 0 auto; }
@media (max-width: 959px) {
    .ara-sa__overlay { z-index: 2147483000; }
    .ara-sa__sidebar, .ara-sa__sortdrawer {
        top: 0; right: 0; left: 0; bottom: 0; z-index: 2147483001; max-height: none; height: 100dvh;
        border-radius: 0; transform: translateY(105%); overflow-y: auto;
    }
    .ara-sa.is-sort-open .ara-sa__overlay { opacity: 1; visibility: visible; }
    .ara-sa.is-sort-open .ara-sa__sortdrawer { display: block; position: fixed; transform: translateY(0); background: var(--sa-card); box-shadow: 0 0 30px rgba(0,0,0,.22); }
    .ara-sa.is-open .ara-sa__sidebar { top: 0; transform: translateY(0); }
    .ara-sa.is-open .ara-sa__sortdrawer { display: none; }
    .ara-sa__drawer-head { padding-top: max(14px, env(safe-area-inset-top, 0px)); }
}
@media (min-width: 960px) {
    .ara-sa__sortdrawer { position: fixed; top: 50%; right: 50%; width: min(420px, calc(100vw - 40px)); max-height: min(620px, calc(100vh - 40px)); overflow-y: auto; z-index: 100001; transform: translate(50%, -46%) scale(.98); opacity: 0; visibility: hidden; background: var(--sa-card); border-radius: var(--sa-radius); box-shadow: 0 16px 60px rgba(0,0,0,.2); transition: opacity .2s, transform .2s, visibility .2s; }
    .ara-sa.is-sort-open .ara-sa__overlay { position: fixed; inset: 0; z-index: 100000; background: rgba(0,0,0,.45); opacity: 1; visibility: visible; }
    .ara-sa.is-sort-open .ara-sa__sortdrawer { display: block; opacity: 1; visibility: visible; transform: translate(50%, -50%) scale(1); }
}

/* AraOnline Shop Archive 2.3.0 refinements */
.ara-sa__sortbar{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;white-space:nowrap}
.ara-sa__sortitem{appearance:none;border:0;background:transparent;color:var(--sa-text-sm);font:inherit;font-size:13px;font-weight:500;padding:9px 12px;border-radius:9px;cursor:pointer;flex:0 0 auto}
.ara-sa__sortitem:hover,.ara-sa__sortitem.is-active{color:var(--sa-primary);background:var(--sa-primary-lt);font-weight:700}
.ara-sa__sortitem:focus-visible{outline:2px solid var(--sa-primary);outline-offset:2px}
.ara-sa__sortbtn{display:none!important}
.ara-sa .ara-sa-card__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;line-height:1.55;min-height:3.1em;max-height:3.1em}
.ara-sa-card__facts{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 3px;min-height:0}
.ara-sa-card__fact{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:4px 7px;border-radius:7px;font-size:10px;line-height:1.5;font-weight:700;white-space:normal;overflow-wrap:anywhere}
.ara-sa-card__fact--stock{background:#fff1f2;color:#be123c}
.ara-sa-card__fact--sale{background:#fef2f2;color:#b91c1c}
.ara-sa-card__fact--rating{background:#fffbeb;color:#92400e}
@media(max-width:959px){
 .ara-sa__sortbar{display:none}
 .ara-sa__sortbtn{display:inline-flex!important}
 .ara-sa__sidebar{top:0;right:0;left:auto;bottom:0;width:min(100%,480px);height:100%;height:100dvh;max-height:none;border-radius:0;background:#fff;transform:translateX(105%);overflow:hidden;display:flex;flex-direction:column}
 .ara-sa.is-open .ara-sa__sidebar{transform:translateX(0)}
 .ara-sa__sidebar #ara-sa-form{height:100%;min-height:0;display:flex;flex-direction:column;background:#fff}
 .ara-sa__sidebar .ara-sa__inner{height:100%;min-height:0;display:flex;flex-direction:column;background:#fff;overflow:hidden}
 .ara-sa__sidebar .ara-sa__drawer-head{flex:0 0 auto;background:#fff;padding-top:max(14px,env(safe-area-inset-top,0px))}
 .ara-sa__sidebar .ara-sa__panel-head{display:flex;flex:0 0 auto}
 .ara-sa__sidebar .ara-sa-group{flex:0 0 auto}
 .ara-sa__sidebar .ara-sa__drawer-foot{flex:0 0 auto;position:sticky;bottom:0;margin-top:auto;background:#fff;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 .ara-sa__sidebar .ara-sa-group__body{max-height:30vh;overflow:auto}
 .ara-sa.is-open .ara-sa__overlay{opacity:1;visibility:visible}
 .ara-sa__toolbar{position:relative;top:auto}
}
@media(max-width:380px){.ara-sa__sortitem{padding:8px 9px;font-size:12px}}


/* 2.4.0 product-card polish: scoped to the archive component */
.ara-sa .ara-sa-card { border:1px solid rgba(92,31,90,.08); border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 3px 14px rgba(31,41,55,.045); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.ara-sa .ara-sa-card:hover { transform:translateY(-3px); border-color:rgba(92,31,90,.22); box-shadow:0 10px 26px rgba(31,41,55,.10); }
.ara-sa .ara-sa-card__media { background:linear-gradient(180deg,#faf8fb 0%,#fff 100%); }
.ara-sa .ara-sa-card__body { padding:12px 13px 14px; gap:7px; }
.ara-sa .ara-sa-card__title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:2.8em; line-height:1.4; font-weight:650; }
.ara-sa .ara-sa-card__brand { color:var(--sa-text-sm); font-size:11px; }
.ara-sa .ara-sa-card__facts { min-height:26px; display:flex; align-items:center; }
.ara-sa .ara-sa-card__fact { display:inline-flex; align-items:center; gap:5px; max-width:100%; padding:5px 9px; border-radius:8px; font-size:11px; line-height:1.35; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ara-sa .ara-sa-card__fact--sale { color:#a34b08; background:#fff4e5; }
.ara-sa .ara-sa-card__fact--stock { color:#b42318; background:#fff0ef; }
.ara-sa .ara-sa-card__fact--rating { color:#166534; background:#eaf8ef; }
.ara-sa .ara-sa-card__fact--custom { color:#5c1f5a; background:#f6eafa; border:1px solid #ead5f0; }
.ara-sa .ara-sa-card__price { font-weight:800; color:var(--sa-text); }
.ara-sa .ara-sa__sortbar { display:flex; gap:6px; overflow-x:auto; white-space:nowrap; scrollbar-width:thin; }
.ara-sa .ara-sa__sortitem { border:1px solid transparent; background:transparent; border-radius:999px; padding:8px 12px; color:var(--sa-text-sm); font:inherit; cursor:pointer; flex:0 0 auto; }
.ara-sa .ara-sa__sortitem.is-active { color:var(--sa-primary); background:var(--sa-primary-lt); border-color:rgba(92,31,90,.16); font-weight:800; }
@media(max-width:959px){.ara-sa .ara-sa__sortbar{display:none}.ara-sa .ara-sa__sortbtn{display:inline-flex}}


/* 2.4.1 RTL toolbar alignment: sorting starts at the right, count moves left. */
@media (min-width:960px) {
  .ara-sa .ara-sa__toolbar {
    direction:rtl;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:10px;
  }
  .ara-sa .ara-sa__sortbar {
    direction:rtl;
    order:1;
    flex:0 1 auto;
    min-width:0;
    margin-inline-start:0;
    margin-inline-end:auto;
    justify-content:flex-start;
  }
  .ara-sa .ara-sa__total { order:2; flex:0 0 auto; white-space:nowrap; }
  .ara-sa .ara-sa__filterbtn { order:3; flex:0 0 auto; }
  .ara-sa .ara-sa__sortbtn { display:none !important; }
  .ara-sa .ara-sa__sortitem { direction:rtl; }
}
@media (max-width:959px) {
  .ara-sa .ara-sa__toolbar { direction:rtl; }
  .ara-sa .ara-sa__sortbar { display:none !important; }
  .ara-sa .ara-sa__sortbtn { display:inline-flex !important; }
}


/* 2.5.0 conversion features */
.ara-sa .ara-sa-card{position:relative}
.ara-sa .ara-sa-card__quick{position:absolute;z-index:3;bottom:12px;left:12px;border:1px solid rgba(92,31,90,.18);background:#fff;color:var(--sa-primary);border-radius:999px;padding:7px 11px;font:inherit;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px rgba(20,20,20,.08);opacity:0;transform:translateY(4px);transition:.18s}
.ara-sa .ara-sa-card:hover .ara-sa-card__quick,.ara-sa .ara-sa-card__quick:focus{opacity:1;transform:none}
@media(max-width:959px){.ara-sa .ara-sa-card__quick{opacity:1;transform:none;bottom:8px;left:8px;padding:6px 9px}}
.ara-sa .ara-sa__quickchips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 14px;direction:rtl}
.ara-sa .ara-sa-quickchip{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;border:1px solid #e8dcec;background:#fff;color:var(--sa-primary);font-size:12px;font-weight:700;text-decoration:none;transition:.18s}
.ara-sa .ara-sa-quickchip:hover,.ara-sa .ara-sa-quickchip.is-active{background:var(--sa-primary);border-color:var(--sa-primary);color:#fff}
.ara-sa-quickmodal{display:none;position:fixed;inset:0;z-index:999999;align-items:center;justify-content:center;padding:18px}
.ara-sa-quickmodal.is-open{display:flex}
.ara-sa-quickmodal__backdrop{position:absolute;inset:0;background:rgba(20,14,24,.58);backdrop-filter:blur(3px)}
.ara-sa-quickmodal__dialog{position:relative;width:min(760px,100%);max-height:min(82vh,720px);overflow:auto;background:#fff;border-radius:20px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.22);direction:rtl}
.ara-sa-quickmodal__close{position:absolute;top:10px;left:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f5eff6;color:var(--sa-primary);font-size:24px;cursor:pointer}
.ara-sa-qv{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0,1.1fr);gap:24px;align-items:center}
.ara-sa-qv__image img{width:100%;height:auto;max-height:420px;object-fit:contain}
.ara-sa-qv__info h2{font-size:20px;line-height:1.6;margin:0 0 12px;color:#241b25}
.ara-sa-qv__price{font-size:18px;font-weight:800;color:var(--sa-primary);margin:12px 0}
.ara-sa-qv__stock{font-size:13px;color:#16834a}
.ara-sa-qv__link{display:inline-flex;margin-top:12px;padding:11px 20px;border-radius:12px;background:var(--sa-primary);color:#fff;text-decoration:none;font-weight:700}
.ara-sa-quick-lock{overflow:hidden}
.ara-sa-related{margin:36px auto 24px;max-width:1400px;padding:0 14px;direction:rtl}
.ara-sa-related__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.ara-sa-related__head h2{font-size:20px;margin:0;color:var(--sa-text)}
.ara-sa-related__head span{font-size:11px;color:var(--sa-text-sm)}
.ara-sa-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ara-sa-related__item{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #eee5ef;border-radius:16px;background:#fff;color:inherit;text-decoration:none;min-width:0}
.ara-sa-related__item img{width:100%;height:150px;object-fit:contain}
.ara-sa-related__item strong{font-size:12px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ara-sa-related__item span{font-size:12px;font-weight:700;color:var(--sa-primary)}
@media(max-width:700px){.ara-sa-quickmodal{padding:10px}.ara-sa-quickmodal__dialog{padding:48px 16px 18px;max-height:90vh}.ara-sa-qv{grid-template-columns:1fr;gap:12px}.ara-sa-qv__image img{max-height:230px}.ara-sa-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ara-sa-related__head{display:block}.ara-sa-related__head span{display:block;margin-top:4px}}

/* 2.6.0: stable mobile filter scrolling and clear purchase actions */
@media (max-width:959px) {
  .ara-sa__sidebar { height:100%; height:100dvh; padding-bottom:env(safe-area-inset-bottom,0px); }
  .ara-sa__sidebar .ara-sa__inner { flex:1 1 auto; min-height:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  .ara-sa__sidebar .ara-sa-group__body { max-height:none; overflow:visible; }
  .ara-sa__sidebar .ara-sa__drawer-head { position:sticky; top:0; z-index:5; }
  .ara-sa__sidebar .ara-sa__drawer-foot { position:sticky; bottom:0; z-index:5; }
}
.ara-sa-card__actions { position:relative; z-index:4; display:flex; gap:7px; padding:0 12px 12px; margin-top:auto; }
.ara-sa .ara-sa-card__quick,.ara-sa .ara-sa-card__add,.ara-sa .ara-sa-card__unavailable { position:static; display:inline-flex; flex:1 1 0; min-width:0; align-items:center; justify-content:center; min-height:40px; padding:8px 7px; border:1px solid rgba(92,31,90,.18); border-radius:11px; background:#fff; color:var(--sa-primary); font:inherit; font-size:11px; font-weight:750; line-height:1.35; text-align:center; text-decoration:none; opacity:1; transform:none; box-shadow:none; cursor:pointer; }
.ara-sa .ara-sa-card__add { border-color:var(--sa-primary); background:var(--sa-primary); color:#fff; }
.ara-sa .ara-sa-card__add:hover,.ara-sa .ara-sa-card__add:focus-visible { background:#481747; color:#fff; }
.ara-sa .ara-sa-card__unavailable { border-color:#eee; background:#f7f6f7; color:#777; cursor:default; }
.ara-sa .ara-sa-card__quick:hover,.ara-sa .ara-sa-card__quick:focus-visible { border-color:var(--sa-primary); background:var(--sa-primary-lt); }
.ara-sa-qv__actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:16px; }
.ara-sa .ara-sa-qv__buy,.ara-sa .ara-sa-qv__link,.ara-sa .ara-sa-qv__unavailable { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:10px 18px; border:1px solid var(--sa-primary); border-radius:12px; background:var(--sa-primary); color:#fff; font-weight:750; text-decoration:none; }
.ara-sa .ara-sa-qv__link { background:#fff; color:var(--sa-primary); }
.ara-sa .ara-sa-qv__unavailable { border-color:#eee; background:#f7f6f7; color:#777; }
.ara-sa__quickchips { margin:0; }
@media(max-width:500px) { .ara-sa .ara-sa-card__actions { gap:5px; padding:0 8px 9px; } .ara-sa .ara-sa-card__quick,.ara-sa .ara-sa-card__add,.ara-sa .ara-sa-card__unavailable { min-height:42px; padding:7px 4px; font-size:10px; } }
@media(prefers-reduced-motion:reduce) { .ara-sa .ara-sa-card,.ara-sa .ara-sa-card__quick,.ara-sa .ara-sa-quickchip { transition:none; } }

/* Compact archive actions stay visible, tappable and aligned on every card. */
.ara-sa .ara-sa-card__actions { display:flex; align-items:stretch; gap:6px; padding:0 10px 10px; }
.ara-sa .ara-sa-card__quick,.ara-sa .ara-sa-card__add,.ara-sa .ara-sa-card__unavailable { min-height:36px; padding:6px 5px; border-radius:9px; font-size:10px; line-height:1.25; }
.ara-sa .ara-sa-card__quick { flex:0 1 42%; }
.ara-sa .ara-sa-card__add { flex:1 1 58%; }
@media(max-width:500px) { .ara-sa .ara-sa-card__actions { gap:4px; padding:0 7px 8px; } .ara-sa .ara-sa-card__quick,.ara-sa .ara-sa-card__add,.ara-sa .ara-sa-card__unavailable { min-height:36px; padding:5px 3px; font-size:9px; } }

/* Keep archive cards and their compact actions visible despite theme product rules. */
.ara-sa ul.ara-sa__grid { display:grid!important; grid-auto-rows:1fr; align-items:stretch; }
.ara-sa ul.ara-sa__grid > li.ara-sa-card { display:flex!important; float:none!important; width:auto!important; max-width:none!important; min-width:0!important; height:100%!important; margin:0!important; padding:0!important; flex-direction:column!important; }
.ara-sa ul.ara-sa__grid > li.ara-sa-card > .ara-sa-card__link { display:flex!important; visibility:visible!important; flex:1 1 auto!important; flex-direction:column!important; }
.ara-sa ul.ara-sa__grid > li.ara-sa-card > .ara-sa-card__actions { display:flex!important; position:relative!important; visibility:visible!important; opacity:1!important; flex:0 0 auto!important; }
.ara-sa ul.ara-sa__grid > li.ara-sa-card .ara-sa-card__quick,.ara-sa ul.ara-sa__grid > li.ara-sa-card .ara-sa-card__add,.ara-sa ul.ara-sa__grid > li.ara-sa-card .ara-sa-card__unavailable { display:inline-flex!important; position:static!important; visibility:visible!important; opacity:1!important; transform:none!important; }
.ara-sa ul.ara-sa__grid > li.ara-sa-card > .ara-sa-card__link { min-height:0!important; height:auto!important; flex:1 1 auto!important; }
.ara-sa ul.ara-sa__grid > li.ara-sa-card > .ara-sa-card__actions { min-height:46px!important; }
.ara-sa ul.ara-sa__grid > li.ara-sa-card .ara-sa-card__quick,.ara-sa ul.ara-sa__grid > li.ara-sa-card .ara-sa-card__add,.ara-sa ul.ara-sa__grid > li.ara-sa-card .ara-sa-card__unavailable { z-index:5!important; min-height:36px!important; }


/* 2.6.5 — compact mobile archive toolbar: filters and sort share one row */
@media (max-width: 959px) {
  .ara-sa .ara-sa__toolbar {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "chips-actions filter-action"
      "chips quick-total" !important;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 9px !important;
    width: 100% !important;
    padding: 10px 12px !important;
    margin-bottom: 10px !important;
    direction: rtl !important;
  }
  .ara-sa .ara-sa__filterbtn {
    grid-area: filter-action !important;
    justify-self: end !important;
    align-self: center !important;
    min-height: 36px !important;
    padding: 6px 11px !important;
    white-space: nowrap !important;
  }
  .ara-sa .ara-sa__sortbtn {
    grid-area: chips-actions !important;
    justify-self: start !important;
    align-self: center !important;
    min-height: 36px !important;
    padding: 6px 11px !important;
    white-space: nowrap !important;
  }
  .ara-sa .ara-sa__quickchips {
    grid-area: chips !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .ara-sa .ara-sa__quickchips::-webkit-scrollbar { display: none !important; }
  .ara-sa .ara-sa-quickchip {
    flex: 0 0 auto !important;
    min-height: 31px !important;
    padding: 5px 9px !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
  }
  .ara-sa .ara-sa-count { display: none !important; }
  .ara-sa .ara-sa__total {
    grid-area: quick-total !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 360px) {
  .ara-sa .ara-sa__toolbar { column-gap: 5px !important; padding: 9px !important; }
  .ara-sa .ara-sa__filterbtn,
  .ara-sa .ara-sa__sortbtn { padding: 5px 8px !important; font-size: 11px !important; }
  .ara-sa .ara-sa-quickchip { padding: 4px 7px !important; font-size: 10px !important; }
}