@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500;600;700&display=swap");

:root{
    --brand:#ff7a00;
    --brand-2:#ffae42;
    --brand-dark:#d65f00;
    --ink:#111827;
    --muted:#667085;
    --soft:#fff8f1;
    --page:#f7f3ec;
    --card:#ffffff;
    --line:#ebe6dd;
    --success:#15803d;
    --danger:#c2410c;
    --radius:18px;
    --shadow:0 14px 38px rgba(15,23,42,.09);
    --app-width:520px;
}

*,
*::before,
*::after{box-sizing:border-box}

html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}

body{
    margin:0;
    min-height:100vh;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    color:var(--ink);
    background:
        radial-gradient(circle at 14% 8%,rgba(255,122,0,.10),transparent 28%),
        radial-gradient(circle at 88% 14%,rgba(17,24,39,.05),transparent 25%),
        var(--page);
    -webkit-font-smoothing:antialiased;
}

body.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
button{cursor:pointer}

.sr-only,
.skip-link{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

.skip-link:focus{
    position:fixed;
    left:12px;
    top:12px;
    z-index:9999;
    width:auto;
    height:auto;
    margin:0;
    padding:10px 14px;
    clip:auto;
    border-radius:12px;
    background:#fff;
    box-shadow:var(--shadow);
}

.page{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

.topbar{
    position:sticky;
    top:0;
    z-index:1000;
    color:#fff;
    background:linear-gradient(135deg,#f36c00 0%,#ff7a00 55%,#ff942f 100%);
    border-bottom:1px solid rgba(255,255,255,.18);
    box-shadow:0 8px 24px rgba(217,95,0,.22);
}

.topbar-inner{
    width:min(100%,580px);
    min-height:58px;
    margin:auto;
    padding:0 12px;
    display:grid;
    grid-template-columns:44px 1fr 44px;
    align-items:center;
    gap:8px;
}

.icon-btn,
.lang-btn{
    width:38px;
    height:38px;
    margin:auto;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.24);
    border-radius:12px;
    color:#fff;
    background:rgba(255,255,255,.16);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.lang-btn{
    border-radius:999px;
    background:#fff;
    color:var(--brand);
    font-size:12px;
    font-weight:950;
}

.brand-title{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:13px;
    font-weight:950;
    letter-spacing:.45px;
    text-transform:uppercase;
}

.brand-title-text{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.layout{
    width:100%;
    flex:1;
    padding:18px 10px 44px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
}

.app{
    width:min(100%,var(--app-width));
    min-height:calc(100vh - 58px);
    overflow:hidden;
    border:1px solid rgba(17,24,39,.06);
    border-radius:24px;
    background:rgba(255,255,255,.98);
    box-shadow:0 26px 70px rgba(15,23,42,.13);
}

.app-inner{
    padding:14px;
    background:linear-gradient(180deg,#fff 0%,#fffdf9 100%);
}

.search-box{
    position:relative;
    z-index:20;
    margin:0 0 14px;
}

.search-box::before{
    content:"⌕";
    position:absolute;
    left:15px;
    top:50%;
    z-index:2;
    transform:translateY(-52%);
    color:var(--brand);
    font-size:22px;
    pointer-events:none;
}

.search-box input{
    width:100%;
    height:50px;
    padding:0 16px 0 44px;
    border:1px solid var(--line);
    border-radius:15px;
    outline:0;
    background:#fff;
    color:var(--ink);
    font-size:13px;
    font-weight:750;
    box-shadow:0 8px 22px rgba(15,23,42,.06);
    transition:.2s ease;
}

.search-box input:focus{
    border-color:rgba(255,122,0,.65);
    box-shadow:0 0 0 4px rgba(255,122,0,.10),0 10px 25px rgba(15,23,42,.08);
}

.surface,
.surface-pad{
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 10px 28px rgba(15,23,42,.055);
}

.surface-pad{
    padding:15px;
    margin-bottom:15px;
}

.section-head{
    margin:18px 1px 11px;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:10px;
}

.section-head h2{
    margin:0;
    color:var(--ink);
    font-size:19px;
    line-height:1.15;
    font-weight:950;
    letter-spacing:-.35px;
}

.section-head p{
    margin:4px 0 0;
    color:var(--muted);
    font-size:11.5px;
    line-height:1.4;
    font-weight:650;
}

.suggest-hint{
    margin:0 0 8px;
    color:#9a7a55;
    font-size:10px;
    font-weight:800;
    text-align:right;
}

.suggest-slider{
    margin:0 -15px;
    overflow:hidden;
}

.suggest-list{
    display:flex;
    gap:12px;
    overflow-x:auto;
    padding:4px 15px 10px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}

.suggest-list::-webkit-scrollbar{display:none}

.suggest-item{
    flex:0 0 76px;
    min-width:0;
    scroll-snap-align:start;
    text-align:center;
}

.suggest-img{
    width:66px;
    height:66px;
    margin:0 auto 7px;
    overflow:hidden;
    border:3px solid #fff;
    border-radius:999px;
    outline:2px solid rgba(255,122,0,.52);
    background:#f3f4f6;
    box-shadow:0 8px 18px rgba(15,23,42,.11);
}

.suggest-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.suggest-item span{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    color:#2f3747;
    font-size:10.5px;
    line-height:1.18;
    font-weight:900;
}

.cat-scroll{
    margin:0 -14px 12px;
    padding:7px 0;
    overflow:hidden;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid rgba(235,230,221,.8);
}

.cat-row{
    display:flex;
    gap:7px;
    overflow-x:auto;
    padding:0 14px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}

.cat-row::-webkit-scrollbar{display:none}

.cat-pill{
    flex:0 0 auto;
    min-height:34px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    border-radius:999px;
    background:#fff;
    color:#424b5d;
    font-size:10.5px;
    line-height:1;
    font-weight:900;
    white-space:nowrap;
    transition:.2s ease;
}

.cat-pill:hover,
.cat-pill.active{
    border-color:#111827;
    background:#111827;
    color:#fff;
    transform:translateY(-1px);
}

.category-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-bottom:15px;
}

.category-card{
    position:relative;
    height:108px;
    overflow:hidden;
    border-radius:16px;
    background:#111827;
    box-shadow:0 10px 24px rgba(15,23,42,.13);
    isolation:isolate;
}

.category-card::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.73));
}

.category-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .3s ease;
}

.category-card:hover img{transform:scale(1.045)}

.category-card span{
    position:absolute;
    left:12px;
    right:12px;
    bottom:11px;
    z-index:2;
    color:#fff;
    font-size:14px;
    line-height:1.2;
    font-weight:950;
    text-shadow:0 2px 8px rgba(0,0,0,.55);
}

.product-list{
    display:grid;
    gap:11px;
    margin-bottom:16px;
}

.empty-menu{
    padding:24px 16px;
    border:1px dashed #cfd5df;
    border-radius:18px;
    background:#f8fafc;
    color:#64748b;
    text-align:center;
    font-size:12px;
    line-height:1.5;
    font-weight:750;
}

.empty-menu strong{
    display:block;
    margin-bottom:5px;
    color:#111827;
    font-size:16px;
}

.product-card{
    position:relative;
    display:grid;
    grid-template-columns:104px minmax(0,1fr);
    gap:12px;
    min-height:124px;
    padding:9px;
    border:1px solid var(--line);
    border-radius:17px;
    background:#fff;
    box-shadow:0 9px 24px rgba(15,23,42,.07);
    transition:.2s ease;
}

.product-card:hover{
    transform:translateY(-1px);
    border-color:rgba(255,122,0,.28);
    box-shadow:0 13px 30px rgba(15,23,42,.10);
}

.product-detail-link{
    display:contents;
    color:inherit;
}

.product-img{
    width:104px;
    height:104px;
    overflow:hidden;
    border-radius:14px;
    background:#f1f5f9;
}

.product-img img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.product-info{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:2px 0 37px;
}

.product-info h3{
    margin:0 0 5px;
    overflow:hidden;
    color:#101828;
    font-size:14px;
    line-height:1.2;
    font-weight:950;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.product-info p{
    margin:0;
    overflow:hidden;
    color:#667085;
    font-size:10.5px;
    line-height:1.42;
    font-weight:600;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.product-meta{
    margin-top:8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.price{
    color:#9a5b00;
    font-size:16px;
    line-height:1;
    font-weight:950;
}

.qr-add-btn{
    position:absolute;
    right:9px;
    bottom:9px;
    min-height:31px;
    padding:0 11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:0;
    border-radius:999px;
    background:#fff4e8;
    color:#d05c00;
    font-size:9.5px;
    line-height:1;
    font-weight:950;
    box-shadow:0 6px 14px rgba(255,122,0,.10);
    white-space:nowrap;
}

.qr-add-btn:active{transform:scale(.97)}

.banner{
    position:relative;
    height:205px;
    margin:20px 0 16px;
    overflow:hidden;
    border-radius:20px;
    background:#111827;
    box-shadow:0 14px 34px rgba(15,23,42,.16);
    isolation:isolate;
}

.banner::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,rgba(5,10,20,.90),rgba(5,10,20,.52),rgba(5,10,20,.10));
}

.banner img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.banner-content{
    position:absolute;
    inset:0;
    z-index:2;
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    color:#fff;
}

.banner-content small{
    margin-bottom:6px;
    color:#ffb15b;
    font-size:10px;
    line-height:1.2;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.35px;
}

.banner-content strong{
    max-width:270px;
    color:#fff;
    font-size:24px;
    line-height:1.05;
    font-weight:950;
    letter-spacing:-.55px;
}

.btn-primary{
    min-height:38px;
    margin-top:13px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:11px;
    background:linear-gradient(135deg,var(--brand),var(--brand-2));
    color:#fff;
    font-size:10.5px;
    font-weight:950;
    box-shadow:0 8px 20px rgba(0,0,0,.18);
}

.news-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:17px;
}

.news-card{
    height:100%;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    box-shadow:0 9px 22px rgba(15,23,42,.07);
}

.news-card img{
    width:100%;
    height:108px;
    object-fit:cover;
}

.news-card p{
    min-height:72px;
    margin:0;
    padding:10px;
    color:#344054;
    font-size:11px;
    line-height:1.38;
    font-weight:850;
    text-align:center;
}

.news-card small{
    display:block;
    margin-top:5px;
    color:#667085;
    font-size:9.5px;
    line-height:1.35;
    font-weight:650;
}

.footer{
    margin:0 -14px -14px;
    padding:24px 18px 20px;
    background:linear-gradient(145deg,#f36c00,#ff7a00);
    color:rgba(255,255,255,.90);
    text-align:center;
    font-size:10.5px;
    line-height:1.7;
    font-weight:650;
}

.footer hr{
    height:1px;
    margin:14px 0;
    border:0;
    background:rgba(255,255,255,.22);
}

.drawer-overlay,
.modal-overlay,
.news-modal-overlay{
    position:fixed;
    inset:0;
    z-index:2000;
    opacity:0;
    visibility:hidden;
    background:rgba(2,6,23,.66);
    backdrop-filter:blur(5px);
    transition:.2s ease;
}

.drawer-overlay.active,
.modal-overlay.active,
.news-modal-overlay.active{
    opacity:1;
    visibility:visible;
}

.drawer{
    position:fixed;
    inset:0 auto 0 0;
    z-index:2100;
    width:min(86vw,340px);
    overflow:auto;
    transform:translateX(-105%);
    background:#111827;
    color:#fff;
    box-shadow:16px 0 42px rgba(15,23,42,.34);
    transition:.24s ease;
}

.drawer.active{transform:translateX(0)}

.drawer-head{
    min-height:72px;
    padding:0 17px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.drawer-head strong{font-size:20px;font-weight:950}
.drawer-close{
    border:0;
    background:transparent;
    color:#fff;
    font-size:30px;
}

.business{
    padding:18px;
    display:grid;
    grid-template-columns:68px 1fr;
    gap:12px;
    background:rgba(255,255,255,.05);
}

.business-logo{
    width:68px;
    height:68px;
    overflow:hidden;
    display:grid;
    place-items:center;
    border-radius:19px;
    background:#fff;
    color:var(--brand);
    font-weight:950;
}

.business-logo img{width:100%;height:100%;object-fit:cover}
.business strong{display:block;margin-bottom:5px;font-size:14px}
.business span{color:rgba(255,255,255,.75);font-size:12px;line-height:1.45}

.drawer-section{
    padding:17px;
    border-top:1px solid rgba(255,255,255,.12);
}

.drawer-section h2{
    margin:0 0 13px;
    font-size:14px;
}

.info-line{
    margin-bottom:13px;
    display:flex;
    gap:9px;
    align-items:flex-start;
    color:rgba(255,255,255,.86);
    font-size:12px;
    line-height:1.45;
    word-break:break-word;
}

.social-grid{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
}

.social-line{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#fff;
    color:var(--brand);
    font-weight:950;
}

.social-icon{font-size:14px}
.social-text{display:none}
.drawer-copy{padding:17px;color:rgba(255,255,255,.66);font-size:10px;line-height:1.55}

.language-modal{
    position:fixed;
    left:50%;
    top:50%;
    z-index:2200;
    width:min(92vw,520px);
    padding:24px 19px;
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,-50%) scale(.96);
    border-radius:20px;
    background:#fff;
    text-align:center;
    box-shadow:0 26px 85px rgba(2,6,23,.28);
    transition:.2s ease;
}

.language-modal.active{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%) scale(1);
}

.language-modal h2{margin:0 0 18px;font-size:22px}
.modal-close{
    position:absolute;
    right:12px;
    top:10px;
    border:0;
    background:transparent;
    color:#667085;
    font-size:27px;
}

.lang-options{
    display:flex;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
}

.lang-option{
    min-height:40px;
    padding:0 14px;
    border:1px solid var(--line);
    border-radius:999px;
    background:#fff;
    color:#344054;
    font-size:12px;
    font-weight:900;
}

.news-modal-overlay{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px;
}

.news-modal{
    position:relative;
    width:min(100%,540px);
    max-height:85vh;
    overflow:auto;
    padding:24px 20px 20px;
    transform:translateY(18px) scale(.98);
    border-radius:20px;
    background:#fff;
    text-align:center;
    box-shadow:0 28px 80px rgba(0,0,0,.34);
    transition:.2s ease;
}

.news-modal-overlay.active .news-modal{transform:none}

.news-modal-close{
    position:absolute;
    right:11px;
    top:9px;
    width:34px;
    height:34px;
    border:0;
    border-radius:999px;
    background:#f2f4f7;
    color:#475467;
    font-size:24px;
}

.news-modal-image{
    width:100%;
    max-height:235px;
    margin:7px 0 16px;
    display:none;
    object-fit:cover;
    border-radius:14px;
}

.news-modal-image.show{display:block}
.news-modal h3{margin:0 30px 11px;font-size:22px;line-height:1.25}
.news-modal-text{color:#475467;font-size:13px;line-height:1.65;white-space:pre-line}
.news-modal-button{
    min-width:128px;
    min-height:42px;
    margin-top:18px;
    padding:0 20px;
    border:0;
    border-radius:10px;
    background:var(--brand);
    color:#fff;
    font-weight:900;
}

.oa-bell-wrap{
    position:fixed!important;
    left:50%!important;
    bottom:14px!important;
    z-index:2147483000!important;
    display:grid!important;
    justify-items:center!important;
    transform:translateX(-50%)!important;
}

.oa-bell-btn{
    width:58px!important;
    height:58px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;
    color:#fff!important;
    font-size:25px!important;
    box-shadow:0 15px 32px rgba(255,122,0,.32)!important;
}

.oa-bell-panel{
    position:absolute!important;
    left:50%!important;
    bottom:70px!important;
    width:286px!important;
    max-width:calc(100vw - 28px)!important;
    padding:14px!important;
    display:none!important;
    transform:translateX(-50%)!important;
    border:1px solid var(--line)!important;
    border-radius:19px!important;
    background:#fff!important;
    box-shadow:0 24px 70px rgba(15,23,42,.25)!important;
}

.oa-bell-panel.show{display:block!important}
.oa-bell-panel strong{display:block!important;margin-bottom:4px!important;font-size:16px!important}
.oa-bell-panel small{display:block!important;margin-bottom:11px!important;color:#667085!important;font-size:11.5px!important;line-height:1.4!important}
.oa-bell-actions{display:grid!important;gap:8px!important}
.oa-bell-actions button{
    width:100%!important;
    min-height:46px!important;
    border-radius:14px!important;
    font-size:13px!important;
    font-weight:950!important;
}
.oa-bell-actions .garson{border:0!important;background:#111827!important;color:#fff!important}
.oa-bell-actions .hesap{border:1px solid #fed7aa!important;background:#fff7ed!important;color:#c2410c!important}
.oa-bell-status{min-height:17px!important;margin-top:9px!important;color:var(--success)!important;font-size:11.5px!important;font-weight:900!important}

.waiter-call,
.waiter-panel,
.waiter-fab,
.waiter-toggle-input{display:none!important}

@media(min-width:720px){
    .layout{padding-top:28px}
    .app-inner{padding:18px}
    .footer{margin-left:-18px;margin-right:-18px;margin-bottom:-18px}
    .category-card{height:122px}
    .product-card{grid-template-columns:116px minmax(0,1fr);min-height:136px;padding:10px}
    .product-img{width:116px;height:116px}
    .product-info h3{font-size:15px}
    .product-info p{font-size:11.5px}
    .price{font-size:17px}
}

@media(max-width:540px){
    :root{--app-width:100%}
    body{background:#fff}
    .layout{padding:0}
    .app{
        width:100%;
        border:0;
        border-radius:0;
        box-shadow:none;
    }
    .app-inner{padding:12px}
    .topbar-inner{min-height:56px}
    .search-box input{height:48px}
    .surface-pad{padding:13px}
    .section-head{margin-top:17px}
    .category-grid{gap:8px}
    .category-card{height:100px}
    .product-card{
        grid-template-columns:96px minmax(0,1fr);
        min-height:116px;
        gap:10px;
        padding:8px;
    }
    .product-img{width:96px;height:96px;border-radius:13px}
    .product-info{padding-bottom:35px}
    .product-info h3{font-size:13.5px}
    .product-info p{font-size:10px}
    .price{font-size:15px}
    .qr-add-btn{right:8px;bottom:8px;min-height:29px;padding:0 10px;font-size:9px}
    .banner{height:190px;border-radius:17px}
    .banner-content{padding:18px}
    .banner-content strong{max-width:245px;font-size:22px}
    .news-card img{height:98px}
    .news-card p{min-height:68px;padding:9px;font-size:10.5px}
    .footer{padding-bottom:84px}
}

@media(max-width:370px){
    .app-inner{padding:10px}
    .cat-scroll{margin-left:-10px;margin-right:-10px}
    .cat-row{padding-left:10px;padding-right:10px}
    .category-grid{grid-template-columns:1fr}
    .category-card{height:118px}
    .product-card{grid-template-columns:86px minmax(0,1fr)}
    .product-img{width:86px;height:86px}
    .product-info p{display:none}
    .news-grid{grid-template-columns:1fr}
}


/* Footer boşluk düzeltmesi */
html,
body{
    margin:0;
    padding:0;
}

.page{
    padding-bottom:0 !important;
}

.layout{
    padding-bottom:0 !important;
}

.app{
    margin-bottom:0 !important;
}

.footer{
    margin-bottom:0 !important;
    min-height:auto !important;
}

.footer::after{
    content:none !important;
    display:none !important;
}

/* ========================================================================== 
   DÜNYA BİLGİSAYAR — ESKİ QR MENÜ TASARIMI / BİREBİR V4
   Eski ekranın font genişliği, merkez ölçüsü, kart oranları ve boşlukları.
   Yeni sistemin ürün, kategori, sepet, sipariş, dil ve garson özellikleri korunur.
   ========================================================================== */
:root{
    --classic-gold:#c79f18;
    --classic-text:#3f3f3f;
    --classic-app-width:380px;
}

html,
body,
button,
input,
textarea,
select,
.topbar,
.app,
.drawer,
.language-modal,
.news-modal,
.oa-bell-panel{
    font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif!important;
}

html,
body{
    margin:0!important;
    padding:0!important;
    background-color:#f5f4f1!important;
}

body{
    color:var(--classic-text)!important;
    background-image:url("../images/klasik-menu-arkaplan.webp")!important;
    background-position:left top!important;
    background-repeat:repeat!important;
    background-size:512px 512px!important;
    -webkit-font-smoothing:antialiased!important;
    text-rendering:optimizeLegibility!important;
}

.page{
    min-height:100vh!important;
    padding:0!important;
}

/* Üst bar */
.topbar{
    position:relative!important;
    top:auto!important;
    min-height:56px!important;
    height:56px!important;
    color:#fff!important;
    background:var(--classic-gold)!important;
    border:0!important;
    box-shadow:0 1px 4px rgba(0,0,0,.18)!important;
}

.topbar-inner{
    width:100%!important;
    max-width:none!important;
    min-height:56px!important;
    height:56px!important;
    margin:0!important;
    padding:0 24px!important;
    grid-template-columns:36px minmax(0,1fr) 40px!important;
    gap:6px!important;
}

.brand-title{
    font-size:14px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
}

.icon-btn{
    position:relative!important;
    width:30px!important;
    height:34px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:transparent!important;
    font-size:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

.icon-btn::before,
.icon-btn::after{
    content:""!important;
    position:absolute!important;
    left:2px!important;
    height:2px!important;
    border-radius:2px!important;
    background:#fff!important;
}

.icon-btn::before{
    top:9px!important;
    width:16px!important;
    box-shadow:0 6px 0 #fff,0 12px 0 #fff!important;
}

.icon-btn::after{
    top:15px!important;
    width:22px!important;
}

.lang-btn{
    position:relative!important;
    width:38px!important;
    height:38px!important;
    margin:0!important;
    justify-self:end!important;
    overflow:hidden!important;
    border:4px solid #fff!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#333!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:700!important;
    box-shadow:0 1px 4px rgba(0,0,0,.17)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}

.lang-btn[data-current-lang="tr"]{
    color:transparent!important;
    font-size:0!important;
}

.lang-btn[data-current-lang="tr"]::before{
    content:""!important;
    width:29px!important;
    height:21px!important;
    display:block!important;
    border-radius:4px!important;
    background-color:#ef1837!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40'%3E%3Crect width='60' height='40' rx='4' fill='%23ef1837'/%3E%3Ccircle cx='25' cy='20' r='11' fill='%23fff'/%3E%3Ccircle cx='29' cy='20' r='8.7' fill='%23ef1837'/%3E%3Cpath d='M36 14.7l1.55 4.15 4.4.18-3.45 2.75 1.18 4.25L36 23.58l-3.68 2.45 1.18-4.25-3.45-2.75 4.4-.18z' fill='%23fff'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:contain!important;
}

/* Ortadaki klasik mobil menü sütunu */
.layout{
    width:100%!important;
    min-height:calc(100vh - 56px)!important;
    padding:0!important;
    align-items:flex-start!important;
}

.app{
    width:min(100%,var(--classic-app-width))!important;
    min-height:calc(100vh - 56px)!important;
    margin:0 auto!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:0 0 13px rgba(0,0,0,.14)!important;
}

.app-inner{
    padding:8px 8px 0!important;
    background:#fff!important;
}

/* Genel klasik kart yapısı */
.surface,
.surface-pad{
    border:1px solid #ecebe8!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:0 2px 7px rgba(0,0,0,.085)!important;
}

.surface-pad{
    padding:10px 9px!important;
    margin-bottom:12px!important;
}

.section-head{
    margin:12px 2px 7px!important;
}

.section-head h2{
    margin:0!important;
    color:#383838!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:500!important;
    letter-spacing:0!important;
}

.section-head p,
.suggest-hint{
    display:none!important;
}

/* Bunları Beğenebilirsiniz */
section[aria-labelledby="onerilen-title"]{
    min-height:166px!important;
    margin:0 0 12px!important;
    padding:15px 10px 12px!important;
}

section[aria-labelledby="onerilen-title"] .section-head{
    margin:0 0 13px!important;
    padding:0!important;
    display:block!important;
    text-align:center!important;
}

section[aria-labelledby="onerilen-title"] .section-head h2{
    color:#111!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:600!important;
}

.suggest-slider{
    margin:0!important;
    overflow:hidden!important;
}

.suggest-list{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    padding:0 0 5px!important;
    scroll-snap-type:x proximity!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
}

.suggest-list::-webkit-scrollbar{
    display:none!important;
}

section[aria-labelledby="onerilen-title"] .suggest-item,
.classic-most-preferred .suggest-item{
    flex:0 0 calc((100% - 32px)/5)!important;
    width:calc((100% - 32px)/5)!important;
    min-width:0!important;
    text-align:center!important;
}

section[aria-labelledby="onerilen-title"] .suggest-img{
    width:54px!important;
    height:67px!important;
    margin:0 auto 6px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:8px!important;
    outline:0!important;
    background:#eee!important;
    box-shadow:0 1px 4px rgba(0,0,0,.15)!important;
}

.suggest-img img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}

section[aria-labelledby="onerilen-title"] .suggest-item span{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    color:#444!important;
    font-size:11px!important;
    line-height:1.12!important;
    font-weight:400!important;
    letter-spacing:0!important;
    text-transform:none!important;
}

/* Kategori alanı */
section[aria-labelledby="kategoriler-title"] > .section-head,
.cat-scroll{
    display:none!important;
}

.category-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0 0 12px!important;
    padding:8px!important;
    border:1px solid #ecebe8!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:0 2px 7px rgba(0,0,0,.085)!important;
}

.category-card{
    position:relative!important;
    height:96px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:5px!important;
    background:#222!important;
    box-shadow:none!important;
    isolation:isolate!important;
    transition:none!important;
}

.category-card::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.52))!important;
}

.category-card img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    transition:none!important;
}

.category-card:hover img{
    transform:none!important;
}

.category-card span{
    position:absolute!important;
    left:6px!important;
    right:6px!important;
    bottom:50%!important;
    z-index:2!important;
    transform:translateY(50%)!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.08!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-align:center!important;
    text-transform:none!important;
    text-shadow:0 1px 3px rgba(0,0,0,.95)!important;
}

/* En Çok Tercih Edilenler */
.classic-most-preferred{
    min-height:112px!important;
    margin:0 0 12px!important;
    padding:10px 9px 8px!important;
}

.classic-most-preferred .section-head{
    margin:0 0 9px!important;
    padding:0!important;
    display:block!important;
    text-align:center!important;
}

.classic-most-preferred .section-head h2{
    color:#111!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:600!important;
}

.classic-most-preferred .suggest-list{
    gap:8px!important;
    padding:0 0 3px!important;
}

.classic-most-preferred .suggest-img{
    width:48px!important;
    height:50px!important;
    margin:0 auto 5px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:8px!important;
    outline:0!important;
    box-shadow:0 1px 4px rgba(0,0,0,.13)!important;
}

.classic-most-preferred .suggest-item span{
    display:-webkit-box!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    color:#444!important;
    font-size:9px!important;
    line-height:1.1!important;
    font-weight:400!important;
    text-transform:none!important;
}

/* Banner, duyuru ve geri bildirim */
.banner{
    height:145px!important;
    margin:12px 0!important;
    border-radius:5px!important;
    box-shadow:0 2px 7px rgba(0,0,0,.09)!important;
}

.banner-content{
    padding:13px!important;
}

.banner-content small{
    margin-bottom:4px!important;
    font-size:8px!important;
}

.banner-content strong{
    max-width:190px!important;
    font-size:18px!important;
    line-height:1.06!important;
    font-weight:500!important;
    letter-spacing:0!important;
}

.btn-primary{
    min-height:28px!important;
    margin-top:8px!important;
    padding:0 9px!important;
    border-radius:4px!important;
    font-size:8px!important;
    font-weight:600!important;
}

.news-grid{
    gap:7px!important;
    margin-bottom:12px!important;
}

.news-card{
    border-radius:6px!important;
    box-shadow:0 1px 5px rgba(0,0,0,.08)!important;
}

.news-card img{
    height:87px!important;
}

.news-card p{
    min-height:55px!important;
    padding:7px!important;
    color:#4a4a4a!important;
    font-size:9px!important;
    line-height:1.28!important;
    font-weight:400!important;
}

.classic-feedback{
    position:relative!important;
    min-height:76px!important;
    margin:8px -8px 0!important;
    overflow:hidden!important;
    background-image:var(--feedback-image)!important;
    background-size:cover!important;
    background-position:center!important;
}

.classic-feedback-overlay{
    min-height:76px!important;
    padding:12px 9px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(255,255,255,.72)!important;
}

.classic-feedback p{
    margin:0 0 7px!important;
    color:#555!important;
    font-size:9px!important;
    font-weight:400!important;
    text-align:center!important;
}

.classic-feedback-button{
    min-height:24px!important;
    padding:0 10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:4px!important;
    background:var(--classic-gold)!important;
    color:#fff!important;
    font-size:7.5px!important;
    font-weight:600!important;
}

.footer{
    margin:0 -8px!important;
    padding:18px 15px 20px!important;
    background:var(--classic-gold)!important;
    color:rgba(255,255,255,.92)!important;
    font-size:7px!important;
    line-height:1.55!important;
    font-weight:400!important;
    text-align:center!important;
}

.footer hr{
    margin:12px 0!important;
    background:rgba(255,255,255,.22)!important;
}

/* Kategori ve ürün detayları */
.product-list{
    gap:7px!important;
}

.product-card{
    border-radius:6px!important;
    box-shadow:0 1px 5px rgba(0,0,0,.08)!important;
}

.product-info h3{
    font-weight:600!important;
}

/* Mobilde eski sistem gibi ekranı tamamen doldurur */
@media(max-width:540px){
    body{
        background:#fff!important;
        background-image:none!important;
    }

    .topbar,
    .topbar-inner{
        min-height:56px!important;
        height:56px!important;
    }

    .topbar-inner{
        padding:0 10px!important;
    }

    .app{
        width:100%!important;
        box-shadow:none!important;
    }

    .app-inner{
        padding:7px 7px 0!important;
    }

    section[aria-labelledby="onerilen-title"]{
        min-height:162px!important;
        padding:13px 9px 10px!important;
    }

    .category-grid{
        gap:6px!important;
        padding:6px!important;
    }

    .category-card{
        height:92px!important;
    }

    .classic-feedback,
    .footer{
        margin-left:-7px!important;
        margin-right:-7px!important;
    }
}

@media(max-width:370px){
    section[aria-labelledby="onerilen-title"] .suggest-list,
    .classic-most-preferred .suggest-list{
        gap:6px!important;
    }

    section[aria-labelledby="onerilen-title"] .suggest-item,
    .classic-most-preferred .suggest-item{
        flex-basis:calc((100% - 24px)/5)!important;
        width:calc((100% - 24px)/5)!important;
    }

    section[aria-labelledby="onerilen-title"] .suggest-img{
        width:49px!important;
        height:63px!important;
    }

    .category-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    .category-card{
        height:84px!important;
    }
}

/* ========================================================================== 
   DÜNYA BİLGİSAYAR — ESKİ QR MENÜ TASARIMI / BİREBİR V5 SON DÜZELTMELER
   Ekran karşılaştırmasına göre: gerçek başlıklar, kumaş arka plan, eski banner
   oranı, haber kartları ve tam ekran altın footer.
   ========================================================================== */
:root{
    --classic-gold:#c79f18;
    --classic-app-width:430px;
}

/* Arka plan görselini CSS klasörüne göre değil kökten çağır: yükleme yolu şaşmaz. */
html,
body{
    background-color:#f7f6f3!important;
    background-image:url('/assets/images/klasik-menu-arkaplan.webp?v=5')!important;
    background-repeat:repeat!important;
    background-position:left top!important;
    background-size:512px 512px!important;
}

/* Eski sitedeki merkez sütun ve boşluk dengesi */
.app{
    width:min(100%,var(--classic-app-width))!important;
}

.app-inner{
    padding:9px 9px 0!important;
}

/* Blade önbellekte kalsa dahi görünen başlıklar eski sistemle aynı olsun. */
#onerilen-title,
#cok-tercih-title,
#haberler-title{
    font-size:0!important;
}

#onerilen-title::after{
    content:'Bunları Beğenebilirsiniz!..';
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:600!important;
}

#cok-tercih-title::after{
    content:'En Çok Tercih Edilenler..';
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:600!important;
}

#haberler-title::after{
    content:'Haberler / Duyurular';
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:400!important;
}

/* Üst önerilen alan */
section[aria-labelledby='onerilen-title']{
    min-height:158px!important;
    padding:14px 11px 12px!important;
}

section[aria-labelledby='onerilen-title'] .section-head{
    margin-bottom:12px!important;
}

section[aria-labelledby='onerilen-title'] .suggest-list{
    gap:9px!important;
}

section[aria-labelledby='onerilen-title'] .suggest-item,
.classic-most-preferred .suggest-item{
    flex-basis:calc((100% - 36px)/5)!important;
    width:calc((100% - 36px)/5)!important;
}

section[aria-labelledby='onerilen-title'] .suggest-img{
    width:60px!important;
    height:75px!important;
    border-radius:8px!important;
}

section[aria-labelledby='onerilen-title'] .suggest-item span{
    font-size:11px!important;
    line-height:1.16!important;
}

/* Kategori kartları eski ekran oranında */
.category-grid{
    gap:7px!important;
    padding:9px!important;
    margin-bottom:13px!important;
}

.category-card{
    height:103px!important;
    border-radius:5px!important;
}

.category-card span{
    font-size:14px!important;
    line-height:1.12!important;
    font-weight:700!important;
    text-transform:none!important;
}

/* En çok tercih edilenler eski boyuna geri döner */
.classic-most-preferred{
    min-height:136px!important;
    padding:12px 10px 10px!important;
    margin-bottom:13px!important;
}

.classic-most-preferred .section-head{
    margin-bottom:11px!important;
}

.classic-most-preferred .suggest-list{
    gap:9px!important;
}

.classic-most-preferred .suggest-img{
    width:57px!important;
    height:66px!important;
    margin-bottom:6px!important;
}

.classic-most-preferred .suggest-item span{
    font-size:10px!important;
    line-height:1.14!important;
}

/* Eski banner kısa değil, yaklaşık 2:1 oranındaydı. */
.banner{
    height:205px!important;
    margin:13px 0 17px!important;
    border-radius:6px!important;
}

.banner-content{
    padding:18px!important;
}

.banner-content small{
    font-size:10px!important;
    margin-bottom:6px!important;
}

.banner-content strong{
    max-width:245px!important;
    font-size:25px!important;
    line-height:1.08!important;
    font-weight:500!important;
}

.btn-primary{
    min-height:36px!important;
    margin-top:12px!important;
    padding:0 13px!important;
    font-size:10px!important;
    border-radius:5px!important;
}

/* Haberler eski ekrandaki kadar okunaklı ve yüksek */
section[aria-labelledby='haberler-title'] > .section-head{
    margin:18px 2px 12px!important;
}

.news-grid{
    gap:10px!important;
    margin-bottom:15px!important;
}

.news-card{
    border-radius:7px!important;
}

.news-card img{
    height:142px!important;
}

.news-card p{
    min-height:92px!important;
    padding:11px 9px!important;
    font-size:12px!important;
    line-height:1.38!important;
    font-weight:400!important;
}

/* Görüş/öneri alanı */
.classic-feedback{
    min-height:105px!important;
    margin-top:10px!important;
}

.classic-feedback-overlay{
    min-height:105px!important;
    padding:16px 10px!important;
}

.classic-feedback p{
    margin-bottom:10px!important;
    font-size:11px!important;
}

.classic-feedback-button{
    min-height:30px!important;
    padding:0 13px!important;
    font-size:9px!important;
}

/* Eski sitede footer merkez sütunda değildi; ekranın tamamına yayılıyordu. */
.footer{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    min-height:285px!important;
    margin:0 0 0 -50vw!important;
    padding:28px 22px 80px!important;
    background:var(--classic-gold)!important;
    font-size:8px!important;
    line-height:1.65!important;
}

.footer hr{
    max-width:760px!important;
    margin:16px auto!important;
}

.footer > div{
    max-width:760px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

@media(max-width:540px){
    html,
    body{
        background:#fff!important;
        background-image:none!important;
    }

    .app-inner{
        padding:8px 8px 0!important;
    }

    section[aria-labelledby='onerilen-title'] .suggest-img{
        width:56px!important;
        height:70px!important;
    }

    .category-card{
        height:98px!important;
    }

    .banner{
        height:190px!important;
    }

    .news-card img{
        height:125px!important;
    }

    .news-card p{
        min-height:82px!important;
        font-size:11px!important;
    }

    .footer{
        min-height:165px!important;
        padding:24px 16px 78px!important;
    }
}


/* ==========================================================================
   DÜNYA BİLGİSAYAR — BİREBİR V6 PİKSEL DÜZELTMELERİ
   06.08.2026 ekran karşılaştırmasına göre merkez genişliği, arka plan dokusu,
   kart oranları, yazı ölçüleri ve alt bölümler eski qrmenum görünümüne çekildi.
   ========================================================================== */
:root{--classic-app-width:380px;--classic-gold:#c79f18;}

html,body{
    font-family:"Roboto Condensed","Arial Narrow",Arial,sans-serif!important;
    background-color:#f5f4f1!important;
    background-image:url("data:image/webp;base64,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")!important;
    background-repeat:repeat!important;
    background-position:left top!important;
    background-size:512px 512px!important;
}

.layout{padding:0!important;}

.app{
    width:min(100%,var(--classic-app-width))!important;
    min-height:0!important;
    border-top:0!important;
    border-bottom:0!important;
    border-left:1px solid rgba(0,0,0,.045)!important;
    border-right:1px solid rgba(0,0,0,.045)!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:0 0 13px rgba(0,0,0,.11)!important;
}

.app-inner{padding:7px 7px 0!important;background:#fff!important;}

.surface,.surface-pad{
    border:1px solid #ededed!important;
    border-radius:8px!important;
    box-shadow:0 2px 8px rgba(0,0,0,.10)!important;
}

section[aria-labelledby="onerilen-title"]{
    min-height:158px!important;
    padding:13px 9px 10px!important;
    margin-bottom:12px!important;
}
section[aria-labelledby="onerilen-title"] .section-head{margin:0 0 11px!important;justify-content:center!important;text-align:center!important;}
#onerilen-title::after{font-size:12px!important;font-weight:600!important;}
section[aria-labelledby="onerilen-title"] .suggest-list{gap:7px!important;padding:3px 3px 8px!important;}
section[aria-labelledby="onerilen-title"] .suggest-item,
.classic-most-preferred .suggest-item{flex:0 0 calc((100% - 28px)/5)!important;width:calc((100% - 28px)/5)!important;}
section[aria-labelledby="onerilen-title"] .suggest-img{width:55px!important;height:69px!important;margin-bottom:6px!important;border-radius:8px!important;}
section[aria-labelledby="onerilen-title"] .suggest-item span{font-size:10px!important;line-height:1.15!important;font-weight:400!important;}

.category-grid{gap:6px!important;padding:8px!important;margin-bottom:12px!important;border-radius:8px!important;}
.category-card{height:94px!important;border-radius:5px!important;box-shadow:none!important;}
.category-card span{font-size:13px!important;line-height:1.1!important;font-weight:700!important;text-transform:none!important;text-shadow:0 1px 4px rgba(0,0,0,.75)!important;}

.classic-most-preferred{min-height:130px!important;padding:11px 9px 9px!important;margin-bottom:12px!important;}
.classic-most-preferred .section-head{margin:0 0 10px!important;justify-content:center!important;text-align:center!important;}
#cok-tercih-title::after{font-size:11px!important;font-weight:600!important;}
.classic-most-preferred .suggest-list{gap:7px!important;padding:3px 3px 7px!important;}
.classic-most-preferred .suggest-img{width:52px!important;height:61px!important;margin-bottom:5px!important;border-radius:8px!important;}
.classic-most-preferred .suggest-item span{font-size:9px!important;line-height:1.13!important;font-weight:400!important;}

.banner{height:205px!important;margin:12px 0 16px!important;border-radius:5px!important;box-shadow:0 2px 7px rgba(0,0,0,.12)!important;}
.banner-content{padding:16px!important;}
.banner-content strong{max-width:220px!important;font-size:23px!important;line-height:1.08!important;}

section[aria-labelledby="haberler-title"]>.section-head{margin:17px 1px 11px!important;}
#haberler-title::after{font-size:15px!important;font-weight:400!important;}
.news-grid{gap:9px!important;margin-bottom:14px!important;}
.news-card{border-radius:6px!important;box-shadow:0 1px 5px rgba(0,0,0,.09)!important;}
.news-card img{height:150px!important;}
.news-card p{min-height:88px!important;padding:10px 8px!important;font-size:11px!important;line-height:1.36!important;font-weight:400!important;}

.classic-feedback{min-height:88px!important;margin:8px -7px 0!important;background-image:var(--feedback-image)!important;}
.classic-feedback-overlay{min-height:88px!important;padding:13px 9px!important;background:rgba(255,255,255,.70)!important;}
.classic-feedback p{font-size:9px!important;margin-bottom:8px!important;}
.classic-feedback-button{min-height:26px!important;font-size:8px!important;}

.footer{min-height:285px!important;padding:28px 22px 80px!important;font-size:7px!important;}

@media(max-width:540px){
    html,body{background:#fff!important;background-image:none!important;}
    .app{width:100%!important;box-shadow:none!important;border:0!important;}
    .app-inner{padding:7px 7px 0!important;}
    .category-card{height:92px!important;}
    .banner{height:190px!important;}
    .news-card img{height:132px!important;}
    .footer{min-height:165px!important;padding:24px 16px 78px!important;}
}

/* ==========================================================================
   DÜNYA BİLGİSAYAR — V7 GERÇEK ESKİ TEMA ÖLÇÜLERİ
   Eski qrmenum.net tema/genel/css/style.css değerleri doğrudan esas alındı.
   ========================================================================== */
:root{
    --classic-gold:#c39d1e!important;
    --classic-app-width:25vw!important;
}

html,body{
    font-family:'Titillium Web',sans-serif!important;
    font-size:13px!important;
    color:#212529!important;
    background:#f4f4f4 url('/assets/images/qrmenu-eski-wall.jpg') repeat!important;
    background-size:auto!important;
}

.topbar{
    height:56px!important;
    min-height:56px!important;
    background:#c39d1e!important;
    border:0!important;
    box-shadow:none!important;
}
.topbar-inner{
    height:56px!important;
    min-height:56px!important;
    padding:0 10px!important;
}
.brand-title,.brand-title-text{
    font-family:'Titillium Web',sans-serif!important;
    font-size:17px!important;
    line-height:30px!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
}
.icon-btn{
    width:45px!important;
    height:55px!important;
    padding:5px!important;
    font-family:'Titillium Web',sans-serif!important;
    font-size:20px!important;
    line-height:45px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.icon-btn::before,.icon-btn::after{display:none!important;content:none!important;}
.lang-btn{
    right:10px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    margin:0!important;
    border-radius:40px!important;
    box-shadow:0 0 25px 2px rgba(0,0,0,.15)!important;
}

.layout{padding:0!important;min-height:calc(100vh - 56px)!important;}
.app{
    width:25vw!important;
    max-width:none!important;
    min-width:0!important;
    margin:0 auto!important;
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
}
.app-inner{padding:0!important;background:#fff!important;}

/* Eski temadaki ortak section-home kartı */
section[aria-labelledby='onerilen-title'],
.classic-most-preferred{
    width:95%!important;
    min-height:0!important;
    margin:0 auto 15px!important;
    padding:20px 15px!important;
    background:#fff!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:0 1px 9px 0 rgba(50,50,50,.13)!important;
    box-sizing:border-box!important;
}
section[aria-labelledby='onerilen-title'] .section-head,
.classic-most-preferred .section-head{
    margin:0 0 17px!important;
    text-align:center!important;
    justify-content:center!important;
}
#onerilen-title,#cok-tercih-title{
    display:block!important;
    font-family:'Titillium Web',sans-serif!important;
    color:#212529!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:600!important;
    text-align:center!important;
    text-transform:none!important;
}
#onerilen-title::after,#cok-tercih-title::after{content:none!important;display:none!important;}
section[aria-labelledby='onerilen-title'] .section-head p,
.classic-most-preferred .section-head p,
.suggest-hint{display:none!important;}

section[aria-labelledby='onerilen-title'] .suggest-slider,
.classic-most-preferred .suggest-slider{overflow:hidden!important;}
section[aria-labelledby='onerilen-title'] .suggest-list,
.classic-most-preferred .suggest-list{
    display:flex!important;
    gap:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
}
section[aria-labelledby='onerilen-title'] .suggest-item,
.classic-most-preferred .suggest-item{
    flex:0 0 20%!important;
    width:20%!important;
    min-width:20%!important;
    padding:0!important;
    margin:0!important;
    font-family:'Titillium Web',sans-serif!important;
}
section[aria-labelledby='onerilen-title'] .suggest-img,
.classic-most-preferred .suggest-img{
    width:calc(100% - 10px)!important;
    height:71px!important;
    margin:0 5px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:none!important;
}
section[aria-labelledby='onerilen-title'] .suggest-img img,
.classic-most-preferred .suggest-img img{
    width:100%!important;
    height:71px!important;
    max-width:none!important;
    object-fit:cover!important;
    border-radius:10px!important;
}
section[aria-labelledby='onerilen-title'] .suggest-item span,
.classic-most-preferred .suggest-item span{
    display:block!important;
    padding:10px 5px 0!important;
    min-height:0!important;
    font-family:'Titillium Web',sans-serif!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:400!important;
    color:#212529!important;
    text-align:center!important;
    text-transform:none!important;
}

/* Eski home-category-list: beyaz dış section + 7px kart bordürü */
section[aria-labelledby='kategoriler-title']>.section-head,
.cat-scroll{display:none!important;}
.category-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    width:95%!important;
    margin:0 auto 15px!important;
    padding:13px 8px!important;
    background:#fff!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:0 1px 9px 0 rgba(50,50,50,.13)!important;
    box-sizing:border-box!important;
}
.category-card{
    position:relative!important;
    width:100%!important;
    height:109px!important;
    min-height:109px!important;
    overflow:hidden!important;
    border:7px solid #fff!important;
    border-radius:12px!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    background:#000!important;
}
.category-card::after{
    content:''!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:rgba(0,0,0,.4)!important;
}
.category-card img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:95px!important;
    max-height:none!important;
    object-fit:cover!important;
    opacity:1!important;
    transform:none!important;
}
.category-card span{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 20px!important;
    font-family:'Titillium Web',sans-serif!important;
    color:#fff!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:600!important;
    text-align:center!important;
    word-break:break-word!important;
    text-transform:none!important;
    text-shadow:none!important;
}

/* Banner eski section-home.home-banner oranında */
.banner{
    width:95%!important;
    height:270px!important;
    margin:0 auto 15px!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:0 1px 9px 0 rgba(50,50,50,.13)!important;
}
.banner>img{
    width:100%!important;
    height:270px!important;
    max-height:none!important;
    object-fit:cover!important;
}
.banner-content{padding:20px!important;}
.banner-content small{font-family:'Titillium Web',sans-serif!important;font-size:13px!important;}
.banner-content strong{font-family:'Titillium Web',sans-serif!important;font-size:28px!important;line-height:1.08!important;font-weight:600!important;}
.btn-primary{font-family:'Titillium Web',sans-serif!important;}

/* Haber alanı */
section[aria-labelledby='haberler-title']{
    width:95%!important;
    margin:0 auto 15px!important;
}
section[aria-labelledby='haberler-title']>.section-head{
    margin:24px 0 16px!important;
    padding:0 16px!important;
}
#haberler-title{
    display:block!important;
    font-family:'Titillium Web',sans-serif!important;
    margin:0!important;
    padding:0 16px 0 0!important;
    font-size:20px!important;
    letter-spacing:-.01em!important;
    line-height:1em!important;
    font-weight:400!important;
    text-transform:none!important;
}
#haberler-title::after{content:none!important;display:none!important;}
section[aria-labelledby='haberler-title'] .section-head p{display:none!important;}
.news-grid{gap:0!important;margin:0!important;padding:5px!important;}
.news-card{
    margin:5px 5px!important;
    background:#fff!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:0 1px 3px 0 rgba(0,0,0,.09)!important;
    overflow:hidden!important;
}
.news-card img{
    width:100%!important;
    height:150px!important;
    object-fit:cover!important;
    border-radius:10px 10px 0 0!important;
}
.news-card p{
    height:91px!important;
    min-height:91px!important;
    margin:0!important;
    padding:12px 16px!important;
    overflow:hidden!important;
    font-family:'Titillium Web',sans-serif!important;
    font-size:15px!important;
    line-height:1.4em!important;
    font-weight:500!important;
    color:#212529!important;
    text-align:center!important;
    box-sizing:border-box!important;
}

/* Görüş/öneri */
.classic-feedback{
    width:100%!important;
    min-height:110px!important;
    margin:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
}
.classic-feedback-overlay{
    min-height:110px!important;
    padding:20px!important;
    background:rgba(255,255,255,.8)!important;
}
.classic-feedback p{
    font-family:'Titillium Web',sans-serif!important;
    font-size:13px!important;
    line-height:1.4!important;
    margin:0 0 10px!important;
}
.classic-feedback-button{
    min-height:0!important;
    padding:5px 15px!important;
    border-radius:5px!important;
    font-family:'Titillium Web',sans-serif!important;
    font-size:13px!important;
    font-weight:400!important;
    background:#c39d1e!important;
}

/* Eski footer tam ekran ve 304px */
.footer{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    height:304px!important;
    min-height:304px!important;
    margin:0 0 0 -50vw!important;
    padding:20px 35px!important;
    background:#c39d1e!important;
    color:#fff!important;
    font-family:'Titillium Web',sans-serif!important;
    font-size:10px!important;
    line-height:1.5!important;
    text-align:center!important;
    box-sizing:border-box!important;
}
.footer>div{max-width:none!important;margin:9px auto 10px!important;font-weight:600!important;}
.footer hr{max-width:760px!important;margin:6px auto!important;border-color:rgba(255,255,255,.25)!important;}

@media(max-width:1023px){
    .app{width:100%!important;max-width:430px!important;}
}
@media(max-width:540px){
    html,body{background:#fff!important;background-image:none!important;}
    .app{width:100%!important;max-width:none!important;}
    section[aria-labelledby='onerilen-title'],.classic-most-preferred,.category-grid,.banner,section[aria-labelledby='haberler-title']{width:95%!important;}
    .category-card{height:109px!important;min-height:109px!important;}
    .banner,.banner>img{height:270px!important;}
    .footer{height:304px!important;min-height:304px!important;padding:20px 18px!important;}
}

/* ========================================================================== 
   DÜNYA BİLGİSAYAR — V8 SON EKRAN DÜZELTMELERİ
   V7 ekranında görülen üç gerçek sorun giderildi:
   1) kategori başlıklarını aşağı kaydıran eski translate kuralı,
   2) app overflow nedeniyle merkez sütuna kırpılan tam ekran footer,
   3) rengi transparent kaldığı için görünmeyen hamburger simgesi.
   ========================================================================== */
html,body{
    overflow-x:hidden!important;
}

/* Footer, eski HTML'de content-wrap dışında olduğundan tam ekrandı.
   Yeni yapıda app içinde olduğu için kapsayıcı kırpmasını kaldırıyoruz. */
.app,
.app-inner{
    overflow:visible!important;
}

/* Eski kurallardan kalan translateY(50%) yazıları kartın altına itiyordu. */
.category-card span{
    left:0!important;
    right:0!important;
    top:0!important;
    bottom:0!important;
    inset:0!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    overflow:visible!important;
}

/* Gerçek eski menüde solda beyaz Font Awesome menü ikonu bulunuyordu. */
.icon-btn{
    color:#fff!important;
    font-size:20px!important;
    line-height:45px!important;
    text-indent:0!important;
    visibility:visible!important;
    opacity:1!important;
}

/* V7 pseudo çizgileri kapattığı için butonun kendi ☰ karakterini göster. */
.icon-btn::before,
.icon-btn::after{
    display:none!important;
    content:none!important;
}

/* Footer viewport dışına taşmadan tüm ekranı kaplasın. */
.footer{
    overflow:hidden!important;
    z-index:2!important;
}