.pc-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.pc-langs { display: flex; gap: 6px; }
.pc-langs button { padding: 4px 10px; border: 1px solid rgba(255,255,255,.15); border-radius: 6px; color: #cbd5e1; background: transparent; font-size: 12px; cursor: pointer; }
.pc-langs button[aria-pressed="true"] { border-color: #b8ff1f; color: #b8ff1f; }
.pc-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.pc-filters button { padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.15); background: transparent; color: #cbd5e1; font-size: 13px; cursor: pointer; }
.pc-filters button[aria-pressed="true"] { background: #b8ff1f; color: #121212; border-color: #b8ff1f; font-weight: 600; }
.pc-grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.pc-card { position: relative; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.03); overflow: hidden; transition: transform .2s, border-color .2s; }
.pc-card:hover { transform: translateY(-4px); border-color: rgba(184,255,31,.5); }
.pc-sale-badge { position: absolute; z-index: 1; top: 12px; left: 12px; padding: 7px 11px; border-radius: 999px; background: #ef4444; color: #fff; font-size: 12px; line-height: 1; font-weight: 800; letter-spacing: .08em; box-shadow: 0 0 18px rgba(239,68,68,.6); animation: pc-sale-pulse 1s ease-in-out infinite alternate; }
@keyframes pc-sale-pulse { from { opacity: 1; transform: scale(1); } to { opacity: .68; transform: scale(1.08); } }
@media (prefers-reduced-motion: reduce) { .pc-sale-badge { animation: none; } }
.pc-img { aspect-ratio: 16/10; width: 100%; object-fit: cover; background: #1b1b1b; display: block; }
.pc-body { padding: 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.pc-cat { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #b8ff1f; }
.pc-name { font-weight: 700; font-size: 18px; color: #fff; }
.pc-desc { font-size: 14px; color: #94a3b8; flex: 1; white-space: pre-line; }
.pc-price { font-weight: 700; color: #fff; }
.pc-wa { display: inline-flex; justify-content: center; align-items: center; gap: 8px; margin-top: 6px; padding: 10px 14px; border-radius: 8px; background: #25D366; color: #04210f; font-weight: 700; font-size: 14px; text-decoration: none; }
.pc-wa:hover { filter: brightness(1.1); }
.pc-empty { color: #94a3b8; padding: 40px 0; text-align: center; }

.site-clock { display: inline-flex; flex-direction: column; align-items: flex-end; line-height: 1.15; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.site-clock .clk-time { color: #b8ff1f; font-weight: 700; font-size: 15px; font-variant-numeric: tabular-nums; letter-spacing: .08em; }
.site-clock .clk-date { color: #9ca3af; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; }
.intro-clock { position: absolute; top: 16px; right: 20px; z-index: 5; }
.pc-mgmt { display: flex; gap: 8px; margin-top: 10px; }
.pc-mgmt button, .pc-mgmt a { padding: 6px 12px; border-radius: 8px; border: 1px solid rgba(255,255,255,.25); background: transparent; color: #e5e7eb; font-size: 13px; font-weight: 700; cursor: pointer; text-decoration: none; }
.pc-mgmt .pc-del { background: #ef4444; border-color: #ef4444; color: #fff; }
.pc-adminbar { margin: 0 0 16px; padding: 8px 12px; border: 1px dashed rgba(184,255,31,.5); border-radius: 10px; color: #b8ff1f; font-size: 13px; }

.cs-box { position: relative; grid-column: 1 / -1; text-align: center; padding: 56px 20px; border: 1px solid rgba(184,255,31,.25); border-radius: 18px; overflow: hidden; background: linear-gradient(120deg, rgba(184,255,31,.05), rgba(61,107,255,.08), rgba(184,255,31,.05)); background-size: 200% 100%; animation: cs-bg 6s linear infinite; }
.cs-orbs span { position: absolute; border-radius: 50%; filter: blur(30px); opacity: .45; animation: cs-float 7s ease-in-out infinite; }
.cs-orbs span:nth-child(1) { width: 140px; height: 140px; background: #b8ff1f; left: 8%; top: 10%; }
.cs-orbs span:nth-child(2) { width: 170px; height: 170px; background: #3d6bff; right: 8%; bottom: 0; animation-delay: -2.5s; }
.cs-orbs span:nth-child(3) { width: 90px; height: 90px; background: #ff3d9a; left: 48%; top: 55%; animation-delay: -4.5s; }
.cs-title { position: relative; font-weight: 800; font-size: clamp(20px, 4vw, 34px); color: #fff; line-height: 1.3; }
.cs-title span { display: inline-block; white-space: pre; animation: cs-wave 2.4s ease-in-out infinite; }
.cs-sub { position: relative; margin-top: 12px; color: #b8ff1f; font-size: 15px; animation: cs-glow 2.4s ease-in-out infinite; }
.cs-dots { position: relative; margin-top: 18px; display: flex; justify-content: center; gap: 8px; }
.cs-dots i { width: 10px; height: 10px; border-radius: 50%; background: #b8ff1f; animation: cs-bounce 1.1s ease-in-out infinite; }
.cs-dots i:nth-child(2) { animation-delay: .15s; } .cs-dots i:nth-child(3) { animation-delay: .3s; }
@keyframes cs-wave { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); color: #b8ff1f; } }
@keyframes cs-float { 0%, 100% { transform: translate(0,0) scale(1); } 50% { transform: translate(30px,-22px) scale(1.2); } }
@keyframes cs-bounce { 0%, 100% { transform: translateY(0); opacity: .5; } 50% { transform: translateY(-10px); opacity: 1; } }
@keyframes cs-glow { 0%, 100% { opacity: .6; } 50% { opacity: 1; } }
@keyframes cs-bg { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .cs-box, .cs-orbs span, .cs-title span, .cs-sub, .cs-dots i { animation: none; } }

.pg-wrap { position: relative; }
.pg-strip { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.pg-strip::-webkit-scrollbar { display: none; }
.pg-strip .pg-img { flex: 0 0 100%; scroll-snap-align: center; cursor: zoom-in; }
.pg-count { position: absolute; top: 8px; left: 8px; padding: 2px 8px; border-radius: 999px; background: rgba(0,0,0,.65); color: #fff; font-size: 12px; font-weight: 700; pointer-events: none; }
.pg-dots { position: absolute; bottom: 8px; left: 0; right: 0; display: flex; justify-content: center; gap: 5px; pointer-events: none; }
.pg-dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.45); }
.pg-dots i.on { background: #b8ff1f; }
.pg-prev, .pg-next { position: absolute; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(0,0,0,.55); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; opacity: 0; transition: opacity .2s; }
.pg-prev { left: 6px; } .pg-next { right: 6px; }
.pg-wrap:hover .pg-prev, .pg-wrap:hover .pg-next, .pg-prev:focus-visible, .pg-next:focus-visible { opacity: 1; }
@media (hover: none) { .pg-prev, .pg-next { display: none; } }
.gl-box { position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,.92); display: flex; align-items: center; justify-content: center; }
.gl-box[hidden] { display: none; }
.gl-img { max-width: 94vw; max-height: 86vh; object-fit: contain; border-radius: 8px; user-select: none; }
.gl-x, .gl-prev, .gl-next { position: absolute; border: 0; background: rgba(255,255,255,.15); color: #fff; cursor: pointer; border-radius: 50%; width: 44px; height: 44px; font-size: 26px; line-height: 1; }
.gl-x { top: 14px; right: 14px; font-size: 20px; }
.gl-prev { left: 12px; top: 50%; transform: translateY(-50%); }
.gl-next { right: 12px; top: 50%; transform: translateY(-50%); }
.gl-box.single .gl-prev, .gl-box.single .gl-next { display: none; }
.gl-count { position: absolute; bottom: 18px; left: 0; right: 0; text-align: center; color: #fff; font-weight: 700; }
.ad-thumbs { display: flex; gap: 8px; flex-wrap: wrap; }
.ad-thumb { position: relative; width: 78px; height: 58px; border-radius: 8px; overflow: hidden; border: 1px solid rgba(255,255,255,.2); }
.ad-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ad-thumb button { position: absolute; top: 2px; right: 2px; width: 22px; height: 22px; border: 0; border-radius: 50%; background: #ef4444; color: #fff; font-size: 12px; cursor: pointer; padding: 0; }
.ad-thumb .ad-first { position: absolute; left: 2px; bottom: 2px; font-size: 9px; background: #b8ff1f; color: #111; padding: 0 4px; border-radius: 4px; font-weight: 700; }

/* Video & music gallery */
#home-media .md-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.md-card{position:relative;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}
.md-card video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.md-card audio{display:block;width:calc(100% - 24px);margin:0 12px 10px}
.md-art{display:grid;place-items:center;height:110px;font-size:54px;color:#b8ff1f;background:radial-gradient(circle at 50% 40%,rgba(184,255,31,.18),transparent 70%);animation:md-pulse 2.4s ease-in-out infinite}
@keyframes md-pulse{50%{transform:scale(1.08);opacity:.8}}
.md-cap{padding:10px 14px 14px}
.md-tag{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#b8ff1f}
.md-title{margin-top:4px;font-weight:600;color:#fff;word-break:break-word}
.pg-img,.gl-img,.pc-card img,.md-card video{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}
@media (prefers-reduced-motion:reduce){.md-art{animation:none}}
.md-viz{display:block;width:100%;height:110px;background:radial-gradient(circle at 50% 100%,rgba(25,211,255,.15),transparent 70%),rgba(0,0,0,.35)}
.md-hint{position:absolute;top:8px;left:8px;right:8px;text-align:center;font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(184,255,31,.15);color:#b8ff1f;animation:md-pulse 1.6s ease-in-out infinite;pointer-events:none}

/* Dark glass neon music player */
.md-card.md-audio{background:linear-gradient(160deg,rgba(8,12,20,.72),rgba(14,6,28,.6));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:rgba(25,211,255,.28);box-shadow:0 0 0 1px rgba(184,255,31,.06),0 0 22px rgba(25,211,255,.12);transition:box-shadow .4s,border-color .4s}
.md-card.md-live{border-color:rgba(184,255,31,.6);box-shadow:0 0 26px rgba(184,255,31,.28),0 0 60px rgba(25,211,255,.2);animation:md-glow 2.2s ease-in-out infinite}
@keyframes md-glow{50%{box-shadow:0 0 34px rgba(184,255,31,.42),0 0 80px rgba(25,211,255,.3)}}
.md-player{display:flex;align-items:center;gap:10px;margin:0 12px 6px;padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08)}
.md-play{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid #b8ff1f;background:rgba(184,255,31,.08);color:#b8ff1f;font-size:15px;cursor:pointer;display:grid;place-items:center;text-shadow:0 0 8px #b8ff1f;box-shadow:0 0 10px rgba(184,255,31,.45),inset 0 0 8px rgba(184,255,31,.2);transition:transform .15s,box-shadow .2s}
.md-play:hover{transform:scale(1.08);box-shadow:0 0 18px rgba(184,255,31,.8),inset 0 0 10px rgba(184,255,31,.3)}
.md-player.on .md-play{animation:md-btn 1.4s ease-in-out infinite}
@keyframes md-btn{50%{box-shadow:0 0 22px rgba(184,255,31,.9),inset 0 0 12px rgba(184,255,31,.35)}}
.md-time{flex:none;font:12px/1 ui-monospace,Consolas,monospace;color:#19d3ff;text-shadow:0 0 6px rgba(25,211,255,.7);min-width:34px;text-align:center}
.md-player input[type=range]{-webkit-appearance:none;appearance:none;height:5px;border-radius:5px;outline:none;cursor:pointer;background:linear-gradient(90deg,#b8ff1f,#19d3ff) 0/var(--p,0%) 100% no-repeat,rgba(255,255,255,.14);box-shadow:0 0 8px rgba(25,211,255,.35)}
.md-seek{flex:1;min-width:60px}
.md-vol{flex:none;width:64px}
.md-player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 10px #19d3ff,0 0 4px #b8ff1f}
.md-player input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 10px #19d3ff}
@media (max-width:420px){.md-vol{display:none}}
@media (prefers-reduced-motion:reduce){.md-card.md-live,.md-player.on .md-play{animation:none}}

/* Floating music button */
.md-fab{position:fixed;left:16px;bottom:16px;z-index:60;width:46px;height:46px;border-radius:50%;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:13px 0;background:rgba(8,12,20,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(25,211,255,.5);box-shadow:0 0 14px rgba(25,211,255,.35);cursor:pointer}
.md-fab[hidden]{display:none}
.md-fab i{display:block;width:3px;height:6px;border-radius:2px;background:#b8ff1f;box-shadow:0 0 6px #b8ff1f}
.md-fab.on{border-color:#b8ff1f;box-shadow:0 0 18px rgba(184,255,31,.6)}
.md-fab.on i{animation:md-eq .9s ease-in-out infinite}
.md-fab.on i:nth-child(2){animation-delay:.2s}.md-fab.on i:nth-child(3){animation-delay:.4s}.md-fab.on i:nth-child(4){animation-delay:.1s}
@keyframes md-eq{50%{height:18px}}
@media (prefers-reduced-motion:reduce){.md-fab.on i{animation:none;height:12px}}