
:root{
  --bg:#0c0d10;
  --card:#151821;
  --muted:#98a2b3;
  --text:#e6e7ea;
  --accent:#8a7dff;
  --accent-2:#00d1b2;
  --badge-free:#1fc76a;
  --badge-prem:#ff5b8a;
  --shadow:0 6px 20px rgba(0,0,0,.35);
}
.aivana-pack4-wrap{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);padding:16px}
.aivana-pack4-wrap *{box-sizing:border-box}
.aivana-hero{margin:8px 0 20px 0}
.aivana-hero-track{display:flex;gap:14px;overflow:auto;scroll-snap-type:x mandatory;padding:6px 4px}
.aivana-hero-track::-webkit-scrollbar{height:8px}
.aivana-hero-track::-webkit-scrollbar-thumb{background:#2a2e3a;border-radius:6px}
.aivana-hero-card{min-width:260px;max-width:260px;background:var(--card);border-radius:14px;box-shadow:var(--shadow);scroll-snap-align:start;overflow:hidden;border:1px solid #1d2230}
.aivana-card-media{position:relative;aspect-ratio:3/4;overflow:hidden}
.aivana-card-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.02)}
.aivana-card-info{padding:10px 12px}
.aivana-card-info h3,.aivana-card-info h4{margin:0 0 4px 0;font-weight:700}
.aivana-age{opacity:.7;font-weight:600}
.aivana-teaser,.aivana-country,.aivana-desc,.aivana-tags{margin:0;color:var(--muted);font-size:.925rem}
.aivana-badge{position:absolute;top:10px;left:10px;font-size:.75rem;padding:4px 8px;border-radius:999px;font-weight:700}
.aivana-badge-free{background:rgba(31,199,106,.15);color:#8ff7b7;border:1px solid rgba(31,199,106,.35)}
.aivana-badge-premium{background:rgba(255,91,138,.14);color:#ffb3ca;border:1px solid rgba(255,91,138,.35)}
.aivana-blur{position:absolute;inset:0;backdrop-filter:blur(8px);filter:blur(2px);background:linear-gradient(to bottom, rgba(12,13,16,.0), rgba(12,13,16,.6) 75%, rgba(12,13,16,.9) 100%);}
.aivana-unlock{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:white;border:none;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.aivana-unlock:hover{opacity:.95}
.aivana-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:1100px){.aivana-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.aivana-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.aivana-grid{grid-template-columns:1fr}}
.aivana-card{background:var(--card);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #1d2230}
.aivana-card .aivana-card-media{aspect-ratio:3/4}
.aivana-card .aivana-card-info{padding:10px 12px}
.aivana-modal{position:fixed;inset:0;display:none}
.aivana-modal.active{display:block}
.aivana-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.aivana-modal__inner{position:relative;max-width:980px;margin:6vh auto;background:#0f121a;border-radius:16px;overflow:hidden;border:1px solid #1d2230;box-shadow:var(--shadow)}
.aivana-modal__body{display:flex;gap:16px;padding:16px}
@media(max-width:860px){.aivana-modal__body{flex-direction:column}}
.aivana-modal__media{position:relative;flex:1;min-height:360px}
.aivana-modal__media img{width:100%;height:100%;object-fit:cover;display:block}
.aivana-modal__content{flex:1;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:6px 0}
.aivana-modal__unlock{align-self:flex-start;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;font-weight:800;cursor:pointer}
.aivana-modal__close{position:absolute;top:8px;right:10px;background:transparent;color:#c7c9d1;font-size:28px;border:none;cursor:pointer}
.aivana-premium-placeholder{padding:40px;max-width:860px;margin:40px auto;background:#0f121a;color:#e6e7ea;border-radius:14px;border:1px solid #1d2230}
