.media-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

body.detail-open { overflow: hidden; }

.media-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(126, 173, 207, .14);
  border-radius: 18px;
  background: linear-gradient(160deg, #172938, #101c27);
  box-shadow: 0 9px 25px rgba(0, 0, 0, .2);
  cursor: pointer;
  outline: none;
  transform: translateY(0);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.media-card:hover,
.media-card:focus-visible {
  transform: translateY(-4px);
  border-color: rgba(89, 164, 222, .58);
  box-shadow: 0 15px 32px rgba(0, 0, 0, .34);
}

.media-card .poster {
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: var(--cover);
}

.media-card .poster::after {
  content: "";
  position: absolute;
  inset: 42% 0 0;
  background: linear-gradient(transparent, rgba(7, 15, 22, .72));
  pointer-events: none;
}

.media-card .poster-symbol {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 50%;
  background: rgba(5, 13, 20, .58);
  color: #fff;
  font-size: 16px;
  padding-inline-start: 3px;
  opacity: .92;
  backdrop-filter: blur(7px);
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  transition: transform .2s ease, background .2s ease;
}

.media-card:hover .poster-symbol { transform: translate(-50%, -50%) scale(1.08); background: rgba(45, 133, 199, .85); }

.media-card .duration,
.media-card .favorite { z-index: 2; }

.media-card .media-info { padding: 12px; }
.media-card .media-info h3 { margin: 0 0 8px; font-size: 13px; line-height: 1.55; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.media-card .media-info > div { display: flex; justify-content: space-between; gap: 7px; color: var(--muted); font-size: 9px; }
.card-open { display: flex; justify-content: space-between; align-items: center; margin-top: 11px; padding-top: 10px; border-top: 1px solid rgba(122, 160, 187, .13); color: #76bdf1; font-size: 10px; font-weight: 700; }
.card-open b { font-size: 15px; transition: transform .2s ease; }
.media-card:hover .card-open b { transform: translateX(-3px); }

.media-detail {
  position: fixed;
  z-index: 75;
  inset: 0;
  overflow-y: auto;
  background: radial-gradient(circle at 80% 0, rgba(38, 102, 147, .2), transparent 35%), #0c161f;
  overscroll-behavior: contain;
}

.detail-shell {
  width: min(860px, 100%);
  min-height: 100%;
  margin: 0 auto;
  padding: env(safe-area-inset-top) 0 calc(28px + env(safe-area-inset-bottom));
}

.detail-header {
  position: sticky;
  z-index: 3;
  top: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 64px;
  padding: 10px 16px;
  border-bottom: 1px solid rgba(120, 160, 190, .13);
  background: rgba(12, 22, 31, .9);
  backdrop-filter: blur(16px);
}

.detail-header strong { font-size: 13px; }
.detail-back,
.detail-favorite {
  border: 1px solid #31506a;
  background: #152b3c;
  color: #eaf6ff;
  cursor: pointer;
}
.detail-back { justify-self: start; border-radius: 11px; padding: 9px 12px; font-size: 10px; }
.detail-favorite { justify-self: end; display: grid; place-items: center; width: 39px; height: 39px; border-radius: 50%; font-size: 20px; }
.detail-favorite.active { color: #ff5d83; border-color: rgba(255, 93, 131, .55); background: rgba(113, 30, 52, .35); }

.detail-cover {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 10;
  margin: 18px 16px 0;
  overflow: hidden;
  border: 1px solid rgba(139, 184, 217, .18);
  border-radius: 24px;
  background: var(--cover);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .38);
}
.detail-cover::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(4, 10, 15, .65)); }
.detail-play { z-index: 1; display: grid; place-items: center; width: 76px; height: 76px; padding-inline-start: 5px; border: 1px solid rgba(255, 255, 255, .5); border-radius: 50%; background: rgba(10, 25, 36, .66); color: #fff; font-size: 25px; backdrop-filter: blur(8px); }
.detail-duration { position: absolute; z-index: 2; bottom: 14px; left: 14px; border-radius: 8px; background: rgba(0, 0, 0, .68); padding: 5px 8px; color: #fff; font-size: 10px; }
.detail-content { padding: 20px 18px; }
.detail-badges { display: flex; gap: 8px; }
.detail-badges span { border: 1px solid #2d4b61; border-radius: 99px; background: #132838; padding: 6px 10px; color: #9fc8e5; font-size: 9px; }
.detail-content h1 { margin: 13px 0 8px; font-size: clamp(21px, 4vw, 31px); line-height: 1.45; }
.detail-caption { margin: 0 0 18px; color: #a8bac7; font-size: 11px; line-height: 1.8; white-space: pre-wrap; }
.watch-video,
.detail-back-bottom { width: 100%; border-radius: 14px; padding: 14px 18px; cursor: pointer; font-weight: 800; }
.watch-video { display: flex; justify-content: center; align-items: center; gap: 10px; border: 1px solid #64b4ed; background: linear-gradient(135deg, #2b80bf, #55a9e4); color: #fff; box-shadow: 0 12px 30px rgba(35, 127, 190, .26); }
.watch-video:disabled { opacity: .65; cursor: wait; }
.watch-note { margin: 10px 5px 16px; color: var(--muted); text-align: center; font-size: 9px; line-height: 1.65; }
.detail-back-bottom { border: 1px solid #2c4558; background: #142532; color: #c8d8e4; }
.detail-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-bottom: 11px; }
.detail-tools button { border: 1px solid #2c4558; border-radius: 12px; background: #132534; color: #acc4d5; padding: 11px 8px; cursor: pointer; font-size: 10px; }
.related-section { margin-top: 22px; }
.related-section h2 { font-size: 14px; }
.related-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(130px, 36%); gap: 9px; overflow-x: auto; padding-bottom: 7px; scrollbar-width: none; }
.related-rail::-webkit-scrollbar { display: none; }
.related-card { overflow: hidden; border: 1px solid #263e50; border-radius: 13px; background: #11222f; cursor: pointer; }
.related-card > div { aspect-ratio: 16/10; background: var(--cover); }
.related-card h3 { margin: 8px 8px 2px; overflow: hidden; font-size: 10px; white-space: nowrap; text-overflow: ellipsis; }
.related-card small { display: block; margin: 0 8px 8px; color: var(--muted); font-size: 8px; }
.related-loading { color: var(--muted); font-size: 9px; }

.premium-preview { position: fixed; z-index: 78; inset: 0; overflow-y: auto; background: radial-gradient(circle at 50% 0,rgba(121,83,198,.26),transparent 34%),#0b131c; }
.premium-shell { width:min(920px,100%); min-height:100%; margin:auto; }
.premium-header { position:sticky;z-index:5;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;padding:10px 15px;border-bottom:1px solid rgba(163,135,225,.18);background:rgba(11,19,28,.92);backdrop-filter:blur(16px) }
.premium-header button { justify-self:start;border:1px solid #4b426a;border-radius:11px;background:#211f36;color:#f2ecff;padding:9px 12px;cursor:pointer }
.premium-header span { justify-self:end;font-size:19px }
.premium-hero { position:relative;overflow:hidden;margin:16px;border:1px solid rgba(179,149,240,.3);border-radius:24px;background:linear-gradient(145deg,rgba(29,24,47,.58),rgba(9,17,25,.88)),var(--premium-cover);background-size:cover;background-position:center;padding:38px 20px 24px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.38) }
.premium-hero::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,20,.14),rgba(8,12,20,.72));pointer-events:none }
.premium-hero > * { position:relative;z-index:1 }
.premium-badge { display:inline-block;border:1px solid #d4b562;border-radius:99px;background:rgba(56,43,16,.76);color:#ffe49b;padding:5px 10px;font-size:8px;letter-spacing:1.4px }
.premium-emoji { margin:12px 0 5px;font-size:39px }
.premium-hero h1 { margin:4px 0;font-size:clamp(22px,5vw,34px) }
.premium-hero p { max-width:620px;margin:7px auto 16px;color:#c6c2d3;font-size:10px;line-height:1.85 }
.premium-stats { display:flex;justify-content:center;flex-wrap:wrap;gap:7px }
.premium-stats span { border:1px solid rgba(186,163,232,.24);border-radius:99px;background:rgba(15,15,27,.62);padding:7px 10px;color:#e7defb;font-size:9px }
.premium-benefits,.premium-catalog { padding:5px 16px 15px }
.premium-benefits h2,.premium-catalog h2 { margin:8px 0 10px;font-size:15px }
.premium-benefits > div { display:grid;grid-template-columns:repeat(2,1fr);gap:8px }
.premium-benefits span { border:1px solid #32304a;border-radius:12px;background:#171827;color:#dcd5ed;padding:11px;font-size:9px }
.premium-benefits span::before { content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;margin-left:7px;border-radius:50%;background:#285d4c;color:#8ff0c7 }
.premium-catalog > div:first-child { display:flex;align-items:end;justify-content:space-between;gap:10px }
.premium-catalog p { margin:0 0 10px;color:var(--muted);font-size:8px }
.premium-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:8px }
.premium-thumb { position:relative;aspect-ratio:3/4;overflow:hidden;border:1px solid #342f4b;border-radius:14px;background:var(--thumb);cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.24) }
.premium-thumb::after { content:"🔒";position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(transparent 45%,rgba(7,9,15,.62));font-size:19px }
.premium-thumb:hover { border-color:#9f7fe0;transform:translateY(-2px) }
.premium-empty { grid-column:1/-1;border:1px dashed #4b4563;border-radius:14px;padding:35px;color:var(--muted);text-align:center;font-size:9px }
.premium-trust { display:grid;gap:7px;margin:5px 16px 18px;padding:13px;border:1px solid #2d3441;border-radius:14px;background:#111c26;color:#9fb0bc;font-size:8px }
.premium-spacer { height:95px }
.premium-purchase { position:fixed;z-index:80;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 16px calc(11px + env(safe-area-inset-bottom));border-top:1px solid rgba(190,159,244,.3);background:rgba(13,20,29,.94);backdrop-filter:blur(18px) }
.premium-purchase > div { display:grid }
.premium-purchase small { color:#9eacb8;font-size:8px }
.premium-purchase b { color:#ffe298;font-size:16px }
.premium-purchase button { min-width:180px;border:1px solid #ddbd69;border-radius:13px;background:linear-gradient(135deg,#6e50ad,#b184df);color:#fff;padding:13px 18px;font-weight:800;cursor:pointer;box-shadow:0 10px 28px rgba(112,74,176,.34) }
.premium-purchase button:disabled { opacity:.6;cursor:wait }

.user-center {
  position: fixed;
  z-index: 74;
  inset: 0;
  overflow-y: auto;
  background: radial-gradient(circle at 20% 0, rgba(42, 115, 165, .2), transparent 32%), #0c161f;
}
.user-center-shell { width: min(900px, 100%); min-height: 100%; margin: auto; padding-bottom: calc(90px + env(safe-area-inset-bottom)); }
.center-header { position: sticky; z-index: 3; top: 0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 64px; padding: 10px 16px; border-bottom: 1px solid rgba(120,160,190,.13); background: rgba(12,22,31,.92); backdrop-filter: blur(16px); }
.center-header > div { display: grid; text-align: center; }
.center-header strong { font-size: 13px; }
.center-header small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.center-header button { border: 1px solid #31506a; border-radius: 11px; background: #152b3c; color: #eaf6ff; padding: 9px 12px; cursor: pointer; }
.center-header #centerBack { justify-self: start; font-size: 10px; }
.center-header #centerRefresh { justify-self: end; width: 39px; height: 39px; padding: 0; border-radius: 50%; font-size: 19px; }
.center-tabs { position: sticky; z-index: 2; top: 64px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; padding: 10px 14px; background: rgba(12,22,31,.94); }
.center-tabs button { border: 1px solid #263e50; border-radius: 10px; background: #122431; color: #91a8b8; padding: 10px 6px; cursor: pointer; font-size: 10px; }
.center-tabs button.active { border-color: #58a7df; background: #235a7e; color: #fff; }
.center-content { padding: 12px 14px 30px; }
.center-loading,.center-empty { padding: 70px 15px; color: var(--muted); text-align: center; }
.request-list,.ticket-list,.unlocked-list { display: grid; gap: 10px; }
.request-card,.ticket-card,.unlocked-card,.account-card,.help-card { border: 1px solid rgba(126,173,207,.14); border-radius: 16px; background: linear-gradient(155deg,#162936,#101e29); padding: 13px; }
.request-card { display: grid; grid-template-columns: 74px 1fr; gap: 12px; }
.request-thumb { min-height: 88px; border-radius: 12px; background: var(--cover); }
.request-copy h3,.ticket-card h3 { margin: 0 0 6px; font-size: 12px; }
.request-meta { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 8px; }
.request-meta span,.ticket-status { border-radius: 99px; background: #19364a; color: #9dc8e6; padding: 4px 7px; font-size: 8px; }
.request-copy p,.ticket-card p,.help-card p { margin: 5px 0; color: var(--muted); font-size: 9px; line-height: 1.7; }
.request-copy button,.center-action { width: 100%; border: 1px solid #3f7195; border-radius: 10px; background: #1d4f70; color: #eaf7ff; padding: 9px; cursor: pointer; font-size: 9px; }
.center-action { display: block; box-sizing: border-box; text-align: center; text-decoration: none; }
.request-copy button:disabled { opacity: .5; cursor: default; }
.account-hero { display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 12px; margin-bottom: 11px; }
.account-avatar { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: linear-gradient(135deg,#4da1dc,#205d86); color: #fff; font-size: 24px; font-weight: 800; }
.account-hero h2 { margin: 0; font-size: 17px; }
.account-hero p { margin: 3px 0 0; color: var(--muted); font-size: 9px; }
.account-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; margin: 11px 0; }
.account-stats div { border: 1px solid #273f51; border-radius: 12px; background: #112330; padding: 11px 5px; text-align: center; }
.account-stats b { display: block; font-size: 16px; }
.account-stats small { color: var(--muted); font-size: 7px; }
.account-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 0; border-top: 1px solid rgba(126,173,207,.12); font-size: 10px; }
.account-row input { accent-color: #51a8e4; }
.account-actions,.help-actions { display: grid; gap: 8px; margin-top: 10px; }
.center-action.secondary { border-color: #30495b; background: #142633; color: #bdccd7; }
.ticket-card .reply { border-right: 3px solid #4b9dd6; padding-right: 9px; color: #cfe8f8; }
.legal-text { white-space: pre-wrap; color: #bccbd5; font-size: 10px; line-height: 1.9; }

.form-overlay { position: fixed; z-index: 90; inset: 0; display: grid; align-items: end; background: rgba(2,7,12,.78); backdrop-filter: blur(6px); }
.form-sheet { width: min(620px,100%); margin: auto; border: 1px solid #30475b; border-radius: 24px 24px 0 0; background: #101d29; padding: 18px 16px calc(20px + env(safe-area-inset-bottom)); }
.form-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.form-head h2 { margin: 0; font-size: 17px; }
.form-head button { border: 0; background: transparent; color: var(--muted); font-size: 28px; cursor: pointer; }
.form-sheet label { display: grid; gap: 6px; margin: 10px 0; color: #bdccd7; font-size: 10px; }
.form-sheet input,.form-sheet select,.form-sheet textarea { width: 100%; box-sizing: border-box; border: 1px solid #2d475b; border-radius: 11px; background: #0c1822; color: #edf7ff; padding: 11px; font: inherit; resize: vertical; }
.form-submit { width: 100%; margin-top: 8px; border: 1px solid #64b4ed; border-radius: 12px; background: linear-gradient(135deg,#2b80bf,#55a9e4); color: #fff; padding: 12px; cursor: pointer; font-weight: 800; }

@media (min-width: 620px) {
  .media-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
  .detail-cover { margin-inline: 24px; }
  .detail-content { padding-inline: 28px; }
  .premium-grid { grid-template-columns:repeat(5,1fr) }
}

@media (min-width: 960px) {
  .media-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 17px; }
  .media-card .poster { aspect-ratio: 3 / 4; }
  .detail-shell { padding-top: 16px; }
  .detail-header { border: 1px solid rgba(120, 160, 190, .13); border-radius: 18px; }
}

@media (min-width: 1450px) {
  .media-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

@media (max-width: 400px) {
  .media-grid { gap: 9px; }
  .media-card { border-radius: 14px; }
  .media-card .media-info { padding: 9px; }
  .media-card .poster-symbol { width: 42px; height: 42px; }
  .detail-cover { margin: 10px 10px 0; border-radius: 18px; }
  .detail-content { padding: 16px 12px; }
  .account-stats { grid-template-columns: repeat(2,1fr); }
  .request-card { grid-template-columns: 64px 1fr; }
  .premium-grid { grid-template-columns:repeat(2,1fr) }
  .premium-purchase button { min-width:155px }
}

@media (prefers-reduced-motion: reduce) {
  .media-card,
  .media-card .poster-symbol,
  .card-open b { transition: none; }
}
.paid-hub-entry{width:100%;display:flex;align-items:center;gap:14px;margin:12px 0 18px;padding:15px 18px;border:1px solid rgba(246,196,83,.28);border-radius:18px;background:linear-gradient(135deg,rgba(111,70,23,.62),rgba(34,27,45,.92));color:#fff;text-align:right;cursor:pointer}
.paid-hub-entry>span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,210,92,.15);font-size:22px}.paid-hub-entry div{display:flex;flex:1;flex-direction:column;gap:4px}.paid-hub-entry b{font-size:16px}.paid-hub-entry small{color:#d7c89e}.paid-hub-entry i{font-style:normal;font-size:24px;color:#ffd66b}
.paid-hub{position:fixed;inset:0;z-index:70;overflow:auto;background:#0d1620;color:#fff}.paid-hub-shell{min-height:100%;padding-bottom:40px}.paid-hub-hero{margin:18px;padding:32px 22px;border:1px solid rgba(248,205,91,.22);border-radius:24px;background:radial-gradient(circle at 15% 10%,rgba(246,190,67,.2),transparent 38%),linear-gradient(145deg,#302339,#111923)}.paid-hub-hero span{color:#ffd66b;font-size:11px;letter-spacing:2px}.paid-hub-hero h1{margin:10px 0 8px;font-size:27px}.paid-hub-hero p{margin:0;color:#b9c4cf;line-height:1.8}
.paid-bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 18px}.paid-bundle-card{min-height:235px;position:relative;overflow:hidden;border:1px solid #2a3948;border-radius:20px;background:#172330;color:#fff;text-align:right;cursor:pointer}.paid-bundle-cover{height:120px;background:var(--bundle-cover);position:relative}.paid-bundle-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#172330 0,transparent 70%)}.paid-bundle-copy{padding:0 14px 15px}.paid-bundle-copy h2{font-size:16px;margin:0 0 8px}.paid-bundle-copy p{font-size:12px;line-height:1.55;color:#aebbc7;height:38px;overflow:hidden;margin:0 0 10px}.paid-bundle-meta{display:flex;justify-content:space-between;color:#ffd66b;font-size:12px}.paid-bundle-card.unlocked{border-color:#3e9b78}.paid-bundle-card.unlocked .paid-bundle-meta{color:#71d7aa}
.premium-thumb.has-preview:after{content:"▶ معاينة";position:absolute;inset:auto 8px 8px;background:rgba(8,14,20,.8);border-radius:20px;padding:5px 8px;color:#fff;font-size:11px}.premium-thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-cover video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.detail-cover.preview-ready{cursor:pointer}.detail-cover.preview-ready .detail-play{z-index:3}.detail-preview-label{position:absolute;z-index:4;right:14px;bottom:14px;padding:6px 10px;border-radius:16px;background:rgba(8,14,20,.78);color:#fff;font-size:12px}
.preview-playing .detail-play,.premium-thumb.preview-playing:after{opacity:0}.detail-play,.premium-thumb:after{transition:opacity .2s ease}
.detail-cover video,.premium-thumb video{object-fit:contain!important;background:#030507}
.delivery-success{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:22px;background:rgba(4,9,14,.78);backdrop-filter:blur(8px)}.delivery-success-card{width:min(420px,100%);padding:28px 22px 20px;border:1px solid rgba(89,222,160,.35);border-radius:26px;background:linear-gradient(160deg,#172b29,#111b25 60%);box-shadow:0 24px 80px rgba(0,0,0,.55);text-align:center;color:#fff}.delivery-success-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 16px;border-radius:50%;background:#43c98a;color:#07130e;font-size:38px;font-weight:900;box-shadow:0 0 0 10px rgba(67,201,138,.1)}.delivery-success-card h2{margin:0 0 10px;font-size:26px}.delivery-success-card p{margin:0;color:#c6d3d7;font-size:15px;line-height:1.9}.delivery-success-card button{width:100%;margin-top:20px;padding:13px;border:0;border-radius:14px;background:#4fcf92;color:#07130e;font-size:16px;font-weight:800}.delivery-success-timer{height:4px;margin-top:14px;overflow:hidden;border-radius:4px;background:rgba(255,255,255,.1)}.delivery-success-timer i{display:block;width:100%;height:100%;background:#4fcf92;transform-origin:right;animation:delivery-success-countdown 3s linear forwards}@keyframes delivery-success-countdown{to{transform:scaleX(0)}}
@media(min-width:760px){.paid-bundle-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.paid-hub-hero{padding:45px}.paid-bundle-card{min-height:270px}.paid-bundle-cover{height:155px}}

/* Paid discovery is deliberately recognizable without exposing the original file. */
.paid-offer-card{position:relative;isolation:isolate;min-height:260px;overflow:hidden;border:1px solid rgba(255,211,100,.52);border-radius:20px;background:#171321 var(--paid-offer-cover) center/cover no-repeat;color:#fff;text-align:right;cursor:pointer;box-shadow:0 18px 40px rgba(0,0,0,.36),0 0 0 1px rgba(255,214,111,.08) inset}
.paid-offer-card:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(6,8,13,.06) 12%,rgba(12,9,20,.28) 38%,rgba(12,9,20,.96) 86%),radial-gradient(circle at 85% 5%,rgba(255,209,91,.35),transparent 35%)}
.paid-offer-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);pointer-events:none}
.paid-offer-card:hover,.paid-offer-card:focus-visible{transform:translateY(-4px);border-color:#ffe09a;box-shadow:0 24px 54px rgba(0,0,0,.46),0 0 28px rgba(229,181,72,.16)}
.paid-offer-shine{position:absolute;z-index:1;top:-30%;left:-55%;width:42%;height:160%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,239,185,.22),transparent);animation:paidShine 5.5s ease-in-out infinite}
.paid-offer-badge{position:absolute;z-index:2;top:12px;right:12px;border:1px solid rgba(255,226,147,.6);border-radius:99px;background:rgba(35,23,10,.82);color:#ffe7a8;padding:5px 9px;font-size:9px;font-weight:900;letter-spacing:.7px}
.paid-offer-lock{position:absolute;z-index:2;top:12px;left:12px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:linear-gradient(145deg,#ffe499,#ae7621);color:#241708;box-shadow:0 5px 18px rgba(0,0,0,.3)}
.paid-offer-copy{position:absolute;z-index:2;right:14px;bottom:57px;left:14px;display:grid;gap:4px}
.paid-offer-copy>small{color:#f2d98f;font-size:9px}.paid-offer-copy>b{font-size:15px;line-height:1.45;text-shadow:0 2px 10px #000}.paid-offer-copy>em{color:#c8d0db;font-size:9px;font-style:normal}
.paid-offer-discount{width:max-content;max-width:100%;border-radius:99px;background:rgba(37,126,91,.86);color:#c8ffe8;padding:4px 7px;font-size:8px}
.paid-offer-price{position:absolute;z-index:2;right:14px;bottom:13px;left:14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,224,143,.2);padding-top:9px}.paid-offer-price b{color:#ffe195;font-size:14px}.paid-offer-price small{color:#fff;font-size:9px}
.paid-offer-card.in-rail{min-height:285px}.library-paid-offer{min-height:100%}
.paid-discovery-strip{display:grid;grid-template-columns:minmax(0,.75fr) minmax(210px,1.25fr);align-items:center;gap:16px;margin:10px 0 28px;padding:17px;border:1px solid rgba(225,184,79,.24);border-radius:24px;background:radial-gradient(circle at 15% 20%,rgba(231,183,74,.18),transparent 42%),linear-gradient(135deg,#1e1924,#111c27)}
.paid-discovery-strip>div{padding:8px}.paid-discovery-strip>div small{color:#f0ca70;font-size:9px;letter-spacing:1px}.paid-discovery-strip>div h2{margin:7px 0;font-size:21px}.paid-discovery-strip>div p{margin:0;color:#aeb9c5;font-size:11px;line-height:1.8}.paid-discovery-strip>.paid-offer-card{min-height:230px}
.premium-item-category-buy{border:1px solid rgba(255,215,113,.45);border-radius:13px;background:#302719;color:#ffe5a0;padding:12px 14px;font-weight:800;cursor:pointer}
.premium-item-actions{display:grid!important;grid-template-columns:1fr;gap:8px}
@keyframes paidShine{0%,55%{left:-55%;opacity:0}65%{opacity:1}82%,100%{left:125%;opacity:0}}
@media(max-width:600px){.paid-discovery-strip{grid-template-columns:1fr;padding:13px}.paid-discovery-strip>div h2{font-size:18px}.paid-offer-card{min-height:250px}.paid-offer-card.in-rail{min-height:265px}}
@media(prefers-reduced-motion:reduce){.paid-offer-shine{display:none}.paid-offer-card{transition:none}}
.owned-media-list{display:grid;gap:8px}.owned-media-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:10px;width:100%;border:1px solid #2d3c49;border-radius:14px;background:#15222d;color:#fff;padding:8px;text-align:right;cursor:pointer}.owned-media-card>span{width:54px;aspect-ratio:1;border-radius:10px;background:#202b35 var(--owned-cover) center/cover no-repeat}.owned-media-card>div{display:grid;gap:4px}.owned-media-card b{font-size:11px}.owned-media-card small{color:#9fafbd;font-size:8px}.owned-media-card i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#4d3b1e;color:#ffe29a;font-style:normal}.owned-media-card:hover{border-color:#c79d45}