/* Extracted from Views/Urunler/Detay.cshtml. */
.review-mention-link {
    color: #69d9bd;
    font-weight: 700;
}

.review-mention-link:hover {
    color: #8ce4ce;
}

                                .kb-affiliate-card {
                                    --kb-affiliate-accent: #10a37f;
                                    --kb-affiliate-accent-strong: #10a37f;
                                    --kb-affiliate-surface: rgba(33, 33, 33, 0.88);
                                    position: relative;
                                    isolation: isolate;
                                    overflow: hidden;
                                    display: grid;
                                    grid-template-columns: auto minmax(0, 1fr) auto;
                                    align-items: center;
                                    gap: 16px;
                                    width: 100%;
                                    max-width: 980px;
                                    margin: 20px auto 24px;
                                    padding: 16px;
                                    color: #f6f8ff;
                                    border-radius: 18px;
                                    background: radial-gradient(circle at 100% 0%, rgba(16, 163, 127, 0.10), transparent 38%), radial-gradient(circle at 0% 100%, rgba(16, 163, 127, 0.08), transparent 34%), var(--kb-affiliate-surface);
                                    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.26), 0 0 34px rgba(16, 163, 127, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.045);
                                }

                                    .kb-affiliate-card::before {
                                        content: "";
                                        position: absolute;
                                        inset: -1px;
                                        z-index: -2;
                                        border-radius: inherit;
                                        background: conic-gradient( from 0deg, rgba(16, 163, 127, 0.00) 0deg, rgba(16, 163, 127, 0.00) 35deg, rgba(16, 163, 127, 0.85) 70deg, rgba(16, 163, 127, 0.95) 105deg, rgba(16, 163, 127, 0.00) 145deg, rgba(16, 163, 127, 0.00) 220deg, rgba(16, 163, 127, 0.55) 255deg, rgba(16, 163, 127, 0.85) 290deg, rgba(16, 163, 127, 0.00) 330deg, rgba(16, 163, 127, 0.00) 360deg );
                                        animation: kbAffiliateSpin 5.5s linear infinite;
                                        filter: blur(3px);
                                        opacity: 0.95;
                                    }

                                    .kb-affiliate-card::after {
                                        content: "";
                                        position: absolute;
                                        inset: 1px;
                                        z-index: -1;
                                        border-radius: 17px;
                                        background: radial-gradient(circle at 100% 0%, rgba(16, 163, 127, 0.10), transparent 38%), radial-gradient(circle at 0% 100%, rgba(16, 163, 127, 0.08), transparent 34%), rgba(33, 33, 33, 0.94);
                                    }

                                @keyframes kbAffiliateSpin {
                                    from {
                                        transform: rotate(0deg);
                                    }

                                    to {
                                        transform: rotate(360deg);
                                    }
                                }

                                @media (prefers-reduced-motion: reduce) {
                                    .kb-affiliate-card::before {
                                        animation: none;
                                    }
                                }

                                .kb-affiliate-card__icon {
                                    display: grid;
                                    place-items: center;
                                    width: 52px;
                                    height: 52px;
                                    flex: 0 0 52px;
                                    color: #fff;
                                    font-size: 1.15rem;
                                    background: linear-gradient( 145deg, rgba(16, 163, 127, 0.96), rgba(16, 163, 127, 0.96) );
                                    border: 1px solid rgba(255, 255, 255, 0.12);
                                    border-radius: 15px;
                                    box-shadow: 0 12px 30px rgba(16, 163, 127, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.17);
                                }

                                .kb-affiliate-card__content {
                                    min-width: 0;
                                    text-align: left;
                                }

                                .kb-affiliate-card__eyebrow {
                                    display: block;
                                    margin-bottom: 3px;
                                    color: #69d9bd;
                                    font-size: 0.74rem;
                                    font-weight: 800;
                                    letter-spacing: 0.065em;
                                    text-transform: uppercase;
                                }

                                .kb-affiliate-card__title {
                                    display: block;
                                    margin-bottom: 4px;
                                    color: #f8f9ff;
                                    font-size: 1rem;
                                    font-weight: 800;
                                    line-height: 1.4;
                                }

                                .kb-affiliate-card__description {
                                    display: block;
                                    color: rgba(236, 236, 236, 0.7);
                                    font-size: 0.88rem;
                                    line-height: 1.55;
                                }


                                .kb-affiliate-card__button {
                                    display: inline-flex;
                                    align-items: center;
                                    justify-content: center;
                                    gap: 9px;
                                    min-width: 140px;
                                    min-height: 46px;
                                    padding: 11px 19px;
                                    color: #fff;
                                    background: linear-gradient( 135deg, #10a37f, #10a37f 55%, #0d8f70 );
                                    border: 1px solid rgba(255, 255, 255, 0.14);
                                    border-radius: 13px;
                                    box-shadow: 0 12px 30px rgba(16, 163, 127, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.14);
                                    font-size: 0.9rem;
                                    font-weight: 800;
                                    text-decoration: none;
                                    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease, border-color 0.18s ease;
                                }

                                    .kb-affiliate-card__button:hover {
                                        color: #fff;
                                        transform: translateY(-2px);
                                        filter: brightness(1.08);
                                        border-color: rgba(196, 181, 253, 0.42);
                                        box-shadow: 0 17px 38px rgba(16, 163, 127, 0.34), 0 0 24px rgba(16, 163, 127, 0.14);
                                    }

                                    .kb-affiliate-card__button:active {
                                        transform: translateY(0);
                                    }

                                    .kb-affiliate-card__button:focus-visible {
                                        outline: 3px solid rgba(16, 163, 127, 0.32);
                                        outline-offset: 3px;
                                    }

                                .kb-affiliate-note {
                                    display: block;
                                    margin-top: 6px;
                                    font-size: .7rem;
                                    color: rgba(236, 236, 236, .48);
                                    text-align: left;
                                }

                                @media (max-width: 767.98px) {
                                    .kb-affiliate-card {
                                        grid-template-columns: auto minmax(0, 1fr);
                                        gap: 13px;
                                        margin-top: 17px;
                                        padding: 14px;
                                        border-radius: 16px;
                                    }

                                    .kb-affiliate-card__icon {
                                        width: 46px;
                                        height: 46px;
                                    }

                                    .kb-affiliate-card__button {
                                        grid-column: 1 / -1;
                                        width: 100%;
                                        margin-top: 3px;
                                    }
                                }

                                @media (prefers-reduced-motion: reduce) {
                                    .kb-affiliate-card__button {
                                        transition: none;
                                    }

                                        .kb-affiliate-card__button:hover,
                                        .kb-affiliate-card__button:active {
                                            transform: none;
                                        }
                                }
                

                .kb-sim-shell {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 18px;
                    width: 100%;
                    max-width: 100%;
                }

                .kb-sim-stage {
                    position: relative;
                    display: block;
                    width: 100%;
                    max-width: 100%;
                    overflow-x: auto;
                    overflow-y: hidden;
                    -webkit-overflow-scrolling: touch;
                    padding-bottom: 8px;
                }

                .kb-sim {
                    width: max-content;
                    min-width: max-content;
                    margin: 0 auto;
                }

                .kb-keyboard {
                    width: max-content;
                    min-width: max-content;
                    max-width: none;
                }

                .kb-grid,
                .kb-zone.kb-rows {
                    width: max-content;
                    min-width: max-content;
                }

                .kb-row {
                    display: flex;
                    flex-wrap: nowrap;
                    width: max-content;
                    min-width: max-content;
                }

                .kb-volume-panel {
                    min-width: 78px;
                    padding: 14px 10px;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    gap: 10px;
                    border: 1px solid rgba(255,255,255,.10);
                    border-radius: 18px;
                    background: rgba(255,255,255,.04);
                    backdrop-filter: blur(10px);
                    box-shadow: 0 12px 28px rgba(0,0,0,.18);
                }

                .kb-volume-title,
                .kb-volume-value {
                    font-weight: 700;
                    line-height: 1;
                }

                .kb-volume-title {
                    font-size: .9rem;
                    opacity: .9;
                }

                .kb-volume-value {
                    font-size: .95rem;
                }

                .kb-volume-slider {
                    -webkit-appearance: slider-vertical;
                    appearance: slider-vertical;
                    width: 18px;
                    height: 240px;
                    cursor: pointer;
                    border-radius: 20px;
                    accent-color: #10a37f;
                }

                @supports not (-webkit-appearance: slider-vertical) {
                    .kb-volume-slider {
                        -webkit-appearance: none;
                        appearance: none;
                        width: 240px;
                        height: 18px;
                        transform: rotate(-90deg);
                    }
                }

                @media (max-width: 991.98px) {
                    .kb-sim-shell {
                        flex-direction: column;
                        align-items: stretch;
                    }

                    .kb-sim-stage {
                        width: 100%;
                        max-width: 100%;
                        overflow-x: auto;
                        overflow-y: hidden;
                    }

                    .kb-sim {
                        margin: 0;
                    }

                    .kb-volume-panel {
                        width: 100%;
                        min-width: 0;
                        flex-direction: row;
                        gap: 14px;
                    }

                    .kb-volume-slider {
                        -webkit-appearance: none;
                        appearance: none;
                        width: min(280px, 72vw);
                        height: 18px;
                        transform: none;
                    }
                }

                @media (max-width: 575.98px) {
                    .kb-sim-stage {
                        padding-bottom: 10px;
                    }

                    .kb-keyboard {
                        transform-origin: top left;
                    }
                }