.card-list .cards>.row {
    gap: 30px;
}

.card-list .cards>.row>.col-sm-12 {
    padding: 0;
    max-width: 270px;
    margin: 0;
}

.card-list .cards>.row>.col-sm-12[data-value="Evde İnternet"] {
    /* margin-bottom: 30px; */
    min-width: 370px;
    padding: unset;
}

.card.tariff {
    max-height: 342px;
    max-height: max-content;
    max-width: 100%;
    width: 270px;
    background-color: #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    box-shadow: unset;
    /* Genel kart geçiş temeli */
    transition: max-height 0.85s cubic-bezier(0.25, 1, 0.5, 1),height 0.85s cubic-bezier(0.25, 1, 0.5, 1);
}

.card.tariff:has(.card-body .accordion-wrap .card .card-header.active) {
    max-height: 455px;
}

/* KAPALI HALİ & KAPANIŞ ANİMASYONU (Evde İnternet Kartı) */
.col-sm-12 .card.tariff[data-value="Evde İnternet"] {
    width: 370px;
    height: 352px;
    max-height: 352px;
    /* max-height: max-content; */
    /* Kapanışın yağ gibi süzülerek 352px'e inmesini sağlayan kritik transition */
    transition: max-height 0.85s cubic-bezier(0.25, 1, 0.5, 1),height 0.85s cubic-bezier(0.25, 1, 0.5, 1);
}

/* AÇIK DURUM & AÇILIRKEN DEVREYE GİREN ULTRA SLOW YAVAŞLIK */
/* Artık sadece JavaScript'ten gelecek olan .accordion-active sınıfına güveniyoruz */
.col-sm-12 .card.tariff.accordion-active[data-value="Evde İnternet"] {
    height: 455px !important;
    max-height: 455px !important;
    transition: max-height 0.85s cubic-bezier(0.25, 1, 0.5, 1),
        height 0.85s cubic-bezier(0.25, 1, 0.5, 1);
}

/* AÇIK HALİ & AÇILIŞ ANİMASYONU (:has ile tetiklenen durum) */
.col-sm-12 .card.tariff[data-value="Evde İnternet"]:has(.card-body .accordion-wrap .card .card-header.active) {
    height: 455px !important;
    max-height: 455px !important;
}

.card.tariff .card-body {
    max-height: 342px;
    /* max-height: fit-content; */
    height: 100%;
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: unset;
    background: unset;
    border-radius: 8px;
    border: 2px solid var(--tt-color-border);
    overflow: hidden;
    transition: max-height 0.85s cubic-bezier(0.25, 1, 0.5, 1),height 0.85s cubic-bezier(0.25, 1, 0.5, 1);
}

.col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body {
    max-height: 352px;
    max-height: fit-content;
}

.card.tariff.accordion-active .card-body {
    max-height: 455px;
    /* max-height: fit-content; */
}

.card.tariff .card-body:has(.accordion-wrap .card .card-header.active) {
    max-height: 455px;
}

.card.tariff .card-body .card-top-info {
    margin-bottom: 4px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-height: 251px;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    transition: none !important;
}

.card.tariff .card-body .card-top-info:has(.accordion-wrap .card .collapse.show) {
    max-height: 100%;
}

.card.v2.tariff .card-body .card-campaign-box-info {
    background-image: unset;
    background: unset;
}

.card.v2.tariff .card-body .card-campaign-box-info>span {
    width: 100%;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0%;
    padding: 4.5px 11px;
    justify-content: center;
    border-radius: 4px;
    margin-bottom: 4px;
    margin-top: 0;
    position: relative;
    transform: unset;
    background-color: #bbdefb;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    max-height: 24px;
}

.card-filter-results.check-active .card.v2.tariff .card-body .card-campaign-box-info>span {
    width: calc(100% - 28px);
}

.card.v2.tariff .card-body .card-campaign-box-info.pink>span {
    background-color: var(--tt-color-base-pink);
}

.card.v2.tariff .card-body .card-campaign-box-info.orange>span {
    background-color: var(--tt-color-base-orange);
}

.card.v2.tariff .card-body .card-campaign-box-info.orange>span {
    background-color: var(--tt-color-base-orange);
}

.card.v2.tariff .card-body .card-campaign-box-info.yellow>span {
    background-color: var(--tt-color-base-yellow);
}

.card.v2.tariff .card-body .card-campaign-box-info.lila span {
    background-color: #E8CFFF;
    color: var(--tt-color-accent-primary-800);
}

.card.v2.tariff .card-body .card-campaign-box-info.blue>span {
    background-color: var(--tt-color-base-blue);
}

.card.v2 .card-body .card-campaign-box-info.grey>span,
.card.v2 .card-body .card-campaign-box-info.orange>span,
.card.v2.tariff .card-body .card-campaign-box-info>span,
.card.v2 .card-body .card-campaign-box-info.yellow>span {
    color: var(--tt-color-accent-primary-800);
}

.card.v2 .card-body .card-campaign-box-info.blue>span,
.card.v2 .card-body .card-campaign-box-info.pink>span {
    color: var(--tt-color-surface-white);
}

.card.v2.tariff .card-body .card-campaign-box-info>span::before {
    content: "";
    background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/cards/icons/star-black.webp);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 12px;
    margin-right: 4px;
    width: 12px;
    height: 12px;
    transform: translateY(1px);
}

.card.v2.tariff .card-body .card-campaign-box-info.blue>span::before,
.card.v2.tariff .card-body .card-campaign-box-info.pink>span::before {
    background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/cards/icons/star-white.webp);
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content {
    padding: 30.5px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(89.9deg, #0393A5 0%, #00C9DF 229.06%);
    background-repeat: round;
    border-radius: 4px 4px 0 0;
    height: 181px;
    flex-grow: 1;
    /* flex: 0 0 auto !important;
    height: auto !important; */
}

.card.v2.tariff .card-body .card-top-info:not(:has(.accordion-wrap)) .card-content {
    border-radius: 4px;
    justify-content: center;
}


.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-body .card-campaign-box-info .card-content {
    height: 131px;
    padding: 26.5px 16px;
}

.card.tariff.bg-evde-internet .card-body .card-campaign-box-info .card-content {
    background: linear-gradient(89.9deg, #0058AD 0%, #00D9FF 229.06%);
}

.card.tariff.bg-ev-telefonu .card-body .card-campaign-box-info .card-content {
    background: linear-gradient(68.92deg, #0082CA 0%, #00BAEC 102.16%);
}

.card.tariff.bg-prime .card-body .card-campaign-box-info .card-content {
    background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/cards/background/prime_background.webp);
}

.card.tariff.bg-selfy .card-body .card-campaign-box-info .card-content {
    background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/cards/background/selfy_background.webp);
}

.card.tariff.bg-hit .card-body .card-campaign-box-info .card-content {
    background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/cards/background/hit_background.webp);
}

.card.v2.tariff.hit-bg-green .card-body .card-campaign-box-info .card-content {
    background-image: var(--tt-hit-bg-green);
    background: #CDDC29 url(https://asset.turktelekom.com.tr/SiteAssets/images/subpage/hit/hit-bg-transparent.png);
}

.card.v2.tariff.hit-bg-orange .card-body .card-campaign-box-info .card-content {
    background-image: var(--tt-hit-bg-orange);
    background: #FF983A url(https://asset.turktelekom.com.tr/SiteAssets/images/subpage/hit/hit-bg-transparent.png);
}

.card.v2.tariff.hit-bg-dark-blue .card-body .card-campaign-box-info .card-content {
    background-image: var(--tt-hit-bg-dark-blue);
}

.card.v2.tariff.hit-bg-light-blue .card-body .card-campaign-box-info .card-content {
    background-image: var(--tt-hit-bg-light-blue);
    background: #16C0D9 url(https://asset.turktelekom.com.tr/SiteAssets/images/subpage/hit/hit-bg-transparent.png);
}

.card.tariff.bg-gameon .card-body .card-campaign-box-info .card-content {
    background: linear-gradient(95.76deg, #48DFFA 5.01%, #377FED 100.43%);
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content h4 {
    font-weight: 800;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: center;
    /* color: #FFFFFFBF; */
    margin: 0 0 4px;
    height: unset;
    min-height: unset;
    overflow: unset;
    padding: 0;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-body .card-campaign-box-info .card-content h4 {
    width: 100%;
    padding: 0;
    text-align: start;
    color: #FFFFFFBF;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"].bg-gameon .card-body .card-campaign-box-info .card-content h4 {
    color: #161B32BF !important;
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-recipe.single {
    margin: 0 0 4px !important;
    height: auto;
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-recipe.single>div {
    padding: 0;
}


.col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body .card-campaign-box-info .card-content .card-recipe.single {
    align-items: start;
    width: 100%;
}

.col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body .card-campaign-box-info .card-content .card-recipe.single>div {
    padding: unset;
}

.col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body .card-campaign-box-info .card-content .card-recipe.single.pcrf>div {
    display: flex;
    margin-top: 4px;
}

.col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body .card-campaign-box-info .card-content .card-recipe.single p {
    justify-content: start;
}

.col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body .card-campaign-box-info .card-content .card-recipe.single p:last-child {
    font-weight: 800;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin: 4px 0 0;
    color: #FFFFFFBF;
}

.col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body .card-campaign-box-info .card-content .card-recipe.single.pcrf p {
    display: flex;
    align-items: start;
    flex-direction: column;
    text-align: start;
    margin: 0;
    width: 100%;
    justify-content: end;
}

.col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body .card-campaign-box-info .card-content .card-recipe.single.pcrf p:first-child {
    padding-right: 20px;
    border-right: 1px solid #FFFFFF4D;
}

.col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body .card-campaign-box-info .card-content .card-recipe.single.pcrf p:last-child {
    padding-left: 20px;
    text-transform: unset;
}

.col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body .card-campaign-box-info .card-content .card-recipe.single.pcrf p small {
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: start;
    color: #FFEB3B;
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-recipe.single strong {
    font-family: "mulish-black", sans-serif;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0%;
    text-align: center;
    color: var(--tt-color-text-on-solidDarkSurface);
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-recipe.single.pcrf strong {
    font-weight: 900;
    font-size: 28px;
    line-height: 35px;
    text-align: start;
}

.card.v2.tariff.bg-gameon .card-body .card-campaign-box-info .card-content .card-recipe.single strong {
    color: #161B32;
}

.card.v2.tariff.hit-bg-azure .card-body .card-campaign-box-info .card-content .card-recipe.single strong {
    color: var(--tt-color-base-primary);
}

.col-sm-12 .card.tariff[data-value="Evde İnternet"].bg-gameon .card-body .card-campaign-box-info .card-content .card-recipe.single p:last-child {
    color: #161B32BF !important;
}

.cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info .card-recipe p.proposition:last-child {
    font-weight: 800;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-benefit-content {
    display: flex;
    gap: 8px;
    padding: 4px 12px;
    background: #FFFFFF4D;
    border-radius: 100px;
    margin-top: 16px;
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-benefit-content p {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    background: unset;
    padding: unset;
    margin: 0;
    justify-content: unset;
    align-self: unset;
    position: static;
    gap: 3px;
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-benefit-content p span {
    background: unset;
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    color: #FFFFFF;
    width: auto;
    padding: unset;
    align-self: unset;
    margin: 0;
    position: static;
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-benefit-content .social-media-icons {
    display: flex;
    height: 16px;
    gap: -6px;
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-benefit-content .social-media-icons img {
    max-width: 16px !important;
    height: 16px !important;
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-benefit-content .social-media-icons img+img {
    margin-left: -6px;
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-minute {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    margin-bottom: 0;
}

.col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body .card-campaign-box-info .card-content .card-minute {
    display: none;
    justify-content: start;
    width: 100%;
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-minute div,
.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-minute p {
    font-weight: 800;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0px;
    height: auto;
    flex-wrap: unset;
    border: unset;
    padding: unset;
    width: 100%;
    text-wrap-mode: nowrap;
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-minute div:last-child::before {
    content: "+";
    margin-right: 4px;
}

.card.v2.tariff .card-body .card-campaign-box-info .card-content .card-minute div:first-child::before {
    content: unset;
}

.card.v2.tariff .card-body .accordion-wrap {
    background-color: unset;
    border-radius: 0 0 4px 4px;
    transition: none !important;
    animation: none !important;
    /* margin-bottom: 4px; */
}

.card.v2.tariff .card-body .accordion-wrap .card {
    background: unset;
    border-radius: unset;
    min-height: unset;
}

.card.v2.tariff .card-body .accordion-wrap .card .card-header {
    border-radius: unset;
}

.card.v2.tariff .card-body .accordion-wrap .card .card-header a {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -1%;
    color: var(--tt-color-surface-white);
    background: #006777;
    border-radius: 0 0 8px 8px;
    max-height: 42px;
}

.card.v2.tariff.bg-gameon .card-body .accordion-wrap .card .card-header a {
    background: #161B32;
}

.card.v2.tariff.bg-evde-internet .card-body .accordion-wrap .card .card-header a {
    background: #002F5D;
}

.card.v2.tariff.bg-prime .card-body .accordion-wrap .card .card-header a {
    background: #002F5D;
}

.card.v2.tariff.bg-selfy .card-body .accordion-wrap .card .card-header a {
    background: #40007A;
    padding: 12px 16px;
}

.card.v2.tariff.bg-hit .card-body .accordion-wrap .card .card-header a,
.card.v2.tariff.hit-bg-dark-blue .card-body .accordion-wrap .card .card-header a {
    background: #033B73;
}

.card.v2.tariff.hit-bg-orange .card-body .accordion-wrap .card .card-header a {
    background: #B95F0D;
}

.card.v2.tariff.hit-bg-green .card-body .accordion-wrap .card .card-header a {
    background: #8D9906;
}

.card.v2.tariff.hit-bg-light-blue .card-body .accordion-wrap .card .card-header a {
    background: #006F7F;
}

.card.v2.tariff .card-body .accordion-wrap .card .card-header a::before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    color: var(--tt-color-surface-white) !important;
    display: inline-block;

    margin-right: 4px;
    color: var(--tt-color-surface-white) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}

.card.v2.tariff.bg-prime .card-body .accordion-wrap .card .card-header a::before {
    align-items: center;
    padding-left: 82px;
    margin-right: 4px;
    height: 18px;
    background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/cards/logos/prime.webp);
}

.card.v2.tariff.bg-selfy .card-body .accordion-wrap .card .card-header a::before {
    align-items: center;
    padding-left: 32px;
    margin-right: 4px;
    height: 22px;
    background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/cards/logos/selfy.webp);
}

.card.v2.tariff.bg-gameon .card-body .accordion-wrap .card .card-header a::before {
    align-items: center;
    padding-left: 72px;
    margin-right: 4px;
    height: 18px;
    background-image: url(https://asset.turktelekom.com.tr/SiteAssets/images/cards/logos/gameon.webp);
}

.card.v2.tariff .card-body .accordion-wrap .card .card-header a:after {
    content: "\e911";
    margin-top: unset;
    top: unset;
    color: #FFFFFF;
    font-size: 20px;
}

.card.v2.tariff .card-body .accordion-wrap .card .card-header.active a:after {
    content: "\e912";
}

.card.v2.tariff .card-body .accordion-wrap .card .collapse.show {
    padding: 0px 16px !important;
    position: static;
    border-bottom: 1px solid var(--tt-color-border);
}

.card.v2.tariff .card-body .accordion-wrap .card .collapse.show ul {
    max-height: 113px;
    /* min-width: 113px; */
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-body .accordion-wrap .card .collapse.show ul {
    max-height: 110px;
    /* min-width: 110px; */
}

.card.v2 .card .collapse:not(.show),
.card.v2 .card .collapsing:not(.show) {
    transition: unset;
}

.card.v2.tariff .card-body .accordion-wrap .card .collapse.show::-webkit-scrollbar {
    width: 3px;
}

.card.v2.tariff .card-body .accordion-wrap .card .collapse.show::-webkit-scrollbar-track {
    background: #ECF0F2;
    border-radius: 4px;
    margin: 12px 0 6px;
}

.card.v2.tariff .card-body .accordion-wrap .card .collapse.show::-webkit-scrollbar-thumb {
    background: var(--tt-color-accent-neutral-600);
    border-radius: 4px;
}

.card.v2.tariff .card-body .accordion-wrap .card .collapse.show::-webkit-scrollbar-thumb:hover {
    background: var(--tt-color-accent-neutral-600);
}

.card.v2.tariff .card-body .accordion-wrap .card .list>li {
    padding: 8px 0 8px 5px;
}

.card.v2.tariff .card-body .accordion-wrap .card .list>li::before {
    background: #E63425;
    border-radius: 100px;
    width: 1px;
    height: 15px;
    top: unset;
}

.card.v2.tariff .card-body .accordion-wrap .card .list>li p {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
}

.card-list .cards>.row>.col-sm-12 .card.v2.tariff .card-info,
.card.v2.tariff .card-info {
    padding: 12px 16px;
    border: unset;
    height: 100%;
    min-height: unset;
    max-height: 67px;
    gap: unset;
}

.card-list .cards>.row>.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info {
    max-height: 127px;
    flex-wrap: wrap;
}

.card.v2.tariff .card-info .left-side {
    display: flex;
    flex-direction: column-reverse;
}

.card.v2.tariff.bg-faturasiz-yeni .card-info .left-side {
    display: none;
}

.card.v2 .card-info .left-side .top-text {
    text-wrap-mode: nowrap;
}

.card.v2.tariff .card-info .left-side .prices .first-price.price {
    display: flex;
    align-items: start;
    flex-direction: column;
}

.card.v2.tariff .card-info .left-side .prices .first-price.price .note {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: var(--tt-color-base-neutral) !important;
    text-align: start;
}

[data-theme="dark"] .card.v2.tariff .card-info .left-side .prices .first-price.price .note {
    color: #8898BA !important;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .left-side .prices .first-price.price .note {
    color: var(--tt-color-base-red) !important;
    font-weight: 800;
    font-size: 12px;
    line-height: 21px;
}

.card.v2.tariff .card-info .left-side:has(.top-text[style*="display:block"]) .prices .first-price.price .note {
    display: none;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .left-side:has(.top-text[style*="display:block"]) .prices .first-price.price .note {
    display: block;
}

.card.v2.tariff .card-info .left-side .prices .price .sup-group {
    align-items: center !important;
}

.card.v2 .card-info .left-side .prices .price .sup-group strong:first-child {
    font-size: 22px;
    line-height: 28px;
}

.card.v2 .card-info .left-side .prices .price .sup-group sup {
    bottom: unset;
    margin-bottom: unset;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.card.v2 .card-info .left-side .prices .price .sup-group sup b {
    color: var(--tt-color-base-neutral) !important;
}

[data-theme="dark"] .card.v2 .card-info .left-side .prices .price .sup-group sup b {
    color: #8898BA !important;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .left-side .prices .price.last-price .sup-group sup {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: var(--tt-color-base-neutral) !important;
    filter: unset;
}

[data-theme="dark"] .col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .left-side .prices .price.last-price .sup-group sup {
    color: #8898BA !important;
}

.card.v2.tariff .card-info .left-side .prices .price .note {
    color: var(--tt-color-text-neutral-highEmphasis);
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: right;
    vertical-align: middle;
}

.card.v2.tariff .card-info .left-side .prices .first-price.price strong {
    display: flex;
    align-items: center;
    gap: 2px;
}

.card.v2.tariff .card-info .left-side .prices .first-price.price strong b {
    font-weight: 800;
    font-size: 22px;
    line-height: 28px;
    color: var(--tt-color-text-neutral-highEmphasis);
}

.card.v2.tariff .card-info .left-side .prices .first-price.price strong span {
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: var(--tt-color-text-neutral-highEmphasis);
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .left-side .prices .first-price.price .note::before {
    display: none;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .left-side .prices .price.last-price .note {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: var(--tt-color-base-neutral) !important;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"]:not() .card-info .left-side .prices .price .note:before {
    content: "/";
    margin-left: 3px;
    color: var(--tt-color-base-neutral) !important;
}

[data-theme="dark"] .col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .left-side .prices .price.last-price .note {
    color: #8898BA !important;
}

[data-theme="dark"] .col-sm-12 .card.v2.tariff[data-value="Evde İnternet"]:not() .card-info .left-side .prices .price .note:before {
    color: #8898BA !important;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .left-side .prices {
    flex-direction: column;
    gap: unset;
    height: 64px;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .left-side .prices .first-price.price {
    flex-direction: column-reverse;
    align-items: start;
    justify-content: start;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .left-side .prices .last-price.price {
    flex-direction: row-reverse;
    gap: 4px;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .left-side .prices .price.last-price .sup-group strong:first-child {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: var(--tt-color-base-neutral) !important;
    filter: unset;
}

[data-theme="dark"] .col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .left-side .prices .price.last-price .sup-group strong:first-child {
    color: #8898BA !important;
}

.card.v2.tariff .card-info .left-side .prices .last-price.price {
    display: flex;
    align-items: center;
}

.card.v2.tariff .card-info .left-side .top-text {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: var(--tt-color-base-neutral) !important;
}

[data-theme="dark"] .card.v2.tariff .card-info .left-side .top-text {
    color: #8898BA !important;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .left-side .top-text {
    display: none !important;
}

.card.v2.tariff .card-info .button.arrow {
    margin-top: unset;
    height: unset;
    max-width: 87px;
    min-width: unset;
    position: static;
    border: 1px solid var(--tt-color-border) !important;
    width: 100%;
    border-radius: 100px;
}

.card.v2.tariff .card-info .button.arrow a {
    position: static;
    transform: unset;
    padding: 8px 24px !important;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
}

.cards.mobile-not-scroll .card.v2 .card-info .period-text {
    display: none !important;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .period-text {
    width: 100%;
    padding: 12px 0;
    margin-top: 12px;
    font-weight: 800;
    font-size: 12px;
    line-height: 15px;
    display: flex !important;
    justify-content: space-between;
    border-top: 1px solid var(--tt-color-border);
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .period-text p {
    color: var(--tt-color-accent-primary-800);
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .period-text div {
    display: flex;
    gap: 3.12px;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .period-text div p {
    color: var(--tt-color-base-neutral) !important;
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .period-text div img {
    width: 15px;
}

.col-12.col-md-12.col-lg-6.promo-banner-item {
    padding: 0;
    max-width: calc(50% - 30px);
}
.row:has(.col-sm-12[data-value="Evde İnternet"]) .col-12.col-md-12.col-lg-6.promo-banner-item {
    flex: 0 0 66.6%;
    max-width: calc(66.6% - 30px);
}

.promo-banner-item .promo-banner-card {
    padding: 8px;
    border: 2px solid var(--tt-color-border);
    border-radius: 8px;
    height: 100%;
}

.promo-banner-item .promo-banner-card img {
    border-radius: 4px;
    height: 100% !important;
}

[data-theme="dark"] .col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .period-text p {
    color: #FFFFFF !important;
}

[data-theme="dark"] .col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .period-text div p {
    color: #8898BA !important;
}

@media (max-width: 768px) {

    .filter-wrapper,
    .filter-wrapper>.filter-wrapper {
        overflow-x: unset;
    }
    .filter-wrapper .filter-body div.filter-search-area {
        flex-direction: column;
    }

    .card-list .cards>.row {
        margin: 0;
        gap: 16px;
    }

    .card-list .cards>.row>.col-sm-12 {
        min-width: 100%;
        max-width: 100%;
        padding: 0 12px;
    }

    .card-list .cards>.row>.col-sm-12[data-value="Evde İnternet"] {
        min-width: unset;
    }

    .cards.mobile-not-scroll .card.v2.tariff {
        max-height: 100%;
        min-height: unset;
    }

    .col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body {
        flex-direction: column;
    }

    .card.tariff .card-body .card-top-info {
        width: 65%;
        margin: 0;
    }

    .col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body .card-top-info {
        width: 100%;
    }

    .card-list .cards>.row>.col-sm-12 .card.v2 .card-body .card-campaign-box-info {
        height: auto;
        padding: unset !important;
        width: 100%;
        margin: 0;
    }

    .card-list .cards>.row>.col-sm-12 .card.v2 .card-body .card-campaign-box-info span {
        transform: unset;
        max-width: 100%;
        max-height: 24px;
        height: 100%;
        display: flex !important;
    }

    .card-list .cards>.row>.col-sm-12 .card.v2 .card-body .card-campaign-box-info span::after {
        position: static;
    }

    .card.v2.tariff .card-body .card-campaign-box-info .card-content {
        height: auto;
        padding: 20px 12px;
    }

    .card.v2.tariff .card-body .card-campaign-box-info .card-content .card-recipe.single {
        max-height: unset;
    }

    .col-sm-12 .card.v2.tariff[data-value="Ev Telefonu"] .card-body .card-campaign-box-info .card-content .card-recipe.single {
        width: 100%;
        max-height: unset;
    }

    .col-sm-12 .card.v2.tariff[data-value="Ev Telefonu"] .card-body .card-campaign-box-info .card-content .card-recipe.single>div {
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .col-sm-12 .card.tariff[data-value="Evde İnternet"] .card-body .card-campaign-box-info .card-content .card-recipe.single>div {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .card.v2.tariff .card-body .card-campaign-box-info .card-content .card-recipe.single strong {
        font-size: 24px;
        line-height: 40px;
    }

    .cards.mobile-not-scroll .card.v2 .card-body .card-campaign-box-info .card-recipe p.proposition:last-child {
        margin-top: 4px !important;
    }

    .card.v2.tariff .card-body .card-campaign-box-info .card-content .card-minute {
        height: 100%;
        width: auto;
        margin: 4px 0 0 !important;
    }

    .card.v2.tariff .card-body .card-campaign-box-info .card-content .card-minute::before {
        display: none;
    }

    .cards.mobile-not-scroll .card.v2 .card-body .accordion-wrap {
        display: block;
        position: relative;
        z-index: 2;
        height: 100%;
        max-height: 42px;
        pointer-events: none;
    }

    .card.v2.tariff .card-body .accordion-wrap .card .card-header a:after {
        display: none;
    }

    .card-list .cards>.row>.col-sm-12 .card.v2.tariff .card-info {
        max-height: 100%;
        padding: 0 0 0 8px;
    }

    .card-list .cards>.row>.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info {
        width: 100%;
        padding: 12px 16px;
    }

    .card.v2.tariff .card-info .left-side {
        justify-content: center;
    }

    .card-list .cards>.row>.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-body .card-info .left-side {
        height: auto;
    }

    .card.v2.tariff .card-info .left-side .prices .first-price.price {
        align-items: start;
    }

    .card.v2.tariff .card-info .left-side .prices .price .note {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .card.v2.tariff .card-info .button.arrow {
        position: absolute;
        max-width: 100%;
    }

    .card-list .cards>.row>.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .button.arrow {
        position: static;
        opacity: 1 !important;
        max-width: 87px;
        height: 44px !important;
    }

    .card-list .cards>.row>.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .button.arrow a {
        opacity: 1;
    }

    .col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-info .period-text {
        position: static;
    }

    .col-12.col-md-12.col-lg-6.promo-banner-item,
    .row:has(.col-sm-12[data-value="Evde İnternet"]) .col-12.col-md-12.col-lg-6.promo-banner-item {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .promo-banner-item {
        padding: 0 12px;
    }
}

@media (max-width: 380px) {
    .card.v2.tariff .card-body .accordion-wrap .card .card-header a {
        padding: 14px 12px
    }
}

@media (max-width: 365px) {
    .card.v2.tariff .card-body .accordion-wrap .card .card-header a {
        padding: 14px 10px
    }
}

/* KAPALI + KAPANIŞ */
.card.v2.tariff .card-body .accordion-wrap .card .collapse {
--acc-h: 113px;
box-sizing: border-box;
display: none;
height: var(--acc-h);
max-height: 0;
min-height: 0 !important;
overflow: hidden;
position: static !important;
bottom: auto !important;
padding-top: 0 !important;
border-bottom: 0;                 /* sonda kalan 1px çizgiyi kaldırır */
transition: max-height 0.85s cubic-bezier(0.25, 1, 0.5, 1);
}

.card.v2.tariff .card-body .accordion-wrap .card .collapse.show {
display: block;
border-bottom: 0;                 /* eski .show kuralındaki çizgiyi ezer */
}

/* AÇIK + AÇILIŞ  (max-height'ta !important YOK, yoksa keyframes çalışmaz) */
.card.v2.tariff .card-body .accordion-wrap .card .collapse.is-open {
max-height: var(--acc-h);
overflow-y: auto;
overflow-x: hidden;
border-bottom: 1px solid var(--tt-color-border);
animation: ttAccOpen 0.85s cubic-bezier(0.25, 1, 0.5, 1);
}

.col-sm-12 .card.v2.tariff[data-value="Evde İnternet"] .card-body .accordion-wrap .card .collapse {
--acc-h: 110px;
}

@keyframes ttAccOpen {
from { max-height: 0; border-bottom-color: transparent; }
to   { max-height: var(--acc-h); }
}

/* .show kalkarken üst bloğun yüksekliği sıçramasın */
.card.tariff .card-body .card-top-info:has(.accordion-wrap .card .collapse.show) {
max-height: none;
}

@media (prefers-reduced-motion: reduce) {
.card.v2.tariff .card-body .accordion-wrap .card .collapse { transition-duration: .01ms; }
.card.v2.tariff .card-body .accordion-wrap .card .collapse.is-open { animation-duration: .01ms; }
}

/* 5. OK VE HEADER ANİMASYONLARI (Aynen korundu) */
.card.v2.tariff .card-body .accordion-wrap .card .card-header a {
    transition: border-radius 0.45s cubic-bezier(0.4, 0, 0.2, 1),
        background-color 0.3s ease;
}

.card.v2.tariff .card-body .accordion-wrap .card .card-header a::after {
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Boş tag: içi boş span'ı gizle (mobildeki display:flex !important kuralını da ezer) */
.card-list .cards>.row>.col-sm-12 .card.v2.tariff .card-body .card-campaign-box-info>span:empty,
.card.v2.tariff .card-body .card-campaign-box-info>span:empty {
    display: none !important;
}

/* Kart boylarını eşitleme: eksik tag (28px) ve eksik akordeon (42px) renkli alana eklenir */
@media (min-width: 769px) {
    .card.v2.tariff .card-body .card-campaign-box-info .card-content {
        --tt-tag-gap: 0px;
        --tt-acc-gap: 0px;
        height: calc(181px + var(--tt-tag-gap) + var(--tt-acc-gap));
    }

    /* Akordeon yoksa */
    .card.v2.tariff .card-body .card-top-info:not(:has(.accordion-wrap)) .card-content {
        --tt-acc-gap: 42px;
    }

    /* Tag yoksa: span hiç yok ya da içi boş */
    .card.v2.tariff .card-body .card-campaign-box-info:not(:has(> span:not(:empty))) .card-content {
        --tt-tag-gap: 28px;
    }
}