/* الغربي: صفحات التصنيف والمرشحات وبطاقة القطعة */
.g-archive{padding-block:var(--sp-5) var(--sp-8)}
.g-crumbs{font-size:13px;color:var(--c-gray-500);margin-bottom:var(--sp-4)}
.g-crumbs a{color:var(--c-gray-500)}.g-crumbs a:hover{color:var(--c-black)}
.g-archive__head{margin-bottom:var(--sp-5)}
.g-archive__title{font-size:var(--fs-h1);margin:0 0 var(--sp-2)}
.g-archive__sub{margin:0;color:var(--c-gray-500);font-size:16px}
.g-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3)}
.g-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border:1px solid var(--c-gray-200);border-radius:var(--r-pill);font-size:14px;font-weight:500;white-space:nowrap}
.g-chip span{font-size:12px;color:var(--c-gray-500)}
.g-chip:hover{background:var(--c-gray-50)}
.g-chip.is-on{background:var(--c-black);border-color:var(--c-black);color:var(--c-white);font-weight:600}
.g-chip.is-on span{color:var(--c-gray-400)}
.g-chips--sec{margin-bottom:var(--sp-6)}
.g-chips--sec .g-chip{border-color:transparent;background:var(--c-gray-50)}
.g-chips--sec .g-chip.is-on{background:var(--c-yellow);border-color:var(--c-yellow);color:var(--c-black)}
.g-chips--sec .g-chip.is-on span{color:var(--c-black)}
.g-archive__body{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--sp-6);align-items:start}
.g-archive__body--full{grid-template-columns:minmax(0,1fr)}
.g-filters{position:sticky;top:calc(var(--header-h) + 72px);display:flex;flex-direction:column;gap:var(--sp-2);max-height:calc(100vh - 160px);overflow-y:auto;padding-inline-end:4px}
.g-filters__head{display:none}
.g-facet{border-bottom:1px solid var(--c-gray-200);padding-block:var(--sp-3)}
.g-facet__sum{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:15px;font-weight:700;padding-block:4px}
.g-facet__sum::-webkit-details-marker{display:none}
.g-facet__sum::after{content:"";width:8px;height:8px;border-inline-start:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform var(--t-fast) var(--ease);margin-inline-end:4px}
.g-facet[open]>.g-facet__sum::after{transform:rotate(135deg)}
.g-facet__list{list-style:none;margin:var(--sp-2) 0 0;padding:0;display:flex;flex-direction:column;gap:2px}
.g-facet__list.is-scroll{max-height:280px;overflow-y:auto}
.g-opt{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:10px;font-size:15px}
.g-opt:hover{background:var(--c-gray-50)}
.g-opt__box{width:18px;height:18px;flex-shrink:0;border:1.5px solid var(--c-gray-400);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--t-fast) var(--ease)}
.g-opt.is-on .g-opt__box{background:var(--c-black);border-color:var(--c-black)}
.g-opt.is-on .g-opt__box::after{content:"";width:9px;height:5px;border-inline-start:2px solid var(--c-white);border-bottom:2px solid var(--c-white);transform:rotate(-45deg) translateY(-1px)}
.g-opt__name{flex:1;min-width:0}
.g-opt__n{font-size:12px;color:var(--c-gray-500)}
.g-opt--stock{margin-top:var(--sp-2);font-weight:600}
.g-price{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);margin-top:var(--sp-2)}
.g-price label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--c-gray-500)}
.g-price input{padding:10px 12px}
.g-price .g-btn{grid-column:1/-1;min-height:42px;font-size:14px}
.g-filters__clear{margin-top:var(--sp-3);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.g-toolbar{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}
.g-toolbar__count{font-size:14px;color:var(--c-gray-500)}
.g-sort{margin-inline-start:auto}
.g-sort__label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--c-gray-500);font-weight:500}
.g-sort select{width:auto;min-height:40px;padding:0 14px;border-radius:var(--r-pill);font-size:14px}
.g-filters__open{display:none}
.g-badge-n{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--c-yellow);color:var(--c-black);font-size:12px}
.g-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}
.g-archive__body--full .g-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-card{position:relative;display:flex;flex-direction:column;background:var(--c-white);border:1px solid var(--c-gray-200);border-radius:var(--r-card);overflow:hidden;transition:box-shadow var(--t-med) var(--ease),transform var(--t-med) var(--ease)}
.g-card:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}
.g-card__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:var(--c-gray-50)}
.g-card__media img{width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}
.g-card__grade{position:absolute;top:12px;inset-inline-start:12px;background:var(--c-white);border:1px solid var(--c-gray-200);border-radius:var(--r-pill);padding:2px 10px;font-size:12px;font-weight:600}
.g-card__body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.g-card__fit{font-size:12px;color:var(--c-gray-500)}
.g-card__title{margin:0;font-size:15px;line-height:1.5;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:45px}
.g-card__price{display:flex;align-items:baseline;gap:6px;margin-top:auto;padding-top:6px}
.g-card__amount{font-size:20px;font-weight:700}
.g-card__cur{font-size:13px;font-weight:500}
.g-card__vat{font-size:12px;color:var(--c-gray-500);margin-inline-start:auto}
.g-card .button{display:flex!important;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:8px!important;font-size:15px!important}
.g-card .added_to_cart{display:block;text-align:center;font-size:13px;font-weight:600;margin-top:6px;text-decoration:underline}
.g-card .button.loading{opacity:.6}
.g-more{display:flex;justify-content:center;margin-top:var(--sp-6)}
.g-js .g-pager{display:none}
.g-pager{margin-top:var(--sp-5)}
.g-empty{text-align:center;padding:var(--sp-8) var(--sp-4);background:var(--c-gray-50);border-radius:var(--r-panel)}
@media(max-width:1100px){.g-grid,.g-archive__body--full .g-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
  .g-archive__body{grid-template-columns:minmax(0,1fr)}
  .g-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--sp-5) * -1);padding-inline:var(--sp-5)}
  .g-chips::-webkit-scrollbar{display:none}
  .g-filters__open{display:inline-flex}
  .g-filters{position:fixed;inset-inline:0;bottom:0;top:auto;z-index:650;max-height:85vh;background:var(--c-white);border-radius:var(--r-panel) var(--r-panel) 0 0;padding:var(--sp-4) var(--sp-5) calc(var(--sp-6) + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform var(--t-med) var(--ease);box-shadow:0 0 0 100vmax rgba(0,0,0,0);overscroll-behavior:contain}
  .g-filters.is-open{transform:none;box-shadow:0 0 0 100vmax rgba(0,0,0,.35)}
  .g-filters__head{display:flex;align-items:center;justify-content:space-between;font-size:18px;padding-bottom:var(--sp-2)}
  .g-grid,.g-archive__body--full .g-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .g-card__body{padding:10px 12px 12px}
  .g-card__title{font-size:14px;min-height:42px}
  .g-card__amount{font-size:17px}
  .g-card__vat{display:none}
  .g-sort__label span{display:none}
}