/* Kenan Konaçoğlu Mega Menü v7 - Full Width */


/* ===== DESKTOP ===== */
.kkmm-desk{position:relative;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;z-index:999}
.kkmm-bar{display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #e5e5e5}
.kkmm-tab{padding:14px 24px;font-size:15px;font-weight:600;letter-spacing:0.5px;color:#333;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;text-decoration:none;display:block}
.kkmm-tab:hover,.kkmm-tab.active{color:#000;border-bottom-color:#000}

/* FULL WIDTH DROPDOWN */
.kkmm-drop{
    display:none;
    position:fixed;
    top:auto;
    left:0;
    right:0;
    width:100vw;
    background:#fff;
    border-bottom:1px solid #e5e5e5;
    box-shadow:0 8px 30px rgba(0,0,0,.1);
    min-height:650px;
    z-index:1000;
    margin:0;
    padding: 0 100px;
}
.kkmm-drop.show{display:flex}

/* Left sidebar - fixed width */
.kkmm-left{
    width:280px;
    border-right:1px solid #eee;
    padding:16px 0;
    flex-shrink:0
}

/* Right content - takes remaining space */
.kkmm-rt{
    flex:1;
    padding:24px 40px;
    display:none;
    overflow-y:auto;
    max-height:650px;
    width:100%
}
.kkmm-rt.show{display:block}
.kkmm-li{padding:15px 20px;font-size:17px;color:#444;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .15s;text-decoration:none}
.kkmm-li:hover,.kkmm-li.active{background:#e5e5e5;color:#000;font-weight:600}
.kkmm-li .ar{font-size: 30px;color: #000000;line-height: 0px;}
.kkmm-all{margin-top:8px;padding-top:12px;border-top:1px solid #eee;font-size:13px;font-weight:600;color:#000!important}

/* Columns - more space for full width */
.kkmm-cols{
    display:flex;
    flex-wrap:wrap;
    gap:12px 60px;
    max-width:none
}
.kkmm-col{
    min-width:160px;
    max-width:220px;
    margin-bottom:20px
}
.kkmm-col-title{display:block;font-size:16px;font-weight:700;color:#000;text-decoration:none;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #eee}
.kkmm-col-title:hover{text-decoration:underline}
.kkmm-col-link{display: block; font-size: 16px; color: #555; text-decoration: none; padding: 6px 0; font-weight: 600;width: 200px}
.kkmm-col-link:hover{color:#000;font-weight: bold}

@media(min-width:769px){.kkmm-mob{display:none!important}}
@media(max-width:768px){.kkmm-desk{display:none!important}}

/* ===== MOBILE FULLSCREEN ===== */
.kkmm-mob{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.kkmm-mob-btn{display:none;align-items:center;gap:10px;padding:14px 16px;background:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.3px}
@media(max-width:768px){.kkmm-mob-btn{display:flex}}

/* Fullscreen panel */
.kkmm-fs{
    position:fixed;inset:0;z-index:10000;
    background:#f7f7f8;
    transform:translateX(-100%);
    transition:transform .3s ease;
    overflow:hidden
}
.kkmm-fs.open{transform:translateX(0)}
body.kkmm-noscroll{overflow:hidden!important}

/* Pages */
.kkmm-page{
    position:absolute;inset:0;
    display:flex;flex-direction:column;
    background:#f7f7f8;
    opacity:0;pointer-events:none;
    transition:transform .3s ease,opacity .15s ease;
    transform:translateX(100%)
}
.kkmm-page.active{opacity:1;pointer-events:auto;transform:translateX(0)}

/* Page header */
.kkmm-ph{
    display:flex;align-items:center;
    height:52px;
    background:#fff;
    border-bottom:1px solid #e8e8e8;
    padding:0;flex-shrink:0
}
.kkmm-ph-back{
    width:52px;height:52px;display:flex;align-items:center;justify-content:center;
    background:none;border:none;font-size:28px;cursor:pointer;color:#222;font-weight:300
}
.kkmm-ph-back:active{background:#f5f5f5}
.kkmm-ph-left{width:52px}
.kkmm-ph-title{
    flex:1;text-align:center;
    font-size:14px;font-weight:700;color:#111;
    letter-spacing:.5px;text-transform:uppercase
}
.kkmm-ph-title-wrap{
    flex:1;text-align:center
}
.kkmm-ph-title-wrap .kkmm-ph-title{font-size:14px}
.kkmm-ph-sub2{font-size:11px;color:#999;font-weight:400;letter-spacing:0;text-transform:none}
.kkmm-ph-close{
    width:52px;height:52px;display:flex;align-items:center;justify-content:center;
    background:none;border:none;font-size:18px;cursor:pointer;color:#666
}
.kkmm-ph-close:active{background:#f5f5f5}

/* List container */
.kkmm-pl{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}

/* ===== PAGE 0: GROUP CARDS (Beymen style) ===== */
.kkmm-cards{
    padding:16px;
    display:flex;flex-direction:column;gap:12px
}
.kkmm-card{
    position:relative;
    border-radius:12px;
    overflow:hidden;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    box-shadow:0 2px 8px rgba(0,0,0,.08)
}
.kkmm-card:active{transform:scale(.98);transition:transform .1s}
.kkmm-card-img{
    width:100%;height:160px;
    object-fit:cover;display:block;
    background:#e0e0e0
}
.kkmm-card-placeholder{
    height:160px;
    background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)
}
.kkmm-card-label{
    position:absolute;bottom:0;left:0;right:0;
    padding:14px 20px;
    font-size:16px;font-weight:800;color:#fff;
    letter-spacing:1px;text-transform:uppercase;
    background:linear-gradient(transparent,rgba(0,0,0,.6))
}

/* ===== PAGE 1: ITEM ROWS with thumbnails ===== */
.kkmm-irow{
    display:flex;align-items:center;justify-content:space-between;
    padding:14px 20px;
    background:#fff;
    border-bottom:1px solid #f0f0f0;
    cursor:pointer;text-decoration:none;color:#333;
    -webkit-tap-highlight-color:transparent
}
.kkmm-irow:active{background:#f8f8f8}
.kkmm-irow-all{
    background:#fafafa;
    border-bottom:2px solid #e8e8e8;
    padding:16px 20px
}
.kkmm-irow-all .kkmm-irow-name{
    font-weight:700;color:#000;font-size:14px
}
.kkmm-irow-left{
    display:flex;align-items:center;gap:14px
}
.kkmm-irow-thumb{
    width:56px;height:56px;
    border-radius:50%;
    object-fit:cover;
    background:#f0ece6;
    flex-shrink:0;
    border:1px solid #e8e8e8
}
.kkmm-irow-nothumb{
    background:linear-gradient(135deg,#f5f5f5,#e8e8e8)
}
.kkmm-irow-name{
    font-size:15px;color:#333;font-weight:500
}

/* ===== PAGE 2-3: SECTION/CATEGORY ROWS ===== */
.kkmm-srow{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 20px;
    background:#fff;
    border-bottom:1px solid #f0f0f0;
    font-size:15px;color:#333;
    cursor:pointer;text-decoration:none;
    -webkit-tap-highlight-color:transparent
}
.kkmm-srow:active{background:#f8f8f8}
.kkmm-srow-all{
    font-weight:700;color:#000;
    background:#fafafa;
    border-bottom:2px solid #e8e8e8
}

/* Shared arrow */
.kkmm-arr{font-size:20px;color:#ccc;font-weight:300}

/* Normal hali */
.kkmm-tab {
    color: black;
}

/* Menüye hover olunca hepsi kırmızı */
.kkmm-bar:hover .kkmm-tab {
    color: #aaa;
}

/* Ama hover olan tekrar siyah */
.kkmm-bar .kkmm-tab:hover {
    color: black;
}
.kkmm-breadcrumb {
    padding: 15px 0;
    margin-bottom: 15px;
    font-size: 14px;
}

.kkmm-main-cat {
    color: #333;
    font-weight: 600;
}

.kkmm-separator {
    color: #999;
    margin: 0 5px;
}

.kkmm-sub-cat {
    color: #666;
    font-weight: 500;
}

.kkmm-col-link-no-family-cat{display: block;sfont-size:16px;font-weight:700;color:#000;margin-bottom: 10px;}
.kkmm-col-link-no-family-cat:hover{text-decoration:underline}
.kkmm-col-link-no-family-cat-menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 70px;
}