/* ================= RESET ================= */

.header-flex{
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
}
.logo img{
max-width:140px;
height:auto;
}

*{
    margin:0;
    box-sizing:border-box;
    font-family:'Oswald', sans-serif;
}

body{
    background:#ffffff;
    margin: 0;
  padding: 0;
}

/* ================= CONTAINER ================= */

.container{
    width:100%;
    max-width:1250px;
    margin:auto;
    padding:0 20px;
}

/* ================= HEADER ================= */

.header-top{
    background: url("../images/headerbg.png") center bottom repeat-x;
    background-size: auto;
    padding: 30px 0 39px;
    position: relative;
}
@media(max-width:768px){
    .header-top{
        background: #380175; /* düz mor */
    }
}

/* overlay (yazı okunabilirliği için) */
.header-top::before{
    content:"";
    position:absolute;
    inset:0;
    /* background:rgba(56,1,117,.45); */
}

.header-flex{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    position:relative;
    z-index:2;
    flex-wrap:wrap;
}

.logo img{
    height:70px;
}

/* ================= MENU ================= */



.main-menu{
    display:flex;
    gap: 18px;
    flex-wrap:wrap;
    
}

.menu-item{
    position:relative;
}

.main-menu a{
    color:#fff;
    text-decoration:none;
    font-weight:600;
    font-size: 18px;
    transition:.25s;
}

.main-menu a:hover,
.main-menu a.active{
    color:#ffb400;
}

/* ================= DROPDOWN ================= */

.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    background:#2a2a2f;
    min-width:160px;
    padding:10px 0;
    border-radius:8px;
    display:none;
    z-index:999;
}

.dropdown-menu a{
    display:block;
    padding:10px 20px;
    color:white;
}

.dropdown-menu a:hover{
    background:#ffb400;
    color:#000;
}

.menu-item:hover .dropdown-menu{
    display:block;
}

/* ================= CALL AREA ================= */

.call-area{
    display:flex;
    align-items:center;
    gap: 12px;
    padding: 0px;
}

.call-icon{
    width: 75px;
}

.call-title{
    font-size: 14px;
    color:#ccc;
    padding: 6px;
}

.call-number{
    color:#ffb400;
    font-size: 14px;
    font-weight:700;
}

/* ================= CATEGORY ================= */

.category-bar{
    background:#ffb400;
    padding:25px 0;
}
.category-item a{
  text-decoration: none;
}
.category-container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:35px;
    justify-items:center;
}

.category-item{
    text-align:center;
    position:relative;
    cursor:pointer;
    isolation:isolate;
    
}

.category-item img{
    width: 120px;
    height:70px;
    object-fit:contain;
    position:relative;
    z-index:2;
    transition:.3s;
}

.category-item p{
    margin-top:10px;
    font-size: 16px;
    font-weight:600;
    color: white;
}

/* ===== SPLASH HOVER ===== */

.category-item::before{
    content:"";
    position:absolute;
    top:-14px;
    left:50%;
    width:110px;
    height:110px;
    transform:translateX(-50%) scale(.3);
    background:radial-gradient(circle, rgba(255,255,255,.35) 0%, #ffb400 40%, transparent 65%);
    opacity:0;
    transition:.3s ease;
    z-index:-1;
}

.category-item:hover::before{
    opacity:1;
    transform:translateX(-50%) scale(1);
}

.category-item:hover img{
    transform:scale(1.12);
}

.category-item:hover p{
    color:#380175;
}

/* ================= HERO ================= */

.hero-section{
    position:relative;
    min-height:90vh;
    overflow:hidden;
}

.hero-video{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    top:0;
    left:0;
}

.hero-overlay{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.45);
    top:0;
    left:0;
}

.hero-container{
    position:relative;
    z-index:2;
    min-height:90vh;
    display:flex;
    align-items:center;
}

.hero-content{
    max-width:600px;
}

.hero-content h1{
    font-size: 70px;
    color: #ffffff;
}

.hero-content p{
    color:#ffb400;
    margin:20px 0;
    font-size: 20px;
}

.hero-btn{
    background:#380175;
    padding:14px 30px;
    color:#fff;
    text-decoration:none;
    border-radius:40px;
    display:inline-block;
}

/* ================= HAMBURGER ================= */

.hamburger{
    display:none;
    font-size:32px;
    color:white;
    cursor:pointer;
}

/* ================= RESPONSIVE ================= */

@media(max-width:992px){

    .category-container{
        grid-template-columns:repeat(2,1fr);
    }

    .hero-content h1{
        font-size:36px;
    }
}

@media(max-width:768px){

    .header-top{
        background-position:center top;
        padding:30px 0 20px;
    }

    .hamburger{
        display:block;
    }

    .header-flex{
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
        flex-wrap:nowrap;
    }

    .main-menu{
        display:none;
        flex-direction:column;
        background:#380175;
        width:100%;
        position:absolute;
        top:100%;
        left:0;
        padding:20px 0;
        text-align:center;
    }

    .main-menu.active{
        display:flex;
    }

    .menu-item{
        padding:12px 0;
    }

    .call-area{
        display:none;
    }
}

@media(max-width:600px){

    .category-container{
        grid-template-columns:1fr;
    }

    .hero-container{
        justify-content:center;
        text-align:center;
    }
}
/* ================= PROMO CTA ALANI ================= */

.promo-section{
    margin-top:-140px;
    position:relative;
    z-index:20;
}

.promo-wrap{
    display:flex;
    gap:25px;
}

/* SOL BÃœYÃœK KART */
.promo-left{
    width:503px;
    height:532px;
    background: url("../images/solbyk.webp") center center / cover no-repeat;
}

/* ORTA GRUP */
.promo-middle{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.promo-top{
    width:397px;
    height:252px;
    background: url("../images/sagust.webp") center center / cover no-repeat;
}

.promo-bottom{
    width:397px;
    height:250px;
    background: url("../images/tatli.webp") center center / cover no-repeat;
}

/* SAÄž UZUN KART */
.promo-right{
    width:286px;
    height:532px;
    background: url("../images/durum.webp") center center / cover no-repeat;
}

/* ORTAK STÄ°L */

.promo-card{
    border-radius:18px;
    padding:35px;
    color:#fff;
    display:flex;
    align-items:flex-start;
    transition:.3s ease;
}

.promo-card:hover{
    transform:translateY(-6px);
}

.promo-content small{
    font-size:22px;
    font-weight:300;
}

.promo-content h2{
    font-size:54px;
    line-height:1;
}

.promo-content h3{
    font-size:36px;
}

.promo-content p{
    margin:10px 0 18px;
    font-size:14px;
}

.tag,
.promo-content a{
    background:#ffb400;
    color:#000;
    padding:8px 18px;
    border-radius:20px;
    text-decoration:none;
    font-weight:600;
    font-size:13px;
}

/* ================= RESPONSIVE (BOZULMAZ) ================= */

@media(max-width:1200px){
    .promo-wrap{
        flex-wrap:wrap;
        justify-content:center;
    }

    .promo-left,
    .promo-right,
    .promo-top,
    .promo-bottom{
        width:100%;
        max-width:420px;
        height:auto;
        min-height:240px;
    }
}

@media(max-width:600px){
    .promo-section{
        margin-top:-60px;
    }
}
/* ================= PROMO MOBILE FIX ================= */

@media(max-width:992px){

    .promo-wrap{
        flex-direction:column;
        align-items:center;
    }

    .promo-left,
    .promo-right,
    .promo-top,
    .promo-bottom{
        width:100%;
        max-width:420px;
        height:auto;
        min-height:240px;
    }

    .promo-middle{
        width:100%;
        max-width:420px;
    }
}

@media(max-width:600px){

    .promo-section{
        margin-top:-50px;
    }

    .promo-card{
        padding:25px;
    }

    .promo-content h2{
        font-size:36px;
    }

    .promo-content h3{
        font-size:28px;
    }
}
/* ================= INFO BOX SECTION ================= */

.info-section{
    background: #ffffff;
    padding:60px 0;
}

.info-wrap{
    display:flex;
    justify-content:space-between;
    gap:25px;
}

.info-box{
    width:410px;                 /* Elementor ölçüsü */
    height:133px;                /* Elementor ölçüsü */
    padding:22px 30px;           /* Elementor padding */
    border:2px dashed #ffb400;
    border-radius:12px;
    display:flex;
    align-items:center;
    gap:20px;
    background:#fff;
    transition:.3s ease;
}

.info-box img{
    width:55px;
}

.info-content h4{
    font-size:18px;
    margin-bottom:6px;
}

.info-content p{
    font-size:14px;
    color:#808080;
}

/* Hover efekti */

.info-box:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

/* ================= RESPONSIVE ================= */

@media(max-width:1200px){
    .info-wrap{
        flex-wrap:wrap;
        justify-content:center;
    }

    .info-box{
        width:100%;
        max-width:420px;
    }
}

@media(max-width:600px){
    .info-box{
        height:auto;
    }
}
/* ================= RECIPES SECTION ================= */

.recipes-section{
    background:#f5f5f5;
    padding:80px 0;
}

.recipes-wrap{
    display:flex;
    gap:40px;
}

/* SOL TARAF */

.recipes-left{
    width:880px; /* ekteki ul.products width */
}

.section-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:40px;
}

.section-head h2{
    font-size:42px;
}

.see-all{
    text-decoration:none;
    color:#333;
    font-size:14px;
}

/* GRID */

.product-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:30px;
}

.product-item{
    width:410px;             /* ekteki ölçü */
    height:153px;            /* ekteki ölçü */
    background:#e9e2d3;
    border-radius:25px;
    padding:10px;
    display:flex;
    align-items:center;
    gap:20px;
    transition:.3s;
}

.product-item img{
    width:120px;
    height:120px;
    object-fit:contain;
    flex-shrink:0;
}

.product-content{
    padding:30px 50px 30px 10px; /* ekteki padding */
}

.product-content h4{
    font-size:18px;
    margin-bottom:4px;
}

.product-content span{
    font-size:14px;
    color:#888;
    display:block;
}

.product-content strong{
    color:#f4b400;
    font-weight:600;
}

/* HOVER */

.product-item:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

/* SAÄž BANNER */

.recipes-banner{
    width:410px;
    height:597px;  /* ekteki ölçü */
    /* background:#ffc400; */
    border-radius:18px;
    padding:30px;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    overflow:hidden;
    background: url(../images/durumcips.webp) center center / cover no-repeat;
}

.banner-content small{
    font-size: 24px;
    color: bisque;
}

.banner-content h3{
    font-size:64px;
    color: #FFC107;
    margin: 0px 0;
}

.banner-content p{
    margin-top:10px;
}

.banner-content span{
    font-size:26px;
    font-weight:700;
}

.recipes-banner img{
    position:absolute;
    bottom: -110px;
    right: -40px;
    width: 310px;
}

/* ================= RESPONSIVE ================= */

@media(max-width:1200px){
    .recipes-wrap{
        flex-direction:column;
        align-items:center;
    }

    .recipes-left{
        width:100%;
    }

    .product-item{
        width:100%;
    }

    .recipes-banner{
        width:100%;
        max-width:420px;
    }
}

@media(max-width:600px){
    .product-grid{
        grid-template-columns:1fr;
    }

    .product-item{
        height:auto;
        padding:20px;
    }
}

/* BURADAN SONRASI KURUMSAL SAYFANININ CSS KODLARI */

/* ================= HERO ================= */

.about-hero{
    position:relative;
    padding: 40px 0 60px;
    background: #ffb400;
    text-align:center;
    overflow:hidden;
}

.about-hero h1{
    font-size: 44px;
    color:#380175;
    margin-bottom:15px;
}

.about-hero p{
    font-size:20px;
    color: #ffffff;
    max-width:700px;
    margin:auto;
}

/* YAPRAKLAR */

.leaf{
    position:absolute;
    width:260px;
    opacity:.25;
}

.leaf-left{
    left:-60px;
    top:0;
}

.leaf-right{
    right:-60px;
    top:0;
}


/* ================= ABOUT GRID ================= */

.about-section{
    padding:100px 0;
    background:white;
}

.about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.about-image img{
    width:100%;
    border-radius:20px;
}

.about-text h2{
    font-size:42px;
    margin-bottom:20px;
    color: #380175;
}

.about-text p{
    margin-bottom:18px;
    color:#555;
    line-height:1.7;
}


/* ================= FEATURES ================= */

.about-features{
    background: #380175;
    padding:80px 0;
}

.features-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.feature-box{
    background:white;
    padding:35px;
    border-radius:18px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.feature-box h3{
    margin-bottom:10px;
    color:#380175;
}

.feature-box p{
    color:#666;
}


/* ================= STORY ================= */

.about-story{
    padding:120px 0;
    text-align:center;
    background:#fafafa;
}

.story-content h2{
    font-size:42px;
    margin-bottom:20px;
    color: #380175;
}

.story-content p{
    max-width:700px;
    margin:auto;
    color:#666;
    line-height:1.8;
}


/* ================= RESPONSIVE ================= */

@media(max-width:900px){

    .about-grid{
        grid-template-columns:1fr;
        text-align:center;
    }

    .features-grid{
        grid-template-columns:1fr;
    }

    .leaf{
        display:none;
    }

}
/* BURADAN SONRASI DÃœRÃœM SAYFANININ CSS KODLARI */
/* SECTION */

.durum-section{padding: 80px 20px;background:#f4f4f4;}


/* GRID */

.durum-grid{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}


/* KART */

.durum-card{
background:#f1f1f1;
border-radius:35px;
padding:25px;
position:relative;
transition:all .3s ease;
overflow:hidden;
}

.durum-card:hover{
transform:translateY(-8px);
box-shadow:0 15px 35px rgba(0,0,0,0.15);
}


/* FAVORI */

.durum-heart{
position:absolute;
top:18px;
right:20px;
color:#fff;
font-size:18px;
z-index:5;
}


/* GÖRSEL ALANI */

.durum-thumb{
position:relative;
height:220px;
border-radius:25px;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:20px;
overflow:hidden;
}


/* TURUNCU BG */

.durum-bg{
position:absolute;
width:130px;
height:130px;
background:#f5b61a;
border-radius:50%;
transition:all .4s ease;
z-index:1;
}


/* RESÄ°M */

.durum-thumb img{
width:200px;
max-width:100%;
position:relative;
z-index:2;
transition:transform .3s ease;
}


/* HOVER */

.durum-card:hover .durum-bg{
width:100%;
height:100%;
border-radius:25px;
}

.durum-card:hover img{
transform:scale(1.08);
}


/* CONTENT */

.durum-stars{
color:#f5b61a;
margin-bottom:10px;
font-size:14px;
}

.durum-content h3{font-size:20px;margin-bottom:10px;color: #380175;}

.durum-content p{
font-size:14px;
color:#666;
margin-bottom:15px;
line-height:1.4;
}


/* ALT */

.durum-bottom{
display:flex;
justify-content:space-between;
align-items:center;
}

.durum-price{
color:#f5b61a;
font-weight:700;
font-size:18px;
}

.durum-cart{
background:#f5b61a;
border:none;
width:45px;
height:45px;
border-radius:50%;
cursor:pointer;
font-size:18px;
display:flex;
align-items:center;
justify-content:center;
}


/* RESPONSIVE */

@media(max-width:1100px){

.durum-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.durum-grid{
grid-template-columns:1fr;
gap:20px;
}

.durum-thumb{
height:200px;
}

.durum-thumb img{
width:180px;
}

}


/* BAÅžLIK */

.durum-heading{text-align:center;padding-top:80px;margin-bottom: 0px;background: #ffb400;height: 200px;}

.durum-heading-sub{display:block;font-family:'Pacifico', cursive;font-size: 36px;color: #380175;margin-bottom:15px;letter-spacing:1px;}

.durum-heading-title{
font-size:52px;
font-weight:800;
color:#1c1c1c;
line-height:1.2;
}


/* MOBÄ°L BAÅžLIK */

@media(max-width:600px){

.durum-heading-sub{
font-size:24px;
}

.durum-heading-title{
font-size:36px;
}

}
.durum-info{

margin:120px 0;

background:#ffffff;

padding:60px;

border-radius:25px;

max-width:1100px;

margin-left:auto;

margin-right:auto;

box-shadow:0 10px 40px rgba(0,0,0,0.05);

}

.durum-info h2{

font-size:34px;

margin-bottom:25px;

text-align:center;

color: #380175;
}

.durum-info p{

font-size:16px;

line-height:1.8;

color:#555;

margin-bottom:20px;

text-align:center;

}


/* MOBÄ°L */

@media(max-width:768px){

.durum-info{

padding:35px 25px;

margin:80px 15px;

}

.durum-info h2{

font-size:26px;

}

}

/* BURADAN SONRASI DÃœRÃœM DETAY SAYFANININ CSS KODLARI */
.durum-detay{

padding:100px 20px;

background:#f7f7f7;

}


.durum-detay-wrap{

max-width:1200px;

margin:auto;

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

}


/* GÖRSEL */

.durum-detay-img{

background:#eeeeee;

border-radius:30px;

padding:40px;

text-align:center;

overflow:hidden;

transition:background .3s ease;

}

/* hover */

.durum-detay-img:hover{

background:#f5b61a;

}

.durum-detay-img img{

width:100%;

max-width:450px;

transition:transform .4s ease;

}

.durum-detay-img:hover img{

transform:scale(1.1);

}


/* SAÄž BÄ°LGÄ° */

.durum-detay-info{

max-width:520px;

}

.durum-detay-info h1{

font-size:44px;

font-weight:800;

margin-bottom:15px;

line-height:1.2;

color: #380175;
}


/* YILDIZ */

.durum-detay-stars{

display:flex;

align-items:center;

gap:10px;

color:#f5b61a;

font-size:16px;

margin-bottom:18px;

}

.durum-detay-stars span{

color:#888;

font-size:14px;

}


/* AÇIKLAMA */

.durum-detay-desc{

font-size:16px;

color:#666;

line-height:1.7;

margin-bottom:25px;

max-width:480px;

}


/* FÄ°YAT */

.durum-detay-price{

font-size:36px;

font-weight:800;

color:#f5b61a;

margin-bottom:25px;

letter-spacing:1px;

}


/* BUTON */

.durum-siparis-btn{

background:#f5b61a;

padding:15px 40px;

border-radius:40px;

text-decoration:none;

font-weight:700;

color:#000;

display:inline-block;

transition:.3s;

}

.durum-siparis-btn:hover{

transform:translateY(-3px);

box-shadow:0 10px 20px rgba(0,0,0,0.15);

}


/* ÇİZGİ */

.durum-divider{

margin:35px 0;

border:none;

height:1px;

background:#ddd;

}


/* META */

.durum-detay-meta{

margin-top:10px;

}

.durum-detay-meta h3{

font-size:22px;

margin-bottom:15px;

color: #FFC107;
}

.durum-detay-meta ul{

padding-left:18px;

margin-top:10px;

color:#666;

line-height:1.9;

font-size:15px;

}


/* RESPONSIVE */

@media(max-width:900px){

.durum-detay-wrap{

grid-template-columns:1fr;

text-align:center;

gap:40px;

}

.durum-detay-img{

padding:25px;

}

.durum-detay-info{

margin:auto;

}

.durum-detay-info h1{

font-size:32px;

color: #380175;
}

.durum-detay-desc{

margin:auto;

}

.durum-detay-price{

font-size:30px;

}


/* HEADER FLEX */

.header-flex{
display:flex;
align-items:center;
justify-content:space-between;
position:relative;
}


/* HAMBURGER */

.hamburger{
display:none;
font-size:30px;
cursor:pointer;
}


/* MOBÄ°L HEADER */

@media (max-width:768px){

.hamburger{
display:block;
}

.main-menu{

position:absolute;

top:80px;

left:0;

width:100%;

background: #380175;

flex-direction:column;

align-items:center;

display:none;

box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

.main-menu.active{
display:flex;
}

.menu-item{
padding:15px 0;
width:100%;
text-align:center;
}

.call-area{
display:none;
}

.logo img{
height:50px;
}

.container{
width:100%;
padding:0 20px;
}

@media (max-width: 1366px) {
  .hero-title {
    font-size: 32px;
  }

  .hero-subtitle {
    font-size: 14px;
  }

  .buton {
    width: 80%;
    margin: 0 auto;
  }
}

/* TATLI ETÄ°KETÄ° */

.durum-thumb{
position:relative;
}

.durum-badge{
position:absolute;
top:10px;
left:10px;

background:#ffb400;
color:#fff;

font-size:12px;
font-weight:600;

padding:5px 12px;

border-radius:20px;

z-index:2;
}

/* FÄ°YAT ANÄ°MASYONU */

.durum-price{
font-weight:600;
color:#ffb400;

opacity:0;
transform:translateY(10px);

transition:0.3s;
}

.durum-thumb { position: relative; }

.durum-bg {
  position: absolute;
  width: 120px;
  height: 120px;
  background: orange;
  border-radius: 50%;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
  z-index: 1;
}

.durum-thumb img {
  position: relative;
  z-index: 2;
}

.durum-card:hover .durum-bg {
  transform: translateX(-50%) scale(1.2);
  background: #ff8c00;
}
.call-title i {
  margin-right: 6px;
  color: #8e44ad; /* mor ton (senin markaya uygun) */
}

.call-text {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}