.hp-block-currency {
  height: auto;
  align-self: start;
}

.hp-currency {
  --hp-currency-soft: color-mix(in srgb, var(--hp-accent) 9%, var(--hp-surface));
  --hp-currency-strong: color-mix(in srgb, var(--hp-accent) 18%, var(--hp-surface));
  --hp-currency-up: color-mix(in srgb, var(--bs-success) 88%, var(--hp-text));
  --hp-currency-down: color-mix(in srgb, var(--bs-danger) 88%, var(--hp-text));
  position: relative;
  height: auto;
  overflow: hidden;
  color: var(--hp-text);
  background: var(--hp-surface);
  border: 0;
  border-radius: var(--hp-card-radius);
}

.hp-currency .hp-widget-head {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .65rem .85rem;
  background: var(--hp-surface);
  border-block-end: 1px solid var(--hp-border);
}

.hp-currency .hp-widget-title {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin: 0;
  color: var(--hp-text);
  font: 800 clamp(.78rem, .72rem + .2vw, .92rem)/1.2 var(--hp-font-heading);
}

.hp-currency .hp-widget-title :is(i, a),
.hp-currency .hp-widget-more {
  color: inherit;
}

.hp-currency .hp-widget-title i {
  color: var(--hp-accent);
}

.hp-currency .hp-widget-more {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  background: var(--hp-currency-soft);
  border-radius: 50%;
}

.hp-currency-body {
  padding: .65rem;
}

.hp-currency-items,
.hp-currency-item {
  min-width: 0;
}

.hp-currency-item {
  color: inherit;
  text-decoration: none;
}

.hp-currency-icon {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  color: var(--hp-accent);
  background: var(--hp-currency-soft);
  border-radius: 10px;
}

.hp-currency-icon i {
  font-size: 1rem;
}

.hp-currency-icon img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  border-radius: 50%;
}

.hp-currency-copy {
  display: grid;
  min-width: 0;
  line-height: 1.1;
}

.hp-currency-name {
  overflow: hidden;
  color: var(--hp-text);
  font-size: clamp(.68rem, .64rem + .12vw, .78rem);
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hp-currency-copy small,
.hp-currency-buy small,
.hp-currency-value small {
  color: var(--hp-muted);
  font-size: .56rem;
  font-weight: 650;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.hp-currency-buy {
  display: grid;
  color: var(--hp-text);
  line-height: 1.15;
}

.hp-currency-buy b {
  font-size: clamp(.7rem, .66rem + .12vw, .8rem);
}

.hp-currency-value {
  display: grid;
  color: var(--hp-text);
  font-size: clamp(.82rem, .76rem + .2vw, 1rem);
  line-height: 1.15;
  white-space: nowrap;
}

.hp-currency-change {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: .15rem;
  font-size: .65rem;
  font-weight: 750;
  white-space: nowrap;
}

.hp-currency .trend-1 { color: var(--hp-currency-up); }
.hp-currency .trend--1 { color: var(--hp-currency-down); }
.hp-currency .trend-0 { color: var(--hp-muted); }

.hp-currency--static-strip {
  border-radius: 0;
}

.hp-currency--static-strip .hp-currency-body {
  padding: .3rem 0;
}

.hp-currency--static-strip .hp-currency-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow-x: auto;
  scrollbar-width: none;
}

.hp-currency--static-strip .hp-currency-item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: .1rem .4rem;
  flex: 1 0 155px;
  padding: .38rem .75rem;
  border-inline-end: 1px solid var(--hp-border);
}

.hp-currency--static-strip .hp-currency-item:last-child {
  border-inline-end: 0;
}

.hp-currency--static-strip .hp-currency-buy,
.hp-currency--static-strip .hp-currency-copy small,
.hp-currency--static-strip .hp-currency-value small {
  display: none;
}

.hp-currency--static-strip .hp-currency-icon {
  grid-column: 1;
  grid-row: 1/3;
  width: 24px;
  height: 24px;
  background: transparent;
}

.hp-currency--static-strip .hp-currency-copy {
  grid-column: 2;
}

.hp-currency--static-strip .hp-currency-name {
  font-size: .66rem;
}

.hp-currency--static-strip .hp-currency-value {
  grid-column: 2;
  font-size: .86rem;
}

.hp-currency--static-strip .hp-currency-change {
  grid-column: 3;
  grid-row: 1/3;
}

.hp-currency--static-cards .hp-currency-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: .55rem;
}

.hp-currency--static-cards .hp-currency-item,
.hp-currency--ticker-cards .hp-currency-item {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .25rem .55rem;
  padding: .7rem;
  color: var(--hp-text);
  overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, var(--hp-accent) 8%, var(--hp-surface)), var(--hp-surface));
  border: 0;
  border-radius: calc(var(--hp-card-radius) * .78);
  box-shadow: 0 3px 12px color-mix(in srgb, var(--hp-secondary) 6%, transparent);
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.hp-currency--static-cards .hp-currency-item::before,
.hp-currency--ticker-cards .hp-currency-item::before {
  display: none;
}

.hp-currency--static-cards .hp-currency-item:hover,
.hp-currency--ticker-cards .hp-currency-item:hover {
  background: color-mix(in srgb, var(--hp-accent) 11%, var(--hp-surface));
  box-shadow: 0 5px 15px color-mix(in srgb, var(--hp-secondary) 8%, transparent);
  transform: translateY(-1px);
}

.hp-currency--static-cards .hp-currency-icon,
.hp-currency--ticker-cards .hp-currency-icon {
  grid-row: 1/3;
  background: var(--hp-surface);
}

.hp-currency--static-cards .hp-currency-copy,
.hp-currency--ticker-cards .hp-currency-copy {
  grid-column: 2;
}

.hp-currency--static-cards .hp-currency-buy,
.hp-currency--ticker-cards .hp-currency-buy {
  display: none;
}

.hp-currency--static-cards .hp-currency-value,
.hp-currency--ticker-cards .hp-currency-value {
  grid-column: 2;
  grid-row: 2;
}

.hp-currency--static-cards .hp-currency-change,
.hp-currency--ticker-cards .hp-currency-change {
  grid-column: 3;
  grid-row: 1/3;
  padding: .24rem .38rem;
  background: color-mix(in srgb, currentColor 10%, var(--hp-surface));
  border-radius: 999px;
}

.hp-currency--static-table .hp-currency-body {
  padding: 0;
}

.hp-currency-table-head,
.hp-currency--static-table .hp-currency-item {
  display: grid;
  grid-template-columns: minmax(140px, 1.3fr) minmax(75px, .7fr) minmax(75px, .7fr) minmax(64px, .55fr);
  align-items: center;
  gap: .5rem;
  padding: .55rem .85rem;
}

.hp-currency-table-head {
  color: var(--hp-muted);
  background: var(--hp-currency-soft);
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.hp-currency--static-table .hp-currency-item {
  color: var(--hp-text);
  background: var(--hp-surface);
  border-block-start: 1px solid var(--hp-border);
  transition: background-color .16s ease;
}

.hp-currency--static-table .hp-currency-item:hover {
  background: var(--hp-currency-soft);
}

.hp-currency--static-table .hp-currency-item:first-child { border-block-start: 0; }
.hp-currency--static-table .hp-currency-icon { display: none; }
.hp-currency--static-table .hp-currency-copy { grid-column: 1; }
.hp-currency--static-table :is(.hp-currency-buy, .hp-currency-value) { grid-row: 1; text-align: start; }
.hp-currency--static-table .hp-currency-buy { grid-column: 2; }
.hp-currency--static-table .hp-currency-value { grid-column: 3; }
.hp-currency--static-table .hp-currency-change { grid-column: 4; grid-row: 1; }
.hp-currency--static-table :is(.hp-currency-value, .hp-currency-buy) small { display: none; }

.hp-currency-swiper {
  width: 100%;
  overflow: hidden;
}

/* Slider kontrolleri için sabit yan cepler: oklar piyasa verisinin üzerine binmez. */
.hp-currency-swiper:has(> .hp-slider-control) {
  box-sizing: border-box;
  padding-inline: 36px;
}

.hp-currency-swiper .swiper-slide {
  height: auto;
}

.hp-currency--ticker-flow {
  border-radius: 0;
}

.hp-currency--ticker-flow .hp-currency-body {
  padding: .3rem 0;
}

.hp-currency--ticker-flow .swiper-wrapper {
  align-items: center;
  transition-timing-function: linear !important;
}

.hp-currency--ticker-flow .hp-currency-item {
  display: flex;
  width: auto;
  min-width: 170px;
  align-items: center;
  gap: .45rem;
  padding: .42rem .9rem;
  border-inline-end: 1px solid var(--hp-border);
}

.hp-currency--ticker-flow .hp-currency-icon {
  width: 28px;
  height: 28px;
  flex-basis: 28px;
  border-radius: 8px;
}

.hp-currency--ticker-flow .hp-currency-copy small,
.hp-currency--ticker-flow .hp-currency-buy,
.hp-currency--ticker-flow .hp-currency-value small {
  display: none;
}

.hp-currency--ticker-flow .hp-currency-value { font-size: .86rem; }
.hp-currency--ticker-flow .hp-currency-change { margin-inline-start: .1rem; }

.hp-currency--ticker-cards .hp-currency-body {
  padding: .7rem 0;
}

.hp-currency--ticker-cards .hp-slider-control,
.hp-currency--ticker-spotlight .hp-slider-control {
  top: 50%;
  width: 30px;
  height: 30px;
  margin: 0;
  color: var(--hp-text);
  background: var(--hp-surface);
  border: 0;
  box-shadow: 0 3px 10px color-mix(in srgb, var(--hp-secondary) 10%, transparent);
  transform: translateY(-50%);
}

.hp-currency--ticker-cards .hp-slider-control:hover,
.hp-currency--ticker-spotlight .hp-slider-control:hover {
  color: #fff;
  background: var(--hp-accent);
  border-color: var(--hp-accent);
}

.hp-currency--ticker-cards .swiper-button-prev,
.hp-currency--ticker-spotlight .swiper-button-prev { inset-inline-start: 7px; }
.hp-currency--ticker-cards .swiper-button-next,
.hp-currency--ticker-spotlight .swiper-button-next { inset-inline-end: 7px; }

.hp-currency--ticker-spotlight {
  color: var(--hp-text);
  background:
    radial-gradient(circle at 86% 18%, color-mix(in srgb, var(--hp-accent) 22%, transparent), transparent 34%),
    linear-gradient(125deg, var(--hp-currency-strong), color-mix(in srgb, var(--hp-secondary) 7%, var(--hp-surface)));
}

.hp-currency--ticker-spotlight .hp-widget-head {
  background: transparent;
  border-color: color-mix(in srgb, var(--hp-accent) 24%, var(--hp-border));
}

.hp-currency--ticker-spotlight .hp-currency-body {
  padding: .35rem 0 1rem;
}

.hp-currency--ticker-spotlight .hp-currency-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  min-height: 86px;
  align-items: center;
  gap: .15rem .8rem;
  padding: .65rem;
  color: var(--hp-text);
  background: color-mix(in srgb, var(--hp-surface) 62%, transparent);
  border: 0;
  border-radius: calc(var(--hp-card-radius) * .8);
  box-shadow: 0 3px 14px color-mix(in srgb, var(--hp-secondary) 7%, transparent);
}

.hp-currency--ticker-spotlight .hp-currency-icon {
  grid-row: 1/3;
  width: 46px;
  height: 46px;
  color: var(--hp-accent);
  background: var(--hp-surface);
  border: 1px solid color-mix(in srgb, var(--hp-accent) 25%, var(--hp-border));
  border-radius: 14px;
}

.hp-currency--ticker-spotlight .hp-currency-icon i { font-size: 1.35rem; }
.hp-currency--ticker-spotlight .hp-currency-copy { grid-column: 2; }
.hp-currency--ticker-spotlight .hp-currency-name { font-size: .82rem; }
.hp-currency--ticker-spotlight .hp-currency-buy { display: none; }
.hp-currency--ticker-spotlight .hp-currency-value { grid-column: 2; grid-row: 2; font-size: clamp(1.15rem, 1rem + .6vw, 1.65rem); }
.hp-currency--ticker-spotlight .hp-currency-change { grid-column: 3; grid-row: 1/3; padding: .3rem .48rem; background: color-mix(in srgb, currentColor 10%, var(--hp-surface)); border: 0; border-radius: 999px; }
.hp-currency--ticker-spotlight .swiper-pagination { bottom: 5px; }
.hp-currency--ticker-spotlight .swiper-pagination-bullet { width: 5px; height: 5px; background: var(--hp-muted); }
.hp-currency--ticker-spotlight .swiper-pagination-bullet-active { background: var(--hp-accent); opacity: 1; }

/* Haber sitesi referansları: aynı veri iskeleti, sabit ve Swiper sürümleri. */
.hp-currency:is([class*="--haber-s-"],[class*="--trt-"],[class*="--sozcu-"],[class*="--milliyet-"],[class*="--mynet-"]) {
  --hp-currency-reference-green: #63a56d;
  --hp-currency-reference-red: #d94b5a;
  border-radius: 0;
}

.hp-currency:is([class*="--haber-s-"],[class*="--trt-"],[class*="--sozcu-"],[class*="--milliyet-"],[class*="--mynet-"]) .hp-currency-body { padding: 0; }
.hp-currency:is(.hp-currency--haber-s-static,.hp-currency--trt-static,.hp-currency--sozcu-static,.hp-currency--milliyet-static,.hp-currency--mynet-static) .hp-currency-items { display: flex; align-items: stretch; overflow-x: auto; scrollbar-width: none; }
.hp-currency:is(.hp-currency--haber-s-static,.hp-currency--trt-static,.hp-currency--sozcu-static,.hp-currency--milliyet-static,.hp-currency--mynet-static) .hp-currency-item { flex: 1 0 145px; }
.hp-currency:is([class*="--haber-s-"],[class*="--trt-"],[class*="--sozcu-"],[class*="--milliyet-"],[class*="--mynet-"]) :is(.hp-currency-copy small,.hp-currency-buy,.hp-currency-value small) { display: none; }
.hp-currency:is([class*="--haber-s-"],[class*="--trt-"],[class*="--sozcu-"],[class*="--milliyet-"],[class*="--mynet-"]) .trend-1 { color: var(--hp-currency-reference-green); }
.hp-currency:is([class*="--haber-s-"],[class*="--trt-"],[class*="--sozcu-"],[class*="--milliyet-"],[class*="--mynet-"]) .trend--1 { color: var(--hp-currency-reference-red); }
.hp-currency:is(.hp-currency--haber-s-slider,.hp-currency--trt-slider,.hp-currency--sozcu-slider,.hp-currency--milliyet-slider,.hp-currency--mynet-slider) .hp-slider-control {
  top: 50%; width: 26px; height: 26px; margin: 0; color: var(--hp-text); background: var(--hp-surface); border: 0; border-radius: 50%; box-shadow: 0 2px 8px rgb(0 0 0 / .14); transform: translateY(-50%);
}
.hp-currency:is(.hp-currency--haber-s-slider,.hp-currency--trt-slider,.hp-currency--sozcu-slider,.hp-currency--milliyet-slider,.hp-currency--mynet-slider) .swiper-button-prev { inset-inline-start: 5px; }
.hp-currency:is(.hp-currency--haber-s-slider,.hp-currency--trt-slider,.hp-currency--sozcu-slider,.hp-currency--milliyet-slider,.hp-currency--mynet-slider) .swiper-button-next { inset-inline-end: 5px; }

/* Haber S Balıkesir: ince gri zemin, soluk ikonlar ve dikey ayraçlar. */
.hp-currency:is(.hp-currency--haber-s-static,.hp-currency--haber-s-slider) { background: #f4f4f4; }
.hp-currency:is(.hp-currency--haber-s-static,.hp-currency--haber-s-slider) .hp-currency-item {
  display: grid; grid-template-columns: 28px minmax(62px,1fr) auto; grid-template-rows: auto auto; min-width: 170px; align-items: center; gap: 0 .35rem; padding: .48rem .65rem; background: #fff; border-inline-end: 1px solid #e3e3e3;
}
.hp-currency:is(.hp-currency--haber-s-static,.hp-currency--haber-s-slider) .hp-currency-icon { grid-row: 1/3; width: 26px; height: 30px; color: #d8dcdf; background: transparent; border-radius: 0; }
.hp-currency:is(.hp-currency--haber-s-static,.hp-currency--haber-s-slider) .hp-currency-icon i { font-size: 1.35rem; }
.hp-currency:is(.hp-currency--haber-s-static,.hp-currency--haber-s-slider) .hp-currency-copy { align-self: end; }
.hp-currency:is(.hp-currency--haber-s-static,.hp-currency--haber-s-slider) .hp-currency-name { color: #111; font-size: .7rem; font-weight: 900; text-transform: uppercase; }
.hp-currency:is(.hp-currency--haber-s-static,.hp-currency--haber-s-slider) .hp-currency-value { grid-column: 2; align-self: start; color: #111; font-size: .86rem; font-weight: 900; }
.hp-currency:is(.hp-currency--haber-s-static,.hp-currency--haber-s-slider) .hp-currency-change { grid-column: 3; grid-row: 1/3; align-self: end; padding-block-end: .08rem; font-size: .72rem; }

/* Accent ok şeridi: tema vurgulu ad alanı ve yüzey renkli değer hücresi. */
.hp-currency:is(.hp-currency--trt-static,.hp-currency--trt-slider) { padding-block-start: 4px; background: color-mix(in srgb, var(--hp-accent) 22%, var(--hp-surface, var(--bs-body-bg))); }
.hp-currency:is(.hp-currency--trt-static,.hp-currency--trt-slider) .hp-currency-item { display: grid; grid-template-columns: 28px 84px minmax(62px,1fr) auto; min-width: 260px; min-height: 49px; align-items: stretch; background: var(--hp-surface, var(--bs-body-bg)); }
.hp-currency:is(.hp-currency--trt-static,.hp-currency--trt-slider) .hp-currency-icon { width: auto; height: auto; color: #fff; background: var(--hp-accent); border-radius: 0; }
.hp-currency:is(.hp-currency--trt-static,.hp-currency--trt-slider) .hp-currency-copy { position: relative; justify-content: center; padding-inline: .2rem .9rem; color: #fff; background: var(--hp-accent); clip-path: polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%); }
.hp-currency:is(.hp-currency--trt-static,.hp-currency--trt-slider) .hp-currency-name { color: #fff; font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.hp-currency:is(.hp-currency--trt-static,.hp-currency--trt-slider) .hp-currency-value { align-self: center; justify-self: end; padding-inline: .4rem; color: var(--hp-text, var(--bs-body-color)); font-size: .8rem; font-weight: 500; }
.hp-currency:is(.hp-currency--trt-static,.hp-currency--trt-slider) .hp-currency-change { align-self: center; justify-content: flex-start; padding-inline-end: .5rem; font-size: .72rem; }

/* Kayan editoryal şerit. */
.hp-currency--sozcu-slider { background: #fff; border-block: 4px solid #e53228; }
.hp-currency:is(.hp-currency--sozcu-static,.hp-currency--sozcu-slider) .hp-currency-item { display: grid; grid-template-columns: 22px minmax(64px,1fr) auto; grid-template-rows: auto auto; min-width: 190px; align-items: center; gap: .08rem .5rem; padding: .55rem .85rem; background: #fff; border-inline-end: 1px solid #ededed; }
.hp-currency:is(.hp-currency--sozcu-static,.hp-currency--sozcu-slider) .hp-currency-icon { grid-column: 1; grid-row: 1/3; width: 22px; height: 22px; background: transparent; }
.hp-currency:is(.hp-currency--sozcu-static,.hp-currency--sozcu-slider) .hp-currency-copy { grid-column: 2; }
.hp-currency:is(.hp-currency--sozcu-static,.hp-currency--sozcu-slider) .hp-currency-name { color: #171717; font-size: .66rem; font-weight: 900; letter-spacing: .025em; text-transform: uppercase; }
.hp-currency:is(.hp-currency--sozcu-static,.hp-currency--sozcu-slider) .hp-currency-value { grid-column: 2; color: #171717; font-size: .96rem; font-weight: 900; }
.hp-currency:is(.hp-currency--sozcu-static,.hp-currency--sozcu-slider) .hp-currency-change { grid-column: 3; grid-row: 1/3; font-size: .7rem; font-weight: 850; }
.hp-currency:is(.hp-currency--sozcu-static,.hp-currency--sozcu-slider) .hp-currency-direction { padding: .14rem; color: #fff; border-radius: 50%; }
.hp-currency:is(.hp-currency--sozcu-static,.hp-currency--sozcu-slider) .hp-currency-change.trend-1 .hp-currency-direction { background: var(--hp-currency-reference-green); }
.hp-currency:is(.hp-currency--sozcu-static,.hp-currency--sozcu-slider) .hp-currency-change.trend--1 .hp-currency-direction { background: var(--hp-currency-reference-red); }
.hp-currency:is(.hp-currency--sozcu-static,.hp-currency--sozcu-slider) .hp-currency-change.trend-0 .hp-currency-direction { background: #999; }

.hp-currency.hp-currency--sozcu-static {
  padding: .55rem;
  background: color-mix(in srgb, var(--hp-accent) 7%, var(--hp-surface, var(--bs-body-bg)));
  border: 0;
  border-radius: var(--hp-card-radius, 8px);
}

.hp-currency.hp-currency--sozcu-static .hp-currency-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
  gap: .45rem;
  overflow: visible;
}

.hp-currency.hp-currency--sozcu-static .hp-currency-item {
  position: relative;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  min-width: 0;
  padding: .65rem;
  overflow: hidden;
  background: var(--hp-surface, var(--bs-body-bg));
  border: 0;
  border-radius: calc(var(--hp-card-radius, 8px) * .72);
  box-shadow: 0 5px 16px color-mix(in srgb, var(--hp-text, var(--bs-body-color)) 7%, transparent);
}

.hp-currency.hp-currency--sozcu-static .hp-currency-item::after {
  position: absolute;
  inset-block: .55rem;
  inset-inline-start: 0;
  width: 3px;
  background: var(--hp-accent);
  border-radius: 0 999px 999px 0;
  content: "";
}

.hp-currency.hp-currency--sozcu-static .hp-currency-icon {
  width: 28px;
  height: 28px;
  background: color-mix(in srgb, var(--hp-accent) 10%, var(--hp-surface, var(--bs-body-bg)));
}

.hp-currency.hp-currency--sozcu-static .hp-currency-name {
  color: var(--hp-text, var(--bs-body-color));
  font-size: .7rem;
  letter-spacing: 0;
}

.hp-currency.hp-currency--sozcu-static .hp-currency-value {
  color: var(--hp-text, var(--bs-body-color));
  font-size: 1rem;
}

.hp-currency.hp-currency--sozcu-static .hp-currency-change {
  align-self: center;
  padding: .2rem .36rem;
  background: color-mix(in srgb, currentColor 9%, var(--hp-surface, var(--bs-body-bg)));
  border-radius: 999px;
}

.hp-currency.hp-currency--sozcu-static .hp-currency-direction {
  padding: 0;
  color: currentColor;
  background: transparent !important;
}

/* Milliyet: kompakt beyaz Uzmanpara kartı. */
.hp-currency:is(.hp-currency--milliyet-static,.hp-currency--milliyet-slider) { padding: .55rem; background: #f1f1f1; }
.hp-currency:is(.hp-currency--milliyet-static,.hp-currency--milliyet-slider) .hp-currency-item { display: grid; grid-template-columns: 22px minmax(62px,1fr) auto; grid-template-rows: auto auto; min-width: 155px; gap: .15rem .35rem; padding: .35rem .55rem; background: #fff; border-inline-end: 1px solid #e6e6e6; }
.hp-currency:is(.hp-currency--milliyet-static,.hp-currency--milliyet-slider) .hp-currency-icon { grid-column: 1; grid-row: 1/3; width: 22px; height: 22px; background: transparent; }
.hp-currency:is(.hp-currency--milliyet-static,.hp-currency--milliyet-slider) .hp-currency-copy { grid-column: 2; }
.hp-currency:is(.hp-currency--milliyet-static,.hp-currency--milliyet-slider) .hp-currency-name { color: #1c1c1c; font-size: .65rem; font-weight: 650; text-transform: uppercase; }
.hp-currency:is(.hp-currency--milliyet-static,.hp-currency--milliyet-slider) .hp-currency-value { grid-column: 2; color: #111; font-size: .9rem; font-weight: 900; }
.hp-currency:is(.hp-currency--milliyet-static,.hp-currency--milliyet-slider) .hp-currency-change { grid-column: 3; grid-row: 2; align-self: center; padding: .14rem .28rem; color: #fff; border-radius: 2px; font-size: .62rem; }
.hp-currency:is(.hp-currency--milliyet-static,.hp-currency--milliyet-slider) .hp-currency-change.trend-1 { color: #fff; background: var(--hp-currency-reference-green); }
.hp-currency:is(.hp-currency--milliyet-static,.hp-currency--milliyet-slider) .hp-currency-change.trend--1 { color: #fff; background: var(--hp-currency-reference-red); }
.hp-currency:is(.hp-currency--milliyet-static,.hp-currency--milliyet-slider) .hp-currency-change.trend-0 { color: #fff; background: #999; }
.hp-currency:is(.hp-currency--milliyet-static,.hp-currency--milliyet-slider) .hp-currency-direction { display: none; }

/* Mynet: yüksek beyaz finans hücreleri. */
.hp-currency:is(.hp-currency--mynet-static,.hp-currency--mynet-slider) { padding: .65rem; background: #f3f4f5; border-radius: 6px; }
.hp-currency:is(.hp-currency--mynet-static,.hp-currency--mynet-slider) .hp-currency-item { display: grid; grid-template-columns: 22px minmax(70px,1fr) auto; grid-template-rows: auto auto; min-width: 178px; gap: .18rem .4rem; padding: .45rem .65rem; background: #fff; border-inline-end: 1px solid #e0e2e4; }
.hp-currency:is(.hp-currency--mynet-static,.hp-currency--mynet-slider) .hp-currency-icon { grid-column: 1; grid-row: 1/3; width: 22px; height: 22px; background: transparent; }
.hp-currency:is(.hp-currency--mynet-static,.hp-currency--mynet-slider) .hp-currency-copy { grid-column: 2; }
.hp-currency:is(.hp-currency--mynet-static,.hp-currency--mynet-slider) .hp-currency-name { color: #171717; font-size: .72rem; font-weight: 900; text-transform: uppercase; }
.hp-currency:is(.hp-currency--mynet-static,.hp-currency--mynet-slider) .hp-currency-value { grid-column: 2; color: #171717; font-size: .95rem; font-weight: 900; }
.hp-currency:is(.hp-currency--mynet-static,.hp-currency--mynet-slider) .hp-currency-change { grid-column: 3; grid-row: 1/3; align-self: end; font-size: .67rem; }
@media (max-width: 767.98px) {
  .hp-currency--static-strip .hp-currency-item { flex-basis: 125px; }
  .hp-currency--static-cards .hp-currency-items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hp-currency-table-head,
  .hp-currency--static-table .hp-currency-item { grid-template-columns: minmax(105px, 1fr) minmax(70px, .65fr) minmax(60px, .55fr); }
  .hp-currency-table-head span:nth-child(2),
  .hp-currency--static-table .hp-currency-buy { display: none; }
  .hp-currency--static-table .hp-currency-value { grid-column: 2; }
  .hp-currency--static-table .hp-currency-change { grid-column: 3; }
  .hp-currency-swiper:has(> .hp-slider-control) { padding-inline: 32px; }
}

@media (max-width: 479.98px) {
  .hp-currency--static-cards .hp-currency-items { grid-template-columns: 1fr; }
  .hp-currency--ticker-spotlight .hp-currency-item { grid-template-columns: auto 1fr; }
  .hp-currency--ticker-spotlight .hp-currency-change { grid-column: 2; grid-row: 3; justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  .hp-currency-swiper .swiper-wrapper { transition-duration: 0s !important; }
}

/* Swiper başlamadan önce slaytlar son genişliklerinde durur; başlatınca piyasa kutuları yeniden dizilip blok kaymaz. */
.hp-currency-swiper:not(.swiper-initialized) > .swiper-wrapper { display: flex; overflow: hidden; }
.hp-currency-swiper[data-currency-mode="ticker-flow"]:not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { flex: 0 0 auto; width: auto; }
.hp-currency-swiper:not([data-currency-mode="ticker-flow"]):not([data-currency-mode="ticker-spotlight"]) { --hp-cs-n: 1; --hp-cs-gap: 9px; }
.hp-currency-swiper[data-currency-mode$="-slider"] { --hp-cs-n: 1.45; --hp-cs-gap: 0px; }
@media (min-width: 480px) {
  .hp-currency-swiper:not([data-currency-mode="ticker-flow"]):not([data-currency-mode="ticker-spotlight"]) { --hp-cs-n: 2; }
  .hp-currency-swiper[data-currency-mode$="-slider"] { --hp-cs-n: 2.25; }
}
@media (min-width: 768px) {
  .hp-currency-swiper:not([data-currency-mode="ticker-flow"]):not([data-currency-mode="ticker-spotlight"]) { --hp-cs-n: 3; }
  .hp-currency-swiper[data-currency-mode$="-slider"] { --hp-cs-n: 3.5; }
}
@media (min-width: 1200px) {
  .hp-currency-swiper:not([data-currency-mode="ticker-flow"]):not([data-currency-mode="ticker-spotlight"]) { --hp-cs-n: 4; }
  .hp-currency-swiper[data-currency-mode$="-slider"] { --hp-cs-n: 5; }
}
.hp-currency-swiper:not([data-currency-mode="ticker-flow"]):not([data-currency-mode="ticker-spotlight"]):not(.swiper-initialized) > .swiper-wrapper { gap: var(--hp-cs-gap); }
.hp-currency-swiper:not([data-currency-mode="ticker-flow"]):not([data-currency-mode="ticker-spotlight"]):not(.swiper-initialized) > .swiper-wrapper > .swiper-slide { flex: 0 0 calc((100% - (var(--hp-cs-n) - 1) * var(--hp-cs-gap)) / var(--hp-cs-n)); width: auto; }