/* Virgin — Section 03 product range. */
.cs-vrange{padding:88px 0 96px;background:linear-gradient(135deg,#F0FFF6 0%,#EDFFF8 50%,#F5FFF0 100%);border-top:1px solid rgba(24,168,0,.18)}
.cs-vrange .cs-vrange__head{text-align:center;margin-bottom:64px}
.cs-vrange .cs-vrange__eyebrow{color:var(--cs-success);margin-bottom:14px}
.cs-vrange .cs-vrange__title{line-height:1.08;margin-bottom:14px}
.cs-vrange .cs-vrange__accent{color:var(--cs-success)}
.cs-vrange .cs-vrange__lead{max-width:580px;margin:14px auto 0}

.cs-vrange .cs-vrange__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.cs-vrange .cs-vrange__card{background:#fff;border-radius:var(--cs-radius-card);overflow:hidden;border:2px solid rgba(24,168,0,.2);box-shadow:0 8px 32px rgba(24,168,0,.08);display:flex;flex-direction:column;transition:transform 240ms var(--cs-ease),box-shadow 240ms var(--cs-ease)}
.cs-vrange .cs-vrange__card:hover{transform:translateY(-8px);box-shadow:0 24px 64px rgba(42,229,0,.16)}

.cs-vrange .cs-vrange__media{position:relative;padding:48px 32px 24px;display:flex;align-items:center;justify-content:center;min-height:280px}
.cs-vrange .cs-vrange__media--pineapple{background:linear-gradient(135deg,#FFFBF0,#FFF5DC)}
.cs-vrange .cs-vrange__media--passion{background:linear-gradient(135deg,#FDF0FF,#FFE8F5)}
.cs-vrange .cs-vrange__media--strawberry{background:linear-gradient(135deg,#FFF0F4,#FFE8EE)}
.cs-vrange .cs-vrange__img{height:200px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.12))}
.cs-vrange .cs-vrange__badge{position:absolute;top:16px;right:16px;z-index:1;display:flex;align-items:center;gap:5px;background:var(--cs-success);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;line-height:1.4;padding:6px 14px;border-radius:999px}
.cs-vrange .cs-vrange__ribbon{position:absolute;bottom:16px;left:16px;z-index:1;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid rgba(24,168,0,.35);border-radius:10px;padding:6px 12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;line-height:1.4;color:var(--cs-success)}

.cs-vrange .cs-vrange__body{padding:26px 28px 30px;flex:1;display:flex;flex-direction:column}
.cs-vrange .cs-vrange__name{margin-bottom:8px}
.cs-vrange .cs-vrange__desc{font-size:13px;font-weight:500;line-height:1.65;color:var(--cs-ink-66);margin-bottom:20px;flex:1}
.cs-vrange .cs-vrange__tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.cs-vrange .cs-vrange__tag{font-size:11px;font-weight:700;line-height:1.4;padding:5px 13px;border-radius:999px;background:rgba(24,168,0,.07);border:1px solid rgba(42,229,0,.22);color:var(--cs-success)}
.cs-vrange .cs-vrange__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(46,22,100,.07);padding-top:18px}
.cs-vrange .cs-vrange__price{font-size:20px;font-weight:800;color:var(--cs-ink);line-height:1.3;white-space:nowrap}
.cs-vrange .cs-vrange__unit{font-size:11px;font-weight:500;color:var(--cs-ink-66);margin-left:2px}

@media (min-width:981px) and (max-width:1300px){
  .cs-vrange .cs-vrange__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:980px){
  .cs-vrange{padding:64px 0 72px}
  .cs-vrange .cs-vrange__head{margin-bottom:40px}
  .cs-vrange .cs-vrange__grid{grid-template-columns:1fr;gap:20px}
}
@media (max-width:380px){
  .cs-vrange .cs-vrange__foot{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){
  .cs-vrange .cs-vrange__card:hover{transform:none}
}
