from pathlib import Path

src = Path("/mnt/data/Pasted markdown(20260814-080322).md")
text = src.read_text(encoding="utf-8")

# Remove markdown fences if present.
lines = text.splitlines()
if lines and lines[0].strip().startswith("```"):
    lines = lines[1:]
if lines and lines[-1].strip() == "```":
    lines = lines[:-1]
base_css = "\n".join(lines).rstrip()

override = r'''

/* =========================================================
   BLACK • GOLD • RED LUXURY THEME V2
   Premium override — ready to install
========================================================= */

:root {
  --bg-black: #050505;
  --bg-black-2: #0c0c0c;
  --bg-card: rgba(18, 8, 8, 0.88);

  --red: #c80012;
  --red-bright: #ff2135;
  --red-dark: #650008;
  --red-deep: #310004;

  --gold: #d4af37;
  --gold-light: #ffe59a;
  --gold-bright: #ffcc43;
  --gold-dark: #8e6816;

  --white: #ffffff;
  --text: #f6f1e7;
  --muted: #c9c2b7;
  --border-gold: rgba(212, 175, 55, 0.35);
}

/* ===== BODY / PREMIUM BACKGROUND ===== */
html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--text);

  background:
    radial-gradient(circle at 12% 10%, rgba(200,0,18,.14), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(212,175,55,.10), transparent 26%),
    radial-gradient(circle at 50% 85%, rgba(145,0,12,.11), transparent 34%),
    linear-gradient(180deg, #030303 0%, #0a0304 42%, #050505 100%);
}

/* subtle particles */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .42;

  background-image:
    radial-gradient(circle, rgba(255,229,154,.88) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(255,33,53,.52) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(255,255,255,.26) 0 .8px, transparent 1.2px);

  background-size: 110px 110px, 170px 170px, 235px 235px;
  background-position: 15px 28px, 45px 90px, 85px 125px;

  animation: luxuryParticles 6s ease-in-out infinite alternate;
}

body::after {
  content: "";
  position: fixed;
  width: 680px;
  height: 680px;
  top: 22%;
  left: 50%;
  z-index: -3;
  pointer-events: none;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  filter: blur(55px);

  background:
    radial-gradient(circle,
      rgba(200,0,18,.12) 0%,
      rgba(212,175,55,.07) 34%,
      transparent 70%);

  animation: luxuryAura 12s ease-in-out infinite alternate;
}

@keyframes luxuryParticles {
  from { opacity: .28; transform: translateY(0); }
  to   { opacity: .55; transform: translateY(8px); }
}

@keyframes luxuryAura {
  from { transform: translate(-54%, -50%) scale(.96); }
  to   { transform: translate(-46%, -42%) scale(1.12); }
}

/* ===== TYPOGRAPHY ===== */
h1,
h2,
h3 {
  color: var(--gold-light);
  text-shadow:
    0 0 7px rgba(212,175,55,.32),
    0 0 18px rgba(200,0,18,.12);
}

/* ===== HEADER ===== */
header {
  position: relative;
  z-index: 20;

  background:
    linear-gradient(135deg,
      rgba(2,2,2,.98) 0%,
      rgba(49,0,4,.96) 48%,
      rgba(5,5,5,.98) 100%);

  border-bottom: 1px solid var(--gold);
  box-shadow:
    0 10px 32px rgba(0,0,0,.60),
    0 0 22px rgba(200,0,18,.10),
    0 0 18px rgba(212,175,55,.08);

  backdrop-filter: blur(10px);
}

header::after {
  content: "";
  position: absolute;
  left: 5%;
  right: 5%;
  bottom: -1px;
  height: 1px;
  background:
    linear-gradient(90deg,
      transparent,
      var(--red-bright),
      var(--gold-light),
      var(--red-bright),
      transparent);
  opacity: .8;
}

/* ===== LOGO ===== */
.logo img {
  filter:
    drop-shadow(0 0 8px rgba(212,175,55,.28))
    drop-shadow(0 0 14px rgba(200,0,18,.10));
  transition: transform .3s ease, filter .3s ease;
}

.logo img:hover {
  transform: scale(1.04);
  filter:
    drop-shadow(0 0 12px rgba(255,229,154,.45))
    drop-shadow(0 0 18px rgba(255,33,53,.18));
}

/* ===== NAVIGATION ===== */
header nav ul li a {
  color: #fff6e6;
  font-weight: 600;
}

header nav ul li a::after {
  height: 2px;
  border-radius: 99px;

  background:
    linear-gradient(90deg,
      var(--red-bright),
      var(--gold-light),
      var(--red-bright));

  box-shadow: 0 0 10px rgba(212,175,55,.40);
}

header nav ul li a:hover {
  color: var(--gold-light);
  text-shadow: 0 0 10px rgba(255,229,154,.20);
}

/* ===== SEARCH ===== */
.search-box {
  border: 1px solid rgba(212,175,55,.55);
  background: rgba(255,255,255,.045);
  box-shadow:
    inset 0 0 12px rgba(255,255,255,.018),
    0 0 14px rgba(200,0,18,.05);
  transition: border-color .3s ease, box-shadow .3s ease;
}

.search-box:focus-within {
  border-color: var(--gold-light);
  box-shadow:
    0 0 0 3px rgba(212,175,55,.07),
    0 0 18px rgba(200,0,18,.12);
}

.search-box input {
  color: #fff;
}

.search-box input::placeholder {
  color: #aaa29a;
}

/* ===== HEADER ICONS ===== */
.icons {
  color: var(--gold);
}

.icons i {
  transition:
    color .3s ease,
    transform .3s ease,
    text-shadow .3s ease;
}

.icons i:hover {
  color: var(--red-bright);
  transform: translateY(-2px) scale(1.05);
  text-shadow: 0 0 12px rgba(255,33,53,.50);
}

/* ===== PRODUCT SECTION ===== */
.product {
  position: relative;
  background:
    radial-gradient(circle at 50% 5%, rgba(200,0,18,.09), transparent 38%),
    radial-gradient(circle at 80% 80%, rgba(212,175,55,.045), transparent 35%);
}

.product::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-top: 1px solid rgba(212,175,55,.07);
  border-bottom: 1px solid rgba(200,0,18,.08);
}

/* ===== MAIN IMAGE ===== */
.main-img {
  border: 1px solid rgba(212,175,55,.70);
  background: #080808;
  padding: 4px;

  box-shadow:
    0 0 16px rgba(212,175,55,.17),
    0 0 36px rgba(200,0,18,.12),
    0 18px 45px rgba(0,0,0,.70);

  transition: transform .4s ease, box-shadow .4s ease;
}

.main-img:hover {
  transform: translateY(-6px) scale(1.01);

  box-shadow:
    0 0 22px rgba(255,229,154,.24),
    0 0 45px rgba(255,33,53,.15),
    0 24px 55px rgba(0,0,0,.82);
}

/* ===== PRICE ===== */
.price {
  color: var(--gold-light);
  text-shadow: 0 0 12px rgba(212,175,55,.30);
}

/* ===== THUMBNAILS ===== */
.thumbnails img {
  border: 2px solid rgba(212,175,55,.15);
  box-shadow: 0 5px 14px rgba(0,0,0,.35);
}

.thumbnails img:hover {
  border-color: var(--gold-light);
  transform: translateY(-4px) scale(1.03);
  box-shadow:
    0 0 14px rgba(212,175,55,.25),
    0 8px 18px rgba(0,0,0,.45);
}

/* ===== DETAILS ===== */
.details h3 {
  color: #e3be50;
}

.details h1 {
  color: var(--gold-light);
  text-shadow:
    0 0 10px rgba(212,175,55,.20),
    0 0 16px rgba(200,0,18,.08);
}

.rating {
  color: #ffd84c;
}

.rating .reviews {
  color: var(--gold);
}

.stock {
  color: #d7d1ca;
}

.stock .in-stock {
  color: #ff4051;
}

/* ===== COLOR DOTS ===== */
.colors span {
  border: 2px solid rgba(212,175,55,.45);
  box-shadow: 0 0 0 rgba(212,175,55,0);
}

.colors span:hover {
  border-color: var(--gold-light);
  box-shadow:
    0 0 12px rgba(212,175,55,.35),
    0 0 18px rgba(200,0,18,.14);
}

/* ===== SPECS ===== */
.specs {
  color: #ddd5cb;
}

.specs li {
  padding: 7px 10px;
  margin: .5rem 0;

  border-left: 3px solid rgba(212,175,55,.58);
  border-radius: 0 8px 8px 0;

  background:
    linear-gradient(90deg,
      rgba(200,0,18,.09),
      rgba(212,175,55,.03),
      transparent);
}

.desc {
  color: #cfc7bd;
  line-height: 1.8;
}

/* ===== QUANTITY ===== */
.qty-box {
  border: 1px solid rgba(212,175,55,.68);
  background: #120b0c;

  box-shadow:
    0 0 12px rgba(212,175,55,.08),
    0 6px 16px rgba(0,0,0,.40);
}

.qty-box button {
  background:
    linear-gradient(135deg,
      var(--red-dark),
      var(--red),
      var(--red-bright));

  color: var(--gold-light);
}

.qty-box button:hover {
  background:
    linear-gradient(135deg,
      var(--gold-dark),
      var(--gold),
      var(--gold-light));

  color: #240003;
  box-shadow: 0 0 12px rgba(212,175,55,.24);
}

.qty-box input {
  background: #120b0c;
  color: var(--gold-light);
}

/* ===== BUTTONS ===== */
.add-cart,
.buy-now {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  letter-spacing: .3px;
}

.add-cart::before,
.buy-now::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -70%;
  left: -45%;
  width: 30%;
  height: 240%;
  transform: rotate(25deg);

  background:
    linear-gradient(90deg,
      transparent,
      rgba(255,255,255,.42),
      transparent);

  transition: left .65s ease;
}

.add-cart:hover::before,
.buy-now:hover::before {
  left: 125%;
}

/* Login */
.add-cart {
  background:
    linear-gradient(135deg,
      #5a0008,
      #b90010,
      #f02031);

  color: #fff;

  border: 1px solid var(--gold);
  box-shadow:
    0 6px 18px rgba(200,0,18,.28),
    inset 0 0 12px rgba(255,255,255,.03);
}

.add-cart:hover {
  background:
    linear-gradient(135deg,
      var(--gold-dark),
      var(--gold),
      var(--gold-light));

  color: #2a0003;
  transform: translateY(-3px);

  box-shadow:
    0 0 18px rgba(212,175,55,.30),
    0 10px 26px rgba(0,0,0,.42);
}

/* Register */
.buy-now {
  background:
    linear-gradient(135deg,
      #7d5b14,
      #d4af37,
      #ffe59a,
      #c69621);

  color: #2b0003;
  border: 1px solid #ffe59a;

  box-shadow:
    0 6px 18px rgba(212,175,55,.20);
}

.buy-now:hover {
  background:
    linear-gradient(135deg,
      #570008,
      #b90010,
      #ef2031);

  border-color: var(--gold-light);
  color: #fff;

  transform: translateY(-3px);

  box-shadow:
    0 0 18px rgba(255,33,53,.24),
    0 10px 26px rgba(0,0,0,.42);
}

/* ===== REVIEWS ===== */
.reviews {
  position: relative;
  overflow: hidden;

  background:
    linear-gradient(145deg,
      rgba(24,9,10,.95),
      rgba(7,7,7,.97));

  border: 1px solid rgba(212,175,55,.28);

  box-shadow:
    0 10px 30px rgba(0,0,0,.42),
    inset 0 0 24px rgba(200,0,18,.025);
}

.reviews::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:
    linear-gradient(120deg,
      transparent 0%,
      rgba(212,175,55,.025) 50%,
      transparent 100%);
}

.reviews h3 {
  color: var(--gold-light);
}

.review {
  color: #ddd4ca;
  border-bottom: 1px solid rgba(212,175,55,.18);
}

/* ===== FOOTER ===== */
.footer {
  position: relative;
  overflow: hidden;

  background:
    radial-gradient(circle at 50% 0%, rgba(200,0,18,.09), transparent 34%),
    linear-gradient(135deg,
      #040404 0%,
      #240003 52%,
      #080808 100%);

  color: #ddd5cb;

  border-top: 1px solid var(--gold);

  box-shadow:
    0 -10px 30px rgba(0,0,0,.30),
    0 -1px 18px rgba(212,175,55,.04);
}

.footer::before {
  content: "";
  position: absolute;
  left: 5%;
  right: 5%;
  top: 0;
  height: 1px;

  background:
    linear-gradient(90deg,
      transparent,
      var(--red-bright),
      var(--gold-light),
      var(--red-bright),
      transparent);
}

.footer-col h3,
.footer-col .logo {
  color: var(--gold-light);
}

.footer-col p {
  color: #c7beb4;
}

.footer-col ul li a {
  color: #ddd5cb;
}

.footer-col ul li a:hover {
  color: var(--gold-light);
}

/* ===== SUBSCRIBE ===== */
.subscribe input {
  border-bottom: 2px solid var(--gold);
  color: #fff;
}

.subscribe input::placeholder {
  color: #8e8580;
}

.subscribe button {
  background:
    linear-gradient(135deg,
      var(--red-dark),
      var(--red),
      var(--red-bright));

  color: #fff;
  border: 1px solid var(--gold);
}

.subscribe button:hover {
  background:
    linear-gradient(135deg,
      var(--gold-dark),
      var(--gold),
      var(--gold-light));

  color: #290003;
  transform: translateY(-2px);

  box-shadow: 0 8px 18px rgba(212,175,55,.18);
}

/* ===== SOCIAL ===== */
.socials a {
  color: var(--gold);
}

.socials a:hover {
  color: var(--red-bright);
  transform: translateY(-4px) scale(1.06);
  text-shadow: 0 0 12px rgba(255,33,53,.42);
}

/* ===== FOOTER BOTTOM ===== */
.footer-bottom {
  color: #b9b0a7;
  border-top: 1px solid rgba(212,175,55,.25);
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar {
  width: 9px;
}

::-webkit-scrollbar-track {
  background: #040404;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background:
    linear-gradient(180deg,
      var(--gold-light),
      var(--red),
      var(--gold-dark));
}

::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(180deg,
      var(--gold-light),
      var(--red-bright));
}

/* ===== TEXT SELECTION ===== */
::selection {
  background: var(--red);
  color: var(--gold-light);
}

/* ===== MOBILE POLISH ===== */
@media (max-width: 768px) {
  header {
    background:
      linear-gradient(180deg,
        rgba(4,4,4,.99),
        rgba(58,0,6,.97));
  }

  .search-box {
    width: 100%;
    max-width: 340px;
  }

  .search-box input {
    width: 100%;
  }

  .product {
    padding-left: 4%;
    padding-right: 4%;
  }
}

@media (max-width: 480px) {
  .details h1 {
    font-size: 1.5rem;
  }

  .main-img {
    border-width: 1px;
  }

  body::after {
    width: 320px;
    height: 320px;
  }
}

/* ===== ACCESSIBILITY ===== */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
'''

out = Path("/mnt/data/tema-hitam-emas-merah-premium.css")
out.write_text(base_css + "\n" + override, encoding="utf-8")

print(f"Berhasil dibuat: {out}")
print(f"Ukuran file: {out.stat().st_size:,} bytes")