
    :root{
      --red:#e10600;
      --red2:#ff1a1a;
      --text:#ffffff;
      --muted:rgba(255,255,255,.72);
      --card:rgba(18,0,0,.78);
      --line:rgba(255,30,30,.32);
    }

    body{
      font-family:'Inter',sans-serif;
      background:
        radial-gradient(circle at 72% 22%, rgba(255,0,0,.55), transparent 28%),
        radial-gradient(circle at 42% 28%, rgba(225,6,0,.38), transparent 30%),
        linear-gradient(135deg,#020000 0%,#090000 34%,#250000 62%,#050000 100%);
      background-attachment:fixed;
      color:var(--text);
    }

    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      z-index:-1;
      background:
        linear-gradient(115deg, transparent 0%, rgba(255,0,0,.10) 38%, rgba(255,255,255,.13) 42%, rgba(255,0,0,.12) 46%, transparent 68%),
        repeating-linear-gradient(115deg, rgba(255,0,0,.05) 0px, rgba(255,0,0,.05) 1px, transparent 1px, transparent 38px);
      opacity:.95;
    }

    body.light-mode{
      --text:#1b0000;
      --muted:#623030;
      --card:rgba(255,255,255,.88);
      --line:rgba(225,6,0,.22);
      background:
        radial-gradient(circle at 72% 20%, rgba(255,0,0,.22), transparent 30%),
        radial-gradient(circle at 25% 20%, rgba(225,6,0,.18), transparent 28%),
        linear-gradient(135deg,#fffafa,#ffecec 52%,#ffffff);
      color:var(--text);
    }

    .btn{ font-weight:800; }

    .btn-brand{
      border:none;
      border-radius:999px;
      background:linear-gradient(135deg,#ff1a1a,#e10600 52%,#8b0000);
      color:#fff!important;
      box-shadow:0 0 30px rgba(225,6,0,.38);
    }

    .btn-soft{
      border-radius:999px;
      border:1px solid var(--line);
      background:rgba(0,0,0,.28);
      color:var(--text)!important;
      font-weight:800;
    }

    body.light-mode .btn-soft{
      background:#fff;
      color:#220000!important;
    }

    .theme-toggle{
      width:44px;
      height:44px;
      border-radius:50%;
      border:1px solid rgba(255,30,30,.45);
      background:radial-gradient(circle at 35% 30%,#ffb000,#ff1a1a 42%,#6a0000);
      color:#fff!important;
      font-size:1.05rem;
      font-weight:900;
      box-shadow:0 0 25px rgba(225,6,0,.45);
    }

    .catalog-hero{ border-bottom:1px solid var(--line); }

    .chip{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid var(--line);
      background:rgba(30,0,0,.75);
      color:var(--text);
      font-weight:800;
      font-size:12px;
    }

    body.light-mode .chip{ background:rgba(255,255,255,.78); }

    .cardx,
    .image-card,
    .modal-content{
      background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,0,0,.045)),
        var(--card);
      border:1px solid var(--line);
      box-shadow:0 26px 70px rgba(0,0,0,.42);
      backdrop-filter:blur(10px);
      color:var(--text);
    }

    .cardx{ border-radius:30px; }

    .image-item{ display:flex; }

    .image-card{
      overflow:hidden;
      display:flex;
      flex-direction:column;
      height:100%;
      width:100%;
      border-radius:24px;
    }


    body{min-height:100vh;}
    a{color:#ff6b6b;}
    body.light-mode a{color:#b80500;}
    a:hover{color:#ff9d9d;}
    body.light-mode a:hover{color:#8b0000;}
    h1,h2,h3{font-weight:800;}
    .collection-shell{max-width:1400px;margin:auto;padding:28px 18px;}
    .collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:20px;}
    .collection-card,.cardx{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,0,0,.045)),var(--card);border:1px solid var(--line);box-shadow:0 26px 70px rgba(0,0,0,.42);color:var(--text);border-radius:24px;}
    .collection-card{padding:20px;overflow-wrap:anywhere;}
    .collection-card img{width:100%;height:190px;object-fit:contain;border-radius:16px;}
    .collection-buy{max-width:720px;margin:24px auto;}
    .collection-price{color:#ff2a2a;font-weight:900;}
    body.light-mode .collection-price{color:#c50600;}
    .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
    .btn-brand:hover,.btn-brand:active{background:linear-gradient(135deg,#e10600,#b80500 52%,#650000);color:#fff!important;}
    .btn-soft:hover{border-color:#ff2a2a;}
    .btn:focus-visible{outline:3px solid #ff9d9d;outline-offset:3px;}
    .collection-nav{padding-bottom:20px;border-bottom:1px solid var(--line);}
    .collection-brand{font-weight:900;color:var(--text)!important;text-decoration:none;margin-right:auto;}
    .marketing-consent{padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:12px;background:rgba(225,6,0,.10);}
    .marketing-consent label{font-weight:700;line-height:1.5;cursor:pointer;}
    .marketing-consent input[type="checkbox"]{flex:0 0 auto;width:1.15em;height:1.15em;cursor:pointer;accent-color:var(--red);}
    .collection-value{padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:12px;background:rgba(225,6,0,.10);line-height:1.6;}

.calendar-cover{padding:18px}.calendar-art{position:relative;width:100%;height:clamp(240px,45vw,520px);background:#050000;border-radius:16px;overflow:hidden}.calendar-art img{width:100%;height:100%;object-fit:contain}.calendar-art svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.calendar-mini-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;gap:2px;margin-top:12px;font-size:.72rem}.calendar-mini-grid b{color:#ff6b6b}.calendar-month{content-visibility:auto;contain-intrinsic-size:auto 380px}.calendar-month img{height:170px}.form-control,.form-select{background:var(--card);color:var(--text);border-color:var(--line)}.form-select option{background:#180000;color:white}body.light-mode .form-select option{background:white;color:#220000}
