:root{--primary-button-color: #4B8F29; --main-third-color: #4B8F29; --main-fourth-color: #5DA130; --main-second-color: #F7F8F5; --product-card-bg: #fff; --product-card-border: #d2e4f6; --product-card-color: #15284b; --border-radius: 12px;} /* ===================================================
   BAHCESTORE CHECKOUT THEME v1.0
   CSS - 1 (Genel Görünüm)
   =================================================== */

/* Genel Sayfa */
body{
    background:#f7f8f5 !important;
    color:#243238;
    font-family: "Segoe UI", Arial, sans-serif;
}

/* Linkler */
a{
    transition:.25s;
}

a:hover{
    color:#4B8F29 !important;
}

/* Kartlar */
.card,
.checkout-card,
.summary-card{
    background:#fff;
    border-radius:18px !important;
    border:none !important;
    box-shadow:0 8px 30px rgba(0,0,0,.06);
}

/* Sağ Sipariş Özeti */
.order-summary,
.summary,
.checkout-summary{
    border-radius:18px !important;
    box-shadow:0 8px 30px rgba(0,0,0,.08);
}

/* Başlıklar */
h1,h2,h3,h4,h5{
    color:#243238;
    font-weight:700;
}

/* Toplam Tutar */
.total-price,
.grand-total,
.total{
    color:#2F6D1E !important;
    font-weight:700;
}

/* Yeşil Fiyatlar */
.price{
    color:#4B8F29 !important;
}

/* Butonlar */
button,
.btn{
    border-radius:12px !important;
    transition:.25s;
}

button:hover,
.btn:hover{
    transform:translateY(-1px);
}

/* Ana Buton */
.btn-primary{
    background:#4B8F29 !important;
    border-color:#4B8F29 !important;
}

.btn-primary:hover{
    background:#3d7623 !important;
    border-color:#3d7623 !important;
}

/* Secondary */
.btn-secondary{
    border-radius:12px !important;
}

/* Adet Kutusu */
.quantity,
.quantity-box{
    border-radius:30px !important;
}

/* Ürün Resmi */
img{
    border-radius:10px;
}

/* Ürün Kartı */
.product,
.cart-item{
    background:#fff;
    border-radius:16px;
    transition:.25s;
}

.product:hover,
.cart-item:hover{
    box-shadow:0 8px 20px rgba(0,0,0,.05);
}

/* Form Alanları */
input,
select,
textarea{
    border-radius:10px !important;
}

input:focus,
select:focus,
textarea:focus{
    border-color:#4B8F29 !important;
    box-shadow:0 0 0 3px rgba(75,143,41,.15);
}

/* Uyarı Kutusu */
.alert,
.warning{
    border-radius:14px !important;
}

/* Ayırıcı */
hr{
    opacity:.12;
}

/* Scroll */
::-webkit-scrollbar{
    width:8px;
}

::-webkit-scrollbar-thumb{
    background:#4B8F29;
    border-radius:20px;
}

/* Mobil */
@media(max-width:768px){

    body{
        font-size:15px;
    }

    .card,
    .checkout-card{
        border-radius:14px !important;
    }

}
/* ===================================================
   BAHCESTORE CHECKOUT THEME
   CSS - 2
   Ürün Kartları - Sipariş Özeti - Butonlar
   ===================================================*/

/* Ürün kartı */
.cart-item,
.product-item,
.checkout-product{
    background:#fff !important;
    border-radius:18px !important;
    padding:18px !important;
    margin-bottom:18px;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    transition:.30s;
}

.cart-item:hover,
.product-item:hover{
    transform:translateY(-2px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

/* Ürün resmi */
.cart-item img,
.product-item img{
    border-radius:14px;
    border:1px solid #ececec;
    padding:4px;
    background:#fff;
    transition:.30s;
}

.cart-item img:hover{
    transform:scale(1.05);
}

/* Ürün adı */
.product-title,
.cart-item-title,
.product-name{
    font-size:18px !important;
    font-weight:700;
    color:#243238;
}

/* Marka */
.product-brand{
    color:#6b7280;
    font-size:14px;
}

/* Fiyat */
.price,
.product-price{
    color:#2F6D1E !important;
    font-size:28px !important;
    font-weight:800;
}

/* Adet kutusu */
.quantity,
.quantity-box{
    background:#f6f9f3;
    border-radius:50px !important;
    padding:6px;
}

/* Artı eksi */
.quantity button,
.qty button{
    width:38px;
    height:38px;
    border-radius:50%;
    border:none;
    background:#4B8F29;
    color:#fff;
    transition:.25s;
}

.quantity button:hover{
    background:#35681e;
}

/* Sipariş Özeti */
.order-summary,
.summary,
.checkout-summary{

    background:#fff;

    border-radius:22px !important;

    padding:12px;

    box-shadow:
        0 20px 50px rgba(0,0,0,.08);

}

/* Sipariş Özeti Başlık */

.order-summary h3,
.summary-title{

    font-size:28px;

    font-weight:700;

    color:#243238;

    margin-bottom:15px;

}

/* Toplam satırı */

.total,
.grand-total{

    font-size:30px !important;

    font-weight:800;

    color:#2F6D1E !important;

}

/* Sağ kutu satırları */

.summary-row{

    padding:14px 0;

    border-bottom:1px solid #ececec;

}

/* Kargo ücretsiz */

.free-shipping{

    color:#39a845 !important;

    font-weight:700;

}

/* Uyarı kutusu */

.alert,
.warning{

    background:#F4FAF2 !important;

    border:1px solid #B8DEAA !important;

    color:#35681e !important;

    border-radius:16px !important;

}

/* Hediye çeki */

.gift-card{

    border-radius:18px;

    background:#fff;

    box-shadow:0 6px 20px rgba(0,0,0,.05);

}

/* Devam Et linki */

.continue-shopping{

    color:#4B8F29;

    font-weight:600;

}

.continue-shopping:hover{

    color:#2F6D1E;

}

/* Favori ikonu */

.favorite{

    transition:.25s;

}

.favorite:hover{

    transform:scale(1.15);

    color:#4B8F29;

}

/* Mobil */

@media(max-width:768px){

.product-title{

font-size:16px !important;

}

.price{

font-size:22px !important;

}

.order-summary h3{

font-size:22px;

}

}
/* ==========================================
   BAHCESTORE CHECKOUT
   CSS - 3
   Premium Rötuşlar
========================================== */

/* Sayfa geçişleri */
*{
    transition:
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

/* Kartlar */
.card,
.cart-item,
.order-summary,
.checkout-summary{
    overflow:hidden;
}

/* Ürün resmi */
.cart-item img,
.product-item img{
    object-fit:contain;
    background:#fff;
}

/* Fiyatlar */
.price,
.total,
.grand-total{
    letter-spacing:-0.5px;
}

/* Başlıklar */
.order-summary h2,
.order-summary h3,
.summary-title{
    position:relative;
    padding-bottom:12px;
}

.order-summary h2:after,
.order-summary h3:after,
.summary-title:after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:60px;

    height:4px;

    border-radius:30px;

    background:#4B8F29;

}

/* Satırlar */

.summary-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

/* Hover */

.cart-item:hover{

    border-color:#4B8F29;

}

/* Sepeti Temizle */

.clear-cart{

    color:#d33;

    font-weight:600;

}

.clear-cart:hover{

    color:#a50000;

}

/* Favori */

.favorite svg{

    transition:.30s;

}

.favorite:hover svg{

    transform:scale(1.2);

}

/* Adet */

.quantity input{

    font-weight:700;

    text-align:center;

}

/* Form */

input,
select{

    min-height:48px;

}

/* Ödeme kutuları */

.payment-box{

    border-radius:16px;

}

/* Checkbox */

input[type=checkbox]{

    accent-color:#4B8F29;

}

/* Radio */

input[type=radio]{

    accent-color:#4B8F29;

}

/* Scroll */

::-webkit-scrollbar-thumb{

    background:#4B8F29;

}

/* Seçili alan */

::selection{

    background:#4B8F29;

    color:#fff;

}

/* Mobil */

@media(max-width:992px){

.order-summary{

margin-top:30px;

}

}

/* Mobil */

@media(max-width:768px){

.cart-item{

padding:14px !important;

}

.product-title{

font-size:17px !important;

}

.total{

font-size:24px !important;

}

}

/* Hover animasyonu */

button:hover{

box-shadow:0 10px 25px rgba(75,143,41,.20);

}

/* Kutular */

.card:hover{

transform:translateY(-2px);

}

/* Link */

a{

text-decoration:none;

}

a:hover{

text-decoration:none;

}

/* Border */

.card{

border:1px solid #edf0ec;

}

/* Son */