/* ===== Packages: compact, animated postage-stamp cards ===== */
.sc-cards3{grid-template-columns:repeat(3,minmax(0,308px));justify-content:center;gap:38px;
 filter:drop-shadow(6px 6px 0 rgba(47,125,225,.38));padding:10px 0}

.sc-cards3>.sc-pk{--r:-1.2deg;--p:6px;--s:20px;border:0!important;border-radius:0!important;box-shadow:none!important;
 background:#fdf6ec!important;padding:24px 22px 22px!important;color:#0b1e3f;
 -webkit-mask:radial-gradient(circle var(--p) at 50% 0,#0000 96%,#000) 0 0/var(--s) 100% repeat-x,
  radial-gradient(circle var(--p) at 50% 100%,#0000 96%,#000) 0 0/var(--s) 100% repeat-x,
  radial-gradient(circle var(--p) at 0 50%,#0000 96%,#000) 0 0/100% var(--s) repeat-y,
  radial-gradient(circle var(--p) at 100% 50%,#0000 96%,#000) 0 0/100% var(--s) repeat-y;
 -webkit-mask-composite:source-in;
 mask:radial-gradient(circle var(--p) at 50% 0,#0000 96%,#000) 0 0/var(--s) 100% repeat-x,
  radial-gradient(circle var(--p) at 50% 100%,#0000 96%,#000) 0 0/var(--s) 100% repeat-x,
  radial-gradient(circle var(--p) at 0 50%,#0000 96%,#000) 0 0/100% var(--s) repeat-y,
  radial-gradient(circle var(--p) at 100% 50%,#0000 96%,#000) 0 0/100% var(--s) repeat-y;
 mask-composite:intersect;transition:translate .35s cubic-bezier(.2,.8,.2,1),scale .35s cubic-bezier(.2,.8,.2,1)}
.sc-cards3>.sc-pk:nth-child(2){--r:.9deg;background:#eef5fc!important}
.sc-cards3>.sc-pk:nth-child(3){--r:-.7deg;background:linear-gradient(160deg,#1b1646,#3b1d7a 70%,#5b21b6)!important}

/* inner dashed stamp frame (replaces the old coloured top bar) */
.sc-pk::before{inset:11px;left:11px;right:11px;top:11px;height:auto;border:1.5px dashed color-mix(in srgb,var(--pc) 55%,transparent);border-radius:4px;background:none;animation:none;pointer-events:none}
.sc-cards3>.sc-pk:nth-child(3)::before{border-color:rgba(214,200,255,.45)}

/* stamp-down entrance, then a slow sway; hover lifts via translate/scale so it never fights the animation */
.sc-cards3>.sc-pk.reveal.show:nth-child(n){animation:pkStamp .95s cubic-bezier(.2,.9,.25,1.1) backwards,pkSway 6s ease-in-out 1.1s infinite alternate;transform:rotate(var(--r))}
.sc-cards3>.sc-pk:nth-child(1).show{animation-delay:.05s,1.1s}
.sc-cards3>.sc-pk:nth-child(2).show{animation-delay:.3s,1.35s}
.sc-cards3>.sc-pk:nth-child(3).show{animation-delay:.55s,1.6s}
.sc-cards3>.sc-pk.reveal.show:hover{translate:0 -10px;scale:1.035;transform:rotate(var(--r));box-shadow:none!important}
@keyframes pkStamp{0%{opacity:0;transform:translateY(-120px) rotate(calc(var(--r) * -6)) scale(1.2)}55%{opacity:1}68%{transform:translateY(0) rotate(calc(var(--r) * -.4)) scale(.975)}84%{transform:rotate(calc(var(--r) * 1.1)) scale(1.01)}100%{transform:rotate(var(--r))}}
@keyframes pkSway{from{transform:rotate(var(--r))}to{transform:rotate(calc(var(--r) * -1)) translateY(-5px)}}

/* compact content */
.sc-pk .sc-pk-ic{width:40px;height:40px}.sc-pk .sc-pk-ic svg{width:20px;height:20px}
.sc-pk .sc-pk-head{gap:11px}.sc-pk .sc-pk-head h3{font-size:22px!important}.sc-pk .sc-pk-head small{font-size:12px}
.sc-pk .sc-price{margin:14px 0 10px}.sc-pk .sc-price strong{font-size:34px}.sc-pk .sc-price small{font-size:12px}
.sc-pk .sc-pill{font-size:12px;padding:7px 10px;margin-bottom:14px}
.sc-pk ul{margin-bottom:14px!important}
.sc-pk .sc-checks li{padding-left:30px;margin-bottom:8px!important;line-height:1.3}
.sc-pk .sc-checks li::before{width:21px;height:21px;font-size:11px}
.sc-pk .sc-checks b{font-size:13.5px}.sc-pk .sc-checks span{font-size:12px}
.sc-pk .sc-pk-note{padding:9px 12px;margin-bottom:12px;border-radius:8px}.sc-pk .sc-pk-note small{font-size:11px}.sc-pk .sc-pk-note b{font-size:14px}
.sc-pk .sc-btn{padding:12px 14px;font-size:11px;border-radius:4px}
html[dir=rtl] .sc-pk .sc-checks li{padding-left:0;padding-right:30px}

/* "most popular" badge sits inside the stamp so the perforation can't clip it */
.sc-pk .sc-badge{position:static;align-self:flex-start;margin:0 0 10px;font-size:10px;padding:5px 11px}

@media(max-width:1000px){.sc-cards3{grid-template-columns:repeat(2,minmax(0,308px))}}
@media(max-width:680px){.sc-cards3{grid-template-columns:minmax(0,320px);gap:30px}}
@media(prefers-reduced-motion:reduce){.sc-cards3>.sc-pk.reveal.show:nth-child(n){animation:none}}