.aalam-tim{
  --atm-bg:#fff;
  --atm-bg-soft:#fafafa;
  --atm-muted:#7a7f87;
  --atm-text:#17181a;
  --atm-border:#e8e9ec;
  --atm-border-strong:#d9dbe1;
  --atm-shadow:0 14px 40px rgba(17,24,39,.06);
  --atm-shadow-soft:0 8px 24px rgba(17,24,39,.05);
  --atm-radius:22px;
  --atm-radius-sm:16px;
  --atm-primary:#111216;
  --atm-primary-soft:rgba(17,18,22,.06);
  --atm-primary-strong:#000;
  color:var(--atm-text);
}
.aalam-tim.is-rtl{direction:rtl}
.aalam-tim.is-ltr{direction:ltr}
.aalam-tim *{box-sizing:border-box}
.aalam-tim__shell{
  max-width:1100px;
  margin:0 auto;
  background:linear-gradient(180deg,#fff 0%,#fcfcfd 100%);
  border:1px solid var(--atm-border);
  border-radius:32px;
  padding:34px;
  box-shadow:var(--atm-shadow);
  position:relative;
  overflow:visible;
}
.aalam-tim__shell:before{
  content:"";
  position:absolute;
  inset:auto -120px -120px auto;
  width:240px;
  height:240px;
  background:radial-gradient(circle at center,rgba(17,18,22,.04),rgba(17,18,22,0));
  pointer-events:none;
}
.aalam-tim__header{margin-bottom:26px;position:relative;z-index:1;text-align:start}
.aalam-tim__header h2{margin:0 0 12px;font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.08}
.aalam-tim__header p{margin:0;display:inline-flex;align-items:center;max-width:min(720px,100%);padding:12px 16px;border:1px solid var(--atm-border);border-radius:16px;background:linear-gradient(180deg,#fff,#fafafb);box-shadow:0 8px 20px rgba(17,24,39,.04);color:#60656e;font-size:15px;line-height:1.8}
.aalam-tim.is-rtl .aalam-tim__header p{margin-left:auto;text-align:right}
.aalam-tim.is-ltr .aalam-tim__header p{text-align:left}
.aalam-tim__progress{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.aalam-tim__progress span{
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid var(--atm-border);
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:#8a8d94;
  font-weight:800;
  box-shadow:0 4px 10px rgba(17,24,39,.04);
  transition:.18s ease;
}
.aalam-tim__progress span.is-active{
  background:linear-gradient(180deg,#17181a,#060708);
  color:#fff;
  border-color:#111;
  box-shadow:0 10px 18px rgba(17,18,22,.18);
}
.aalam-tim__section.is-hidden{display:none}
.aalam-tim__section{position:relative;overflow:visible}
.aalam-tim__section-title{font-size:22px;line-height:1.3;margin:0 0 16px;font-weight:800}
.aalam-tim__grid{display:grid;gap:16px}
.aalam-tim__brand-grid,.aalam-tim__model-grid{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
.aalam-tim__choice,.aalam-tim__option,.aalam-tim__submit,.aalam-tim__back{
  border:1px solid var(--atm-border);
  background:#fff;
  border-radius:22px;
  padding:16px;
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
  box-shadow:var(--atm-shadow-soft);
  color:var(--atm-text);
}
.aalam-tim__choice:hover,.aalam-tim__option:hover,.aalam-tim__submit:hover,.aalam-tim__back:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 24px rgba(17,24,39,.08);
  border-color:var(--atm-border-strong);
}
.aalam-tim__choice:focus-visible,.aalam-tim__option:focus-visible,.aalam-tim__submit:focus-visible,.aalam-tim__back:focus-visible,.aalam-tim__custom-trigger:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(17,18,22,.08),0 12px 24px rgba(17,24,39,.08);
  border-color:#111;
}
.aalam-tim__choice{
  min-height:164px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-align:center;
  position:relative;
}
.aalam-tim__choice:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(17,18,22,.015),rgba(17,18,22,0));
  pointer-events:none;
}
.aalam-tim__choice.is-active,.aalam-tim__option.is-active{
  border-color:#111;
  background:linear-gradient(180deg,#191b1f,#08090b);
  color:#fff;
  box-shadow:0 18px 28px rgba(17,18,22,.18);
}
.aalam-tim__choice.is-active:before,.aalam-tim__option.is-active:before{display:none}
.aalam-tim__choice img{
  width:78px;
  height:78px;
  display:block;
  object-fit:contain;
  margin:0;
  padding:12px;
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#f4f4f5);
  box-shadow:inset 0 0 0 1px rgba(17,18,22,.05);
}
.aalam-tim__choice.is-active img{background:rgba(255,255,255,.95)}
.aalam-tim__choice span{display:block;text-align:center;font-weight:700;position:relative;z-index:1}
.aalam-tim__actions{display:flex;justify-content:flex-start;margin-bottom:16px}
.aalam-tim.is-rtl .aalam-tim__actions{justify-content:flex-start !important}
.aalam-tim.is-ltr .aalam-tim__actions{justify-content:flex-start !important}
.aalam-tim__back{
  min-height:48px;
  padding:12px 18px;
  border-radius:16px;
  background:#fff;
  font-weight:700;
}
.aalam-tim__back:hover{background:#f8f8f9}
.aalam-tim__question{
  position:relative;
  overflow:visible;
  padding:20px;
  border:1px solid var(--atm-border);
  border-radius:24px;
  background:linear-gradient(180deg,#fff,#fcfcfd);
  margin-bottom:16px;
  box-shadow:0 10px 24px rgba(17,24,39,.04);
}
.aalam-tim__question-title{font-size:20px;font-weight:800;margin-bottom:14px;line-height:1.4}
.aalam-tim__question.is-open{z-index:120}
.aalam-tim__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.aalam-tim__option{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  text-align:center;
  position:relative;
}
.aalam-tim__option:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:14px;
  background:linear-gradient(180deg,rgba(17,18,22,.02),rgba(17,18,22,0));
  pointer-events:none;
}
.aalam-tim__option.is-active{transform:none}
.aalam-tim__submit{
  width:100%;
  min-height:58px;
  background:linear-gradient(180deg,#17181a,#040506);
  color:#fff;
  border-color:#111;
  font-weight:800;
  font-size:16px;
  letter-spacing:.01em;
  border-radius:18px;
}
.aalam-tim__submit:hover{background:linear-gradient(180deg,#22242a,#090a0d)}
.aalam-tim__result{
  border:1px solid var(--atm-border);
  border-radius:26px;
  padding:24px;
  background:linear-gradient(180deg,#fff,#fcfcfd);
  box-shadow:0 12px 28px rgba(17,24,39,.05);
}
.aalam-tim__result h3{margin:0 0 18px;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.2}
.aalam-tim__result dl{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px 18px;margin:0}
.aalam-tim__result dt{font-weight:800;color:#2c2f34}
.aalam-tim__result dd{margin:0;color:#111;word-break:break-word}
.aalam-tim__message{
  color:var(--atm-muted);
  margin:0;
  padding:16px 18px;
  border:1px dashed var(--atm-border-strong);
  border-radius:18px;
  background:#fff;
}

.aalam-tim__deductions{list-style:none;margin:0;padding:0;display:grid;gap:8px}.aalam-tim__deductions li{display:flex;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid var(--atm-border);border-radius:12px;background:#fff}.aalam-tim__deductions strong{white-space:nowrap}

.aalam-tim__custom-select{position:relative;overflow:visible}
.aalam-tim__custom-trigger{
  width:100%;
  min-height:60px;
  padding:16px 56px 16px 18px;
  border:1px solid var(--atm-border);
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fafafb);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font:inherit;
  color:var(--atm-text);
  box-shadow:var(--atm-shadow-soft);
  transition:.18s ease;
}
.aalam-tim.is-rtl .aalam-tim__custom-trigger{padding:16px 18px 16px 56px}
.aalam-tim__custom-trigger:hover{border-color:var(--atm-border-strong);box-shadow:0 14px 24px rgba(17,24,39,.08);transform:translateY(-1px)}
.aalam-tim__custom-label{display:block;flex:1;text-align:start;color:#9ca0a7;font-weight:700;font-size:15px}
.aalam-tim__custom-select.has-value .aalam-tim__custom-label{color:var(--atm-text)}
.aalam-tim__custom-arrow{
  position:absolute;
  top:50%;
  inset-inline-end:20px;
  width:12px;
  height:12px;
  border-inline-end:2px solid #555;
  border-bottom:2px solid #555;
  transform:translateY(-72%) rotate(45deg);
  transition:transform .18s ease,border-color .18s ease;
}
.aalam-tim__custom-select.is-open .aalam-tim__custom-arrow{transform:translateY(-28%) rotate(-135deg);border-color:#111}
.aalam-tim__custom-menu{
  position:absolute;
  inset-inline-start:0;
  inset-inline-end:0;
  top:calc(100% + 10px);
  background:#fff;
  border:1px solid var(--atm-border);
  border-radius:20px;
  padding:8px;
  box-shadow:0 20px 44px rgba(17,24,39,.16);
  z-index:300;
  display:none;
  max-height:min(320px,45vh);
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.aalam-tim__custom-select.is-dropup .aalam-tim__custom-menu{
  top:auto;
  bottom:calc(100% + 10px);
  transform-origin:bottom center;
  box-shadow:0 -20px 44px rgba(17,24,39,.16);
}
.aalam-tim__custom-select.is-open .aalam-tim__custom-menu{display:block;animation:atmFadeIn .16s ease}
.aalam-tim__custom-option{
  width:100%;
  border:0;
  background:transparent;
  padding:14px 16px;
  border-radius:14px;
  cursor:pointer;
  font:inherit;
  font-weight:700;
  color:var(--atm-text);
  text-align:start;
  transition:.16s ease;
}
.aalam-tim__custom-option:hover{background:rgba(17,18,22,.05);color:#111}
.aalam-tim__custom-option.is-selected{background:linear-gradient(180deg,#17181a,#090a0c);color:#fff;box-shadow:0 10px 18px rgba(17,18,22,.16)}
.aalam-tim__custom-menu::-webkit-scrollbar{width:10px}
.aalam-tim__custom-menu::-webkit-scrollbar-thumb{background:#d6d9df;border-radius:999px;border:2px solid #fff}
.aalam-tim__custom-menu::-webkit-scrollbar-track{background:transparent}
@keyframes atmFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:767px){
  .aalam-tim__shell{padding:20px;border-radius:24px}
  .aalam-tim__header h2{font-size:28px}
  .aalam-tim__header p{font-size:14px;line-height:1.7;padding:10px 12px;border-radius:14px}
  .aalam-tim__progress{gap:8px}
  .aalam-tim__progress span{width:38px;height:38px}
  .aalam-tim__brand-grid,.aalam-tim__model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aalam-tim__choice{min-height:140px;padding:14px}
  .aalam-tim__choice img{width:64px;height:64px}
  .aalam-tim__question{padding:16px;border-radius:20px}
  .aalam-tim__question-title{font-size:18px}
  .aalam-tim__options{grid-template-columns:1fr 1fr}
  .aalam-tim__custom-trigger,.aalam-tim__option,.aalam-tim__submit{min-height:54px}
  .aalam-tim__result{padding:18px;border-radius:22px}
  .aalam-tim__result dl{grid-template-columns:1fr;gap:8px}
}

@media(max-width:520px){
  .aalam-tim__brand-grid,.aalam-tim__model-grid,.aalam-tim__options{grid-template-columns:1fr}
  .aalam-tim__choice{min-height:120px;flex-direction:row;justify-content:flex-start;text-align:start}
  .aalam-tim__choice span{text-align:start}
}


.aalam-tim__result--warning{
  border-color:#f3c8cc;
  background:linear-gradient(180deg,#fff8f8,#fff1f2);
  box-shadow:0 14px 30px rgba(179,45,62,.08);
}
.aalam-tim__result--warning h3,
.aalam-tim__result--warning dt,
.aalam-tim__result--warning dd{
  color:#3a1115;
}
.aalam-tim__warning-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 18px;
  padding:12px 16px;
  border:1px solid #efb7be;
  border-radius:16px;
  background:linear-gradient(180deg,#fff,#ffecef);
  color:#8a1d2b;
  font-size:clamp(22px,3vw,30px);
  font-weight:800;
  line-height:1.2;
  box-shadow:0 8px 20px rgba(179,45,62,.08);
}
.aalam-tim__warning-badge::before{
  content:"!";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:999px;
  background:#b32d2e;
  color:#fff;
  font-size:18px;
  font-weight:900;
  flex:0 0 28px;
}

/* ✅ SEO index block — collapsed by default so it doesn't disrupt layout,
   but present in the DOM for Googlebot to crawl on its first (no-JS) pass.
   Uses <details> which is semantically "collapsed but present" — unlike
   display:none which Google may treat as hidden/deceptive content. */
.aalam-tim__seo-index {
  margin-top: 24px;
  border-top: 1px solid #e5e7eb;
  font-size: 13px;
  color: #6b7280;
}
.aalam-tim__seo-index > summary {
  cursor: pointer;
  padding: 10px 4px;
  list-style: revert;
  font-weight: 600;
  color: #374151;
}
.aalam-tim__seo-index nav {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  padding: 8px 4px 16px;
}
.aalam-tim__seo-index section h3 {
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 6px;
  color: #111827;
}
.aalam-tim__seo-index ul {
  margin: 0;
  padding: 0 0 0 14px;
  list-style: disc;
}
.aalam-tim__seo-index li {
  margin-bottom: 3px;
}
/* noscript fallback message */
.aalam-tim__noscript-msg {
  padding: 12px 16px;
  background: #fef3c7;
  border: 1px solid #f59e0b;
  border-radius: 6px;
  color: #92400e;
  font-size: 14px;
  margin-top: 12px;
}