@media (min-width: 1200px) {
            .container {  	
                width: 1440px;
                
            }}
         :root {  
            --maincolor: #008354;  
            --bodycolor: #525050;  
        }html{
            font-size: 12px;
        }body{
            font-family: "Libre Franklin", sans-serif;
            font-size: 12px;
            color: #525050;
        }body{background-color: #DBD8A7;background-repeat: repeat-x;background-attachment: scroll;background-size: auto;}.pos_title h2,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
            font-family: "Libre Franklin", sans-serif;
            color: #121111;
            text-transform: capitalize;
			font-weight: 600;
        }.pos_title h2{
            font-size: 20px;
        }.pos-title{
            font-family: "Libre Franklin", sans-serif;
        }.pos-title-column h4{   
            font-size: 20px;
        }#header .sticky-inner.scroll-menu{  
            background-color: #FFFFFF;   
        }.page-title-wrapper{ background-color: #FCFCF6}.js-product-miniature .product_desc .product_name{
            color: #121111;
            text-transform: none;
            font-weight: 400;
        }@media(min-width: 768px){
                .js-product-miniature .product_desc .product_name{
                font-size: 16px;
                }
            }.js-product-miniature .product_desc .product_name:hover{
            color: #E21737;
        }.product-price-and-shipping .price{
            color:#555555;
            font-size: 16px;
        }.h1.namne_details, .product_name_h1{
            color: #121111;
            font-size: 24px;
            text-transform: none;
        }.product-prices .price, .product-prices .current-price span:first-child{
            color:#121111;
            font-size: 22px;
        }#product.showcase-body #header,.showcase-inner,#product.showcase-body .page-title-wrapper{
            background-color: none;
        }/* 1. Ana KAPSAYICIYI (.product-variants) Flexbox yap */
/* Bu, sütunların (yani .product-variants-item'ların) yan yana gelmesini sağlar. */
.product-variants {
    display: flex;
    flex-direction: row; /* Sütunları yatayda (yan yana) sırala */
    flex-wrap: nowrap;   /* Sütunların alt satıra kaymasını ENGELLE */
    align-items: flex-end; /* Tüm sütunları dikeyde AŞAĞIYA hizala */
    gap: 30px;           /* Sütunlar arasına 20px boşluk bırak */
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(to bottom left, #fcfcf7, #f3f2e1);
padding: 10px;
}

/* 2. Her bir SÜTUNU (.product-variants-item) Flexbox yap */
/* Bu, her sütunun içindeki başlık ve seçeneklerin dikey olarak sıralanmasını sağlar. */
.product-variants > .product-variants-item {
    display: flex;
    flex-direction: column; /* İçeriği dikeyde (alt alta) sırala */
    align-items: flex-start; /* İçeriği (butonları, başlığı) sola yasla */
    
    /* Eski/çakışan kuralları temizle */
    width: auto !important; 
    float: none !important;
    margin: 0; /* Boşlukları ana kapsayıcıdaki 'gap' ile yöneteceğiz */
}

/* 3. Varyant seçeneklerinin (renk kutuları, beden butonları) kapsayıcısını düzenle */
.product-variants > .product-variants-item ul {
    display: flex;
    flex-direction: column; /* Seçenekleri dikeyde (alt alta) sırala */
    gap: 8px; /* Seçenekler arasına 8px boşluk bırak */
    padding: 0;
    margin: 0;
    list-style: none;
}

/* 4. Her bir varyant seçeneğini (li elementi) düzenle */
.product-variants > .product-variants-item ul li {
    margin: 0; /* Ekstra boşlukları temizle */
}

/* 5. Varyant grubunun başlığını (label) düzenle */
.product-variants > .product-variants-item .control-label {
    margin-bottom: 10px; /* Başlık ile ilk seçenek arasına boşluk koy */
    font-weight: bold;
}
:is(body:not(.ps-bo-rebrand)):is(body:not(.no-smb-reskin)) .table tbody>tr:not(.fees):not(.fees_all):not(.range_sup):not(.range_inf):hover>td {
    background-color: var(--edition-lightblue-100) !important;
}
.product-variants > .product-variants-item ul li label,
.product-variants > .product-variants-item ul li .radio-label {
    /* Flexbox konteyneri yap */
    display: flex;
    
    /* İçeriği dikeyde ortala */
    align-items: center;
    
    /* İçeriği yatayda ortala */
    justify-content: center;
    
    width: 100%; 
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    
    /* Butonların minimum bir yüksekliğe sahip olmasını sağlayarak
       tek satırlık ve iki satırlık metinlerin hizasını garantiler.
       Gerekirse bu değeri değiştirebilirsiniz. */
    min-height: 40px; 
}