/* Clar Auto — căutarea din hero (comună celor 4 machete). Fiecare variantă își potrivește tonul prin variabile:
   --hs-red, --hs-ink, --hs-muted, --hs-line, --hs-bg, --hs-field, --hs-r (colțuri), --hs-head (fontul titlurilor). */
.hs{--hs-red:#CC202A;--hs-ink:#1F1B19;--hs-muted:#665D5A;--hs-line:#E6DFDC;--hs-bg:#FFFDFC;--hs-field:#F5F1EF;--hs-r:10px;--hs-head:'Open Sans',system-ui,sans-serif;--hs-box:#a89f9b;
  background:var(--hs-bg);color:var(--hs-ink);border:1px solid var(--hs-line);border-radius:calc(var(--hs-r) + 4px);box-shadow:0 18px 50px -24px rgba(0,0,0,.28);overflow:hidden;text-align:left}
.hs-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--hs-line);background:color-mix(in srgb,var(--hs-field) 60%,var(--hs-bg))}
.hs-tabs [role=tab]{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5em;min-height:56px;padding:.7rem 1rem;
  font:600 1rem/1.2 var(--hs-head);color:var(--hs-muted);position:relative;text-align:center;transition:color .15s,background .15s}
.hs-tabs [role=tab]:hover{color:var(--hs-ink)}
.hs-tabs [role=tab][aria-selected=true]{color:var(--hs-ink);background:var(--hs-bg)}
.hs-tabs [role=tab][aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--hs-red)}
.hs-tabs [role=tab]:focus-visible{outline:2px solid var(--hs-red);outline-offset:-4px}
.hs-tab-n{font:600 .75rem/1 var(--hs-head);background:var(--hs-red);color:#fff;border-radius:999px;padding:.3em .6em}
.hs-tabs svg{width:20px;height:20px;flex:none}
/* Ambele panouri stau în aceeași celulă: înălțimea e a celui mai înalt, deci schimbarea tabului nu mișcă pagina. */
.hs-panels{display:grid}
.hs-panels>*{grid-area:1/1;min-width:0}
.hs-panels>.is-off{visibility:hidden;pointer-events:none}
/* pe telefon panourile diferă mult ca înălțime: cel ascuns nu mai ține loc (schimbarea vine din apăsarea omului) */
@media (max-width:900px){.hs-panels>.is-off{display:none}}
.hs-stock{padding:1.25rem 1.4rem 1.4rem;display:flex;flex-direction:column;gap:1rem}
.hs-src{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border:0;margin:0;padding:0}
.hs-src legend{float:left;font:500 .85rem/1 var(--hs-head);color:var(--hs-muted);margin-right:.35rem;padding:0}
.hs-chip{position:relative;display:inline-flex;align-items:center;gap:.45em;cursor:pointer;border:1px solid var(--hs-line);border-radius:999px;padding:.45em .9em;font:500 .9rem/1 var(--hs-head);user-select:none}
.hs-chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.hs-chip::before{content:"";width:14px;height:14px;border-radius:4px;border:1.5px solid var(--hs-box);flex:none}
.hs-chip:has(input:checked){border-color:var(--hs-ink)}
.hs-chip:has(input:checked)::before{background:var(--hs-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--hs-red)}
.hs-chip:has(input:focus-visible){outline:2px solid var(--hs-red);outline-offset:2px}
.hs-chip em{font-style:normal;color:var(--hs-muted);font-size:.8em}
.hs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.hs-f{display:flex;flex-direction:column;gap:.35rem;min-width:0}
.hs-f span{font:500 .85rem/1.2 var(--hs-head);color:var(--hs-muted)}
.hs-f select{appearance:none;-webkit-appearance:none;width:100%;min-height:52px;border:1px solid transparent;border-radius:var(--hs-r);background:var(--hs-field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23141414' stroke-width='1.6'/%3E%3C/svg%3E") right 14px center/12px no-repeat;
  padding:0 2.2rem 0 .9rem;font:400 1rem/1.2 "Open Sans",system-ui,sans-serif;color:var(--hs-ink);text-overflow:ellipsis}
.hs-f select:focus{outline:none;border-color:var(--hs-ink);background-color:var(--hs-bg)}
.hs-f select:disabled{opacity:.55}
.hs-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}
.hs-go{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:54px;padding:0 1.6rem;border-radius:var(--hs-r);
  background:var(--hs-red);color:#fff;font:600 1.05rem/1.1 var(--hs-head);text-align:center;transition:filter .15s,transform .15s}
.hs-go:hover{filter:brightness(1.08)}
.hs-go:active{transform:translateY(1px)}
.hs-go:focus-visible{outline:2px solid var(--hs-ink);outline-offset:3px}
.hs-go[data-zero="1"]{background:var(--hs-ink)}
.hs-note{margin:0;font-size:.875rem;line-height:1.45;color:var(--hs-muted);flex:1 1 220px}
/* tabul 2 găzduiește formularul de cerere al variantei; îi luăm doar rama, ca să nu fie o cutie în cutie */
.hs-order{padding:1.25rem 1.4rem 1.4rem;min-width:0}
.hs-order>form{margin:0;box-shadow:none!important;border:0!important;background:transparent!important;padding:0!important;max-width:none!important;width:auto!important}
.hs-order-note{margin:0 0 .9rem;font-size:.9rem;color:var(--hs-muted)}
@media (max-width:900px){.hs-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){
  .hs-stock,.hs-order{padding:1rem}
  .hs-tabs [role=tab]{font-size:.9rem;min-height:52px;padding:.6rem .5rem}
  .hs-grid{gap:.6rem}
  .hs-go{width:100%}
}
.hs-short{display:none}
/* pe telefon eticheta lungă se rupea pe două rânduri; „Stoc extern” rămâne vizibil ca bifă în panou */
@media (max-width:560px){.hs-long{display:none}.hs-short{display:inline}}
@media (max-width:420px){.hs-tabs svg{display:none}}
@media (max-width:380px){.hs-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.hs *{transition:none!important}}