.mc-ps{margin:0 auto;position:relative;}
.mc-ps *{box-sizing:border-box;}
.mc-ps-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 18px;}
.mc-ps-title{margin:0;font:inherit;font-size:28px;line-height:1.15;letter-spacing:.01em;color:var(--mc-ps-title);} 

/* Slick spacing */
.mc-ps .mc-ps-slick .slick-slide{padding:0 12px;}
.mc-ps .mc-ps-slick{margin:0 -12px;}

/* Card */
.mc-ps-card{position:relative;border:1px solid var(--mc-ps-border);background:#fff;overflow:hidden;display:flex;flex-direction:column;}
.mc-ps-cover{position:absolute;inset:0;z-index:1;}

.mc-ps-media{position:relative;background:var(--mc-ps-card-bg);aspect-ratio:1/1;overflow:hidden;}
.mc-ps-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none;}

/* Top row: badges left, wishlist right */
.mc-ps-top{position:absolute;top:12px;left:12px;right:12px;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:none;}
.mc-ps-badges{display:flex;gap:8px;flex-wrap:wrap;}
.mc-ps-badge{pointer-events:none;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.92);color:#111;line-height:1;border:1px solid rgba(0,0,0,.08);}
.mc-ps-badge--sale{background:rgba(0,0,0,.86);color:#fff;border-color:rgba(0,0,0,.2);} 

/* Wishlist button (YITH) */
.mc-ps-wish{pointer-events:auto;z-index:4;}
.mc-ps-wish a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:rgba(255,255,255,.92);color:#111;transition:transform .18s ease, background .18s ease, border-color .18s ease;}
.mc-ps-wish a:hover{transform:translateY(-1px);border-color:rgba(0,0,0,.18);background:#fff;}
.mc-ps-wish svg{width:18px;height:18px;}

/* Try to neutralize YITH default UI */
.mc-ps-wish .yith-wcwl-add-to-wishlist{margin:0;}
.mc-ps-wish .yith-wcwl-add-to-wishlist > div{display:flex;}
.mc-ps-wish a.add_to_wishlist,
.mc-ps-wish a.delete_item{font-size:0;line-height:0;}
.mc-ps-wish a.add_to_wishlist:before,
.mc-ps-wish a.delete_item:before{content:'';}
.mc-ps-wish .feedback{display:none !important;}
.mc-ps-wish img.ajax-loading{display:none !important;}

/* Meta */
.mc-ps-meta{position:relative;z-index:2;padding:12px 10px 14px;text-align:center;}
.mc-ps-link{text-decoration:none;color:inherit;}
.mc-ps-name{font:inherit;font-size:15px;line-height:1.35;color:var(--mc-ps-title);margin:0 0 8px;}

.mc-ps-price{font:inherit;font-size:14px;color:var(--mc-ps-text);margin:0;}

/* Equal height cards — image is square (aspect-ratio:1/1), meta is fixed,
   so all cards are naturally identical height. No Slick internals touched. */

/* Slick arrows – outside look, subtle */
.mc-ps .mc-ps-arrow{position:absolute;top:42%;z-index:10;width:40px;height:40px;border-radius:999px;
  border:1px solid rgba(0,0,0,.10);background:rgba(255,255,255,.85);color:#111;
  display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;
  transition:opacity .18s ease, transform .18s ease, background .18s ease, border-color .18s ease;
  opacity:0;
  backdrop-filter:saturate(160%) blur(6px);
}
.mc-ps:hover .mc-ps-arrow{opacity:1;}
.mc-ps .mc-ps-arrow:hover{transform:translateY(-1px);background:#fff;border-color:rgba(0,0,0,.16);}
.mc-ps .mc-ps-arrow span{transform:translateY(-1px);}
.mc-ps .mc-ps-arrow--prev{left:-14px;}
.mc-ps .mc-ps-arrow--next{right:-14px;}

/* Prevent ugly selection while dragging */
.mc-ps, .mc-ps *{user-select:none;}
.mc-ps-meta, .mc-ps-meta *{user-select:text;}

/* CTA */
.mc-ps-cta{margin-top:14px;display:flex;justify-content:flex-end;}
.mc-ps-cta-link{font:inherit;text-decoration:none;color:var(--mc-ps-title);display:inline-flex;gap:10px;align-items:center;letter-spacing:.06em;text-transform:uppercase;font-size:12px;}

/* Slick dots — hidden on desktop, shown on mobile */
.mc-ps .slick-dots{display:none !important;}

@media (max-width: 768px){
  .mc-ps-title{font-size:22px;}
  .mc-ps .mc-ps-arrow{display:none !important;}

  /* ── Mobile peek slider ───────────────────────────── */
  .mc-ps{ overflow: hidden; }
  .mc-ps .mc-ps-slick{ margin: 0 !important; }
  .mc-ps .mc-ps-slick .slick-list{ overflow: visible !important; }

  /* Slide padding & width: ~2.2 cards visible */
  .mc-ps .mc-ps-slick .slick-slide{ padding: 0 6px !important; }
  .mc-ps .mc-ps-slide{
    width: calc((100vw - 32px) / 2.2) !important;
    min-width: calc((100vw - 32px) / 2.2);
  }

  /* ── Dots ──────────────────────────────────────────── */
  .mc-ps .slick-dots{
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 6px;
    list-style: none;
    margin: 14px 0 0;
    padding: 0;
  }
  .mc-ps .slick-dots li{
    margin: 0;
    width: auto;
    height: auto;
  }
  .mc-ps .slick-dots li button{
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: rgba(0,0,0,.18);
    border: none;
    padding: 0;
    font-size: 0;
    cursor: pointer;
    transition: width .22s ease, background .22s ease;
  }
  .mc-ps .slick-dots li button:before{ display:none; } /* override slick default */
  .mc-ps .slick-dots li.slick-active button{
    width: 18px;
    background: var(--mc-ps-title, #111);
  }
}

@media (max-width: 420px){
  /* ~1.5 cards on very small screens */
  .mc-ps .mc-ps-slide{
    width: calc((100vw - 24px) / 1.5) !important;
    min-width: calc((100vw - 24px) / 1.5);
  }
}
