@import url('../shared.css');

/* ── SSS — Yardım Merkezi ── */

body.og-page-sss {
  --kr-accent: #059669;
  --kr-accent-2: #10b981;
  --tk-accent: var(--kr-accent);
  --ss-accent: var(--kr-accent);
}

body.og-page-sss .og-kr-hero__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  pointer-events: none;
}

body.og-page-sss .og-kr-hero__glow--a {
  width: 40%;
  height: 50%;
  top: -15%;
  left: -5%;
  background: color-mix(in srgb, var(--ss-accent) 14%, transparent);
}

body.og-page-sss .og-kr-hero__glow--b {
  width: 35%;
  height: 45%;
  bottom: -10%;
  right: -5%;
  background: color-mix(in srgb, var(--kr-accent-2) 10%, transparent);
}

/* Hero istatistikleri */
.og-ss-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  margin-top: .875rem;
}

@media (min-width: 640px) {
  .og-ss-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.og-ss-stat {
  padding: .625rem .5rem;
  text-align: center;
  border: 1px solid var(--kr-border);
  border-radius: .625rem;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.og-ss-stat strong {
  display: block;
  font-family: var(--og-font-mono);
  font-size: clamp(.9375rem, 1.8vw, 1.0625rem);
  font-weight: 700;
  color: var(--ss-accent);
}

.og-ss-stat span {
  display: block;
  margin-top: .125rem;
  font-size: .5625rem;
  font-weight: 600;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--kr-dim);
}

/* Bölüm başlıkları */
.og-ss-section-head {
  margin-bottom: 1rem;
  text-align: center;
}

.og-ss-section-title {
  margin: 0 0 .375rem;
  font-size: clamp(1.0625rem, 2.2vw, 1.375rem);
  font-weight: 800;
  letter-spacing: -.02em;
  color: var(--kr-text);
}

.og-ss-section-title--left { text-align: left; }

.og-ss-section-title span { color: var(--ss-accent); }

.og-ss-section-desc {
  margin: 0 auto;
  max-width: 36rem;
  font-size: .8125rem;
  line-height: 1.55;
  color: var(--kr-dim);
}

/* Popüler sorular */
.og-ss-popular { background: color-mix(in srgb, var(--ss-accent) 3%, var(--kr-bg)); }

.og-ss-popular__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .5625rem;
}

@media (min-width: 640px) {
  .og-ss-popular__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
  .og-ss-popular__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

.og-ss-popular__card {
  display: flex;
  align-items: center;
  gap: .625rem;
  width: 100%;
  padding: .875rem .75rem;
  text-align: left;
  cursor: pointer;
  border: 1px solid var(--kr-border);
  border-radius: .75rem;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.og-ss-popular__card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--ss-accent) 28%, var(--kr-border));
  box-shadow: 0 8px 24px color-mix(in srgb, var(--ss-accent) 8%, transparent);
}

.og-ss-popular__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: .5625rem;
  background: color-mix(in srgb, var(--ss-accent) 10%, #fff);
  color: var(--ss-accent);
  font-size: .875rem;
}

.og-ss-popular__label {
  flex: 1;
  min-width: 0;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.35;
  color: var(--kr-text);
}

.og-ss-popular__arrow {
  flex-shrink: 0;
  font-size: .6875rem;
  color: var(--kr-dim);
  transition: transform .25s ease, color .25s ease;
}

.og-ss-popular__card:hover .og-ss-popular__arrow {
  transform: translateX(2px);
  color: var(--ss-accent);
}

/* Ana layout */
.og-ss-main { padding-top: 0; border-top: none; }

.og-ss-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  align-items: start;
}

@media (min-width: 960px) {
  .og-ss-layout {
    grid-template-columns: minmax(0, 17.5rem) minmax(0, 1fr);
    gap: 1.5rem;
  }
}

/* Sidebar */
.og-ss-sidebar {
  display: flex;
  flex-direction: column;
  gap: .875rem;
}

.og-ss-sidebar__title {
  margin: 0 0 .5rem;
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--kr-dim);
}

.og-ss-quick {
  display: flex;
  flex-direction: column;
  gap: .4375rem;
}

.og-ss-quick__link {
  display: flex;
  align-items: center;
  gap: .5625rem;
  padding: .625rem .6875rem;
  text-decoration: none;
  border: 1px solid var(--kr-border);
  border-radius: .625rem;
  background: rgba(255, 255, 255, .96);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.og-ss-quick__link:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--ss-link-color, var(--ss-accent)) 28%, var(--kr-border));
  box-shadow: 0 4px 14px color-mix(in srgb, var(--ss-link-color, var(--ss-accent)) 8%, transparent);
}

.og-ss-quick__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: .4375rem;
  background: color-mix(in srgb, var(--ss-link-color, var(--ss-accent)) 10%, #fff);
  color: var(--ss-link-color, var(--ss-accent));
  font-size: .75rem;
}

.og-ss-quick__copy {
  display: flex;
  flex-direction: column;
  gap: .0625rem;
  min-width: 0;
  flex: 1;
}

.og-ss-quick__copy strong {
  font-size: .75rem;
  font-weight: 700;
  color: var(--kr-text);
}

.og-ss-quick__copy span {
  font-size: .625rem;
  color: var(--kr-dim);
}

.og-ss-quick__arrow {
  flex-shrink: 0;
  font-size: .625rem;
  color: var(--kr-dim);
}

.og-ss-support__channels {
  list-style: none;
  margin: .625rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .375rem;
}

.og-ss-support__channels a {
  display: inline-flex;
  align-items: center;
  gap: .4375rem;
  font-size: .75rem;
  font-weight: 600;
  color: var(--ss-accent);
  text-decoration: none;
}

.og-ss-support__channels a:hover { text-decoration: underline; }

/* İçerik alanı */
.og-ss-content__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: .375rem;
  margin-bottom: .875rem;
}

.og-ss-result {
  margin: 0;
  font-size: .6875rem;
  font-weight: 600;
  color: var(--kr-dim);
}

.og-ss-result:empty { display: none; }

/* Filtreler */
.og-ss-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .375rem;
  margin-bottom: .75rem;
}

.og-ss-filter {
  display: inline-flex;
  align-items: center;
  gap: .3125rem;
  padding: .375rem .6875rem;
  font-family: inherit;
  font-size: .75rem;
  font-weight: 500;
  color: var(--kr-dim);
  cursor: pointer;
  border: 1px solid var(--kr-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, .85);
  transition: color .2s, border-color .2s, background .2s;
}

.og-ss-filter i { font-size: .625rem; opacity: .85; }

.og-ss-filter:hover { color: var(--kr-text); }

.og-ss-filter.is-active {
  color: var(--ss-accent);
  border-color: color-mix(in srgb, var(--ss-accent) 35%, transparent);
  background: color-mix(in srgb, var(--ss-accent) 8%, #fff);
}

/* Araç çubuğu */
.og-ss-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .5625rem;
  margin-bottom: .875rem;
}

.og-ss-search {
  position: relative;
  flex: 1;
  min-width: 12rem;
}

.og-ss-search__label {
  position: absolute;
  left: .875rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--kr-dim);
  pointer-events: none;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.og-ss-search__input {
  width: 100%;
  padding: .6875rem .875rem .6875rem 2.375rem;
  font-family: inherit;
  font-size: .8125rem;
  color: var(--kr-text);
  border: 1px solid var(--kr-border);
  border-radius: .625rem;
  background: #fff;
}

.og-ss-search__input:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--ss-accent) 35%, var(--kr-border));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ss-accent) 12%, transparent);
}

.og-ss-toolbar__actions {
  display: flex;
  gap: .375rem;
}

.og-ss-tool {
  display: inline-flex;
  align-items: center;
  gap: .3125rem;
  padding: .4375rem .625rem;
  font-family: inherit;
  font-size: .6875rem;
  font-weight: 600;
  color: var(--kr-dim);
  cursor: pointer;
  border: 1px solid var(--kr-border);
  border-radius: .4375rem;
  background: rgba(255, 255, 255, .9);
  transition: color .2s, border-color .2s;
}

.og-ss-tool:hover {
  color: var(--ss-accent);
  border-color: color-mix(in srgb, var(--ss-accent) 25%, var(--kr-border));
}

.og-ss-tool[aria-pressed="true"] {
  color: var(--ss-accent);
  border-color: color-mix(in srgb, var(--ss-accent) 30%, transparent);
  background: color-mix(in srgb, var(--ss-accent) 6%, #fff);
}

/* FAQ listesi */
.og-ss-list {
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.og-ss-item {
  border: 1px solid var(--kr-border);
  border-radius: .75rem;
  background: rgba(255, 255, 255, .96);
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
  transition: border-color .25s ease, box-shadow .25s ease;
  scroll-margin-top: 5rem;
}

.og-ss-item.is-highlight {
  border-color: color-mix(in srgb, var(--ss-accent) 40%, var(--kr-border));
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ss-accent) 12%, transparent);
}

.og-ss-item[open] {
  border-color: color-mix(in srgb, var(--ss-accent) 28%, var(--kr-border));
}

.og-ss-item.is-hidden { display: none; }

.og-ss-item__q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .9375rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  color: var(--kr-text);
  cursor: pointer;
  list-style: none;
}

.og-ss-item__q::-webkit-details-marker { display: none; }

.og-ss-item__q-text { flex: 1; min-width: 0; }

.og-ss-item__icon {
  flex-shrink: 0;
  font-size: .6875rem;
  color: var(--kr-dim);
  transition: transform .25s ease, color .25s ease;
}

.og-ss-item[open] .og-ss-item__icon {
  transform: rotate(180deg);
  color: var(--ss-accent);
}

.og-ss-item__a {
  padding: 0 1rem .9375rem;
  border-top: 1px solid var(--kr-border);
}

.og-ss-item__a p {
  margin: .75rem 0 0;
  font-size: .8125rem;
  line-height: 1.65;
  color: var(--kr-muted);
}

.og-ss-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .375rem;
  margin: 1.25rem 0 0;
  padding: 1.25rem;
  text-align: center;
  font-size: .8125rem;
  color: var(--kr-dim);
  border: 1px dashed var(--kr-border);
  border-radius: .75rem;
  background: rgba(255, 255, 255, .6);
}

.og-ss-empty[hidden] { display: none; }

.og-ss-empty i { font-size: 1.25rem; opacity: .5; }

.og-ss-empty a { color: var(--ss-accent); font-weight: 600; }

/* Rehberler */
.og-ss-guides__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: .625rem;
}

@media (min-width: 768px) {
  .og-ss-guides__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.og-ss-guide {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: 1rem .875rem;
  text-decoration: none;
  border: 1px solid var(--kr-border);
  border-radius: .875rem;
  background: rgba(255, 255, 255, .96);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.og-ss-guide:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--ss-guide-accent, var(--ss-accent)) 28%, var(--kr-border));
  box-shadow: 0 10px 28px color-mix(in srgb, var(--ss-guide-accent, var(--ss-accent)) 10%, transparent);
}

.og-ss-guide__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: .625rem;
  background: color-mix(in srgb, var(--ss-guide-accent, var(--ss-accent)) 10%, #fff);
  color: var(--ss-guide-accent, var(--ss-accent));
  font-size: 1rem;
}

.og-ss-guide__copy {
  display: flex;
  flex-direction: column;
  gap: .125rem;
  min-width: 0;
  flex: 1;
}

.og-ss-guide__copy strong {
  font-size: .8125rem;
  font-weight: 700;
  color: var(--kr-text);
}

.og-ss-guide__copy span {
  font-size: .6875rem;
  line-height: 1.45;
  color: var(--kr-dim);
}

.og-ss-guide__arrow {
  flex-shrink: 0;
  font-size: .6875rem;
  color: var(--kr-dim);
  transition: transform .25s ease;
}

.og-ss-guide:hover .og-ss-guide__arrow { transform: translateX(2px); }

/* Süreç akışı */
.og-ss-process .og-tk-process--flow {
  display: grid;
  grid-template-columns: 1fr;
  gap: .625rem;
}

@media (min-width: 768px) {
  .og-ss-process .og-tk-process--flow {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
  }
}

.og-ss-process .og-tk-process--flow .og-tk-process__step {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  padding: .875rem .75rem;
  border: 1px solid var(--kr-border);
  border-radius: .75rem;
  background: rgba(255, 255, 255, .96);
}

@media (min-width: 768px) {
  .og-ss-process .og-tk-process--flow .og-tk-process__step {
    position: relative;
    padding-bottom: 1rem;
  }

  .og-ss-process .og-tk-process--flow .og-tk-process__step:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 1.75rem;
    right: -.4375rem;
    width: .875rem;
    height: 1px;
    background: color-mix(in srgb, var(--ss-accent) 30%, var(--kr-border));
  }
}

.og-ss-process .og-tk-process__head {
  display: flex;
  align-items: center;
  gap: .4375rem;
}

.og-ss-process .og-tk-process__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.375rem;
  height: 1.375rem;
  padding: 0 .3125rem;
  font-family: var(--og-font-mono);
  font-size: .5625rem;
  font-weight: 700;
  color: var(--ss-accent);
  border-radius: .25rem;
  background: color-mix(in srgb, var(--ss-accent) 10%, #fff);
}

.og-ss-process .og-tk-process__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: .4375rem;
  background: color-mix(in srgb, var(--ss-accent) 8%, #fff);
  color: var(--ss-accent);
  font-size: .75rem;
}

.og-ss-process .og-tk-process__body {
  display: flex;
  flex-direction: column;
  gap: .1875rem;
}

.og-ss-process .og-tk-process__body strong {
  font-size: .8125rem;
  font-weight: 700;
  color: var(--kr-text);
}

.og-ss-process .og-tk-process__body span {
  font-size: .6875rem;
  line-height: 1.45;
  color: var(--kr-dim);
}

/* Finale CTA */
.og-ss-finale__box {
  position: relative;
  padding: clamp(1.25rem, 3vw, 1.75rem);
  border-radius: 1rem;
  border: 1px solid color-mix(in srgb, var(--ss-accent) 18%, var(--kr-border));
  background: rgba(255, 255, 255, .96);
  overflow: hidden;
}

.og-ss-finale__mesh {
  position: absolute;
  inset: 0;
  opacity: .35;
  background-image:
    linear-gradient(rgba(20, 24, 32, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 24, 32, .04) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
}

.og-ss-finale__glow {
  position: absolute;
  width: 50%;
  height: 80%;
  top: -20%;
  left: -10%;
  background: radial-gradient(circle, color-mix(in srgb, var(--ss-accent) 14%, transparent) 0%, transparent 70%);
  pointer-events: none;
}

.og-ss-finale__grid {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

@media (min-width: 900px) {
  .og-ss-finale__grid {
    grid-template-columns: 1.15fr .85fr;
    gap: 1.5rem;
    align-items: start;
  }
}

.og-ss-finale__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .4375rem;
  margin-bottom: .75rem;
  padding: .3125rem .6875rem;
  font-family: var(--og-font-mono);
  font-size: .5625rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--ss-accent);
  border: 1px solid color-mix(in srgb, var(--ss-accent) 20%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--ss-accent) 6%, transparent);
}

.og-ss-finale__title {
  margin: 0 0 .625rem;
  font-size: clamp(1.375rem, 3vw, 1.75rem);
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.15;
  color: var(--kr-text);
}

.og-ss-finale__title span { color: var(--ss-accent); }

.og-ss-finale__desc {
  margin: 0 0 1rem;
  max-width: 38rem;
  font-size: .875rem;
  line-height: 1.6;
  color: var(--kr-muted);
}

.og-ss-finale__actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: .5625rem;
}

@media (min-width: 640px) {
  .og-ss-finale__actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.og-ss-finale__action {
  display: flex;
  align-items: center;
  gap: .625rem;
  padding: .6875rem .75rem;
  border-radius: .625rem;
  border: 1px solid var(--kr-border);
  background: rgba(255, 255, 255, .7);
  color: inherit;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.og-ss-finale__action:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--ss-accent) 24%, var(--kr-border));
  box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
}

.og-ss-finale__action--primary {
  border-color: color-mix(in srgb, var(--ss-accent) 28%, transparent);
  background: linear-gradient(135deg, var(--ss-accent), color-mix(in srgb, var(--ss-accent) 75%, #047857));
}

.og-ss-finale__action--primary .og-ss-finale__action-icon { background: rgba(255, 255, 255, .18); color: #fff; }
.og-ss-finale__action--primary .og-ss-finale__action-copy strong,
.og-ss-finale__action--primary .og-ss-finale__action-copy span,
.og-ss-finale__action--primary .og-ss-finale__action-arrow { color: #fff; }

.og-ss-finale__action--whatsapp { border-color: rgba(37, 211, 102, .25); }
.og-ss-finale__action--whatsapp .og-ss-finale__action-icon {
  background: rgba(37, 211, 102, .12);
  color: #16a34a;
}

.og-ss-finale__action-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: .4375rem;
  background: color-mix(in srgb, var(--ss-accent) 10%, transparent);
  color: var(--ss-accent);
  font-size: .8125rem;
}

.og-ss-finale__action-copy {
  display: flex;
  flex-direction: column;
  gap: .0625rem;
  min-width: 0;
  flex: 1;
}

.og-ss-finale__action-copy strong {
  font-size: .75rem;
  font-weight: 700;
  color: var(--kr-text);
}

.og-ss-finale__action-copy span {
  font-size: .625rem;
  color: var(--kr-dim);
}

.og-ss-finale__action-arrow {
  flex-shrink: 0;
  font-size: .6875rem;
  color: var(--kr-dim);
  transition: transform .25s ease;
}

.og-ss-finale__action:hover .og-ss-finale__action-arrow { transform: translateX(2px); }

.og-ss-finale__aside {
  padding: 1rem;
  border-radius: .75rem;
  border: 1px solid var(--kr-border);
  background: color-mix(in srgb, var(--ss-accent) 4%, #fff);
}

.og-ss-finale__aside-lead {
  margin: 0 0 .75rem;
  font-size: .6875rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--kr-dim);
}

.og-ss-finale__perks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .625rem;
}

.og-ss-finale__perk {
  display: flex;
  align-items: flex-start;
  gap: .5625rem;
}

.og-ss-finale__perk-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.625rem;
  height: 1.625rem;
  border-radius: .375rem;
  background: color-mix(in srgb, var(--ss-accent) 10%, transparent);
  color: var(--ss-accent);
  font-size: .6875rem;
}

.og-ss-finale__perk-copy {
  display: flex;
  flex-direction: column;
  gap: .0625rem;
}

.og-ss-finale__perk-copy strong {
  font-size: .75rem;
  font-weight: 700;
  color: var(--kr-text);
}

.og-ss-finale__perk-copy span {
  font-size: .6875rem;
  line-height: 1.45;
  color: var(--kr-muted);
}

/* Hero CTA */
body.og-page-sss .og-ph-cta__item--primary {
  border-color: transparent;
  background: linear-gradient(135deg, var(--ss-accent), color-mix(in srgb, var(--ss-accent) 82%, #047857));
}

body.og-page-sss .og-ph-cta__item--primary .og-ph-cta__copy strong,
body.og-page-sss .og-ph-cta__item--primary .og-ph-cta__copy span { color: #fff; }

@media (prefers-reduced-motion: reduce) {
  .og-ss-popular__card,
  .og-ss-guide,
  .og-ss-finale__action,
  .og-ss-item { transition: none; }
  .og-ss-popular__card:hover,
  .og-ss-guide:hover,
  .og-ss-finale__action:hover { transform: none; }
}
