/* vibes-chillsip — "THE LINEUP / Pick your vibe" */
.cs-vibes{padding:80px 0;background:var(--cs-white);border-top:1px solid var(--cs-ink-12)}
.cs-vibes .cs-vibes__head{gap:24px}
.cs-vibes .cs-vibes__eyebrow{margin-bottom:8px}
.cs-vibes .cs-vibes__head .cs-head__text .cs-d2{margin-bottom:0}

/* Flavour accents: text colour (AA on white), bright dot/border colour, panel tint (prototype gradients) */
.cs-vibes .cs-vibes__row{--acc:var(--cs-pineapple);--acc-bright:var(--cs-pineapple-bright);--tint:linear-gradient(160deg,#E6FBF7 0%,#FFF8E1 100%);display:flex;align-items:center;gap:56px;padding:40px 0;border-top:1px solid rgba(46,22,100,.1)}
.cs-vibes .cs-vibes__row--strawberry{--acc:var(--cs-strawberry);--acc-bright:var(--cs-magenta);--tint:linear-gradient(160deg,rgba(235,181,227,.92),rgba(164,142,55,.92))}
.cs-vibes .cs-vibes__row--passion{--acc:var(--cs-passion);--acc-bright:var(--cs-passion-bright);--tint:linear-gradient(160deg,#FFF4E6 0%,#FFE9D3 100%)}
.cs-vibes .cs-vibes__row:nth-child(even) .cs-vibes__media{order:2}

.cs-vibes .cs-vibes__media{position:relative;flex:0 0 42%;display:flex;align-items:center;justify-content:center;padding:32px 24px;border-radius:var(--cs-radius-card);overflow:hidden;background:var(--tint)}
.cs-vibes .cs-vibes__media img{height:380px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 18px 40px rgba(46,22,100,.24))}
.cs-vibes .cs-vibes__badge{position:absolute;top:18px;left:18px;z-index:1;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid var(--acc-bright);color:var(--acc);font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;line-height:1.3}

.cs-vibes .cs-vibes__body{flex:1;min-width:0}
.cs-vibes .cs-vibes__label{color:var(--acc);margin-bottom:10px}
.cs-vibes .cs-vibes__label--inside{margin-bottom:14px}
.cs-vibes .cs-vibes__name{line-height:1.1;margin-bottom:6px}
.cs-vibes .cs-vibes__sub{font-size:13px;font-weight:700;line-height:1.5;color:var(--cs-ink-66);margin-bottom:18px}
.cs-vibes .cs-vibes__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.cs-vibes .cs-vibes__chips .cs-chip{padding:7px 14px;border-color:rgba(46,22,100,.1);line-height:1.3}
.cs-vibes .cs-vibes__text{max-width:520px;margin-bottom:24px}

.cs-vibes .cs-vibes__list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.cs-vibes .cs-vibes__list li{display:flex;gap:12px;align-items:flex-start;font-size:13px;font-weight:500;line-height:1.65;color:var(--cs-ink-66)}
.cs-vibes .cs-vibes__list strong{font-weight:800;color:var(--cs-ink)}
.cs-vibes .cs-vibes__dot{width:7px;height:7px;border-radius:50%;background:var(--acc-bright);flex-shrink:0;margin-top:7px}

.cs-vibes .cs-vibes__serve{max-width:520px;margin-bottom:26px;padding:16px 18px;border-radius:var(--cs-radius-card-action);background:var(--cs-tint);border-left:3px solid var(--acc-bright)}
.cs-vibes .cs-vibes__serve-label{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;line-height:1.4;color:var(--acc)}
.cs-vibes .cs-vibes__serve-text{margin-top:5px;font-size:13px;font-weight:500;line-height:1.6;color:var(--cs-ink-72)}

.cs-vibes .cs-vibes__buy{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.cs-vibes .cs-vibes__price{font-size:28px;font-weight:800;letter-spacing:-1px;line-height:1.2;color:var(--cs-ink)}
.cs-vibes .cs-vibes__unit{margin-left:4px;font-size:13px;font-weight:500;letter-spacing:0;color:var(--cs-ink-66)}
.cs-vibes .cs-btn--product:hover{transform:translateY(-1px)}
.cs-vibes .cs-btn--product:active{transform:scale(.98)}

@media (max-width:980px){
  .cs-vibes .cs-vibes__row{flex-direction:column;align-items:stretch;gap:24px}
  .cs-vibes .cs-vibes__media,.cs-vibes .cs-vibes__row:nth-child(even) .cs-vibes__media{flex:0 0 auto;width:100%;order:-1}
}
@media (max-width:480px){
  .cs-vibes .cs-vibes__media img{height:300px}
}