.pkgx{--pkgx-bg:#eaf2fb;--pkgx-ink:#14243b;--pkgx-ink-2:#5a6b82;--pkgx-line:#d5e3f4;--pkgx-accent:var(--pg-accent,#0a7cff);--pkgx-accent-deep:var(--pg-accent-deep,#0668db);--pkgx-btn-a:var(--pg-btn-a,#0a7cff);--pkgx-btn-b:var(--pg-btn-b,#3ba5ff);--pkgx-radius:22px;background:radial-gradient(760px 340px at 6% -10%,rgba(10,124,255,.10),transparent 60%),radial-gradient(680px 320px at 102% 4%,rgba(59,165,255,.12),transparent 58%),var(--pkgx-bg)}.pkgx__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:clamp(1.2rem,.8rem + 1.4vw,1.9rem)}.pkgx-card{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--pkgx-radius);overflow:hidden;isolation:isolate;box-shadow:0 1px 0 rgba(15,42,71,.04),0 30px 55px -34px rgba(14,42,71,.55);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}.pkgx-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;z-index:4;background:linear-gradient(90deg,var(--pkgx-btn-a),var(--pkgx-btn-b));transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.22,1,.36,1)}.pkgx-card:hover,.pkgx-card:focus-within{transform:translateY(-8px);box-shadow:0 1px 0 rgba(15,42,71,.04),0 40px 70px -30px rgba(10,124,255,.5)}.pkgx-card:hover::before,.pkgx-card:focus-within::before{transform:scaleX(1)}.pkgx-media{position:relative;display:block;aspect-ratio:16 / 11;overflow:hidden;text-decoration:none;color:#fff}.pkgx-img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .7s cubic-bezier(.22,1,.36,1)}.pkgx-card:hover .pkgx-img,.pkgx-card:focus-within .pkgx-img{transform:scale(1.09)}.pkgx-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,38,0) 34%,rgba(8,20,38,.18) 56%,rgba(8,20,38,.82) 100%)}.pkgx-title{position:absolute;left:14px;right:14px;bottom:12px;z-index:2;margin:0;font:800 1.02rem/1.28 var(--font-display);letter-spacing:-.01em;color:#fff;text-shadow:0 2px 14px rgba(4,14,30,.55);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pkgx-dur{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:.38rem .66rem;border-radius:var(--r-pill,999px);font:800 .72rem/1 var(--font-body);color:#0b2444;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 16px -8px rgba(4,14,30,.5)}.pkgx-dur i{color:var(--pkgx-accent);font-size:.8rem}.pkgx-dur .pkgx-dur__moon{color:#7b5cff}.pkgx-dur span{opacity:.4}.pkgx-fav{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#ff4d6d;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 16px -8px rgba(4,14,30,.5);transition:transform .25s var(--ease-out,ease)}.pkgx-card:hover .pkgx-fav{transform:scale(1.08)}.pkgx-mode{position:absolute;right:12px;bottom:12px;z-index:3;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:.95rem;background:linear-gradient(135deg,var(--pkgx-btn-a),var(--pkgx-btn-b));box-shadow:0 8px 18px -8px var(--pg-glow,rgba(10,124,255,.5))}.pkgx-body{position:relative;padding:1.15rem 1.1rem .5rem;border-top:2px dashed var(--pkgx-line)}.pkgx-body::before,.pkgx-body::after{content:"";position:absolute;top:-2px;width:20px;height:20px;border-radius:50%;background:var(--pkgx-bg);transform:translate(-50%,-50%)}.pkgx-body::before{left:0}.pkgx-body::after{left:100%}.pkgx-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.7rem}.pkgx-id{display:inline-flex;align-items:center;gap:5px;padding:.28rem .6rem;border-radius:var(--r-pill,999px);font:800 .68rem/1 var(--font-body);letter-spacing:.04em;color:var(--pkgx-accent-deep);background:var(--pg-soft,#e8f3ff)}.pkgx-inc-label{font:800 .64rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--pkgx-ink-2)}.pkgx-inc{display:flex;flex-wrap:wrap;gap:.4rem}.pkgx-chip{display:inline-flex;align-items:center;gap:6px;padding:.34rem .58rem;border-radius:10px;font:700 .74rem/1 var(--font-body);color:#33465e;background:#f3f7fc;border:1px solid #e7eff8}.pkgx-chip img{width:16px;height:16px;object-fit:contain}.pkgx-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem 1.1rem 1.1rem}.pkgx-price{display:flex;flex-direction:column;line-height:1}.pkgx-price small{font:700 .66rem/1 var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--pkgx-ink-2);margin-bottom:3px}.pkgx-price b{font:800 1.42rem/1 var(--font-display);color:var(--pkgx-ink);display:inline-flex;align-items:center}.pkgx-price b i{font-size:1.05rem;margin-right:-1px}.pkgx-price em{font-style:normal;font-size:.72rem;font-weight:700;color:var(--pkgx-ink-2);margin-left:3px}.pkgx-book{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:7px;padding:.66rem 1.05rem;border-radius:var(--r-pill,999px);font:800 .82rem/1 var(--font-body);color:#fff;text-decoration:none;white-space:nowrap;background:linear-gradient(135deg,var(--pkgx-btn-a),var(--pkgx-btn-b));box-shadow:0 12px 24px -12px var(--pg-glow,rgba(10,124,255,.55));transition:transform .25s var(--ease-out,ease),box-shadow .25s var(--ease-out,ease)}.pkgx-book i{transition:transform .25s var(--ease-out,ease)}.pkgx-book::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);transition:left .6s ease}.pkgx-book:hover,.pkgx-book:focus-visible{transform:translateY(-2px);box-shadow:0 18px 30px -12px var(--pg-glow,rgba(10,124,255,.6))}.pkgx-book:hover i,.pkgx-book:focus-visible i{transform:translateX(3px)}.pkgx-book:hover::after,.pkgx-book:focus-visible::after{left:130%}@media (max-width:991.98px){.pkgx__grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:575.98px){.pkgx__grid{grid-template-columns:1fr}.pkgx-title{font-size:1.05rem}}@media (prefers-reduced-motion:reduce){.pkgx-card,.pkgx-img,.pkgx-book,.pkgx-book::after,.pkgx-card::before,.pkgx-fav,.pkgx-book i{transition:none}.pkgx-card:hover,.pkgx-card:focus-within{transform:none}}