.elementor-20478 .elementor-element.elementor-element-830c6ef{--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;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:128px;--padding-bottom:128px;--padding-left:48px;--padding-right:48px;}.elementor-20478 .elementor-element.elementor-element-6204ada{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20478 .elementor-element.elementor-element-88bb936{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20478 .elementor-element.elementor-element-88bb936.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-20478 .elementor-element.elementor-element-237fe9f img{width:100%;}.elementor-20478 .elementor-element.elementor-element-29190e0{--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;--justify-content:space-between;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:64px;--padding-bottom:64px;--padding-left:48px;--padding-right:48px;}.elementor-20478 .elementor-element.elementor-element-fcd984e{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4A4A4A3B;--border-color:#4A4A4A3B;--border-radius:12px 12px 12px 12px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;--e-con-transform-transition-duration:700ms;}.elementor-20478 .elementor-element.elementor-element-fcd984e:not(.elementor-motion-effects-element-type-background), .elementor-20478 .elementor-element.elementor-element-fcd984e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4ee42d0 );}.elementor-20478 .elementor-element.elementor-element-fcd984e.e-con:hover{--e-con-transform-rotateZ:0deg;--e-con-transform-translateY:0px;}.elementor-20478 .elementor-element.elementor-element-fcd984e.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-20478 .elementor-element.elementor-element-da13d38 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-20478 .elementor-element.elementor-element-da13d38 .elementor-icon-wrapper{text-align:end;}.elementor-20478 .elementor-element.elementor-element-da13d38.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-da13d38.elementor-view-framed .elementor-icon, .elementor-20478 .elementor-element.elementor-element-da13d38.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-da13d38.elementor-view-framed .elementor-icon, .elementor-20478 .elementor-element.elementor-element-da13d38.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-da13d38 .elementor-icon-wrapper svg{width:auto;}.elementor-20478 .elementor-element.elementor-element-651e86f .elementor-heading-title{text-transform:uppercase;}.elementor-20478 .elementor-element.elementor-element-64af331 .elementor-button{background-color:var( --e-global-color-8b2138e );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );padding:0px 0px 0px 0px;}.elementor-20478 .elementor-element.elementor-element-64af331 .elementor-button:hover, .elementor-20478 .elementor-element.elementor-element-64af331 .elementor-button:focus{background-color:var( --e-global-color-8b2138e );color:var( --e-global-color-accent );border-color:var( --e-global-color-8b2138e );}.elementor-20478 .elementor-element.elementor-element-64af331 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20478 .elementor-element.elementor-element-64af331 .elementor-button:hover svg, .elementor-20478 .elementor-element.elementor-element-64af331 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-22cb422{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4A4A4A3B;--border-color:#4A4A4A3B;--border-radius:12px 12px 12px 12px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;--e-con-transform-transition-duration:700ms;}.elementor-20478 .elementor-element.elementor-element-22cb422:not(.elementor-motion-effects-element-type-background), .elementor-20478 .elementor-element.elementor-element-22cb422 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4ee42d0 );}.elementor-20478 .elementor-element.elementor-element-22cb422.e-con:hover{--e-con-transform-rotateZ:0deg;--e-con-transform-translateY:0px;}.elementor-20478 .elementor-element.elementor-element-22cb422.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-20478 .elementor-element.elementor-element-9ac5dfc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-20478 .elementor-element.elementor-element-9ac5dfc .elementor-icon-wrapper{text-align:end;}.elementor-20478 .elementor-element.elementor-element-9ac5dfc.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-9ac5dfc.elementor-view-framed .elementor-icon, .elementor-20478 .elementor-element.elementor-element-9ac5dfc.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-9ac5dfc.elementor-view-framed .elementor-icon, .elementor-20478 .elementor-element.elementor-element-9ac5dfc.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-9ac5dfc .elementor-icon-wrapper svg{width:auto;}.elementor-20478 .elementor-element.elementor-element-fb30612 .elementor-heading-title{text-transform:uppercase;}.elementor-20478 .elementor-element.elementor-element-514f0e8 .elementor-button{background-color:var( --e-global-color-8b2138e );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );padding:0px 0px 0px 0px;}.elementor-20478 .elementor-element.elementor-element-514f0e8 .elementor-button:hover, .elementor-20478 .elementor-element.elementor-element-514f0e8 .elementor-button:focus{background-color:var( --e-global-color-8b2138e );color:var( --e-global-color-accent );border-color:var( --e-global-color-8b2138e );}.elementor-20478 .elementor-element.elementor-element-514f0e8 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20478 .elementor-element.elementor-element-514f0e8 .elementor-button:hover svg, .elementor-20478 .elementor-element.elementor-element-514f0e8 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-80206b6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4A4A4A3B;--border-color:#4A4A4A3B;--border-radius:12px 12px 12px 12px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;--e-con-transform-transition-duration:700ms;}.elementor-20478 .elementor-element.elementor-element-80206b6:not(.elementor-motion-effects-element-type-background), .elementor-20478 .elementor-element.elementor-element-80206b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4ee42d0 );}.elementor-20478 .elementor-element.elementor-element-80206b6.e-con:hover{--e-con-transform-rotateZ:0deg;--e-con-transform-translateY:0px;}.elementor-20478 .elementor-element.elementor-element-80206b6.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-20478 .elementor-element.elementor-element-1e06a50 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-20478 .elementor-element.elementor-element-1e06a50 .elementor-icon-wrapper{text-align:end;}.elementor-20478 .elementor-element.elementor-element-1e06a50.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-1e06a50.elementor-view-framed .elementor-icon, .elementor-20478 .elementor-element.elementor-element-1e06a50.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-1e06a50.elementor-view-framed .elementor-icon, .elementor-20478 .elementor-element.elementor-element-1e06a50.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-1e06a50 .elementor-icon-wrapper svg{width:auto;}.elementor-20478 .elementor-element.elementor-element-6675640 .elementor-heading-title{text-transform:uppercase;}.elementor-20478 .elementor-element.elementor-element-5221ccb .elementor-button{background-color:var( --e-global-color-8b2138e );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );padding:0px 0px 0px 0px;}.elementor-20478 .elementor-element.elementor-element-5221ccb .elementor-button:hover, .elementor-20478 .elementor-element.elementor-element-5221ccb .elementor-button:focus{background-color:var( --e-global-color-8b2138e );color:var( --e-global-color-accent );border-color:var( --e-global-color-8b2138e );}.elementor-20478 .elementor-element.elementor-element-5221ccb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20478 .elementor-element.elementor-element-5221ccb .elementor-button:hover svg, .elementor-20478 .elementor-element.elementor-element-5221ccb .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-1a60dcd{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#4A4A4A3B;--border-color:#4A4A4A3B;--border-radius:12px 12px 12px 12px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;--e-con-transform-transition-duration:700ms;}.elementor-20478 .elementor-element.elementor-element-1a60dcd:not(.elementor-motion-effects-element-type-background), .elementor-20478 .elementor-element.elementor-element-1a60dcd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4ee42d0 );}.elementor-20478 .elementor-element.elementor-element-1a60dcd.e-con:hover{--e-con-transform-rotateZ:0deg;--e-con-transform-translateY:0px;}.elementor-20478 .elementor-element.elementor-element-1a60dcd.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-20478 .elementor-element.elementor-element-73e7a49 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-20478 .elementor-element.elementor-element-73e7a49 .elementor-icon-wrapper{text-align:end;}.elementor-20478 .elementor-element.elementor-element-73e7a49.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-73e7a49.elementor-view-framed .elementor-icon, .elementor-20478 .elementor-element.elementor-element-73e7a49.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-73e7a49.elementor-view-framed .elementor-icon, .elementor-20478 .elementor-element.elementor-element-73e7a49.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-73e7a49 .elementor-icon-wrapper svg{width:auto;}.elementor-20478 .elementor-element.elementor-element-7045ebc .elementor-heading-title{text-transform:uppercase;}.elementor-20478 .elementor-element.elementor-element-8f58ee0 .elementor-button{background-color:var( --e-global-color-8b2138e );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );padding:0px 0px 0px 0px;}.elementor-20478 .elementor-element.elementor-element-8f58ee0 .elementor-button:hover, .elementor-20478 .elementor-element.elementor-element-8f58ee0 .elementor-button:focus{background-color:var( --e-global-color-8b2138e );color:var( --e-global-color-accent );border-color:var( --e-global-color-8b2138e );}.elementor-20478 .elementor-element.elementor-element-8f58ee0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-20478 .elementor-element.elementor-element-8f58ee0 .elementor-button:hover svg, .elementor-20478 .elementor-element.elementor-element-8f58ee0 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-20478 .elementor-element.elementor-element-102f35f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--flex-wrap:wrap;--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-20478 .elementor-element.elementor-element-102f35f:not(.elementor-motion-effects-element-type-background), .elementor-20478 .elementor-element.elementor-element-102f35f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4ee42d0 );}.elementor-20478 .elementor-element.elementor-element-1da828c{--divider-border-style:solid;--divider-color:#00000078;--divider-border-width:1px;}.elementor-20478 .elementor-element.elementor-element-1da828c .elementor-divider-separator{width:100%;}.elementor-20478 .elementor-element.elementor-element-1da828c .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-20478 .elementor-element.elementor-element-8706689{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-size:24px;--arrow-normal-color:var( --e-global-color-primary );--arrow-hover-color:var( --e-global-color-primary );--swiper-pagination-size:12px;--dots-normal-color:var( --e-global-color-text );--dots-hover-color:var( --e-global-color-accent );--swiper-pagination-spacing:32px;}.elementor-20478 .elementor-element.elementor-element-8706689 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:var( --e-global-color-accent );border-radius:4px 4px 4px 4px;padding:8px 8px 8px 8px;}.elementor-20478 .elementor-element.elementor-element-8706689 :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:#13629C;}.elementor-20478 .elementor-element.elementor-element-8706689 .swiper-slide > .elementor-element{height:100%;}.elementor-20478 .elementor-element.elementor-element-8706689 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:8px;--swiper-pagination-bullet-vertical-gap:8px;}.elementor-20478 .elementor-element.elementor-element-16c8771{--display:flex;--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;--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-20478 .elementor-element.elementor-element-4902b9d{text-align:center;}.elementor-20478 .elementor-element.elementor-element-22ce4c4 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-20478 .elementor-element.elementor-element-22ce4c4 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-20478 .elementor-element.elementor-element-22ce4c4{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-20478 .elementor-element.elementor-element-6204ada{--width:46%;}.elementor-20478 .elementor-element.elementor-element-88bb936{--width:46%;}.elementor-20478 .elementor-element.elementor-element-fcd984e{--width:23%;}.elementor-20478 .elementor-element.elementor-element-22cb422{--width:23%;}.elementor-20478 .elementor-element.elementor-element-80206b6{--width:23%;}.elementor-20478 .elementor-element.elementor-element-1a60dcd{--width:23%;}}@media(max-width:1024px) and (min-width:768px){.elementor-20478 .elementor-element.elementor-element-6204ada{--width:100%;}.elementor-20478 .elementor-element.elementor-element-88bb936{--width:100%;}}@media(max-width:1366px){.elementor-20478 .elementor-element.elementor-element-29190e0{--padding-top:64px;--padding-bottom:64px;--padding-left:32px;--padding-right:32px;}.elementor-20478 .elementor-element.elementor-element-8706689{--swiper-slides-to-display:3;}}@media(max-width:1024px){.elementor-20478 .elementor-element.elementor-element-830c6ef{--flex-wrap:wrap;}.elementor-20478 .elementor-element.elementor-element-88bb936.e-con{--order:-99999 /* order start hack */;}.elementor-20478 .elementor-element.elementor-element-29190e0{--padding-top:64px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}.elementor-20478 .elementor-element.elementor-element-8706689{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-20478 .elementor-element.elementor-element-8706689{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-29190e0 *//* =========================================================
   HBV startsida - fyra boxar
========================================================= */

.hbv-card {
    position: relative;
    height: 100%;
    min-height: 260px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding: 34px 28px 28px;

    background: #ffffff;

    border: 1px solid rgba(30, 80, 130, 0.16);
    border-radius: 16px;

    box-shadow: 0 10px 28px rgba(20, 40, 60, 0.055);

    overflow: hidden;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

.hbv-card:hover {
    transform: translateY(-4px);
    border-color: rgba(55, 145, 215, 0.35);
    box-shadow: 0 18px 42px rgba(20, 40, 60, 0.10);
}

/* Döda gamla bubblor/dekorer */
.hbv-card::before,
.hbv-card::after,
.hbv-card-member::before,
.hbv-card-member::after {
    content: none !important;
    display: none !important;
}

/* Säkerställ att innehållet ligger över eventuell gammal styling */
.hbv-card > * {
    position: relative;
    z-index: 2;
}

/* =========================================================
   Ikon
========================================================= */

.hbv-card .elementor-icon-wrapper {
    margin-bottom: 24px;
}

.hbv-card .elementor-icon {
    width: 54px;
    height: 54px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 15px;

    background: rgba(55, 145, 215, 0.10);
}

.hbv-card .elementor-icon i,
.hbv-card .elementor-icon svg {
    display: block;
}

/* =========================================================
   Rubrik och text
========================================================= */

.hbv-card .elementor-heading-title {
    margin-bottom: 14px;
}

.hbv-card p {
    margin-bottom: 28px;
}

/* =========================================================
   Knapp / Läs mer
========================================================= */

.hbv-card .elementor-widget-button {
    position: relative;
    z-index: 5;
}

.hbv-card .elementor-button-wrapper {
    position: relative;
    z-index: 5;
    width: fit-content;
}

.hbv-card .elementor-button {
    position: relative;
    z-index: 6;

    display: inline-flex;
    align-items: center;
    gap: 8px;

    width: fit-content;

    padding: 0 22px 8px 0;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    text-decoration: none;

    cursor: pointer;
    pointer-events: auto;
}

/* Ta bort eventuell Elementor-ikon i själva knappen */
.hbv-card .elementor-button-icon {
    display: none !important;
}

/* Knapptext */
.hbv-card .elementor-button-text {
    position: relative;
    z-index: 7;
}

/* Linje under Läs mer */
.hbv-card .elementor-button-text::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: -8px;

    width: 100%;
    height: 1px;

    background: rgba(55, 145, 215, 0.30);

    transition:
        width 0.22s ease,
        background 0.22s ease;

    pointer-events: none;
}

.hbv-card .elementor-button:hover .elementor-button-text::after {
    width: calc(100% + 12px);
    background: rgba(55, 145, 215, 0.55);
}

/* Pil efter Läs mer */
.hbv-card .elementor-button-text::before {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;

    position: absolute;
    right: -18px;
    top: 50%;

    font-size: 0.82em;

    transform: translateY(-50%);
    transition: transform 0.2s ease;

    pointer-events: none;
}

.hbv-card .elementor-button:hover .elementor-button-text::before {
    transform: translateY(-50%) translateX(4px);
}

/* =========================================================
   Bli medlem - lite mer prioriterad
========================================================= */

.hbv-card-member {
    border-color: rgba(55, 145, 215, 0.36);
    box-shadow: 0 12px 32px rgba(55, 145, 215, 0.09);
}

.hbv-card-member .elementor-icon {
    background: rgba(55, 145, 215, 0.15);
}

/* =========================================================
   Mobil
========================================================= */

@media (max-width: 767px) {
    .hbv-card {
        min-height: auto;
        padding: 28px 24px 26px;
    }

    .hbv-card:hover {
        transform: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16c8771 *//* =========================================================
   HBV - Galleri preview + visa fler
========================================================= */



/* Elementor Gallery behöver få rätt antal rader i stängt läge */
.hbv-gallery-preview:not(.is-expanded) .elementor-gallery__container {
    --rows: 2 !important;
    --container-aspect-ratio: 33.333333% !important;
}

/* När galleriet är öppet */
.hbv-gallery-preview.is-expanded .elementor-gallery__container {
    --rows: 5 !important;
    --container-aspect-ratio: 83.333333% !important;
}

.hbv-gallery-preview .elementor-gallery__container {
    gap: 14px !important;
}

/* Bildkort */
.hbv-gallery-preview .e-gallery-item {
    border-radius: 14px;
    overflow: hidden;

    box-shadow: 0 8px 22px rgba(20, 40, 60, 0.08);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        opacity 0.25s ease;
}

.hbv-gallery-preview .e-gallery-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 34px rgba(20, 40, 60, 0.13);
}

.hbv-gallery-preview .e-gallery-image {
    transition: transform 0.35s ease;
}

.hbv-gallery-preview .e-gallery-item:hover .e-gallery-image {
    transform: scale(1.04);
}

/* Mild overlay */
.hbv-gallery-preview .elementor-gallery-item__overlay {
    background: rgba(0, 0, 0, 0.12) !important;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.hbv-gallery-preview .e-gallery-item:hover .elementor-gallery-item__overlay {
    opacity: 1;
}

/* Dölj bilder efter nr 8 som standard */
.hbv-gallery-preview:not(.is-expanded) .e-gallery-item:nth-child(n+9) {
    display: none !important;
}

/* Öppet läge */
.hbv-gallery-preview.is-expanded .e-gallery-item {
    display: block !important;
}

/* Knappen */
.hbv-gallery-toggle {
    margin-top: 32px;
    text-align: center;
}

.hbv-gallery-toggle .elementor-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* Pil på knappen */
.hbv-gallery-toggle .elementor-button-text::after {
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    margin-left: 8px;
}

.hbv-gallery-toggle.is-expanded .elementor-button-text::after {
    content: "\f106";
}

/* Tablet */
@media (max-width: 1024px) {
    .hbv-gallery-preview:not(.is-expanded) .elementor-gallery__container {
        --rows: 3 !important;
        --container-aspect-ratio: 100% !important;
    }

    .hbv-gallery-preview:not(.is-expanded) .e-gallery-item:nth-child(n+7) {
        display: none !important;
    }
}

/* Mobil */
@media (max-width: 767px) {
    .hbv-gallery-preview {
        margin-top: 26px;
    }

    .hbv-gallery-preview .elementor-gallery__container {
        gap: 10px !important;
    }

    .hbv-gallery-preview:not(.is-expanded) .elementor-gallery__container {
        --rows: 4 !important;
        --container-aspect-ratio: 266.666667% !important;
    }

    .hbv-gallery-preview:not(.is-expanded) .e-gallery-item:nth-child(n+5) {
        display: none !important;
    }

    .hbv-gallery-preview .e-gallery-item:hover {
        transform: none;
    }
}/* End custom CSS */