/* ==================================================
   RAMTECH 2. EL ÜRÜNLER
================================================== */

.rt2-hidden {
    display: none !important;
}

/* Detay sayfasında adet, sepet, favori ve hemen al */
body.rt2-detail-page
.productDetails
[data-cmp-type="product_qty_box"],

body.rt2-detail-page
.productDetails
[data-cmp-type="product_cart_box"],

body.rt2-detail-page
.productDetails
[data-cmp-type="product_cart_buynow_btn"] {
    display: none !important;
}


/* ==================================================
   WHATSAPP BUTONU ORTAK TASARIM
================================================== */

.rt2-wa-wrap {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    clear: both !important;
}


/* Ürün detayındaki buton alanı */
.rt2-wa-wrap--detail {
    width: 100% !important;
    margin: 22px 0 30px !important;
}


/* Kategori kartındaki buton alanı */
.rt2-wa-wrap--card {
    max-width: 100% !important;
    margin: 12px 0 0 !important;
}


/* Asıl WhatsApp butonu */
.rt2-wa-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    width: 100% !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 12px 20px !important;

    border: 1px solid #18b45a !important;
    border-radius: 10px !important;

    background: #20c568 !important;
    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
    text-decoration: none !important;

    cursor: pointer !important;
    box-sizing: border-box !important;

    box-shadow:
        0 6px 16px rgba(32, 197, 104, 0.18) !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}


.rt2-wa-btn:hover,
.rt2-wa-btn:focus {
    background: #17a955 !important;
    border-color: #17a955 !important;
    color: #ffffff !important;
    text-decoration: none !important;

    transform: translateY(-1px);

    box-shadow:
        0 9px 21px rgba(32, 197, 104, 0.25) !important;
}


.rt2-wa-btn span {
    display: block !important;
    color: #ffffff !important;
}


/* WhatsApp ikonu */
.rt2-wa-icon {
    display: block !important;
    flex: 0 0 auto !important;

    width: 23px !important;
    height: 23px !important;

    fill: currentColor !important;
}


/* Kategori kartındaki daha küçük buton */
.rt2-wa-wrap--card .rt2-wa-btn {
    min-height: 49px !important;
    padding: 11px 14px !important;
    border-radius: 7px !important;
    font-size: 10px !important;
    box-shadow: none !important;
}


.rt2-wa-wrap--card .rt2-wa-icon {
    width: 20px !important;
    height: 20px !important;
}


/* Sağ alttaki sabit WhatsApp butonunu
   sadece ilgili sayfalarda gizle */
body.rt2-detail-page
a[href*="wa.me"]:not(.rt2-wa-btn),

body.rt2-detail-page
a[href*="api.whatsapp.com"]:not(.rt2-wa-btn),

body.rt2-detail-page
a[href*="whatsapp.com/send"]:not(.rt2-wa-btn),

body.rt2-category-page
a[href*="wa.me"]:not(.rt2-wa-btn),

body.rt2-category-page
a[href*="api.whatsapp.com"]:not(.rt2-wa-btn),

body.rt2-category-page
a[href*="whatsapp.com/send"]:not(.rt2-wa-btn) {
    display: none !important;
}


/* ==================================================
   WHATSAPP MOBİL
================================================== */

@media (max-width: 767px) {

    .rt2-wa-wrap--detail {
        width: 100% !important;
        max-width: 100% !important;
        margin: 18px 0 24px !important;
    }

    .rt2-wa-btn {
        min-height: 52px !important;
        padding: 11px 14px !important;
        font-size: 14px !important;
    }

}


/* ==================================================
   RAMTECH MAĞAZA FIRSATLARI
   HAFİF VE PERFORMANSLI NEON ÇERÇEVE
================================================== */

.magaza-firsatlari {
    position: relative !important;
    box-sizing: border-box !important;

    width: calc(100% - 40px) !important;
    max-width: 1500px !important;

    /*
       ESKİSİ:
       margin: 10px auto 22px;

       Yeni ayar:
       Ürün sliderını biraz daha aşağı alıyoruz.
    */
    margin: 45px auto 22px !important;

    padding: 16px 20px 20px !important;

    border: 2.5px solid transparent !important;
    border-radius: 18px !important;

    background:
        linear-gradient(
            #ffffff,
            #ffffff
        ) padding-box,

        linear-gradient(
            90deg,
            #0aaee8,
            #12d6c8,
            #10b96b,
            #12d6c8,
            #0aaee8
        ) border-box !important;

    background-size:
        100% 100%,
        220% 100% !important;

    animation:
        ramtechHafifCerceve
        5s
        linear
        infinite !important;

    box-shadow:
        0 0 8px rgba(10, 174, 232, .20),
        0 0 16px rgba(16, 185, 107, .11) !important;

    overflow: hidden !important;
}


/* ==================================================
   MAĞAZA FIRSATLARI SLIDER GENİŞLİK KORUMASI
================================================== */

.magaza-firsatlari .container,
.magaza-firsatlari .row,
.magaza-firsatlari .col-12,
.magaza-firsatlari .swiper-container,
.magaza-firsatlari [class*="swiper-slider-"],
.magaza-firsatlari .swiper-wrapper {

    width: 100% !important;
    max-width: 100% !important;

}


/* ==================================================
   NEON ÇERÇEVE ANİMASYONU
================================================== */

@keyframes ramtechHafifCerceve {

    from {
        background-position:
            0 0,
            0% 50%;
    }

    to {
        background-position:
            0 0,
            220% 50%;
    }

}


/* Hover'da sadece hafif parlama */
.magaza-firsatlari:hover {

    box-shadow:
        0 0 11px rgba(10, 174, 232, .27),
        0 0 20px rgba(16, 185, 107, .15) !important;

}


/* ==================================================
   MAĞAZA FIRSATLARI MOBİL
================================================== */

@media (max-width: 768px) {

    .magaza-firsatlari {

        width: calc(100% - 20px) !important;

        /* Mobilde masaüstündeki kadar boşluk bırakmıyoruz */
        margin: 25px auto 18px !important;

        padding: 12px 10px 16px !important;

        border-width: 2px !important;
        border-radius: 14px !important;

        animation-duration: 7s !important;

    }

}


/* Hareket azaltma tercihi olan cihazlar */
@media (prefers-reduced-motion: reduce) {

    .magaza-firsatlari {
        animation: none !important;
    }

}


/* ==================================================
   AŞAĞI KAYDIRINCA ÇIKAN SABİT ÜRÜN / SEPET BARI
================================================== */

#bottomCartAdd {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


/* ==================================================
   ESKİ SLIDER GİZLEME SINIFI
================================================== */

.ramtech-slider-gizle {
    display: none !important;
}

/* ==================================================
   RAMTECH - SAĞ YILDIZ ÜRÜN FLAMASI
   TEPEDEN SARKAN / BÜYÜK / TEK TEMİZ SÜRÜM
================================================== */

.rt-star-product-right {
    position: fixed !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    top: 35px !important;
    right: 28px !important;

    width: 220px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 999999 !important;

    transform: none !important;
    overflow: visible !important;
}

/* Sayfanın tepesinden karta kadar gelen askı */
.rt-star-product-right::before {
    content: "" !important;
    position: absolute !important;

    top: -35px !important;
    left: 50% !important;

    width: 3px !important;
    height: 35px !important;

    transform: translateX(-50%) !important;

    background: linear-gradient(
        to bottom,
        #0aaee8,
        #12d6c8,
        #10b96b
    ) !important;

    box-shadow: 0 0 8px rgba(10, 174, 232, 0.30) !important;
}

/* Ana ürün kartı */
.rt-star-product-card {
    position: relative !important;
    display: block !important;

    width: 100% !important;
    height: auto !important;

    padding: 15px !important;
    box-sizing: border-box !important;

    border: 2px solid transparent !important;
    border-radius: 15px !important;

    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(
            180deg,
            #0aaee8,
            #12d6c8,
            #10b96b
        ) border-box !important;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.10),
        0 0 15px rgba(18, 214, 200, 0.14) !important;

    overflow: visible !important;
}

/* Yıldız ürün başlığı */
.rt-star-badge {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 36px !important;

    margin: 0 0 12px !important;
    padding: 6px 8px !important;

    box-sizing: border-box !important;

    border-radius: 8px !important;

    background: linear-gradient(
        90deg,
        #0aaee8,
        #12d6c8,
        #10b96b
    ) !important;

    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.3px !important;

    text-align: center !important;
}

/* Ürün görsel alanı */
.rt-star-image-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 185px !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    overflow: hidden !important;
}

.rt-star-image-wrap img {
    display: block !important;

    max-width: 100% !important;
    max-height: 100% !important;

    width: auto !important;
    height: auto !important;

    object-fit: contain !important;
}

/* Ürün adı */
.rt-star-title {
    min-height: 38px !important;

    margin: 5px 0 8px !important;

    color: #171717 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
}

/* Eski fiyat */
.rt-star-old-price {
    display: block !important;

    margin: 0 0 1px !important;

    color: #999999 !important;

    font-size: 11px !important;
    font-weight: 500 !important;

    text-align: center !important;
    text-decoration: line-through !important;
}

/* Yeni fiyat */
.rt-star-price {
    display: block !important;

    margin: 2px 0 11px !important;

    color: #111111 !important;

    font-size: 21px !important;
    font-weight: 800 !important;

    text-align: center !important;
}

/* Ürünü İncele butonu */
.rt-star-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 40px !important;

    padding: 8px 10px !important;
    box-sizing: border-box !important;

    border-radius: 8px !important;

    background: #20c568 !important;
    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    transition:
        background-color 0.2s ease,
        transform 0.2s ease !important;
}

.rt-star-button:hover,
.rt-star-button:focus {
    background: #17a955 !important;
    color: #ffffff !important;

    transform: translateY(-1px) !important;

    text-decoration: none !important;
}

/* Tablet ve mobilde şimdilik gizle */
@media (max-width: 1100px) {
    .rt-star-product-right {
        display: none !important;
    }
}