/* Neva rent a car css */
/* product_detail.blade.php Sayfası */
    /* =========================================================
       NEVA RENT A CAR - ÜRÜN DETAY / BEYAZ TEMA
       ========================================================= */

    /* =========================================================
       ÜRÜN DETAY - SİYAH BREADCRUMB / HERO
       ========================================================= */

    .neva-product-breadcrumb {
        position: relative;
        overflow: hidden;
        padding: 125px 0 58px;
        background:
            radial-gradient(circle at 16% 15%, rgba(208, 172, 86, .08), transparent 24%),
            radial-gradient(circle at 88% 80%, rgba(208, 172, 86, .055), transparent 24%),
            linear-gradient(135deg, #071012 0%, #0a1315 52%, #101614 100%);
        color: #ffffff;
        border-bottom: 1px solid rgba(208, 172, 86, .12);
    }

    .neva-product-breadcrumb::before,
    .neva-product-breadcrumb::after {
        content: "";
        position: absolute;
        border-radius: 50%;
        pointer-events: none;
    }

    .neva-product-breadcrumb::before {
        width: 300px;
        height: 300px;
        top: -225px;
        left: -75px;
        border: 1px solid rgba(208, 172, 86, .08);
    }

    .neva-product-breadcrumb::after {
        width: 380px;
        height: 380px;
        right: -185px;
        bottom: -310px;
        border: 1px solid rgba(208, 172, 86, .07);
    }

    .neva-product-breadcrumb-inner {
        position: relative;
        z-index: 1;
        max-width: 980px;
        margin: 0 auto;
        text-align: center;
    }

    .neva-product-breadcrumb-kicker {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-bottom: 13px;
        color: var(--primaryColor, #D0AC56);
        font-size: 12px;
        line-height: 1.2;
        font-weight: 800;
        letter-spacing: .09em;
        text-transform: uppercase;
    }

    .neva-product-breadcrumb-kicker::before,
    .neva-product-breadcrumb-kicker::after {
        content: "";
        display: block;
        width: 38px;
        height: 1px;
        background: var(--primaryColor, #D0AC56);
        opacity: .9;
    }

    .neva-product-breadcrumb-title {
        max-width: 900px;
        margin: 0 auto;
        color: #ffffff;
        font-size: clamp(34px, 4.25vw, 58px);
        line-height: 1.08;
        font-weight: 800;
        letter-spacing: -.025em;
        overflow-wrap: anywhere;
    }

    .neva-product-breadcrumb-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 7px;
        margin-top: 17px;
        color: #aeb6b8;
        font-size: 13px;
    }

    .neva-product-breadcrumb-nav a {
        color: #d7dcdd;
        transition: color .2s ease;
    }

    .neva-product-breadcrumb-nav a:hover {
        color: var(--primaryColor, #D0AC56);
    }

    .neva-product-breadcrumb-nav i {
        color: #727b7d;
        font-size: 16px;
    }

    .neva-product-breadcrumb-current {
        color: var(--primaryColor, #D0AC56);
        font-weight: 600;
    }


    .neva-detail-page {
        background: #ffffff;
        min-height: 100vh;
        padding: 55px 0 110px;
        color: #111719;
    }

    .neva-detail-breadcrumb {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 24px;
        color: #8a9294;
        font-size: 14px;
    }

    .neva-detail-breadcrumb a {
        color: #4f595b;
        transition: color .2s ease;
    }

    .neva-detail-breadcrumb a:hover {
        color: var(--primaryColor, #D0AC56);
    }

    .neva-detail-main {
        display: grid;
        grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
        gap: 30px;
        align-items: start;
    }

    .neva-gallery-card,
    .neva-info-card,
    .neva-description-card,
    .neva-related-card {
        border: 1px solid #e3e7e8;
        background: #ffffff;
        border-radius: 18px;
        box-shadow: 0 10px 34px rgba(13, 20, 22, .06);
    }

    .neva-gallery-card {
        padding: 14px;
    }

    .neva-main-image-wrap {
        position: relative;
        overflow: hidden;
        border-radius: 14px;
        background: #f3f5f5;
    }

    .neva-main-image {
        display: block;
        width: 100%;
        aspect-ratio: 16 / 10;
        object-fit: cover;
        transition: opacity .2s ease, transform .35s ease;
    }

    .neva-main-image-wrap:hover .neva-main-image {
        transform: scale(1.02);
    }

    .neva-image-badge {
        position: absolute;
        top: 14px;
        left: 14px;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 7px 11px;
        border-radius: 30px;
        background: rgba(17, 23, 25, .84);
        backdrop-filter: blur(8px);
        color: #ffffff;
        font-size: 12px;
        font-weight: 600;
    }

    .neva-thumbnails {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
        margin-top: 12px;
    }

    .neva-thumb {
        padding: 0;
        overflow: hidden;
        border: 2px solid #edf0f0;
        border-radius: 10px;
        background: #f4f6f6;
        cursor: pointer;
        transition: border-color .2s ease, transform .2s ease, opacity .2s ease;
        opacity: .82;
    }

    .neva-thumb:hover,
    .neva-thumb.active {
        border-color: var(--primaryColor, #D0AC56);
        opacity: 1;
        transform: translateY(-2px);
    }

    .neva-thumb img {
        display: block;
        width: 100%;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }

    .neva-info-card {
        position: sticky;
        top: 105px;
        padding: 26px;
    }

    .neva-category-badge {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        margin-bottom: 12px;
        padding: 7px 11px;
        border: 1px solid rgba(208, 172, 86, .32);
        border-radius: 30px;
        background: rgba(208, 172, 86, .09);
        color: #a8802d;
        font-size: 12px;
        font-weight: 700;
    }

    .neva-product-title {
        margin: 0 0 8px;
        color: #111719;
        font-size: 34px;
        line-height: 1.2;
        font-weight: 800;
    }

    .neva-product-code {
        color: #7d8688;
        font-size: 13px;
    }

    .neva-price-box {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 15px;
        margin: 24px 0;
        padding: 18px 0;
        border-top: 1px solid #e8ebec;
        border-bottom: 1px solid #e8ebec;
    }

    .neva-price-label {
        color: #7a8385;
        font-size: 13px;
    }

    .neva-price {
        color: var(--primaryColor, #D0AC56);
        font-size: 30px;
        line-height: 1;
        font-weight: 800;
    }

    .neva-price-period {
        margin-top: 5px;
        color: #7a8385;
        font-size: 12px;
        text-align: right;
    }

    .neva-price-contact {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--primaryColor, #D0AC56) !important;
        font-size: 17px;
        line-height: 1.3;
        font-weight: 800;
        text-decoration: none;
        transition: color .2s ease, transform .2s ease;
    }

    .neva-price-contact i {
        color: #25D366;
        font-size: 24px;
        line-height: 1;
    }

    .neva-price-contact:hover {
        color: #bc9543 !important;
        transform: translateY(-1px);
    }

    .neva-quick-info {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        margin-bottom: 22px;
    }

    .neva-quick-item {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 54px;
        padding: 10px 12px;
        border: 1px solid #e5e9ea;
        border-radius: 10px;
        background: #f8f9f9;
    }

    .neva-quick-item i {
        flex: 0 0 auto;
        color: var(--primaryColor, #D0AC56);
        font-size: 24px;
        line-height: 1;
    }

    .neva-quick-item img {
        flex: 0 0 auto;
        display: block;
        width: 30px;
        height: 30px;
        object-fit: contain;
    }

    .neva-quick-item small {
        display: block;
        color: #90989a;
        font-size: 9px;
        line-height: 1.2;
        text-transform: uppercase;
        letter-spacing: .04em;
    }

    .neva-quick-item strong {
        display: block;
        margin-top: 3px;
        color: #1a2224;
        font-size: 13px;
        line-height: 1.25;
        font-weight: 700;
        word-break: break-word;
    }

    .neva-book-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
        min-height: 56px;
        padding: 8px 8px 8px 20px;
        border-radius: 9px;
        background: var(--primaryColor, #D0AC56);
        color: #ffffff;
        font-size: 16px;
        font-weight: 800;
        transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
    }

    .neva-book-btn:hover {
        background: #bc9543;
        color: #ffffff;
        transform: translateY(-2px);
        box-shadow: 0 13px 30px rgba(208, 172, 86, .24);
    }

    .neva-book-btn i {
        display: flex;
        width: 40px;
        height: 40px;
        align-items: center;
        justify-content: center;
        border-radius: 7px;
        background: #ffffff;
        color: #111719;
        font-size: 22px;
    }

    .neva-contact-note {
        margin: 13px 0 0;
        color: #848d8f;
        font-size: 11px;
        line-height: 1.5;
        text-align: center;
    }

    .neva-detail-section {
        margin-top: 30px;
    }

    .neva-section-head {
        margin-bottom: 18px;
    }

    .neva-section-head span {
        display: block;
        margin-bottom: 5px;
        color: var(--primaryColor, #D0AC56);
        font-size: 13px;
        font-weight: 700;
    }

    .neva-section-head h2 {
        margin: 0;
        color: #111719;
        font-size: 26px;
        line-height: 1.25;
    }

    .neva-description-card {
        padding: 26px;
    }

    .neva-description {
        color: #555f61;
        font-size: 15px;
        line-height: 1.85;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .neva-description p,
    .neva-description li,
    .neva-description span,
    .neva-description div {
        color: inherit;
    }

    .neva-description p:last-child {
        margin-bottom: 0;
    }

    .neva-related-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 18px;
    }

    .neva-related-card {
        overflow: hidden;
        transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    }

    .neva-related-card:hover {
        transform: translateY(-4px);
        border-color: rgba(208, 172, 86, .5);
        box-shadow: 0 16px 34px rgba(13, 20, 22, .1);
    }

    .neva-related-image {
        display: block;
        width: 100%;
        aspect-ratio: 16 / 10;
        object-fit: cover;
    }

    .neva-related-body {
        padding: 14px;
    }

    .neva-related-body h3 {
        margin: 0 0 6px;
        color: #17253f;
        font-size: 15px;
        line-height: 1.3;
    }

    .neva-related-body h3 a {
        color: inherit;
    }

    .neva-related-body h3 a:hover {
        color: var(--primaryColor, #D0AC56);
    }

    .neva-related-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .neva-related-bottom span {
        color: var(--primaryColor, #D0AC56);
        font-size: 13px;
        font-weight: 800;
    }

    .neva-related-bottom a {
        color: #4f595b;
        font-size: 12px;
        font-weight: 700;
    }

    .neva-related-price-contact {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        color: var(--primaryColor, #D0AC56) !important;
        font-size: 11px !important;
        line-height: 1.25;
        font-weight: 800 !important;
    }

    .neva-related-price-contact i {
        color: #25D366;
        font-size: 15px;
    }

    .neva-related-bottom a:hover {
        color: var(--primaryColor, #D0AC56);
    }

    @media (max-width: 1199px) {
        .neva-detail-main {
            grid-template-columns: 1fr;
        }

        .neva-info-card {
            position: static;
        }

        .neva-related-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 767px) {
        .neva-detail-page {
            padding: 38px 0 70px;
        }

        .neva-product-breadcrumb {
            padding: 100px 16px 42px;
        }

        .neva-product-breadcrumb-kicker {
            margin-bottom: 10px;
            gap: 7px;
            font-size: 10px;
        }

        .neva-product-breadcrumb-kicker::before,
        .neva-product-breadcrumb-kicker::after {
            width: 25px;
        }

        .neva-product-breadcrumb-title {
            font-size: clamp(30px, 9.5vw, 40px);
        }

        .neva-product-breadcrumb-nav {
            margin-top: 13px;
            font-size: 11px;
        }

        .neva-gallery-card,
        .neva-info-card,
        .neva-description-card {
            border-radius: 14px;
        }

        .neva-info-card,
        .neva-description-card {
            padding: 18px;
        }

        .neva-product-title {
            font-size: 25px;
        }

        .neva-price {
            font-size: 24px;
        }

        .neva-quick-info {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 8px;
        }

        .neva-quick-item {
            min-height: 50px;
            padding: 9px 10px;
            gap: 8px;
        }

        .neva-quick-item img {
            width: 26px;
            height: 26px;
        }

        .neva-quick-item i {
            font-size: 21px;
        }

        .neva-quick-item strong {
            font-size: 12px;
        }

        .neva-thumbnails {
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 7px;
        }

        .neva-related-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 10px;
        }

        .neva-related-body {
            padding: 10px;
        }

        .neva-related-body h3 {
            font-size: 12px;
        }

        .neva-related-bottom {
            display: block;
        }

        .neva-related-bottom a {
            display: block;
            margin-top: 5px;
        }
    }