/* =========================================================
   FRONTEND.CSS – közös publikus komponensek
   A cikkoldal saját szabályai átkerültek: article.css
   ========================================================= */

.home-main, .coupons-page{
width: min(100% - 32px, 1440px);
  max-width: 1440px;
  margin-inline: auto;
  margin-top: clamp(34px, 4vw, 64px);
  padding: clamp(22px, 3vw, 42px) 0 clamp(54px, 6vw, 86px);
}

.home-main-content{
min-width: 0;
}

.home-sidebar{
position: sticky;
  top: 96px;
  display: grid;
  gap: 18px;
  min-width: 0;
}

body, .home-main, .coupons-page{
letter-spacing: 0 !important;
}

.home-main, .coupons-page{
width: min(100% - 32px, 1440px) !important;
  margin-top: 32px !important;
}

.home-layout{
display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  gap: 22px !important;
  align-items: start;
}

.hero-card, .article-card, .index-medium-card, .index-headline-card, .recent-item, .radar-widget, .coupon-widget, .recent-posts, .site-news-card, .empty-articles, .filter-pill, .widget-empty, .s-card{
border-radius: var(--ktp-radius) !important;
}


.s-card {
padding: 14px;
  overflow: hidden;
}


.s-card-title {
margin: 0;
  color: var(--kt-ink);
  font-weight: 950;
}


.logout-hidden-form {
display: none !important;
}


.kt-form-field {
margin-bottom: 12px !important;
}


.kt-form-field-large {
margin-bottom: 15px !important;
}


.kt-form-label {
display: block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--ktp-ink, #07192d) !important;
  margin-bottom: 4px !important;
}


.kt-form-control {
width: 100% !important;
  padding: 12px !important;
font-size: 14px !important;
  color: var(--ktp-ink, #07192d) !important;
  border: 1px solid #bfd7ee !important;
  border-radius: 5px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  box-shadow: none !important;
}


.kt-form-actions {
display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}


.kt-btn-primary {
padding: 12px 25px !important;
  background: var(--ktp-yellow, #5DADE2) !important;
  color: #07192d !important;
  border: 1px solid #3B8BC4 !important;
  box-shadow: 0 4px 0 var(--ktp-blue-strong, #0054a8) !important;
}


.kt-btn-ghost {
padding: 12px 20px !important;
  background: #ffffff !important;
  color: var(--ktp-blue-strong, #0054a8) !important;
  border: 1px solid #bfd7ee !important;
  box-shadow: none !important;
}


.bbcode-link {
color: var(--ktp-blue-strong, #0054a8) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
  font-weight: 800 !important;
}


/* =========================================================
   05. Badge-ek, meta sorok, SVG ikonok
   ========================================================= */
.meta-item svg {
width: 17px;
  height: 17px;
  color: var(--kt-brand);
}


.status-badge {
display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 5px 10px;
  border-radius: var(--kt-radius-sm);
  font-size: 11px;
  font-weight: 850;
}


.site-news-arrow-icon {
width: 17px;
  height: 17px;
}


.content-source-badge {
cursor: default;
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: .62rem;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}


.meta-with-icon {
min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #7a9aaa;
  font-size: .78rem;
  font-weight: 700;
}


.kt-eye-icon .kt-eye-open, .kt-eye-icon .kt-eye-pupil {
opacity: 1;
  transform-origin: 12px 12px;
  animation: ktEyeBlinkOpen 6.8s ease-in-out infinite;
}


.kt-eye-icon .kt-eye-closed {
opacity: 0;
  transform-origin: 12px 12px;
  animation: ktEyeBlinkClosed 6.8s ease-in-out infinite;
}


.content-source-badge.editorial-source {
border-color: #b9d8f0 !important;
  border: 1px solid rgba(13, 111, 143, .16);
  background: #edf7ff !important;
  color: #063b70 !important;
}


.content-source-badge.user-source {
border-color: #e5bb17 !important;
  border: 1px solid rgba(36, 185, 130, .22);
  background: #fff3bd !important;
  color: #302500 !important;
}


.kt-inline-icon-mail::before {
content: "" !important;
  width: 15px !important;
  height: 11px !important;
  border: 2px solid currentColor !important;
  border-radius: 3px !important;
  background: linear-gradient(135deg, transparent 47%, currentColor 48%, currentColor 54%, transparent 55%) left top / 50% 100% no-repeat,
    linear-gradient(225deg, transparent 47%, currentColor 48%, currentColor 54%, transparent 55%) right top / 50% 100% no-repeat !important;
}


/* =========================================================
   06. Főoldal, listák, szűrt nézetek
   ========================================================= */
.hero-section {
  margin-bottom: clamp(22px, 3vw, 34px) !important;
  animation: kt-rise .5s cubic-bezier(.22, 1, .36, 1) both;
}


.hero-card {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  min-height: clamp(460px, 48vw, 690px) !important;
  border: 1px solid rgba(0, 84, 168, .24) !important;
  border-radius: 5px !important;
  background: #07192d !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow:
    0 24px 58px rgba(0, 84, 168, .18),
    inset 0 1px 0 rgba(255, 255, 255, .16) !important;
  isolation: isolate;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}


.hero-card:hover {
  transform: translateY(-3px);
  border-color: rgba(93, 173, 226, .46) !important;
  box-shadow:
    0 32px 74px rgba(0, 84, 168, .24),
    0 0 0 1px rgba(93, 173, 226, .16),
    inset 0 1px 0 rgba(255, 255, 255, .20) !important;
}


.hero-card-content {
  position: relative !important;
  z-index: 1;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) auto auto !important;
  min-height: clamp(460px, 48vw, 690px) !important;
  padding: clamp(18px, 3vw, 34px) !important;
  overflow: hidden !important;
  isolation: isolate;
  background: transparent !important;
}


.hero-card-content::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(5, 22, 38, .16) 0%, rgba(5, 22, 38, .04) 48%, rgba(5, 22, 38, .18) 100%),
    radial-gradient(circle at 18% 10%, rgba(26, 215, 239, .10), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(93, 173, 226, .10), transparent 30%);
}


.hero-card-content::after {
  display: none !important;
  content: none !important;
}


.hero-card-image,
.hero-card-placeholder {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #eaf5ff, #ffffff) !important;
  box-shadow: none !important;
}


.hero-card-image::before {
  display: none !important;
  content: none !important;
}


.hero-card-image::after,
.hero-card-placeholder::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(7,25,45,.08) 0%, rgba(7,25,45,.03) 48%, rgba(7,25,45,.18) 100%);
  pointer-events: none;
}


.hero-card-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transform: scale(1.01);
  transition: transform .65s cubic-bezier(.22, 1, .36, 1), filter .65s ease;
}


.hero-card:hover .hero-card-image img {
  transform: scale(1.055);
  filter: saturate(1.04) contrast(1.03);
}


.hero-card-categories {
  grid-row: 1 !important;
  grid-column: 1 !important;
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  max-width: min(760px, 100%) !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
}


.hero-card-category {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  border: 1px solid rgba(93, 173, 226, .50) !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, .90) !important;
  color: var(--ktp-blue-strong, #0054a8) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .14) !important;
  font-size: .70rem !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  backdrop-filter: blur(10px);
}


.hero-card-category:hover {
  transform: translateY(-1px);
  border-color: rgba(26, 215, 239, .58) !important;
  background: #ffffff !important;
  color: #07192d !important;
}


.hero-card-title {
  grid-row: 3 !important;
  grid-column: 1 !important;
  position: relative !important;
  z-index: 3 !important;
  max-width: min(980px, 96%) !important;
  margin: 0 0 clamp(12px, 1.8vw, 18px) !important;
  padding: 0 !important;
  color: #ffffff !important;
font-size: clamp(2.15rem, 5.4vw, 5.2rem) !important;
  font-weight: 850 !important;
  line-height: .96 !important;
  letter-spacing: -.035em !important;
  text-shadow: 0 18px 42px rgba(0, 0, 0, .55) !important;
  overflow-wrap: anywhere;
}


.hero-card-meta {
  grid-row: 4 !important;
  grid-column: 1 !important;
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 9px 14px !important;
  max-width: min(980px, 100%) !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, .82) !important;
}


.hero-card-author {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: rgba(255, 255, 255, .88) !important;
  font-weight: 800 !important;
}


.hero-card-author-img {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(93, 173, 226, .40) !important;
  border-radius: 5px !important;
  background: rgba(93, 173, 226, .92) !important;
  color: #07192d !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.16) !important;
}


.hero-card-meta .content-source-badge,
.hero-card-meta .meta-with-icon {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  gap: 6px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, .12) !important;
  color: rgba(255, 255, 255, .86) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter: blur(10px);
  font-size: .78rem !important;
  font-weight: 800 !important;
}


.hero-card-meta .meta-with-icon svg {
  width: 1em !important;
  height: 1em !important;
  color: var(--ktp-yellow, #5DADE2) !important;
  stroke: currentColor !important;
  fill: none !important;
}


.hero-card-author {
display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}


.site-news-strip::before {
content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.48) 42%, transparent 68%);
  opacity: .42;
}


.site-news-strip::after {
content: "";
  position: absolute;
  top: -40%;
  left: -60%;
  z-index: 2;
  width: 46%;
  height: 190%;
  pointer-events: none;
  border-radius: 0;
  background: linear-gradient(
    115deg,
    transparent 0%,
    transparent 34%,
    rgba(255,255,255,.10) 42%,
    rgba(255,255,255,.46) 50%,
    rgba(255,255,255,.12) 58%,
    transparent 66%,
    transparent 100%
  );
  transform: translateX(-120%) rotate(8deg);
  opacity: 0;
  animation: siteNewsGlint 6.5s ease-in-out infinite;
}


.site-news-strip > * {
position: relative;
  z-index: 3;
}


.site-news-strip-head {
display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid rgba(13, 111, 143, .12);
  background: rgba(255,255,255,.30);
}


.site-news-card:hover {
transform: translateY(-2px);
  border-color: rgba(33,204,227,.36);
  background: radial-gradient(circle at 100% 0%, rgba(33,204,227,.18), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(232,249,253,.78));
  box-shadow: 0 16px 34px rgba(7,49,74,.13),
    inset 0 1px 0 rgba(255,255,255,.90);
}


.site-news-card:hover .site-news-arrow {
transform: translateX(2px);
  border-color: rgba(215,181,106,.42);
  background: linear-gradient(135deg, rgba(255,250,235,.92), rgba(255,255,255,.72));
  color: #8a671e;
}


.filter-pill:hover {
border-color: rgba(33, 204, 227, .4);
  background: rgba(33, 204, 227, .08);
  color: #0b7d9a;
  transform: translateY(-1px);
}


.filter-pill.active {
border-color: #0f8fae;
  background: linear-gradient(135deg, #0e7a95, #05304a);
  color: #d6f5fc;
  box-shadow: 0 4px 14px rgba(7, 49, 74, .22), inset 0 1px 0 rgba(33, 204, 227, .22);
  transform: translateY(-1px);
}


.article-card-placeholder {
position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(13, 111, 143, .25);
}


.article-card-discount {
right: 12px;
  width: fit-content;
  min-height: 28px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 4px;
  border: none;
  background: linear-gradient(135deg, #d42b2b, #8f0f1e);
  color: #fff;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .04em;
  box-shadow: 0 4px 12px rgba(169, 15, 34, .3);
}


.article-card-category.ajanlat {
border-color: rgba(215, 181, 106, .28);
  background: rgba(215, 181, 106, .1);
  color: #7a5a12;
}


.article-card-category.kupon {
border-color: rgba(36, 185, 130, .24);
  background: rgba(36, 185, 130, .09);
  color: #0e6d4d;
}


.article-card-footer .meta-with-icon {
color: #7a9aaa;
  font-size: .76rem;
  gap: 4px;
}


.articles-list .article-card {
animation: kt-rise .38s cubic-bezier(.22,1,.36,1) both;
}


.articles-list .article-card:nth-child(1) {
animation-delay: .04s;
}


.articles-list .article-card:nth-child(2) {
animation-delay: .08s;
}


.articles-list .article-card:nth-child(3) {
animation-delay: .12s;
}


.articles-list .article-card:nth-child(4) {
animation-delay: .16s;
}


.articles-list .article-card:nth-child(5) {
animation-delay: .20s;
}


.articles-list .article-card:nth-child(6) {
animation-delay: .24s;
}


.article-card::before {
content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(118deg,
            transparent 0%,
            rgba(255,255,255,.52) 22%,
            transparent 42%
        );
  opacity: .46;
}


.article-card::after {
content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  z-index: 2;
  border-radius: 0 !important;
  background: linear-gradient(90deg,
        var(--kt-cyan, #1ad7ef),
        var(--kt-gold, #d7b56a),
        rgba(26,215,239,.35)
    );
  opacity: .9;
}


.article-card:hover {
transform: translateY(-3px);
  border-color: rgba(13,111,143,.34) !important;
  box-shadow: 0 20px 42px rgba(7,49,74,.16),
        inset 0 1px 0 rgba(255,255,255,.88) !important;
}


.article-card:hover .article-card-image img {
transform: scale(1.035);
  filter: saturate(1.05) contrast(1.03);
}


.article-card-categories {
display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 9px;
  align-items: center;
}


.article-card-category {
display: inline-flex;
  align-items: center;
  padding: 5px 8px;
  border-radius: 5px !important;
  border: 1px solid rgba(13,111,143,.16);
  background: rgba(13,111,143,.07);
  color: var(--kt-blue, #0d6f8f);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .035em;
  text-transform: uppercase;
  cursor: pointer;
  transition: var(--kt-transition, all .18s ease);
  min-height: 24px;
  line-height: 1;
}


.article-card-category.hirek {
border-color: rgba(26,215,239,.24);
  background: rgba(26,215,239,.10);
  color: #087893;
}


.article-card-category:hover {
background: rgba(26,215,239,.15);
  border-color: rgba(26,215,239,.32);
  color: #064f66;
}


.article-card:hover .article-card-title {
color: var(--kt-blue, #0d6f8f) !important;
}


.article-card .kt-inline-icon {
width: 15px;
  height: 15px;
  color: var(--kt-blue, #0d6f8f);
  opacity: .8;
}


.article-card-image {
min-height: 186px;
  position: relative;
  width: 100%;
  height: auto !important;
  padding-bottom: 56%;
  overflow: hidden;
  border-radius: 0;
  background: linear-gradient(135deg, rgba(13,111,143,.10), rgba(26,215,239,.08)) !important;
  flex-shrink: 0;
  aspect-ratio: 16 / 9;
  flex: 0 0 auto;
}


.article-card-image img {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .28s ease, filter .28s ease;
  display: block;
}


.article-card-content {
align-content: start;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  gap: 10px;
  padding: 16px 16px 14px !important;
  min-width: 0;
  position: relative;
}


.article-card-footer {
display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px 12px;
  margin-top: auto !important;
  padding-top: 11px;
  border-top: 1px solid rgba(13,111,143,.12);
  color: var(--kt-muted, #78919d);
  font-size: .76rem;
  font-weight: 800;
}


.index-medium-grid, .index-headline-grid, .index-archive-grid {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}


.index-medium-grid {
gap: 14px;
}


.index-medium-card {
display: grid;
  gap: 10px;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}


.index-medium-image {
position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(13, 111, 143, .12);
  border-radius: 5px;
  background: linear-gradient(135deg, #edf5f8, #d8eef4);
  box-shadow: 0 8px 20px rgba(7,49,74,.08);
}


.index-medium-image img {
display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s cubic-bezier(.22,1,.36,1);
}


.index-medium-card:hover .index-medium-image img {
transform: scale(1.035);
}


.index-medium-body {
display: grid;
  gap: 8px;
  min-width: 0;
}


.index-medium-title {
margin: 0;
  color: #071124;
  font-size: clamp(1.2rem, 2.1vw, 1.95rem);
  font-weight: 950;
  line-height: 1.18;
  letter-spacing: 0;
}


.index-medium-card:hover .index-medium-title, .index-headline-card:hover .index-headline-title {
color: #0b7d9a;
}


.index-headline-card {
display: grid;
  gap: 7px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(13, 111, 143, .12);
  border-radius: 5px;
  background: rgba(255,255,255,.78);
  color: inherit;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 6px 16px rgba(7,49,74,.05);
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}


.index-headline-card:hover {
transform: translateY(-2px);
  border-color: rgba(33,204,227,.30);
  background: rgba(237,250,253,.90);
  box-shadow: 0 12px 26px rgba(7,49,74,.09), inset 0 1px 0 rgba(255,255,255,.88);
}


.index-headline-title {
margin: 0;
  color: #0d1f2d;
  font-size: clamp(.98rem, 1.35vw, 1.18rem);
  font-weight: 920;
  line-height: 1.24;
  letter-spacing: 0;
}


.index-archive-grid .index-medium-card {
padding: 10px;
  border: 1px solid rgba(13, 111, 143, .12);
  border-radius: 5px;
  background: rgba(255,255,255,.76);
}


.index-archive-grid .index-medium-title {
font-size: clamp(1rem, 1.5vw, 1.32rem);
}


.index-pagination {
display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 16px;
}


.index-page-link {
display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 36px;
  padding: 8px 11px;
  border: 1px solid rgba(13, 111, 143, .18);
  border-radius: 5px;
  background: rgba(255,255,255,.80);
  color: #0d526b;
  font-size: .82rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
}


.index-page-link:hover, .index-page-link.active {
border-color: rgba(33,204,227,.40);
  background: linear-gradient(135deg, #0e7a95, #05304a);
  color: #e8fbff;
}


.filter-pill {
display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 5px;
  border: 1px solid #cfddea !important;
  background: #f8fbff !important;
  color: #244458 !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  transition: all .18s ease;
  flex: 0 0 auto !important;
}


.filter-pill:hover, .filter-pill.active {
color: #07192d !important;
  border-color: #d2a400 !important;
  background: var(--ktp-yellow) !important;
  box-shadow: 0 3px 0 var(--ktp-blue-strong) !important;
}


.articles-list {
display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px !important;
}


.article-card {
position: relative;
  display: flex;
  flex-direction: column;
  height: auto !important;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(13, 111, 143, .14);
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(7, 49, 74, .06), 0 4px 16px rgba(7, 49, 74, .04);
  color: inherit;
  text-decoration: none;
  transition: transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s ease, border-color .22s ease;
  min-height: 0 !important;
  grid-template-columns: minmax(150px, 38%) minmax(0, 1fr);
  gap: 14px;
  padding: 12px !important;
  border-color: rgba(13, 111, 143, .18);
  border-left: 5px solid var(--ktp-blue) !important;
}


.article-card-title {
margin: 0 0 8px;
  color: #0d1f2d;
  font-size: 1.1rem !important;
  line-height: 1.27 !important;
  font-weight: 900;
  letter-spacing: -.01em;
  --title-line-height: 1.28;
  min-height: calc(1em * var(--title-line-height) * 2) !important;
  max-height: calc(1em * var(--title-line-height) * 2) !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.article-card-excerpt {
margin: 0 0 12px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  color: #5a7080;
  font-size: .83rem;
  line-height: 1.55;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  --excerpt-line-height: 1.55;
  --excerpt-lines: 4;
  --excerpt-padding-y: 10px;
  min-height: calc((1em * var(--excerpt-line-height) * var(--excerpt-lines)) + (var(--excerpt-padding-y) * 2)) !important;
  max-height: calc((1em * var(--excerpt-line-height) * var(--excerpt-lines)) + (var(--excerpt-padding-y) * 2)) !important;
  padding-top: var(--excerpt-padding-y) !important;
  padding-bottom: var(--excerpt-padding-y) !important;
  box-shadow: none !important;
}


.index-section {
margin-top: 18px !important;
}


.index-section-head {
display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  margin-bottom: 10px !important;
}


.index-section-head::after {
content: "";
  height: 1px;
  flex: 1;
  background: #bfd7ee !important;
}


.index-section-head span {
display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 10px;
  border: 1px solid #3B8BC4 !important;
  border-radius: 4px !important;
  background: var(--ktp-yellow) !important;
  color: #07192d !important;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 0 8px 18px rgba(7,49,74,.06), inset 0 1px 0 rgba(255,255,255,.84);
}


.site-news-strip {
position: relative;
  isolation: isolate;
  margin: 16px 0 !important;
  padding: 0;
  overflow: hidden;
  border: 1px solid #d1dfeb !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(20, 66, 112, .08) !important;
  border-left: 5px solid var(--ktp-sky, #02a9f4) !important;
}


.site-news-strip::before, .site-news-strip::after {
display: none !important;
  content: none !important;
}


.site-news-card {
position: relative;
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr) 34px;
  gap: 12px;
  align-items: center;
  min-height: 76px;
  padding: 12px !important;
  border: 1px solid #d4e2ef !important;
  border-radius: var(--kt-radius-sm);
  background: #f8fbff !important;
  color: var(--kt-ink);
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.74);
  transition: transform var(--kt-speed),
    box-shadow var(--kt-speed),
    border-color var(--kt-speed),
    background var(--kt-speed);
  border-left: 4px solid var(--ktp-yellow, #5DADE2) !important;
}


.category-results-list {
padding: 24px 0 !important;
}


/* =========================================================
   07. Sidebar, radar, recent, kupon widgetek
   ========================================================= */
.hero-card-category:hover, .article-card-category:hover, .recent-item-category:hover, .cat-badge-premium:hover, .content-source-badge:hover {
transform: translateY(-1px);
  border-color: rgba(33, 204, 227, .42);
  background: rgba(33, 204, 227, .16);
  color: #035f78;
  box-shadow: 0 10px 24px rgba(13, 111, 143, .14);
}


.hero-card-category.ajanlat, .article-card-category.ajanlat, .recent-item-category.ajanlat {
border-color: rgba(215, 181, 106, .30);
  background: rgba(215, 181, 106, .14);
  color: #8a671e;
}


.hero-card-category.hirek, .article-card-category.hirek, .recent-item-category.hirek {
border-color: rgba(33, 204, 227, .28);
  background: rgba(33, 204, 227, .12);
  color: #08728d;
}


.hero-card-category.kupon, .article-card-category.kupon, .recent-item-category.kupon {
border-color: rgba(36, 185, 130, .28);
  background: rgba(36, 185, 130, .12);
  color: #0f7859;
}


.hero-card-meta, .article-card-footer, .recent-item-meta, .radar-item-meta {
display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}


.article-card-categories, .recent-item-categories, .article-category-chips, .category-card-badges {
display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}


.radar-header, .recent-header, .premium-header {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}


.radar-title, .premium-title-wrapper, .recent-header h3 {
display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin: 0;
}


.radar-icon, .premium-icon, .recent-header-icon, .empty-icon-wrap, .widget-empty-icon-wrap {
width: 1.25em;
  height: 1.25em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.25em;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ktp-blue-strong, var(--kt-brand, #0054a8));
  box-shadow: none;
}


.radar-icon svg, .premium-icon svg, .recent-header-icon svg, .empty-icon-wrap svg, .widget-empty-icon-wrap svg {
width: 1em;
  height: 1em;
  display: block;
  stroke: currentColor;
  fill: none;
  filter: none;
}


.radar-title h3, .premium-title, .recent-header h3 {
color: var(--kt-ink);
  font-size: 1rem;
  font-weight: 950;
  letter-spacing: 0;
}


.radar-item:hover::after {
opacity: .72;
  transform: translateX(26%);
}


.radar-code-hidden {
letter-spacing: 0;
  color: #876317;
  background: linear-gradient(135deg, rgba(255, 255, 255, .66), rgba(255, 244, 214, .72));
}


.sidebar-card-head {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}


.sidebar-mini-link {
display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 8px;
  border: 1px solid rgba(13, 111, 143, .16);
  border-radius: var(--kt-radius-sm);
  background: rgba(255,255,255,.60);
  color: var(--kt-brand);
  font-size: .72rem;
  font-weight: 900;
}


.sidebar-ai-card[hidden] {
display: none;
}


.sidebar-ai-card {
border-color: rgba(33,204,227,.22);
  background: radial-gradient(circle at 10% 10%, rgba(33,204,227,.20), transparent 26%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(235,248,252,.82));
}


.sidebar-ai-text {
margin: 0 0 12px;
  color: var(--kt-muted);
  line-height: 1.5;
  font-size: .9rem;
}


.radar-header {
display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(13, 111, 143, .1);
  background: linear-gradient(135deg, rgba(6, 24, 38, .97), rgba(8, 42, 60, .95));
  margin-bottom: 0;
}


.radar-title {
display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin: 0;
}


.radar-icon {
width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: grid;
  place-items: center;
  border-radius: 4px;
  color: #7ee8f8;
  background: rgba(33, 204, 227, .14);
  border: 1px solid rgba(33, 204, 227, .22);
  box-shadow: none;
}


.radar-icon-ticket {
color: #f0d080;
  background: rgba(215, 181, 106, .14);
  border-color: rgba(215, 181, 106, .24);
}


.radar-title h3 {
color: #d6f4fc;
  font-size: .82rem;
  font-weight: 950;
  letter-spacing: .06em;
  margin: 0;
}


.radar-subtitle {
color: rgba(190, 220, 232, .55);
  font-size: .72rem;
  margin: 2px 0 0;
}


.radar-badge {
display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid rgba(33, 204, 227, .22);
  background: rgba(33, 204, 227, .1);
  color: #7ee8f8;
  font-size: .64rem;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  transition: background .16s, border-color .16s;
}


.radar-badge:hover {
background: rgba(33, 204, 227, .18);
  border-color: rgba(33, 204, 227, .38);
}


.radar-badge-link {
color: rgba(190, 220, 232, .65);
}


.radar-items {
display: grid;
  gap: 0;
  padding: 6px 8px 8px;
}


.radar-item:last-child {
border-bottom: none;
}


.radar-item::after {
content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, .58) 45%, transparent 72%);
  opacity: 0;
  transform: translateX(-40%);
  transition: opacity .18s ease, transform .28s ease;
  display: none;
}


.radar-item-icon {
width: 58px;
  height: 58px;
  border-radius: 4px;
  overflow: hidden;
  background: linear-gradient(135deg, #edf4f7, #d0e8ef);
  border: 1px solid rgba(13, 111, 143, .12);
  display: grid;
  place-items: center;
  color: rgba(13, 111, 143, .3);
  flex-shrink: 0;
}


.radar-item-icon img {
width: 100%;
  height: 100%;
  object-fit: cover;
}


.radar-item-info {
display: grid;
  gap: 4px;
  min-width: 0;
  align-content: start;
}


.radar-item-tag {
display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 3px;
  border: 1px solid rgba(13, 111, 143, .16);
  background: rgba(13, 111, 143, .07);
  color: #0b7d9a;
  font-size: .58rem;
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  width: fit-content;
}


.radar-item-title {
color: #0d1f2d;
  font-size: .85rem;
  font-weight: 850;
  line-height: 1.22;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}


.radar-item-excerpt {
color: #5a7080;
  font-size: .74rem;
  line-height: 1.38;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
}


.radar-item-meta {
display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-top: 2px;
}


.radar-item-meta .meta-with-icon {
font-size: .68rem;
  gap: 3px;
  color: #7a9aaa;
}


.radar-item-topline {
justify-content: space-between;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  overflow: hidden;
}


.radar-item-expiry {
flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  margin-left: 0;
}


.radar-item-expiry .meta-with-icon {
line-height: 1.1;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 6px;
  border-radius: 3px;
  border: 1px solid rgba(200, 60, 60, .18);
  background: rgba(255, 244, 244, .9);
  color: #b03434;
  font-size: .6rem;
  font-weight: 850;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.recent-posts {
position: relative;
  width: min(100% - 32px, 1440px);
  margin: 20px auto 0;
  padding: 0;
  border-radius: 5px;
  border: 1px solid rgba(13, 111, 143, .14);
  background: #fff;
  box-shadow: 0 2px 12px rgba(7, 49, 74, .06);
  overflow: hidden;
}


.recent-header {
border: 1px solid rgba(13, 111, 143, .16);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(13, 111, 143, .1);
  background: linear-gradient(135deg, rgba(6, 24, 38, .97), rgba(8, 42, 60, .95));
  min-height: 0;
  margin: 0;
  box-shadow: none;
  border-radius: 0;
}


.recent-header h3 {
display: flex;
  align-items: center;
  gap: 8px;
  color: #d6f4fc;
  font-size: .88rem;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin: 0;
}


.recent-header-icon {
display: grid !important;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 4px;
  place-items: center;
  background: rgba(33, 204, 227, .14);
  border: 1px solid rgba(33, 204, 227, .22);
  color: #7ee8f8;
  box-shadow: none;
}


.recent-link {
justify-content: center;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 4px;
  border: 1px solid rgba(33, 204, 227, .22);
  background: rgba(33, 204, 227, .1);
  color: #7ee8f8;
  font-size: .76rem;
  font-weight: 900;
  text-decoration: none;
  transition: background .16s, border-color .16s;
  box-shadow: none;
  min-height: 0;
}


.recent-link:hover {
background: rgba(33, 204, 227, .18);
  border-color: rgba(33, 204, 227, .38);
  transform: none;
  box-shadow: none;
}


.recent-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 10px;
  gap: 10px;
}


.recent-item {
grid-template-columns: 104px minmax(0, 1fr);
  gap: 12px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid rgba(13, 111, 143, .12);
  background: rgba(248, 252, 254, .9);
  color: inherit;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}


.recent-item:hover {
transform: translateY(-3px);
  border-color: rgba(33, 204, 227, .24);
  box-shadow: 0 8px 24px rgba(7, 49, 74, .1);
}


.recent-item-image {
position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
  overflow: hidden;
  border-radius: 0;
  background: linear-gradient(135deg, #edf4f7, #d0e8ef);
}


.recent-item-image img {
position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .34s ease;
}


.recent-item:hover .recent-item-image img {
transform: scale(1.06);
}


.recent-item-placeholder {
position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: rgba(13, 111, 143, .2);
}


.recent-item-content {
align-content: start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  padding: 10px 11px 11px;
  min-width: 0;
}


.recent-item-categories {
display: flex;
  flex-wrap: wrap;
  gap: 4px;
}


.recent-item-category {
display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 3px;
  border: 1px solid rgba(13, 111, 143, .16);
  background: rgba(13, 111, 143, .06);
  color: #0b7d9a;
  font-size: .59rem;
  font-weight: 950;
  letter-spacing: .05em;
  text-transform: uppercase;
  cursor: pointer;
}


.recent-item-category.ajanlat {
border-color: rgba(215, 181, 106, .26);
  background: rgba(215, 181, 106, .09);
  color: #7a5a12;
}


.recent-item-category.hirek {
border-color: rgba(33, 204, 227, .22);
  background: rgba(33, 204, 227, .08);
  color: #0b7d9a;
}


.recent-item-category.kupon {
border-color: rgba(36, 185, 130, .22);
  background: rgba(36, 185, 130, .08);
  color: #0e6d4d;
}


.recent-item-title {
color: #0d1f2d;
  font-size: .88rem;
  font-weight: 900;
  line-height: 1.22;
  letter-spacing: -.005em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}


.recent-item-meta {
display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 10px;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid rgba(13, 111, 143, .07);
}


.recent-item-meta .meta-with-icon {
font-size: .72rem;
  color: #7a9aaa;
  gap: 3px;
}


.recent-item-meta .content-source-badge {
font-size: .58rem;
}


.recent-grid .recent-item {
animation: kt-rise .36s cubic-bezier(.22,1,.36,1) both;
}


.recent-grid .recent-item:nth-child(1) {
animation-delay: .06s;
}


.recent-grid .recent-item:nth-child(2) {
animation-delay: .11s;
}


.recent-grid .recent-item:nth-child(3) {
animation-delay: .16s;
}


.recent-grid .recent-item:nth-child(4) {
animation-delay: .21s;
}


.recent-grid .recent-item:nth-child(5) {
animation-delay: .26s;
}


.recent-grid .recent-item:nth-child(6) {
animation-delay: .31s;
}


.empty-articles, .widget-empty {
border-radius: 5px;
  border: 1px solid rgba(13, 111, 143, .12);
  background: rgba(248, 252, 254, .9);
  padding: 28px 20px;
  text-align: center;
  box-shadow: none;
}


.widget-empty-icon-wrap, .empty-icon-wrap {
width: 40px;
  height: 40px;
  border-radius: 4px;
  background: rgba(13, 111, 143, .08);
  border: 1px solid rgba(13, 111, 143, .14);
  color: rgba(13, 111, 143, .4);
  display: grid;
  place-items: center;
  margin: 0 auto 12px;
  box-shadow: none;
}


.widget-empty-title {
color: #0d1f2d;
  font-weight: 900;
  font-size: .92rem;
  margin: 0 0 5px;
}


.widget-empty-text {
color: #7a9aaa;
  font-size: .82rem;
  line-height: 1.5;
  margin: 0 0 14px;
}


.widget-empty-link, .empty-back {
display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 4px;
  border: 1px solid rgba(13, 111, 143, .22);
  background: rgba(13, 111, 143, .07);
  color: #0b7d9a;
  font-size: .8rem;
  font-weight: 900;
  text-decoration: none;
  box-shadow: none;
  transition: background .16s, border-color .16s;
}


.widget-empty-link:hover, .empty-back:hover {
background: rgba(13, 111, 143, .13);
  border-color: rgba(33, 204, 227, .32);
  transform: none;
  box-shadow: none;
}


.meta-with-icon svg, .kt-inline-icon, .section-icon, .badge-arrow-icon, .recent-link-icon, .widget-arrow-icon {
width: 1em;
  height: 1em;
  flex: 0 0 auto;
}


.article-card, .recent-item {
position: relative;
  isolation: isolate;
}


.article-card::before, .recent-item::before {
content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(33, 204, 227, .85), rgba(215, 181, 106, .72), transparent);
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}


.article-card:hover::before, .article-card:focus-visible::before, .recent-item:hover::before, .recent-item:focus-visible::before {
opacity: 1;
}


.radar-item-ending-soon {
border-bottom-color: rgba(208, 78, 28, .22);
  background: linear-gradient(135deg, rgba(255, 247, 229, .86), rgba(255, 255, 255, .72));
}


.radar-item-ending-soon:hover {
background: linear-gradient(135deg, rgba(255, 241, 214, .96), rgba(255, 255, 255, .84));
}


.radar-item-ending-soon::before {
content: "";
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 3px;
  border-radius: 5px;
  background: linear-gradient(180deg, #d7b56a, #d04e1c);
}


.radar-item-ending-soon .radar-item-tag {
border-color: rgba(208, 78, 28, .30);
  background: rgba(208, 78, 28, .10);
  color: #9d3c13;
}


.radar-item-ending-soon .radar-item-expiry .meta-with-icon, .radar-item-expiry.is-ending-soon .meta-with-icon {
border-color: rgba(208, 78, 28, .32);
  background: rgba(255, 239, 218, .96);
  color: #9d3c13;
}


.radar-empty-state {
position: relative;
  overflow: hidden;
  margin: 8px;
  padding: 18px;
  border-color: rgba(33, 204, 227, .24);
  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(229,250,253,.82));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}


.radar-empty-state::before {
content: "";
  position: absolute;
  inset: 0;
  border-top: 2px solid rgba(33, 204, 227, .72);
  pointer-events: none;
}


.radar-empty-state .widget-empty-icon-wrap {
border-color: rgba(33, 204, 227, .28);
  background: #062f45;
  color: #dffbff;
}


.radar-empty-state .widget-empty-title {
font-size: 1rem;
}


.radar-empty-state .widget-empty-text {
max-width: 430px;
}


.radar-empty-actions {
display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}


.radar-empty-submit {
border-color: rgba(215, 181, 106, .34);
  background: rgba(255, 248, 226, .86);
  color: #74520d;
}


.radar-empty-submit:hover {
border-color: rgba(215, 181, 106, .54);
  background: rgba(255, 243, 205, .95);
  color: #5d4109;
}


.hero-card-image img, .article-card-image img, .recent-item-image img, .index-medium-image img, .radar-item-icon img, .radar-item-media img {
filter: saturate(1.03) contrast(1.02) !important;
}


.hero-card:hover .hero-card-image img, .article-card:hover .article-card-image img, .recent-item:hover .recent-item-image img, .index-medium-card:hover .index-medium-image img {
transform: scale(1.025) !important;
}


.hero-card-category, .article-card-category, .recent-item-category, .cat-badge-premium, .content-source-badge, .radar-item-tag {
min-height: 26px !important;
  padding: 5px 8px !important;
  color: #07345f !important;
  background: #eef8ff !important;
  border: 1px solid #bfd7ee !important;
  border-radius: 4px !important;
  box-shadow: none !important;
font-size: .75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}


.article-card, .index-medium-card, .index-headline-card, .recent-item, .site-news-card {
position: relative !important;
  overflow: hidden !important;
  color: var(--ktp-ink) !important;
  background: #ffffff !important;
  border: 1px solid #d1dfeb !important;
  box-shadow: 0 8px 20px rgba(20, 66, 112, .08) !important;
  text-decoration: none !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}


.article-card::before, .article-card::after, .recent-item::before, .recent-item::after, .index-medium-card::before, .index-medium-card::after {
display: none !important;
  content: none !important;
}


.article-card:hover, .index-medium-card:hover, .index-headline-card:hover, .recent-item:hover, .site-news-card:hover {
transform: translateY(-2px) !important;
  border-color: rgba(0, 110, 203, .42) !important;
  box-shadow: 0 15px 30px rgba(20, 66, 112, .13) !important;
}


.article-card-image, .recent-item-image, .index-medium-image {
overflow: hidden !important;
  border-radius: 4px !important;
  border: 1px solid #d5e2ef !important;
  background: #eaf5ff !important;
}


.article-card:hover .article-card-title, .index-medium-card:hover .index-medium-title, .recent-item:hover .recent-item-title {
color: var(--ktp-blue-strong) !important;
}


.radar-header, .recent-header {
padding-bottom: 11px !important;
  margin-bottom: 12px !important;
  border-bottom: 1px solid #d8e5f0 !important;
}


.radar-badge, .recent-link, .widget-empty-link {
color: #07192d !important;
  background: var(--ktp-yellow) !important;
  border: 1px solid #3B8BC4 !important;
  border-radius: 4px !important;
font-weight: 700 !important;
  box-shadow: none !important;
}


.radar-item {
position: relative;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 10px;
  padding: 10px 8px;
  border-radius: var(--ktp-radius) !important;
  border: 1px solid #d4e2ef !important;
  border-bottom: 1px solid rgba(13, 111, 143, .08);
  background: #f8fbff !important;
  color: inherit;
  text-decoration: none;
  overflow: visible;
  min-height: 0;
  align-items: center;
  transition: background .16s ease;
  border-left: 4px solid var(--ktp-blue) !important;
  box-shadow: none !important;
}


.radar-item:hover {
background: #ffffff !important;
  transform: none;
  box-shadow: 0 10px 22px rgba(20, 66, 112, .10) !important;
  border-color: rgba(0, 110, 203, .38) !important;
}


.recent-posts .recent-header, .radar-widget .radar-header {
color: var(--ktp-ink, #101827) !important;
  background: #ffffff !important;
  border: 1px solid #d1dfeb !important;
  border-left: 5px solid var(--ktp-blue, #006ecb) !important;
  border-radius: 5px !important;
  box-shadow: none !important;
}


.recent-posts .recent-header h3, .radar-widget .radar-title h3 {
color: var(--ktp-ink, #101827) !important;
}


.radar-widget .radar-title p, .radar-widget .radar-subtitle {
color: var(--ktp-muted, #5f6c7b) !important;
}


.category-page-title-row span, .category-empty-title {
color: var(--ktp-muted, #5f6c7b);
}


.category-empty-state {
margin: 32px 0;
  padding: 42px 20px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #d1dfeb;
  border-radius: 5px;
}


.category-empty-link, .category-page-current {
display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  color: #07192d;
  background: var(--ktp-yellow, #5DADE2);
  border: 1px solid #3B8BC4;
  border-radius: 5px;
  font-weight: 800;
  text-decoration: none;
}


.kt-inline-icon, .meta-with-icon svg, .section-icon, .badge-arrow-icon, .recent-link-icon, .widget-arrow-icon {
width: 1em !important;
  height: 1em !important;
  min-width: 1em !important;
  min-height: 1em !important;
  display: inline-block !important;
  flex: 0 0 1em !important;
  vertical-align: -0.14em !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
  filter: none !important;
  padding: 0 !important;
}


/* =========================================================
   08. Cikkoldal, galéria, AI összefoglaló, termékadatok
   ========================================================= */
.hero-card-author-img {
width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  border-radius: var(--kt-radius-sm);
  color: #f4fdff;
  font-weight: 900;
  background: rgba(33, 204, 227, .18);
  border: 1px solid rgba(33, 204, 227, .34);
  backdrop-filter: blur(10px);
}


.author-info-premium {
grid-area: author;
  display: flex;
  align-items: center;
  gap: 10px;
  width: auto;
  min-width: 0;
  margin: 0;
}

.lightbox-arrow{
position: absolute;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: var(--kt-radius-sm);
  background: rgba(7, 24, 39, .70);
  color: #fff;
  backdrop-filter: blur(12px);
}


.tags-container {
order: 4;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}


.tag {
display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 8px;
  border: 1px solid rgba(13, 111, 143, .12);
  border-radius: var(--kt-radius-sm);
  background: rgba(255, 255, 255, .46);
  color: #28738a;
  font-size: .82rem;
  font-weight: 800;
}


.article-ai-lead-kicker {
display: inline-flex;
  align-items: center;
  min-height: 26px;
  margin-bottom: 14px;
  padding: 5px 10px;
  border: 1px solid rgba(215,181,106,.42);
  border-radius: 5px;
  background: linear-gradient(135deg, rgba(255,250,235,.98), rgba(255,255,255,.92));
  color: #8a671e;
  box-shadow: 0 8px 18px rgba(7,49,74,.08);
  font-size: .68rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}


.lightbox {
position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(3, 10, 18, .90);
  backdrop-filter: blur(12px);
}


.lightbox.open {
display: flex;
}


.lightbox img {
max-width: min(100%, 1180px);
  max-height: 88vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: var(--kt-radius-sm);
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48);
}


.lightbox-close {
position: absolute;
  top: 18px;
  right: 18px;
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: var(--kt-radius-sm);
  background: rgba(255, 255, 255, .12);
  color: #fff;
}


.lightbox-arrow {
top: 50%;
  width: 44px;
  height: 58px;
  transform: translateY(-50%);
  font-size: 2rem;
}


.lightbox-arrow.prev {
left: 18px;
}


.lightbox-arrow.next {
right: 18px;
}


.article-card-author-mini {
display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  color: #3e6070;
  font-size: .78rem;
  font-weight: 750;
}


.article-card-author-mini, .meta-with-icon {
display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}


.article-card-author-dot {
display: inline-flex;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--kt-blue, #0d6f8f), var(--kt-cyan, #1ad7ef));
  color: #fff;
  font-size: .72rem;
  font-weight: 950;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 13px rgba(13,111,143,.18);
}

.article-card-excerpt, .radar-item-excerpt, .widget-empty-text, .recent-item-meta, .article-card-footer, .meta-with-icon{
color: var(--ktp-muted) !important;
  letter-spacing: 0 !important;
}


.article-card-author-dot, .hero-card-author-img, .widget-empty-icon-wrap, .radar-icon {
color: #ffffff !important;
  background: var(--ktp-blue) !important;
  border: 1px solid var(--ktp-blue-strong) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}


.author-avatar-image {
border-radius: 5px !important;
  object-fit: cover !important;
}

.article-card-title, .index-medium-title, .index-headline-title{
display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: var(--ktp-ink, #101827) !important;
  font-size: clamp(1rem, 1.1vw, 1.18rem) !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
  letter-spacing: 0 !important;
}


.category-breadcrumb {
display: flex;
  align-items: center;
  gap: 7px;
  padding: 24px 0 16px;
  color: var(--ktp-muted, #5f6c7b);
  font-size: .82rem;
}


.category-breadcrumb a {
color: var(--ktp-muted, #5f6c7b);
  text-decoration: none;
}


.category-breadcrumb span:last-child {
color: var(--ktp-blue-strong, #0054a8);
  font-weight: 800;
}

.site-news-page .meta-item{
color: rgba(244, 253, 255, .84);
}

.rating-actions{
display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

.kt-toast{
position: fixed;
  left: 50%;
  bottom: 24px;
  z-index: 10000;
  transform: translate(-50%, 18px);
  opacity: 0;
  pointer-events: none;
  padding: 11px 16px;
  border-radius: var(--kt-radius-sm);
  background: var(--kt-surface-dark);
  color: #fff;
  font-weight: 850;
  box-shadow: 0 18px 42px rgba(7, 24, 39, .26);
  transition: opacity var(--kt-speed), transform var(--kt-speed);
}

.kt-toast.show{
opacity: 1;
  transform: translate(-50%, 0);
}


:is(.hero-card, .article-card, .recent-item, .radar-item, .filter-pill, .recent-link, .widget-empty-link, .empty-back, .submit-btn, .reveal-btn, .copy-btn, .share-btn, .rating-btn, .btn-ai):focus-visible {
outline: 2px solid rgba(33, 204, 227, .72);
  outline-offset: 3px;
}

.hero-card, .article-card, .recent-item, .radar-widget, .coupon-widget, .s-card, .coupon-card, .submit-card, .coupon-disclaimer, .empty-articles, .widget-empty{
border: 1px solid var(--kt-line);
  border-radius: var(--kt-radius);
  background: linear-gradient(135deg, rgba(255, 255, 255, .92), rgba(241, 250, 253, .84));
  box-shadow: var(--kt-shadow);
}

.radar-badge{
display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  padding: 6px 9px;
  border: 1px solid rgba(215, 181, 106, .32);
  border-radius: var(--kt-radius-sm);
  background: rgba(215, 181, 106, .13);
  color: #876317;
  font-weight: 900;
}


.format-btn, .format-color {
width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(13, 111, 143, .16);
  border-radius: var(--kt-radius-sm);
  background: rgba(255, 255, 255, .68);
  color: var(--kt-ink);
  font-weight: 900;
}

.alert{
padding: 14px;
  border: 1px solid var(--kt-line);
  border-radius: var(--kt-radius-sm);
  background: rgba(255, 255, 255, .68);
}

button, .btn, .submit-btn, .coupon-submit-btn, .comment-submit, .page-link, .index-page-link{
border-radius: var(--ktp-radius) !important;
  letter-spacing: 0 !important;
}


/* =========================================================
   11. Kuponok és beküldő felületek
   ========================================================= */
.card-title-link, .coupon-detail-title {
color: inherit;
  text-decoration: none;
}


.card-title-link:hover, .coupon-detail-title:hover {
color: var(--kt-brand, #0d6f8f);
}


.coupon-detail-link {
display: inline-flex;
  align-items: center;
  width: fit-content;
  color: var(--kt-brand, #0d6f8f);
  font-weight: 850;
  text-decoration: none;
}


.coupon-detail-link:hover {
color: var(--kt-ink, #07131f);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.hero-card, .article-card, .recent-item, .radar-item, .coupon-card, .submit-card{
color: inherit;
  text-decoration: none;
  transition: transform var(--kt-speed), box-shadow var(--kt-speed), border-color var(--kt-speed), background var(--kt-speed);
}

.article-card:hover, .recent-item:hover, .radar-item:hover, .coupon-card:hover, .submit-card:hover{
transform: translateY(-2px);
  box-shadow: var(--kt-shadow-hover);
}


.empty-back, .widget-empty-link, .submit-btn, .reveal-btn {
display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 10px 16px;
  border: 1px solid rgba(33, 204, 227, .38);
  border-radius: var(--kt-radius-sm);
  color: #f2fdff;
  background: linear-gradient(180deg, #1182a3, #08334e);
  box-shadow: 0 14px 30px rgba(7, 49, 74, .17), inset 0 0 16px rgba(33, 204, 227, .16);
  font-weight: 850;
  transition: transform var(--kt-speed), box-shadow var(--kt-speed), background var(--kt-speed);
}


.empty-back:hover, .widget-empty-link:hover, .submit-btn:hover, .reveal-btn:hover {
transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(7, 49, 74, .22), inset 0 0 18px rgba(33, 204, 227, .22);
}


.hero-card-category, .article-card-category, .recent-item-category, .cat-badge-premium, .content-source-badge, .radar-item-tag, .latest-coupon-source {
display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 22px;
  padding: 4px 8px;
  border: 1px solid rgba(13, 111, 143, .20);
  border-radius: var(--kt-radius-sm);
  background: rgba(13, 111, 143, .08);
  color: var(--kt-brand);
  font-size: .68rem;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: transform var(--kt-speed), border-color var(--kt-speed), background var(--kt-speed), color var(--kt-speed), box-shadow var(--kt-speed);
}

.hero-card-image, .article-card-image, .recent-item-image, .sidebar-product-img, .latest-coupon-img, .product-img, .radar-item-icon{
overflow: hidden;
  border-radius: var(--kt-radius-sm);
  background: linear-gradient(135deg, rgba(7, 24, 39, .08), rgba(33, 204, 227, .12));
}

.hero-card-image img, .article-card-image img, .recent-item-image img, .radar-item-icon img, .product-img img, .sidebar-product-img img, .latest-coupon-img img{
width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-card-title, .recent-item-title, .radar-item-title, .latest-coupon-title, .product-name{
color: var(--kt-ink);
  font-weight: 900;
  line-height: 1.22;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}


.article-card-excerpt, .radar-item-excerpt, .widget-empty-text, .submit-desc, .coupon-disclaimer p {
color: var(--kt-muted);
  line-height: 1.58;
}


.radar-item-icon.coupon-icon, .radar-item-coupon .radar-item-icon {
color: #8a671e;
  background: rgba(215, 181, 106, .12);
}


.radar-coupon-code, .latest-coupon-code, .code-value {
border: 1px dashed rgba(215, 181, 106, .56);
  border-radius: var(--kt-radius-sm);
  background: rgba(215, 181, 106, .10);
  color: #8a6414;
  font-weight: 950;
  letter-spacing: .06em;
}


.radar-coupon-code {
width: fit-content;
  padding: 4px 7px;
  font-size: .72rem;
}


.radar-coupon-price, .latest-coupon-price, .price-sale, .sidebar-price, .mobile-affiliate-price {
color: var(--kt-brand);
  font-weight: 950;
}


.mobile-affiliate {
order: 5;
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border: 1px solid var(--kt-line);
  border-radius: var(--kt-radius);
  background: rgba(255, 255, 255, .78);
}


.mobile-affiliate-original, .sidebar-original {
color: var(--kt-muted);
  text-decoration: line-through;
}


.mobile-affiliate-prices {
display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}


.mobile-affiliate-prices p {
margin: 0;
}


.discount-badge {
display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 7px;
  border: 1px solid rgba(228, 71, 71, .22);
  background: rgba(228, 71, 71, .10);
  color: #b42333;
  font-size: .76rem;
  font-weight: 950;
}


.sidebar-product-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-bottom: 10px;
  overflow: hidden;
  border: 1px solid #d8e3ef;
  border-radius: 5px;
  background: #ffffff;
}


/* =========================================================
   Cikkoldal sidebar - Legújabb / Kapcsolódó kupon
   ========================================================= */
.latest-coupon-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 14px;
  border: 1px solid #cfddea !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(20, 66, 112, .08) !important;
}


.latest-coupon-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  height: 4px;
  background: linear-gradient(90deg, var(--ktp-blue-strong, #0054a8), var(--ktp-yellow, #5DADE2));
}


.latest-coupon-card .sidebar-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: -14px -14px 12px;
  padding: 18px 14px 12px;
  border: 0;
  border-bottom: 1px solid #d8e5f0;
  border-radius: 5px 5px 0 0;
  background: #f8fbff;
  box-shadow: none;
}


.latest-coupon-card .s-card-title {
  margin: 0;
  color: var(--ktp-ink, #101827);
font-size: 1rem;
  font-weight: 950;
  letter-spacing: 0;
}


.latest-coupon-card .sidebar-mini-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 9px;
  border: 1px solid #bfd7ee;
  border-radius: 5px;
  background: #ffffff;
  color: var(--ktp-blue-strong, #0054a8);
  font-size: .76rem;
  font-weight: 900;
  text-decoration: none;
  box-shadow: none;
}


.latest-coupon-card .sidebar-mini-link:hover {
  border-color: #3B8BC4;
  background: var(--ktp-yellow, #5DADE2);
  color: #07192d;
}


.latest-coupon-img {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 0 12px;
  overflow: hidden;
  border: 1px solid #cfddea;
  border-radius: 5px;
  background: #eef5fb;
  box-shadow: none;
}


.latest-coupon-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease, filter .25s ease;
}


.latest-coupon-card:hover .latest-coupon-img img {
  transform: scale(1.025);
  filter: saturate(1.03) contrast(1.02);
}


.latest-coupon-source {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 24px;
  margin: 2px 0 10px;
  padding: 4px 8px;
  border: 1px solid #bfd7ee !important;
  border-radius: 3px;
  background: #edf7ff !important;
  color: var(--ktp-blue-strong, #0054a8) !important;
  font-size: .68rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: .045em;
  text-transform: uppercase;
  text-decoration: none;
}


.latest-coupon-title-row {
  display: grid;
  gap: 8px;
  margin: 0 0 10px;
}


.latest-coupon-price-left {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}


.latest-coupon-title {
  display: -webkit-box;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: var(--ktp-ink, #101827) !important;
  font-size: 1rem;
  line-height: 1.22;
  font-weight: 950;
  letter-spacing: -.01em;
  text-decoration: none;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.latest-coupon-title:hover {
  color: var(--ktp-blue-strong, #0054a8) !important;
}


.latest-coupon-price-row {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 7px;
  min-width: 0;
  margin: 0 0 12px;
  flex-wrap: wrap;
}


.latest-coupon-price-row .latest-coupon-price {
  order: 1;
}


.latest-coupon-price-row .latest-coupon-original {
  order: 2;
}


.latest-coupon-price-row .latest-coupon-discount {
  order: 3;
}


.latest-coupon-price {
  display: block !important;
  width: fit-content !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #07192d !important;
font-size: 1.25rem;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  white-space: nowrap;
}


.latest-coupon-original {
  color: #6b7a8c !important;
  font-size: .82rem;
  font-weight: 800;
  text-decoration: line-through;
  white-space: nowrap;
}


.latest-coupon-discount {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 4px 7px;
  border: 1px solid #3B8BC4;
  border-radius: 5px;
  background: var(--ktp-yellow, #5DADE2);
  color: #07192d;
  font-size: .75rem;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}


.sidebar-coupon {
  padding: 12px;
  margin: 10px 0;
  border: 1px dashed #cbd9e8;
  border-radius: 5px;
  background: #f8fbff;
}


.latest-coupon-code {
  margin: 10px 0;
  padding: 10px;
  border: 1px dashed #9fbfe0;
  border-radius: 5px;
  background: #f8fbff;
  color: var(--ktp-blue-strong, #0054a8);
  font-weight: 950;
  letter-spacing: 0;
}


.latest-coupon-code span,
.sidebar-coupon span {
  display: block;
  margin-bottom: 7px;
  color: var(--ktp-blue-strong, #0054a8);
  font-size: .72rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: .045em;
  text-transform: uppercase;
}


.latest-coupon-code strong {
  display: block;
  margin-top: 2px;
  color: var(--ktp-blue-strong, #0054a8);
font-size: 1.05rem;
  font-weight: 950;
  letter-spacing: .04em;
}


.latest-coupon-reveal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 38px;
  margin: 0;
  padding: 0 12px;
  border: 1px solid #bfd7ee;
  border-radius: 5px;
  background: #ffffff;
  color: var(--ktp-blue-strong, #0054a8);
  font-size: .86rem;
  font-weight: 950;
  cursor: pointer;
  box-shadow: none;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}


.latest-coupon-reveal:hover {
  transform: translateY(-1px);
  border-color: #3B8BC4;
  background: var(--ktp-yellow, #5DADE2);
  color: #07192d;
}


.latest-coupon-reveal.revealed {
  border-color: #bfd7ee;
  background: #edf7ff;
  color: var(--ktp-blue-strong, #0054a8);
letter-spacing: .05em;
}


.sidebar-affiliate-note,
.latest-coupon-expiry {
  color: #627386;
  font-size: .84rem;
  line-height: 1.45;
}


.latest-coupon-expiry {
  margin: 8px 0 0;
}


.latest-coupon-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  margin-top: 12px;
  padding: 0 14px;
  border: 1px solid #3B8BC4 !important;
  border-radius: 5px !important;
  background: var(--ktp-yellow, #5DADE2) !important;
  color: #07192d !important;
  box-shadow: 0 3px 0 var(--ktp-blue-strong, #0054a8) !important;
font-size: .94rem;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}


.latest-coupon-btn:hover {
  transform: translateY(-1px);
  background: #7DBDE8 !important;
  box-shadow: 0 5px 0 var(--ktp-blue-strong, #0054a8), 0 12px 22px rgba(20, 66, 112, .14) !important;
}


.latest-coupon-btn svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}


.coupon-image-upload {
min-height: 42px;
  border: 1px solid rgba(35, 101, 122, .55);
  border-radius: var(--kt-radius-sm);
  background: rgba(17, 47, 63, .72);
  color: rgba(239, 250, 253, .86);
}


.radar-item-coupon .radar-item-published .meta-with-icon span:last-child {
display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}


.radar-item-coupon .radar-coupon-price {
margin-top: 2px;
  font-size: 1rem;
  line-height: 1.1;
  color: var(--kt-brand);
  font-weight: 950;
}


.radar-item-coupon .radar-coupon-cta-icon {
width: 16px;
  height: 16px;
  flex: 0 0 auto;
}


.radar-item-coupon .radar-coupon-code {
display: none;
}


.radar-widget, .coupon-widget {
position: relative;
  padding: 0;
  border-radius: 5px;
  border: 1px solid rgba(13, 111, 143, .16);
  background: #fff;
  box-shadow: 0 2px 12px rgba(7, 49, 74, .06);
  overflow: hidden;
}


.radar-item-coupon:hover {
background: rgba(215, 181, 106, .1);
}


.radar-item-coupon .radar-item-media {
grid-template-rows: 72px auto;
  align-content: start;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  min-width: 0;
}


.radar-item-coupon .radar-item-icon {
width: 72px;
  height: 72px;
  flex: 0 0 72px;
  border-radius: 4px;
  border-color: rgba(215, 181, 106, .22);
  background: linear-gradient(135deg, #fdf8ee, #f0e7c8);
  color: rgba(138, 103, 30, .3);
}


.radar-item-coupon .radar-item-published {
width: 72px;
  min-width: 0;
}


.radar-item-coupon .radar-item-published .meta-with-icon {
display: flex;
  align-items: flex-start;
  font-size: .62rem;
  color: #9aaa7a;
  gap: 3px;
  line-height: 1.3;
}


.radar-item-coupon .radar-item-published .meta-with-icon svg {
width: .9em;
  height: .9em;
  flex-shrink: 0;
  margin-top: 1px;
}


.radar-item-coupon .radar-item-info {
display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  height: 100%;
}


.radar-item-coupon .radar-item-tag {
flex-shrink: 0;
  border-color: rgba(215, 181, 106, .3);
  background: rgba(215, 181, 106, .14);
  color: #7a5a12;
  font-size: .58rem;
  padding: 2px 6px;
  white-space: nowrap;
}


.radar-item-coupon .radar-item-title {
display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  font-size: .87rem;
  font-weight: 900;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  color: #0d1f2d;
}


.radar-item-coupon .radar-item-excerpt {
display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: .73rem;
  line-height: 1.35;
  -webkit-line-clamp: 2;
}


.radar-coupon-price {
margin-top: auto;
  padding-top: 3px;
  color: #0e7a95;
  font-size: .98rem;
  font-weight: 950;
  line-height: 1.1;
  letter-spacing: -.01em;
}


.radar-item-coupon .radar-coupon-cta {
display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 32px;
  margin-top: 5px;
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid rgba(13, 111, 143, .22);
  background: rgba(13, 111, 143, .07);
  color: #0b7d9a;
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .02em;
  box-shadow: none;
  text-align: center;
  transition: background .16s, border-color .16s;
}


.radar-item-coupon:hover .radar-coupon-cta {
background: rgba(13, 111, 143, .13);
  border-color: rgba(33, 204, 227, .32);
}


.radar-coupon-cta-icon {
width: 14px;
  height: 14px;
  flex: 0 0 auto;
}


.radar-item-ending-soon .radar-coupon-cta {
border-color: rgba(215, 181, 106, .36);
  background: rgba(255, 250, 235, .82);
  color: #0d6f8f;
}

.coupon-data-panel{
order: 4;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(10, 116, 148, .18);
  border-radius: 5px;
  background: linear-gradient(90deg, var(--kt-cyan), var(--kt-gold), rgba(8,49,65,.20)) 0 0 / 100% 3px no-repeat,
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(234,249,252,.82));
  box-shadow: 0 16px 38px rgba(7,49,74,.09), inset 0 1px 0 rgba(255,255,255,.86);
}

.coupon-data-head{
display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid rgba(10,116,148,.13);
}

.coupon-data-head h2{
margin: 0;
  color: #071827;
  font-size: 1rem;
  font-weight: 950;
  letter-spacing: 0;
}

.coupon-data-head span{
color: #66879a;
  font-size: .72rem;
  font-weight: 850;
  text-transform: uppercase;
  white-space: nowrap;
}


.hero-card-category.ajanlat, .article-card-category.ajanlat, .recent-item-category.ajanlat, .radar-item-coupon .radar-item-tag {
color: #3b2a00 !important;
  background: var(--ktp-yellow-soft) !important;
  border-color: #e4bc22 !important;
}


.article-card-discount, .radar-coupon-price, .radar-coupon-cta {
color: #07192d !important;
  background: var(--ktp-yellow) !important;
  border: 1px solid #3B8BC4 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
font-weight: 700 !important;
}


.radar-widget, .coupon-widget, .recent-posts {
padding: 15px !important;
  border-color: rgba(33, 204, 227, .22);
  background: #ffffff !important;
  border: 1px solid #cbddec !important;
  border-top: 5px solid var(--ktp-yellow) !important;
  box-shadow: 0 10px 24px rgba(20, 66, 112, .10) !important;
}


.radar-item-coupon {
display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  padding: 10px 8px;
  align-items: stretch;
  border-bottom: 1px solid rgba(215, 181, 106, .12);
  background: rgba(250, 246, 234, .4);
  min-height: 0;
  border-color: rgba(215, 181, 106, .32);
  border-left-color: var(--ktp-yellow) !important;
}


.radar-coupon-price, .latest-coupon-price, .price-sale, .sidebar-price, .mobile-affiliate-price {
display: block !important;
  width: fit-content !important;
  margin: 4px 0 2px !important;
  padding: 0 !important;
  color: var(--ktp-ink, #101827) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
font-weight: 800 !important;
  line-height: 1.15 !important;
}


.radar-item-coupon .radar-coupon-cta {
color: #07192d !important;
  background: var(--ktp-yellow, #5DADE2) !important;
  border: 1px solid #3B8BC4 !important;
  border-radius: 5px !important;
}


.meta-with-icon, .radar-title, .premium-title-wrapper, .recent-header h3, .admin-contact-title {
color: var(--ktp-blue-strong, #0054a8);
}


.article-card-image,
.index-medium-image,
.kt-home-hero-slide,
.article-image-container {
  position: relative;
}


.kt-top-read-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 8;
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  border: 1px solid rgba(7, 17, 36, .16);
  border-radius: 5px;
  background: #5DADE2;
  color: #071124;
  box-shadow: 0 10px 22px rgba(0, 84, 168, .18);
  font-size: .74rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}


.kt-top-read-badge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #e2551f;
  box-shadow: 0 0 0 0 rgba(226, 85, 31, .30);
  animation: ktTopReadPulse 1.6s ease-in-out infinite;
}


.kt-top-read-badge-hero {
  top: 18px;
  left: 18px;
}


@keyframes ktTopReadPulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(226, 85, 31, .30); }
  50% { transform: scale(1.18); box-shadow: 0 0 0 7px rgba(226, 85, 31, 0); }
}

.article-card-title, .index-medium-title, .index-headline-title, .recent-item-title, .radar-item-title, .widget-empty-title, .recent-header h3, .radar-title h3, .index-section-head span, .contact-title{
color: var(--ktp-ink) !important;
font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}


.admin-contact-form-block {
display: none;
  margin-top: 10px;
}


.admin-contact-title {
margin: 0 0 15px !important;
  color: var(--ktp-ink, #07192d) !important;
font-size: 1.1rem !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}


.admin-contact-recipient {
color: var(--ktp-blue-strong, #0054a8) !important;
  font-weight: 800 !important;
}


.kt-mb-1 {
margin-bottom: 1rem !important;
}


.kt-mt-0 {
margin-top: 0 !important;
}


.kt-mt-04 {
margin-top: .4rem !important;
}


.kt-mt-10 {
margin-top: 10px !important;
}


.kt-mt-12 {
margin-top: 12px !important;
}


.kt-mt-18 {
margin-top: 18px !important;
}


.saved-time-meta {
margin-left: .5rem !important;
}


.kt-btn {
border-radius: 5px !important;
font-size: 14px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  letter-spacing: 0 !important;
}


@supports (text-wrap: balance) {
  .hero-card-title, .article-title-premium, .article-card-title, .recent-item-title {
  text-wrap: balance;
  }
}


@supports (text-wrap: pretty) {
  .article-card-excerpt, .recent-item-title, .radar-item-excerpt, .contact-lead {
  text-wrap: pretty;
  }
}


@keyframes kt-scan {
0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}


@keyframes siteNewsGlint {
0% {
    transform: translateX(-140%) rotate(8deg);
    opacity: 0;
  }

  12% {
    opacity: 0;
  }

  22% {
    opacity: .75;
  }

  38% {
    transform: translateX(360%) rotate(8deg);
    opacity: 0;
  }

  100% {
    transform: translateX(360%) rotate(8deg);
    opacity: 0;
  }
}


@keyframes siteNewsPulse {
0%, 100% {
    transform: scale(1);
    box-shadow:
      0 0 0 5px rgba(33,204,227,.13),
      0 0 18px rgba(33,204,227,.42);
  }

  50% {
    transform: scale(1.16);
    box-shadow:
      0 0 0 8px rgba(33,204,227,.08),
      0 0 24px rgba(33,204,227,.62);
  }
}


@keyframes ktEyeBlinkOpen {
0%, 88%, 100% { opacity: 1; transform: scaleY(1); }
  91%, 94% { opacity: 0; transform: scaleY(.08); }
}


@keyframes ktEyeBlinkClosed {
0%, 88%, 100% { opacity: 0; }
  91%, 94% { opacity: 1; }
}


.toolbar-sep {
width: 1px;
  min-height: 34px;
  background: var(--kt-line);
}


.alert-ok {
border-color: rgba(36, 185, 130, .28);
  background: rgba(36, 185, 130, .10);
  color: #12684f;
}


.alert-err {
border-color: rgba(228, 71, 71, .28);
  background: rgba(228, 71, 71, .10);
  color: #9f1d1d;
}


.back-to-home {
order: 13;
}


.back-to-home a {
display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 9px 13px;
  border: 1px solid rgba(13, 111, 143, .16);
  border-radius: var(--kt-radius-sm);
  background: rgba(255, 255, 255, .66);
  color: var(--kt-brand);
  font-weight: 900;
}


.status-pending {
border: 1px solid rgba(215, 181, 106, .34);
  background: rgba(215, 181, 106, .14);
  color: #f3c85f;
}


.status-approved {
border: 1px solid rgba(36, 201, 138, .32);
  background: rgba(36, 201, 138, .13);
  color: #55e7aa;
}


.status-rejected {
border: 1px solid rgba(228, 71, 71, .32);
  background: rgba(228, 71, 71, .13);
  color: #ff8585;
}


.fade-up {
animation: ktFadeUp .36s ease both;
}


.fade-up-1 {
animation-delay: .04s;
}


.site-news-list {
display: grid;
  gap: 10px;
  padding: 14px;
}


.site-news-pulse {
width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--kt-cyan);
  box-shadow: 0 0 0 5px rgba(33,204,227,.13),
    0 0 18px rgba(33,204,227,.52);
  animation: siteNewsPulse 1.8s ease-in-out infinite;
}


.site-news-body {
display: grid;
  gap: 5px;
  min-width: 0;
}


.site-news-body strong {
color: var(--kt-ink);
  font-size: clamp(.96rem, 1.25vw, 1.08rem);
  font-weight: 950;
  line-height: 1.22;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.site-news-body span {
color: var(--kt-muted);
  font-size: .86rem;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}


.site-news-arrow {
display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(13,111,143,.16);
  border-radius: var(--kt-radius-sm);
  background: rgba(255,255,255,.58);
  color: var(--kt-brand);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  transition: transform var(--kt-speed), background var(--kt-speed), color var(--kt-speed), border-color var(--kt-speed);
}


.articles-grid, .article-grid, .latest-articles-grid, .related-articles-grid, .category-articles-grid {
align-items: stretch !important;
}


a {
text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}


.category-filters {
display: flex !important;
  flex-wrap: nowrap !important;
  gap: 7px !important;
  margin: 18px 0 !important;
  align-items: center !important;
  padding: 8px !important;
  overflow-x: auto !important;
  background: #ffffff !important;
  border: 1px solid #d4e1ee !important;
  border-radius: var(--ktp-radius) !important;
  box-shadow: 0 8px 20px rgba(20, 66, 112, .08) !important;
}


.site-news-kicker {
display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 11px;
  border: 1px solid rgba(215,181,106,.42);
  border-radius: var(--kt-radius-sm);
  background: linear-gradient(135deg, rgba(255,250,235,.98), rgba(255,255,255,.92));
  color: var(--ktp-blue-strong) !important;
  box-shadow: 0 8px 18px rgba(7,49,74,.08);
  font-size: .70rem;
  font-weight: 700 !important;
  line-height: 1;
  letter-spacing: 0 !important;
  text-transform: uppercase;
  white-space: nowrap;
}


.site-news-line {
height: 1px;
  flex: 1;
  background: #cbddec !important;
}


.article-clear {
clear: both;
}


.category-page-main {
width: min(100% - 32px, 1400px);
  margin: 0 auto;
  padding: 0 0 48px;
}


.category-page-head {
padding: 16px 0 20px;
  border-bottom: 1px solid #d1dfeb;
}


.category-page-title-row {
display: flex;
  align-items: baseline;
  gap: 14px;
  flex-wrap: wrap;
}


.category-page-title-row h1 {
margin: 0;
  color: var(--ktp-ink, #101827);
font-size: 1.8rem;
  letter-spacing: 0;
}


.category-pagination {
display: flex;
  justify-content: center;
  gap: 8px;
  padding: 32px 0;
}


.bbcode-align-left {
text-align: left !important;
}


.bbcode-align-center {
text-align: center !important;
}


.bbcode-align-right {
text-align: right !important;
}


.bbcode-color-red {
color: #b42318 !important;
}


.bbcode-color-blue, .bbcode-color-custom {
color: var(--ktp-blue-strong, #0054a8) !important;
}


.bbcode-color-green {
color: #087443 !important;
}


.bbcode-color-orange, .bbcode-color-yellow {
color: #9a6a00 !important;
}


.bbcode-color-purple {
color: #6941c6 !important;
}


.bbcode-color-white {
color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(7, 25, 45, .55) !important;
}


.bbcode-quote {
margin: 14px 0 !important;
  padding: 12px 14px !important;
  border: 1px solid #bfd7ee !important;
  border-left: 4px solid var(--ktp-yellow, #5DADE2) !important;
  border-radius: 5px !important;
  background: #ffffff !important;
  color: var(--ktp-ink, #07192d) !important;
}


/* =========================================================
   HERO FINOMÍTÁS — cím max 2 sor, meta bal alul
   ========================================================= */

.hero-card-title {
  max-width: min(900px, calc(100% - 52px)) !important;
  margin: 0 0 8px clamp(14px, 1.7vw, 22px) !important;
  color: #07192d !important;
  font-size: clamp(1.62rem, 3.05vw, 2.86rem) !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: -.015em !important;
  text-shadow: none !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}


.hero-card-author,
.hero-card-meta .content-source-badge {
  display: none !important;
}


.hero-card-meta {
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: min(820px, calc(100% - 52px)) !important;
  margin-left: clamp(14px, 1.7vw, 22px) !important;
  margin-bottom: clamp(7px, 1vw, 12px) !important;
}


.hero-card-meta .meta-with-icon {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  gap: 6px !important;
  padding: 4px 8px !important;
  border: 1px solid rgba(0, 84, 168, .12) !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, .22) !important;
  color: rgba(19, 52, 75, .82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38) !important;
  backdrop-filter: blur(10px);
  font-size: .76rem !important;
  font-weight: 850 !important;
}


.hero-card-meta .meta-with-icon svg {
  width: 1em !important;
  height: 1em !important;
  color: var(--ktp-blue-strong, #0054a8) !important;
  stroke: currentColor !important;
  fill: none !important;
}


.hero-card-content::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 2 !important;
  left: clamp(12px, 1.8vw, 24px) !important;
  right: auto !important;
  bottom: clamp(4px, 1vw, 12px) !important;
  width: min(930px, calc(100% - 40px)) !important;
  height: clamp(122px, 13.2vw, 178px) !important;
  border: 1px solid rgba(255, 255, 255, .34) !important;
  border-left: 5px solid var(--ktp-yellow, #5DADE2) !important;
  border-radius: 5px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .34), rgba(235, 248, 255, .12)) !important;
  box-shadow:
    0 12px 28px rgba(3, 28, 56, .13),
    inset 0 1px 0 rgba(255, 255, 255, .44) !important;
  backdrop-filter: blur(10px) saturate(1.04);
  -webkit-backdrop-filter: blur(10px) saturate(1.04);
  pointer-events: none !important;
}


/* =========================================================
   16. Responsive szabályok
   ========================================================= */


/* Hero glass overlay final responsive lock */


@media (prefers-reduced-motion: reduce) {
  /* 02. Reset, alap tipográfia, globális elemek */

  *, *::before, *::after {
  animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }

  /* 05. Badge-ek, meta sorok, SVG ikonok */

  .kt-eye-icon .kt-eye-open, .kt-eye-icon .kt-eye-pupil, .kt-eye-icon .kt-eye-closed {
  animation: none !important;
  }

  .kt-eye-icon .kt-eye-closed {
  opacity: 0 !important;
  }
}


.article-cats-more-list {
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  display: grid;
  gap: 6px;
  min-width: 190px;
  padding: 8px;
  border: 1px solid rgba(0, 84, 168, .18);
  border-radius: 5px;
  background: rgba(255, 255, 255, .98);
  box-shadow: 0 18px 38px rgba(20, 66, 112, .16);
  backdrop-filter: blur(12px);
}