.dd-bse-list-cards {
    display: grid;
    grid-template-columns: 1fr; /* 1 column grid */
    gap: 2.5em;
    padding: var(--dd-margin-narrow);
}

/* .dd-side-padding-follow-ll {
    padding-right: calc((100% - var(--container-max--width-wide)) / 2);
    padding-left:  calc((100% - var(--container-max--width-wide)) / 2);
} */




/* LIDT LAKRID MODE */
.dd-bolig-shop.dd-follow-ll-container-width {
    /* --dd-header-height: 74px; */
    --focus-selection-margin: 10px;
    --focus-selection-padding: 5px;
    max-width:  var(--wp--style--global--wide-size);
    width:      var(--container-max--width-wide);
    max-width:  calc( 2 * (var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--wp--style--global--wide-size));
    width:      calc( 2 * (var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--container-max--width-wide));
    margin: auto;
}

.dd-bolig-shop.dd-follow-ll-container-width .dd-bse-list-titlearea {
    padding: 0;
    padding-left: calc( var(--focus-selection-padding) + var(--focus-selection-margin));
    padding-right: calc( var(--focus-selection-padding) + var(--focus-selection-margin));
}

.dd-bolig-shop.dd-follow-ll-container-width .dd-bolig-shop-element.dd-max-width {
    max-width: unset;
}

.dd-bolig-shop.dd-follow-ll-container-width .dd-bse-list-controlbar .dd-bse-list-controlbar-buttons {
    /* padding: 0;  */
    padding-left: 0;
    padding-right: 0;
}



.dd-bolig-shop.dd-follow-ll-container-width .dd-bse-list-controlbar {
    margin-left: var(--focus-selection-margin);
    margin-right: var(--focus-selection-margin);
}

.dd-bolig-shop.dd-follow-ll-container-width .dd-bse-list .dd-bse-list-controlbar,
.dd-bolig-shop.dd-follow-ll-container-width .dd-bse-map .dd-bse-list-controlbar {
    /* margin-left:  var(--focus-selection-margin);
    margin-right: var(--focus-selection-margin); */
    /* margin-left: calc( var(--focus-selection-padding) + var(--focus-selection-margin));
    margin-right: calc( var(--focus-selection-padding) + var(--focus-selection-margin));
    max-width:  calc( 2 * (var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--wp--style--global--wide-size));
    width:      calc( 2 * (var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--container-max--width-wide)); */
}

.dd-bolig-shop.dd-follow-ll-container-width .dd-bse-list-controlbar.dd-is-sticky .dd-bse-list-controlbar-fixed {
    /* max-width:  var(--wp--style--global--wide-size);
    width:      var(--container-max--width-wide);
    max-width:  calc( 2 * (var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--wp--style--global--wide-size));
    width:      calc( 2 * (var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--container-max--width-wide)); */
}

.dd-bolig-shop.dd-follow-ll-container-width .dd-bse-list-counter {
    /* padding:0; */
    padding-left:  var(--focus-selection-padding);
    padding-right: var(--focus-selection-padding);
    margin-left:   var(--focus-selection-margin);
    margin-right:  var(--focus-selection-margin);
}

.dd-bolig-shop.dd-follow-ll-container-width .dd-bse-list-cards {
    padding-left:  var(--focus-selection-padding);
    padding-right: var(--focus-selection-padding);
    margin-left:   var(--focus-selection-margin);
    margin-right:  var(--focus-selection-margin);
}

@media screen AND (min-width:768px) {
    .dd-bolig-shop.dd-follow-ll-container-width .dd-statemachine {
        margin-left: calc( var(--focus-selection-padding) + var(--focus-selection-margin));
        margin-right: calc( var(--focus-selection-padding) + var(--focus-selection-margin));
    }
}

.dd-bolig-shop.dd-follow-ll-container-width:not(.is-showing-bolig) .dd-bse-map.dd-bse-fixedelement > .dd-bse-fixedcontent {
    max-width: unset;
}

.dd-bolig-shop.dd-follow-ll-container-width .dd-bolig-shop-element.dd-bse-map {
    max-width:  var(--wp--style--global--wide-size);
    width:      var(--container-max--width-wide);
    max-width:  calc( 2 * (var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--wp--style--global--wide-size));
    width:      calc( 2 * (var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--container-max--width-wide));
}

.dd-bolig-shop.dd-follow-ll-container-width .dd-bolig-shop-element.dd-bse-map .dd-bse-list-controlbar {
    max-width: calc(2*(var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--wp--style--global--wide-size));
    width: calc(2*(var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--container-max--width-wide));
    margin: auto;
    padding-left: var(--focus-selection-margin);
    padding-right: var(--focus-selection-margin);
}

.dd-bolig-shop.dd-follow-ll-container-width .dd-bolig-shop-element.dd-bse-biw,
.dd-bolig-shop.dd-follow-ll-container-width .dd-bolig-shop-element.dd-bse-biwctas {
    max-width:  var(--wp--style--global--wide-size);
    width:      var(--container-max--width-wide);
    max-width:  calc( 2 * (var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--wp--style--global--wide-size));
    width:      calc( 2 * (var(--focus-selection-margin) + var(--focus-selection-padding)) + var(--container-max--width-wide));

}



/*  */
.dd-bolig-shop.is-showing-bolig .dd-bse-list {
    width: 50%;
    margin-right: auto;
    margin-left: 0;
}

/* .dd-bolig-shop.dd-follow-ll-container-width.is-showing-bolig .dd-bse-list-controlbar-fixed {
    padding-right: calc(var(--dd-list-controlbar-width) + 2 * var(--focus-selection-margin));
    width: calc(2 * var(--dd-list-controlbar-width) + 2 * var(--focus-selection-margin));
} */



@media screen AND (min-width: 600px){
    .dd-bse-list-cards {
        grid-template-columns: 1fr 1fr; /* 2 column grid */
    }
}

@media screen AND (min-width: 1024px){
    .dd-bse-list-cards {
        grid-template-columns: 1fr 1fr 1fr; /* 3 column grid */
    }
}

@media screen AND (min-width: 1280px){
    .dd-bse-list-cards {
        grid-template-columns: 1fr 1fr 1fr 1fr; /* 4 column grid */
    }
}





.dd-bse-list-pagination {
    text-align: center;
    /* display: flex;
    flex-direction: column; */
    display: grid;
    grid-template-rows: auto; 
    margin: var(--dd-margin-wide);
    gap: var(--dd-gap);
    margin-bottom: 200px;
    color: var(--dd-color-text);
}

.dd-bse-list-pagination .dd-button {
    width: auto;
    margin: auto;
}

.dd-bse-list-pagination .dd-button.dd-hidden {
    display: none!important;
}

.dd-pagination-loading-indicator {
    position: relative;
    height: 0px;
    opacity: 0;
    transition: all 0.3s ease;
}

.dd-pagination-loading-indicator.dd-loading {
    opacity: 1;
    transform: translate(0,-40px);
}