/*
 * Care packages — shared by v1 and v2 (markup is the same on both pages)
 * Clean cards, each led by an animated line icon inside a circle.
 */
.pk{--pk-ink:#171411;--pk-cream:#f5eee5;--pk-gold:#e2c48f;--pk-muted:#7a6f65;--pk-line:rgba(23,20,17,.09)}
.pk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
.pk-head .section-intro{max-width:46ch;margin:0}

.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;align-items:stretch}

.pk-card{
  position:relative;display:flex;flex-direction:column;
  padding:28px 28px 26px;border-radius:30px;
  background:#fff;color:var(--pk-ink);
  border:1px solid var(--pk-line);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 30px 60px -48px rgba(40,28,16,.45);
  transition:transform .8s var(--ease-expo,cubic-bezier(.19,1,.22,1)),box-shadow .8s var(--ease-expo,cubic-bezier(.19,1,.22,1));
}
.pk-card:hover{transform:translateY(-6px);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 40px 80px -44px rgba(40,28,16,.5)}
.pk-card.is-featured{background:var(--pk-ink);color:var(--pk-cream);border-color:var(--pk-ink)}

.pk-top{display:flex;justify-content:space-between;align-items:flex-start}
.pk-chip{font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:7px 11px;border-radius:999px;border:1px solid var(--pk-line);color:var(--pk-muted)}
.is-featured .pk-chip{border-color:rgba(226,196,143,.35);color:var(--pk-gold)}

/* icon circle */
.pk-icon{
  position:relative;width:80px;height:80px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--pk-cream);color:var(--pk-ink);
  transition:transform .9s var(--ease-expo,cubic-bezier(.19,1,.22,1));
}
.pk-icon::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid var(--pk-line)}
.is-featured .pk-icon{background:rgba(245,238,229,.08);color:var(--pk-cream)}
.is-featured .pk-icon::after{border-color:rgba(245,238,229,.12)}
.pk-card:hover .pk-icon{transform:scale(1.06) rotate(-4deg)}
.pk-icon svg{width:48px;height:48px;overflow:visible;stroke-width:1.7}
.pk-icon .acc{color:#b48c4e}
.is-featured .pk-icon .acc{color:var(--pk-gold)}

/* 1 · pulse travelling along a heartbeat line */
.ic-pulse .base{opacity:.3}
.ic-pulse .run{stroke-dasharray:.34 1;stroke-dashoffset:1.34;animation:pk-run 2.6s cubic-bezier(.65,0,.35,1) infinite}
@keyframes pk-run{to{stroke-dashoffset:0}}
/* 2 · sun rises over the horizon, rays warm up one by one */
.ic-sun .sun{transform:translateY(9px);animation:pk-rise 4.8s cubic-bezier(.65,0,.35,1) infinite}
.ic-sun .ray{opacity:0;transform-box:fill-box;transform-origin:center;animation:pk-ray 4.8s cubic-bezier(.65,0,.35,1) infinite;animation-delay:calc(var(--r) * .09s)}
.ic-sun .haze{opacity:.35}
@keyframes pk-rise{0%{transform:translateY(9px)}38%,82%{transform:translateY(0)}100%{transform:translateY(9px)}}
@keyframes pk-ray{0%,30%{opacity:0;transform:scale(.4)}48%,80%{opacity:1;transform:scale(1)}96%,100%{opacity:0;transform:scale(.4)}}
/* 3 · a sprout grows, both leaves unfold, then it rests and regrows */
.ic-sprout .stem{stroke-dasharray:1 1;stroke-dashoffset:1;animation:pk-stem 5.2s cubic-bezier(.65,0,.35,1) infinite}
.ic-sprout .leaf{fill:currentColor;fill-opacity:.18;transform-box:fill-box;transform:scale(0);animation:pk-leaf 5.2s cubic-bezier(.34,1.3,.64,1) infinite}
.ic-sprout .leaf-l{transform-origin:100% 100%;animation-delay:.15s}
.ic-sprout .leaf-r{transform-origin:0% 100%;animation-delay:.32s}
@keyframes pk-stem{0%{stroke-dashoffset:1;opacity:1}28%,84%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes pk-leaf{0%,24%{transform:scale(0)}46%,84%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}
/* 4 · two stars that softly twinkle */
.ic-spark .star{fill:currentColor;fill-opacity:.14;transform-box:fill-box;transform-origin:center;animation:pk-twinkle 3.4s cubic-bezier(.65,0,.35,1) infinite}
.ic-spark .star-s{fill:currentColor;transform-box:fill-box;transform-origin:center;animation:pk-twinkle 3.4s cubic-bezier(.65,0,.35,1) 1.1s infinite}
@keyframes pk-twinkle{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(.78) rotate(45deg)}}

.pk-kicker{margin-top:30px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pk-muted)}
.is-featured .pk-kicker{color:rgba(245,238,229,.6)}
.pk-card h3{margin:8px 0 0;font-size:clamp(1.6rem,2.1vw,2rem);font-weight:400;letter-spacing:-.035em;line-height:1.05}
.pk-for{margin:12px 0 0;font-size:14.5px;line-height:1.6;color:var(--pk-muted)}
.is-featured .pk-for{color:rgba(245,238,229,.68)}

.pk-items{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--pk-line)}
.is-featured .pk-items{border-color:rgba(245,238,229,.12)}
.pk-items li{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--pk-line);font-size:15px}
.is-featured .pk-items li{border-color:rgba(245,238,229,.12)}
.pk-items li::before{
  content:"";flex:0 0 auto;width:18px;height:18px;border-radius:50%;
  background:radial-gradient(circle,currentColor 0 2px,transparent 2.5px);
  border:1px solid var(--pk-line);
}
.is-featured .pk-items li::before{border-color:rgba(245,238,229,.2)}
.pk-items li span{margin-left:auto;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--pk-muted)}
.is-featured .pk-items li span{color:var(--pk-gold)}
.pk-items li.is-choice span{color:#a07a3e}
.is-featured .pk-items li.is-choice span{color:var(--pk-gold)}

.pk-pick{margin-top:22px}
.pk-pick-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pk-muted);margin-bottom:10px}
.is-featured .pk-pick-label{color:rgba(245,238,229,.6)}

/* segmented add-on choice with a sliding thumb */
.pk-seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:999px;background:#f3ece3;isolation:isolate}
.is-featured .pk-seg{background:rgba(245,238,229,.08)}
.pk-seg button{position:relative;z-index:1;border:0;background:none;cursor:pointer;font-family:inherit;font-size:13px;line-height:1.2;padding:11px 10px;border-radius:999px;color:var(--pk-muted);transition:color .6s var(--ease-expo,cubic-bezier(.19,1,.22,1))}
.pk-seg button.active{color:var(--pk-cream)}
.is-featured .pk-seg button{color:rgba(245,238,229,.65)}
.is-featured .pk-seg button.active{color:var(--pk-ink)}
.pk-thumb{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;border-radius:999px;background:var(--pk-ink);transition:transform .7s var(--ease-expo,cubic-bezier(.19,1,.22,1)),width .7s var(--ease-expo,cubic-bezier(.19,1,.22,1))}
.is-featured .pk-thumb{background:var(--pk-cream)}

.pk-card .btn{
  margin-top:24px;width:100%;min-height:54px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:14.5px;border:1px solid var(--pk-ink);
  background:var(--pk-ink);color:#fff;box-shadow:none;
}
.pk-card.is-featured .btn{background:var(--pk-cream);color:var(--pk-ink);border-color:var(--pk-cream)}
.pk-spacer{flex:1}

/* custom package strip */
.pk-custom{
  margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;
  padding:24px 28px;border-radius:30px;background:#fff;border:1px solid var(--pk-line);
}
.pk-custom .pk-icon{width:64px;height:64px}
.pk-custom .pk-icon svg{width:34px;height:34px}
.pk-custom h3{margin:0;font-size:22px;font-weight:400;letter-spacing:-.03em}
.pk-custom p{margin:5px 0 0;color:var(--pk-muted);font-size:14px;max-width:62ch}
.pk-custom .btn{min-height:50px;padding:12px 24px;border-radius:999px;display:inline-flex;align-items:center;background:transparent;color:var(--pk-ink);border:1px solid rgba(23,20,17,.2);box-shadow:none}
.pk-note{margin:18px 0 0;font-size:12px;color:var(--pk-muted)}

@media(min-width:1021px){
  .pk-card{display:grid;grid-row:span 8;grid-template-rows:subgrid;row-gap:0}
  .pk-card > .btn{align-self:end}
}
@media(max-width:1020px){
  .pk-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .pk-grid{grid-template-columns:1fr}
  .pk-card{padding:24px 22px 22px}
  .pk-custom{grid-template-columns:1fr;gap:16px;padding:24px 22px}
  .pk-custom .btn{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  .ic-pulse .run,.ic-sun .sun,.ic-sun .ray,.ic-sprout .stem,.ic-sprout .leaf,.ic-spark .star,.ic-spark .star-s{animation:none}
  .ic-sun .sun{transform:none}.ic-sun .ray{opacity:1}.ic-sprout .stem{stroke-dashoffset:0}.ic-sprout .leaf{transform:none}
}