.elementor-1826 .elementor-element.elementor-element-b89af24{--display:flex;--min-height:100vh;--justify-content:flex-start;--padding-top:40px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}body.elementor-page-1826:not(.elementor-motion-effects-element-type-background), body.elementor-page-1826 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thehunger.com.tr/wp-content/uploads/2026/03/bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}@media(min-width:1025px){body.elementor-page-1826:not(.elementor-motion-effects-element-type-background), body.elementor-page-1826 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS */.logo {
    max-width: 120px!important;
    filter: brightness(0) invert(1);
    margin-bottom: 24px;
}
.qr-container {
            background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); 
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            padding: 40px 20px;
            border-radius: 15px;
            min-height: 500px;
            color: #fff;
        }

        .qr-header {
            text-align: center;
            margin-bottom: 30px;
        }

        .search-box {
            width: 100%;
            max-width: 500px;
            padding: 15px 20px;
            font-size: 16px;
            border: 2px solid rgba(255,255,255,0.3);
            border-radius: 30px;
            background: rgba(255, 255, 255, 0.1);
            color: white;
            outline: none;
            backdrop-filter: blur(5px);
            display: block;
            margin: 0 auto 40px auto;
            transition: 0.3s;
        }

        .search-box:focus {
            border-color: #fff;
            background: rgba(255, 255, 255, 0.2);
        }

        .search-box::placeholder {
            color: rgba(255,255,255,0.7);
        }

        .branch-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(150px, 2fr));
            gap: 15px;
            max-width: 1000px;
            margin: 0 auto;
        }

        .branch-card {
            font-size: 13px;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            padding: 20px;
            text-align: center;
            border-radius: 12px;
            text-decoration: none;
            color: white;
            font-weight: 500;
            border: 1px solid rgba(255,255,255,0.1);
            transition: transform 0.2s, background 0.2s;
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 60px;
        }

        .branch-card:hover {
            color: #fff!important;
            transform: translateY(-5px);
            background: rgba(255, 255, 255, 0.2);
            border-color: rgba(255,255,255,0.5);
        }

        .no-result {
            grid-column: 1 / -1;
            text-align: center;
            display: none;
            padding: 20px;
        }/* End custom CSS */