.ekgida-tarif-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 32px 24px;
margin-top: 35px;
}
.tarif-card-ogun-badges {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.tarif-date-favori {
display: flex;
align-items: center;
gap: 2px;
margin: 0;
}
.tarif-favori-sayi {
font-size: 14px;
line-height: 1;
margin-right: 2px;
display: inline-block;
color: #333 !important;
}
.favori-icon{display:block;width:22px;height:22px}
.tarif-favori-btn {
background: none;
border: none;
cursor: pointer;
padding: 0;
display: flex;
align-items: center;
}
.tarif-favori-btn .favori-icon {
transition: fill 0.2s ease;
fill: #bababa;
}
.tarif-favori-btn.active .favori-icon path{fill:#704ee6}
.tarif-favori-btn.active .favori-icon {
fill: #704ee6;
}
.tarif-card {
display: flex;
flex-direction: column;
background: #fff;
overflow: hidden;
padding: 0;
text-decoration: none;
transition: 0.2s;
}
.tarif-card-img {
width: 100%;
height: 200px;
overflow: hidden;
border-radius: 24px;
}
.tarif-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 24px;
}
.tarif-card-info {
padding: 16px 20px;
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
}
.tarif-card-title {
font-size: 18px !important;
font-weight: 600;
color: #333;
padding-top: 12px;
}
.tarif-badge, .tarif-badge-ay {
font-size: 14px;
padding: 6px 14px;
border-radius: 16px;
font-weight: 500;
display: inline-block;
}
.tarif-card-meta {
font-size: 16px;
color: #704ee6;
font-weight: 500;
background: #eee8fd;
padding: 6px 16px;
border-radius: 24px;
display: inline-block;
width: fit-content;
}
.tarif-title-wrap {
display: flex;
align-items: center;
gap: 18px; flex-wrap: wrap;
}
.tarif-title {
margin-bottom: 0 !important;
}
.tarif-ogun-badge {
font-size: 14px;
padding: 6px 18px;
border-radius: 24px;
margin-left: 10px;
font-weight: 500;
display: inline-block;
vertical-align: middle;
}
.tarif-badge-ay {
font-size: 14px !important;
font-weight: 600;
border-radius: 18px;
padding: 6px 14px;
display: inline-block;
color: #ffffff;
}
.tarif-ogun-badge-liste {
background: #eee8fd;
color: #704ee6;
font-size: 14px;
padding: 6px 14px;
border-radius: 16px;
font-weight: 500;
display: inline-block;
width: fit-content;
}
.ekgida-tarif-container {
max-width: inherit;
}
.tarif-title {
font-size: 38px;
font-weight: 600;
margin-bottom: 12px;
color: #262627;
}
.tarif-detay-ust {
display: flex;
gap: 24px;
margin-bottom: 15px;
margin-top: 15px;
justify-content: flex-start;
flex-wrap: wrap;
}
.tarif-kutu {
background: #faf8ff;
padding: 10px 22px 8px 18px;
border-radius: 10px;
min-width: 92px;
text-align: center;
}
.tarif-badge-sure {
display: inline-flex;
align-items: center;
gap: 6px;
background: #f0ecfc;
color: #8b80aa;
font-size: 14px;
font-weight: 500;
padding: 6px 12px;
border-radius: 16px;
}
.tarif-badge-sure {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 500;
color: #bababa;
background: none;
padding: 0;
}
.tarif-badge-sure img {
width: 16px;
height: 16px;
display: block;
}
.tarif-badge-favori {
display: inline-flex;
align-items: center;
gap: 4px;
margin-left: auto;
}
.tarif-badge-sure img {
width: 18px;
height: 18px;
display: block;
}
.tarif-kutu-baslik {
font-size: 13px;
color: #a29bd2;
margin-bottom: 2px;
}
.tarif-kutu-icerik {
font-size: 16px;
font-weight: 600;
color: #5647af;
}
.tarif-badge-row {
margin: 22px 0 16px 0;
display: flex;
gap: 18px;
flex-wrap: wrap;
}
.tarif-badge {
background: #f0eef9;
color: #7a6bb4;
}
.tarif-date-wrap {
display: flex;
justify-content: end;
align-items: center;
margin-top: 1rem;
gap: 1rem;
flex-wrap: nowrap;
}
.tarif-badge-ozel {
background: #ffe1a5;
color: #987315;
}
.tarif-img {
margin: 28px 0 5px 0;
border-radius: 24px;
overflow: hidden;
max-height: 500px;
max-width: 100%;
}
.tarif-img img {
width: 100%;
display: block;
border-radius: 24px;
object-fit: cover;
}
.tarif-date {
white-space: nowrap;
font-size: 14px;
color: #232323;
}
.tarif-bolum {
margin-bottom: 32px;
margin-top: 32px;
}
.tarif-bolum h2 {
margin-bottom: 15px;
color: #7d53e0;
font-size: 2rem;
font-weight: 600;
}
.tarif-bolum ul {
margin-left: 18px;
font-size: 16px;
}
.tarif-bolum li {
margin-bottom: 7px;
line-height: 1.7;
color: #262627;
}
.tarif-yapilis {
font-size: 1.13rem;
color: #232323;
}
.ek-bilgi {
background: #f6eeff;
padding: 20px 20px 20px 25px;
border-radius: 10px;
margin-bottom: 20px;
}
.ek-bilgi-baslik {
font-size: 1.2rem;
font-weight: 600;
color: #232323;
margin-bottom: 12px;
}
.ek-bilgi-icerik {
font-size: 15px;
margin-bottom: 0;
}
.tarif-card-badges {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 0px 0 0px;
flex-wrap: wrap;
justify-content: center;
}
.tarif-card-badges span {
margin-right: 4px;
font-size: 15px;
}
.tarif-card-meta {
font-size: 1rem;
color: #7e70a3;
}
.favoriler-btn {
background: #e0e0e0;
color: #555;
border: none;
border-radius: 20px;
padding: 8px 16px;
margin-left: 10px;
cursor: pointer;
transition: all 0.2s ease;
}
.favoriler-btn.active {
background: #704ee6;
color: #fff;
}
.aegt-btn-favs {
padding: 8px 16px;
border-radius: 6px;
background: #bababa;
color: #fff;
border: none;
cursor: pointer;
font-size: 14px;
margin-bottom: 9px;
}
.aegt-btn-favs.active{ background:#704EE6; color:#fff; margin-bottom: 9px; margin-right: 18px; }
.tarif-bulunamadi{ grid-column: 1 / -1; text-align:center; padding:40px 20px; font-size:16px; color:#666; background:#f9f7fc; border-radius:12px;}
.aegt-pagination {display:flex; gap:8px; justify-content:center; margin:24px 0;}
.aegt-pagination a, .aegt-pagination span {padding:8px 12px; border:1px solid #e5e7eb; border-radius:10px; color:#444; }
.aegt-pagination .current {background:#704ee6; color:#fff; border-color:#704ee6;}
.aegt-filter{margin:16px 0 24px; padding:12px; background:#f9f9ff; border:1px solid #eee; border-radius:14px}
.aegt-filter-row{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.aegt-filter-group>label{display:block; font-weight:700; margin-bottom:6px}
.aegt-chips{display:flex; flex-wrap:wrap; gap:8px}
.aegt-chips .chip{display:inline-flex; align-items:center; gap:6px; background:#fff; border:1px solid #e8e8f8; padding:6px 10px; border-radius:999px; cursor:pointer}
.aegt-chips input{accent-color:#704ee6}
.aegt-filter-actions {
display: flex;
justify-content: space-between; align-items: center;
margin-top: 15px;
}
.aegt-filter-left button,
.aegt-filter-left a,
.aegt-filter-right button,
.aegt-filter-right a {
margin-right: 10px;
}
.aegt-btn-primary{background:#704ee6; color:#fff; font-size:13px; border:0; padding:8px 14px; border-radius:10px; cursor:pointer}
.aegt-btn-primary:hover{background:#5d3ed6}
.aegt-btn-reset{display:inline-block; font-size:13px; padding:8px 14px; border-radius:10px; background:#eee; color:#333; text-decoration:none}
@media(max-width:800px){.aegt-filter-row{grid-template-columns:1fr}}
@media (max-width: 700px) {
.ekgida-tarif-container {
padding: 0 3vw;
}
.tarif-detay-ust {
flex-direction: row;
gap: 12px;
}
.tarif-kutu {
padding: 18px 16px 10px 16px;
min-width: unset;
}
.tarif-title { font-size: 26px; }
.tarif-img img, .tarif-img { border-radius: 16px;}
.ek-bilgi, .ek-bilgi-baslik { font-size: 16px; }
}
.tarif-kaynaklar {
margin-top: 25px;
margin-bottom: 20px;
background: #f5f7fa;
padding: 16px 18px 12px 18px;
border-radius: 12px;
font-size: 15px;
color: #222;
width: 100%;
}
.tarif-kaynaklar h2 {
font-size: 20px;
margin: 0 0 10px 0;
color: #4f49a0;
font-weight: 600;
}
.tarif-kaynaklar ul {
padding-left: 20px;
margin: 0;
}
.tarif-kaynaklar li {
margin-bottom: 6px;
line-height: 1.7;
}
.tarif-kaynaklar a {
color: #2a2b80 !important;
text-decoration: underline;
font-size: 13px;
}
.tarif-kaynaklar a:hover {
text-decoration: none;
color: #7b28c3;
}