/* E-Pin premium ürün sayfası — Midasbuy tarzı */



.epin-store {

    --epin-bg: #0b0f14;

    --epin-card: #141b24;

    --epin-border: rgba(255, 255, 255, 0.08);

    --epin-accent: #6366f1;

    --epin-glow: rgba(99, 102, 241, 0.35);

    --epin-green: #22c55e;

    --epin-gold: #fbbf24;

    padding-bottom: 3rem;

}



/* ── Hero banner ── */

.epin-banner {

    position: relative;

    width: 100%;

    margin-left: calc(50% - 50vw);

    margin-right: calc(50% - 50vw);

    background: linear-gradient(135deg, #0a0e17 0%, var(--epin-accent, #1a2332) 45%, #0f172a 100%);

    border-bottom: 1px solid var(--epin-border);

    overflow: hidden;

    margin-bottom: 1.5rem;

}



.epin-banner__glow {

    position: absolute;

    inset: 0;

    background:

        radial-gradient(ellipse 80% 60% at 20% 50%, rgba(99, 102, 241, 0.25), transparent 60%),

        radial-gradient(ellipse 60% 50% at 85% 30%, rgba(34, 197, 94, 0.12), transparent 55%);

    pointer-events: none;

}



.epin-banner__inner {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 1.5rem;

    padding: 2rem 1rem 2.25rem;

    flex-wrap: wrap;

}



.epin-banner__content {

    display: flex;

    align-items: center;

    gap: 1.25rem;

    flex: 1 1 280px;

}



.epin-banner__logo {

    width: 72px;

    height: 72px;

    object-fit: contain;

    filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.4));

    flex-shrink: 0;

}



.epin-banner__badge {

    display: inline-flex;

    align-items: center;

    gap: 0.35rem;

    padding: 0.25rem 0.65rem;

    background: linear-gradient(135deg, rgba(99, 102, 241, 0.35), rgba(139, 92, 246, 0.25));

    border: 1px solid rgba(139, 92, 246, 0.45);

    border-radius: 999px;

    font-size: 0.7rem;

    font-weight: 700;

    color: #e0e7ff;

    text-transform: uppercase;

    letter-spacing: 0.06em;

    margin-bottom: 0.5rem;

}



.epin-banner__title {

    margin: 0 0 0.35rem;

    font-size: clamp(1.5rem, 4vw, 2.25rem);

    font-weight: 800;

    color: #fff;

    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.4);

    line-height: 1.15;

}



.epin-banner__desc {

    margin: 0;

    color: rgba(255, 255, 255, 0.65);

    font-size: 0.95rem;

    max-width: 560px;

    line-height: 1.5;

}



.epin-banner__wallet {

    padding: 0.85rem 1.25rem;

    background: rgba(0, 0, 0, 0.35);

    border: 1px solid rgba(34, 197, 94, 0.35);

    border-radius: 12px;

    text-align: center;

    box-shadow: 0 0 24px rgba(34, 197, 94, 0.15);

}



.epin-banner__wallet-label {

    display: block;

    font-size: 0.7rem;

    text-transform: uppercase;

    letter-spacing: 0.08em;

    color: rgba(255, 255, 255, 0.5);

    margin-bottom: 0.2rem;

}



.epin-banner__wallet strong {

    font-size: 1.25rem;

    color: var(--epin-green);

    font-weight: 800;

}



/* ── Toolbar: search + filters ── */

.epin-toolbar {

    margin-bottom: 1.25rem;

}



.epin-search-wrap {

    position: relative;

    margin-bottom: 0.85rem;

}



.epin-search-wrap__icon {

    position: absolute;

    left: 1rem;

    top: 50%;

    transform: translateY(-50%);

    color: rgba(255, 255, 255, 0.4);

    pointer-events: none;

}



.epin-search {

    width: 100%;

    padding: 0.85rem 1rem 0.85rem 2.75rem;

    border-radius: 12px;

    border: 1px solid var(--epin-border);

    background: var(--epin-card);

    color: #f8fafc;

    font-size: 1rem;

    transition: border-color 0.2s, box-shadow 0.2s;

}



.epin-search:focus {

    outline: none;

    border-color: rgba(99, 102, 241, 0.55);

    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);

}



.epin-filter-grid {

    width: 100%;

}



.epin-filter-chip {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 0.15rem;

    min-height: 52px;

    padding: 0.4rem 0.25rem;

    border-radius: 10px;

    border: 1px solid var(--epin-border);

    background: var(--epin-card);

    color: #cbd5e1;

    cursor: pointer;

    transition: all 0.2s ease;

    font-size: 0.65rem;

    font-weight: 600;

    line-height: 1.1;

    text-align: center;

}



.epin-filter-chip__emoji {

    font-size: 1rem;

    line-height: 1;

}



.epin-filter-chip__text {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    max-width: 100%;

}



.epin-filter-chip:hover {

    border-color: rgba(99, 102, 241, 0.4);

    background: rgba(99, 102, 241, 0.08);

}



.epin-filter-chip.is-active {

    border-color: rgba(99, 102, 241, 0.65);

    background: linear-gradient(180deg, rgba(99, 102, 241, 0.2), rgba(99, 102, 241, 0.08));

    color: #fff;

    box-shadow: 0 0 16px var(--epin-glow);

}



/* ── Package cards grid ── */

.epin-packages-section {

    margin-bottom: 2.5rem;

}



.epin-pkg-card {

    position: relative;

    border-radius: 14px;

    background: linear-gradient(165deg, #1a2230 0%, #121820 100%);

    border: 1px solid var(--epin-border);

    overflow: hidden;

    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;

}



.epin-pkg-card:hover {

    transform: translateY(-3px);

    border-color: rgba(99, 102, 241, 0.35);

    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), 0 0 24px var(--epin-glow);

}



.epin-pkg-card.is-hidden {

    display: none !important;

}



.epin-pkg-card.is-checkout-open {

    border-color: rgba(99, 102, 241, 0.55);

    box-shadow: 0 0 28px var(--epin-glow);

}



.epin-pkg-card__shine {

    position: absolute;

    top: 0;

    left: -100%;

    width: 60%;

    height: 100%;

    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.04), transparent);

    pointer-events: none;

    animation: epin-shine 4s ease-in-out infinite;

}



@keyframes epin-shine {

    0%, 100% { left: -100%; }

    50% { left: 120%; }

}



.epin-pkg-card__body {

    position: relative;

    padding: 1rem 0.85rem 1.1rem;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    gap: 0.5rem;

}



.epin-pkg-card__top {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 0.35rem;

}



.epin-pkg-card__coin {

    width: 40px;

    height: 40px;

    object-fit: contain;

    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));

}



.epin-pkg-card__amount {

    margin: 0;

    font-size: 0.95rem;

    font-weight: 700;

    color: #f1f5f9;

    line-height: 1.25;

}



.epin-pkg-card__bonus {

    display: inline-flex;

    align-items: center;

    gap: 0.25rem;

    padding: 0.2rem 0.55rem;

    background: linear-gradient(135deg, rgba(34, 197, 94, 0.25), rgba(34, 197, 94, 0.1));

    border: 1px solid rgba(34, 197, 94, 0.45);

    border-radius: 999px;

    font-size: 0.68rem;

    font-weight: 700;

    color: #4ade80;

    box-shadow: 0 0 12px rgba(34, 197, 94, 0.25);

}



.epin-pkg-card__price-block {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 0.1rem;

    margin: 0.15rem 0;

}



.epin-pkg-card__price-old {

    font-size: 0.72rem;

    color: #64748b;

    text-decoration: line-through;

}



.epin-pkg-card__price {

    font-size: 1.15rem;

    font-weight: 800;

    color: #fff;

    letter-spacing: -0.02em;

}



.epin-pkg-card__buy {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.5rem;

    padding: 0.65rem 0.75rem;

    margin-top: 0.25rem;

    border: none;

    border-radius: 10px;

    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);

    color: #fff;

    font-weight: 700;

    font-size: 0.85rem;

    cursor: pointer;

    box-shadow: 0 4px 16px rgba(99, 102, 241, 0.4);

    transition: transform 0.15s, box-shadow 0.15s;

}



.epin-pkg-card__buy:hover {

    transform: scale(1.02);

    box-shadow: 0 6px 22px rgba(99, 102, 241, 0.55);

}



.epin-pkg-card__buy i {

    font-size: 0.75rem;

    transition: transform 0.15s;

}



.epin-pkg-card__buy:hover i {

    transform: translateX(3px);

}



/* Inline checkout on card */

.epin-pkg-card__checkout {

    border-top: 1px solid var(--epin-border);

    background: rgba(0, 0, 0, 0.25);

    animation: epin-slide-down 0.25s ease;

}



@keyframes epin-slide-down {

    from { opacity: 0; max-height: 0; }

    to { opacity: 1; max-height: 200px; }

}



.epin-pkg-card__checkout-inner {

    padding: 0.85rem;

}



.epin-pkg-card__checkout-title {

    margin: 0 0 0.5rem;

    font-size: 0.75rem;

    font-weight: 700;

    color: #94a3b8;

    text-transform: uppercase;

    letter-spacing: 0.05em;

}



.epin-pkg-card__checkout-hint {

    margin: 0 0 0.65rem;

    font-size: 0.82rem;

    color: #64748b;

    text-align: center;

}



.epin-account-inline__select,

.epin-account-inline__input {

    width: 100%;

    padding: 0.55rem 0.65rem;

    border-radius: 8px;

    border: 1px solid rgba(255, 255, 255, 0.12);

    background: #0f1419;

    color: #f8fafc;

    font-size: 0.82rem;

    margin-bottom: 0.4rem;

}



.epin-account-inline__add {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.35rem;

    width: 100%;

    padding: 0.45rem;

    margin-bottom: 0.5rem;

    border-radius: 8px;

    border: 1px dashed rgba(99, 102, 241, 0.4);

    color: #a5b4fc;

    font-size: 0.78rem;

    font-weight: 600;

    text-decoration: none;

    transition: background 0.15s;

}



.epin-account-inline__add:hover {

    background: rgba(99, 102, 241, 0.1);

    color: #c7d2fe;

}



.epin-pkg-card__checkout-actions {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 0.4rem;

}



.epin-pkg-card__cancel,

.epin-pkg-card__confirm {

    padding: 0.55rem;

    border-radius: 8px;

    border: none;

    font-weight: 700;

    font-size: 0.8rem;

    cursor: pointer;

}



.epin-pkg-card__cancel {

    background: rgba(255, 255, 255, 0.08);

    color: #cbd5e1;

}



.epin-pkg-card__confirm {

    background: linear-gradient(135deg, #22c55e, #16a34a);

    color: #fff;

    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.35);

}



.epin-pkg-card__confirm:disabled {

    opacity: 0.5;

    cursor: not-allowed;

}



.epin-empty-search {

    text-align: center;

    color: #64748b;

    padding: 2rem;

    font-size: 0.95rem;

}



/* ── Bottom info tabs ── */

.epin-info-tabs-wrap {

    margin-top: 1rem;

}



.epin-info-tabs {

    display: flex;

    flex-wrap: wrap;

    gap: 0.5rem;

    margin-bottom: 1rem;

    border-bottom: 1px solid var(--epin-border);

    padding-bottom: 0.5rem;

}



.epin-info-tab {

    display: inline-flex;

    align-items: center;

    gap: 0.4rem;

    padding: 0.65rem 1rem;

    border: none;

    border-radius: 10px 10px 0 0;

    background: transparent;

    color: #94a3b8;

    font-size: 0.85rem;

    font-weight: 600;

    cursor: pointer;

    transition: color 0.2s, background 0.2s;

}



.epin-info-tab:hover {

    color: #e2e8f0;

}



.epin-info-tab.is-active {

    color: #fff;

    background: rgba(99, 102, 241, 0.12);

    border-bottom: 2px solid #6366f1;

}



.epin-info-panel {

    display: none;

    animation: epin-fade-in 0.3s ease;

}



.epin-info-panel.is-active {

    display: block;

}



@keyframes epin-fade-in {

    from { opacity: 0; transform: translateY(6px); }

    to { opacity: 1; transform: translateY(0); }

}



.epin-info-panel__inner {

    padding: 1.25rem;

    background: var(--epin-card);

    border: 1px solid var(--epin-border);

    border-radius: 14px;

}



/* Guide steps */

.epin-guide-steps {

    display: grid;

    gap: 1rem;

}



.epin-guide-step {

    display: flex;

    gap: 1rem;

    align-items: flex-start;

}



.epin-guide-step__icon {

    flex-shrink: 0;

    width: 44px;

    height: 44px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    background: rgba(99, 102, 241, 0.15);

    color: #a5b4fc;

    font-size: 1.1rem;

}



.epin-guide-step strong {

    display: block;

    color: #f1f5f9;

    margin-bottom: 0.2rem;

}



.epin-guide-step p {

    margin: 0;

    color: #94a3b8;

    font-size: 0.9rem;

    line-height: 1.5;

}



.epin-howto__body {

    color: #cbd5e1;

    line-height: 1.6;

}



/* Security tab */

.epin-security__hero {

    text-align: center;

    padding: 1rem 0 1.25rem;

    border-bottom: 1px solid var(--epin-border);

    margin-bottom: 1rem;

}



.epin-security__hero i {

    font-size: 2rem;

    color: #6366f1;

    margin-bottom: 0.5rem;

}



.epin-security__hero h3 {

    margin: 0 0 0.5rem;

    color: #f8fafc;

}



.epin-security__hero p {

    margin: 0;

    color: #94a3b8;

    max-width: 560px;

    margin-inline: auto;

    font-size: 0.9rem;

}



.epin-security__list {

    list-style: none;

    padding: 0;

    margin: 0;

    display: grid;

    gap: 0.65rem;

}



.epin-security__list li {

    display: flex;

    align-items: flex-start;

    gap: 0.6rem;

    color: #cbd5e1;

    font-size: 0.9rem;

}



.epin-security__list i {

    color: var(--epin-green);

    margin-top: 0.15rem;

}



.epin-security__list a {

    color: #a5b4fc;

}



/* Reviews */

.epin-reviews {

    display: grid;

    gap: 0.85rem;

}



.epin-review-card {
    padding: 1rem;
    background: var(--epin-surface-2, #323232);
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    border-radius: 10px;
    box-sizing: border-box;
}



.epin-review-card__head {

    display: flex;

    align-items: center;

    gap: 0.75rem;

    margin-bottom: 0.6rem;

    flex-wrap: wrap;

}



.epin-review-card__avatar {

    border-radius: 50%;

    border: 2px solid rgba(99, 102, 241, 0.4);

}



.epin-review-card__name {

    display: block;

    color: var(--epin-text-primary, #f1f5f9);

    font-size: 0.9rem;

}



.epin-review-card__stars {

    color: var(--epin-gold);

    font-size: 0.75rem;

}



.epin-star--dim {

    opacity: 0.25;

}



.epin-review-card__verified {

    margin-left: auto;

    display: inline-flex;

    align-items: center;

    gap: 0.25rem;

    padding: 0.2rem 0.5rem;

    background: rgba(34, 197, 94, 0.15);

    border: 1px solid rgba(34, 197, 94, 0.35);

    border-radius: 999px;

    font-size: 0.65rem;

    font-weight: 700;

    color: #4ade80;

}



.epin-review-card__text {

    margin: 0;

    color: var(--epin-text-muted, #94a3b8);

    font-size: 0.88rem;

    line-height: 1.5;

}



/* ── Modals & toast ── */

.epin-modal {

    position: fixed;

    inset: 0;

    z-index: 9999;

    display: none;

    align-items: center;

    justify-content: center;

    padding: 1rem;

}



.epin-modal.is-open {

    display: flex;

}



.epin-modal__backdrop {

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, 0.72);

    backdrop-filter: blur(4px);

}



.epin-modal__dialog {

    position: relative;

    width: min(440px, 100%);

    background: linear-gradient(165deg, #1a2230, #121820);

    border: 1px solid rgba(255, 255, 255, 0.1);

    border-radius: 16px;

    overflow: hidden;

    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5);

    animation: epin-modal-in 0.25s ease;

}



@keyframes epin-modal-in {

    from { opacity: 0; transform: scale(0.95) translateY(10px); }

    to { opacity: 1; transform: scale(1) translateY(0); }

}



.epin-modal__head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 1rem 1.25rem;

    border-bottom: 1px solid var(--epin-border);

}



.epin-modal__head--warn {

    background: rgba(245, 158, 11, 0.08);

}



.epin-modal__head h3 {

    margin: 0;

    color: #f8fafc;

    font-size: 1.05rem;

    display: flex;

    align-items: center;

    gap: 0.5rem;

}



.epin-modal__close {

    background: none;

    border: none;

    color: #94a3b8;

    font-size: 1.5rem;

    cursor: pointer;

    line-height: 1;

}



.epin-modal__body {

    padding: 1.25rem;

    color: #cbd5e1;

    font-size: 0.95rem;

}



.epin-balance-detail {

    margin: 0.75rem 0 0;

    padding: 0.65rem;

    background: rgba(0, 0, 0, 0.25);

    border-radius: 8px;

    font-size: 0.85rem;

    color: #94a3b8;

}



.epin-modal__foot {

    display: flex;

    justify-content: flex-end;

    gap: 0.5rem;

    padding: 1rem 1.25rem;

    border-top: 1px solid var(--epin-border);

}



.epin-modal__foot--stack {

    flex-direction: column;

}



.epin-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0.7rem 1.1rem;

    border-radius: 10px;

    border: none;

    font-weight: 700;

    font-size: 0.9rem;

    cursor: pointer;

    text-decoration: none;

    transition: transform 0.15s;

}



.epin-btn--block {

    width: 100%;

}



.epin-btn--primary {

    background: linear-gradient(135deg, #6366f1, #8b5cf6);

    color: #fff;

}



.epin-btn--ghost {

    background: rgba(255, 255, 255, 0.08);

    color: #e2e8f0;

}



.epin-toast {
    position: fixed;
    z-index: 2147483100;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.28s ease, transform 0.28s ease;
}

.epin-toast.is-visible {
    opacity: 1;
}



@media (max-width: 640px) {

    .epin-banner__inner {

        flex-direction: column;

        align-items: flex-start;

    }



    .epin-banner__wallet {

        width: 100%;

    }



    .epin-info-tab {

        flex: 1 1 auto;

        justify-content: center;

        font-size: 0.75rem;

        padding: 0.55rem 0.65rem;

    }



    .epin-info-tab i {

        display: none;

    }



    .epin-pkg-card__price {

        font-size: 1.05rem;

    }

}

/* ── PUBG list layout — premium hero + bölge sekmeleri ── */
.epin-store--list {
    padding-top: 0;
    padding-bottom: 2.5rem;
    --epin-blue: #3b59ff;
    --epin-blue-dark: #2563eb;
    --epin-hero-bg: #0b0e14;
    --epin-surface-2: #161922;
}

.epin-pubg-top {
    padding-top: 1rem;
    padding-bottom: 1.35rem;
}

.epin-pubg-hero {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 1.1rem;
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    box-shadow:
        0 28px 64px rgba(0, 0, 0, 0.48),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    box-sizing: border-box;
}

.epin-pubg-hero__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.epin-pubg-hero__bg::before {
    content: '';
    position: absolute;
    inset: -12%;
    background:
        var(--epin-hero-bg-image, none) center/cover no-repeat,
        var(--epin-hero-logo, url('/svg/Pubg-Mobile.svg')) center 108% / min(340px, 58vw) no-repeat;
    filter: blur(11px) saturate(1.08) brightness(0.72);
    transform: scale(1.04);
    pointer-events: none;
}

.epin-pubg-hero__bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        linear-gradient(105deg, rgba(6, 8, 14, 0.92) 0%, rgba(10, 16, 36, 0.78) 48%, rgba(8, 10, 18, 0.9) 100%),
        radial-gradient(ellipse 90% 80% at 50% 120%, rgba(59, 89, 255, 0.28) 0%, transparent 62%),
        radial-gradient(circle at 18% 12%, rgba(59, 89, 255, 0.12) 0%, transparent 42%);
    pointer-events: none;
}

.epin-pubg-hero__inner {
    position: relative;
    z-index: 2;
    padding: 2.5rem 1.5rem 2.15rem;
    text-align: center;
    background: transparent;
    isolation: isolate;
    --epin-hero-radius: 18px;
    --epin-hero-inset: 0.75rem;
    --epin-hero-content-width: 700px;
}

.epin-pubg-hero__logo-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-bottom: 0.85rem;
    border-radius: var(--epin-hero-radius, 18px);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 8px 28px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.epin-pubg-hero__logo-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at 50% 35%, rgba(255, 255, 255, 0.22) 0%, transparent 68%);
    pointer-events: none;
}

.epin-pubg-hero__logo {
    position: relative;
    z-index: 1;
    width: 44px;
    height: 44px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.epin-pubg-hero__title {
    margin: 0 auto 0.7rem;
    max-width: var(--epin-hero-content-width, 700px);
    font-size: clamp(1.4rem, 3.2vw, 1.9rem);
    font-weight: 700;
    color: #ffffff;
    letter-spacing: -0.02em;
    line-height: 1.22;
}

.epin-pubg-hero__desc {
    margin: 0 auto 1.35rem;
    max-width: var(--epin-hero-content-width, 700px);
    font-size: 0.9rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.68);
    font-weight: 400;
}

.epin-pubg-hero__back {
    margin: 0 auto;
    max-width: var(--epin-hero-content-width, 700px);
}

.epin-pubg-hero__back a {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.72);
    text-decoration: none;
    transition: color 0.2s ease;
}

.epin-pubg-hero__back a:hover {
    color: #60a5fa;
}

.epin-pubg-hero__search {
    display: flex;
    align-items: center;
    gap: var(--epin-hero-inset, 0.65rem);
    box-sizing: border-box;
    width: 100%;
    max-width: var(--epin-hero-content-width, 700px);
    margin: 0 auto;
    padding: 0 0.95rem;
    min-height: 50px;
    height: 50px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
    outline: none;
    cursor: text;
    position: relative;
    z-index: 3;
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

.epin-pubg-hero__search:hover,
.epin-pubg-hero__search:focus-within {
    border-color: rgba(59, 89, 255, 0.45);
    background: rgba(255, 255, 255, 0.1);
    box-shadow:
        0 0 0 3px rgba(59, 89, 255, 0.14),
        0 8px 26px rgba(0, 0, 0, 0.28);
}

.epin-pubg-hero__search:not(:hover):not(:focus-within) {
    border-color: rgba(255, 255, 255, 0.06) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28) !important;
}

.epin-pubg-hero__search-icon {
    flex: 0 0 1rem;
    width: 1rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.88rem;
    line-height: 1;
    pointer-events: none;
}

.epin-pubg-hero__search-input {
    flex: 1;
    min-width: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #f8fafc;
    font-size: 0.88rem;
    line-height: 1.2;
    text-align: left;
    cursor: text;
    pointer-events: auto;
    -webkit-appearance: none;
    appearance: none;
}

.epin-pubg-hero__search-input::placeholder {
    color: rgba(255, 255, 255, 0.42);
}

.epin-pubg-hero__search-input:focus {
    outline: none;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

@media (max-width: 768px) {
    .epin-pubg-hero__inner {
        padding: 2rem 1.1rem 1.85rem;
        --epin-hero-radius: 16px;
        --epin-hero-inset: 0.65rem;
    }

    .epin-pubg-hero {
        border-radius: 16px;
    }

    .epin-pubg-hero__desc {
        font-size: 0.84rem;
    }

    .epin-pubg-hero__title,
    .epin-pubg-hero__desc,
    .epin-pubg-hero__search {
        max-width: 100%;
    }

    .epin-pubg-hero__search {
        min-height: 48px;
        height: 48px;
        padding: 0 0.9rem;
        border-radius: 14px;
    }
}

.epin-region-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.65rem;
    padding: 0;
    background: transparent;
    border: none;
}

.epin-region-tab {
    --epin-tab-accent: #2b5ef7;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-width: 132px;
    padding: 0.72rem 1.35rem;
    border: 1.5px solid rgba(148, 163, 184, 0.38);
    border-radius: 11px;
    background: transparent;
    color: rgba(203, 213, 225, 0.94);
    font-weight: 700;
    font-size: 0.82rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    box-shadow: none;
    scroll-margin: 0;
    transform: none;
    transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.epin-region-tab:focus,
.epin-region-tab:focus-visible,
.epin-region-tab:active {
    outline: none;
}

.epin-region-tab::before {
    content: '';
    position: absolute;
    inset: -18%;
    z-index: 0;
    background: url('/kategori/images/pubg_mobile.jpg') center center / cover no-repeat;
    pointer-events: none;
    transition: filter 0.25s ease, transform 0.25s ease;
}

.epin-region-tab::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    border-radius: inherit;
    pointer-events: none;
    transition: background 0.25s ease, backdrop-filter 0.25s ease;
}

.epin-region-tab[data-region-tab="turkiye"]::before {
    filter: blur(4px) saturate(1.45) brightness(1.08) contrast(1.05);
    transform: scale(1.12);
}

.epin-region-tab[data-region-tab="turkiye"]::after {
    background: linear-gradient(
        145deg,
        rgba(227, 10, 23, 0.52) 0%,
        rgba(139, 24, 34, 0.62) 52%,
        rgba(55, 18, 24, 0.72) 100%
    );
    backdrop-filter: blur(6px) saturate(1.15);
    -webkit-backdrop-filter: blur(6px) saturate(1.15);
}

.epin-region-tab[data-region-tab="global"]::before {
    filter: blur(9px) saturate(1.15) brightness(0.82) hue-rotate(165deg);
    transform: scale(1.14);
}

.epin-region-tab[data-region-tab="global"]::after {
    background: linear-gradient(
        145deg,
        rgba(37, 99, 235, 0.48) 0%,
        rgba(14, 116, 144, 0.58) 50%,
        rgba(15, 23, 42, 0.68) 100%
    );
    backdrop-filter: blur(10px) saturate(1.05);
    -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

.epin-region-tab[data-region-tab="epin"]::before {
    filter: blur(3px) saturate(1.55) brightness(1.18) sepia(0.22);
    transform: scale(1.1);
}

.epin-region-tab[data-region-tab="epin"]::after {
    background: linear-gradient(
        145deg,
        rgba(251, 191, 36, 0.46) 0%,
        rgba(217, 119, 6, 0.56) 48%,
        rgba(92, 45, 8, 0.66) 100%
    );
    backdrop-filter: blur(5px) saturate(1.25);
    -webkit-backdrop-filter: blur(5px) saturate(1.25);
}

.epin-region-tab[data-region-tab="eu"]::before {
    filter: blur(9px) saturate(1.15) brightness(0.82) hue-rotate(165deg);
    transform: scale(1.14);
}

.epin-region-tab[data-region-tab="eu"]::after {
    background: linear-gradient(
        145deg,
        rgba(37, 99, 235, 0.48) 0%,
        rgba(14, 116, 144, 0.58) 50%,
        rgba(15, 23, 42, 0.68) 100%
    );
    backdrop-filter: blur(10px) saturate(1.05);
    -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

.epin-region-tab[data-region-tab="na"]::before {
    filter: blur(8px) saturate(1.2) brightness(0.88) hue-rotate(-15deg);
    transform: scale(1.12);
}

.epin-region-tab[data-region-tab="na"]::after {
    background: linear-gradient(
        145deg,
        rgba(59, 130, 246, 0.5) 0%,
        rgba(178, 34, 52, 0.55) 52%,
        rgba(15, 23, 42, 0.68) 100%
    );
    backdrop-filter: blur(10px) saturate(1.05);
    -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

.epin-region-tab__icon,
.epin-region-tab__text {
    position: relative;
    z-index: 2;
}

.epin-region-tab__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    flex-shrink: 0;
    color: inherit;
}

.epin-region-tab__svg {
    display: block;
    flex-shrink: 0;
}

.epin-region-tab__svg--flag {
    width: 24px;
    height: 16px;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.epin-region-tab__svg--globe,
.epin-region-tab__svg--epin {
    width: 18px;
    height: 18px;
}

.epin-region-tab__text {
    white-space: nowrap;
    color: inherit;
    text-shadow: none;
}

.epin-region-tab[data-region-tab="turkiye"].is-active {
    border-color: rgba(185, 28, 28, 0.95);
    color: #ffffff;
    box-shadow:
        0 0 0 2px rgba(227, 10, 23, 0.4),
        0 8px 22px rgba(227, 10, 23, 0.22);
}

.epin-region-tab[data-region-tab="turkiye"].is-active:focus,
.epin-region-tab[data-region-tab="turkiye"].is-active:focus-visible {
    box-shadow:
        0 0 0 2px rgba(227, 10, 23, 0.4),
        0 8px 22px rgba(227, 10, 23, 0.22);
}

.epin-region-tab[data-region-tab="turkiye"].is-active::after {
    background: linear-gradient(
        145deg,
        rgba(227, 10, 23, 0.68) 0%,
        rgba(185, 28, 28, 0.78) 55%,
        rgba(69, 10, 10, 0.82) 100%
    );
    backdrop-filter: blur(4px) saturate(1.2);
    -webkit-backdrop-filter: blur(4px) saturate(1.2);
}

.epin-region-tab[data-region-tab="global"].is-active {
    border-color: rgba(37, 99, 235, 0.95);
    color: #ffffff;
    box-shadow:
        0 0 0 2px rgba(37, 99, 235, 0.4),
        0 8px 22px rgba(37, 99, 235, 0.22);
}

.epin-region-tab[data-region-tab="global"].is-active:focus,
.epin-region-tab[data-region-tab="global"].is-active:focus-visible {
    box-shadow:
        0 0 0 2px rgba(37, 99, 235, 0.4),
        0 8px 22px rgba(37, 99, 235, 0.22);
}

.epin-region-tab[data-region-tab="global"].is-active::after {
    background: linear-gradient(
        145deg,
        rgba(59, 130, 246, 0.66) 0%,
        rgba(14, 116, 144, 0.76) 52%,
        rgba(15, 23, 42, 0.84) 100%
    );
    backdrop-filter: blur(7px) saturate(1.1);
    -webkit-backdrop-filter: blur(7px) saturate(1.1);
}

.epin-region-tab[data-region-tab="epin"].is-active {
    border-color: rgba(217, 119, 6, 0.95);
    color: #ffffff;
    box-shadow:
        0 0 0 2px rgba(245, 158, 11, 0.42),
        0 8px 22px rgba(217, 119, 6, 0.24);
}

.epin-region-tab[data-region-tab="epin"].is-active:focus,
.epin-region-tab[data-region-tab="epin"].is-active:focus-visible {
    box-shadow:
        0 0 0 2px rgba(245, 158, 11, 0.42),
        0 8px 22px rgba(217, 119, 6, 0.24);
}

.epin-region-tab[data-region-tab="epin"].is-active::after {
    background: linear-gradient(
        145deg,
        rgba(251, 191, 36, 0.64) 0%,
        rgba(245, 158, 11, 0.74) 50%,
        rgba(120, 53, 15, 0.82) 100%
    );
    backdrop-filter: blur(3px) saturate(1.3);
    -webkit-backdrop-filter: blur(3px) saturate(1.3);
}

.epin-store--giftcard-exxen .epin-region-tabs {
    justify-content: center;
    gap: 0.65rem;
}

.epin-store--giftcard-exxen .epin-region-tab {
    min-width: 9.5rem;
    padding-inline: 1.35rem;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
}

.epin-region-tab[data-region-tab="reklamsiz"].is-active,
.epin-region-tab[data-region-tab="reklamli"].is-active {
    border-color: rgba(37, 99, 235, 0.95);
    color: #ffffff;
    box-shadow:
        0 0 0 2px rgba(59, 130, 246, 0.45),
        0 8px 24px rgba(37, 99, 235, 0.28);
}

.epin-region-tab[data-region-tab="reklamsiz"].is-active:focus,
.epin-region-tab[data-region-tab="reklamsiz"].is-active:focus-visible,
.epin-region-tab[data-region-tab="reklamli"].is-active:focus,
.epin-region-tab[data-region-tab="reklamli"].is-active:focus-visible {
    box-shadow:
        0 0 0 2px rgba(59, 130, 246, 0.45),
        0 8px 24px rgba(37, 99, 235, 0.28);
}

.epin-region-tab[data-region-tab="reklamsiz"].is-active::after,
.epin-region-tab[data-region-tab="reklamli"].is-active::after {
    background: linear-gradient(
        145deg,
        rgba(59, 130, 246, 0.72) 0%,
        rgba(37, 99, 235, 0.82) 52%,
        rgba(15, 23, 42, 0.88) 100%
    );
    backdrop-filter: blur(6px) saturate(1.15);
    -webkit-backdrop-filter: blur(6px) saturate(1.15);
}

.epin-region-tab[data-region-tab="reklamsiz"]::after,
.epin-region-tab[data-region-tab="reklamli"]::after {
    background: linear-gradient(
        145deg,
        rgba(30, 41, 59, 0.72) 0%,
        rgba(15, 23, 42, 0.82) 100%
    );
}

.epin-list-row__thumb--giftcard-exxen .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    font-size: 0.48rem;
    line-height: 1.15;
    letter-spacing: 0.02em;
    max-width: 4.2rem;
    white-space: normal;
    text-align: center;
}

.epin-store--giftcard-tiktok .epin-region-tabs {
    justify-content: center;
    gap: 0.65rem;
}

.epin-store--giftcard-tiktok .epin-region-tab {
    min-width: 10.5rem;
    padding-inline: 1.35rem;
    font-size: 0.76rem;
    letter-spacing: 0.05em;
}

.epin-region-tab[data-region-tab="apple-store"].is-active,
.epin-region-tab[data-region-tab="google-play"].is-active {
    border-color: rgba(37, 99, 235, 0.95);
    color: #ffffff;
    box-shadow:
        0 0 0 2px rgba(59, 130, 246, 0.45),
        0 8px 24px rgba(37, 99, 235, 0.28);
}

.epin-region-tab[data-region-tab="apple-store"].is-active:focus,
.epin-region-tab[data-region-tab="apple-store"].is-active:focus-visible,
.epin-region-tab[data-region-tab="google-play"].is-active:focus,
.epin-region-tab[data-region-tab="google-play"].is-active:focus-visible {
    box-shadow:
        0 0 0 2px rgba(59, 130, 246, 0.45),
        0 8px 24px rgba(37, 99, 235, 0.28);
}

.epin-region-tab[data-region-tab="apple-store"].is-active::after,
.epin-region-tab[data-region-tab="google-play"].is-active::after {
    background: linear-gradient(
        145deg,
        rgba(59, 130, 246, 0.72) 0%,
        rgba(37, 99, 235, 0.82) 52%,
        rgba(15, 23, 42, 0.88) 100%
    );
    backdrop-filter: blur(6px) saturate(1.15);
    -webkit-backdrop-filter: blur(6px) saturate(1.15);
}

.epin-region-tab[data-region-tab="apple-store"]::after,
.epin-region-tab[data-region-tab="google-play"]::after {
    background: linear-gradient(
        145deg,
        rgba(30, 41, 59, 0.72) 0%,
        rgba(15, 23, 42, 0.82) 100%
    );
}

.epin-list-row__thumb--giftcard-tiktok .epin-list-row__thumb-bg {
    filter: saturate(1.15) hue-rotate(160deg) brightness(0.82);
}

.epin-list-row__thumb--giftcard-tiktok .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    font-size: 0.44rem;
    line-height: 1.1;
    letter-spacing: 0.02em;
    max-width: 4.4rem;
    white-space: normal;
    text-align: center;
}

.epin-store--giftcard-telegram .epin-region-tabs {
    justify-content: center;
    gap: 0.65rem;
}

.epin-store--giftcard-telegram .epin-region-tab {
    min-width: 10.5rem;
    padding-inline: 1.35rem;
    font-size: 0.76rem;
    letter-spacing: 0.05em;
}

.epin-list-row__thumb--giftcard-telegram .epin-list-row__thumb-bg {
    filter: saturate(1.1) hue-rotate(190deg) brightness(0.85);
}

.epin-list-row__thumb--giftcard-telegram .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    font-size: 0.42rem;
    line-height: 1.1;
    letter-spacing: 0.02em;
    max-width: 4.4rem;
    white-space: normal;
    text-align: center;
}

.epin-seo-content .epin-seo-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1rem 0 1.25rem;
    font-size: 0.88rem;
}

.epin-seo-content .epin-seo-table th,
.epin-seo-content .epin-seo-table td {
    border: 1px solid rgba(148, 163, 184, 0.22);
    padding: 0.55rem 0.75rem;
    text-align: left;
    vertical-align: top;
}

.epin-seo-content .epin-seo-table th {
    background: rgba(30, 41, 59, 0.55);
    color: #e2e8f0;
}

.epin-store--giftcard-tod-tv .epin-region-tabs {
    justify-content: center;
    gap: 0.65rem;
}

.epin-store--giftcard-tod-tv .epin-region-tab {
    min-width: 7.5rem;
    padding-inline: 1.25rem;
    font-size: 0.78rem;
    letter-spacing: 0.06em;
}

.epin-region-tab[data-region-tab="super-lig"].is-active,
.epin-region-tab[data-region-tab="eglence"].is-active,
.epin-region-tab[data-region-tab="extra"].is-active {
    border-color: rgba(37, 99, 235, 0.95);
    color: #ffffff;
    box-shadow:
        0 0 0 2px rgba(59, 130, 246, 0.45),
        0 8px 24px rgba(37, 99, 235, 0.28);
}

.epin-region-tab[data-region-tab="super-lig"].is-active::after,
.epin-region-tab[data-region-tab="eglence"].is-active::after,
.epin-region-tab[data-region-tab="extra"].is-active::after {
    background: linear-gradient(
        145deg,
        rgba(59, 130, 246, 0.72) 0%,
        rgba(37, 99, 235, 0.82) 52%,
        rgba(15, 23, 42, 0.88) 100%
    );
    backdrop-filter: blur(6px) saturate(1.15);
    -webkit-backdrop-filter: blur(6px) saturate(1.15);
}

.epin-region-tab[data-region-tab="super-lig"]::after,
.epin-region-tab[data-region-tab="eglence"]::after,
.epin-region-tab[data-region-tab="extra"]::after {
    background: linear-gradient(
        145deg,
        rgba(30, 41, 59, 0.72) 0%,
        rgba(15, 23, 42, 0.82) 100%
    );
}

.epin-list-row__thumb--giftcard-tod-tv .epin-list-row__thumb-bg {
    filter: saturate(1.2) hue-rotate(-25deg) brightness(0.78);
}

.epin-list-row__thumb--giftcard-tod-tv .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    font-size: 0.42rem;
    line-height: 1.1;
    letter-spacing: 0.02em;
    max-width: 4.2rem;
    white-space: normal;
    text-align: center;
}

.epin-list-row__thumb--giftcard-exitlag .epin-list-row__thumb-bg {
    filter: saturate(1.15) hue-rotate(-15deg) brightness(0.82);
}

.epin-list-row__thumb--giftcard-exitlag .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    font-size: 0.52rem;
    letter-spacing: 0.04em;
}

.epin-list-row__thumb--giftcard-riot-access .epin-list-row__thumb-bg {
    filter: saturate(1.2) hue-rotate(-8deg) brightness(0.78);
}

.epin-list-row__thumb--giftcard-riot-access .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    font-size: 0.48rem;
    letter-spacing: 0.03em;
}

.epin-region-tab[data-region-tab="eu"].is-active {
    border-color: rgba(96, 165, 250, 0.95);
    color: #ffffff;
    box-shadow:
        0 0 0 2px rgba(59, 130, 246, 0.42),
        0 8px 22px rgba(37, 99, 235, 0.24);
}

.epin-region-tab[data-region-tab="eu"].is-active:focus,
.epin-region-tab[data-region-tab="eu"].is-active:focus-visible {
    box-shadow:
        0 0 0 2px rgba(59, 130, 246, 0.42),
        0 8px 22px rgba(37, 99, 235, 0.24);
}

.epin-region-tab[data-region-tab="eu"].is-active::after {
    background: linear-gradient(
        145deg,
        rgba(59, 130, 246, 0.64) 0%,
        rgba(37, 99, 235, 0.74) 50%,
        rgba(15, 23, 42, 0.82) 100%
    );
    backdrop-filter: blur(3px) saturate(1.3);
    -webkit-backdrop-filter: blur(3px) saturate(1.3);
}

.epin-region-tab[data-region-tab="na"].is-active {
    border-color: rgba(96, 165, 250, 0.95);
    color: #ffffff;
    box-shadow:
        0 0 0 2px rgba(59, 130, 246, 0.42),
        0 8px 22px rgba(37, 99, 235, 0.24);
}

.epin-region-tab[data-region-tab="na"].is-active:focus,
.epin-region-tab[data-region-tab="na"].is-active:focus-visible {
    box-shadow:
        0 0 0 2px rgba(59, 130, 246, 0.42),
        0 8px 22px rgba(37, 99, 235, 0.24);
}

.epin-region-tab[data-region-tab="na"].is-active::after {
    background: linear-gradient(
        145deg,
        rgba(59, 130, 246, 0.58) 0%,
        rgba(178, 34, 52, 0.62) 50%,
        rgba(15, 23, 42, 0.82) 100%
    );
    backdrop-filter: blur(3px) saturate(1.3);
    -webkit-backdrop-filter: blur(3px) saturate(1.3);
}

.epin-region-tab[data-region-tab="glb"]::before,
.epin-region-tab[data-region-tab="ph"]::before,
.epin-region-tab[data-region-tab="id"]::before,
.epin-region-tab[data-region-tab="my"]::before,
.epin-region-tab[data-region-tab="ru"]::before {
    /* tone filters defined per tab below */
}

.epin-region-tab[data-region-tab="glb"]::before {
    filter: blur(9px) saturate(1.15) brightness(0.82) hue-rotate(165deg);
    transform: scale(1.14);
}

.epin-region-tab[data-region-tab="glb"]::after {
    background: linear-gradient(
        145deg,
        rgba(37, 99, 235, 0.48) 0%,
        rgba(14, 116, 144, 0.58) 50%,
        rgba(15, 23, 42, 0.68) 100%
    );
    backdrop-filter: blur(10px) saturate(1.05);
    -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

.epin-region-tab[data-region-tab="glb"].is-active {
    border-color: rgba(59, 130, 246, 0.85);
    color: #ffffff;
    box-shadow:
        0 0 0 2px rgba(59, 130, 246, 0.38),
        0 10px 26px rgba(37, 99, 235, 0.28);
}

.epin-region-tab[data-region-tab="glb"].is-active::after {
    background: linear-gradient(
        145deg,
        rgba(37, 99, 235, 0.62) 0%,
        rgba(14, 116, 144, 0.72) 50%,
        rgba(15, 23, 42, 0.82) 100%
    );
}

.epin-region-tab[data-region-tab="ph"]::before {
    filter: blur(8px) saturate(1.25) brightness(0.9) hue-rotate(-8deg);
    transform: scale(1.12);
}

.epin-region-tab[data-region-tab="ph"]::after {
    background: linear-gradient(145deg, rgba(0, 56, 168, 0.55) 0%, rgba(206, 17, 38, 0.58) 100%);
}

.epin-region-tab[data-region-tab="ph"].is-active {
    border-color: rgba(59, 130, 246, 0.85);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.38), 0 10px 26px rgba(37, 99, 235, 0.28);
}

.epin-region-tab[data-region-tab="id"]::before {
    filter: blur(8px) saturate(1.2) brightness(0.92);
    transform: scale(1.12);
}

.epin-region-tab[data-region-tab="id"]::after {
    background: linear-gradient(145deg, rgba(231, 0, 17, 0.52) 0%, rgba(255, 255, 255, 0.35) 100%);
}

.epin-region-tab[data-region-tab="id"].is-active {
    border-color: rgba(248, 113, 113, 0.8);
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.35), 0 10px 26px rgba(220, 38, 38, 0.22);
}

.epin-region-tab[data-region-tab="my"]::before {
    filter: blur(8px) saturate(1.2) brightness(0.9) hue-rotate(8deg);
    transform: scale(1.12);
}

.epin-region-tab[data-region-tab="my"]::after {
    background: linear-gradient(145deg, rgba(204, 0, 1, 0.52) 0%, rgba(1, 0, 102, 0.58) 100%);
}

.epin-region-tab[data-region-tab="my"].is-active {
    border-color: rgba(59, 130, 246, 0.85);
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.38), 0 10px 26px rgba(37, 99, 235, 0.28);
}

.epin-region-tab[data-region-tab="ru"]::before {
    filter: blur(8px) saturate(1.1) brightness(0.95);
    transform: scale(1.12);
}

.epin-region-tab[data-region-tab="ru"]::after {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.42) 0%, rgba(0, 57, 166, 0.55) 50%, rgba(213, 43, 30, 0.58) 100%);
}

.epin-region-tab[data-region-tab="ru"].is-active {
    border-color: rgba(248, 250, 252, 0.75);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.22), 0 10px 26px rgba(148, 163, 184, 0.2);
}

.epin-region-tab[data-region-tab="glb"]:hover:not(.is-active) {
    border-color: rgba(96, 165, 250, 0.55);
}

.epin-region-tab[data-region-tab="glb"]:hover:not(.is-active)::after {
    background: linear-gradient(145deg, rgba(37, 99, 235, 0.54) 0%, rgba(14, 116, 144, 0.64) 100%);
}

.epin-region-tab[data-region-tab="ph"]:hover:not(.is-active),
.epin-region-tab[data-region-tab="id"]:hover:not(.is-active),
.epin-region-tab[data-region-tab="my"]:hover:not(.is-active),
.epin-region-tab[data-region-tab="ru"]:hover:not(.is-active) {
    border-color: rgba(96, 165, 250, 0.5);
    color: #ffffff;
}

.epin-region-tab.is-active .epin-region-tab__icon {
    color: #ffffff;
}

.epin-region-tab[data-region-tab="turkiye"]:hover:not(.is-active) {
    border-color: rgba(248, 113, 113, 0.55);
    color: #ffffff;
}

.epin-region-tab[data-region-tab="turkiye"]:hover:not(.is-active)::after {
    background: linear-gradient(
        145deg,
        rgba(227, 10, 23, 0.58) 0%,
        rgba(153, 27, 27, 0.66) 100%
    );
}

.epin-region-tab[data-region-tab="global"]:hover:not(.is-active) {
    border-color: rgba(96, 165, 250, 0.55);
    color: #ffffff;
}

.epin-region-tab[data-region-tab="global"]:hover:not(.is-active)::after {
    background: linear-gradient(
        145deg,
        rgba(37, 99, 235, 0.54) 0%,
        rgba(14, 116, 144, 0.64) 100%
    );
}

.epin-region-tab[data-region-tab="epin"]:hover:not(.is-active) {
    border-color: rgba(252, 211, 77, 0.58);
    color: #ffffff;
}

.epin-region-tab[data-region-tab="epin"]:hover:not(.is-active)::after {
    background: linear-gradient(
        145deg,
        rgba(251, 191, 36, 0.52) 0%,
        rgba(180, 83, 9, 0.62) 100%
    );
}

.epin-region-tab[data-region-tab="eu"]:hover:not(.is-active) {
    border-color: rgba(96, 165, 250, 0.55);
    color: #ffffff;
}

.epin-region-tab[data-region-tab="eu"]:hover:not(.is-active)::after {
    background: linear-gradient(
        145deg,
        rgba(37, 99, 235, 0.54) 0%,
        rgba(14, 116, 144, 0.64) 100%
    );
}

.epin-region-tab[data-region-tab="na"]:hover:not(.is-active) {
    border-color: rgba(96, 165, 250, 0.55);
    color: #ffffff;
}

.epin-region-tab[data-region-tab="na"]:hover:not(.is-active)::after {
    background: linear-gradient(
        145deg,
        rgba(59, 130, 246, 0.52) 0%,
        rgba(178, 34, 52, 0.58) 100%
    );
}

.epin-region-tab:hover:not(.is-active) .epin-region-tab__icon {
    color: #ffffff;
}

.epin-region-tab:active {
    transform: none;
}

/* Bölge / kaynak sekmeleri — sade çerçeve, seçili mavi, hover mavi (eski arka planları kapatır) */
.epin-region-tab::before,
.epin-region-tab::after {
    display: none !important;
    content: none !important;
}

.epin-region-tabs .epin-region-tab:not(.is-active),
.epin-store--list .epin-region-tab:not(.is-active) {
    background: transparent !important;
    box-shadow: none !important;
}

.epin-region-tabs .epin-region-tab:hover:not(.is-active),
.epin-region-tabs .epin-region-tab:focus-visible:not(.is-active),
.epin-store--list .epin-region-tab:hover:not(.is-active),
.epin-store--list .epin-region-tab:focus-visible:not(.is-active) {
    border-color: var(--epin-tab-accent, #2b5ef7) !important;
    background: transparent !important;
    box-shadow: none !important;
}

.epin-region-tabs .epin-region-tab:hover:not(.is-active) .epin-region-tab__text,
.epin-region-tabs .epin-region-tab:focus-visible:not(.is-active) .epin-region-tab__text,
.epin-store--list .epin-region-tab:hover:not(.is-active) .epin-region-tab__text,
.epin-store--list .epin-region-tab:focus-visible:not(.is-active) .epin-region-tab__text {
    color: var(--epin-tab-accent, #2b5ef7) !important;
}

.epin-region-tabs .epin-region-tab:hover:not(.is-active) .epin-region-tab__icon,
.epin-region-tabs .epin-region-tab:focus-visible:not(.is-active) .epin-region-tab__icon,
.epin-store--list .epin-region-tab:hover:not(.is-active) .epin-region-tab__icon,
.epin-store--list .epin-region-tab:focus-visible:not(.is-active) .epin-region-tab__icon {
    color: rgba(203, 213, 225, 0.94) !important;
}

.epin-region-tabs .epin-region-tab.is-active,
.epin-store--list .epin-region-tab.is-active {
    border-color: var(--epin-tab-accent, #2b5ef7) !important;
    background: var(--epin-tab-accent, #2b5ef7) !important;
    box-shadow: none !important;
}

.epin-region-tabs .epin-region-tab.is-active .epin-region-tab__text,
.epin-store--list .epin-region-tab.is-active .epin-region-tab__text {
    color: #ffffff !important;
}

.epin-region-tabs .epin-region-tab.is-active .epin-region-tab__icon,
.epin-store--list .epin-region-tab.is-active .epin-region-tab__icon {
    color: rgba(226, 232, 240, 0.95) !important;
}

.epin-region-tabs .epin-region-tab.is-active .epin-region-tab__svg--flag,
.epin-store--list .epin-region-tab.is-active .epin-region-tab__svg--flag {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.epin-list-empty {
    text-align: center;
    padding: 2rem 1rem;
    color: #64748b;
    font-size: 0.92rem;
}

.epin-list-wrap {
    margin-top: 1rem;
}

.epin-list-panel {
    display: none;
    flex-direction: column;
    gap: 0.55rem;
    background: transparent;
    border: none;
    border-radius: 0;
    overflow: visible;
    padding: 0;
}

.epin-list-panel.is-active {
    display: flex;
}

.epin-list-row {
    position: relative;
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr) auto auto;
    align-items: center;
    column-gap: 0.88rem;
    row-gap: 0.95rem;
    padding: 0.9rem 1.2rem;
    min-height: 88px;
    margin: 0;
    border: 1px solid #3a3a3a;
    border-radius: 12px;
    background: #2a2a2a;
    transition: border-color 0.2s ease;
    isolation: isolate;
}

.epin-list-row::after {
    display: none;
}

.epin-list-row:hover,
.epin-list-row:focus-within {
    border-color: #3a3a3a;
}

/* Kutu içi (fiyat / buton hariç): kenarlık + başlık aynı mavi */
.epin-list-row:hover:not(:has(.epin-list-row__price:hover)):not(:has(.epin-list-row__action:hover)) {
    border-color: #2b5ef7;
    box-shadow: 0 0 0 1px rgba(43, 94, 247, 0.22);
}

.epin-list-row:last-child {
    border-bottom: 1px solid #3a3a3a;
}

.epin-list-row:last-child:hover:not(:has(.epin-list-row__price:hover)):not(:has(.epin-list-row__action:hover)) {
    border-color: #2b5ef7;
    border-bottom-color: #2b5ef7;
}

.epin-list-row__product-link {
    text-decoration: none;
    color: inherit;
    outline: none;
    cursor: pointer;
}

.epin-list-row__product-link--thumb {
    display: block;
    grid-column: 1;
    grid-row: 1 / span 2;
    justify-self: start;
    align-self: center;
    border-radius: 11px;
}

.epin-list-row__product-link--thumb .epin-list-row__thumb-composite {
    pointer-events: none;
    cursor: pointer;
}

.epin-list-row__product-link--title {
    display: block;
    width: 100%;
    color: #f1f5f9;
    font-weight: 700;
    transition: color 0.2s ease;
    padding: 0.28rem 0;
    margin: -0.28rem 0;
}

.epin-list-row__product-link--title:link,
.epin-list-row__product-link--title:visited {
    color: #f1f5f9;
}

.epin-list-row:hover:not(:has(.epin-list-row__price:hover)):not(:has(.epin-list-row__action:hover)) .epin-list-row__title,
.epin-list-row:hover:not(:has(.epin-list-row__price:hover)):not(:has(.epin-list-row__action:hover)) .epin-list-row__product-link--title,
.epin-list-row:hover:not(:has(.epin-list-row__price:hover)):not(:has(.epin-list-row__action:hover)) .epin-list-row__product-link--title:link,
.epin-list-row:hover:not(:has(.epin-list-row__price:hover)):not(:has(.epin-list-row__action:hover)) .epin-list-row__product-link--title:visited {
    color: #2b5ef7;
}

.epin-list-row__product-link--title:focus-visible {
    outline: none;
}

.epin-list-row__thumb {
    position: relative;
    width: 92px;
    height: 76px;
    border-radius: 11px;
    overflow: hidden;
    background: #1a1a1a;
    flex-shrink: 0;
    justify-self: start;
    align-self: center;
}

.epin-list-row__info {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.28rem;
    min-width: 0;
    padding-left: 0.2rem;
}

.epin-list-row__info:has(.epin-list-row__badge) {
    justify-content: flex-start;
}

.epin-list-row__title {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--epin-text-primary, #f1f5f9);
    line-height: 1.28;
    transition: color 0.2s ease;
    min-width: 0;
    width: 100%;
}

.epin-list-row__sub {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 400;
    color: var(--epin-text-muted, #a8b0bb);
    line-height: 1.36;
    cursor: default;
}

.epin-list-row__thumb:not(.epin-list-row__thumb--pubg) > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: 0.92;
}

.epin-list-row__thumb:not(.epin-list-row__thumb--pubg) > span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.16rem 0.12rem;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 800;
    text-align: center;
}

.epin-list-row__thumb--pubg {
    display: block;
    width: 76px;
    height: auto;
    overflow: visible;
    border: none;
    box-shadow: none;
    background: transparent;
}

.epin-list-row__thumb-media {
    position: relative;
    width: 76px;
    height: 76px;
    border-radius: 11px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
    background: transparent;
    flex-shrink: 0;
    user-select: none;
    -webkit-user-select: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.epin-list-row__thumb-layers {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    isolation: isolate;
}

.epin-list-row__thumb-layers::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    transition: background 0.25s ease, backdrop-filter 0.25s ease;
}

/* Cam rengi — çok hafif; arka plan resmi ön planda */
.epin-list-panel[data-region-panel="turkiye"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(227, 10, 23, 0.02) 0%,
        rgba(139, 24, 34, 0.04) 52%,
        rgba(55, 18, 24, 0.06) 100%
    );
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.epin-list-panel[data-region-panel="global"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(37, 99, 235, 0.02) 0%,
        rgba(14, 116, 144, 0.035) 50%,
        rgba(15, 23, 42, 0.05) 100%
    );
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.epin-list-panel[data-region-panel="epin"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(251, 191, 36, 0.02) 0%,
        rgba(217, 119, 6, 0.04) 48%,
        rgba(92, 45, 8, 0.06) 100%
    );
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.epin-list-panel[data-region-panel="eu"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(37, 99, 235, 0.02) 0%,
        rgba(14, 116, 144, 0.035) 50%,
        rgba(15, 23, 42, 0.05) 100%
    );
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.epin-list-panel[data-region-panel="na"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(59, 130, 246, 0.02) 0%,
        rgba(178, 34, 52, 0.035) 50%,
        rgba(15, 23, 42, 0.05) 100%
    );
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* MLBB — renkli blur cam (referans: koyu ton + bölge rengi) */
.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="turkiye"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(185, 28, 48, 0.38) 0%,
        rgba(109, 32, 82, 0.42) 48%,
        rgba(42, 16, 32, 0.55) 100%
    );
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="glb"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(37, 99, 235, 0.4) 0%,
        rgba(13, 148, 136, 0.36) 52%,
        rgba(15, 23, 42, 0.52) 100%
    );
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="ph"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(0, 72, 186, 0.4) 0%,
        rgba(196, 30, 58, 0.38) 55%,
        rgba(32, 18, 38, 0.5) 100%
    );
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="id"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(210, 16, 52, 0.42) 0%,
        rgba(140, 48, 58, 0.32) 50%,
        rgba(38, 20, 26, 0.52) 100%
    );
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="my"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(196, 22, 38, 0.38) 0%,
        rgba(12, 8, 92, 0.44) 52%,
        rgba(26, 14, 42, 0.52) 100%
    );
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="ru"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(0, 72, 175, 0.4) 0%,
        rgba(92, 108, 132, 0.3) 42%,
        rgba(196, 48, 42, 0.36) 100%
    );
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.epin-list-panel[data-region-panel="turkiye"] .epin-list-row__thumb-media::before,
.epin-list-panel[data-region-panel="global"] .epin-list-row__thumb-media::before,
.epin-list-panel[data-region-panel="epin"] .epin-list-row__thumb-media::before,
.epin-list-panel[data-region-panel="eu"] .epin-list-row__thumb-media::before,
.epin-list-panel[data-region-panel="na"] .epin-list-row__thumb-media::before,
.epin-list-panel[data-region-panel="glb"] .epin-list-row__thumb-media::before,
.epin-list-panel[data-region-panel="ph"] .epin-list-row__thumb-media::before,
.epin-list-panel[data-region-panel="id"] .epin-list-row__thumb-media::before,
.epin-list-panel[data-region-panel="my"] .epin-list-row__thumb-media::before,
.epin-list-panel[data-region-panel="ru"] .epin-list-row__thumb-media::before {
    display: none;
}

.epin-list-row__thumb-composite {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 11px;
    object-fit: cover;
    opacity: 0;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    pointer-events: auto;
    cursor: default;
}

.epin-list-row__thumb-bg {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
    transform: scale(1.08);
    filter: blur(1.5px) saturate(1.35) brightness(1.15) contrast(1.02);
    opacity: 0.95;
    pointer-events: none;
    transition: filter 0.25s ease, transform 0.25s ease, opacity 0.25s ease;
}

/* Bölge sekmeleri ile uyumlu ton — arka plan daha net */
.epin-list-panel[data-region-panel="turkiye"] .epin-list-row__thumb-bg {
    filter: blur(1.5px) saturate(1.4) brightness(1.18) contrast(1.05);
    transform: scale(1.08);
    opacity: 1;
}

.epin-list-panel[data-region-panel="turkiye"] .epin-list-row__thumb-media {
    border-color: rgba(248, 113, 113, 0.35);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(227, 10, 23, 0.12);
}

/* GLOBAL — mavi / turkuaz cam */
.epin-list-panel[data-region-panel="global"] .epin-list-row__thumb-bg {
    filter: blur(2px) saturate(1.25) brightness(1.05) hue-rotate(145deg) contrast(1.03);
    transform: scale(1.1);
    opacity: 1;
}

.epin-list-panel[data-region-panel="global"] .epin-list-row__thumb-media {
    border-color: rgba(96, 165, 250, 0.35);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(37, 99, 235, 0.14);
}

/* EPİN — altın / turuncu cam */
.epin-list-panel[data-region-panel="epin"] .epin-list-row__thumb-bg {
    filter: blur(1.5px) saturate(1.45) brightness(1.2) sepia(0.12) contrast(1.03);
    transform: scale(1.08);
    opacity: 1;
}

.epin-list-panel[data-region-panel="epin"] .epin-list-row__thumb-media {
    border-color: rgba(252, 211, 77, 0.38);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(245, 158, 11, 0.14);
}

.epin-list-panel[data-region-panel="eu"] .epin-list-row__thumb-bg {
    filter: blur(1.5px) saturate(1.4) brightness(1.18) contrast(1.05);
    transform: scale(1.08);
    opacity: 1;
}

.epin-list-panel[data-region-panel="eu"] .epin-list-row__thumb-media {
    border-color: rgba(96, 165, 250, 0.35);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(37, 99, 235, 0.14);
}

.epin-list-panel[data-region-panel="na"] .epin-list-row__thumb-bg {
    filter: blur(1.5px) saturate(1.38) brightness(1.16) contrast(1.04);
    transform: scale(1.08);
    opacity: 1;
}

.epin-list-panel[data-region-panel="na"] .epin-list-row__thumb-media {
    border-color: rgba(96, 165, 250, 0.35);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(59, 130, 246, 0.14);
}

/* MLBB — arka plan resmi: blur + bölge renk filtresi */
.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="turkiye"] .epin-list-row__thumb-bg {
    filter: blur(5px) saturate(1.5) brightness(0.82) sepia(0.12) hue-rotate(-8deg) contrast(1.06);
    transform: scale(1.1);
    opacity: 0.76;
}

.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="glb"] .epin-list-row__thumb-bg {
    filter: blur(5.5px) saturate(1.45) brightness(0.84) hue-rotate(158deg) contrast(1.05);
    transform: scale(1.1);
    opacity: 0.76;
}

.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="ph"] .epin-list-row__thumb-bg {
    filter: blur(5.2px) saturate(1.42) brightness(0.86) hue-rotate(-12deg) contrast(1.04);
    transform: scale(1.09);
    opacity: 0.76;
}

.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="id"] .epin-list-row__thumb-bg {
    filter: blur(5px) saturate(1.48) brightness(0.85) sepia(0.08) hue-rotate(-5deg) contrast(1.05);
    transform: scale(1.08);
    opacity: 0.76;
}

.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="my"] .epin-list-row__thumb-bg {
    filter: blur(5.2px) saturate(1.4) brightness(0.84) hue-rotate(12deg) contrast(1.04);
    transform: scale(1.09);
    opacity: 0.76;
}

.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="ru"] .epin-list-row__thumb-bg {
    filter: blur(5px) saturate(1.38) brightness(0.86) hue-rotate(8deg) contrast(1.04);
    transform: scale(1.08);
    opacity: 0.76;
}

.epin-list-panel[data-region-panel="glb"] .epin-list-row__thumb-media,
.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="glb"] {
    border-color: rgba(96, 165, 250, 0.35);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(37, 99, 235, 0.14);
}

.epin-list-panel[data-region-panel="ph"] .epin-list-row__thumb-media,
.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="ph"] {
    border-color: rgba(96, 165, 250, 0.32);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(0, 56, 168, 0.14);
}

.epin-list-panel[data-region-panel="id"] .epin-list-row__thumb-media,
.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="id"] {
    border-color: rgba(248, 113, 113, 0.34);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(231, 0, 17, 0.12);
}

.epin-list-panel[data-region-panel="my"] .epin-list-row__thumb-media,
.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="my"] {
    border-color: rgba(129, 140, 248, 0.34);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(1, 0, 102, 0.14);
}

.epin-list-panel[data-region-panel="ru"] .epin-list-row__thumb-media,
.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="ru"] {
    border-color: rgba(148, 163, 184, 0.38);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(59, 130, 246, 0.12);
}

.epin-list-row__thumb-watermark {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    width: 115%;
    height: 115%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.06);
    -webkit-mask-image: var(--wm-url);
    mask-image: var(--wm-url);
    -webkit-mask-mode: alpha;
    mask-mode: alpha;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    filter: blur(3px);
    opacity: 1;
    pointer-events: none;
}

/* PUBG / MLBB — arka plan filigranı (site logosu PNG) */
.epin-list-row__thumb--pubg .epin-list-row__thumb-watermark,
.epin-list-row__thumb--mlbb .epin-list-row__thumb-watermark {
    z-index: 4;
    background-color: rgba(255, 255, 255, 0.065);
}

.epin-list-row__thumb-media::before {
    display: none;
}

.epin-list-row__thumb-stack {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 4px 4px 0;
    box-sizing: border-box;
    pointer-events: none;
}

.epin-list-row__thumb-brand {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 0;
}

.epin-list-row__thumb-site-mini {
    display: block;
    width: auto;
    height: 15px;
    max-width: 46px;
    object-fit: contain;
    object-position: center top;
    filter: none;
    mix-blend-mode: screen;
    -webkit-mix-blend-mode: screen;
    opacity: 1;
    flex-shrink: 0;
    align-self: center;
}

.epin-list-row__thumb-pubg {
    display: block;
    width: 38px;
    max-width: 90%;
    height: auto;
    max-height: 15px;
    object-fit: contain;
    object-position: center center;
    filter: brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0, 0, 0, 0.55));
    opacity: 1;
    flex-shrink: 0;
}

.epin-list-row__thumb-uc {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    padding: 0;
    margin: auto 0 9px 0;
    background: none;
    color: #ffffff;
    font-family: 'Segoe UI', 'Arial Narrow', 'Nunito', system-ui, sans-serif;
    font-size: 0.82rem;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    text-align: center;
    line-height: 1;
    flex-shrink: 0;
    opacity: 1;
    transform: translateY(-2px);
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.7),
        0 2px 6px rgba(0, 0, 0, 0.45);
    white-space: nowrap;
}

.epin-list-row__thumb-uc-amount {
    letter-spacing: -0.04em;
}

.epin-list-row__thumb-uc-unit {
    display: inline-flex;
    align-items: baseline;
    margin-left: 0.16em;
    letter-spacing: 0;
}

.epin-list-row__thumb-uc-u,
.epin-list-row__thumb-uc-c {
    display: inline-block;
    font-weight: 600;
}

.epin-list-row__thumb-uc-c {
    margin-left: -0.05em;
}

.epin-list-row__thumb-uc--elite {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    white-space: normal;
    line-height: 1.05;
    font-size: 0.68rem;
    font-weight: 650;
}

.epin-list-row__thumb-elite {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.epin-list-row__thumb-elite-title,
.epin-list-row__thumb-elite-range {
    display: block;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    text-shadow: inherit;
    letter-spacing: -0.02em;
    line-height: 1.05;
}

.epin-list-row__thumb-elite-title {
    white-space: nowrap;
    max-width: 100%;
}

.epin-list-row__thumb-elite-title--plus {
    font-size: 0.94em;
    letter-spacing: -0.045em;
}

.epin-list-row__thumb-elite-range {
    font-size: 0.78em;
    margin-top: 1px;
}

/* MLBB thumb — PUBG gibi üst logolar + kalın alt yazı */
.epin-list-row__thumb--mlbb .epin-list-row__thumb-bg {
    filter: blur(5px) saturate(1.42) brightness(0.84) contrast(1.04);
    opacity: 0.76;
}

.epin-list-row__thumb--mlbb .epin-list-row__thumb-stack {
    justify-content: flex-start;
    padding: 3px 4px 2px;
    gap: 1px;
}

.epin-list-row__thumb--mlbb .epin-list-row__thumb-brand {
    flex: 1 1 auto;
    min-height: 24px;
    max-height: none;
    overflow: visible;
    padding: 2px 0;
}

.epin-list-row__thumb--mlbb:not(.epin-pkg-hero__thumb):not(.epin-similar-card__thumb) .epin-list-row__thumb-site-mini {
    height: 16px;
    max-width: 52px;
    opacity: 1;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.85));
    mix-blend-mode: screen;
    -webkit-mix-blend-mode: screen;
}

.epin-list-row__thumb--mlbb .epin-list-row__thumb-pubg {
    width: 44px;
    max-width: 94%;
    max-height: 18px;
    min-height: 14px;
    filter: brightness(0) invert(1) drop-shadow(0 1px 4px rgba(0, 0, 0, 0.8));
    opacity: 1;
}

/* TR: 16 ELMAS — PUBG thumb yazı stili */
.epin-list-row__thumb-uc--mlbb-inline {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: center;
    gap: 0.16em;
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1;
    margin: auto 0 6px 0;
    transform: translateY(-2px);
    color: #ffffff;
    z-index: 6;
    position: relative;
    flex-shrink: 0;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.7),
        0 2px 6px rgba(0, 0, 0, 0.45);
}

.epin-list-row__thumb-uc--mlbb-inline .epin-list-row__thumb-uc-amount--mlbb,
.epin-list-row__thumb-uc--mlbb-inline .epin-list-row__thumb-uc-unit--mlbb {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: -0.04em;
    margin: 0;
    line-height: inherit;
    text-transform: uppercase;
    color: inherit;
    text-shadow: inherit;
}

.epin-list-row__thumb-uc--mlbb-inline .epin-list-row__thumb-uc-unit--mlbb {
    margin-left: 0.16em;
}

/* TR: Haftalık Paket — sadece liste küçük thumb */
.epin-list-row__thumb--mlbb:not(.epin-pkg-hero__thumb):not(.epin-similar-card__thumb) .epin-list-row__thumb-uc--mlbb-pass.epin-list-row__thumb-uc--elite {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    font-size: 0.56rem;
    font-weight: 650;
    line-height: 1.05;
    margin: auto 0 5px 0;
    z-index: 6;
    flex-shrink: 0;
    color: #ffffff;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.7),
        0 2px 6px rgba(0, 0, 0, 0.45);
}

.epin-list-row__thumb--mlbb:not(.epin-pkg-hero__thumb):not(.epin-similar-card__thumb) .epin-list-row__thumb-uc--mlbb-pass .epin-list-row__thumb-elite-title,
.epin-list-row__thumb--mlbb:not(.epin-pkg-hero__thumb):not(.epin-similar-card__thumb) .epin-list-row__thumb-uc--mlbb-pass .epin-list-row__thumb-elite-range {
    color: inherit;
    font-weight: inherit;
    text-shadow: inherit;
    -webkit-text-stroke: none;
}

.epin-list-row__thumb--mlbb:not(.epin-pkg-hero__thumb):not(.epin-similar-card__thumb) .epin-list-row__thumb-uc--mlbb-pass .epin-list-row__thumb-elite-title {
    font-size: 1em;
    letter-spacing: -0.02em;
    white-space: nowrap;
    overflow: visible;
}

.epin-list-row__thumb--mlbb:not(.epin-pkg-hero__thumb):not(.epin-similar-card__thumb) .epin-list-row__thumb-uc--mlbb-pass .epin-list-row__thumb-elite-range {
    font-size: 0.78em;
    margin-top: 1px;
    letter-spacing: 0;
}

/* Global vb.: sayı büyük, DIAMOND küçük — PUBG UC stili */
.epin-list-row__thumb-uc--mlbb-diamond {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    gap: 0;
    white-space: normal;
    line-height: 1.05;
    font-size: 0.68rem;
    font-weight: 650;
    margin: auto 0 9px 0;
    z-index: 6;
    position: relative;
    color: #ffffff;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.7),
        0 2px 6px rgba(0, 0, 0, 0.45);
}

.epin-list-row__thumb-uc--mlbb-diamond .epin-list-row__thumb-uc-amount--mlbb {
    display: block;
    font-size: 1.05em;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1;
    color: inherit;
    text-shadow: inherit;
}

.epin-list-row__thumb-uc--mlbb-diamond .epin-list-row__thumb-elite-range--mlbb,
.epin-list-row__thumb-uc--mlbb-diamond .epin-list-row__thumb-uc-unit--mlbb {
    display: block;
    font-size: 0.72em;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-top: 1px;
    line-height: 1.05;
    color: inherit;
    text-shadow: inherit;
}

/* MLBB pass (PUBG elite hariç) */
.epin-list-row__thumb-uc--elite:not(.epin-list-row__thumb-uc--mlbb-diamond):not(.epin-list-row__thumb-uc--mlbb-pass) .epin-list-row__thumb-elite-title {
    font-size: 0.62em;
    font-weight: 700;
}

.epin-list-row__thumb-uc--elite:not(.epin-list-row__thumb-uc--mlbb-diamond):not(.epin-list-row__thumb-uc--mlbb-pass) .epin-list-row__thumb-elite-range {
    font-size: 0.55em;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-top: 2px;
}

.epin-pkg-hero__thumb .epin-list-row__thumb-uc--mlbb-inline {
    font-size: clamp(1.45rem, 5vw, 2.35rem);
    font-weight: 600;
    color: #ffffff;
    margin: 0;
    line-height: 1.05;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.7),
        0 2px 6px rgba(0, 0, 0, 0.45);
}

.epin-pkg-hero__thumb .epin-list-row__thumb-uc--mlbb-pass {
    font-size: clamp(0.68rem, 2.1vw, 0.95rem);
    margin: 0;
}

.epin-pkg-hero__thumb .epin-list-row__thumb-uc--mlbb-diamond {
    font-size: clamp(0.5rem, 1.5vw, 0.7rem);
    margin: 0;
}

.epin-pkg-hero__thumb .epin-list-row__thumb-uc--mlbb-diamond .epin-list-row__thumb-uc-amount--mlbb {
    font-size: clamp(1.85rem, 6vw, 2.75rem);
    font-weight: 600;
    line-height: 0.9;
}

.epin-list-row__thumb-uc--mlbb-diamond .epin-list-row__thumb-uc-unit--mlbb {
    display: block;
    margin-left: 0;
    margin-top: 1px;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.epin-pkg-hero__thumb .epin-list-row__thumb-uc--mlbb-diamond .epin-list-row__thumb-elite-range--mlbb,
.epin-pkg-hero__thumb .epin-list-row__thumb-uc--mlbb-diamond .epin-list-row__thumb-uc-unit--mlbb {
    font-size: clamp(0.52rem, 1.5vw, 0.75rem);
    letter-spacing: 0.1em;
    margin-top: 4px;
}

.epin-similar-card__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-site-mini {
    height: 10px;
    max-width: 32px;
}

.epin-similar-card__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-pubg {
    width: 26px;
    max-height: 10px;
}

.epin-similar-card__thumb .epin-list-row__thumb-uc--mlbb-inline {
    font-size: 0.44rem;
    color: #ffffff;
}

.epin-similar-card__thumb .epin-list-row__thumb-uc--mlbb-pass {
    font-size: 0.34rem;
}

.epin-similar-card__thumb .epin-list-row__thumb-uc--mlbb-diamond .epin-list-row__thumb-uc-amount--mlbb {
    font-size: 0.58rem;
    font-weight: 600;
}

.epin-similar-card__thumb .epin-list-row__thumb-uc--mlbb-diamond .epin-list-row__thumb-uc-unit--mlbb {
    font-size: 0.3rem;
    letter-spacing: 0.08em;
}

.epin-list-row__badge {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    margin: 0 0 0.2rem;
    background: rgba(251, 191, 36, 0.18);
    border: 1px solid rgba(251, 191, 36, 0.38);
    color: #fbbf24;
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    border-radius: 999px;
    line-height: 1;
    position: relative;
    z-index: 1;
}

.epin-list-row__badge i {
    color: #fbbf24;
    font-size: 0.58rem;
}

.epin-list-row__price {
    text-align: right;
    min-width: 118px;
    padding-right: 0.12rem;
    margin-left: 0.75rem;
    grid-column: 3;
    grid-row: 1 / span 2;
    align-self: center;
}

.epin-list-row__price del {
    display: block;
    font-size: 0.72rem;
    font-weight: 500;
    color: #9aa3af;
    text-decoration: line-through;
    text-decoration-color: rgba(154, 163, 175, 0.85);
    margin-bottom: 0.1rem;
    line-height: 1.2;
}

.epin-list-row__price strong {
    display: block;
    font-size: 1.26rem;
    font-weight: 700;
    color: var(--epin-price-live, #36ff72);
    letter-spacing: -0.02em;
    line-height: 1.15;
    text-shadow: none;
}

.epin-list-row__action {
    grid-column: 4;
    grid-row: 1 / span 2;
    align-self: center;
}

/* Masaüstü: footer şeffaf — price/action doğrudan grid'e oturur */
.epin-list-row__footer {
    display: contents;
}

.epin-list-row__actions {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
    width: auto;
    flex-shrink: 0;
    margin-left: auto;
}

.epin-list-row__actions .epin-pkg-qty,
.epin-pkg-hero__actions .epin-pkg-qty {
    flex-shrink: 0;
    align-self: stretch;
    height: 46px;
}

.epin-list-row__actions .epin-pkg-qty__btn,
.epin-pkg-hero__actions .epin-pkg-qty__btn {
    width: 34px;
    min-width: 34px;
    height: 36px;
}

.epin-list-row__actions .epin-pkg-qty__input,
.epin-pkg-hero__actions .epin-pkg-qty__input {
    width: 34px;
}

.epin-pkg-hero__actions .epin-list-row__btn--cart {
    flex: 0 0 46px;
    width: 46px;
    min-width: 46px;
    max-width: 46px;
    height: 46px;
    min-height: 46px;
    padding: 0;
}

.epin-list-row__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    padding: 0.72rem 1.1rem;
    border-radius: 11px;
    border: none;
    font-weight: 800;
    font-size: 0.86rem;
    letter-spacing: 0.02em;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.15s, border-color 0.15s, opacity 0.15s;
    white-space: nowrap;
}

.epin-list-row__btn--cart {
    flex: 0 0 46px;
    width: 46px;
    min-width: 46px;
    padding: 0;
    font-size: 0.98rem;
    background: linear-gradient(165deg, var(--epin-surface-2, #323232) 0%, #2a2a30 100%);
    border: 1px solid var(--epin-border-site, #3a3a3a);
    color: #e2e8f0;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 2px 8px rgba(0, 0, 0, 0.2);
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, color 0.2s;
}

.epin-list-row__btn--cart:hover {
    background: linear-gradient(165deg, #3a3a42 0%, #2f2f38 100%);
    border-color: rgba(139, 92, 246, 0.55);
    color: #ffffff;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 0 1px rgba(139, 92, 246, 0.18),
        0 6px 18px rgba(139, 92, 246, 0.22);
}

.epin-list-row__btn--cart i {
    color: #c4b5fd;
    transition: color 0.2s;
}

.epin-list-row__btn--cart:hover i {
    color: #ffffff;
}

.epin-list-row__btn--buy,
.epin-list-row__btn--login {
    flex: 0 0 var(--epin-cta-width, 8.1rem);
    width: var(--epin-cta-width, 8.1rem);
    min-width: var(--epin-cta-width, 8.1rem);
    max-width: var(--epin-cta-width, 8.1rem);
    padding-left: 0.65rem;
    padding-right: 0.65rem;
    box-sizing: border-box;
}

.epin-list-row__btn--buy {
    background: linear-gradient(180deg, #ffc233 0%, #f5a300 48%, #e69900 100%);
    color: #ffffff;
    text-transform: uppercase;
    border: 1px solid rgba(255, 210, 120, 0.35);
    box-shadow: 0 4px 14px rgba(245, 163, 0, 0.25);
}

.epin-list-row__btn--buy i {
    color: #ffffff;
}

.epin-list-row__btn--buy:hover {
    background: linear-gradient(180deg, #ffb020 0%, #e69900 100%);
    border-color: rgba(255, 200, 100, 0.5);
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(245, 163, 0, 0.35);
}

.epin-list-row__btn--buy:hover i {
    color: #ffffff;
}

.epin-list-row__btn--login {
    margin-left: auto;
    background: linear-gradient(180deg, #ffc233 0%, #f5a300 48%, #e69900 100%);
    color: #ffffff;
    font-weight: 800;
    border: 1px solid rgba(255, 210, 120, 0.35);
}

.epin-list-row__btn--login i {
    color: #ffffff;
}

.epin-list-row__btn--login:hover {
    background: linear-gradient(180deg, #ffb020 0%, #e69900 100%);
    color: #ffffff;
}

.epin-list-row__btn--login:hover i {
    color: #ffffff;
}

.epin-purchase-manual {
    margin-top: 0.65rem;
}

.epin-list-row__checkout {
    grid-column: 1 / -1;
    padding: 0.75rem 0 0.25rem;
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
    margin-top: 0.25rem;
}

.epin-list-row__checkout-grid {
    display: grid;
    gap: 0.5rem;
}

.epin-list-row__select,
.epin-list-row__input {
    width: 100%;
    padding: 0.55rem 0.65rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: #0f1419;
    color: #f8fafc;
    font-size: 0.85rem;
}

.epin-list-row__add-account {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #93c5fd;
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
}

.epin-list-row__checkout-btns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.epin-list-row__cancel,
.epin-list-row__confirm {
    padding: 0.55rem;
    border-radius: 8px;
    border: none;
    font-weight: 700;
    cursor: pointer;
}

.epin-list-row__cancel {
    background: rgba(255, 255, 255, 0.08);
    color: #cbd5e1;
}

.epin-list-row__confirm {
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #fff;
}

/* Bottom content area */
.epin-pubg-bottom {
    margin-top: 2.5rem;
}

.epin-pubg-extra {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: transparent;
    border: none;
    border-radius: 0;
    overflow: visible;
}

.epin-pubg-extra .epin-faq {
    margin-top: 0;
    padding: 0;
    border-bottom: none;
}

.epin-pubg-extra .epin-price-list {
    margin-top: 0;
    padding: 1.25rem 1.35rem;
    background: var(--epin-surface-2, #323232);
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    border-radius: 10px;
}

.epin-top-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.epin-top-card {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.1rem;
    background: var(--epin-surface-2, #323232);
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    border-radius: 10px;
    box-sizing: border-box;
}

.epin-top-card__icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.epin-top-card__icon--blue {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
}

.epin-top-card__icon--gold {
    background: rgba(251, 191, 36, 0.2);
    color: #fbbf24;
}

.epin-top-card__body {
    flex: 1;
    min-width: 0;
}

.epin-top-card__body h3 {
    margin: 0 0 0.25rem;
    font-size: 0.9rem;
    color: var(--epin-text-primary, #f1f5f9);
}

.epin-top-card__body p {
    margin: 0;
    font-size: 0.78rem;
    color: var(--epin-text-muted, #64748b);
}

.epin-top-card__btn {
    padding: 0.45rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    background: transparent;
    color: #e2e8f0;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.epin-top-card__rating {
    text-align: center;
}

.epin-top-card__score {
    display: block;
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--epin-text-primary, #fff);
}

.epin-top-card__stars {
    color: #fbbf24;
    font-size: 0.85rem;
}

.epin-content-box {
    margin-top: 0.25rem;
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    border-radius: 10px;
    overflow: hidden;
    background: var(--epin-surface, #2a2a2a);
    position: relative;
}

.epin-content-tabs {
    display: flex;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: 0.35rem;
    padding: 0.65rem 0.65rem 0;
    margin-bottom: 0;
    border: none;
    background: var(--epin-surface, #2a2a2a);
    min-height: 3.25rem;
    position: relative;
}

/* Alt yatay çizgi — sol kenardan aktif sekmenin sol alt köşesine */
.epin-content-tabs::before {
    content: '';
    position: absolute;
    left: var(--epin-tabs-line-offset, 0);
    bottom: 0;
    width: var(--epin-tabs-line-left-width, 0);
    height: 1px;
    background: var(--epin-content-border, rgba(255, 255, 255, 0.12));
    pointer-events: none;
    z-index: 1;
}

/* Alt yatay çizgi — aktif sekmenin sağ alt köşesinden sağ kenara */
.epin-content-tabs::after {
    content: '';
    position: absolute;
    left: var(--epin-tabs-line-right-start, 0);
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--epin-content-border, rgba(255, 255, 255, 0.12));
    pointer-events: none;
    z-index: 1;
}

.epin-content-tab {
    flex-shrink: 0;
    padding: 0.8rem 1.45rem;
    border: none;
    background: transparent;
    color: var(--epin-text-faint, #9ca3af);
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.35;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.epin-content-tab:hover:not(.is-active) {
    color: #e8eaed;
    background: transparent;
}

.epin-content-tab.is-active {
    color: var(--epin-accent-tab, #2b5ef7);
    background: var(--epin-surface-2, #323232) !important;
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    border-bottom: none;
    box-sizing: border-box;
    padding: 0.9rem 1.65rem;
    margin-bottom: 0;
    z-index: 3;
    border-radius: 8px 8px 0 0;
    box-shadow: none;
}

/* Köşe birleşimlerinde boşluk kalmasın */
.epin-content-tab.is-active::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--epin-surface-2, #323232);
    z-index: 2;
    pointer-events: none;
}

.epin-content-panel {
    display: none;
    border-top: none;
}

.epin-content-panel.is-active {
    display: block;
    border-top: none;
    background: var(--epin-surface-2, #323232);
}

.epin-content-box .epin-content-panel.is-active .epin-scroll-panel,
.epin-content-box .epin-content-panel.is-active .epin-content-panel__body,
.epin-content-box .epin-content-panel.is-active .epin-desc-block {
    background: var(--epin-surface-2, #323232) !important;
    border: none;
    border-radius: 0 0 9px 9px;
    color: var(--epin-text-muted, #b8bcc4);
}

.epin-content-box .epin-scroll-panel {
    scrollbar-color: var(--epin-scrollbar-thumb, #6b7280) var(--epin-surface-2, #323232);
}

.epin-content-box .epin-scroll-panel::-webkit-scrollbar-track,
.epin-content-box .epin-scroll-panel::-webkit-scrollbar-button:single-button:vertical:decrement,
.epin-content-box .epin-scroll-panel::-webkit-scrollbar-button:single-button:vertical:increment,
.epin-content-box .epin-scroll-panel::-webkit-scrollbar-corner {
    background-color: var(--epin-surface-2, #323232);
}

.epin-content-box .epin-scroll-panel::-webkit-scrollbar-thumb {
    border-color: var(--epin-surface-2, #323232);
}

.epin-content-panel__body {
    max-height: 480px;
    overflow-y: auto;
    padding: 1.25rem 0.85rem 1.25rem 1.25rem;
    background: var(--epin-surface-2, #323232);
    color: var(--epin-text-muted, #b8bcc4);
    line-height: 1.65;
    font-size: 0.9rem;
}

.epin-content-panel[data-content-panel="desc"] .epin-scroll-panel {
    max-height: 340px;
}

.epin-scroll-panel {
    max-height: 480px;
    overflow-y: auto;
    padding: 1.25rem 0.85rem 1.25rem 1.25rem;
    background: var(--epin-surface-2, #323232);
    color: var(--epin-text-muted, #b8bcc4);
    scrollbar-width: thin;
    scrollbar-color: var(--epin-scrollbar-thumb, #6b7280) var(--epin-scrollbar-track, #2a2a2a);
}

.epin-scroll-panel::-webkit-scrollbar {
    width: 12px;
}

.epin-scroll-panel::-webkit-scrollbar-track {
    background: var(--epin-scrollbar-track, #2a2a2a);
}

.epin-scroll-panel::-webkit-scrollbar-thumb {
    background: var(--epin-scrollbar-thumb, #6b7280);
    border-radius: 6px;
    border: 3px solid var(--epin-scrollbar-track, #2a2a2a);
    min-height: 48px;
}

.epin-scroll-panel::-webkit-scrollbar-button:single-button:vertical:decrement,
.epin-scroll-panel::-webkit-scrollbar-button:single-button:vertical:increment {
    display: block;
    height: 16px;
    width: 12px;
    background-color: var(--epin-scrollbar-track, #2a2a2a);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 5px;
}

.epin-scroll-panel::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%239ca3af' d='M5 1 9 5H1z'/%3E%3C/svg%3E");
}

.epin-scroll-panel::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%239ca3af' d='M5 5 1 1h8z'/%3E%3C/svg%3E");
}

.epin-scroll-panel::-webkit-scrollbar-corner {
    background: var(--epin-scrollbar-track, #2a2a2a);
}

.epin-content-scroll h3 {
    color: #f1f5f9;
    font-size: 1rem;
    margin: 1.25rem 0 0.5rem;
}

.epin-content-scroll h3:first-child {
    margin-top: 0;
}

.epin-content-scroll ul {
    padding-left: 1.25rem;
}

.epin-desc-block {
    border: none;
    border-radius: 0;
    font-weight: 400;
}

/* Açıklama sekmesi — tipografi (başlık / paragraf / vurgu) */
.epin-desc-block .epin-seo-content {
    color: var(--epin-text-muted, #b8bcc4);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.65;
}

.epin-desc-block .epin-seo-content h3 {
    margin: 1.35rem 0 0.65rem;
    color: var(--epin-text-primary, #f1f5f9);
    font-size: clamp(1.25rem, 2.2vw, 1.5rem);
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.epin-desc-block .epin-seo-content h3:first-child {
    margin-top: 0;
}

.epin-desc-block .epin-seo-content p {
    margin: 0 0 0.85rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.65;
}

.epin-desc-block .epin-seo-content p:last-child {
    margin-bottom: 0;
}

.epin-desc-block .epin-seo-content ul {
    margin: 0 0 0.85rem;
    padding-left: 1.15rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.6;
}

.epin-desc-block .epin-seo-content ul:last-child {
    margin-bottom: 0;
}

.epin-desc-block .epin-seo-content ol {
    margin: 0 0 0.85rem;
    padding: 0;
    list-style: none;
    counter-reset: epin-seo-step;
}

.epin-desc-block .epin-seo-content ol:last-child {
    margin-bottom: 0;
}

.epin-desc-block .epin-seo-content ol li {
    position: relative;
    margin: 0 0 0.5rem;
    padding: 0 0 0 1.65rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.65;
}

.epin-desc-block .epin-seo-content ol li::before {
    content: counter(epin-seo-step) ".";
    counter-increment: epin-seo-step;
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5rem;
    text-align: right;
    font-variant-numeric: tabular-nums;
    color: var(--epin-text-primary, #f1f5f9);
    font-weight: 600;
}

.epin-desc-block .epin-seo-content ol li strong {
    font-weight: 600;
}

.epin-desc-block .epin-seo-content li {
    margin-bottom: 0.35rem;
    font-size: inherit;
    font-weight: 400;
}

.epin-desc-block .epin-seo-content strong {
    color: var(--epin-text-primary, #f8fafc);
    font-weight: 700;
}

.epin-desc-block .epin-seo-content a,
.epin-desc-block .epin-seo-content a.epin-seo-content__brand-link {
    color: var(--epin-accent-tab, #3b82f6);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    font-weight: 400;
    font-size: inherit;
}

.epin-desc-block .epin-seo-content a:hover,
.epin-desc-block .epin-seo-content a.epin-seo-content__brand-link:hover {
    color: #2563eb;
    text-decoration: underline;
}

.epin-desc-block .epin-seo-content em {
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.875rem;
    font-weight: 400;
}

.epin-price-list {
    margin-top: 1.25rem;
    padding: 1.25rem 1.35rem;
    background: var(--epin-surface-2, #323232);
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    border-radius: 10px;
    box-sizing: border-box;
}

.epin-price-list__title {
    margin: 0 0 1rem;
    color: var(--epin-text-primary, #f1f5f9);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.epin-price-list__lines {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.epin-price-list__line {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--epin-text-muted, rgba(255, 255, 255, 0.78));
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.45;
}

.epin-price-list__label {
    font-weight: 500;
    color: inherit;
}

.epin-price-list__amount {
    font-weight: 700 !important;
    color: inherit;
}

.epin-faq {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.epin-faq__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 5.75rem;
    padding: 1.25rem 1.35rem;
    margin: 0;
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    background: var(--epin-surface-2, #323232);
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
}

.epin-faq__item:last-child {
    margin-bottom: 0;
}

.epin-faq__q {
    margin: 0 0 0.45rem;
    padding: 0;
    font-weight: 700;
    color: var(--epin-text-primary, #f1f5f9);
    font-size: 1.05rem;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

.epin-faq__a {
    margin: 0;
    padding: 0;
    color: var(--epin-text-muted, #b8bcc4);
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.62;
}

@media (max-width: 768px) {
    .epin-region-tab {
        padding: 0.55rem 0.85rem;
        font-size: 0.78rem;
    }
}

/* ── Site teması: mor vurgu + premium modallar ── */
.epin-store--list {
    background: var(--site-page-bg, #0b0c10);
    --epin-cta-width: 8.1rem;
    --epin-price-live: #36ff72;
    --epin-price-old: #9aa3af;
    --epin-purple: #8b5cf6;
    --epin-purple-dark: #7c3aed;
    --epin-surface: var(--surface-card, #1a1c23);
    --epin-surface-2: var(--surface-elevated, #1e1f26);
    --epin-border-site: var(--header-strip-border, #2d3139);
    --epin-content-border: rgba(255, 255, 255, 0.12);
    --epin-text-primary: #f1f5f9;
    --epin-text-muted: #b8bcc4;
    --epin-text-faint: #9ca3af;
    --epin-accent-tab: #2b5ef7;
    --epin-scrollbar-track: var(--site-page-bg, #0b0c10);
    --epin-scrollbar-thumb: #6b7280;
    --epin-scrollbar-arrow: #9ca3af;
    --epin-radius: 12px;
}

.epin-store--list .epin-region-tabs {
    background: transparent;
    border: none;
    box-shadow: none;
}

.epin-store--list .epin-list-panel {
    background: transparent;
    border: none;
    box-shadow: none;
    gap: 0.55rem;
}

.epin-store--list .epin-list-row {
    background: var(--epin-surface-2, #323232);
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    box-sizing: border-box;
    box-shadow: none;
}

.epin-store--list .epin-list-row:not(:hover) {
    border-color: var(--epin-content-border, rgba(255, 255, 255, 0.12));
    box-shadow: none;
}

.epin-store--list .epin-list-row:hover,
.epin-store--list .epin-list-row:focus-within {
    border-color: var(--epin-content-border, rgba(255, 255, 255, 0.12));
    box-shadow: none;
}

.epin-store--list .epin-list-row:hover:not(:has(.epin-list-row__price:hover)):not(:has(.epin-list-row__action:hover)) {
    border-color: #2b5ef7;
    box-shadow: 0 0 0 1px rgba(43, 94, 247, 0.22);
}

/* Rozet yoksa başlık bloğu thumb ile dikey ortalı; rozet varsa sağ üstte + altında yazılar */
@media (min-width: 1025px) {
    .epin-store--list .epin-list-row {
        align-items: center;
    }

    .epin-store--list .epin-list-row__product-link--thumb,
    .epin-store--list .epin-list-row > .epin-list-row__thumb,
    .epin-store--list .epin-list-row__info {
        align-self: center;
    }

    .epin-store--list .epin-list-row__info {
        justify-content: center;
    }

    .epin-store--list .epin-list-row > .epin-list-row__thumb {
        grid-column: 1;
        grid-row: 1 / span 2;
    }

    .epin-store--list .epin-list-row__price,
    .epin-store--list .epin-list-row__action {
        align-self: center;
    }

    .epin-store--list .epin-list-row:has(.epin-list-row__badge) {
        align-items: start;
    }

    .epin-store--list .epin-list-row:has(.epin-list-row__badge) .epin-list-row__product-link--thumb,
    .epin-store--list .epin-list-row:has(.epin-list-row__badge) > .epin-list-row__thumb,
    .epin-store--list .epin-list-row:has(.epin-list-row__badge) .epin-list-row__info {
        align-self: start;
    }

    .epin-store--list .epin-list-row:has(.epin-list-row__badge) .epin-list-row__info {
        justify-content: flex-start;
    }
}

.epin-store--list .epin-list-row__badge {
    background: rgba(251, 191, 36, 0.18) !important;
    border: 1px solid rgba(251, 191, 36, 0.38) !important;
    color: #fbbf24 !important;
    border-radius: 999px !important;
}

.epin-store--list .epin-list-row__badge i {
    color: #fbbf24 !important;
}

.epin-store--list .epin-list-row__price del {
    color: var(--epin-price-old, #9aa3af) !important;
    text-decoration: line-through !important;
}

.epin-store--list .epin-list-row__price strong {
    color: var(--epin-price-live, #36ff72) !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}

html.epin-modal-open,
body.epin-modal-open {
    overflow: hidden;
    overscroll-behavior: none;
}

.epin-modal--sheet {
    position: fixed;
    inset: 0;
    z-index: 2147482900;
    display: none;
    align-items: center;
    justify-content: center;
    padding: max(1.25rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right))
        max(1.25rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));
    overscroll-behavior: contain;
    touch-action: none;
}

.epin-modal--sheet.is-open {
    display: flex;
}

#epinBalanceModal.epin-modal--sheet {
    z-index: 2147483000;
}

.epin-modal--sheet .epin-modal__backdrop {
    background: rgba(8, 10, 16, 0.78);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.epin-sheet {
    touch-action: auto;
    --epin-surface: #2a2a2a;
    --epin-surface-2: #323232;
    --epin-surface-inset: #252528;
    --epin-field-bg: #404040;
    --epin-field-border: #555555;
    --epin-border-site: #3a3a3a;
    --epin-content-border: rgba(255, 255, 255, 0.12);
    --epin-price-live: #36ff72;
    --epin-sheet-accent: #2b5ef7;
    --epin-sheet-accent-soft: rgba(43, 94, 247, 0.14);
    --epin-sheet-surface-bg: linear-gradient(165deg, var(--epin-surface-2) 0%, var(--epin-surface) 100%);
    --epin-sheet-surface-border: var(--epin-border-site);
    --epin-sheet-surface-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: min(500px, calc(100vw - 2rem));
    max-height: min(90vh, 680px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    border-radius: 14px;
    outline: none;
    background: rgba(42, 42, 42, 0.62);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 22px 50px rgba(0, 0, 0, 0.45);
    animation: epin-modal-in 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.epin-sheet::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: transparent;
}

.epin-sheet--purchase {
    width: min(520px, calc(100vw - 1.75rem));
}

#epinPurchaseModal.epin-modal--sheet {
    touch-action: auto;
}

#epinPurchaseModal .epin-modal__backdrop {
    background: rgba(8, 10, 16, 0.78);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

#epinPurchaseModal .epin-sheet {
    pointer-events: auto;
    border-radius: 10px;
    background: linear-gradient(165deg, #323232 0%, #2a2a2a 100%);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: 0 24px 56px rgba(0, 0, 0, 0.4);
}

#epinPurchaseModal .epin-sheet::before {
    border-radius: 10px;
}

#epinPurchaseModal .epin-sheet__product::before,
#epinPurchaseModal .epin-sheet__panel::before {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

#epinPurchaseModal .epin-sheet__close {
    z-index: 2;
}

#epinPurchaseModal .epin-sheet__input,
#epinPurchaseModal .epin-sheet__select,
#epinPurchaseModal .epin-sheet__btn {
    border-radius: 10px !important;
}

.epin-sheet--sm {
    width: min(400px, calc(100vw - 2rem));
}

.epin-sheet__head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0;
    padding: 1.15rem 1.35rem;
    border: none;
    border-bottom: 1px solid var(--epin-border-site, #3a3a3a);
    background: transparent;
    box-shadow: none;
}

.epin-sheet__head h3 {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    color: #f8fafc;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.epin-sheet__head h3 i {
    color: var(--epin-sheet-accent, #2b5ef7);
    font-size: 1rem;
}

.epin-sheet__close {
    position: relative;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    border: none !important;
    outline: none;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #b8bec8;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    transition: color 0.15s ease, background-color 0.15s ease;
}

.epin-sheet__close::before,
.epin-sheet__close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 1.5px;
    background: currentColor;
    border-radius: 1px;
    transform-origin: center center;
}

.epin-sheet__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.epin-sheet__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.epin-sheet__close:hover,
.epin-sheet__close:focus-visible {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.14) !important;
    border: none !important;
    box-shadow: none !important;
    transform: none;
}

body.light-mode .epin-sheet__close {
    color: #64748b;
}

body.light-mode .epin-sheet__close:hover,
body.light-mode .epin-sheet__close:focus-visible {
    color: #1e293b;
    background: rgba(0, 0, 0, 0.07) !important;
}

.epin-sheet__body {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    padding: 1rem 1.35rem 1.15rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    color: #cbd5e1;
    font-size: 0.95rem;
    line-height: 1.55;
    background: transparent;
}

.epin-sheet__lead {
    margin: 0 0 1rem;
    color: #b8c4d4;
    font-size: 0.96rem;
    line-height: 1.55;
}

.epin-sheet__hint {
    margin: 0.85rem 0 0;
    font-size: 0.88rem;
    color: #94a3b8;
}

.epin-sheet__balances {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 1.05rem 0 0;
    padding: 0;
    background: none;
    border: none;
}

.epin-sheet__balance-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
}

.epin-sheet__balance-label {
    color: #94a3b8;
    font-size: 0.88rem;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.epin-sheet__balance-value {
    color: #2ecc71 !important;
    -webkit-text-fill-color: #2ecc71;
    font-size: 0.98rem;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    text-align: right;
    white-space: nowrap;
}

.epin-sheet__balance-value--low {
    color: #ff6b6b !important;
    -webkit-text-fill-color: #ff6b6b;
}

#epinPurchaseModal .epin-sheet__balance-value,
#epinPurchaseModal #epinUserBalance,
#epinPurchaseModal #epinRemainingBalance {
    color: #2ecc71 !important;
    -webkit-text-fill-color: #2ecc71;
    font-weight: 600 !important;
}

#epinPurchaseModal .epin-sheet__balance-value--low,
#epinPurchaseModal #epinRemainingBalance.epin-sheet__balance-value--low {
    color: #ff6b6b !important;
    -webkit-text-fill-color: #ff6b6b;
}

.epin-sheet__balances--shortfall {
    margin: 0.85rem 0 0;
    gap: 0.55rem;
    background: none;
    border: none;
    padding: 0;
}

#epinBalanceModal .epin-sheet__balance-label {
    color: #94a3b8;
}

#epinBalanceModal .epin-sheet__balance-value--shortfall {
    color: #f1f5f9 !important;
    -webkit-text-fill-color: #f1f5f9;
    font-weight: 600 !important;
}

#epinBalanceModal .epin-sheet__balance-value--low {
    color: #f87171 !important;
    -webkit-text-fill-color: #f87171;
    font-weight: 600 !important;
}

body.light-mode #epinBalanceModal .epin-sheet__balance-label {
    color: #64748b;
}

body.light-mode #epinBalanceModal .epin-sheet__balance-value--shortfall {
    color: #1e293b !important;
    -webkit-text-fill-color: #1e293b;
}

body.light-mode #epinBalanceModal .epin-sheet__balance-value--low {
    color: #dc2626 !important;
    -webkit-text-fill-color: #dc2626;
}

@media (max-width: 420px) {
    .epin-sheet__balances--shortfall .epin-sheet__balance-row,
    #epinPurchaseModal .epin-sheet__balance-row {
        gap: 0.5rem;
    }

    .epin-sheet__balance-label {
        font-size: 0.84rem;
    }

    .epin-sheet__balance-value {
        font-size: 0.92rem;
    }
}

.epin-sheet__product,
.epin-sheet__panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    outline: none;
    background: transparent;
}

.epin-sheet__product::before,
.epin-sheet__panel::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background: transparent;
    backdrop-filter: blur(36px);
    -webkit-backdrop-filter: blur(36px);
    transform: translateZ(0);
}

.epin-sheet__product > *,
.epin-sheet__panel > * {
    position: relative;
    z-index: 1;
}

.epin-sheet__product {
    margin-bottom: 1.1rem;
    padding: 0.5rem 1.15rem 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
}

#epinPurchaseModal .epin-sheet__product-name,
.epin-sheet__product-name {
    margin: 0;
    padding: 0;
    color: #e2e8f0;
    font-size: 0.94rem;
    font-weight: 500 !important;
    line-height: 1.2;
    letter-spacing: 0.015em;
}

#epinPurchaseModal #epinModalPrice,
#epinPurchaseModal .epin-sheet__product-price,
.epin-sheet__product-price {
    margin: 0;
    padding: 0;
    color: #2ecc71 !important;
    -webkit-text-fill-color: #2ecc71;
    font-size: 1.42rem;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    line-height: 1.15;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.epin-sheet__panel {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 0.45rem 0.75rem;
    padding: 1rem 1.15rem;
}

.epin-sheet__stat {
    display: inline-flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.epin-sheet__stat-label {
    color: #9aa3af;
    font-size: 0.92rem;
    font-weight: 500;
}

.epin-sheet__stat-value {
    color: #f8fafc;
    font-size: 1.02rem;
    font-weight: 700;
}

.epin-sheet__stat-value--low {
    color: #ff6b6b;
}

.epin-sheet__stat-dot {
    color: #6b7280;
    font-weight: 700;
}

.epin-sheet__label {
    display: block;
    margin-bottom: 0.45rem;
    font-size: 0.72rem;
    font-weight: 600;
    color: #9aa3af;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.epin-sheet__input,
.epin-sheet__select {
    width: 100%;
    padding: 0.72rem 0.9rem;
    margin-bottom: 0.65rem;
    border-radius: 11px !important;
    -webkit-border-radius: 11px !important;
    border: 1px solid var(--epin-field-border, #555555) !important;
    background-color: var(--epin-field-bg, #404040) !important;
    color: #f8fafc;
    font-size: 0.9rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.epin-sheet__input:focus,
.epin-sheet__select:focus {
    outline: none;
    border-color: var(--epin-sheet-accent, #2b5ef7) !important;
    box-shadow: 0 0 0 3px rgba(43, 94, 247, 0.18);
    background-color: var(--epin-field-bg, #404040) !important;
}

.epin-sheet__select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 2.4rem;
    cursor: pointer;
    background-color: var(--epin-field-bg, #404040) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6.5 8 10.5 12 6.5' stroke='%23d1d5db' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.8rem center !important;
    background-size: 15px 15px !important;
}

.epin-sheet__select:focus {
    background-color: var(--epin-field-bg, #404040) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6.5 8 10.5 12 6.5' stroke='%23f1f5f9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.epin-sheet__link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
    color: var(--epin-sheet-accent, #2b5ef7);
    font-size: 0.86rem;
    font-weight: 600;
    text-decoration: none;
}

.epin-sheet__link:hover {
    color: #5b82ff;
}

.epin-sheet__foot {
    position: relative;
    z-index: 1;
    padding: 1rem 1.35rem 1.3rem;
    border-top: 1px solid var(--epin-border-site, #3a3a3a);
}

.epin-sheet__foot--split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.epin-sheet__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0.75rem 1rem;
    border: none !important;
    border-radius: 11px !important;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: none !important;
    box-shadow: none !important;
    outline: none;
    transition: background-color 0.15s ease, color 0.15s ease, filter 0.15s ease;
}

.epin-sheet__btn:hover {
    transform: none;
    filter: brightness(1.06);
}

.epin-sheet__btn--block {
    width: 100%;
}

.epin-sheet__btn--primary,
.epin-sheet__btn--primary:link,
.epin-sheet__btn--primary:visited,
.epin-sheet__btn--primary:hover,
.epin-sheet__btn--primary:focus {
    background: linear-gradient(135deg, #234ee8 0%, var(--epin-sheet-accent) 50%, #4d7bff 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
}

.epin-sheet__btn--blue,
.epin-sheet__btn--blue:hover,
.epin-sheet__btn--blue:focus {
    background: linear-gradient(135deg, #1d4ed8 0%, #2b5ef7 55%, #5b7cff 100%) !important;
    color: #fff !important;
}

.epin-sheet__btn--success,
.epin-sheet__btn--success:link,
.epin-sheet__btn--success:visited,
.epin-sheet__btn--success:hover,
.epin-sheet__btn--success:focus {
    background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
}

.epin-sheet__btn--muted,
.epin-sheet__btn--muted:hover,
.epin-sheet__btn--muted:focus {
    background: linear-gradient(165deg, var(--epin-surface-2, #323232) 0%, var(--epin-surface, #2a2a2a) 100%) !important;
    border: 1px solid var(--epin-border-site, #3a3a3a) !important;
    color: #e2e8f0 !important;
}

.epin-sheet__btn--muted:hover {
    background: linear-gradient(165deg, #3a3a42 0%, #2f2f38 100%) !important;
    border-color: #454545 !important;
    color: #ffffff !important;
}

/* Toast — site yüzey tonları */
.epin-toast {
    --epin-surface: #2a2a2a;
    --epin-surface-2: #323232;
    --epin-border-site: #3a3a3a;
    --epin-sheet-accent: #2b5ef7;
    --epin-price-live: #36ff72;
    left: 50%;
    right: auto;
    bottom: max(1.25rem, env(safe-area-inset-bottom));
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    max-width: min(420px, calc(100vw - 2rem));
    padding: 0.95rem 1.15rem;
    border: 1px solid var(--epin-border-site);
    border-radius: 12px;
    background: linear-gradient(165deg, var(--epin-surface-2) 0%, var(--epin-surface) 100%);
    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    color: #e2e8f0;
    font-size: 0.92rem;
    line-height: 1.45;
    transform: translateX(-50%) translateY(14px);
}

.epin-toast.is-visible {
    transform: translateX(-50%) translateY(0);
}

.epin-toast__icon {
    flex-shrink: 0;
    width: 1.35rem;
    height: 1.35rem;
    margin-top: 0.1rem;
    border-radius: 50%;
    background: var(--epin-sheet-accent-soft);
    position: relative;
}

.epin-toast__icon::after {
    content: "i";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 800;
    font-style: italic;
    color: var(--epin-sheet-accent, #2b5ef7);
}

.epin-toast[data-type="success"] .epin-toast__icon {
    background: rgba(54, 255, 114, 0.14);
}

.epin-toast[data-type="success"] .epin-toast__icon::after {
    content: "✓";
    font-style: normal;
    color: var(--epin-price-live, #36ff72);
}

.epin-toast[data-type="error"] .epin-toast__icon {
    background: rgba(248, 113, 113, 0.18);
}

.epin-toast[data-type="error"] .epin-toast__icon::after {
    content: "!";
    font-style: normal;
    color: #f87171;
}

.epin-toast.is-error {
    border-color: #5c3a3a;
    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.epin-toast.is-success {
    border-color: #3a5c45;
    box-shadow:
        0 16px 36px rgba(0, 0, 0, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.epin-toast__text {
    flex: 1;
    min-width: 0;
}

body.dark-mode .epin-modal--sheet a.epin-sheet__btn--primary,
body.dark-mode .epin-modal--sheet a.epin-sheet__btn--success,
body.dark-mode .epin-modal--sheet a.epin-sheet__btn--primary:hover,
body.dark-mode .epin-modal--sheet a.epin-sheet__btn--success:hover {
    color: #ffffff !important;
}

.epin-content-tab.is-active {
    color: var(--epin-accent-tab, #2b5ef7);
    background: var(--epin-surface-2, #323232) !important;
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    border-bottom: none;
    box-shadow: none;
}

.epin-content-tab.is-active::after {
    content: none;
}

.epin-content-box .epin-desc-block,
.epin-content-box .epin-content-panel__body,
.epin-content-box .epin-scroll-panel {
    background: var(--epin-surface-2, #323232) !important;
    border: none;
}

.epin-content-scroll,
.epin-desc-block {
    background: var(--epin-surface, #2a2a2a);
}

.epin-faq__item,
.epin-price-list {
    background: var(--epin-surface-2, #323232);
    border-color: var(--epin-content-border, rgba(255, 255, 255, 0.12));
}

body.light-mode .epin-store--list {
    background: var(--site-page-bg, #f3f4f6);
    --epin-surface: #ffffff;
    --epin-surface-2: #ffffff;
    --epin-border-site: #cbd5e1;
    --epin-content-border: rgba(15, 23, 42, 0.14);
    --epin-text-primary: #1e293b;
    --epin-text-muted: #64748b;
    --epin-text-faint: #94a3b8;
    --epin-scrollbar-track: var(--site-page-bg, #f3f4f6);
    --epin-scrollbar-thumb: #94a3b8;
    --epin-scrollbar-arrow: #94a3b8;
}

body.light-mode .epin-faq__item,
body.light-mode .epin-price-list {
    background: var(--epin-surface-2, #ffffff);
    border-color: var(--epin-content-border, rgba(15, 23, 42, 0.14));
}

body.light-mode .epin-store--list .epin-top-card,
body.light-mode .epin-store--list .epin-pubg-hero,
body.light-mode .epin-store--list .epin-review-card,
body.light-mode .epin-store--list .epin-review-form,
body.light-mode .epin-store--list .epin-reviews-empty,
body.light-mode .epin-store--list .epin-list-row {
    background: var(--epin-surface-2, #ffffff);
    border-color: var(--epin-content-border, rgba(15, 23, 42, 0.14)) !important;
    box-shadow: none !important;
}

body.light-mode .epin-store--list .epin-list-row:hover:not(:has(.epin-list-row__price:hover)):not(:has(.epin-list-row__action:hover)) {
    border-color: #2b5ef7 !important;
    box-shadow: 0 0 0 1px rgba(43, 94, 247, 0.22) !important;
}

body.light-mode .epin-pubg-hero__search:not(:hover):not(:focus-within) {
    border-color: rgba(15, 23, 42, 0.1) !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08) !important;
}

body.light-mode .epin-pubg-hero__search:hover,
body.light-mode .epin-pubg-hero__search:focus-within {
    border-color: rgba(43, 94, 247, 0.55) !important;
    box-shadow:
        0 0 0 3px rgba(43, 94, 247, 0.12),
        0 6px 20px rgba(15, 23, 42, 0.1) !important;
}

body.light-mode .epin-region-tab:not(.is-active) {
    border-color: rgba(15, 23, 42, 0.18) !important;
    color: rgba(51, 65, 85, 0.9) !important;
    background: transparent !important;
}

body.light-mode .epin-region-tab:hover:not(.is-active),
body.light-mode .epin-region-tab:focus-visible:not(.is-active) {
    border-color: #2b5ef7 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.light-mode .epin-region-tab:hover:not(.is-active) .epin-region-tab__text,
body.light-mode .epin-region-tab:focus-visible:not(.is-active) .epin-region-tab__text {
    color: #2b5ef7 !important;
}

body.light-mode .epin-region-tab:hover:not(.is-active) .epin-region-tab__icon,
body.light-mode .epin-region-tab:focus-visible:not(.is-active) .epin-region-tab__icon {
    color: rgba(71, 85, 105, 0.88) !important;
}

body.light-mode .epin-region-tab.is-active {
    border-color: #2b5ef7 !important;
    background: #2b5ef7 !important;
    box-shadow: none !important;
}

body.light-mode .epin-region-tab.is-active .epin-region-tab__text {
    color: #ffffff !important;
}

body.light-mode .epin-region-tab.is-active .epin-region-tab__icon {
    color: rgba(71, 85, 105, 0.88) !important;
}

body.light-mode .epin-source-tab:not(.is-active) {
    border-color: rgba(15, 23, 42, 0.18) !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.light-mode .epin-source-tab:not(.is-active) .epin-source-tab__text {
    color: rgba(51, 65, 85, 0.9) !important;
}

body.light-mode .epin-source-tab:hover:not(.is-active) {
    border-color: #2b5ef7 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.light-mode .epin-source-tab:hover:not(.is-active) .epin-source-tab__text {
    color: #2b5ef7 !important;
}

body.light-mode .epin-source-tab:hover:not(.is-active) .epin-source-tab__icon {
    color: rgba(71, 85, 105, 0.88) !important;
}

body.light-mode .epin-source-tab.is-active {
    border-color: #2b5ef7 !important;
    background: #2b5ef7 !important;
    box-shadow: none !important;
}

body.light-mode .epin-source-tab.is-active .epin-source-tab__text {
    color: #ffffff !important;
}

body.light-mode .epin-source-tab.is-active .epin-source-tab__icon {
    color: rgba(71, 85, 105, 0.88) !important;
}

body.light-mode .epin-price-list__title {
    color: var(--epin-text-primary, #1e293b);
}

body.light-mode .epin-price-list__label {
    color: inherit;
}

body.light-mode .epin-price-list__line {
    color: var(--epin-text-muted, #64748b);
}

body.light-mode .epin-price-list__amount {
    color: inherit;
}

body.light-mode .epin-faq__q {
    color: var(--epin-text-primary, #1e293b);
}

body.light-mode .epin-faq__a {
    color: var(--epin-text-muted, #64748b);
}

body.light-mode .epin-content-box {
    background: var(--epin-surface, #f8fafc);
    border-color: var(--epin-content-border, #cbd5e1);
}

body.light-mode .epin-content-tabs {
    background: var(--epin-surface, #f8fafc);
}

body.light-mode .epin-content-tabs::before,
body.light-mode .epin-content-tabs::after {
    background: var(--epin-content-border, rgba(15, 23, 42, 0.14));
}

body.light-mode .epin-content-tab:not(.is-active) {
    color: var(--epin-text-faint, #94a3b8);
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
}

body.light-mode .epin-content-tab:hover:not(.is-active) {
    color: #475569;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.light-mode .epin-content-tab.is-active {
    color: var(--epin-accent-tab, #2b5ef7);
    background: var(--epin-surface-2, #ffffff) !important;
    background-color: var(--epin-surface-2, #ffffff) !important;
    border: 1px solid var(--epin-content-border, rgba(15, 23, 42, 0.14)) !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

body.light-mode .epin-content-tab.is-active::before {
    background: var(--epin-surface-2, #ffffff);
}

body.light-mode .epin-content-tab.is-active::after {
    content: none;
}

body.light-mode .epin-content-box .epin-content-panel.is-active,
body.light-mode .epin-content-box .epin-desc-block,
body.light-mode .epin-content-box .epin-content-panel__body,
body.light-mode .epin-content-box .epin-scroll-panel {
    background: var(--epin-surface-2, #ffffff) !important;
    color: var(--epin-text-muted, #64748b);
}

body.light-mode .epin-content-box .epin-scroll-panel {
    scrollbar-color: var(--epin-scrollbar-thumb, #94a3b8) var(--epin-surface-2, #ffffff);
}

body.light-mode .epin-content-box .epin-scroll-panel::-webkit-scrollbar-track,
body.light-mode .epin-content-box .epin-scroll-panel::-webkit-scrollbar-button:single-button:vertical:decrement,
body.light-mode .epin-content-box .epin-scroll-panel::-webkit-scrollbar-button:single-button:vertical:increment,
body.light-mode .epin-content-box .epin-scroll-panel::-webkit-scrollbar-corner {
    background-color: var(--epin-surface-2, #ffffff);
}

body.light-mode .epin-content-box .epin-scroll-panel::-webkit-scrollbar-thumb {
    background: var(--epin-scrollbar-thumb, #94a3b8);
    border-color: var(--epin-surface-2, #ffffff);
}

body.light-mode .epin-desc-block .epin-seo-content {
    color: var(--epin-text-muted, #64748b);
}

body.light-mode .epin-desc-block .epin-seo-content h3 {
    color: #0f172a;
    font-weight: 700;
}

body.light-mode .epin-desc-block .epin-seo-content strong {
    color: #0f172a;
    font-weight: 700;
}

body.light-mode .epin-desc-block .epin-seo-content a,
body.light-mode .epin-desc-block .epin-seo-content a.epin-seo-content__brand-link {
    color: #2563eb;
}

body.light-mode .epin-desc-block .epin-seo-content a:hover,
body.light-mode .epin-desc-block .epin-seo-content a.epin-seo-content__brand-link:hover {
    color: #1d4ed8;
}

.epin-review-form {
    margin-bottom: 1rem;
    padding: 1rem;
    background: var(--epin-surface-2, #323232);
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    border-radius: 10px;
    box-sizing: border-box;
}

.epin-review-form__title {
    margin: 0 0 0.65rem;
    font-size: 0.95rem;
    color: var(--epin-text-primary, #f1f5f9);
}

.epin-review-form__stars {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 0.25rem;
    margin-bottom: 0.65rem;
}

.epin-review-form__star {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #4b5563;
    cursor: pointer;
    transition: color 0.15s, transform 0.15s;
}

.epin-review-form__star.is-active,
.epin-review-form__star:hover,
.epin-review-form__star:hover ~ .epin-review-form__star {
    color: #fbbf24;
    transform: scale(1.05);
}

.epin-review-form__textarea {
    width: 100%;
    padding: 0.75rem;
    margin-bottom: 0.65rem;
    border-radius: 10px;
    border: 1px solid var(--epin-border-site, #444);
    background: var(--epin-surface, #1a1a1f);
    color: var(--epin-text-primary, #f8fafc);
    resize: vertical;
    min-height: 80px;
    font-family: inherit;
    box-sizing: border-box;
}

.epin-review-card__date {
    display: block;
    font-size: 0.72rem;
    color: #64748b;
    margin-top: 0.15rem;
}

.epin-reviews-empty {
    text-align: center;
    padding: 2.5rem 1rem;
    color: #64748b;
    background: var(--epin-surface-2, #323232);
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    border-radius: 10px;
    box-sizing: border-box;
}

.epin-reviews-empty i {
    font-size: 2rem;
    color: #8b5cf6;
    margin-bottom: 0.5rem;
    display: block;
}

/* toast: .epin-sheet bloğu */

/* main.css global button reset (border-radius:0, dark gray bg) override */
.epin-store--list .epin-list-row__btn {
    border-radius: 11px !important;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
}

.epin-store--list button.epin-list-row__btn--cart {
    background: linear-gradient(165deg, var(--epin-surface-2, #323232) 0%, #2a2a30 100%) !important;
    border: 1px solid var(--epin-border-site, #3a3a3a) !important;
    color: #e2e8f0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.06),
        0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.epin-store--list button.epin-list-row__btn--cart:hover {
    background: linear-gradient(165deg, #3a3a42 0%, #2f2f38 100%) !important;
    border-color: rgba(139, 92, 246, 0.55) !important;
    color: #ffffff !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 0 0 1px rgba(139, 92, 246, 0.18),
        0 6px 18px rgba(139, 92, 246, 0.22) !important;
}

.epin-store--list button.epin-list-row__btn--cart i {
    color: #c4b5fd !important;
}

.epin-store--list button.epin-list-row__btn--cart:hover i {
    color: #ffffff !important;
}

.epin-store--list button.epin-list-row__btn--buy {
    background: linear-gradient(180deg, #ffc233 0%, #f5a300 48%, #e69900 100%) !important;
    border: 1px solid rgba(255, 210, 120, 0.35) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(245, 163, 0, 0.25) !important;
}

.epin-store--list button.epin-list-row__btn--buy i {
    color: #ffffff !important;
}

.epin-store--list button.epin-list-row__btn--buy:hover {
    background: linear-gradient(180deg, #ffb020 0%, #e69900 100%) !important;
    border-color: rgba(255, 200, 100, 0.5) !important;
    color: #ffffff !important;
}

.epin-store--list button.epin-list-row__btn--buy:hover i {
    color: #ffffff !important;
}

.epin-store--list a.epin-list-row__btn--login {
    background: linear-gradient(180deg, #ffc233 0%, #f5a300 48%, #e69900 100%) !important;
    border: 1px solid rgba(255, 210, 120, 0.35) !important;
    color: #ffffff !important;
}

.epin-store--list a.epin-list-row__btn--login i {
    color: #ffffff !important;
}

.epin-store--list a.epin-list-row__btn--login:hover {
    background: linear-gradient(180deg, #ffb020 0%, #e69900 100%) !important;
    border-color: rgba(255, 200, 100, 0.5) !important;
    color: #ffffff !important;
}

.epin-store--list a.epin-list-row__btn--login:hover i {
    color: #ffffff !important;
}

/* ── Responsive + tema uyumu (mobil / tablet / dark-light) ── */

/* Tablet */
@media (max-width: 1024px) {
    .epin-store--list {
        padding-bottom: 2rem;
    }

    .epin-pubg-bottom {
        margin-top: 2rem;
    }

    .epin-top-cards {
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 0.85rem;
    }

    .epin-content-panel[data-content-panel="desc"] .epin-scroll-panel {
        max-height: 300px;
    }

    .epin-scroll-panel {
        max-height: 420px;
    }

    /* Masaüstü grid-row span override — tablet/mobilde taşmayı önle */
    .epin-store--list .epin-list-row__product-link--thumb,
    .epin-store--list .epin-list-row__info {
        grid-row: 1;
    }
}

/* Tablet — üst bilgi + footer (fiyat | sepet + uzun SATIN AL) */
@media (min-width: 641px) and (max-width: 1024px) {
    .epin-store--list .epin-list-row {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr);
        grid-template-rows: auto auto;
        gap: 0;
        column-gap: 0.65rem;
        padding: 0 1rem;
        min-height: 0;
        align-items: stretch;
        border-radius: 12px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .epin-store--list .epin-list-row__product-link--thumb {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: start;
        width: 76px;
        max-width: 76px;
        padding: 1rem 0 0.85rem;
        overflow: hidden;
        box-sizing: border-box;
    }

    .epin-store--list .epin-list-row__info {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        justify-content: center;
        padding: 1rem 0 0.85rem;
        min-width: 0;
        position: relative;
        z-index: 2;
    }

    .epin-store--list .epin-list-row > .epin-list-row__thumb {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        padding: 1rem 0 0.85rem;
        box-sizing: border-box;
    }

    .epin-store--list .epin-list-row:has(.epin-list-row__badge) .epin-list-row__product-link--thumb,
    .epin-store--list .epin-list-row:has(.epin-list-row__badge) > .epin-list-row__thumb,
    .epin-store--list .epin-list-row:has(.epin-list-row__badge) .epin-list-row__info {
        align-self: start;
    }

    .epin-store--list .epin-list-row:has(.epin-list-row__badge) .epin-list-row__info {
        justify-content: flex-start;
    }

    .epin-store--list .epin-list-row__title {
        font-size: 1rem;
        line-height: 1.3;
    }

    .epin-store--list .epin-list-row__sub {
        font-size: 0.88rem;
        margin-top: 0.15rem;
    }

    .epin-store--list .epin-list-row__thumb--pubg {
        width: 76px;
        max-width: 76px;
        overflow: hidden;
    }

    .epin-store--list .epin-list-row__thumb-media {
        width: 76px;
        height: 76px;
        max-width: 100%;
    }

    .epin-store--list .epin-list-row__thumb:not(.epin-list-row__thumb--pubg) {
        width: 76px;
        height: 76px;
        max-width: 76px;
    }

    .epin-store--list .epin-list-row__footer {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 2rem;
        grid-column: 1 / -1;
        grid-row: 2;
        padding: 0.85rem 0 0.95rem;
        position: relative;
        min-height: 56px;
        box-sizing: border-box;
    }

    .epin-store--list .epin-list-row__footer::before,
    .epin-store--list .epin-list-row__footer::after {
        content: none;
        display: none;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__price {
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 0.1rem;
        margin: 0;
        padding: 0;
        min-width: 0;
        max-width: 32%;
        text-align: left;
        border-top: none;
        position: static;
        grid-column: unset;
        grid-row: unset;
        pointer-events: auto;
        flex-shrink: 0;
        padding-right: 0.35rem;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__price::before,
    .epin-store--list .epin-list-row__footer .epin-list-row__price::after {
        content: none;
        display: none;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__price del {
        display: block;
        font-size: 0.88rem;
        margin-bottom: 0;
        line-height: 1.2;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__price strong {
        display: block;
        font-size: 1.34rem;
        font-weight: 700;
        line-height: 1.1;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__action {
        flex: 1 1 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        align-self: stretch;
        min-width: 0;
        margin: 0;
        padding: 0.85rem 0 0.55rem 0.25rem;
        border-top: none;
        position: relative;
        grid-column: unset;
        grid-row: unset;
        pointer-events: auto;
        width: auto;
        box-sizing: border-box;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__action::before,
    .epin-store--list .epin-list-row__footer .epin-list-row__action::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 1px;
        pointer-events: none;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__action::before {
        top: -0.5rem;
        background: var(--epin-content-border, rgba(255, 255, 255, 0.12));
        opacity: 1;
        transform: none;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__action::after {
        content: none;
        display: none;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__actions {
        display: flex;
        align-items: stretch;
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
        gap: 0.45rem;
        margin-left: 0;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__btn {
        min-height: 48px;
        height: 48px;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__btn--cart {
        flex: 0 0 48px;
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 48px !important;
        padding: 0;
    }

    .epin-store--list .epin-list-row__footer .epin-pkg-qty {
        height: 48px;
        align-self: stretch;
    }

    .epin-store--list .epin-list-row__footer .epin-pkg-qty__btn {
        width: 36px;
        min-width: 36px;
        height: 38px;
    }

    .epin-store--list .epin-list-row__footer .epin-pkg-qty__input {
        width: 34px;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__btn--buy {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 1.35rem !important;
        font-size: 0.86rem;
        justify-content: center;
        white-space: nowrap;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__btn--login {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 1.5rem !important;
        font-size: 0.86rem;
        justify-content: center;
        white-space: nowrap;
        display: flex !important;
    }
}

/* Mobil — 3 bölüm (bilgi / fiyat / buton) — referans düzen */
@media (max-width: 640px) {
    .epin-store--list .epin-list-row {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr);
        grid-template-rows: auto auto;
        gap: 0;
        column-gap: 0.65rem;
        padding: 0 1rem;
        min-height: 0;
        align-items: stretch;
        border-radius: 12px;
        overflow: hidden;
        box-sizing: border-box;
    }

    .epin-store--list .epin-list-row__product-link--thumb {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        justify-self: start;
        width: 76px;
        max-width: 76px;
        padding: 1rem 0;
        overflow: hidden;
        box-sizing: border-box;
    }

    .epin-store--list .epin-list-row__info {
        grid-column: 2;
        grid-row: 1;
        align-self: center;
        justify-content: center;
        padding: 1rem 0;
        min-width: 0;
        position: relative;
        z-index: 2;
    }

    .epin-store--list .epin-list-row > .epin-list-row__thumb {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        padding: 1rem 0;
        box-sizing: border-box;
    }

    .epin-store--list .epin-list-row:has(.epin-list-row__badge) .epin-list-row__product-link--thumb,
    .epin-store--list .epin-list-row:has(.epin-list-row__badge) > .epin-list-row__thumb,
    .epin-store--list .epin-list-row:has(.epin-list-row__badge) .epin-list-row__info {
        align-self: start;
    }

    .epin-store--list .epin-list-row:has(.epin-list-row__badge) .epin-list-row__info {
        justify-content: flex-start;
    }

    .epin-store--list .epin-list-row__title {
        font-size: 0.98rem;
        line-height: 1.3;
    }

    .epin-store--list .epin-list-row__sub {
        font-size: 0.86rem;
        margin-top: 0.15rem;
    }

    .epin-store--list .epin-list-row__thumb--pubg {
        width: 76px;
        max-width: 76px;
        overflow: hidden;
    }

    .epin-store--list .epin-list-row__thumb-media {
        width: 76px;
        height: 76px;
        max-width: 100%;
    }

    .epin-store--list .epin-list-row__thumb:not(.epin-list-row__thumb--pubg) {
        width: 76px;
        height: 76px;
        max-width: 76px;
    }

    .epin-store--list .epin-list-row__footer {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        grid-column: 1 / -1;
        grid-row: 2;
        padding: 0;
        min-height: 0;
        position: relative;
        box-sizing: border-box;
    }

    /* Üst ayırıcı — fiyat bölümü */
    .epin-store--list .epin-list-row__footer::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: var(--epin-content-border, rgba(255, 255, 255, 0.12));
        pointer-events: none;
    }

    .epin-store--list .epin-list-row__footer::after {
        content: none;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__price {
        display: flex;
        flex-direction: row;
        align-items: baseline;
        justify-content: flex-start;
        align-self: flex-start;
        flex-wrap: wrap;
        gap: 0.4rem 0.55rem;
        margin: 0;
        padding: 0.9rem 0;
        min-width: 0;
        max-width: none;
        width: 100%;
        text-align: left;
        border-top: none;
        position: relative;
        grid-column: unset;
        grid-row: unset;
        flex: 0 0 auto;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__price::before,
    .epin-store--list .epin-list-row__footer .epin-list-row__price::after {
        content: none;
        display: none;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__price strong {
        order: 1;
        display: inline;
        font-size: 1.06rem;
        font-weight: 800;
        line-height: 1.15;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__price del {
        order: 2;
        display: inline;
        font-size: 0.82rem;
        font-weight: 400;
        margin-bottom: 0;
        line-height: 1.2;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__action {
        flex: 0 0 auto;
        display: flex;
        align-items: stretch;
        justify-content: stretch;
        width: 100%;
        min-width: 0;
        margin: 0;
        padding: 0.9rem 0 1rem;
        border-top: none;
        position: relative;
        grid-column: unset;
        grid-row: unset;
        box-sizing: border-box;
    }

    /* Fiyat ile buton arası ayırıcı */
    .epin-store--list .epin-list-row__footer .epin-list-row__action::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: var(--epin-content-border, rgba(255, 255, 255, 0.12));
        pointer-events: none;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__action::after {
        content: none;
        display: none;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__actions {
        display: flex;
        align-items: stretch;
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
        gap: 0.5rem;
        margin-left: 0;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__btn {
        min-height: 48px;
        height: 48px;
        border-radius: 11px;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__btn--cart {
        flex: 0 0 48px;
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 48px !important;
        padding: 0;
    }

    .epin-store--list .epin-list-row__footer .epin-pkg-qty {
        height: 48px;
        align-self: stretch;
    }

    .epin-store--list .epin-list-row__footer .epin-pkg-qty__btn {
        width: 36px;
        min-width: 36px;
        height: 38px;
    }

    .epin-store--list .epin-list-row__footer .epin-pkg-qty__input {
        width: 34px;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__btn--buy {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 1rem !important;
        font-size: 0.88rem;
        justify-content: center;
        white-space: nowrap;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__btn--login {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 1rem !important;
        font-size: 0.88rem;
        justify-content: center;
        white-space: nowrap;
        display: flex !important;
    }

    .epin-store--list .epin-list-row__footer a.epin-list-row__btn--login {
        display: flex !important;
        width: 100% !important;
    }
}

/* Tablet + mobil — bölge sekmeleri ortada */
@media (max-width: 1024px) {
    .epin-store--list .epin-region-tabs {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 0.55rem;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        overscroll-behavior-x: contain;
    }

    .epin-store--list .epin-region-tabs::-webkit-scrollbar {
        display: none;
    }

    .epin-store--list .epin-region-tab {
        min-width: auto;
        flex: 0 0 auto;
    }
}

/* Mobil + küçük tablet */
@media (max-width: 768px) {
    .epin-store--list {
        padding-bottom: 1.75rem;
    }

    .epin-pubg-top {
        padding-top: 0.65rem;
        padding-bottom: 1rem;
    }

    .epin-pubg-bottom {
        margin-top: 1.5rem;
    }

    .epin-list-wrap {
        margin-top: 0.75rem;
    }

    .epin-top-cards {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        margin-bottom: 1rem;
    }

    .epin-top-card {
        flex-wrap: wrap;
        align-items: flex-start;
        padding: 0.9rem;
        gap: 0.75rem;
    }

    .epin-top-card__btn {
        flex: 1 1 100%;
        width: 100%;
        margin-top: 0.15rem;
        text-align: center;
        padding: 0.55rem 0.75rem;
    }

    .epin-top-card__rating {
        margin-left: auto;
        flex-shrink: 0;
    }

    .epin-content-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .epin-content-tabs::-webkit-scrollbar {
        display: none;
    }

    .epin-content-tab {
        padding: 0.7rem 1.1rem;
        font-size: 0.84rem;
    }

    .epin-scroll-panel {
        max-height: 360px;
        padding: 1rem 0.75rem 1rem 1rem;
    }

    .epin-content-panel[data-content-panel="desc"] .epin-scroll-panel {
        max-height: 280px;
    }

    .epin-faq__item,
    .epin-price-list,
    .epin-pubg-extra .epin-price-list {
        padding: 1rem;
    }

    .epin-faq__q {
        font-size: 0.98rem;
    }

    .epin-faq__a {
        font-size: 0.86rem;
    }

    .epin-modal--sheet {
        padding: max(0.75rem, env(safe-area-inset-top)) max(0.75rem, env(safe-area-inset-right))
            max(0.75rem, env(safe-area-inset-bottom)) max(0.75rem, env(safe-area-inset-left));
    }

    .epin-sheet,
    .epin-sheet--purchase {
        width: min(100%, calc(100vw - 1.5rem));
        max-height: min(90vh, 100dvh - 1.5rem);
    }

    .epin-sheet__body {
        padding: 0.85rem 1rem 1rem;
    }
}

/* Küçük mobil */
@media (max-width: 480px) {
    .epin-pubg-hero__inner {
        padding: 1.65rem 0.85rem 1.5rem;
    }

    .epin-pubg-hero__logo-wrap {
        width: 56px;
        height: 56px;
        margin-bottom: 0.75rem;
    }

    .epin-pubg-hero__logo {
        width: 38px;
        height: 38px;
    }

    .epin-pubg-hero__title {
        font-size: 1.35rem;
    }

    .epin-pubg-hero__search {
        min-height: 46px;
        height: 46px;
        padding: 0 0.85rem;
        border-radius: 13px;
    }

    .epin-region-tab {
        padding: 0.5rem 0.75rem;
        font-size: 0.72rem;
        gap: 0.35rem;
    }

    .epin-region-tab__svg--flag {
        width: 20px;
        height: 14px;
    }

    .epin-top-card__body h3 {
        font-size: 0.86rem;
    }

    .epin-top-card__score {
        font-size: 1.35rem;
    }

    .epin-content-box {
        border-radius: 8px;
    }

    .epin-faq__item,
    .epin-price-list,
    .epin-top-card,
    .epin-review-card,
    .epin-review-form,
    .epin-reviews-empty {
        border-radius: 8px;
    }

    .epin-list-row {
        border-radius: 10px;
    }

    .epin-store--list .epin-list-row {
        grid-template-columns: 68px minmax(0, 1fr);
        column-gap: 0.55rem;
        padding: 0 0.85rem;
    }

    .epin-store--list .epin-list-row__product-link--thumb {
        width: 68px;
        max-width: 68px;
        padding: 0.85rem 0;
        align-self: center;
    }

    .epin-store--list .epin-list-row__info {
        padding: 0.85rem 0;
        align-self: center;
        justify-content: center;
    }

    .epin-store--list .epin-list-row > .epin-list-row__thumb {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
        padding: 0.85rem 0;
        box-sizing: border-box;
    }

    .epin-store--list .epin-list-row:has(.epin-list-row__badge) .epin-list-row__product-link--thumb,
    .epin-store--list .epin-list-row:has(.epin-list-row__badge) > .epin-list-row__thumb,
    .epin-store--list .epin-list-row:has(.epin-list-row__badge) .epin-list-row__info {
        align-self: start;
    }

    .epin-store--list .epin-list-row:has(.epin-list-row__badge) .epin-list-row__info {
        justify-content: flex-start;
    }

    .epin-store--list .epin-list-row__thumb--pubg,
    .epin-store--list .epin-list-row__thumb:not(.epin-list-row__thumb--pubg) {
        width: 68px;
    }

    .epin-store--list .epin-list-row__thumb-media {
        width: 68px;
        height: 68px;
    }

    .epin-store--list .epin-list-row__thumb-uc {
        font-size: 0.72rem;
    }

    .epin-store--list .epin-list-row__thumb--mlbb .epin-list-row__thumb-site-mini {
        height: 15px;
        max-width: 48px;
    }

    .epin-store--list .epin-list-row__thumb--mlbb .epin-list-row__thumb-pubg {
        width: 40px;
        max-height: 16px;
    }

    .epin-store--list .epin-list-row__thumb-uc--mlbb-inline {
        font-size: 0.76rem;
    }

    .epin-store--list .epin-list-row__thumb-uc--mlbb-pass {
        font-size: 0.52rem;
    }

    .epin-store--list .epin-list-row__thumb-uc--mlbb-diamond .epin-list-row__thumb-uc-amount--mlbb {
        font-size: 0.92rem;
    }

    .epin-store--list .epin-list-row__thumb-uc--mlbb-diamond .epin-list-row__thumb-uc-unit--mlbb {
        font-size: 0.4rem;
    }

    .epin-store--list .epin-list-row__title {
        font-size: 0.92rem;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__price {
        padding: 0.75rem 0;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__price strong {
        font-size: 1rem;
        font-weight: 800;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__price del {
        font-size: 0.78rem;
    }

    .epin-store--list .epin-list-row__footer .epin-list-row__action {
        padding: 0.75rem 0 0.85rem;
    }

    .epin-toast {
        left: max(0.75rem, env(safe-area-inset-left));
        right: max(0.75rem, env(safe-area-inset-right));
        max-width: none;
        transform: translateY(14px);
    }

    .epin-toast.is-visible {
        transform: translateY(0);
    }
}

/* Light mode — metin, form, liste ve modal */
body.light-mode .epin-store--list .epin-list-row__title,
body.light-mode .epin-store--list .epin-list-row__product-link--title,
body.light-mode .epin-store--list .epin-list-row__product-link--title:link,
body.light-mode .epin-store--list .epin-list-row__product-link--title:visited {
    color: var(--epin-text-primary, #1e293b);
}

body.light-mode .epin-store--list .epin-list-row__sub {
    color: var(--epin-text-muted, #64748b);
}

body.light-mode .epin-store--list .epin-list-row__price del {
    color: var(--epin-text-faint, #94a3b8);
}

body.light-mode .epin-store--list .epin-list-row__price strong {
    color: #16a34a !important;
    -webkit-text-fill-color: #16a34a;
}

body.light-mode .epin-store--list .epin-list-empty {
    color: var(--epin-text-muted, #64748b);
}

body.light-mode .epin-store--list .epin-top-card__body h3,
body.light-mode .epin-store--list .epin-top-card__score {
    color: var(--epin-text-primary, #1e293b);
}

body.light-mode .epin-store--list .epin-top-card__body p {
    color: var(--epin-text-muted, #64748b);
}

body.light-mode .epin-store--list .epin-top-card__btn {
    border-color: var(--epin-content-border, rgba(15, 23, 42, 0.14));
    color: var(--epin-text-primary, #1e293b);
}

body.light-mode .epin-store--list .epin-top-card__btn:hover {
    background: rgba(43, 94, 247, 0.06);
    border-color: rgba(43, 94, 247, 0.35);
    color: var(--epin-accent-tab, #2b5ef7);
}

body.light-mode .epin-store--list .epin-review-card__name {
    color: var(--epin-text-primary, #1e293b);
}

body.light-mode .epin-store--list .epin-review-card__text {
    color: var(--epin-text-muted, #64748b);
}

body.light-mode .epin-store--list .epin-review-form__title {
    color: var(--epin-text-primary, #1e293b);
}

body.light-mode .epin-store--list .epin-review-form__textarea {
    background: var(--epin-surface, #f8fafc);
    border-color: var(--epin-border-site, #cbd5e1);
    color: var(--epin-text-primary, #1e293b);
}

body.light-mode .epin-store--list .epin-review-form__textarea::placeholder {
    color: var(--epin-text-faint, #94a3b8);
}

body.light-mode .epin-store--list .epin-reviews-empty {
    color: var(--epin-text-muted, #64748b);
}

body.light-mode .epin-store--list button.epin-list-row__btn--cart {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #4338ca !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 1px 3px rgba(15, 23, 42, 0.06) !important;
}

body.light-mode .epin-store--list button.epin-list-row__btn--cart i {
    color: #4338ca !important;
}

body.light-mode .epin-store--list button.epin-list-row__btn--cart:hover {
    background: #e0e7ff !important;
    border-color: #a5b4fc !important;
    color: #3730a3 !important;
}

body.light-mode .epin-store--list button.epin-list-row__btn--cart:hover i {
    color: #3730a3 !important;
}

body.light-mode .epin-modal--sheet .epin-modal__backdrop {
    background: rgba(15, 23, 42, 0.42);
}

body.light-mode .epin-sheet {
    --epin-surface: #f8fafc;
    --epin-surface-2: #ffffff;
    --epin-surface-inset: #f1f5f9;
    --epin-field-bg: #ffffff;
    --epin-field-border: #cbd5e1;
    --epin-border-site: #cbd5e1;
    --epin-content-border: rgba(15, 23, 42, 0.14);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 22px 50px rgba(15, 23, 42, 0.14);
}

body.light-mode #epinPurchaseModal .epin-sheet {
    background: #ffffff;
}

body.light-mode #epinPurchaseModal .epin-modal__backdrop {
    background: rgba(15, 23, 42, 0.42);
}

body.light-mode .epin-sheet__body {
    color: #475569;
}

body.light-mode .epin-sheet__lead {
    color: #64748b;
}

body.light-mode .epin-sheet__hint,
body.light-mode .epin-sheet__balance-label {
    color: #64748b;
}

body.light-mode .epin-sheet__product-name {
    color: #1e293b !important;
}

body.light-mode .epin-sheet__btn--muted,
body.light-mode .epin-sheet__btn--muted:hover,
body.light-mode .epin-sheet__btn--muted:focus {
    background: linear-gradient(165deg, #ffffff 0%, #f1f5f9 100%) !important;
    border-color: var(--epin-border-site, #cbd5e1) !important;
    color: #334155 !important;
}

body.light-mode .epin-toast {
    --epin-surface: #f8fafc;
    --epin-surface-2: #ffffff;
    --epin-border-site: #cbd5e1;
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%);
    border-color: #cbd5e1;
    color: #334155;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.12);
}

/* Dark mode — tutarlı yüzey tokenları */
body.dark-mode .epin-store--list,
body.dark-mode .epin-store--package {
    background: var(--site-page-bg, #0b0c10);
    --epin-surface: var(--surface-card, #1a1c23);
    --epin-surface-2: var(--surface-elevated, #1e1f26);
    --epin-border-site: var(--header-strip-border, #2d3139);
    --epin-content-border: rgba(255, 255, 255, 0.14);
    --epin-text-primary: #f1f5f9;
    --epin-text-muted: #b8bcc4;
    --epin-text-faint: #9ca3af;
}

body.dark-mode .epin-sheet,
body.dark-mode #epinPurchaseModal .epin-sheet {
    --epin-surface: var(--surface-card, #1a1c23);
    --epin-surface-2: var(--surface-elevated, #1e1f26);
    --epin-surface-inset: var(--site-page-bg, #0b0c10);
    --epin-field-bg: var(--chrome-control-bg, #243044);
    --epin-field-border: var(--chrome-control-border, #334155);
    --epin-border-site: var(--header-strip-border, #2d3139);
    background: linear-gradient(165deg, var(--epin-surface-2) 0%, var(--epin-surface) 100%);
}

/* Liste / paket sayfası: site zemini ile uyumlu */
body.dark-mode:has(.epin-store--list),
body.dark-mode:has(.epin-store--package) {
    background: var(--site-page-bg, #0b0c10) !important;
}

body.light-mode:has(.epin-store--list),
body.light-mode:has(.epin-store--package) {
    background: var(--site-page-bg, #f3f4f6) !important;
}

/* ── Paket detay sayfası (/urun/...) ── */
.epin-store--package {
    background: var(--site-page-bg, #0b0c10);
    --epin-cta-width: 8.1rem;
    --epin-surface: var(--surface-card, #1a1c23);
    --epin-surface-2: var(--surface-elevated, #1e1f26);
    --epin-content-border: rgba(255, 255, 255, 0.12);
    --epin-text-primary: #f1f5f9;
    --epin-text-muted: #b8bcc4;
    --epin-text-faint: #9ca3af;
    --epin-accent-tab: #2b5ef7;
    padding-top: 0.75rem;
    padding-bottom: 2.5rem;
}

.epin-pkg-page {
    display: flex;
    flex-direction: column;
    gap: 1.35rem;
}

.epin-pkg-hero {
    display: grid;
    grid-template-columns: minmax(230px, 296px) minmax(0, 1fr);
    gap: 1.35rem;
    padding: 1.35rem 1.3rem;
    background: var(--epin-surface-2, #323232);
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    border-radius: 14px;
    box-sizing: border-box;
    align-items: stretch;
}

.epin-pkg-hero__media {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.epin-pkg-hero__thumb {
    display: block;
    width: 100%;
    max-width: 296px;
    aspect-ratio: 1;
    border-radius: 16px;
    overflow: hidden;
}

.epin-pkg-hero__thumb .epin-list-row__thumb-media {
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

.epin-pkg-hero__thumb .epin-list-row__thumb-composite {
    display: none;
}

.epin-pkg-hero__thumb .epin-list-row__thumb-layers {
    opacity: 1;
    visibility: visible;
}

/* Paket detay — liste küçük resmi ile aynı kompozisyon, büyük ölçek */
.epin-pkg-hero__thumb .epin-list-row__thumb-stack {
    padding: 14px 12px 0;
}

.epin-pkg-hero__thumb .epin-list-row__thumb-site-mini {
    height: 52px;
    max-width: 170px;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-site-mini {
    display: block;
    width: auto;
    height: 76px;
    min-height: 76px;
    max-width: 220px;
    max-height: none;
    margin: 0;
    flex: 0 0 auto;
    flex-shrink: 0;
    align-self: center;
    object-fit: contain;
    object-position: center top;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.85));
    mix-blend-mode: screen;
    -webkit-mix-blend-mode: screen;
    opacity: 1;
}

.epin-pkg-hero__thumb .epin-list-row__thumb-pubg {
    width: 140px;
    max-width: 92%;
    max-height: 56px;
}

/* MLBB paket detay — oyun logosu + yazı altta, kesilmeden */
.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    min-height: 0;
    gap: 0;
    padding: 8px 8px 16px;
    box-sizing: border-box;
    overflow: hidden;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-brand {
    flex: 0 1 auto;
    min-height: 0;
    max-height: 34%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: auto 0 0 0;
    overflow: hidden;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-pubg {
    width: auto;
    max-width: min(68%, 140px);
    max-height: 72px;
    height: auto;
    min-height: 0;
    object-fit: contain;
    margin-bottom: 0;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-uc {
    flex: 0 0 auto;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    transform: translateY(-8px);
    align-self: center;
    width: 100%;
    max-width: 100%;
    z-index: 6;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-uc--mlbb-pass.epin-list-row__thumb-uc--elite {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: clamp(1.25rem, 4.5vw, 2.1rem);
    font-weight: 650;
    line-height: 1.05;
    margin: 0;
    padding: 0;
    transform: translateY(-8px);
    color: #ffffff;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.7),
        0 2px 6px rgba(0, 0, 0, 0.45);
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-uc--mlbb-pass .epin-list-row__thumb-elite-title,
.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-uc--mlbb-pass .epin-list-row__thumb-elite-range {
    font-size: 1em;
    font-weight: inherit;
    color: inherit;
    text-shadow: inherit;
    line-height: inherit;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-uc--mlbb-pass .epin-list-row__thumb-elite-range {
    font-size: 0.88em;
    margin-top: 0.12em;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-uc--mlbb-inline {
    font-size: clamp(1.75rem, 6vw, 2.85rem);
    margin: 0;
    letter-spacing: -0.03em;
    transform: translateY(-8px);
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-uc--mlbb-diamond {
    margin: 0;
    transform: translateY(-8px);
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-uc--mlbb-diamond .epin-list-row__thumb-uc-amount--mlbb {
    font-size: clamp(2.1rem, 7vw, 3.1rem);
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-uc--mlbb-inline .epin-list-row__thumb-uc-amount--mlbb,
.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-uc--mlbb-inline .epin-list-row__thumb-uc-unit--mlbb {
    font-size: inherit;
    font-weight: inherit;
}

.epin-pkg-hero__thumb:not(.epin-list-row__thumb--mlbb):not(.epin-list-row__thumb--roblox) .epin-list-row__thumb-uc {
    font-size: clamp(2rem, 6.5vw, 2.85rem);
    font-weight: 600;
    margin: auto 0 30px 0;
    transform: translateY(-4px);
}

.epin-pkg-hero__thumb .epin-list-row__thumb-uc--elite:not(.epin-list-row__thumb-uc--mlbb-pass):not(.epin-list-row__thumb-uc--mlbb-diamond) {
    font-size: clamp(1.35rem, 4.2vw, 1.95rem);
    font-weight: 650;
}

/* MLBB TR — paket hero liste (renkli blur) */
.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="turkiye"] .epin-list-row__thumb-bg,
.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="turkiye"] .epin-list-row__thumb-bg,
.epin-similar-card__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="turkiye"] .epin-list-row__thumb-bg {
    filter: blur(5.5px) saturate(1.5) brightness(0.82) sepia(0.12) hue-rotate(-8deg) contrast(1.06);
    transform: scale(1.08);
    opacity: 0.76;
}

.epin-pkg-hero__thumb .epin-list-row__thumb-watermark,
.epin-similar-card__thumb .epin-list-row__thumb-watermark {
    z-index: 4;
    filter: blur(3px);
    background-color: rgba(255, 255, 255, 0.065);
    opacity: 1;
}

.epin-pkg-hero__thumb .epin-list-row__thumb-media[data-region-tone="turkiye"] {
    border-color: rgba(248, 113, 113, 0.35);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(227, 10, 23, 0.12);
}

.epin-pkg-hero__thumb:not(.epin-list-row__thumb--mlbb) .epin-list-row__thumb-media[data-region-tone="turkiye"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(227, 10, 23, 0.02) 0%,
        rgba(139, 24, 34, 0.04) 52%,
        rgba(55, 18, 24, 0.06) 100%
    );
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="turkiye"] .epin-list-row__thumb-bg {
    filter: blur(5.5px) saturate(1.5) brightness(0.82) sepia(0.12) hue-rotate(-8deg) contrast(1.06);
    transform: scale(1.08);
    opacity: 0.76;
}

.epin-pkg-hero__thumb .epin-list-row__thumb-media[data-region-tone="global"] {
    border-color: rgba(96, 165, 250, 0.35);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(37, 99, 235, 0.14);
}

.epin-pkg-hero__thumb .epin-list-row__thumb-media[data-region-tone="global"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(37, 99, 235, 0.02) 0%,
        rgba(14, 116, 144, 0.035) 50%,
        rgba(15, 23, 42, 0.05) 100%
    );
}

.epin-pkg-hero__thumb .epin-list-row__thumb-media[data-region-tone="global"] .epin-list-row__thumb-bg {
    filter: blur(2px) saturate(1.25) brightness(1.05) hue-rotate(145deg) contrast(1.03);
    transform: scale(1.1);
    opacity: 1;
}

.epin-pkg-hero__thumb .epin-list-row__thumb-media[data-region-tone="epin"] {
    border-color: rgba(252, 211, 77, 0.38);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(245, 158, 11, 0.14);
}

.epin-pkg-hero__thumb .epin-list-row__thumb-media[data-region-tone="epin"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(251, 191, 36, 0.02) 0%,
        rgba(217, 119, 6, 0.04) 48%,
        rgba(92, 45, 8, 0.06) 100%
    );
}

.epin-pkg-hero__thumb .epin-list-row__thumb-media[data-region-tone="epin"] .epin-list-row__thumb-bg {
    filter: blur(1.5px) saturate(1.45) brightness(1.2) sepia(0.12) contrast(1.03);
    transform: scale(1.08);
    opacity: 1;
}

.epin-pkg-hero__panel {
    display: flex;
    flex-direction: column;
    gap: 0.72rem;
    min-width: 0;
    min-height: 100%;
    align-self: stretch;
}

.epin-pkg-hero__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.epin-pkg-hero__brand-row {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    flex: 1 1 auto;
}

.epin-pkg-hero__game-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background-color: #ff9500;
    padding: 0;
}

.epin-pkg-hero__game-icon--ilan {
    background-color: #ff9500;
    border-radius: 10px;
}

.epin-pkg-hero__game-icon-img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.epin-pkg-hero__brand-text {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
}

.epin-pkg-hero__publisher {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #60a5fa;
    text-transform: uppercase;
    line-height: 1.2;
}

.epin-pkg-hero__head-right {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0.45rem;
    margin-left: auto;
    flex-shrink: 0;
}

.epin-pkg-hero__rating {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    background: rgba(88, 58, 18, 0.55);
    border: 1px solid rgba(245, 158, 11, 0.28);
    white-space: nowrap;
}

.epin-pkg-hero__rating-value {
    font-size: 0.82rem;
    font-weight: 800;
    color: #fbbf24;
    line-height: 1;
}

.epin-pkg-hero__rating-stars {
    color: #f59e0b;
    font-size: 0.68rem;
    letter-spacing: 0.02em;
    line-height: 1;
}

.epin-pkg-hero__rating-stars .epin-star--dim {
    opacity: 0.35;
}

.epin-pkg-hero__seller {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.18rem 0.62rem 0.18rem 0.32rem;
    border-radius: 999px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.22);
    font-size: 0.72rem;
    color: var(--epin-text-muted, #b8bcc4);
    white-space: nowrap;
    max-width: min(100%, 280px);
}

.epin-pkg-hero__seller-logo-wrap {
    position: relative;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at 36% 28%, rgba(255, 255, 255, 0.14) 0%, transparent 58%),
        radial-gradient(circle at 50% 115%, rgba(43, 94, 247, 0.14) 0%, transparent 62%),
        linear-gradient(165deg, #3e3e43 0%, var(--epin-surface-2, #323232) 52%, #26262a 100%);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        inset 0 -2px 4px rgba(0, 0, 0, 0.22),
        0 1px 4px rgba(0, 0, 0, 0.18);
}

.epin-pkg-hero__seller-logo-wrap::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.08) 0%, transparent 72%);
    pointer-events: none;
    z-index: 0;
}

.epin-pkg-hero__seller-logo {
    position: relative;
    z-index: 1;
    display: block;
    width: 21px;
    height: 21px;
    object-fit: contain;
    object-position: center center;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
}

.epin-pkg-hero__seller-text {
    line-height: 1.2;
}

.epin-pkg-hero__seller strong {
    color: var(--epin-text-primary, #f1f5f9);
    font-weight: 700;
}

.epin-pkg-hero__title {
    margin: 0;
    font-size: clamp(0.9rem, 1.5vw, 1.06rem);
    font-weight: 700;
    line-height: 1.3;
    color: var(--epin-text-primary, #f1f5f9);
}

.epin-pkg-hero__sub {
    margin: 0;
    font-size: 0.88rem;
    color: var(--epin-text-muted, #b8bcc4);
}

.epin-pkg-hero__urgency {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    flex-wrap: wrap;
    padding: 0.7rem 0.85rem;
    min-height: 44px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.epin-pkg-hero__viewers {
    font-size: 0.88rem;
    color: var(--epin-text-muted, #b8bcc4);
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.epin-pkg-hero__viewers-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #f59e0b;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.25);
    flex-shrink: 0;
}

.epin-pkg-hero__trust {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.28rem 0.62rem;
    border-radius: 999px;
    background: rgba(34, 197, 94, 0.14);
    border: 1px solid rgba(34, 197, 94, 0.35);
    color: #4ade80;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.epin-pkg-hero__trust i {
    font-size: 0.82rem;
}

.epin-pkg-hero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.epin-pkg-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.32rem 0.62rem;
    border-radius: 999px;
    font-size: 0.74rem;
    color: var(--epin-text-primary, #f1f5f9);
    border: 1px solid transparent;
}

.epin-pkg-tag strong {
    font-weight: 700;
}

.epin-pkg-tag--region {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.35);
}

.epin-pkg-tag--type {
    background: rgba(139, 92, 246, 0.14);
    border-color: rgba(139, 92, 246, 0.35);
}

.epin-pkg-tag--delivery {
    background: rgba(236, 72, 153, 0.12);
    border-color: rgba(236, 72, 153, 0.32);
}

.epin-pkg-tag--delivery-alt {
    background: rgba(244, 63, 94, 0.1);
    border-color: rgba(244, 63, 94, 0.28);
}

.epin-pkg-tag__icon {
    font-size: 0.72rem;
    opacity: 0.9;
}

.epin-pkg-hero__buybar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    flex-wrap: wrap;
    margin-top: auto;
    padding: 0.78rem 0.95rem;
    min-height: 46px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-sizing: border-box;
}

.epin-pkg-hero__price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.45rem 0.65rem;
    min-width: 0;
}

.epin-pkg-hero__price-icon {
    color: #fbbf24;
    font-size: 1.28rem;
    line-height: 1;
    flex-shrink: 0;
}

.epin-pkg-hero__price strong {
    font-size: clamp(1.28rem, 2.4vw, 1.65rem);
    font-weight: 700;
    color: #00c853;
    line-height: 1.1;
}

.epin-pkg-hero__price del {
    font-size: 0.9rem;
    font-weight: 400;
    color: #a8b0bb;
    text-decoration-thickness: 1px;
}

.epin-pkg-hero__actions {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-left: auto;
}

.epin-pkg-qty {
    display: inline-flex;
    align-items: center;
    height: 46px;
    padding: 0 5px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: transparent;
    box-shadow: none;
    --epin-qty-hover: rgba(255, 255, 255, 0.12);
    --epin-qty-active: rgba(255, 255, 255, 0.18);
}

.epin-pkg-qty__btn {
    width: 34px;
    min-width: 34px;
    height: 36px;
    align-self: center;
    border: none !important;
    border-radius: 10px;
    outline: none;
    background: transparent !important;
    color: #f1f5f9;
    font-size: 1.28rem;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease, color 0.15s ease;
    box-shadow: none !important;
}

.epin-pkg-qty__btn:hover {
    background: var(--epin-qty-hover) !important;
}

.epin-pkg-qty__btn:active {
    background: var(--epin-qty-active) !important;
}

.epin-pkg-qty__input {
    width: 34px;
    height: 100%;
    align-self: stretch;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #f1f5f9;
    text-align: center;
    font-weight: 500;
    font-size: 1.08rem;
    line-height: 1;
    padding: 0;
    -webkit-appearance: none;
    appearance: none;
}

.epin-pkg-hero__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 46px;
    padding: 0 1.35rem;
    border-radius: 10px;
    border: none;
    font-size: 0.88rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.15s ease;
}

.epin-pkg-hero__buybar .epin-pkg-hero__btn:not(.epin-pkg-hero__btn--buy) {
    border-radius: 10px;
    min-height: 40px;
    padding: 0 1.4rem;
}

.epin-store--package button.epin-pkg-hero__btn--buy,
button.epin-pkg-hero__btn--buy {
    flex: 0 0 var(--epin-cta-width, 8.1rem);
    width: var(--epin-cta-width, 8.1rem);
    min-width: var(--epin-cta-width, 8.1rem);
    max-width: var(--epin-cta-width, 8.1rem);
    box-sizing: border-box;
    gap: 0.42rem;
    padding: 0.72rem 0.65rem;
    border-radius: 11px;
    font-size: 0.86rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    min-height: 0;
    justify-content: center;
    white-space: nowrap;
    background: linear-gradient(180deg, #ffc233 0%, #f5a300 48%, #e69900 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    border: 1px solid rgba(255, 210, 120, 0.35) !important;
    box-shadow: 0 4px 14px rgba(245, 163, 0, 0.25) !important;
    transition: background 0.15s, border-color 0.15s, opacity 0.15s;
}

.epin-store--package button.epin-pkg-hero__btn--buy i,
button.epin-pkg-hero__btn--buy i {
    color: #ffffff !important;
}

.epin-store--package button.epin-pkg-hero__btn--buy:hover,
button.epin-pkg-hero__btn--buy:hover {
    background: linear-gradient(180deg, #ffb020 0%, #e69900 100%) !important;
    border-color: rgba(255, 200, 100, 0.5) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    filter: none;
    box-shadow: 0 6px 18px rgba(245, 163, 0, 0.35) !important;
}

.epin-store--package button.epin-pkg-hero__btn--buy:hover i,
button.epin-pkg-hero__btn--buy:hover i {
    color: #ffffff !important;
}

.epin-store--package a.epin-pkg-hero__btn--login,
.epin-pkg-hero__btn--login {
    background: linear-gradient(180deg, #ffc233 0%, #f5a300 48%, #e69900 100%);
    border: 1px solid rgba(255, 210, 120, 0.35);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    font-weight: 500;
    letter-spacing: 0.03em;
    box-shadow: 0 4px 18px rgba(255, 160, 0, 0.38);
}

.epin-store--package a.epin-pkg-hero__btn--login i,
.epin-pkg-hero__btn--login i {
    color: #ffffff !important;
}

.epin-store--package a.epin-pkg-hero__btn--login:hover,
.epin-pkg-hero__btn--login:hover {
    background: linear-gradient(180deg, #ffb020 0%, #e69900 100%);
    border-color: rgba(255, 200, 100, 0.5);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    filter: none;
}

.epin-store--package a.epin-pkg-hero__btn--login:hover i,
.epin-pkg-hero__btn--login:hover i {
    color: #ffffff !important;
}

.epin-pkg-similar__title {
    margin: 0 0 0.75rem;
    font-size: 0.95rem;
    font-weight: 800;
    color: var(--epin-text-primary, #f1f5f9);
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.epin-pkg-similar__title i {
    color: #60a5fa;
    font-size: 0.9em;
}

.epin-pkg-similar__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
}

.epin-similar-card {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 0.85rem;
    row-gap: 0;
    padding: 0.62rem 0.72rem;
    min-height: 64px;
    background: var(--epin-surface-2, #323232);
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.12));
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.epin-similar-card:hover {
    border-color: #2b5ef7;
    box-shadow: 0 0 0 1px rgba(43, 94, 247, 0.22);
}

.epin-similar-card__thumb.epin-list-row__thumb {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 8px;
    background: #1a1a1a;
}

.epin-similar-card__thumb .epin-list-row__thumb-media {
    width: 56px;
    height: 56px;
    border-radius: 8px;
}

.epin-similar-card__thumb .epin-list-row__thumb-stack {
    padding: 2px 2px 0;
}

.epin-similar-card__thumb .epin-list-row__thumb-site-mini {
    height: 10px;
    max-width: 30px;
}

.epin-similar-card__thumb .epin-list-row__thumb-pubg {
    width: 28px;
    max-width: 92%;
    max-height: 11px;
}

.epin-similar-card__thumb .epin-list-row__thumb-uc {
    font-size: 0.48rem;
    margin: auto 0 5px 0;
    transform: translateY(-1px);
}

.epin-similar-card__thumb .epin-list-row__thumb-uc-amount {
    font-size: inherit;
}

.epin-similar-card__thumb .epin-list-row__thumb-elite-title {
    font-size: 0.42rem;
}

.epin-similar-card__thumb .epin-list-row__thumb-elite-range {
    font-size: 0.38rem;
}

.epin-similar-card__thumb .epin-list-row__thumb-layers {
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: 1;
    visibility: visible;
}

.epin-similar-card__thumb .epin-list-row__thumb-stack {
    z-index: 6;
}

.epin-similar-card__thumb .epin-list-row__thumb-composite {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none;
}

.epin-similar-card__thumb .epin-list-row__thumb-media[data-region-tone="turkiye"] {
    border-color: rgba(248, 113, 113, 0.35);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(227, 10, 23, 0.12);
}

.epin-similar-card__thumb .epin-list-row__thumb-media[data-region-tone="turkiye"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(227, 10, 23, 0.02) 0%,
        rgba(139, 24, 34, 0.04) 52%,
        rgba(55, 18, 24, 0.06) 100%
    );
}

.epin-similar-card__thumb .epin-list-row__thumb-media[data-region-tone="turkiye"] .epin-list-row__thumb-bg {
    filter: blur(1.5px) saturate(1.4) brightness(1.18) contrast(1.05);
    transform: scale(1.08);
    opacity: 1;
}

.epin-similar-card__thumb .epin-list-row__thumb-media[data-region-tone="global"] {
    border-color: rgba(96, 165, 250, 0.35);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(37, 99, 235, 0.14);
}

.epin-similar-card__thumb .epin-list-row__thumb-media[data-region-tone="global"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(37, 99, 235, 0.02) 0%,
        rgba(14, 116, 144, 0.035) 50%,
        rgba(15, 23, 42, 0.05) 100%
    );
}

.epin-similar-card__thumb .epin-list-row__thumb-media[data-region-tone="global"] .epin-list-row__thumb-bg {
    filter: blur(2px) saturate(1.25) brightness(1.05) hue-rotate(145deg) contrast(1.03);
    transform: scale(1.1);
    opacity: 1;
}

.epin-similar-card__thumb .epin-list-row__thumb-media[data-region-tone="epin"] {
    border-color: rgba(252, 211, 77, 0.38);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(245, 158, 11, 0.14);
}

.epin-similar-card__thumb .epin-list-row__thumb-media[data-region-tone="epin"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(251, 191, 36, 0.02) 0%,
        rgba(217, 119, 6, 0.04) 48%,
        rgba(92, 45, 8, 0.06) 100%
    );
}

.epin-similar-card__thumb .epin-list-row__thumb-media[data-region-tone="epin"] .epin-list-row__thumb-bg {
    filter: blur(1.5px) saturate(1.45) brightness(1.2) sepia(0.12) contrast(1.03);
    transform: scale(1.08);
    opacity: 1;
}

.epin-similar-card__body {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.epin-similar-card__title {
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--epin-text-primary, #f1f5f9);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.28;
}

.epin-similar-card__price {
    display: flex;
    align-items: baseline;
    gap: 0.38rem;
    flex-wrap: wrap;
    line-height: 1.22;
}

.epin-similar-card__price strong {
    font-size: 0.8rem;
    font-weight: 800;
    color: #36ff72;
}

.epin-similar-card__price del {
    font-size: 0.66rem;
    font-weight: 400;
    color: var(--epin-text-faint, #9ca3af);
}

.epin-similar-card__chev {
    color: var(--epin-text-muted, #b8bcc4);
    font-size: 0.7rem;
    padding-left: 0.15rem;
}

.epin-content-box--package {
    margin-top: 0.25rem;
}

.epin-seo-content--package p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.65;
    color: var(--epin-text-muted, #b8bcc4);
}

.epin-seo-content--package strong {
    color: var(--epin-text-primary, #f1f5f9);
    font-weight: 700;
}

.epin-reviews--grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.epin-review-card--grid {
    padding: 0.85rem 0.95rem;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.1));
}

.epin-review-card--grid .epin-review-card__head {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: start;
    gap: 0.5rem 0.65rem;
    margin-bottom: 0.55rem;
}

.epin-review-card--grid .epin-review-card__avatar {
    width: 44px;
    height: 44px;
    border: 2px solid rgba(59, 130, 246, 0.45);
    grid-row: 1 / span 2;
}

.epin-review-card--grid .epin-review-card__meta {
    min-width: 0;
}

.epin-review-card--grid .epin-review-card__name {
    font-size: 0.88rem;
    font-weight: 700;
}

.epin-review-card--grid .epin-review-card__date {
    display: block;
    margin-top: 0.15rem;
    font-size: 0.72rem;
    color: var(--epin-text-faint, #9ca3af);
}

.epin-review-card--grid .epin-review-card__stars {
    font-size: 0.7rem;
    color: #f59e0b;
    justify-self: end;
    align-self: start;
}

.epin-review-card--grid .epin-review-card__text {
    font-size: 0.84rem;
    line-height: 1.5;
    color: var(--epin-text-primary, #e2e8f0);
}

.epin-reviews-more {
    position: relative;
    margin-top: 1.35rem;
    padding-top: 1.35rem;
    text-align: center;
}

.epin-reviews-more::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: var(--epin-content-border, rgba(255, 255, 255, 0.12));
    pointer-events: none;
}

.epin-reviews-more__btn {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 1.25rem;
    border-radius: 999px;
    border: 1px solid var(--epin-content-border, rgba(255, 255, 255, 0.2));
    background: var(--epin-surface-2, #323232);
    color: var(--epin-text-muted, #b8bcc4);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.epin-reviews-more__btn:hover {
    border-color: #60a5fa;
    color: var(--epin-text-primary, #f1f5f9);
}

body.light-mode .epin-store--package {
    background: var(--site-page-bg, #f3f4f6);
    --epin-surface: #ffffff;
    --epin-surface-2: #ffffff;
    --epin-content-border: rgba(15, 23, 42, 0.14);
    --epin-text-primary: #1e293b;
    --epin-text-muted: #64748b;
    --epin-text-faint: #94a3b8;
}

body.light-mode .epin-pkg-hero,
body.light-mode .epin-similar-card {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.14);
    box-shadow: none;
}

body.light-mode .epin-pkg-hero__urgency {
    background: rgba(255, 255, 255, 0.55);
    border-color: rgba(15, 23, 42, 0.1);
}

body.light-mode .epin-pkg-hero__buybar {
    background: rgba(15, 23, 42, 0.04);
    border-color: rgba(15, 23, 42, 0.1);
}

body.light-mode .epin-pkg-hero__price strong {
    color: #00a844;
}

body.light-mode .epin-store--package a.epin-pkg-hero__btn--login,
body.light-mode .epin-pkg-hero__btn--login,
body.light-mode .epin-store--package a.epin-pkg-hero__btn--login:hover,
body.light-mode .epin-pkg-hero__btn--login:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
}

body.light-mode .epin-store--package a.epin-pkg-hero__btn--login i,
body.light-mode .epin-pkg-hero__btn--login i,
body.light-mode .epin-store--package a.epin-pkg-hero__btn--login:hover i,
body.light-mode .epin-pkg-hero__btn--login:hover i {
    color: #ffffff !important;
}

body.light-mode .epin-reviews-more__btn {
    background: #ffffff;
}

body.light-mode .epin-seo-content--package p {
    color: #64748b;
}

body.light-mode .epin-seo-content--package strong {
    color: #1e293b;
}

body.light-mode .epin-pkg-hero__rating {
    background: rgba(254, 243, 199, 0.9);
    border-color: rgba(245, 158, 11, 0.35);
}

body.light-mode .epin-pkg-hero__rating-value {
    color: #d97706;
}

body.light-mode .epin-pkg-hero__seller {
    background: transparent;
    border-color: rgba(15, 23, 42, 0.18);
}

body.light-mode .epin-pkg-hero__seller-logo-wrap {
    background:
        radial-gradient(circle at 36% 28%, rgba(255, 255, 255, 0.95) 0%, transparent 58%),
        radial-gradient(circle at 50% 115%, rgba(43, 94, 247, 0.08) 0%, transparent 62%),
        linear-gradient(165deg, #f8fafc 0%, #eef2f6 52%, #e2e8f0 100%);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        inset 0 -1px 2px rgba(15, 23, 42, 0.06),
        0 1px 3px rgba(15, 23, 42, 0.08);
}

body.light-mode .epin-pkg-hero__seller-logo-wrap::before {
    background: radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.65) 0%, transparent 70%);
}

body.light-mode .epin-pkg-hero__title,
body.light-mode .epin-pkg-similar__title,
body.light-mode .epin-similar-card__title {
    color: #1e293b;
}

body.light-mode .epin-pkg-hero__price strong,
body.light-mode .epin-similar-card__price strong {
    color: #16a34a;
}

body.light-mode .epin-pkg-qty {
    --epin-qty-hover: rgba(15, 23, 42, 0.08);
    --epin-qty-active: rgba(15, 23, 42, 0.12);
    background: transparent;
    border-color: rgba(15, 23, 42, 0.18);
    box-shadow: none;
}

body.light-mode .epin-pkg-qty__btn {
    background: transparent !important;
    color: #1e293b;
}

body.light-mode .epin-pkg-qty__input {
    background: transparent !important;
    color: #1e293b;
}

body.light-mode .epin-pkg-qty__btn:hover {
    background: var(--epin-qty-hover) !important;
}

body.light-mode .epin-pkg-qty__btn:active {
    background: var(--epin-qty-active) !important;
}

@media (min-width: 900px) {
    .epin-pkg-similar__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .epin-reviews--grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .epin-reviews--grid {
        grid-template-columns: 1fr;
    }

    .epin-pkg-hero {
        grid-template-columns: 1fr;
        padding: 1rem;
        align-items: stretch;
    }

    .epin-pkg-hero__panel {
        min-height: 0;
    }

    .epin-pkg-hero__thumb {
        max-width: none;
        width: 100%;
    }

    .epin-pkg-hero__buybar {
        margin-top: 0.35rem;
    }

    .epin-pkg-hero__head-right {
        align-items: flex-start;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .epin-pkg-hero__buybar {
        flex-direction: column;
        align-items: stretch;
    }

    .epin-pkg-hero__actions {
        margin-left: 0;
        width: 100%;
    }

    .epin-pkg-hero__btn:not(.epin-pkg-hero__btn--buy) {
        flex: 1;
    }

    .epin-store--package button.epin-pkg-hero__btn--buy {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    }

    .epin-pkg-similar__grid {
        grid-template-columns: 1fr;
    }
}

body.dark-mode .epin-sheet {
    --epin-content-border: rgba(255, 255, 255, 0.12);
}

/* MLBB paket/hero/similar — renkli blur cam (liste ile aynı tonlar) */
.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="glb"] .epin-list-row__thumb-bg,
.epin-similar-card__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="glb"] .epin-list-row__thumb-bg {
    filter: blur(6px) saturate(1.45) brightness(0.84) hue-rotate(158deg) contrast(1.05);
    opacity: 0.76;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="ph"] .epin-list-row__thumb-bg,
.epin-similar-card__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="ph"] .epin-list-row__thumb-bg {
    filter: blur(5.8px) saturate(1.42) brightness(0.86) hue-rotate(-12deg) contrast(1.04);
    opacity: 0.76;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="id"] .epin-list-row__thumb-bg,
.epin-similar-card__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="id"] .epin-list-row__thumb-bg {
    filter: blur(5.6px) saturate(1.48) brightness(0.85) sepia(0.08) hue-rotate(-5deg) contrast(1.05);
    opacity: 0.76;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="my"] .epin-list-row__thumb-bg,
.epin-similar-card__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="my"] .epin-list-row__thumb-bg {
    filter: blur(5.8px) saturate(1.4) brightness(0.84) hue-rotate(12deg) contrast(1.04);
    opacity: 0.76;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="ru"] .epin-list-row__thumb-bg,
.epin-similar-card__thumb.epin-list-row__thumb--mlbb .epin-list-row__thumb-media[data-region-tone="ru"] .epin-list-row__thumb-bg {
    filter: blur(5.6px) saturate(1.38) brightness(0.86) hue-rotate(8deg) contrast(1.04);
    opacity: 0.76;
}

/* LoL RP — büyük logo ve RP/USD metni */
.epin-list-row__thumb--lol .epin-list-row__thumb-pubg {
    width: 44px;
    max-width: 92%;
    max-height: 20px;
}

.epin-list-row__thumb--lol .epin-list-row__thumb-uc {
    font-size: 0.92rem;
    font-weight: 700;
    margin: auto 0 7px 0;
    transform: translateY(-4px);
}

.epin-list-row__thumb--lol .epin-list-row__thumb-uc-amount {
    font-size: 1.02em;
}

.epin-list-row__thumb--lol .epin-list-row__thumb-uc-unit {
    font-size: 0.88em;
}

.epin-store--list .epin-list-row__thumb--lol + .epin-list-row__info .epin-list-row__sub,
.epin-list-row:has(.epin-list-row__thumb--lol) .epin-list-row__sub {
    font-size: 0.9rem;
    margin-top: -2px;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--lol .epin-list-row__thumb-pubg {
    width: auto;
    max-width: min(72%, 150px);
    max-height: 62px;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--lol .epin-list-row__thumb-uc {
    font-size: clamp(1.05rem, 2.8vw, 1.35rem);
    margin: auto 0 12px 0;
    transform: translateY(-6px);
}

.epin-pkg-hero__thumb.epin-list-row__thumb--lol .epin-list-row__thumb-site-mini {
    width: 52px;
    height: 52px;
    max-width: 52px;
    max-height: 52px;
}

.epin-similar-card__thumb.epin-list-row__thumb--lol .epin-list-row__thumb-pubg {
    width: 40px;
    max-height: 18px;
}

.epin-similar-card__thumb.epin-list-row__thumb--lol .epin-list-row__thumb-uc {
    font-size: 0.78rem;
    transform: translateY(-3px);
}

.epin-pkg-tag--currency {
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.35);
    color: #86efac;
}

/* Roblox — SİTE ÜRÜNÜ / İLAN PAZARI sekmeleri */
.epin-source-tabs {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin: 0 auto 20px;
    max-width: 520px;
    padding: 0 12px;
}

.epin-source-tab {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 18px;
    border: 1.5px solid rgba(148, 163, 184, 0.38);
    border-radius: 12px;
    background: transparent;
    color: rgba(203, 213, 225, 0.94);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.epin-source-tab:hover:not(.is-active),
.epin-source-tab:focus-visible:not(.is-active) {
    border-color: #2b5ef7 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.epin-source-tab:hover:not(.is-active) .epin-source-tab__text,
.epin-source-tab:focus-visible:not(.is-active) .epin-source-tab__text {
    color: #2b5ef7 !important;
}

.epin-source-tab:hover:not(.is-active) .epin-source-tab__icon,
.epin-source-tab:focus-visible:not(.is-active) .epin-source-tab__icon {
    color: rgba(203, 213, 225, 0.94) !important;
}

.epin-source-tab:not(.is-active) {
    background: transparent !important;
    box-shadow: none !important;
}

.epin-source-tab.is-active,
.epin-source-tab.is-active[data-source-tab="site"],
.epin-source-tab.is-active[data-source-tab="ilan"] {
    background: #2b5ef7 !important;
    border-color: #2b5ef7 !important;
    box-shadow: none !important;
}

.epin-source-tab.is-active .epin-source-tab__text {
    color: #ffffff !important;
}

.epin-source-tab.is-active .epin-source-tab__icon {
    color: rgba(226, 232, 240, 0.95) !important;
}

.epin-source-tab__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    color: inherit;
}

/* Kaynak + bölge sekmeleri — global button reset (main.css) üzerine */
body.dark-mode button.epin-source-tab,
body.dark-mode button.epin-region-tab,
.epin-store button.epin-source-tab,
.epin-store button.epin-region-tab {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 11px !important;
}

body.dark-mode button.epin-source-tab:not(.is-active),
.epin-source-tabs .epin-source-tab:not(.is-active) {
    background: transparent !important;
    border: 1.5px solid rgba(148, 163, 184, 0.38) !important;
    color: rgba(203, 213, 225, 0.94) !important;
    box-shadow: none !important;
}

body.dark-mode button.epin-source-tab:hover:not(.is-active),
body.dark-mode button.epin-source-tab:focus-visible:not(.is-active),
.epin-source-tabs .epin-source-tab:hover:not(.is-active),
.epin-source-tabs .epin-source-tab:focus-visible:not(.is-active) {
    border-color: #2b5ef7 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.dark-mode button.epin-source-tab:hover:not(.is-active) .epin-source-tab__text,
.epin-source-tabs .epin-source-tab:hover:not(.is-active) .epin-source-tab__text {
    color: #2b5ef7 !important;
}

body.dark-mode button.epin-source-tab:hover:not(.is-active) .epin-source-tab__icon,
.epin-source-tabs .epin-source-tab:hover:not(.is-active) .epin-source-tab__icon {
    color: rgba(203, 213, 225, 0.94) !important;
}

body.dark-mode button.epin-source-tab.is-active,
.epin-source-tabs .epin-source-tab.is-active {
    background: #2b5ef7 !important;
    border-color: #2b5ef7 !important;
    box-shadow: none !important;
}

body.dark-mode button.epin-source-tab.is-active .epin-source-tab__text,
.epin-source-tabs .epin-source-tab.is-active .epin-source-tab__text {
    color: #ffffff !important;
}

body.dark-mode button.epin-source-tab.is-active .epin-source-tab__icon,
.epin-source-tabs .epin-source-tab.is-active .epin-source-tab__icon {
    color: rgba(226, 232, 240, 0.95) !important;
}

body.dark-mode button.epin-region-tab:not(.is-active),
.epin-region-tabs .epin-region-tab:not(.is-active),
.epin-store--list .epin-region-tab:not(.is-active) {
    background: transparent !important;
    border: 1.5px solid rgba(148, 163, 184, 0.38) !important;
    box-shadow: none !important;
}

body.dark-mode button.epin-region-tab:hover:not(.is-active),
body.dark-mode button.epin-region-tab:focus-visible:not(.is-active) {
    border-color: #2b5ef7 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.dark-mode button.epin-region-tab:hover:not(.is-active) .epin-region-tab__text {
    color: #2b5ef7 !important;
}

body.dark-mode button.epin-region-tab:hover:not(.is-active) .epin-region-tab__icon {
    color: rgba(203, 213, 225, 0.94) !important;
}

body.dark-mode button.epin-region-tab.is-active,
.epin-region-tabs .epin-region-tab.is-active,
.epin-store--list .epin-region-tab.is-active {
    background: #2b5ef7 !important;
    border-color: #2b5ef7 !important;
    box-shadow: none !important;
}

body.dark-mode button.epin-region-tab.is-active .epin-region-tab__text,
.epin-region-tabs .epin-region-tab.is-active .epin-region-tab__text,
.epin-store--list .epin-region-tab.is-active .epin-region-tab__text {
    color: #ffffff !important;
}

body.dark-mode button.epin-region-tab.is-active .epin-region-tab__icon,
.epin-region-tabs .epin-region-tab.is-active .epin-region-tab__icon,
.epin-store--list .epin-region-tab.is-active .epin-region-tab__icon {
    color: rgba(226, 232, 240, 0.95) !important;
}

.epin-source-panel[hidden] {
    display: none !important;
}

.epin-ilan-embed {
    padding: 4px 0 12px;
}

.epin-ilan-embed .home-listings-anchor {
    padding: 0;
    min-height: 0;
}

.epin-ilan-embed .benzer-ilan-card {
    width: 100%;
    max-width: none;
}

.epin-ilan-empty,
.epin-ilan-embed__more {
    text-align: center;
    color: #94a3b8;
    font-size: 0.92rem;
    margin: 12px 0;
}

.epin-ilan-embed__more a {
    color: #60a5fa;
    font-weight: 600;
}

/* Roblox thumb — PUBG ile aynı yazı boyutu; 4+ hane iki satır */
.epin-list-row__thumb--roblox .epin-list-row__thumb-pubg {
    width: 38px;
    max-width: 90%;
    max-height: 15px;
}

.epin-list-row__thumb--roblox .epin-list-row__thumb-uc--roblox-stack {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    white-space: normal;
    line-height: 1;
    gap: 0;
}

.epin-list-row__thumb--roblox .epin-list-row__thumb-uc--roblox-stack .epin-list-row__thumb-uc-amount,
.epin-list-row__thumb--roblox .epin-list-row__thumb-uc--roblox-stack .epin-list-row__thumb-uc-unit {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: -0.04em;
    margin: 0;
    opacity: 1;
    line-height: 1;
}

.epin-list-row__thumb--roblox .epin-list-row__thumb-uc--roblox-stack .epin-list-row__thumb-uc-unit {
    margin-left: 0;
    margin-top: 1px;
}

.epin-list-row__badge--roblox,
.epin-store--list .epin-list-row__badge--roblox {
    background: rgba(34, 197, 94, 0.14) !important;
    border: 1px solid rgba(74, 222, 128, 0.38) !important;
    color: #4ade80 !important;
    font-size: 0.56rem;
    font-weight: 700;
    padding: 0.24rem 0.4rem;
    gap: 0.2rem;
    letter-spacing: 0.02em;
    line-height: 1.2;
    min-height: 1.28rem;
}

.epin-list-row__badge--roblox i,
.epin-store--list .epin-list-row__badge--roblox i {
    color: #4ade80 !important;
    font-size: 0.46rem;
}

.epin-pkg-hero__game-icon--roblox {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: #e2231a !important;
    padding: 0;
}

.epin-pkg-hero__game-icon--roblox .epin-pkg-hero__game-icon-img {
    width: 34px;
    height: 34px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.epin-pkg-hero__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-site-mini {
    display: block;
    width: auto;
    height: 46px;
    min-height: 46px;
    max-width: 160px;
    max-height: none;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    flex: 0 0 auto;
    flex-shrink: 0;
    align-self: center;
    object-fit: contain;
    object-position: center top;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.85));
    mix-blend-mode: screen;
    -webkit-mix-blend-mode: screen;
    opacity: 1;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-stack {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 0;
    gap: 0;
    padding: 48px 4px 18px;
    box-sizing: border-box;
    overflow: hidden;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-brand {
    flex: 0 0 auto;
    min-height: 0;
    max-height: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    overflow: visible;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-pubg {
    width: auto;
    max-width: min(98%, 340px);
    max-height: 168px;
    height: auto;
    min-height: 92px;
    object-fit: contain;
    margin-bottom: 0;
    transform: scale(1.22);
    transform-origin: center center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-uc {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: center;
    flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin: 0.55rem 0 0 0;
    padding: 0;
    transform: none;
    font-size: clamp(1.75rem, 5.5vw, 2.65rem);
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    color: #ffffff;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.7),
        0 2px 6px rgba(0, 0, 0, 0.45);
    z-index: 6;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-uc--roblox-inline,
.epin-pkg-hero__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-uc--roblox-stack {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    white-space: nowrap;
    gap: 0;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-uc-amount,
.epin-pkg-hero__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-uc-unit {
    display: inline;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: -0.04em;
    line-height: inherit;
    margin: 0;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-uc-unit {
    margin-left: 0.14em;
    letter-spacing: 0;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-media[data-region-tone="global"] .epin-list-row__thumb-bg {
    filter: blur(2px) saturate(1.4) brightness(1.06) hue-rotate(95deg) contrast(1.04);
    transform: scale(1.1);
    opacity: 1;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-media[data-region-tone="global"] {
    border-color: rgba(52, 211, 153, 0.35);
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.25),
        0 0 0 1px rgba(16, 185, 129, 0.16);
}

.epin-pkg-hero__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-media[data-region-tone="global"] .epin-list-row__thumb-layers::before {
    background: linear-gradient(
        145deg,
        rgba(16, 185, 129, 0.08) 0%,
        rgba(6, 182, 212, 0.06) 52%,
        rgba(15, 23, 42, 0.12) 100%
    );
}

.epin-similar-card__thumb.epin-list-row__thumb--roblox .epin-list-row__thumb-pubg {
    width: 36px;
    max-height: 14px;
}

/* Free Fire thumb — PUBG liste ölçeği */
.epin-list-row__thumb--freefire .epin-list-row__thumb-pubg {
    width: 38px;
    max-width: 90%;
    max-height: 15px;
}

.epin-list-row__thumb--freefire .epin-list-row__thumb-uc--ff-stack {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    white-space: normal;
    line-height: 1;
    gap: 0;
}

.epin-list-row__thumb--freefire .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-amount,
.epin-list-row__thumb--freefire .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: -0.04em;
    margin: 0;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--freefire .epin-list-row__thumb-stack {
    justify-content: center;
    padding: 48px 4px 18px;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--freefire .epin-list-row__thumb-brand {
    flex: 0 0 auto;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--freefire .epin-list-row__thumb-pubg {
    width: auto;
    max-width: min(98%, 300px);
    max-height: 150px;
    min-height: 84px;
    transform: scale(1.1);
    transform-origin: center center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--freefire .epin-list-row__thumb-uc {
    margin: 0.55rem 0 0 0;
    font-size: clamp(1.75rem, 5.5vw, 2.65rem);
    font-weight: 600;
}

.epin-pkg-hero__game-icon--freefire {
    border-radius: 10px;
}

.epin-list-row__thumb--genshin .epin-list-row__thumb-pubg {
    width: 38px;
    max-width: 90%;
    max-height: 18px;
}

.epin-list-row__thumb--genshin .epin-list-row__thumb-uc--ff-stack {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    white-space: normal;
    line-height: 1;
    gap: 0;
}

.epin-list-row__thumb--genshin .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-amount,
.epin-list-row__thumb--genshin .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: -0.04em;
    margin: 0;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--genshin .epin-list-row__thumb-stack {
    justify-content: center;
    padding: 48px 4px 18px;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--genshin .epin-list-row__thumb-brand {
    flex: 0 0 auto;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--genshin .epin-list-row__thumb-pubg {
    width: auto;
    max-width: min(98%, 280px);
    max-height: 140px;
    min-height: 72px;
    transform: scale(1.05);
    transform-origin: center center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--genshin .epin-list-row__thumb-uc {
    margin: 0.5rem 0 0 0;
    font-size: clamp(1.65rem, 5vw, 2.45rem);
    font-weight: 600;
}

.epin-pkg-hero__game-icon--genshin {
    border-radius: 10px;
}

.epin-list-row__thumb--wuthering .epin-list-row__thumb-pubg {
    width: 38px;
    max-width: 90%;
    max-height: 18px;
}

.epin-list-row__thumb--wuthering .epin-list-row__thumb-uc--ff-stack {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    white-space: normal;
    line-height: 1;
    gap: 0;
}

.epin-list-row__thumb--wuthering .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-amount,
.epin-list-row__thumb--wuthering .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: -0.04em;
    margin: 0;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--wuthering .epin-list-row__thumb-stack {
    justify-content: center;
    padding: 48px 4px 18px;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--wuthering .epin-list-row__thumb-brand {
    flex: 0 0 auto;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--wuthering .epin-list-row__thumb-pubg {
    width: auto;
    max-width: min(98%, 280px);
    max-height: 140px;
    min-height: 72px;
    transform: scale(1.05);
    transform-origin: center center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--wuthering .epin-list-row__thumb-uc {
    margin: 0.5rem 0 0 0;
    font-size: clamp(1.65rem, 5vw, 2.45rem);
    font-weight: 600;
}

.epin-pkg-hero__game-icon--wuthering {
    border-radius: 10px;
}

.epin-list-row__thumb--growtopia .epin-list-row__thumb-pubg {
    width: 38px;
    max-width: 90%;
    max-height: 18px;
}

.epin-list-row__thumb--growtopia .epin-list-row__thumb-uc--ff-stack {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    white-space: normal;
    line-height: 1;
    gap: 0;
}

.epin-list-row__thumb--growtopia .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-amount,
.epin-list-row__thumb--growtopia .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: -0.04em;
    margin: 0;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--growtopia .epin-list-row__thumb-stack {
    justify-content: center;
    padding: 48px 4px 18px;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--growtopia .epin-list-row__thumb-brand {
    flex: 0 0 auto;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--growtopia .epin-list-row__thumb-pubg {
    width: auto;
    max-width: min(98%, 280px);
    max-height: 140px;
    min-height: 72px;
    transform: scale(1.05);
    transform-origin: center center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--growtopia .epin-list-row__thumb-uc {
    margin: 0.5rem 0 0 0;
    font-size: clamp(1.65rem, 5vw, 2.45rem);
    font-weight: 600;
}

.epin-pkg-hero__game-icon--growtopia {
    border-radius: 10px;
}

.epin-list-row__thumb--whiteout .epin-list-row__thumb-pubg {
    width: 38px;
    max-width: 90%;
    max-height: 18px;
}

.epin-list-row__thumb--whiteout .epin-list-row__thumb-uc--ff-stack {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    white-space: normal;
    line-height: 1;
    gap: 0;
}

.epin-list-row__thumb--whiteout .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-amount,
.epin-list-row__thumb--whiteout .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: -0.04em;
    margin: 0;
}

.epin-list-row__thumb--whiteout .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    font-size: 0.42rem;
    line-height: 1.1;
    letter-spacing: 0.02em;
    max-width: 4.2rem;
    white-space: normal;
    text-align: center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--whiteout .epin-list-row__thumb-stack {
    justify-content: center;
    padding: 48px 4px 18px;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--whiteout .epin-list-row__thumb-brand {
    flex: 0 0 auto;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--whiteout .epin-list-row__thumb-pubg {
    width: auto;
    max-width: min(98%, 280px);
    max-height: 140px;
    min-height: 72px;
    transform: scale(1.05);
    transform-origin: center center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--whiteout .epin-list-row__thumb-uc {
    margin: 0.5rem 0 0 0;
    font-size: clamp(1.65rem, 5vw, 2.45rem);
    font-weight: 600;
}

.epin-pkg-hero__game-icon--whiteout {
    border-radius: 10px;
}

.epin-list-row__thumb--zula .epin-list-row__thumb-pubg {
    width: 38px;
    max-width: 90%;
    max-height: 18px;
}

.epin-list-row__thumb--zula .epin-list-row__thumb-uc--ff-stack {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    white-space: normal;
    line-height: 1;
    gap: 0;
}

.epin-list-row__thumb--zula .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-amount,
.epin-list-row__thumb--zula .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: -0.04em;
    margin: 0;
}

.epin-list-row__thumb--zula .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    font-size: 0.42rem;
    line-height: 1.1;
    letter-spacing: 0.02em;
    max-width: 4.2rem;
    white-space: normal;
    text-align: center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--zula .epin-list-row__thumb-stack {
    justify-content: center;
    padding: 48px 4px 18px;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--zula .epin-list-row__thumb-brand {
    flex: 0 0 auto;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--zula .epin-list-row__thumb-pubg {
    width: auto;
    max-width: min(98%, 280px);
    max-height: 140px;
    min-height: 72px;
    transform: scale(1.05);
    transform-origin: center center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--zula .epin-list-row__thumb-uc {
    margin: 0.5rem 0 0 0;
    font-size: clamp(1.65rem, 5vw, 2.45rem);
    font-weight: 600;
}

.epin-pkg-hero__game-icon--zula {
    border-radius: 10px;
}

.epin-list-row__thumb--pointblank .epin-list-row__thumb-pubg {
    width: 38px;
    max-width: 90%;
    max-height: 18px;
}

.epin-list-row__thumb--pointblank .epin-list-row__thumb-uc--ff-stack {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    white-space: normal;
    line-height: 1;
    gap: 0;
}

.epin-list-row__thumb--pointblank .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-amount,
.epin-list-row__thumb--pointblank .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: -0.04em;
    margin: 0;
}

.epin-list-row__thumb--pointblank .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    font-size: 0.38rem;
    line-height: 1.1;
    letter-spacing: 0.02em;
    max-width: 4.4rem;
    white-space: normal;
    text-align: center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--pointblank .epin-list-row__thumb-stack {
    justify-content: center;
    padding: 48px 4px 18px;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--pointblank .epin-list-row__thumb-brand {
    flex: 0 0 auto;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--pointblank .epin-list-row__thumb-pubg {
    width: auto;
    max-width: min(98%, 280px);
    max-height: 140px;
    min-height: 72px;
    transform: scale(1.05);
    transform-origin: center center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--pointblank .epin-list-row__thumb-uc {
    margin: 0.5rem 0 0 0;
    font-size: clamp(1.65rem, 5vw, 2.45rem);
    font-weight: 600;
}

.epin-pkg-hero__game-icon--pointblank {
    border-radius: 10px;
}

.epin-list-row__thumb--marvelrivals .epin-list-row__thumb-pubg {
    width: 38px;
    max-width: 90%;
    max-height: 18px;
}

.epin-list-row__thumb--marvelrivals .epin-list-row__thumb-uc--ff-stack,
.epin-list-row__thumb--marvelrivals .epin-list-row__thumb-uc--ff-inline {
    font-size: clamp(0.58rem, 1.6vw, 0.74rem);
}

.epin-list-row__thumb--marvelrivals .epin-list-row__thumb-uc--ff-stack {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    white-space: normal;
    line-height: 1;
    gap: 0;
}

.epin-list-row__thumb--marvelrivals .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-amount,
.epin-list-row__thumb--marvelrivals .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: -0.04em;
    margin: 0;
}

.epin-list-row__thumb--marvelrivals .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    font-size: 0.38rem;
    line-height: 1.1;
    letter-spacing: 0.02em;
    max-width: 4.4rem;
    white-space: normal;
    text-align: center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--marvelrivals .epin-list-row__thumb-stack {
    justify-content: center;
    padding: 48px 4px 18px;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--marvelrivals .epin-list-row__thumb-brand {
    flex: 0 0 auto;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--marvelrivals .epin-list-row__thumb-pubg {
    width: auto;
    max-width: min(98%, 280px);
    max-height: 140px;
    min-height: 72px;
    transform: scale(1.05);
    transform-origin: center center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--marvelrivals .epin-list-row__thumb-uc {
    margin: 0.5rem 0 0 0;
    font-size: clamp(1.65rem, 5vw, 2.45rem);
    font-weight: 600;
}

.epin-pkg-hero__game-icon--marvelrivals {
    border-radius: 10px;
}

.epin-list-row__thumb--honkaistarrail .epin-list-row__thumb-pubg,
.epin-list-row__thumb--wolfteam .epin-list-row__thumb-pubg,
.epin-list-row__thumb--ageofempires .epin-list-row__thumb-pubg,
.epin-list-row__thumb--wartuneultra .epin-list-row__thumb-pubg {
    width: 38px;
    max-width: 90%;
    max-height: 18px;
}

.epin-list-row__thumb--honkaistarrail .epin-list-row__thumb-uc--ff-stack,
.epin-list-row__thumb--honkaistarrail .epin-list-row__thumb-uc--ff-inline,
.epin-list-row__thumb--wolfteam .epin-list-row__thumb-uc--ff-stack,
.epin-list-row__thumb--wolfteam .epin-list-row__thumb-uc--ff-inline,
.epin-list-row__thumb--ageofempires .epin-list-row__thumb-uc--ff-stack,
.epin-list-row__thumb--ageofempires .epin-list-row__thumb-uc--ff-inline,
.epin-list-row__thumb--wartuneultra .epin-list-row__thumb-uc--ff-stack,
.epin-list-row__thumb--wartuneultra .epin-list-row__thumb-uc--ff-inline {
    font-size: clamp(0.58rem, 1.6vw, 0.74rem);
}

.epin-list-row__thumb--honkaistarrail .epin-list-row__thumb-uc--ff-stack,
.epin-list-row__thumb--wolfteam .epin-list-row__thumb-uc--ff-stack,
.epin-list-row__thumb--ageofempires .epin-list-row__thumb-uc--ff-stack,
.epin-list-row__thumb--wartuneultra .epin-list-row__thumb-uc--ff-stack {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    white-space: normal;
    line-height: 1;
    gap: 0;
}

.epin-list-row__thumb--honkaistarrail .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-amount,
.epin-list-row__thumb--honkaistarrail .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit,
.epin-list-row__thumb--wolfteam .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-amount,
.epin-list-row__thumb--wolfteam .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit,
.epin-list-row__thumb--ageofempires .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-amount,
.epin-list-row__thumb--ageofempires .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit,
.epin-list-row__thumb--wartuneultra .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-amount,
.epin-list-row__thumb--wartuneultra .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    display: block;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: -0.04em;
    margin: 0;
}

.epin-list-row__thumb--honkaistarrail .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit,
.epin-list-row__thumb--wolfteam .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit,
.epin-list-row__thumb--ageofempires .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit,
.epin-list-row__thumb--wartuneultra .epin-list-row__thumb-uc--ff-stack .epin-list-row__thumb-uc-unit {
    font-size: 0.38rem;
    line-height: 1.1;
    letter-spacing: 0.02em;
    max-width: 4.4rem;
    white-space: normal;
    text-align: center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--honkaistarrail .epin-list-row__thumb-stack,
.epin-pkg-hero__thumb.epin-list-row__thumb--wolfteam .epin-list-row__thumb-stack,
.epin-pkg-hero__thumb.epin-list-row__thumb--ageofempires .epin-list-row__thumb-stack,
.epin-pkg-hero__thumb.epin-list-row__thumb--wartuneultra .epin-list-row__thumb-stack {
    justify-content: center;
    padding: 48px 4px 18px;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--honkaistarrail .epin-list-row__thumb-brand,
.epin-pkg-hero__thumb.epin-list-row__thumb--wolfteam .epin-list-row__thumb-brand,
.epin-pkg-hero__thumb.epin-list-row__thumb--ageofempires .epin-list-row__thumb-brand,
.epin-pkg-hero__thumb.epin-list-row__thumb--wartuneultra .epin-list-row__thumb-brand {
    flex: 0 0 auto;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--honkaistarrail .epin-list-row__thumb-pubg,
.epin-pkg-hero__thumb.epin-list-row__thumb--wolfteam .epin-list-row__thumb-pubg,
.epin-pkg-hero__thumb.epin-list-row__thumb--ageofempires .epin-list-row__thumb-pubg,
.epin-pkg-hero__thumb.epin-list-row__thumb--wartuneultra .epin-list-row__thumb-pubg {
    width: auto;
    max-width: min(98%, 280px);
    max-height: 140px;
    min-height: 72px;
    transform: scale(1.05);
    transform-origin: center center;
}

.epin-pkg-hero__thumb.epin-list-row__thumb--honkaistarrail .epin-list-row__thumb-uc,
.epin-pkg-hero__thumb.epin-list-row__thumb--wolfteam .epin-list-row__thumb-uc,
.epin-pkg-hero__thumb.epin-list-row__thumb--ageofempires .epin-list-row__thumb-uc,
.epin-pkg-hero__thumb.epin-list-row__thumb--wartuneultra .epin-list-row__thumb-uc {
    margin: 0.5rem 0 0 0;
    font-size: clamp(1.65rem, 5vw, 2.45rem);
    font-weight: 600;
}

.epin-pkg-hero__game-icon--honkaistarrail,
.epin-pkg-hero__game-icon--wolfteam,
.epin-pkg-hero__game-icon--ageofempires,
.epin-pkg-hero__game-icon--wartuneultra {
    border-radius: 10px;
}

.epin-list-row__thumb--giftcard .epin-list-row__thumb-pubg {
    width: 58%;
    height: auto;
    object-fit: contain;
}

.epin-list-row__thumb--giftcard .epin-list-row__thumb-uc--ff-stack,
.epin-list-row__thumb--giftcard .epin-list-row__thumb-uc--ff-inline {
    font-size: clamp(0.62rem, 1.8vw, 0.78rem);
    line-height: 1.05;
}

.epin-list-row__thumb--giftcard-apple .epin-list-row__thumb-bg {
    filter: saturate(0.85) brightness(0.92);
}

.epin-list-row__thumb--giftcard-google-play .epin-list-row__thumb-bg {
    filter: saturate(1.05) hue-rotate(-8deg);
}

.epin-list-row__thumb--giftcard-playstation .epin-list-row__thumb-bg {
    filter: saturate(1.1) brightness(0.95);
}

.epin-list-row__thumb--giftcard-netflix .epin-list-row__thumb-bg {
    filter: saturate(1.15) brightness(0.9);
}

.epin-list-row__thumb--giftcard-xbox .epin-list-row__thumb-bg,
.epin-list-row__thumb--giftcard-xbox-game-pass .epin-list-row__thumb-bg {
    filter: saturate(1.1) hue-rotate(80deg) brightness(0.95);
}

.epin-list-row__thumb--giftcard-razer-gold .epin-list-row__thumb-bg {
    filter: saturate(1.2) hue-rotate(60deg) brightness(0.92);
}

.epin-list-row__thumb--giftcard-amazon .epin-list-row__thumb-bg {
    filter: saturate(1.15) hue-rotate(-20deg) brightness(0.95);
}

.epin-list-row__thumb--giftcard-geforce-now .epin-list-row__thumb-bg {
    filter: saturate(1.2) hue-rotate(70deg) brightness(0.9);
}

.epin-list-row__thumb--giftcard-exxen .epin-list-row__thumb-bg {
    filter: saturate(1.1) hue-rotate(-30deg) brightness(0.88);
}

.epin-pkg-hero__thumb.epin-list-row__thumb--giftcard .epin-list-row__thumb-stack {
    gap: 0.35rem;
}

.epin-pkg-hero__game-icon--giftcard {
    border-radius: 10px;
}