/* الغربي: الصفحة الرئيسية */
.g-hero--home .g-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--sp-7);align-items:center;padding-block:var(--sp-8) 140px}
.g-hero--home .g-hero__inner{padding:0}
.g-hero__art{display:flex;justify-content:center}
.g-hero__art svg{width:min(380px,100%);height:auto}
.g-finder-wrap{position:relative;z-index:2;margin-top:-100px}
.g-finder{background:var(--c-white);border-radius:var(--r-panel);box-shadow:var(--sh-3);padding:var(--sp-5) var(--sp-6);display:flex;flex-direction:column;gap:18px}
.g-finder__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}
.g-finder__title{margin:0;font-size:22px}
.g-finder__note{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--c-gray-500)}
.g-finder__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.g-step{position:relative;display:flex;align-items:center;gap:10px;min-height:68px;padding:0 14px;border:1px solid var(--c-gray-200);border-radius:18px;background:var(--c-white);cursor:pointer;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}
.g-step::after{content:"";position:absolute;inset-inline-end:16px;top:50%;width:7px;height:7px;border-inline-start:2px solid var(--c-gray-500);border-bottom:2px solid var(--c-gray-500);transform:translateY(-70%) rotate(-45deg);pointer-events:none}
.g-step__n{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--c-gray-100);color:var(--c-gray-500);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background-color var(--t-fast) var(--ease)}
.g-step__body{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}
.g-step__lab{font-size:12px;color:var(--c-gray-500)}
.g-step__sel{-webkit-appearance:none;appearance:none;border:0!important;background:transparent!important;padding:0!important;padding-inline-end:20px!important;width:100%;font:inherit;font-size:16px!important;font-weight:700;color:var(--c-black);cursor:pointer;box-shadow:none!important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.g-step__sel:focus{outline:none}
.g-step:focus-within{border-color:var(--c-black);box-shadow:0 0 0 4px rgba(255,200,0,.35)}
.g-step.is-done .g-step__n{background:var(--c-black);color:var(--c-white)}
.g-step.is-cur{border:2px solid var(--c-yellow);padding:0 13px}
.g-step.is-cur .g-step__n{background:var(--c-yellow);color:var(--c-black)}
.g-step.is-off{opacity:.5;cursor:not-allowed}
.g-step.is-off .g-step__sel{cursor:not-allowed}
.g-finder__foot{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap}
.g-finder__chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:0}
.g-finder__chips[hidden]{display:none}
.g-finder__chips-l{font-size:14px;color:var(--c-gray-500)}
.g-finder__chips-list{display:flex;flex-wrap:wrap;gap:8px}
.g-fchip{border:1px solid var(--c-gray-200);border-radius:var(--r-pill);padding:7px 14px;background:var(--c-white);font:inherit;font-size:14px;color:var(--c-black);cursor:pointer}
.g-fchip span{color:var(--c-gray-500);margin-inline-start:6px}
.g-fchip[aria-pressed=true]{background:var(--c-black);border-color:var(--c-black);color:var(--c-white);font-weight:600}
.g-fchip[aria-pressed=true] span{color:var(--c-gray-400)}
.g-finder__go{margin-inline-start:auto;min-height:54px;padding:0 30px;font-size:16px;font-weight:700}
.g-finder__help{display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;font-size:14px;border-top:1px solid var(--c-gray-200);padding-top:14px}
.g-finder__help a{color:var(--c-gray-500);text-decoration:underline;text-underline-offset:3px}
.g-linkbtn{border:0;background:transparent;padding:0;font:inherit;font-size:14px;color:var(--c-black);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.g-hsec{padding-top:var(--sp-8)}
.g-hsec--tight{padding-top:var(--sp-6)}
.g-hsec__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5)}
.g-hsec__head h2{margin:0;font-size:var(--fs-h2)}
.g-hsec__h3{font-size:24px;margin:0 0 var(--sp-4)}
.g-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5)}
.g-brand{background:var(--c-gray-50);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px;min-height:180px;transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),background-color var(--t-med) var(--ease)}
.g-brand:hover{transform:translateY(-3px);box-shadow:var(--sh-2);background:var(--c-white)}
.g-brand__name{font-size:26px;font-weight:700}
.g-brand__n{font-size:15px;color:var(--c-gray-500)}
.g-brand__models{font-size:14px;color:var(--c-gray-500);margin-top:auto}
.g-models{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.g-chip--lg{min-height:48px;padding:0 22px;font-size:16px;font-weight:600}
.g-tiles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--sp-4)}
.g-tile{background:var(--c-gray-50);border-radius:20px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;transition:background-color var(--t-fast) var(--ease)}
.g-tile:hover{background:var(--c-yellow-tint)}
.g-tile__name{font-size:15px;font-weight:600}
.g-tile__n{font-size:12px;color:var(--c-gray-500)}
.g-seg{display:inline-flex;gap:4px;background:var(--c-gray-50);border-radius:var(--r-pill);padding:4px;max-width:100%;overflow-x:auto}
.g-seg__btn{border:0;border-radius:var(--r-pill);padding:10px 18px;font:inherit;font-size:14px;font-weight:500;background:transparent;color:var(--c-black);cursor:pointer;white-space:nowrap}
.g-seg__btn[aria-selected=true]{background:var(--c-black);color:var(--c-white);font-weight:600}
.g-hpanel .g-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-trust{background:var(--c-gray-50);border-radius:var(--r-panel);padding:36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5)}
.g-trust div{display:flex;flex-direction:column;gap:8px}
.g-trust strong{font-size:17px}
.g-trust span{font-size:14px;color:var(--c-gray-500)}
@media(max-width:1100px){.g-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.g-finder__steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
  .g-hero--home .g-hero__grid{grid-template-columns:minmax(0,1fr);padding-block:var(--sp-7) 120px}
  .g-hero__art{display:none}
  .g-finder{padding:var(--sp-4)}
  .g-finder__title{font-size:19px}
  .g-finder__steps{grid-template-columns:minmax(0,1fr)}
  .g-step{min-height:60px}
  .g-finder__go{width:100%;margin:0;justify-content:center}
  .g-brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
  .g-brand{padding:20px;min-height:140px}
  .g-brand__name{font-size:20px}
  .g-models{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--sp-5) * -1);padding-inline:var(--sp-5)}
  .g-models::-webkit-scrollbar{display:none}
  .g-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}
  .g-tile{padding:18px 8px}
  .g-hpanel .g-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g-trust{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px}
}