ycac-exp{margin:18px 0;font-family:inherit}
.ycac-exp__title{margin:0 0 6px;font-size:22px;line-height:1.2}

/* importante per permettere frecce fuori dalla card */
.ycac-exp__carousel{
  position:relative;
  padding-top:10px;
  overflow:visible !important;
}

.ycac-exp__track{overflow:hidden;display:flex;gap:4px;scroll-behavior:smooth;padding:2px}
.ycac-exp__card{width:min(400px,92vw);border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 26px rgba(0,0,0,.07);flex:0 0 auto}

/* HERO */
.ycac-exp__hero{
  width:100%;
  height:220px;
  background:rgba(0,0,0,.03);
  position:relative;
  z-index:1;
}
.ycac-exp__hero img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  margin-bottom:0 !important;
}

/* BODY sotto hero */
.ycac-exp__body{
  padding:14px;
  margin-top:0 !important;
  position:relative;
  z-index:2;
  background:#fff;
}

.ycac-exp__cardtitle{
  font-weight:800;
  font-size:16px;
  margin-bottom:8px;
  margin-top:0 !important;
  position:static !important;
}

.ycac-exp__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.ycac-exp__price{font-weight:900}
.ycac-exp__pill{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:rgba(0,0,0,.02)}
.ycac-exp__small{font-size:13px;margin-bottom:8px;color:rgba(0,0,0,.82)}
.ycac-exp__desc{font-size:13px;color:rgba(0,0,0,.78);margin-bottom:12px;text-align:justify;}
.ycac-exp__date{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.ycac-exp__date label{font-size:13px;font-weight:700}
.ycac-exp__datepicker{width:100%;border-radius:12px;padding:11px 12px;border:1px solid rgba(0,0,0,.14);background:#fff}
.ycac-exp__picked{font-size:12px;color:rgba(0,0,0,.72);padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08)}
.ycac-exp__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ycac-exp__btn{border-radius:0 !important}

/* NAV FRECCE POSIZIONATE IN ALTO */
.ycac-exp__nav{
  position:absolute !important;
  top:-45px !important;
  z-index:999 !important;
  width:44px;
  height:44px;
  border-radius:12px;
  border:none;
  background:rgba(0,0,0,.85);
  color:#fff;
  cursor:pointer;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:26px;
  line-height:1;
}

.ycac-exp__prev{
  right:64px !important;
  left:auto !important;
}

.ycac-exp__next{
  right:12px !important;
}

.ycac-exp__foot{margin-top:10px;font-size:12px;color:rgba(0,0,0,.7)}

.ycac-exp__modal{display:none}
.ycac-exp__modal.is-open{display:block;position:fixed;inset:0;z-index:99999}
.ycac-exp__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.ycac-exp__panel{position:relative;width:min(720px,calc(100% - 24px));margin:60px auto;background:#fff;border-radius:18px;padding:16px;z-index:1;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.ycac-exp__close{position:absolute;right:14px;top:10px;border:none;background:transparent;font-size:26px;cursor:pointer}
.ycac-exp__modalTitle{margin:0 0 10px;font-size:18px}
.ycac-exp__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ycac-exp__grid label{display:block;font-size:13px;margin-bottom:6px;font-weight:700}
.ycac-exp__grid input{width:100%;border-radius:12px;padding:11px 12px;border:1px solid rgba(0,0,0,.14)}
.ycac-exp__summary{margin-top:12px;padding:12px;border-radius:14px;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);font-size:13px}
.ycac-exp__formActions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
.ycac-exp__msg{margin-top:10px;font-size:13px}
#ui-datepicker-div{border-radius:14px;overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.18);border:1px solid rgba(0,0,0,.12)}
.ui-datepicker td span, .ui-datepicker td a{border-radius:10px!important}
.ui-datepicker .ui-state-active{font-weight:900!important}
.ui-datepicker-unselectable .ui-state-disabled{opacity:.35}

@media (max-width:640px){
  .ycac-exp__grid{grid-template-columns:1fr}
  .ycac-exp__prev{left:-6px}
  .ycac-exp__next{right:-6px}
}

/* Bottone deposito */
.ycac-exp__btn.ycac-exp__deposit{
  background:#75bbb9 !important;
  border-color:#75bbb9 !important;
  color:#fff !important;
}
.ycac-exp__btn.ycac-exp__deposit:hover{
  background:#13172b !important;
  border-color:#13172b !important;
  color:#fff !important;
}

/* Cart note styling */
.ycac-exp-cart-note{color:rgba(0,0,0,.65)}
.ycac-exp-cart-sub{color:rgba(0,0,0,.75)}
