<style>
/* === 1. GENEL AYARLAR VE FONTLAR === */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,600;700&family=Manrope:wght@400;500;600;700&display=swap');

#onepagecheckoutps_contenedor {
    font-family: 'Manrope', sans-serif;
    color: #333;
    background-color: #f9fafb;
    padding-top: 30px;
    padding-bottom: 50px;
}

/* Ödeme Sayfası Ana Çerçeve Tasarımı */
#onepagecheckoutps_contenedor {
    border: 2px solid #7daeb2;       /* Marka rengi sınır */
    border-radius: 10px;             /* Modern yuvarlak köşeler */
    padding: 8px;                   /* Ferah bir görünüm için iç boşluk */
    background-color: #ffffff;       /* Temiz beyaz zemin */
    
    /* Marka rengiyle uyumlu, derinlik katan yumuşak gölge */
    box-shadow: 0 10px 25px rgba(125, 174, 178, 0.15); 
    
    margin-top: 20px;
    margin-bottom: 40px;
}

/* Mobilde (Telefonda) İçeriğin Sıkışmaması İçin Ayar */
@media (max-width: 767px) {
    #onepagecheckoutps_contenedor {
        padding: 15px !important;    /* Mobilde iç boşluğu azalt */
        border-width: 1px;           /* Mobilde sınır çizgisini incelt */
    }
}

/* Adım Başlıkları */
.onepagecheckoutps_p_step {
    font-family: 'Montserrat';
    font-size: 1.6rem !important;
    color: #2D6A6F !important;
    background: transparent !important;
    border-bottom: 2px solid #aacad0 !important;
    padding-bottom: 10px !important;
    margin-bottom: 25px !important;
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: capitalize !important;
}

.onepagecheckoutps_p_step i {
    color: #2D6A6F !important;
    font-size: 1.2rem !important;
    background: #eef5f6;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/* === 2. FORM === */
.form-group label {
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #555;
    margin-bottom: 5px;
}

.form-control {
    border: 1px solid #e5e7eb !important;
    background-color: #fff !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    height: auto !important;
    font-size: 0.95rem !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
}

.form-control:focus {
    border-color: #2D6A6F !important;
    box-shadow: 0 0 0 3px rgba(45, 106, 111, 0.1) !important;
}

/* === 3. ADIM 1 === */
#onepagecheckoutps_step_one {
    background: #fff;
    padding: 10px;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.03);
    margin-top: -7px;

}

.address_card .container_card {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    background: #fff !important;
    padding: 15px !important;
    transition: all 0.3s;
}

.address_card .container_card.selected {
    border-color: #2D6A6F !important;
    background-color: #f0fdfa !important;
    box-shadow: 0 4px 12px rgba(45, 106, 111, 0.15);
}

#btn_save_customer,
#btn_update_address_delivery,
#btn_update_address_invoice {
    background-color: #2D6A6F !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 0.9rem !important;
    transition: transform 0.2s;
}

#btn_save_customer:hover {
    background-color: #1f4e52 !important;
    transform: translateY(-2px);
}

/* === 4. ADIM 2 === */
#onepagecheckoutps_step_two_container,
#onepagecheckoutps_step_three_container {
    margin-bottom: 20px;
}

.input-group.bootstrap-touchspin {
    z-index: 0;
}

.delivery-option {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    background: #fff !important;
    margin-bottom: 15px !important;
    display: flex;
    align-items: center;
    transition: all 0.2s;
}

.delivery-option.selected {
    border-color: #2D6A6F !important;
    background-color: #f0fdfa !important;
}

.delivery_option_title {
    font-weight: 700;
    color: #222;
    font-size: 1rem;
}

.delivery_option_price {
    color: #2D6A6F;
    font-weight: 700;
}

/* === 5. ADIM 3 === */
.payment-option {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    background: #fff !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s;
}

.payment-option input[type="radio"] {
    accent-color: #2D6A6F;
    width: 18px;
    height: 18px;
    margin-right: 15px;
}

.payment_content span {
    font-weight: 600;
    font-size: 1rem;
    color: #333;
}

.payment-option:hover {
    border-color: #2D6A6F;
}

.payment_image img {
    height: 30px !important;
    object-fit: contain;
    margin-right: 15px;
    border: none !important;
}

/* === 6. ADIM 4 === */
#onepagecheckoutps_step_review {
    background: #fff;
    border-radius: 16px;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    border: 1px solid #e5e7eb;
}

.cart_item {
    border-bottom: 1px solid #f3f4f6 !important;
    padding: 15px 0 !important;
}

.cart_description .s_title_block span {
    font-weight: 600;
    color: #2D6A6F;
    font-size: 1rem;
}

.product-price,
.cart_total_price .price {
    font-weight: 700;
    color: #333;
}

.cart-detailed-totals .cart_total_price {
    padding: 10px 0;
    font-size: 0.95rem;
    color: #666;
}

.total_price .price {
    font-size: 1.8rem !important;
    color: #2D6A6F !important;
    font-weight: 800 !important;
    font-family: 'Bodoni Moda', serif;
}

/* === 7. ALT BUTONLAR (YAN YANA DÜZELTME) === */
#container_float_review {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-top: 20px;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.05);
    border: 1px solid #e5e7eb;
}

/* 👇 ASIL DÜZELTME */
#buttons_footer_review .col-xs-12 {
    display: flex;
    justify-content: space-evenly;
    gap: 16px;
    flex-direction: column-reverse;
    align-content: stretch;
}

div#onepagecheckoutps div#onepagecheckoutps_step_review #btn_continue_shopping {
margin-top: unset;
}

#btn_continue_shopping {
    color: #666 !important;
    text-decoration: none;
    font-size: 0.9rem;
    white-space: nowrap;
}

#btn_place_order {
    background: linear-gradient(135deg, #2D6A6F 0%, #1b4d51 100%) !important;
    color: #fff !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    padding: 18px 30px !important;
    border-radius: 12px !important;
    border: none !important;
    width: auto;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 10px 20px rgba(45, 106, 111, 0.3) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

/* MOBİL */
@media (max-width: 576px) {
    #buttons_footer_review .col-xs-12 {
        flex-direction: column;
        align-items: stretch;
    }

    #btn_place_order {
        width: 100%;
    }

    #btn_continue_shopping {
        text-align: center;
    }
}

/* === EK İSTEDİĞİN KURAL === */
div#HOOK_SHOPPING_CART {
    display: none;
}

div#onepagecheckoutps #onepagecheckoutps_step_two, div#onepagecheckoutps #onepagecheckoutps_step_three, div#onepagecheckoutps #onepagecheckoutps_step_review {
margin-top: 10px !important;
}

div#onepagecheckoutps div#onepagecheckoutps_step_three .module_payment_container .payment_content_html, div#onepagecheckoutps div#onepagecheckoutps_step_three .module_payment_container .additional-information {
padding: 4px !important;
}

.alert-info {
background-color: #ff7f5000;
border-color: #ff7f5000;
}

/* === ADIM 1 ÖZEL: YAZI BOYUTLARINI %35 BÜYÜTME === */

/* Genel kapsayıcı içindeki metinler */
#onepagecheckoutps_step_one_container {
    font-size: 1.1rem !important;
}

/* Etiketler (Labels): 0.85rem -> 1.15rem yapıldı */
#onepagecheckoutps_step_one_container label {
    font-size: 1.35rem !important;
    margin-bottom: 8px !important; /* Yazı büyüdüğü için boşluk artırıldı */
}

/* Input ve Select alanları: 0.95rem -> 1.28rem yapıldı */
#onepagecheckoutps_step_one_container .form-control {
    font-size: 1.3rem !important;
    padding: 14px 16px !important; /* Yazı sığsın diye iç boşluk artırıldı */
    height: auto !important;
}

/* Varsa radyo buton veya checkbox yanındaki yazılar */
#onepagecheckoutps_step_one_container .radio label, 
#onepagecheckoutps_step_one_container .checkbox label {
    font-size: 1.30rem !important;
}

button#opc_show_login {
display:none;
}

</style>
