/* Wrapper del carosello: lasciamo spazio laterale per le frecce */
.cc-wrap {
  --cc-nav-space: 56px;                 /* spazio laterale per le frecce */
  position: relative;
  padding: 0 var(--cc-nav-space);
}

/* Swiper container: niente “mezze” card fuori viewport */
.cc-swiper {
  overflow: hidden;
}

/* Ogni slide contiene la vostra .scg-item/.scg-card */
.cc-swiper .swiper-slide {
  height: auto;
}

/* Frecce laterali */
.cc-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 1px solid rgb(0 0 0);
    background: #b88864;
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: transform .15s 
ease, box-shadow .2s 
ease, background-color .2s 
ease, opacity .2s 
ease;
    align-content: center;
}
.cc-nav:hover { box-shadow: 0 6px 18px rgba(0,0,0,.12); background: #b88864;}

.cc-prev { left: 8px; }
.cc-next { right: 8px; }

/* Quando Swiper disabilita i bottoni (es. meno di 4 slide) */
.cc-nav.swiper-button-disabled {
  opacity: .4;
  pointer-events: none;
}

.large-car{width: 100% !important;}
button.cc-nav > svg > path{color:#000000;}
/* Spazi tra card (delegato a Swiper via spaceBetween), qui nessun gap extra */

/* Responsive: riduci lo spazio riservato alle frecce */
@media (max-width: 1024px) {
  .cc-wrap { --cc-nav-space: 46px; }
}
@media (max-width: 640px) {
  .cc-wrap { --cc-nav-space: 38px; }
}

/* (opzionale) se alcune regole globali .scg-item forzano misure,
   puoi resettare qui per sicurezza nel contesto del carosello:
.cc-swiper .scg-item { width:auto !important; margin:0 !important; padding:0 !important; display:block !important; }
*/
@charset "UTF-8";
/* CSS Document */