html {        
        --grid-slider-desk-height: 676px;
        --grid-slider-mobile-height: 540px;
    }

    .grid-slider {
        visibility:hidden;
    }
    .grid-slider.slick-initialized {
        visibility:visible;
    }
    /* 20230727 - spostato in css_carousel_arows.css
        .slick-list {
            overflow: visible;
        }
    */
    .grid-slider-item {
        height: var(--grid-slider-desk-height); /* 676px; 680px; */
        /* width: 1244px; */
        margin:0 8px;
    }
    @media (max-width: 543px) { 
        .grid-slider-item {
            height: var(--grid-slider-mobile-height); /* 676px; 680px; */
            /* width: 1244px; */
            margin:0 8px;
        }        
    }

    .page-wrapper {
    }
    .grid-container {
        height: 100%; /* 675px; 680px; */
        background-color: transparent;  /* #0FC; #000; */ /* rgb(242,242,242); */
        display:grid;
        gap: 16px;
        grid-auto-columns: 1fr;
        grid-auto-rows: 1fr;        
    }
    .grid-container>div {
        background-color: #111;
        color: #FFF;
    }
    .panel-wrapper {
        position:relative;
    }

    .carousel-wrap {
        position: relative;
    }
    .carousel-grid-controls-wrapper {
        width:100%;
        height: 100%; /* 675px; */ /* 680px; */
        position:absolute;
        top:0;
        left:0;        
        display:grid;
        pointer-events: none;
    }
    .carousel-grid-controls {
        width:100%;
        justify-content: space-between;
        margin: 0 auto;
        padding: 0;
        grid-template-areas: "P . N";
        grid-template-columns: 1fr 1258px 1fr;
        pointer-events: none;
    }    
    .carousel-grid-controls {
        display: none;
    }
    @media (min-width: 1200px) { /* slick-disabled */
        .carousel-grid-controls {
            display: grid;
        }
    }
    .prev-btn {
        grid-area:P;    
    }
    .next-btn {
        grid-area:N;    
    }
    /* 20230727 */
    /*
    .prev-btn, .next-btn {
        border:0;
        background: rgba(242,242,242,.1); 
    }
    .bkg-dark .prev-btn, .bkg-dark .next-btn {
        border:0;
        background: rgba(18,18,18,.1);
    }
    */
    /* END 20230727 */


/* 1st block moved to css_carousel_arrows.css */

    .carousel-grid-controls .next-btn, 
    .carousel-grid-controls .prev-btn {
        pointer-events: all;
    }

    .panel-wrapper {
        width:100%; 
        height:100%;
        overflow: hidden;
        cursor:pointer;
    }
    .panel-image {
        background-size:cover; /* contain; */
        background-position:center center;
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;

        transition-timing-function: ease-in-out;
    	transition: transform 1.8s; /* 3s; */
	    -webkit-transition: -webkit-transform 1.8s; /* 3s; */
    }
    .panel-wrapper:hover .panel-image {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }
    .panel-content {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        padding:16px;
    }
    .panel-title {

        font-family: var(--ikv3-font-label);
    	font-size: 14px;

        text-align: right;
        text-transform: uppercase;
        text-shadow: 1px 1px black;
    }

/* 2nd block moved to css_carousel_arrows.css */
        
    .ovrflx-hidden { 
        max-width: 100vw;
        overflow-x: hidden;
    }

    .panel-wrapper a { 
        display:block;
        width:100%;
        height:100%;
        color:#FFF !important;
        /* background-color: green; */
    }

    .grid-slider-container-padding {
        padding:0 7px;
    }


    .ga-desk-A {        
        grid-area:A;
    }
    .ga-desk-B {
        grid-area:B;        
    }
    .ga-desk-C {        
        grid-area:C;
    }
    .ga-desk-D {
        grid-area:D;        
    }
    .ga-desk-E {
        grid-area:E;        
    }
    .ga-desk-F {
        grid-area:F;        
    }
    .ga-desk-G {
        grid-area:G;        
    }
    .ga-desk-H {
        grid-area:H;        
    }
    .ga-desk-I {
        grid-area:I;        
    }
    .ga-desk-F {
        grid-area:F;        
    }
    .ga-desk-G {
        grid-area:G;        
    }

    .ga-tablet-A {        
        grid-area:A;
    }
    .ga-tablet-B {
        grid-area:B;        
    }
    .ga-tablet-C {        
        grid-area:C;
    }
    .ga-tablet-D {
        grid-area:D;        
    }
    .ga-tablet-E {
        grid-area:E;        
    }
    .ga-tablet-F {
        grid-area:F;        
    }
    .ga-tablet-G {
        grid-area:G;        
    }
    .ga-tablet-H {
        grid-area:H;        
    }
    .ga-tablet-I {
        grid-area:I;        
    }
    .ga-tablet-F {
        grid-area:F;        
    }
    .ga-tablet-G {
        grid-area:G;        
    }

    .ga-mobile-A {        
        grid-area:A;
    }
    .ga-mobile-B {
        grid-area:B;        
    }
    .ga-mobile-C {        
        grid-area:C;
    }
    .ga-mobile-D {
        grid-area:D;        
    }
    .ga-mobile-E {
        grid-area:E;        
    }
    .ga-mobile-F {
        grid-area:F;        
    }
    .ga-mobile-G {
        grid-area:G;        
    }
    .ga-mobile-H {
        grid-area:H;        
    }
    .ga-mobile-I {
        grid-area:I;        
    }
    .ga-mobile-F {
        grid-area:F;        
    }
    .ga-mobile-G {
        grid-area:G;        
    }    


    .what-are-you-interested-in .slick-arrow {
        display:none;
        visibility:hidden;
    }    
    @media (min-width: 1200px) { 
        .what-are-you-interested-in .slick-arrow {
            display:block;
            visibility:visible;
        }
    }