/* ============================================================
   glastuerwelt.de - Ana sayfa (Tasarim 17)
   themes/classicc/assets/css/gw-home.css
   ============================================================ */

/* ---------- 1. HERO ---------- */
#content .gw-hero {
    position: relative;
    min-height: 430px;
    display: flex;
    align-items: center;
}
#content .gw-hero > .elementor-container { max-width: 1630px; width: 100%; padding: 0 40px; }
#content .gw-hero .elementor-row { align-items: center; }
#content .gw-hero .elementor-column-wrap { padding: 0 14px !important; }
#content .gw-hero .elementor-widget { margin-bottom: 0 !important; }

#content .gw-hero-eyebrow .elementor-heading-title {
    color: #CFE0FF;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#content .gw-hero-h1 .elementor-heading-title {
    color: #FFFFFF;
    font-size: 58px;
    line-height: 1.04;
    font-weight: 800;
    letter-spacing: -.5px;
    margin: 0;
}
#content .gw-hero-sub .elementor-heading-title {
    color: #E7EEFB;
    font-size: 23px;
    font-weight: 400;
    line-height: 1.3;
    margin: 6px 0 18px;
}
#content .gw-hero-checks .elementor-icon-list-items { margin: 0 0 22px; padding: 0; list-style: none; }
#content .gw-hero-checks .elementor-icon-list-item,
#content .gw-hero-checks .elementor-icon-list-text {
    color: #FFFFFF !important;
    font-size: 15px !important;
    line-height: 1.9 !important;
    font-weight: 500;
}
#content .gw-hero-checks .elementor-icon-list-icon i { color: #5DA2FF !important; font-size: 17px !important; }

#content .gw-hero-btn .elementor-button {
    background: #1372EC;
    color: #FFFFFF;
    border: 0;
    border-radius: 10px;
    padding: 14px 26px;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 8px 22px rgba(19, 114, 236, .35);
}
#content .gw-hero-btn .elementor-button:hover { background: #0F5AC4; color: #FFFFFF; }

/* rozet */
#content .gw-hero-side .elementor-widget-wrap { justify-content: flex-end; }
#content .gw-hero-badge p {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 176px;
    height: 176px;
    margin: 0 0 0 auto;
    border-radius: 50%;
    background: #0C1C3C;
    border: 3px solid rgba(255, 255, 255, .45);
    box-shadow: 0 14px 34px rgba(12, 28, 60, .35);
    text-align: center;
}
#content .gw-hero-badge .gw-badge-num { color: #FFFFFF; font-size: 42px; font-weight: 800; line-height: 1; }
#content .gw-hero-badge .gw-badge-l1 { color: #FFFFFF; font-size: 15px; font-weight: 600; margin-top: 4px; }
#content .gw-hero-badge .gw-badge-l2 {
    color: #9CC4FF;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    margin-top: 7px;
}

/* ---------- 2. GUVEN SERIDI ---------- */
#content .gw-trust { background: #F6F8FC !important; border-bottom: 1px solid #E6EBF3; }
#content .gw-trust > .elementor-container { max-width: 1630px; }
#content .gw-trust .elementor-row { align-items: center; }
#content .gw-trust .elementor-widget { margin-bottom: 0 !important; }
#content .gw-trust-col + .gw-trust-col .elementor-column-wrap { border-left: 1px solid #E2E8F2; }
#content .gw-trust-col .elementor-column-wrap { padding: 2px 18px !important; }
#content .gw-trust-box .elementor-icon-box-title,
#content .gw-trust-box .elementor-icon-box-title div {
    color: #12213F;
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}
#content .gw-trust-box .elementor-icon-box-description {
    color: #5A6B86;
    font-size: 12px;
    line-height: 1.35;
    margin: 2px 0 0;
}
#content .gw-trust-box .elementor-icon i { color: #1372EC !important; font-size: 22px !important; }

/* ---------- 3. 5 ADIMLIK KARTLAR ---------- */
#content .gw-steps > .elementor-container { max-width: 1630px; }
#content .gw-steps .elementor-row { align-items: stretch; }
#content .gw-steps .elementor-column-wrap { padding: 0 9px !important; }
#content .gw-step-col > .elementor-column-wrap > .elementor-widget-wrap {
    background: #FFFFFF;
    border: 1px solid #E6EBF3;
    border-radius: 14px;
    overflow: hidden;
    align-content: flex-start;
    height: 100%;
    padding-bottom: 14px;
    transition: box-shadow .18s ease, transform .18s ease;
}
#content .gw-step-col:hover > .elementor-column-wrap > .elementor-widget-wrap {
    box-shadow: 0 14px 30px rgba(12, 28, 60, .13);
    transform: translateY(-3px);
}
#content .gw-steps .elementor-widget { margin-bottom: 0 !important; width: 100%; }
#content .gw-step-img,
#content .gw-step-img .elementor-widget-container,
#content .gw-step-img .elementor-image,
#content .gw-step-img figure,
#content .gw-step-img figure > a,
#content .gw-step-img .elementor-image > a { display: block; width: 100%; margin: 0; line-height: 0; }
#content .gw-step-img img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 158px;
    object-fit: cover;
    border-radius: 0;
}
#content .gw-step-title .elementor-heading-title {
    color: #12213F;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left !important;
    text-transform: none !important;
    letter-spacing: 0;
    margin: 0;
    padding: 14px 16px 0;
}
#content .gw-step-title .elementor-heading-title::after,
#content .gw-step-title .elementor-heading-title::before { display: none !important; }
#content .gw-step-desc {
    padding: 0 16px;
}
#content .gw-step-desc p {
    color: #5A6B86;
    font-size: 12.5px;
    line-height: 1.5;
    margin: 7px 0 0;
}
#content .gw-step-cta { padding: 0 16px; margin-top: 10px !important; }
#content .gw-step-cta .elementor-button {
    background: transparent;
    color: #1372EC;
    border: 0;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    box-shadow: none;
}
#content .gw-step-cta .elementor-button:hover { color: #0F5AC4; text-decoration: underline; }
#content .gw-step-cta .elementor-button-icon { margin-left: 6px; }

/* kart gorsel kirpma noktalari */
#content .gw-step-col:nth-child(1) .gw-step-img img { object-position: center 30%; }
#content .gw-step-col:nth-child(2) .gw-step-img img { object-position: center 42%; }
#content .gw-step-col:nth-child(3) .gw-step-img img { object-position: center 34%; }
#content .gw-step-col:nth-child(4) .gw-step-img img { object-fit: contain; background: #FFFFFF; padding: 10px; }
#content .gw-step-col:nth-child(5) .gw-step-img img { object-position: center 46%; }

/* ---------- 4. BESTSELLER ---------- */
#content .gw-best > .elementor-container { max-width: 1630px; }
#content .gw-best-col > .elementor-column-wrap { padding: 0 9px !important; }
#content .gw-best .elementor-widget { margin-bottom: 0 !important; }
#content .gw-best-eyebrow .elementor-heading-title {
    color: #1372EC;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-align: left !important;
    margin: 0;
}
#content .gw-best-title .elementor-heading-title {
    color: #12213F;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.2;
    text-align: left !important;
    text-transform: none !important;
    margin: 4px 0 0;
}
#content .gw-best-all { margin-top: -34px !important; }
#content .gw-best-all .elementor-button {
    background: transparent;
    color: #1372EC;
    border: 0;
    padding: 0;
    font-size: 13.5px;
    font-weight: 700;
    box-shadow: none;
}
#content .gw-best-all .elementor-button:hover { color: #0F5AC4; text-decoration: underline; }
#content .gw-best-carousel { margin-top: 16px !important; }

/* ---------- 5. GLASTUEREN NACH MASS ---------- */
#content .gw-mass > .elementor-container { max-width: 1630px; }
#content .gw-mass .elementor-row { align-items: stretch; }
#content .gw-mass .elementor-column-wrap { padding: 0 9px !important; }
#content .gw-mass .elementor-widget { margin-bottom: 0 !important; }
#content .gw-mass-card > .elementor-column-wrap,
#content .gw-mass-pendel > .elementor-column-wrap { border-radius: 14px; overflow: hidden; }
#content .gw-mass-card .elementor-widget-wrap,
#content .gw-mass-pendel .elementor-widget-wrap { align-content: center; }
#content .gw-mass-eyebrow .elementor-heading-title {
    color: #7FB2FF;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-align: left !important;
    margin: 0 0 8px;
}
#content .gw-mass-h2 .elementor-heading-title,
#content .gw-pendel-h2 .elementor-heading-title {
    color: #FFFFFF;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.17;
    text-align: left !important;
    text-transform: none !important;
    margin: 0;
}
#content .gw-mass-text p,
#content .gw-pendel-text p,
#content .gw-mass-text,
#content .gw-pendel-text {
    color: #D5E1F5 !important;
    font-size: 14px;
    line-height: 1.55;
    margin: 10px 0 18px;
}
#content .gw-mass-h2 .elementor-heading-title,
#content .gw-pendel-h2 .elementor-heading-title { color: #FFFFFF !important; }
#content .gw-mass-eyebrow .elementor-heading-title { color: #7FB2FF !important; }

/* "Warum" basligi: tema alti cizgi/renk karisikligini sifirla */
#content .gw-why-head .elementor-heading-title,
#content .gw-why-head .elementor-heading-title * {
    color: #12213F !important;
    text-decoration: none !important;
    border: 0 !important;
}
#content .gw-mass-btn .elementor-button,
#content .gw-pendel-btn .elementor-button {
    background: #1372EC;
    color: #FFFFFF;
    border: 0;
    border-radius: 9px;
    padding: 12px 22px;
    font-size: 14px;
    font-weight: 700;
}
#content .gw-pendel-btn .elementor-button { background: transparent; border: 1.6px solid #FFFFFF; }
#content .gw-mass-btn .elementor-button:hover { background: #0F5AC4; color: #FFFFFF; }
#content .gw-pendel-btn .elementor-button:hover { background: #FFFFFF; color: #12213F; }
#content .gw-mass-list .elementor-icon-box-title,
#content .gw-mass-list .elementor-icon-box-title div { color: #12213F; font-size: 15px; font-weight: 700; }
#content .gw-mass-list .elementor-icon-box-description { color: #5A6B86; font-size: 13px; }

/* ---------- 6. WARUM ---------- */
#content .gw-why-head .elementor-heading-title {
    color: #12213F;
    font-size: 25px;
    font-weight: 800;
    text-align: center;
}
#content .gw-why > .elementor-container { max-width: 1630px; }
#content .gw-why .elementor-widget { margin-bottom: 0 !important; }
#content .gw-why .elementor-column-wrap { padding: 0 10px !important; }
#content .gw-why-box .elementor-icon {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #EAF2FE;
    margin-bottom: 10px;
}
#content .gw-why-box .elementor-icon i { color: #1372EC !important; font-size: 24px !important; }
#content .gw-why-box .elementor-icon-box-title,
#content .gw-why-box .elementor-icon-box-title div {
    color: #12213F;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}
#content .gw-why-box .elementor-icon-box-description {
    color: #5A6B86;
    font-size: 12.5px;
    margin: 3px 0 0;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1200px) {
    #content .gw-hero-h1 .elementor-heading-title { font-size: 46px; }
    #content .gw-hero { min-height: 380px; }
    #content .gw-hero-badge p { width: 150px; height: 150px; }
    #content .gw-hero-badge .gw-badge-num { font-size: 36px; }
    #content .gw-step-img img { height: 132px; }
    #content .gw-trust-col .elementor-column-wrap { padding: 2px 10px !important; }
    #content .gw-trust-box .elementor-icon-box-title,
    #content .gw-trust-box .elementor-icon-box-title div { font-size: 12.5px; }
    #content .gw-trust-box .elementor-icon-box-description { font-size: 11px; }
}
@media (max-width: 1024px) {
    #content .gw-hero { min-height: 340px; }
    #content .gw-hero-h1 .elementor-heading-title { font-size: 38px; }
    #content .gw-hero-sub .elementor-heading-title { font-size: 19px; }
    #content .gw-hero-badge p { width: 128px; height: 128px; border-width: 2px; }
    #content .gw-hero-badge .gw-badge-num { font-size: 30px; }
    #content .gw-hero-badge .gw-badge-l1 { font-size: 12px; }
    #content .gw-hero-badge .gw-badge-l2 { font-size: 9.5px; margin-top: 4px; }

    #content .gw-trust .elementor-row { flex-wrap: wrap; row-gap: 14px; }
    #content .gw-trust-col { width: 33.333% !important; }
    #content .gw-trust-col:nth-child(3n+1) .elementor-column-wrap { border-left: 0; }

    #content .gw-steps .elementor-row { flex-wrap: wrap; row-gap: 16px; }
    #content .gw-step-col { width: 33.333% !important; }

    #content .gw-mass .elementor-row { flex-wrap: wrap; row-gap: 16px; }
    #content .gw-mass > .elementor-container > .elementor-row > .elementor-column:nth-child(1),
    #content .gw-mass > .elementor-container > .elementor-row > .elementor-column:nth-child(3) { width: 50% !important; }
    #content .gw-mass > .elementor-container > .elementor-row > .elementor-column:nth-child(2) { width: 100% !important; }
    #content .gw-why .elementor-row { flex-wrap: wrap; row-gap: 18px; }
    #content .gw-why-col { width: 33.333% !important; }
    #content .gw-best-title .elementor-heading-title { font-size: 23px; }
}
@media (max-width: 767px) {
    #content .gw-hero {
        min-height: 0;
        padding: 34px 0 !important;
        background-position: center right;
    }
    #content .gw-hero .elementor-row { flex-wrap: wrap; }
    #content .gw-hero-col { width: 100% !important; }
    #content .gw-hero-side { width: 100% !important; margin-top: 18px; }
    #content .gw-hero-h1 .elementor-heading-title { font-size: 32px; }
    #content .gw-hero-sub .elementor-heading-title { font-size: 16px; margin-bottom: 14px; }
    #content .gw-hero-checks .elementor-icon-list-item,
    #content .gw-hero-checks .elementor-icon-list-text { font-size: 13.5px !important; line-height: 1.75 !important; }
    #content .gw-hero-badge p { width: 118px; height: 118px; margin: 0 auto; }

    #content .gw-trust-col { width: 50% !important; }
    #content .gw-trust-col .elementor-column-wrap { border-left: 0 !important; padding: 4px 10px !important; }
    /* guven seridi: telefonda da ikon solda kalsin */
    #content .gw-trust-box .elementor-icon-box-wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: center;
        text-align: left !important;
    }
    #content .gw-trust-box .elementor-icon-box-icon {
        margin: 0 9px 0 0 !important;
        flex: 0 0 auto;
    }
    #content .gw-trust-box .elementor-icon-box-content { text-align: left !important; }
    #content .gw-trust-box .elementor-icon i { font-size: 18px !important; }
    #content .gw-trust-box .elementor-icon-box-title,
    #content .gw-trust-box .elementor-icon-box-title div { font-size: 12px !important; line-height: 1.25 !important; }
    #content .gw-trust-box .elementor-icon-box-description { font-size: 10.5px !important; line-height: 1.3 !important; }

    #content .gw-step-col { width: 100% !important; }
    #content .gw-step-img img { height: 180px; }

    #content .gw-mass > .elementor-container > .elementor-row > .elementor-column:nth-child(1),
    #content .gw-mass > .elementor-container > .elementor-row > .elementor-column:nth-child(2),
    #content .gw-mass > .elementor-container > .elementor-row > .elementor-column:nth-child(3) { width: 100% !important; }
    #content .gw-mass-h2 .elementor-heading-title,
    #content .gw-pendel-h2 .elementor-heading-title { font-size: 22px; }
    #content .gw-why-col { width: 50% !important; }
    #content .gw-best-all { margin-top: 8px !important; }
    #content .gw-best-all .elementor-button { float: none; }
    #content .gw-best-title .elementor-heading-title { font-size: 20px; }
}