/* input(2443,1): run-time error CSS1019: Unexpected token, found '@' */
/* ===================================

    Crafto - Decor store

====================================== */

/* font */



/* variable */

:root {

    --base-color: #1B3250;

    --dark-gray: #16202c;

    --medium-gray: #888e95;

    --alt-font: 'Plus Jakarta Sans', sans-serif;

    --primary-font: 'Plus Jakarta Sans', sans-serif;

}







/* reset */

body {

    font-size: 16px;

    line-height: 30px;

}



.header-space-margin {

    margin-top: 135px;

}



/* input placeholder color */

::-webkit-input-placeholder {

    color: #4F5864 !important;

    text-overflow: ellipsis;

}



::-moz-placeholder {

    color: #4F5864 !important;

    text-overflow: ellipsis;

    opacity: 1;

}



:-ms-input-placeholder {

    color: #4F5864 !important;

    text-overflow: ellipsis;

    opacity: 1;

}



.placeholder-medium-gray::-webkit-input-placeholder {

    color: var(--white) !important;

    text-overflow: ellipsis;

    opacity: 0.7;

}



.placeholder-medium-gray::-moz-placeholder {

    color: var(--white) !important;

    text-overflow: ellipsis;

    opacity: 0.7;

}



.placeholder-medium-gray:-ms-input-placeholder {

    color: var(--white) !important;

    text-overflow: ellipsis;

    opacity: 0.7;

}



/* input placeholder color */

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

    color: var(--medium-gray) !important;

    text-overflow: ellipsis;

    opacity: 1;

}



input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {

    color: var(--medium-gray) !important;

    text-overflow: ellipsis;

    opacity: 1;

}



input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {

    color: var(--medium-gray) !important;

    text-overflow: ellipsis;

    opacity: 1;

}



/* input */

.input-small, .textarea-small, .select-small {

    font-size: 15px;

}



/* header */

header .navbar-brand img {

    max-height: 36px;

}



.header-cart-icon .cart-count {

    font-size: 9px;

    right: -10px;

}



.navbar .navbar-nav .simple-dropdown .dropdown-menu {

    border-radius: 5px;

}



.navbar .navbar-nav .nav-link {

    font-weight: 600;

    font-size: 17px

}



.navbar .navbar-nav .submenu-content ul .sub-title {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 5px;

}



.navbar .navbar-nav .dropdown .dropdown-menu a {

    font-size: 15px;

    font-weight: 500;

    padding-bottom: 4px;

    border-color: transparent;

}



.navbar .navbar-nav .simple-dropdown .dropdown-menu li a {

    padding-bottom: 10px;

}



.navbar .navbar-nav .simple-dropdown .dropdown-menu {

    width: 190px;

    padding: 30px 0;

}



.navbar .navbar-nav .nav-link .label {

    font-size: 10px;

}



.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a {

    font-size: 14px;

}



.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail .item-ammount {

    font-size: 13px;

    line-height: 24px;

}



/* heading tag */

h3 {

    line-height: 2.813rem;

}



h4 {

    line-height: 2.375rem;

}



.shop-sidebar .shop-filter li .item-qty {

    font-size: 10px;

    font-weight: 600;

}



.pagination-style-01 .page-item.active .page-link, .pagination-style-01 .page-item .page-link:hover {

    background: var(--dark-gray);

    color: var(--white);

}



.pagination-style-01 .page-item:first-child .page-link, .pagination-style-01 .page-item:last-child .page-link {

    background: transparent;

    box-shadow: none !important;

    color: var(--medium-gray);

}



.pagination-style-01 .page-item:first-child .page-link:hover, .pagination-style-01 .page-item:last-child .page-link:hover {

    color: var(--dark-gray);

}



/* btn */

.btn.btn-switch-text.btn-very-small > span {

    padding: 6px 12px;

}



.btn.btn-switch-text.btn-small > span {

    padding: 8px 16px;

}



.btn.btn-switch-text.btn-medium > span {

    padding: 10px 20px;

}



.btn.btn-switch-text.btn-large > span {

    padding: 12px 24px;

}



.btn.btn-switch-text.btn-extra-large > span {

    padding: 16px 32px;

}



.btn {

    text-transform: inherit;

    letter-spacing: 0;

}



.btn.btn-extra-large {

    font-size: 16px;

}



.btn.btn-large {

    font-size: 15px;

}



.btn.btn-medium {

    font-size: 14px;

}



.btn.btn-small {

    font-size: 13px;

}



.btn.btn-very-small {

    font-size: 12px;

}



/* text color */

.text-blue-whale {

    color: #0C1623;

}



/* bg color */

.bg-blue-whale {

    background-color: #0C1623 !important;

}



.bg-blue-tangaroa {

    background-color: #18222E !important;

}



.bg-transparent-base-color-light {

    background-color: rgba(27, 50, 80, .2);

}



.bg-transparent-base-color {

    background-color: rgba(27, 50, 80, .8);

}



.bg-gradient-base-transparent {

    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(22, 32, 44, 1)), to(transparent));

    background-image: linear-gradient(to top, rgba(22, 32, 44, .9) 8%, transparent 80%);

}



/* tab style 04 */

.tab-style-04 .nav-tabs .nav-item .nav-link {

    line-height: 50px;

}



/* progress bar 02 */

.progress-bar-style-02 .progress {

    height: 10px;

}



/* contact form style 03 */

.contact-form-style-03 .form-group.form-textarea .form-icon {

    top: 20px;

}



/* tab style 07 */

.tab-style-07 .nav-tabs .nav-item .nav-link {

    padding: 17px 30px;

}



/* footer */

footer {

    font-size: 15px;

    line-height: 26px;

}



footer .footer-logo img {

    max-height: 36px;

}



.footer-dark a:hover {

    color: var(--white);

}



.newsletter-style-02 input {

    font-size: 14px;

    padding-right: 60px !important;

}



footer ul li {

    margin-bottom: 2px;

}



/* tooltip */

.tooltip.show {

    opacity: 1;

}



.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {

    border-top-color: var(--dark-gray);

    top: -2px;

}



.tooltip .tooltip-inner {

    background-color: var(--dark-gray);

    border-radius: 3px;

    font-size: 10px;

    text-transform: uppercase;

    padding: 5px 10px;

    font-weight: 500;

}



/* ✅ sadece finance-range için reset */

.finance-range {

    -webkit-appearance: none;

    appearance: none;

    width: 100%;

    height: 6px;

    padding: 0 !important;

    border: 0 !important;

    outline: 0;

    background: transparent !important;

    box-shadow: none !important;

    cursor: pointer;

}



/* ✅ Chrome/Edge/Safari: ikinci track'i iptal, tek track */

.finance-range::-webkit-slider-runnable-track {

    height: 6px;

    border: 0 !important;

    border-radius: 999px;

    box-shadow: none !important;

    background: linear-gradient(

            to right,

            var(--adria-red) 0%,

            var(--adria-red) var(--range-progress, 0%),

            var(--slider-track) var(--range-progress, 0%),

            var(--slider-track) 100%

    ) !important;

}



/* ✅ thumb kırmızı kalsın */

.finance-range::-webkit-slider-thumb {

    -webkit-appearance: none;

    appearance: none;

    width: 18px;

    height: 18px;

    border: 0 !important;

    border-radius: 50%;

    background: var(--adria-red) !important;

    margin-top: -6px; /* 18px thumb / 6px track => ortalar */

    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);

    cursor: pointer;

}



/* ✅ Firefox */

.finance-range::-moz-range-track {

    height: 6px;

    border: 0 !important;

    border-radius: 999px;

    background: var(--slider-track);

}



.finance-range::-moz-range-progress {

    height: 6px;

    border-radius: 999px;

    background: var(--adria-red);

}



.finance-range::-moz-range-thumb {

    width: 18px;

    height: 18px;

    border: 0 !important;

    border-radius: 50%;

    cursor: pointer;

    background: var(--adria-red) !important;

}



.finance-toggle .btn-outline-secondary {

    border-color: #ddd;

    color: #777;

    font-weight: 600;

}



.finance-toggle .btn-check:checked + .btn-outline-secondary {

    background-color: var(--adria-red);

    border-color: var(--adria-red);

    color: #fff;

}



.finance-toggle .btn-outline-secondary:hover {

    color: #000;

}



.finance-toggle .btn {

    font-weight: 600;

    border-radius: 999px;

}



.finance-toggle .btn-check:checked + .btn {

    background-color: var(--adria-red);

    border-color: var(--adria-red);

    color: #fff;

}



/* media query responsive */

@media (max-width: 1300px) {

    .sticky-wrap.shadow-in {

        left: 10px;

    }

}



@media (max-width: 991px) {

    section, footer {

        padding-top: 75px;

        padding-bottom: 75px;

    }



    .tab-style-04 .nav-tabs .nav-item {

        padding: 0 20px;

    }



    .navbar .navbar-nav .dropdown .dropdown-menu a, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu a, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu a {

        line-height: 22px;

    }



    .navbar .navbar-nav .dropdown .dropdown-menu .mega-menu ul, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu .mega-menu ul, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu .mega-menu ul {

        padding: 20px 0 0;

    }



    .navbar .navbar-nav .simple-dropdown .dropdown-menu {

        width: 100%;

        padding: 0 15px 15px;

    }

}



@media (max-width: 767px) {

    section, footer {

        padding-top: 50px;

        padding-bottom: 50px;

    }



    .tab-style-04 .nav-tabs .nav-item .nav-link {

        line-height: 35px;

    }

}



/* Revolution slider */

.navigation-arrow .tp-parallax-wrap {

    top: inherit !important;

    bottom: 115px !important;

    margin-left: 30px !important;

}



@media (max-width: 1080px) and (min-width: 1024px) {

    .product-image-layer {

        left: 100px;

    }

}



@media (max-width: 1400px) and (min-width: 1024px) {

    .right-image-layer {

        right: -200px;

    }

}



@media (max-width: 991px) and (min-width: 778px) {

    #decor-store-slider_forcefullwidth, #decor-store-slider_wrapper {

        height: 650px !important;

    }



    .navigation-arrow .tp-caption {

        min-height: 90px !important;

        max-height: 90px !important;

    }



    .navigation-arrow .tp-parallax-wrap {

        top: inherit !important;

        bottom: 90px !important;

        margin-left: 30px !important;

    }

}



@media (max-width: 777px) {

    .navigation-arrow .tp-parallax-wrap {

        top: inherit !important;

        bottom: 80px !important;

        margin-left: 0 !important;

    }

}



@media (max-width: 650px) {

    #decor-store-slider_forcefullwidth, #decor-store-slider_wrapper {

        height: 750px !important;

    }



    .navigation-arrow .tp-caption {

        min-height: 90px !important;

        max-height: 90px !important;

    }



    .navigation-arrow .tp-parallax-wrap {

        top: inherit !important;

        bottom: 90px !important;

        margin-left: 30px !important;

    }

}



@media (max-width: 479px) {

    footer .elements-social.social-icon-style-01 li, footer .elements-social.social-icon-style-02 li, footer .elements-social.social-icon-style-05 li, footer .elements-social.social-icon-style-08 li {

        margin: 0 18px 0 0;

    }

}



@media (max-width: 991px) and (orientation: landscape) {

    #decor-store-slider_forcefullwidth, #decor-store-slider_wrapper {

        height: 600px !important;

    }



    .product-image-layer {

        width: 600px !important;

        min-width: 600px !important;

        max-width: 600px !important;

        height: auto !important;

        left: 30px;

    }



    .shop-button {

        font-size: 11px !important;

        padding: 8px 18px 8px 10px !important;

    }



    .right-image-layer {

        width: 800px !important;

        min-width: 800px !important;

        max-width: 800px !important;

    }



    .left-column {

        padding-top: 100px !important;

    }



    .navigation-arrow .tp-parallax-wrap {

        z-index: 999999 !important;

    }

}



@media (max-width: 991px) and (min-width: 844px) and (orientation: landscape) {

    .right-image-layer {

        width: 300px !important;

        min-width: 300px !important;

        max-width: 300px !important;

    }



    .rev_row_wrap {

        width: 60% !important;

        left: 20% !important;

        padding-top: 0px !important;

    }



    .left-column {

        min-height: 300px !important;

        max-height: 300px !important;

        height: 300px !important;

    }

}





.dropdown-menu.submenu-content {

    min-width: 100%;

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

    border-radius: 0;

    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);

    padding: 30px;

}



.dropdown-menu .sub-title {

    color: #1a1a1a;

}



.dropdown-menu img {

    transition: transform .3s ease;

}



.dropdown-menu img:hover {

    transform: scale(1.05);

}



.cta-text-box {

    background: linear-gradient(

            to bottom,

            rgba(0, 0, 0, 0.45) 0%, /* üstte koyu */ rgba(0, 0, 0, 0.25) 50%, /* ortada yarı saydam */ rgba(0, 0, 0, 0.00) 100% /* altta tamamen yok */

    );

    border-radius: 10px;

    display: inline-block;

}



.cta-text-box h5,

.cta-text-box a {

    color: #fff !important;

    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.45);

}



.slider-overlay::before {

    content: "";

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, 0.32); /* Koyu hafif overlay */

    z-index: 21;

    pointer-events: none;

}



.slider-overlay .tp-caption,

.slider-overlay .tp-layer {

    position: relative !important;

    z-index: 3 !important;

}



.adria-overlay {

    position: relative;

}



.adria-overlay::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;



    /* Alttan yukarı doğru koyulaşan gradient */

    background: linear-gradient(

            to bottom,

            rgba(0, 0, 0, 0.05) 0%, /* Üstte çok hafif */ rgba(0, 0, 0, 0.20) 30%, /* Ortada hafif koyulaşır */ rgba(0, 0, 0, 0.40) 80%, /* Yazının olduğu alanda belirgin */ rgba(0, 0, 0, 0.55) 100% /* En altta güçlü görünür */

    );



    z-index: 1;

}



.adria-overlay * {

    position: relative;

    z-index: 2;

}



.parallax-bottom-fix {

    background-position: center bottom !important;

    background-position-y: bottom !important;

    background-size: cover !important;

}





.shop-image .lable {

    padding: 8px 8px;

    font-size: 15px;

}



.shop-image .right-label {

    padding: 8px 8px;

    position: absolute;

    right: 17px;

    top: 17px;

    color: var(--white);

    font-size: 15px;

    line-height: 21px;

    border-radius: 2px;

    text-transform: uppercase;

    font-weight: 700;

}





.grid-item {

    overflow: hidden;

}



.grid-item.is-sold::before {

    content: "SATILDI";

    position: absolute;

    top: 28px;

    left: -41px;

    width: 180px;

    text-align: center;

    background: #e53935; /* Adria kırmızısı gibi canlı bir kırmızı */

    color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

    padding: 6px 0;

    transform: rotate(-45deg);

    z-index: 5;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);

    font-size: 12px;

}



.grid-item.is-optioned::before {

    content: "OPSİYONLANDI";

    position: absolute;

    top: 28px;

    left: -41px;

    width: 180px;

    text-align: center;

    background: #202b73;

    color: #fff;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 1px;

    padding: 6px 0;

    transform: rotate(-45deg);

    z-index: 5;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);

    font-size: 12px;

}





.labels-wrapper {

    position: absolute;

    top: 17px;

    left: 17px;

    display: flex;

    flex-direction: column; /* alt alta dizer */

    gap: 5px; /* aralarını açar */

}



.shop-image .label {

    padding: 0 8px;

    color: var(--white);

    font-size: 9px;

    line-height: 21px;

    border-radius: 2px;

    font-weight: 700;

    display: inline-flex;

    align-items: center;

    width: fit-content;

    white-space: nowrap;

}



.shop-image .label.small {

    padding: 2px 7px;

    font-size: 10px;

}



.shop-image .label.new {

    background-color: var(--green);

}



.shop-image .right-label.new {

    background-color: var(--green);

}



.shop-image .label.warranty {

    background-color: var(--success-green);

}



.shop-image .label.discount {

    background-color: var(--orange);

}



.shop-image img {

    width: 100%;

    height: auto;

    object-fit: contain;

}



.ucg-smart-img {

    display: block;

    width: 100%;

    height: auto;

    aspect-ratio: 16 / 9;

    object-fit: cover;

    transition: filter .3s ease, opacity .3s ease, transform .3s ease;

}



.ucg-smart-img.ucg-loading {

    filter: blur(12px);

    opacity: 0.7;

    transform: scale(1.03);

}



.ucg-smart-img.ucg-loaded {

    filter: blur(0);

    opacity: 1;

    transform: scale(1);

}



.btn-adria-medium {

    margin: 10px 25px !important;

    font-size: 18px !important;

}



.lh-36px {

    line-height: 36px !important;

}







.title-mb-responsive {

    margin-bottom: 1rem !important; /* mb-1 */

}



/* Validation error label */

.validation-invalid-label {

    display: block;

    margin-top: 6px;

    font-size: 13px;

    line-height: 1.4;

    text-align: left;



    color: var(--adria-red);

    font-weight: 500;



    /* hafif vurgu */

    position: relative;

    padding-left: 14px;

}



/* Sol kırmızı çizgi (Adria hissi) */

.validation-invalid-label::before {

    content: "";

    position: absolute;

    left: 0;

    top: 3px;

    width: 3px;

    height: calc(100% - 6px);

    background-color: var(--adria-red);

    border-radius: 2px;

}



input.validation-invalid-label,

input.is-invalid,

textarea.is-invalid {

    border-color: var(--adria-red) !important;

}



.reservation-option-group {

    display: flex;

    flex-direction: column;

    gap: 16px;

}



/* CARD */

.reservation-card {

    display: flex;

    align-items: center;

    gap: 16px;

    padding: 18px 20px;

    border-radius: 14px;

    background-color: #f5f8fb;

    border: 2px solid transparent;

    cursor: pointer;

    transition: all 0.2s ease;

}



/* HOVER */

.reservation-card:hover {

    background-color: #eef3f7;

}



/* CHECK ICON */

.reservation-card .check-icon {

    width: 26px;

    height: 26px;

    border-radius: 6px;

    border: 2px solid #bfc7d1;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    transition: all 0.2s ease;

}



/* TEXT */

.reservation-text strong {

    display: block;

    font-size: 18px;

    font-weight: 600;

    color: #1f2937;

}



.reservation-text span {

    font-size: 15px;

    color: #6b7280;

}



/* CHECKED STATE */

.reservation-checkbox:checked + .reservation-card {

    background-color: #fff5f5;

    border-color: #d32f2f;

}



.reservation-checkbox:checked + .reservation-card .check-icon {

    background-color: #d32f2f;

    border-color: #d32f2f;

}



.reservation-checkbox:checked + .reservation-card .check-icon::after {

    content: "✓";

    color: #fff;

    font-size: 16px;

    font-weight: 700;

}





.swal2-container {

    z-index: 99999 !important;

}



.finance-product-title {

    font-size: 18px;

    font-weight: 600;

    color: #1f2937; /* koyu gri */

    line-height: 1.3;

}



.finance-product-price {

    margin-top: 6px;

    font-size: 26px;

    font-weight: 700;

    color: var(--adria-red);

    white-space: nowrap; /* 🔥 rakam asla bölünmez */

}



.finance-summary .card {

    border-radius: 14px;

    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08),

    0 18px 40px rgba(0, 0, 0, 0.12);

    position: relative;

    overflow: hidden;

}



/* İnce kurumsal vurgu */

.finance-summary .card::before {

    content: "";

    position: absolute;

    left: 0;

    top: 12px;

    bottom: 12px;

    width: 4px;

    background: var(--adria-red);

    border-radius: 4px;

    opacity: .85;

}



.shop-boxed .shop-box {

    border-radius: 6px;

    border: 1px solid rgba(0, 0, 0, 0.04);

    background-color: #fff;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04),

    0 8px 24px rgba(0, 0, 0, 0.06);

    transition: box-shadow .35s ease,

    transform .35s ease,

    border-color .35s ease;

}



.shop-boxed .shop-box:hover {

    border-color: rgba(0, 0, 0, 0.08);

    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06),

    0 16px 40px rgba(0, 0, 0, 0.10);

    transform: translateY(-3px);

}



@media (min-width: 768px) {

    .title-mb-responsive {

        margin-bottom: 0 !important;

    }

}



@media (max-width: 768px) {

    .header-space-margin {

        margin-top: 76px;

    }

}



#header-nav {

    font-family: "Plus Jakarta Sans", system-ui, sans-serif;

}



/* =========================

   HERO SECTION

========================= */

.hero-section {

    position: relative;

    height: 100vh;        /* 🔥 KAYNAK YÜKSEKLİK */

    overflow: hidden;

    color: #fff;

}



@media (max-width: 768px) {

    .hero-section {

        height: 50vh;

    }

}



/* =========================

   HERO IMAGE

========================= */

.hero-media,

.hero-img {

    position: absolute;

    inset: 0;

    width: 100%;

    height: 100%;

}



.hero-img {

    object-fit: cover;

    object-position: center;

}



/* =========================

   OVERLAY

========================= */

.hero-overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    background:

            radial-gradient(

                    70% 60% at 50% 38%,

                    rgba(0,0,0,0.70) 0%,

                    rgba(0,0,0,0.50) 35%,

                    rgba(0,0,0,0.25) 60%,

                    rgba(0,0,0,0.0) 78%

            ),

            linear-gradient(

                    to bottom,

                    rgba(0,0,0,0.55) 0%,

                    rgba(0,0,0,0.35) 25%,

                    rgba(0,0,0,0.15) 45%,

                    rgba(0,0,0,0.0) 70%

            );

}



/* =========================

   CONTENT LAYER (🔥 ASIL ÇÖZÜM)

========================= */

.hero-content {

    position: absolute;

    inset: 0;            /* 🔥 section’ı %100 doldurur */

    z-index: 2;



    display: flex;

    justify-content: center;

}



/* =========================

   CONTAINER

========================= */

.hero-container {

    width: 100%;

    height: 100%;



    display: flex;

    justify-content: center;

}



/* =========================

   LAYOUT

========================= */

.hero-layout {

    width: 100%;

    max-width: 1200px;

    height: 100%;



    display: flex;

    flex-direction: column;



    padding-top: clamp(4rem, 18vh, 10rem);

    padding-bottom: clamp(2.5rem, 10vh, 6rem);

}



/* =========================

   TEXT

========================= */

.hero-text {

    text-align: center;

}



.hero-eyebrow {

    font-size: 12px;

    letter-spacing: 0.25em;

    opacity: 0.85;

    margin-bottom: 12px;

}



.hero-title {

    font-size: clamp(48px, 7vw, 96px);

    font-weight: 700;

    margin-bottom: 40px;

    margin-top: 20px;

}



.hero-subtitle {

    font-size: 18px;

    line-height: 1.6;

    opacity: 0.9;

}



.hero-title,

.hero-subtitle,

.hero-eyebrow {

    text-shadow:

            0 2px 8px rgba(0,0,0,0.45),

            0 1px 2px rgba(0,0,0,0.35);

}



/* =========================

   ACTIONS (ALTTA)

========================= */

.hero-actions {

    margin-top: auto;    /* 🔥 EN ALTA İTER */

    display: flex;

    gap: 16px;

    justify-content: center;

}





/* =========================

   CARAVAN MODEL SLIDER

========================= */



/* SHOWCASE PAGE */

.showcase-page {

    max-width: 1440px;

    margin: 0 auto;

    padding: 40px 24px 80px;

}



/* CATEGORY */



.category-section {

    margin-bottom: 72px;

}



.category-header {

    display: flex;

    justify-content: space-between;

    align-items: baseline;

}



.category-header h2 {

    font-size: 24px;

    letter-spacing: .08em;

    text-transform: uppercase;

    margin: 0;

}



.category-link {

    font-size: 14px;

    color: #555;

    text-decoration: none;

}



.category-link:hover {

    text-decoration: underline;

}



/* MODEL ROW */



.model-row {

    display: grid;

    grid-auto-flow: column;

    grid-auto-columns: minmax(240px, 1fr);

    gap: 24px;

    overflow-x: auto;

    padding-bottom: 8px;

}



/* MODEL CARD */



.model-card {

    position: relative;

    border-radius: 16px;

    overflow: hidden;

    background: #f4f4f4;

    aspect-ratio: 1;

    cursor: pointer;

    display: flex;

    flex-direction: column;

    gap: 14px;

}





.model-image {

    position: relative;

    border-radius: 16px;

    overflow: hidden;

    aspect-ratio: 1;

    background: #f4f4f4;

}



.model-image img {

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .6s ease, filter .6s ease;

    transform:scale(1);

    filter:saturate(1) contrast(1);

}



.model-card:hover .model-image img {

    transform:scale(1.02);              /* daha soft */

    filter:saturate(1.03) contrast(1.03);

}



.model-eyebrow {

    position:absolute; top:18px; left:50%; translate:-50% 0;

    padding:6px 14px; max-width:calc(100% - 32px);

    font:500 12px Inter; color:#fff; background:rgba(0,0,0,.35); letter-spacing: 0.14em;

    border-radius:999px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;

}

.model-title {

    position: absolute;

    bottom: 20px;

    left: 50%;

    transform: translateX(-50%);



    font-size: 26px;

    font-weight: 600;

    letter-spacing: .04em;

    color: #fff;



    text-shadow:

            0 2px 6px rgba(0,0,0,.4),

            0 12px 30px rgba(0,0,0,.3);

}





/* RESPONSIVE */



@@media (max-width: 768px) {

    .category-header h2 {

        font-size: 16px;

    }



    .model-row {

        grid-auto-columns: 75%;

    }

}



.category-swiper {

    padding-bottom: 8px;

}



.swiper-slide {

    width: auto; /* kritik */

}



.hero-cta {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 14px 34px;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: .08em;

    text-transform: uppercase;

    border-radius: 999px;

    text-decoration: none;

    transition:

            background-color .3s ease,

            box-shadow .35s ease,

            transform .25s ease,

            color .25s ease;

}



/* NORMAL */

.hero-cta--glow {

    color: #ffffff;

    border: 1px solid rgba(255,255,255,.65);

    background: rgba(0,0,0,.15); /* 🔑 hafif koyu zemin */

    backdrop-filter: blur(2px);

}



/* HOVER */

.hero-cta--glow:hover {

    color: #ffffff;

    background: rgba(0,0,0,.35); /* 🔑 daha koyu = okunaklı */

    border-color: #ffffff;



    text-shadow:

            0 1px 2px rgba(0,0,0,.6); /* 🔑 netlik */



    box-shadow:

            0 0 0 6px rgba(255,255,255,.08),

            0 18px 50px rgba(0,0,0,.55);



    transform: translateY(-2px);

}



.hero-cta--fill {

    background: rgba(255,255,255,.15);

    color: #fff;

    border: 1px solid rgba(255,255,255,.35);

}



.hero-cta--fill:hover {

    background: linear-gradient(

            135deg,

            #0b3a6e,

            #164b8a

    );

    border-color: transparent;

    box-shadow: 0 25px 60px rgba(11,58,110,.45);

    transform: translateY(-3px);

}











/* =========================

   CARAVAN MODEL SLIDER

========================= */