/* /ak/bisa-boo/bisa-boo.css */

.quote-page,
        .quote-page *{
            box-sizing:border-box;
            font-family:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
            -webkit-font-smoothing:antialiased;
            -moz-osx-font-smoothing:grayscale;
            text-rendering:optimizeLegibility;
        }

        .quote-hero{
            background:linear-gradient(rgba(17,24,39,.78), rgba(17,24,39,.78)), url('/img/kurumsal/iletisim-banner.webp');
            background-size:cover;
            background-position:center;
            padding:110px 0;
            text-align:center;
        }

        .quote-hero h1{
            margin:0 0 18px 0;
            color:#fff;
            font-size:54px;
            font-weight:800;
            text-shadow:2px 2px 15px rgba(0,0,0,.55);
        }

        .quote-hero p{
            max-width:920px;
            margin:0 auto;
            color:#fff;
            font-size:22px;
            line-height:1.65;
            font-weight:500;
            text-shadow:2px 2px 10px rgba(0,0,0,.75);
        }

        .quote-wrap{
            max-width:920px;
            margin:50px auto 80px auto;
            padding:0 20px;
        }

        .quote-grid{
            display:block;
        }

        .quote-form-card{
            position:relative;
            background:#fff;
            border:1px solid #d9edf8;
            border-radius:20px;
            box-shadow:0 10px 30px rgba(15,23,42,.06);
            padding:34px 30px;
            overflow:hidden;
        }

        .quote-form-card:before{
            content:"";
            position:absolute;
            inset:0 0 auto 0;
            height:180px;
            background:linear-gradient(180deg, rgba(47,164,245,.08) 0%, rgba(106,230,220,.06) 55%, rgba(255,255,255,0) 100%);
            pointer-events:none;
        }

        .quote-form-card > *{
            position:relative;
            z-index:1;
        }

        .quote-form-head{
            margin:0 0 24px 0;
            padding:26px 24px 22px 24px;
            background:linear-gradient(135deg, rgba(47,164,245,.09) 0%, rgba(53,169,255,.06) 48%, rgba(106,230,220,.10) 100%);
            border:1px solid #d6effc;
            border-radius:20px;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
            text-align:center;
        }

        .quote-form-card h2{
            margin:0 0 10px 0;
            color:#0f172a;
            font-size:34px;
            font-weight:800;
            line-height:1.2;
        }

        .quote-form-card p{
            margin:0;
            color:#334155;
            font-size:16px;
            line-height:1.8;
            font-weight:500;
        }

        .quote-meta{
            display:grid;
            grid-template-columns:repeat(3, minmax(0,1fr));
            gap:14px;
            margin:0 0 26px 0;
        }

        .quote-meta-item,
        .quote-meta-item:visited{
            position:relative;
            display:flex;
            align-items:center;
            justify-content:flex-start;
            gap:14px;
            min-height:72px;
            padding:16px 18px;
            background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
            border:1px solid #dbe8f3;
            border-radius:16px;
            box-shadow:0 6px 18px rgba(15,23,42,.04);
            text-decoration:none;
            transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
        }

        .quote-meta-item:before{
            content:"";
            position:absolute;
            left:0;
            top:14px;
            bottom:14px;
            width:4px;
            border-radius:999px;
            background:linear-gradient(180deg, #0b1220 0%, #35a9ff 100%);
            opacity:.92;
        }

        .quote-meta-item:hover,
        .quote-meta-item:focus{
            text-decoration:none;
            border-color:#c7ddeb;
            box-shadow:0 10px 24px rgba(15,23,42,.07);
            transform:translateY(-1px);
            outline:none;
            background:linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);
        }

        .quote-meta-item-static{
            cursor:default;
        }

        .quote-meta-item-static:hover,
        .quote-meta-item-static:focus{
            transform:none;
        }

        .quote-meta-icon{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            flex:0 0 auto;
            width:28px;
            height:28px;
            color:#0b1220;
            margin-left:6px;
        }

        .quote-meta-icon svg{
            display:block;
            width:28px;
            height:28px;
            stroke:currentColor;
            fill:none;
            stroke-width:2;
            stroke-linecap:round;
            stroke-linejoin:round;
        }

        .quote-meta-text{
            display:block;
            color:#0f172a;
            font-size:15px;
            line-height:1.45;
            font-weight:700;
            word-break:break-word;
        }

        .kg-alert{
            margin:0 0 22px 0;
            padding:14px 16px;
            border-radius:12px;
            font-size:14px;
            font-weight:700;
        }

        .kg-alert-success{
            background:#ecfdf3;
            border:1px solid #a7f3d0;
            color:#166534;
        }

        .kg-alert-error{
            background:#fef2f2;
            border:1px solid #fecaca;
            color:#991b1b;
            white-space:normal;
            word-break:break-word;
        }

        .kg-row{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:16px;
            margin-bottom:16px;
        }

        .kg-field{
            margin-bottom:16px;
        }

        .kg-field label{
            display:block;
            margin:0 0 8px 0;
            color:#0f172a;
            font-size:14px;
            font-weight:700;
        }

        .kg-field label .req{
            color:#dc2626;
        }

        .kg-input,
        .kg-select,
        .kg-textarea{
            width:100%;
            min-height:54px;
            padding:14px 16px;
            border:1px solid #d1d5db;
            border-radius:12px;
            background:#fff;
            color:#111827;
            font-size:15px;
            font-weight:500;
            outline:none;
            transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
        }

        .kg-textarea{
            min-height:150px;
            resize:vertical;
        }

        .kg-input:focus,
        .kg-select:focus,
        .kg-textarea:focus{
            border-color:#35a9ff;
            box-shadow:0 0 0 4px rgba(53,169,255,.12);
        }

        .kg-file-wrap{
            position:relative;
            width:100%;
        }

        .kg-file-native{
            position:absolute !important;
            width:1px !important;
            height:1px !important;
            opacity:0 !important;
            overflow:hidden !important;
            pointer-events:none !important;
        }

        .kg-file-ui{
            width:100%;
            min-height:56px;
            padding:7px;
            border:1px solid #d1d5db;
            border-radius:12px;
            background:#ffffff;
            color:#111827;
            display:flex !important;
            align-items:center;
            justify-content:space-between;
            gap:12px;
            cursor:pointer;
            transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
        }

        .kg-file-ui:hover,
        .kg-file-ui:focus{
            border-color:#35a9ff;
            box-shadow:0 0 0 4px rgba(53,169,255,.12);
            background:#f8fbff;
            outline:none;
        }

        .kg-file-button{
            flex:0 0 auto;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            min-height:42px;
            padding:0 18px;
            border-radius:10px;
            background:linear-gradient(135deg, #35a9ff 0%, #2f7dff 100%);
            border:1px solid rgba(47,125,255,.22);
            color:#ffffff;
            font-size:14px;
            font-weight:800;
            line-height:1;
            box-shadow:0 8px 18px rgba(47,125,255,.18);
        }

        .kg-file-button:before{
            content:"\f0ee";
            font-family:"Font Awesome 6 Free";
            font-weight:900;
            margin-right:8px;
            font-size:13px;
        }

        .kg-file-name{
            min-width:0;
            flex:1 1 auto;
            color:#64748b;
            font-size:14px;
            font-weight:700;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
            text-align:left;
            padding:0 10px;
        }

        .kg-note{
            margin:6px 0 0 0;
            color:#64748b;
            font-size:13px;
            line-height:1.6;
            font-weight:500;
        }

        .kg-section{
            display:none;
            margin-top:6px;
            margin-bottom:18px;
            padding:18px;
            border:1px solid #e5e7eb;
            border-radius:14px;
            background:#f8fafc;
        }

        .kg-section.is-active{
            display:block;
        }

        .kg-section h3{
            margin:0 0 14px 0;
            color:#0f172a;
            font-size:18px;
            font-weight:800;
        }

        .kg-actions{
            margin-top:22px;
            display:flex;
            justify-content:center;
        }

        .kg-button{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:10px;
            min-height:56px;
            min-width:240px;
            padding:0 28px;
            border:0;
            border-radius:12px;
            background:#3399FF;
            color:#fff;
            font-size:16px;
            font-weight:800;
            cursor:pointer;
            transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
            box-shadow:0 10px 24px rgba(51,153,255,.22);
        }

        .kg-button:hover{
            transform:translateY(-1px);
            background:#248cf0;
        }

        .kg-hidden{
            position:absolute !important;
            left:-9999px !important;
            width:1px !important;
            height:1px !important;
            opacity:0 !important;
            pointer-events:none !important;
        }

        @media (max-width: 767px){
            .quote-hero{
                padding:80px 0;
            }

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

            .quote-hero p{
                font-size:18px;
            }

            .quote-form-card{
                padding:24px 18px;
                border-radius:16px;
            }

            .quote-form-head{
                padding:18px 16px;
                border-radius:16px;
            }

            .quote-form-card h2{
                font-size:28px;
            }

            .kg-row{
                grid-template-columns:1fr;
                gap:0;
            }

            .quote-meta{
                grid-template-columns:1fr;
            }

            .kg-button{
                width:100%;
                min-width:0;
            }
        }