.cgs-search-form,
    .cgs-search-form * {
        box-sizing: border-box;
    }

    .cgs-search-form {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 700px;
        margin: 15px auto 5px;
        background: #ffffff !important;
        border: 1px solid #d9dfe7;
        border-radius: 999px;
        padding: 4px 4px 4px 20px;
        box-shadow: 0 1px 2px rgba(0,0,0,0.03);
    }

    .cgs-search-form input.cgs-search-input,
    .cgs-search-form input.cgs-search-input[type="text"],
    .cgs-search-form input.cgs-search-input[type="search"] {
        flex: 1;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        font-size: 14px;
        line-height: 1.4;
        color: #4b5563;
        background: transparent !important;
        background-color: transparent !important;
        padding: 5px 0 !important;
        margin: 0 !important;
        min-width: 0; /* previne overflow pe mobil */
    }

    .cgs-search-form input.cgs-search-input:focus {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    .cgs-search-input::placeholder {
        color: #9aa3b0;
    }

    .cgs-search-button {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #1a56db;
        color: #fff;
        border: none;
        cursor: pointer;
        transition: background 0.2s ease;
    }

    .cgs-search-button:hover {
        background: #164cc4;
    }

    .cgs-inline-search-wrap {
        max-width: 1100px;
        margin: 0 auto;
    }

    .cgs-cse-results {
        margin-top: 16px;
    }

    .cgs-cse-results:empty {
        margin-top: 0;
    }

    /* Forteaza rezultatele Google CSE sa apara inline in pagina, nu ca overlay/popup */
    .cgs-cse-results .gsc-results-wrapper-overlay {
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        box-shadow: none !important;
        border: none !important;
        background: transparent !important;
        transform: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .cgs-cse-results .gsc-results-close-btn {
        display: none !important;
    }

    /* Ascunde vălul alb (backdrop-ul overlay) pus de Google peste pagina */
    .gsc-modal-background-image,
    .gsc-modal-background-image-visible {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .gsc-results-wrapper-overlay,
    .gsc-results-wrapper-visible {
        overflow: visible !important;
        z-index: auto !important;
        height: auto !important;
        max-height: none !important;
    }

    html.gsc-overflow-hidden,
    body.gsc-overflow-hidden {
        overflow: auto !important;
    }

    /* Desktop: bara mai joasa (~38px), latime 300px, font 12px, culoare buton #272661 */
    @media (min-width: 801px) {
        .cgs-search-form {
            width: 300px;
            max-width: 300px;
            margin-left: 0;
            margin-right: 0;
            padding: 3px 3px 3px 20px;
        }
        .cgs-search-form input.cgs-search-input,
        .cgs-search-form input.cgs-search-input[type="text"],
        .cgs-search-form input.cgs-search-input[type="search"] {
            font-size: 12px;
        }
        .cgs-search-button {
            width: 30px;
            height: 30px;
            background: #272661;
        }
        .cgs-search-button svg {
            width: 17px;
            height: 17px;
        }
    }

    /* Sub 1070px: bara se strange la 270px */
    @media (min-width: 801px) and (max-width: 1070px) {
        .cgs-search-form {
            width: 270px;
            max-width: 270px;
        }
    }

    /* Buton X de inchidere (creat de JS doar pe mobil) si fundalul semi-transparent din spatele cautarii fullscreen */
    .cgs-search-close {
        display: none;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        flex-shrink: 0;
        background: transparent;
        border: none;
        padding: 0;
        margin: 0;
        cursor: pointer;
        color: #3b4256;
    }

    #cgs-mobile-backdrop {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, 0.45);
        z-index: 999998;
    }
    #cgs-mobile-backdrop.is-visible {
        display: block;
    }

    html.cgs-no-scroll,
    body.cgs-no-scroll {
        overflow: hidden !important;
    }

    /* Mobil: doar iconita de search; la click se deschide cautarea pe tot ecranul (fullscreen) */
    @media (max-width: 800px) {
        .cgs-search-form {
            position: relative;
            width: 38px;
            max-width: 38px;
            height: 38px;
            padding: 0 !important;
            background: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
            overflow: visible;
        }
        .cgs-search-form .cgs-search-button,
        .cgs-search-form .cgs-search-button:hover {
            width: 38px;
            height: 38px;
            background: transparent;
            color: #3b4256;
        }
        /* marime ca la iconita hamburger + aliniere pe verticala (ajusteaza --cgs-offset-y daca e nevoie) */
        .cgs-search-form .cgs-search-button svg {
            width: 28px;
            height: 28px;
            position: relative;
            top: var(--cgs-offset-y, 17px);
        }
        /* In starea deschisa (fullscreen) iconita nu mai are nevoie de offset, e centrata normal */
        .cgs-search-form.is-open .cgs-search-button svg {
            top: 0;
        }
        .cgs-search-form:not(.is-open) .cgs-search-input {
            display: none !important;
        }

        /* Fullscreen: bara de cautare ocupa toata latimea sus, cu buton X de inchidere */
        .cgs-search-form.is-open {
            position: fixed !important;
            inset: 0 !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: auto !important;
            width: 100% !important;
            max-width: 100% !important;
            height: 80px !important;
            margin: 0 !important;
            padding: 0 12px !important;
            background: #ffffff !important;
            border: none !important;
            border-radius: 0 !important;
            box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
            z-index: 999999 !important;
            display: flex;
            align-items: center;
        }
        .cgs-search-form.is-open .cgs-search-close {
            display: flex;
            order: 1;
        }
        .cgs-search-form.is-open .cgs-search-input {
            display: block !important;
            position: static !important;
            order: 2;
            flex: 1 1 auto;
            width: auto !important;
            height: 42px !important;
            margin: 0 10px !important;
            padding: 0 18px !important;
            font-size: 16px !important; /* evita zoom automat pe iOS la focus */
            line-height: 42px !important;
            background: #f3f4f6 !important;
            background-color: #f3f4f6 !important;
            border: none !important;
            border-radius: 999px !important;
            box-shadow: none !important;
        }
        .cgs-search-form.is-open .cgs-search-button {
            display: flex;
            order: 3;
            width: 38px;
            height: 38px;
        }
    }

    /* Google CSE seteaza implicit padding pe rezultate - il resetam la stanga, ca sa nu adauge indent suplimentar */
    .cgs-cse-results .gsc-webResult.gsc-result {
        padding-left: 0 !important;
    }