.elementor-8 .elementor-element.elementor-element-77ebf1f{--display:flex;--min-height:567px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-73px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-77ebf1f:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-77ebf1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CCB79A;}.elementor-8 .elementor-element.elementor-element-9a965d7{--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;--justify-content:center;}.elementor-8 .elementor-element.elementor-element-d446307{--spacer-size:50px;}.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-8 .elementor-element.elementor-element-bbdb47e .elementor-heading-title{font-family:"Great Vibes", Sans-serif;font-weight:300;color:#261A1A;}.elementor-8 .elementor-element.elementor-element-c19fd15 .elementor-heading-title{font-family:"font1", Sans-serif;font-size:57px;font-weight:400;color:#000000;}.elementor-8 .elementor-element.elementor-element-707aa41 .elementor-heading-title{font-family:"font1", Sans-serif;font-size:26px;font-weight:400;color:#000000;}.elementor-8 .elementor-element.elementor-element-36b614b .elementor-heading-title{font-family:"font1", Sans-serif;font-size:26px;font-weight:400;color:#000000;}.elementor-8 .elementor-element.elementor-element-57d7123{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-57d7123:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-57d7123 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://onurbayram.com.tr/wp-content/uploads/2026/01/11112222.png");background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-af141eb{--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;--overlay-opacity:0.5;}.elementor-8 .elementor-element.elementor-element-af141eb::before, .elementor-8 .elementor-element.elementor-element-af141eb > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-af141eb > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-af141eb > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-af141eb > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-af141eb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-b51cf46 .elementor-heading-title{font-family:"font1", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-7c27d21 .elementor-heading-title{font-family:"Great Vibes", Sans-serif;font-weight:300;color:#FFF0BD;}.elementor-8 .elementor-element.elementor-element-9cc26b5{--spacer-size:50px;}.elementor-8 .elementor-element.elementor-element-1f54d40{--display:flex;--overlay-opacity:0.5;}.elementor-8 .elementor-element.elementor-element-1f54d40:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-1f54d40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1823;}.elementor-8 .elementor-element.elementor-element-1f54d40::before, .elementor-8 .elementor-element.elementor-element-1f54d40 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-1f54d40 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-1f54d40 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-1f54d40 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-1f54d40 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-1f54d40::before{filter:brightness( 89% ) contrast( 129% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-8 .elementor-element.elementor-element-1f54d40 > .elementor-shape-bottom .elementor-shape-fill, .elementor-8 .elementor-element.elementor-element-1f54d40 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#DECBA9;}.elementor-8 .elementor-element.elementor-element-fd6943f{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-8 .elementor-element.elementor-element-34f43cd{--display:flex;}.elementor-8 .elementor-element.elementor-element-ba233c1{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-8 .elementor-element.elementor-element-2f97974{--divider-border-style:dotted;--divider-color:#FFFFFF17;--divider-border-width:1px;}.elementor-8 .elementor-element.elementor-element-2f97974 .elementor-divider-separator{width:100%;}.elementor-8 .elementor-element.elementor-element-2f97974 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-8 .elementor-element.elementor-element-b5d4524 .elementor-heading-title{font-family:"Forum", Sans-serif;font-weight:600;color:#FFFFFFD1;}.elementor-8 .elementor-element.elementor-element-e63de2f{--divider-border-style:dotted;--divider-color:#FFFFFF17;--divider-border-width:1px;}.elementor-8 .elementor-element.elementor-element-e63de2f .elementor-divider-separator{width:100%;}.elementor-8 .elementor-element.elementor-element-e63de2f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-8 .elementor-element.elementor-element-938f849{--display:flex;}.elementor-8 .elementor-element.elementor-element-683f298{--display:flex;}.elementor-8 .elementor-element.elementor-element-c1f7145 .elementor-heading-title{font-family:"Great Vibes", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-b8bf5a5 .elementor-heading-title{font-family:"font1", Sans-serif;font-weight:500;color:#DECBA9;}.elementor-8 .elementor-element.elementor-element-55f20bf{--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;--overlay-opacity:0.74;--padding-top:55px;--padding-bottom:55px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-55f20bf:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-55f20bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8 .elementor-element.elementor-element-55f20bf::before, .elementor-8 .elementor-element.elementor-element-55f20bf > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-55f20bf > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-55f20bf > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-55f20bf > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-55f20bf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://onurbayram.com.tr/wp-content/uploads/2026/01/u3712949642_Professional_YouTube_banner_for_Korean_dad_channel__4101c360-5094-44a0-80c0-7916d8657065.png");--background-overlay:'';background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-2968aa4{--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-8 .elementor-element.elementor-element-4d26162{--display:flex;}.elementor-8 .elementor-element.elementor-element-1a307ac{--display:flex;--justify-content:center;}.elementor-8 .elementor-element.elementor-element-0196bdb{text-align:center;}.elementor-8 .elementor-element.elementor-element-0196bdb .elementor-heading-title{font-family:"font1", Sans-serif;font-size:26px;font-weight:400;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-b5227af{padding:0px 0px 0px 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-b5227af .elementor-heading-title{font-family:"Forum", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-8 .elementor-element.elementor-element-e7f2d3d{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;top:298px;}.elementor-8 .elementor-element.elementor-element-e7f2d3d.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-e7f2d3d{left:991px;}body.rtl .elementor-8 .elementor-element.elementor-element-e7f2d3d{right:991px;}.elementor-8 .elementor-element.elementor-element-e7f2d3d img{width:100%;}.elementor-8 .elementor-element.elementor-element-06a04a2{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;top:303px;}.elementor-8 .elementor-element.elementor-element-06a04a2.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-06a04a2{left:-23px;}body.rtl .elementor-8 .elementor-element.elementor-element-06a04a2{right:-23px;}.elementor-8 .elementor-element.elementor-element-06a04a2 img{width:100%;}.elementor-8 .elementor-element.elementor-element-4367796{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;top:299px;}.elementor-8 .elementor-element.elementor-element-4367796.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-4367796{left:224px;}body.rtl .elementor-8 .elementor-element.elementor-element-4367796{right:224px;}.elementor-8 .elementor-element.elementor-element-4367796 img{width:100%;}.elementor-8 .elementor-element.elementor-element-62ecd1a{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;top:248px;}.elementor-8 .elementor-element.elementor-element-62ecd1a.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-62ecd1a{left:436px;}body.rtl .elementor-8 .elementor-element.elementor-element-62ecd1a{right:436px;}.elementor-8 .elementor-element.elementor-element-62ecd1a img{width:100%;}.elementor-8 .elementor-element.elementor-element-0aebe2b{width:var( --container-widget-width, 17% );max-width:17%;--container-widget-width:17%;--container-widget-flex-grow:0;top:300px;}.elementor-8 .elementor-element.elementor-element-0aebe2b.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-8 .elementor-element.elementor-element-0aebe2b{left:726px;}body.rtl .elementor-8 .elementor-element.elementor-element-0aebe2b{right:726px;}.elementor-8 .elementor-element.elementor-element-0aebe2b img{width:100%;}.elementor-8 .elementor-element.elementor-element-b7347ff{--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;--overlay-opacity:0.31;--padding-top:050px;--padding-bottom:55px;--padding-left:111px;--padding-right:111px;}.elementor-8 .elementor-element.elementor-element-b7347ff:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-b7347ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CCB79A;}.elementor-8 .elementor-element.elementor-element-b7347ff::before, .elementor-8 .elementor-element.elementor-element-b7347ff > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-b7347ff > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-b7347ff > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-b7347ff > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-b7347ff > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-8 .elementor-element.elementor-element-fdfe829{text-align:center;}.elementor-8 .elementor-element.elementor-element-fdfe829 .elementor-heading-title{font-family:"Great Vibes", Sans-serif;font-size:40px;font-weight:300;color:#000000;}.elementor-8 .elementor-element.elementor-element-9b18cfa{text-align:center;}.elementor-8 .elementor-element.elementor-element-9b18cfa .elementor-heading-title{font-family:"font1", Sans-serif;font-size:40px;font-weight:500;color:#000000;}.elementor-8 .elementor-element.elementor-element-9277ac8{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-8 .elementor-element.elementor-element-39d6c85{--display:flex;}.elementor-8 .elementor-element.elementor-element-39d6c85.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-8 .elementor-element.elementor-element-e04b21e{--display:flex;}@media(max-width:767px){.elementor-8 .elementor-element.elementor-element-bbdb47e{text-align:center;}.elementor-8 .elementor-element.elementor-element-af141eb{--min-height:620px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:-75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-b51cf46{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-b51cf46 .elementor-heading-title{font-size:46px;}.elementor-8 .elementor-element.elementor-element-7c27d21{text-align:center;}.elementor-8 .elementor-element.elementor-element-9cc26b5{--spacer-size:171px;}.elementor-8 .elementor-element.elementor-element-1f54d40::before, .elementor-8 .elementor-element.elementor-element-1f54d40 > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-1f54d40 > .e-con-inner > .elementor-background-video-container::before, .elementor-8 .elementor-element.elementor-element-1f54d40 > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-1f54d40 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8 .elementor-element.elementor-element-1f54d40 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://onurbayram.com.tr/wp-content/uploads/2025/12/image-2025-12-30T143733.464.webp");background-size:contain;}.elementor-8 .elementor-element.elementor-element-1f54d40{--overlay-opacity:0.31;--padding-top:010px;--padding-bottom:111px;--padding-left:010px;--padding-right:010px;}.elementor-8 .elementor-element.elementor-element-1f54d40 > .elementor-shape-bottom svg, .elementor-8 .elementor-element.elementor-element-1f54d40 > .e-con-inner > .elementor-shape-bottom svg{height:48px;}.elementor-8 .elementor-element.elementor-element-fd6943f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8 .elementor-element.elementor-element-6ad6e27{margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 5px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-34f43cd{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-ba233c1{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-2f97974{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-2f97974 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-8 .elementor-element.elementor-element-b5d4524{text-align:center;}.elementor-8 .elementor-element.elementor-element-e63de2f .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-8 .elementor-element.elementor-element-938f849{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-26px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8 .elementor-element.elementor-element-683f298{--width:100%;}.elementor-8 .elementor-element.elementor-element-c1f7145{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -19px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-b8bf5a5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-b8bf5a5 .elementor-heading-title{font-size:30px;}.elementor-8 .elementor-element.elementor-element-fdfe829{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -19px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-9b18cfa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8 .elementor-element.elementor-element-9b18cfa .elementor-heading-title{font-size:30px;}}@media(min-width:768px){.elementor-8 .elementor-element.elementor-element-9a965d7{--width:62%;}.elementor-8 .elementor-element.elementor-element-57d7123{--width:38%;}.elementor-8 .elementor-element.elementor-element-39d6c85{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-af141eb */.alt-gradient {
    position: relative;
}

.alt-gradient::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.4) 40%,
        rgba(0, 0, 0, 0) 100%
    );
    pointer-events: none;
    z-index: 1;
}

/* İçerik gradientin üstünde kalsın */
.alt-gradient > * {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db4053f *//* Genel Sıfırlama */
       

        /* Ana Banner Alanı */
        .banner-container {
            position: relative;
            width: 100%;
            max-width: 1200px;
            /* Yükseklik mobilde otomatik ayarlansın diye aspect-ratio veya min-height kullanacağız */
            height: 450px; 
            background-image: url('https://onurbayram.com.tr/wp-content/uploads/2025/12/Adsiz-tasarim-2025-12-30T095900.882-1.png');
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border: 1px solid;
            border-image-slice: 1;
            border-image-source: linear-gradient(to right, #b88746, #fdf5a6, #b88746);
            box-shadow: 0 0 20px rgba(0,0,0,0.5);
        }

        /* İçerik Düzeni */
        .content-wrapper {
            display: flex;
            justify-content: center; /* Ortaya hizala */
            align-items: center;
            width: 100%;
            height: 100%;
            padding: 0 2%; /* Mobilde kenar boşluğunu azalttık */
            gap: 20px; /* Mobilde birbirlerine daha yakın olsunlar */
        }

        /* --- SOL TARAF: ÜRÜN VE ÇERÇEVE --- */
        .left-section {
            position: relative;
            /* Genişlikleri yüzdeye çevirdik ki mobilde sığsın */
            width: 40%; 
            height: 80%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Ürün Arkasındaki Altın Çerçeve */
        .product-frame {
            position: absolute;
            top: 10px;
            left: 10px;
            right: 0;
            bottom: 10px;
            border: 2px solid #cfaa56;
            z-index: 1;
        }

        /* Köşe Süslemeleri */
        .product-frame::before {
            content: '';
            position: absolute;
            top: -5px;
            left: -5px;
            width: 50px; /* Mobilde çok büyük durmaması için biraz küçülttüm */
            height: 50px;
            border-top: 4px solid #fdf5a6;
            border-left: 4px solid #fdf5a6;
            z-index: 2;
        }

        .product-frame::after {
            content: '';
            position: absolute;
            bottom: -5px;
            right: -5px;
            width: 50px;
            height: 50px;
            border-bottom: 4px solid #fdf5a6;
            border-right: 4px solid #fdf5a6;
            z-index: 2;
        }

        /* Ürün Resmi */
        .product-image {
            position: relative;
            z-index: 3;
            max-height: 115%; /* Çerçeveden taşma oranı */
            max-width: 120%; /* Mobilde sığması için */
            filter: drop-shadow(5px 5px 15px rgba(0,0,0,0.6));
            transform: translateY(5px);
        }

        /* --- SAĞ TARAF: YAZI VE BUTON --- */
        .right-section {
            width: 55%; /* Alanın geri kalanı */
            text-align: center;
            z-index: 5;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .title {
            font-family: 'Playfair Display', serif;
            font-size: 5rem;
            color: #ffffff;
            font-weight: 400;
            margin-bottom: 15px;
            line-height: 1;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
        }

        .cta-button {
            text-decoration: none;
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            font-size: 1.5rem;
            color: #1a1a1a;
            padding: 15px 40px;
            border-radius: 50px;
            text-transform: uppercase;
            white-space: nowrap; /* Mobilde metin aşağı kaymasın */
            background: linear-gradient(90deg, #ae8625 0%, #f7ef8a 50%, #ae8625 100%);
            background-size: 200% auto;
            box-shadow: 0 4px 15px rgba(174, 134, 37, 0.4);
            border: 1px solid #fdf5a6;
            transition: transform 0.3s;
        }

        /* --- MOBİL UYUMLULUK (Yan Yana Görünüm) --- */
        @media (max-width: 768px) {
            .banner-container {
                height: 220px; /* Mobilde banner yüksekliğini azalttık */
            }
            
            .content-wrapper {
                gap: 5px; /* Mobilde arayı iyice yaklaştırdık */
                padding: 0 10px;
            }

            /* Sol taraf ayarları */
            .left-section {
                width: 45%; /* Resmi biraz daha genişlettik */
                height: 90%;
            }

            .product-frame::before, 
            .product-frame::after {
                width: 25px; /* Köşe çizgilerini küçülttük */
                height: 25px;
                border-width: 1px;
            }
            
            .product-frame {
                border-width: 0px;
                top: 5px; bottom: 5px; left: 5px;
            }

            /* Sağ taraf ayarları */
            .right-section {
                width: 55%;
            }

            .title {
                font-size: 2.2rem; /* Başlığı mobilde küçülttük */
                margin-bottom: 10px;
            }

            .cta-button {
                font-size: 0.75rem; /* Buton yazısını küçülttük */
                padding: 8px 15px; /* Buton boşluğunu azalttık */
                border-radius: 20px;
            }
        }
        
        /* Çok küçük ekranlar için (iPhone SE gibi) ince ayar */
        @media (max-width: 380px) {
            .title { font-size: 1.8rem; }
            .cta-button { font-size: 0.65rem; padding: 6px 12px; }
            .banner-container { height: 190px; }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-89dc31c *//* Genel Sıfırlama */
       

        /* Ana Banner Alanı */
        .banner-container {
            position: relative;
            width: 100%;
            max-width: 1200px;
            /* Yükseklik mobilde otomatik ayarlansın diye aspect-ratio veya min-height kullanacağız */
            height: 450px; 
            background-image: url('https://onurbayram.com.tr/wp-content/uploads/2025/12/Adsiz-tasarim-2025-12-30T095900.882-1.png');
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border: 1px solid;
            border-image-slice: 1;
            border-image-source: linear-gradient(to right, #b88746, #fdf5a6, #b88746);
            box-shadow: 0 0 20px rgba(0,0,0,0.5);
        }

        /* İçerik Düzeni */
        .content-wrapper {
            display: flex;
            justify-content: center; /* Ortaya hizala */
            align-items: center;
            width: 100%;
            height: 100%;
            padding: 0 2%; /* Mobilde kenar boşluğunu azalttık */
            gap: 20px; /* Mobilde birbirlerine daha yakın olsunlar */
        }

        /* --- SOL TARAF: ÜRÜN VE ÇERÇEVE --- */
        .left-section {
            position: relative;
            /* Genişlikleri yüzdeye çevirdik ki mobilde sığsın */
            width: 40%; 
            height: 80%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Ürün Arkasındaki Altın Çerçeve */
        .product-frame {
            position: absolute;
            top: 10px;
            left: 10px;
            right: 0;
            bottom: 10px;
            border: 2px solid #cfaa56;
            z-index: 1;
        }

        /* Köşe Süslemeleri */
        .product-frame::before {
            content: '';
            position: absolute;
            top: -5px;
            left: -5px;
            width: 50px; /* Mobilde çok büyük durmaması için biraz küçülttüm */
            height: 50px;
            border-top: 4px solid #fdf5a6;
            border-left: 4px solid #fdf5a6;
            z-index: 2;
        }

        .product-frame::after {
            content: '';
            position: absolute;
            bottom: -5px;
            right: -5px;
            width: 50px;
            height: 50px;
            border-bottom: 4px solid #fdf5a6;
            border-right: 4px solid #fdf5a6;
            z-index: 2;
        }

        /* Ürün Resmi */
        .product-image {
            position: relative;
            z-index: 3;
            max-height: 115%; /* Çerçeveden taşma oranı */
            max-width: 120%; /* Mobilde sığması için */
            filter: drop-shadow(5px 5px 15px rgba(0,0,0,0.6));
            transform: translateY(5px);
        }

        /* --- SAĞ TARAF: YAZI VE BUTON --- */
        .right-section {
            width: 55%; /* Alanın geri kalanı */
            text-align: center;
            z-index: 5;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .title {
            font-family: 'Playfair Display', serif;
            font-size: 5rem;
            color: #ffffff;
            font-weight: 400;
            margin-bottom: 15px;
            line-height: 1;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
        }

        .cta-button {
            text-decoration: none;
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            font-size: 1.5rem;
            color: #1a1a1a;
            padding: 15px 40px;
            border-radius: 50px;
            text-transform: uppercase;
            white-space: nowrap; /* Mobilde metin aşağı kaymasın */
            background: linear-gradient(90deg, #ae8625 0%, #f7ef8a 50%, #ae8625 100%);
            background-size: 200% auto;
            box-shadow: 0 4px 15px rgba(174, 134, 37, 0.4);
            border: 1px solid #fdf5a6;
            transition: transform 0.3s;
        }

        /* --- MOBİL UYUMLULUK (Yan Yana Görünüm) --- */
        @media (max-width: 768px) {
            .banner-container {
                height: 220px; /* Mobilde banner yüksekliğini azalttık */
            }
            
            .content-wrapper {
                gap: 5px; /* Mobilde arayı iyice yaklaştırdık */
                padding: 0 10px;
            }

            /* Sol taraf ayarları */
            .left-section {
                width: 45%; /* Resmi biraz daha genişlettik */
                height: 90%;
            }

            .product-frame::before, 
            .product-frame::after {
                width: 25px; /* Köşe çizgilerini küçülttük */
                height: 25px;
                border-width: 1px;
            }
            
            .product-frame {
                border-width: 0px;
                top: 5px; bottom: 5px; left: 5px;
            }

            /* Sağ taraf ayarları */
            .right-section {
                width: 55%;
            }

            .title {
                font-size: 2.2rem; /* Başlığı mobilde küçülttük */
                margin-bottom: 10px;
            }

            .cta-button {
                font-size: 0.75rem; /* Buton yazısını küçülttük */
                padding: 8px 15px; /* Buton boşluğunu azalttık */
                border-radius: 20px;
            }
        }
        
        /* Çok küçük ekranlar için (iPhone SE gibi) ince ayar */
        @media (max-width: 380px) {
            .title { font-size: 1.8rem; }
            .cta-button { font-size: 0.65rem; padding: 6px 12px; }
            .banner-container { height: 190px; }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3594c4 *//* --- Genel Ayarlar --- */

.kahve-ozel-kutu {
    /* BU KISIM ÇOK ÖNEMLİ: Kapsayıcı sorgusunu başlatır */
    container-type: inline-size;
    container-name: kahveBanner;

    position: relative;
    width: 100%; 
    height: 240px;/* Bulunduğu alanı tamamen kaplar */
    /* En-Boy Oranı Sabit (Genişlik ne olursa olsun yükseklik orantılı azalır) */
    aspect-ratio: 1200 / 450; 
    
    background-image: url('https://onurbayram.com.tr/wp-content/uploads/2025/12/Adsiz-tasarim-2025-12-30T095900.882-1.png');
    background-size: cover;
    background-position: center;
    
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    
    border: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #b88746, #fdf5a6, #b88746);
    
}

.kahve-ic-duzen {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 2%;
    gap: 2%;
}

/* --- SOL BÖLÜM --- */
.kahve-gorsel-bolumu {
    position: relative;
    width: 40%; 
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.altin-cerceve {
    position: absolute;
    top: 5%; bottom: 5%; left: 5%; right: 0;
    /* Çerçeve kalınlığı bile kutu boyutuna göre değişecek */
    border: 0cqw solid #cfaa56; 
    z-index: 1;
}

.altin-cerceve::before {
    content: '';
    position: absolute;
    top: -0.4cqw; left: -0.4cqw;
    width: 15%; height: 15%;
    border-top: 0.5cqw solid #fdf5a6;
    border-left: 0.5cqw solid #fdf5a6;
    z-index: 2;
}

.altin-cerceve::after {
    content: '';
    position: absolute;
    bottom: -0.4cqw; right: -0.4cqw;
    width: 15%; height: 15%;
    border-bottom: 0.5cqw solid #fdf5a6;
    border-right: 0.5cqw solid #fdf5a6;
    z-index: 2;
}

.kahve-paket-resmi {
    position: relative;
    z-index: 3;
    max-height: 115%;
    max-width: 120%;
    filter: drop-shadow(0.5cqw 0.5cqw 1.5cqw rgba(0,0,0,0.6));
    transform: translateY(2%);
}

/* --- SAĞ BÖLÜM --- */
.kahve-metin-bolumu {
    width: 55%;
    text-align: center;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.kahve-baslik-yazisi {
    font-family: 'Playfair Display', serif;
    /* YAZI BOYUTU: Kutunun genişliğinin %7'si kadar olsun */
    font-size: 8cqw; 
    color: #ffffff;
    font-weight: 400;
    margin-bottom: 3%;
    line-height: 1;
    text-shadow: 0.2cqw 0.2cqw 0.4cqw rgba(0,0,0,0.8);
}

.kahve-incele-butonu {
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    /* BUTON YAZISI: Kutunun genişliğinin %2.2'si kadar olsun */
    font-size: 3.2cqw; 
    color: #1a1a1a;
    
    /* İç boşluklar da orantılı */
    padding: 1.5cqw 4cqw; 
    
    border-radius: 10cqw; /* Yuvarlaklık da orantılı */
    text-transform: uppercase;
    white-space: nowrap;
    background: linear-gradient(90deg, #ae8625 0%, #f7ef8a 50%, #ae8625 100%);
    background-size: 200% auto;
    box-shadow: 0 0.5cqw 2cqw rgba(174, 134, 37, 0.4);
    border: 0.1cqw solid #fdf5a6;
    transition: transform 0.3s;
}

.kahve-incele-butonu:hover {
    transform: scale(1.05);
}/* 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 */