/* "MOST FAVOURITE" carousel — block "favourites-chillsip". */
.cs-fav{padding:56px 0 80px;background:#fff;position:relative;z-index:2;overflow:hidden}
.cs-fav--overlap{margin-top:-100px;border-radius:32px 32px 0 0;box-shadow:0 -8px 40px rgba(46,22,100,.08)}

.cs-fav__eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.cs-fav__eyebrow-icon{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--cs-action);color:var(--cs-action);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.cs-fav__title{margin-bottom:8px}
.cs-fav__lead{line-height:1.6}

/* Carousel */
.cs-fav__wrap{display:flex;align-items:center;max-width:var(--cs-content);margin:40px auto 0;padding:0 16px}
.cs-fav__arrow{flex-shrink:0;position:relative;z-index:10;width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--cs-ink-12);box-shadow:0 4px 18px rgba(46,22,100,.14);display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;cursor:pointer;color:var(--cs-ink);transition:background-color 200ms var(--cs-ease),border-color 200ms var(--cs-ease),color 200ms var(--cs-ease),transform 140ms var(--cs-ease)}
.cs-fav__arrow:hover{background:var(--cs-action);border-color:var(--cs-action);color:#fff;transform:scale(1.08)}
.cs-fav__arrow:active{transform:scale(.98)}
.cs-scope .cs-fav__track{flex:1;min-width:0;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:12px 12px 24px;scrollbar-width:none;margin:0;list-style:none}
.cs-fav__track::-webkit-scrollbar{display:none}

/* Card */
.cs-fav__card{flex:1 0 300px;min-width:300px;max-width:380px;scroll-snap-align:start;min-height:520px;border-radius:var(--cs-radius-card);border:1.5px solid var(--cs-hairline);background:#fff;display:flex;flex-direction:column;box-shadow:0 6px 24px rgba(0,0,0,.07);overflow:hidden;transition:transform 240ms var(--cs-ease),box-shadow 240ms var(--cs-ease)}
.cs-fav__card:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(0,0,0,.14)}

.cs-fav__media{position:relative;width:100%;height:220px;display:flex;align-items:center;justify-content:center;padding:28px 20px 0;flex-shrink:0;overflow:hidden;background:radial-gradient(ellipse 52% 20% at 50% 94%,rgba(46,22,100,.20) 0%,rgba(46,22,100,.06) 45%,transparent 72%)}
.cs-fav__media--trio,.cs-fav__media--duo{padding:0}
.cs-scope .cs-fav__img{width:68%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 22px rgba(46,22,100,.28))}

.cs-fav__badge{position:absolute;top:16px;left:16px;z-index:2;padding:6px 16px;border-radius:999px;border:1.5px solid currentColor;font-size:11px;font-weight:700;letter-spacing:1.6px;line-height:1.3;text-transform:uppercase;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cs-fav__badge--pineapple{color:var(--cs-pineapple);border-color:var(--cs-pineapple-bright)}
.cs-fav__badge--passion{color:var(--cs-passion);border-color:var(--cs-passion-bright)}
.cs-fav__badge--strawberry{color:var(--cs-strawberry);border-color:var(--cs-magenta)}
.cs-fav__badge--link{color:var(--cs-link);border-color:var(--cs-action)}

.cs-fav__stack{position:relative;width:100%;height:100%}
.cs-scope .cs-fav__pouch{position:absolute;object-fit:contain;height:auto}
.cs-fav__media--trio .cs-fav__pouch{width:30%;max-height:190px}
.cs-fav__media--trio .cs-fav__pouch--1{left:4%;top:44px;transform:rotate(-12deg);z-index:1}
.cs-fav__media--trio .cs-fav__pouch--2{left:50%;top:28px;transform:translateX(-50%);z-index:3}
.cs-fav__media--trio .cs-fav__pouch--3{right:4%;top:44px;transform:rotate(12deg);z-index:1}
.cs-fav__media--duo .cs-fav__pouch{width:40%;max-height:200px}
.cs-fav__media--duo .cs-fav__pouch--1{left:8%;top:32px;transform:rotate(-12deg);z-index:1}
.cs-fav__media--duo .cs-fav__pouch--2{right:8%;top:20px;transform:rotate(10deg);z-index:2}

.cs-fav__off{position:absolute;top:8px;right:8px;z-index:5;width:64px;height:64px;border-radius:50%;background:var(--cs-action);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px;font-weight:700;line-height:1}
.cs-fav__off-label{font-size:11px;text-transform:uppercase;letter-spacing:1.6px}

.cs-fav__body{padding:22px 24px;display:flex;flex-direction:column;flex:1;text-align:center;align-items:center}
.cs-fav__name{text-transform:uppercase;line-height:1.2;margin-bottom:10px}
.cs-fav__desc{flex:1;margin-bottom:14px}
.cs-fav__rating{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:16px;font-size:13px;line-height:1.5}
.cs-fav__rating .cs-stars{letter-spacing:0;font-size:13px}
.cs-fav__rating-text{font-weight:500;color:var(--cs-ink-66)}
.cs-fav__deal{text-align:center;margin-bottom:6px;line-height:1.5}
.cs-fav__was{display:block;font-size:13px;font-weight:500;color:var(--cs-ink-66);text-decoration:line-through}
.cs-fav__save{font-size:11px;font-weight:700;color:var(--cs-success)}
.cs-fav__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.cs-fav__buy{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:16px;border-top:1px solid var(--cs-hairline);width:100%}
.cs-fav__price{font-size:20px;font-weight:800;color:var(--cs-ink);line-height:1.5}
.cs-fav__unit{font-size:11px;font-weight:500;color:var(--cs-ink-66);margin-left:2px}
.cs-fav__buy .cs-btn--product{gap:8px}

.cs-fav__more{text-align:center;margin-top:48px}
.cs-fav__more-btn{min-height:56px;padding:0 32px;gap:9px}

@media (max-width:980px){
  .cs-fav__wrap{padding:0 8px}
}
@media (max-width:600px){
  .cs-fav__arrow{width:44px;height:44px}
  .cs-scope .cs-fav__track{gap:16px;padding:12px 8px 24px}
  .cs-fav__card{flex:0 0 100%;min-width:0;max-width:none}
  .cs-fav__body{padding:22px 16px}
  .cs-fav__buy{flex-wrap:wrap;gap:12px}
}
@media (prefers-reduced-motion:reduce){
  .cs-fav__card:hover,.cs-fav__arrow:hover{transform:none}
  .cs-scope .cs-fav__track{scroll-behavior:auto}
}
