/*
 * PiyasaDetay ortak finans detay sayfası standardı
 * Referans: Gram Altın sayfasının mevcut masaüstü ve mobil hizası.
 * Kapsam: Altın/döviz detayları, tüm kripto detayları ve BIST 100.
 */

main.pd-currency-detail-v5,
main.pd-crypto-detail-page,
main.pd-bist100-exact-page {
    width: min(1320px, calc(100% - 36px)) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

/* Bitcoin, Ethereum, diğer kriptolar ve BIST'teki gereksiz dış kabuk. */
main.pd-crypto-detail-page .pd-crypto-detail-hero,
main.pd-bist100-exact-page .pd-crypto-detail-hero {
    width: 100% !important;
    max-width: none !important;
    margin: 22px 0 !important;
    padding: 0 !important;
    gap: 22px !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* Bütün ana fiyat kartları mevcut kolon genişliğini tam kullansın. */
main.pd-crypto-detail-page .pd-crypto-market-card,
main.pd-bist100-exact-page .pd-crypto-market-card,
main.pd-currency-detail-v5 .pd-fx-market-card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Kripto/BIST kartlarında eski şablondan kalan dış padding başlığı aşağı-sağa itiyordu. */
main.pd-crypto-detail-page .pd-crypto-market-card.pd-crypto-price-card,
main.pd-bist100-exact-page .pd-crypto-market-card.pd-crypto-price-card {
    padding: 0 !important;
}

/* Gram Altın referansındaki üst başlık ölçüsü. */
main.pd-crypto-detail-page .pd-crypto-market-card.pd-crypto-price-card > .pd-crypto-market-head,
main.pd-bist100-exact-page .pd-crypto-market-card.pd-crypto-price-card > .pd-crypto-market-head {
    margin: 0 !important;
    padding: 24px 30px !important;
    min-height: 98px !important;
    align-items: center !important;
}

main.pd-crypto-detail-page .pd-crypto-market-icon,
main.pd-bist100-exact-page .pd-crypto-market-icon {
    width: 50px !important;
    height: 50px !important;
    flex: 0 0 50px !important;
    border-radius: 14px !important;
}

main.pd-crypto-detail-page .pd-crypto-market-icon img {
    width: 36px !important;
    height: 36px !important;
    object-fit: contain !important;
}

main.pd-crypto-detail-page .pd-crypto-market-title,
main.pd-bist100-exact-page .pd-crypto-market-title {
    margin: 0 !important;
    font-size: clamp(24px, 2.4vw, 34px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.035em !important;
}

main.pd-crypto-detail-page .pd-crypto-market-identity,
main.pd-bist100-exact-page .pd-crypto-market-identity {
    align-items: center !important;
    gap: 14px !important;
}

/* Sağ özet alanları Gram Altın hesaplama kolonu ile aynı genişlikte. */
@media (min-width: 1200px) {
    main.pd-crypto-detail-page .pd-crypto-detail-hero,
    main.pd-bist100-exact-page .pd-crypto-detail-hero {
        grid-template-columns: minmax(0, 1fr) 420px !important;
        align-items: stretch !important;
    }

    main.pd-crypto-detail-page .pd-crypto-market-summary--side,
    main.pd-bist100-exact-page .pd-crypto-market-summary--side {
        width: 420px !important;
        min-width: 420px !important;
        max-width: 420px !important;
    }
}

/* Grafik ve performans alanları ortak ana container genişliğinde. */
main.pd-crypto-detail-page .pd-crypto-premium-chart,
main.pd-bist100-exact-page .pd-crypto-premium-chart,
main.pd-currency-detail-v5 .pd-hist-performance-section {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}

/* BIST ikonunda net, finansal grafik görünümü. */
main.pd-bist100-exact-page .pd-bist-icon svg {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
    stroke: #17120a !important;
}

@media (max-width: 767px) {
    main.pd-currency-detail-v5,
    main.pd-crypto-detail-page,
    main.pd-bist100-exact-page {
        width: calc(100% - 12px) !important;
        max-width: none !important;
        margin-inline: auto !important;
        padding-inline: 0 !important;
    }

    main.pd-crypto-detail-page .pd-crypto-detail-hero,
    main.pd-bist100-exact-page .pd-crypto-detail-hero {
        margin: 18px 0 !important;
        padding: 0 !important;
        gap: 14px !important;
    }

    main.pd-crypto-detail-page .pd-crypto-market-card.pd-crypto-price-card,
    main.pd-bist100-exact-page .pd-crypto-market-card.pd-crypto-price-card {
        padding: 0 !important;
        border-radius: 24px !important;
    }

    main.pd-crypto-detail-page .pd-crypto-market-card.pd-crypto-price-card > .pd-crypto-market-head,
    main.pd-bist100-exact-page .pd-crypto-market-card.pd-crypto-price-card > .pd-crypto-market-head {
        padding: 20px 18px !important;
        min-height: 0 !important;
    }

    main.pd-crypto-detail-page .pd-crypto-market-icon,
    main.pd-bist100-exact-page .pd-crypto-market-icon {
        width: 50px !important;
        height: 50px !important;
        flex-basis: 50px !important;
    }

    main.pd-crypto-detail-page .pd-crypto-market-title,
    main.pd-bist100-exact-page .pd-crypto-market-title {
        font-size: clamp(25px, 7vw, 32px) !important;
    }
}