.elementor-530 .elementor-element.elementor-element-fbeb759{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:250px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-530 .elementor-element.elementor-element-fbeb759:not(.elementor-motion-effects-element-type-background), .elementor-530 .elementor-element.elementor-element-fbeb759 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CCB79A;}.elementor-530 .elementor-element.elementor-element-fbeb759 > .elementor-shape-bottom .elementor-shape-fill, .elementor-530 .elementor-element.elementor-element-fbeb759 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#402128;}.elementor-530 .elementor-element.elementor-element-fbeb759 > .elementor-shape-bottom svg, .elementor-530 .elementor-element.elementor-element-fbeb759 > .e-con-inner > .elementor-shape-bottom svg{height:0px;}.elementor-530 .elementor-element.elementor-element-4606ce9{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-530 .elementor-element.elementor-element-f5c4328{text-align:center;}.elementor-530 .elementor-element.elementor-element-f5c4328 .elementor-heading-title{font-family:"Great Vibes", Sans-serif;font-weight:300;color:#261A1A;}.elementor-530 .elementor-element.elementor-element-3683b7a{text-align:center;}.elementor-530 .elementor-element.elementor-element-3683b7a .elementor-heading-title{font-family:"font1", Sans-serif;font-size:57px;font-weight:400;color:#000000;}.elementor-530 .elementor-element.elementor-element-a98ba94{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-530 .elementor-element.elementor-element-85e1729{--display:flex;}.elementor-530 .elementor-element.elementor-element-1f7f11f{--display:flex;}.elementor-530 .elementor-element.elementor-element-e168c56{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-530 .elementor-element.elementor-element-5c8eafe{--display:flex;}.elementor-530 .elementor-element.elementor-element-7a7ad45{--display:flex;}.elementor-530 .elementor-element.elementor-element-d41501f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-530 .elementor-element.elementor-element-3a3ad09{--display:flex;}.elementor-530 .elementor-element.elementor-element-2e2c9e5{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-530 .elementor-element.elementor-element-fbeb759 > .elementor-shape-bottom svg, .elementor-530 .elementor-element.elementor-element-fbeb759 > .e-con-inner > .elementor-shape-bottom svg{height:48px;}.elementor-530 .elementor-element.elementor-element-fbeb759{--padding-top:0150px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-530 .elementor-element.elementor-element-f5c4328{text-align:center;}}@media(min-width:768px){.elementor-530 .elementor-element.elementor-element-fbeb759{--content-width:970px;}.elementor-530 .elementor-element.elementor-element-4606ce9{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-2d62f8f *//* Elementor uyumluluğu için tüm kutu modelini sıfırlıyoruz */
    .custom-product-card * {
        box-sizing: border-box;
    }

    /* Ana Taşıyıcı */
    .custom-product-card {
        display: flex;
        align-items: flex-start; 
        justify-content: center;
        width: 100%;
        max-width: 500px; 
        margin: 0 auto; 
        font-family: 'Arial', sans-serif;
        gap: 0; /* Gap'i sıfırladım, genişlikleri yüzde ile yöneteceğiz */
    }

    /* --- DEĞİŞİKLİK YAPILAN KISIM (SOL KOLON) --- */
    .card-text-side {
        /* Yazı alanı her zaman %35 genişlikte olsun */
        flex: 0 0 35%;
        width: 35%; 
        
        text-align: right;
        padding-right: 15px; /* Yazı ile kutu arasına iç boşluk */
        padding-top: 10px;
        z-index: 2;
        position: relative; /* Z-index'in çalışması için */
    }

    .title-script {
        font-family: 'Dancing Script', cursive;
        color: #8B1E1E;
        font-size: 55px; /* Biraz küçülterek taşmayı önledim */
        line-height: 0.9;
        display: block;
        
        /* Uzun isimlerde kutuyu bozmaması için satır aşağı insin */
        white-space: normal; 
        word-wrap: break-word;
    }

    .title-sub {
        font-family: 'Montserrat', sans-serif;
        color: #8B1E1E;
        font-size: 20px; /* Orantılı olması için hafif revize */
        letter-spacing: 1px;
        text-transform: uppercase;
        display: block;
        margin-top: 5px;
    }

    /* --- DEĞİŞİKLİK YAPILAN KISIM (SAĞ KOLON) --- */
    .card-image-side {
        /* Resim alanı her zaman %65 genişlikte olsun ve büzülmesin */
        flex: 0 0 65%;
        width: 65%;
        
        position: relative;
        border-top: 1px solid black;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        padding: 20px;
        padding-bottom: 40px; 
    }

    /* Sol taraftaki %25'lik özel çizgi */
    .card-image-side::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0; 
        width: 1px; 
        height: 25%; 
        background-color: black;
    }

    .product-image {
        width: 100%;
        height: auto;
        display: block;
        
        transform-origin: center;
    }

    /* Buton Alanı */
    .btn-container {
        position: absolute;
        bottom: -20px; 
        right: 0;
    }

    .btn-show {
        background-color: #8B1E1E;
        color: white;
        border: none;
        padding: 10px 25px; /* Butonu kutuya daha orantılı yaptım */
        font-family: 'Montserrat', sans-serif;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.3s ease;
        white-space: nowrap;
    }

    .btn-show:hover {
        background-color: #6d1515;
    }

    /* MOBİL UYUM */
    @media (max-width: 480px) {
        .title-script { font-size: 36px; }
        .title-sub { font-size: 16px; }
        /* Mobilde oranları korumak zor olabilir, biraz esneme payı verelim */
        .card-text-side { padding-right: 10px; }
    }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'font1';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://onurbayram.com.tr/wp-content/uploads/2025/12/Maharlika-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */