.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-0a47a61{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-d77c070{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-1d0aac5 .elementor-button{background-color:var( --e-global-color-424457d );font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-7 .elementor-element.elementor-element-1d0aac5 .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-1d0aac5 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-f020470 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-2d19927 );}.elementor-7 .elementor-element.elementor-element-f020470 .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-f020470 .elementor-button:focus{background-color:var( --e-global-color-4f887ef );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-79e5713{text-align:center;}.elementor-7 .elementor-element.elementor-element-79e5713 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;}.elementor-7 .elementor-element.elementor-element-f994095 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-7 .elementor-element.elementor-element-b8064c0 .elementor-button{background-color:var( --e-global-color-424457d );font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-7 .elementor-element.elementor-element-b8064c0 .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-b8064c0 .elementor-button:focus{background-color:var( --e-global-color-4f887ef );}.elementor-7 .elementor-element.elementor-element-65d4ee2 .elementor-button{background-color:var( --e-global-color-424457d );font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-7 .elementor-element.elementor-element-65d4ee2 .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-65d4ee2 .elementor-button:focus{background-color:var( --e-global-color-4f887ef );}.elementor-7 .elementor-element.elementor-element-ed373e4{--display:flex;}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-7 .elementor-element.elementor-element-f994095 .elementor-heading-title{font-size:25px;}.elementor-7 .elementor-element.elementor-element-b8064c0 .elementor-button{font-size:12px;}.elementor-7 .elementor-element.elementor-element-65d4ee2 .elementor-button{font-size:12px;}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-7 .elementor-element.elementor-element-0a47a61{font-size:15px;}.elementor-7 .elementor-element.elementor-element-d77c070{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-7 .elementor-element.elementor-element-1d0aac5 .elementor-button{font-size:12px;}.elementor-7 .elementor-element.elementor-element-f020470 .elementor-button{font-size:12px;}.elementor-7 .elementor-element.elementor-element-79e5713 .elementor-heading-title{font-size:30px;}}/* Start custom CSS for html, class: .elementor-element-ea68e2f *//* XTERRA – VARUMÄRKESKORT */

.xterra-brands {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.xterra-brand-card {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 24px;
    text-decoration: none !important;
}

.xterra-brand-card img {
    display: block;
    width: 100%;
    height: auto;
}

/* TEXT */

.xterra-brand-content {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    text-align: center;
    font-family: Arial, sans-serif;
    color: #000;
}

.xterra-brand-name {
    display: block;
    margin-bottom: 12px;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 4px;
}

.xterra-brand-content h2 {
    margin: 0;
    font-size: 40px;
    line-height: 1.15;
    font-weight: 700;
    color: #000;
}

.xterra-brand-content p {
    margin: 12px 0 0;
    font-size: 18px;
    line-height: 1.4;
    color: #000;
}

/* KNAPP */

.xterra-brand-button {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    padding: 14px 28px;
    border-radius: 50px;
    background: #789B32;
    color: #fff !important;
    font-size: 16px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 0.2s;
}

.xterra-brand-card:hover .xterra-brand-button {
    background: #667F2C;
}

/* SURFPLATTA */

@media (max-width: 1100px) {
    .xterra-brands {
        gap: 16px;
    }

    .xterra-brand-name {
        font-size: 30px;
    }

    .xterra-brand-content h2 {
        font-size: 32px;
    }

    .xterra-brand-content p {
        font-size: 16px;
    }
}

/* MOBIL */

@media (max-width: 767px) {
    .xterra-brands {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .xterra-brand-card {
        border-radius: 18px;
    }

    .xterra-brand-name {
        font-size: 28px;
        letter-spacing: 3px;
    }

    .xterra-brand-content h2 {
        font-size: 30px;
    }

    .xterra-brand-content p {
        font-size: 15px;
    }

    .xterra-brand-button {
        padding: 12px 24px;
        font-size: 14px;
    }
}/* End custom CSS */