/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 21 2025 | 22:38:48 */
/* [Woo/WooFood] Carousel — clean reset (mobile 1-up feel, peek, no dots)
   Why: Keep desktop default; on mobile, hide dots, keep arrows, add subtle “peek”.
   Added: 2025-09-21 | Owner: Val | Safe to disable: Yes
*/

/* Arrows always visible; dots hidden */
.ex-fdcarousel .ex_s_lick-arrow{
  display:block !important;
  opacity:1 !important;
  width:36px; height:36px;
  position:absolute; top:42%;
  z-index:3;
  border-radius:999px;
  background:rgba(0,0,0,.35);
}
.ex-fdcarousel .ex_s_lick-prev{ left:6px; }
.ex-fdcarousel .ex_s_lick-next{ right:6px; }

.ex-fdcarousel .ex_s_lick-arrow::before{
  content:''; display:block; width:8px; height:8px;
  border-top:2px solid #fff; border-right:2px solid #fff;
  position:absolute; top:50%; left:50%;
  transform:translate(-60%,-50%) rotate(45deg);
}
.ex-fdcarousel .ex_s_lick-prev::before{
  transform:translate(-40%,-50%) rotate(225deg);
}

/* Kill dots and their spacing */
.ex-fdcarousel .ex_s_lick-dots{ display:none !important; }
.ex-fdcarousel .ex_s_lick-dotted{ margin-bottom:0 !important; }

/* Desktop / tablet: let plugin handle layout */
@media (min-width:769px){
  .ex-fdcarousel .ex_s_lick-list{ overflow:hidden !important; }
}

/* Mobile ≤768px: side peek + tighter spacing */
@media (max-width:768px){
  /* Space at edges so first/last slide “peek” without dots */
  .ex-fdcarousel .ex_s_lick-list{
    padding-left:12px;
    padding-right:12px;
  }

  /* Subtle inter-slide spacing for the peek effect */
  .ex-fdcarousel .ex_s_lick-slide{
    margin:0 6px;
  }

  /* Keep overflow visible so you can see the next card’s edge */
  .ex-fdcarousel .ex_s_lick-list{ overflow:visible !important; }
}