:root {
        --glow-intensity: 1;
        --bg: #050a05;
        --surface: #0a120a;
        --surface2: #0f1a0f;
        --border: #1a2e1a;
        --text-dim: #6b7280;
        --commission-font-display: "Space Grotesk", "DM Sans", sans-serif;
        --commission-font-mono: "Space Mono", "DM Mono", ui-monospace,
          monospace;
        --beat-dl-green: #22c55e;
        --beat-dl-amber: #fbbf24;
        --z-beat-mobile-dl-bar: 240;
        --z-beat-bottom-nudge: 245;
        --beat-mobile-dl-bar-pad: 4.75rem;
        --beat-bottom-nudge-pad: 7.25rem;
        --beat-bottom-promo-pad: 0px;
        --product-section-gap: 1.25rem;
        --product-inset-gap: 0.75rem;
        --product-col-gap: 2rem;
        --product-left-col: min(400px, 32%);
      }
      body.beat-mobile-dl-bar-visible {
        --beat-bottom-promo-pad: var(--beat-mobile-dl-bar-pad);
      }
      body.beat-bottom-nudge-visible {
        --beat-bottom-promo-pad: var(--beat-bottom-nudge-pad);
      }
      @media (max-width: 767px) {
        main.product-page-main {
          padding-bottom: calc(
            5rem + var(--beat-bottom-promo-pad) + env(safe-area-inset-bottom, 0)
          ) !important;
        }
      }
      * {
        -webkit-tap-highlight-color: transparent;
      }
      @keyframes glow {
        0%,
        100% {
          text-shadow: 0 0 calc(8px * var(--glow-intensity)) #22c55e;
        }
        50% {
          text-shadow: 0 0 calc(20px * var(--glow-intensity)) #22c55e;
        }
      }
      @keyframes spin {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(360deg);
        }
      }
      @keyframes scanline {
        0% {
          transform: translateY(-100%);
        }
        100% {
          transform: translateY(100vh);
        }
      }
      @keyframes static-flicker {
        0%,
        100% {
          opacity: 1;
        }
        50% {
          opacity: 0.98;
        }
      }
      .branding {
        font-family: monospace;
        font-weight: 700;
        animation: glow 2s infinite;
      }
      .card-animated-border {
        position: relative;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 14px !important;
      }
      .card-animated-border::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 14px;
        box-shadow: 0 0 calc(10px * var(--glow-intensity))
          rgba(34, 197, 94, 0.15);
        pointer-events: none;
        z-index: -1;
      }
      .product-image-wrapper {
        width: min(100%, 420px);
        aspect-ratio: 1 / 1;
        height: auto;
        border-radius: 0;
        overflow: hidden;
        background: transparent;
        border: 3px solid #333;
        box-shadow:
          0 0 15px rgba(0, 0, 0, 0.4),
          inset 0 0 25px rgba(0, 0, 0, 0.3),
          0 0 calc(20px * var(--glow-intensity)) rgba(34, 197, 94, 0.25);
        position: relative;
        margin: 0 auto;
        transition: all 0.4s ease;
      }
      .product-image-wrapper:hover {
        border-color: rgba(34, 197, 94, 0.5);
        box-shadow:
          0 0 20px rgba(0, 0, 0, 0.5),
          inset 0 0 25px rgba(0, 0, 0, 0.3),
          0 0 calc(30px * var(--glow-intensity)) rgba(34, 197, 94, 0.4);
        transform: scale(1.02);
      }
      .product-image-wrapper::after {
        display: none;
      }
      .product-image {
        width: 100%;
        height: 100%;
        border-radius: 0;
        object-fit: cover;
        display: block;
        position: relative;
        z-index: 0;
        animation: none;
        transition: all 0.3s;
      }
      .btn-loading {
        position: relative;
        color: transparent;
        pointer-events: none;
      }
      .btn-loading::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
        border: 3px solid rgba(0, 0, 0, 0.3);
        border-top-color: #000;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
      }
      .btn {
        padding: 18px 24px;
        background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
        color: #000;
        font-weight: bold;
        border-radius: 4px;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0.15em;
        transition: all 0.3s ease;
        border: none;
        font-family: monospace;
        box-shadow: 0 0 calc(10px * var(--glow-intensity))
          rgba(34, 197, 94, 0.3);
        min-height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .btn:hover {
        background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
        box-shadow: 0 0 calc(20px * var(--glow-intensity))
          rgba(34, 197, 94, 0.5);
        transform: translateY(-1px);
      }
      .btn:active {
        transform: translateY(0);
      }
      .btn-disabled {
        background: #4b5563;
        cursor: not-allowed;
        opacity: 0.6;
        box-shadow: none;
      }
      .btn-disabled:hover {
        background: #4b5563;
        box-shadow: none;
        transform: none;
      }

      .action-shell--guest-free {
        position: relative;
        padding: 1rem 1.1rem 1.1rem;
        border-radius: 10px;
        border: 1px solid rgba(34, 197, 94, 0.28);
        background: rgba(8, 12, 8, 0.92);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
        overflow: hidden;
      }
      .action-shell--guest-free::before {
        display: none;
      }
      .action-shell--guest-free > * {
        position: relative;
        z-index: 1;
      }
      .action-shell--guest-free.is-pulse-attention {
        animation: none;
      }
      .action-shell--guest-free .beat-download-hero {
        padding: 0;
        margin: 0;
        border: none;
        background: none;
        box-shadow: none;
        overflow: visible;
      }
      .action-shell--guest-free .beat-download-hero::before {
        display: none;
      }
      .action-shell--guest-free #download-btn {
        margin-top: 0.1rem;
      }
      .action-shell.is-hash-highlight {
        animation: beat-dl-hash-ring 2.1s ease-out;
      }
      @keyframes beat-dl-hash-ring {
        0%,
        18% {
          box-shadow: 0 0 0 0 rgba(251, 191, 36, 0.55);
          border-radius: 16px;
        }
        35% {
          box-shadow: 0 0 0 5px rgba(251, 191, 36, 0.28);
        }
        100% {
          box-shadow: 0 0 0 0 rgba(251, 191, 36, 0);
        }
      }

      .beat-download-hero {
        position: relative;
      }
      .beat-download-hero:not(.hidden) {
        padding: 0;
      }
      .beat-download-hero__ribbon {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        margin-bottom: 0.5rem;
        padding: 0.22rem 0.6rem 0.22rem 0.5rem;
        border-radius: 999px;
        border: 1px solid rgba(251, 191, 36, 0.35);
        background: rgba(251, 191, 36, 0.1);
        color: #fde68a;
        font-family: var(--commission-font-display);
        font-size: 0.625rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }
      .beat-download-hero__ribbon-dot {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: var(--beat-dl-amber);
        box-shadow: 0 0 8px rgba(251, 191, 36, 0.75);
        flex-shrink: 0;
      }
      .beat-download-hero__title {
        margin: 0 0 0.35rem;
        font-family: var(--commission-font-display);
        font-size: 1.125rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1.2;
        color: #f0fdf4;
        text-transform: none;
      }
      .beat-download-hero__sub {
        margin: 0 0 0.75rem;
        font-size: 0.8125rem;
        line-height: 1.45;
        color: #a1a1aa;
        max-width: 36rem;
      }
      .beat-download-hero__props {
        list-style: none;
        margin: 0 0 0.85rem;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 0.4rem;
      }
      .beat-download-hero__prop {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        padding: 0.35rem 0.65rem;
        border-radius: 999px;
        border: 1px solid rgba(34, 197, 94, 0.22);
        background: rgba(0, 0, 0, 0.35);
        font-size: 0.75rem;
        font-weight: 500;
        color: #d4d4d8;
        letter-spacing: 0.01em;
      }
      .beat-download-hero__prop-icon {
        color: var(--beat-dl-green);
        font-size: 0.8rem;
        line-height: 1;
      }
      .beat-download-hero__cta-wrap {
        margin-top: 0.15rem;
      }
      .action-shell--guest-free.is-pulse-attention
        #download-btn.btn.download-btn--guest-free:not(.btn-disabled) {
        animation: none;
      }
      #download-btn.btn.download-btn--guest-free,
      #download-btn.btn.download-btn--free {
        position: relative;
        gap: 0.55rem;
        font-family: var(--commission-font-display);
        font-size: 0.9375rem;
        font-weight: 700;
        letter-spacing: 0.01em;
        text-transform: none;
        border-radius: 12px;
        min-height: 54px;
        overflow: hidden;
        isolation: isolate;
      }
      #download-btn.btn.download-btn--guest-free,
      #download-btn.btn.beat-download-cta.download-btn--guest-free {
        background: linear-gradient(
          135deg,
          #34d399 0%,
          #22c55e 42%,
          #16a34a 100%
        );
        border: 1px solid rgba(255, 255, 255, 0.14);
        color: #052e16;
        box-shadow:
          0 1px 0 rgba(255, 255, 255, 0.22) inset,
          0 6px 18px rgba(34, 197, 94, 0.22);
      }
      #download-btn.btn.download-btn--guest-free::before,
      #download-btn.btn.beat-download-cta.download-btn--guest-free::before {
        content: "";
        width: 1.15rem;
        height: 1.15rem;
        flex-shrink: 0;
        background: currentColor;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 19h14'/%3E%3C/svg%3E")
          center / contain no-repeat;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 19h14'/%3E%3C/svg%3E")
          center / contain no-repeat;
        opacity: 0.88;
      }
      @keyframes beat-dl-btn-glow {
        0%,
        100% {
          box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.22) inset,
            0 10px 28px rgba(34, 197, 94, 0.32),
            0 0 0 0 rgba(34, 197, 94, 0);
        }
        50% {
          box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.22) inset,
            0 10px 28px rgba(34, 197, 94, 0.42),
            0 0 22px rgba(34, 197, 94, 0.35);
        }
      }
      #download-btn.btn.download-btn--guest-free:hover:not(.btn-disabled),
      #download-btn.btn.beat-download-cta.download-btn--guest-free:hover:not(
          .btn-disabled
        ) {
        background: linear-gradient(
          135deg,
          #4ade80 0%,
          #22c55e 45%,
          #15803d 100%
        );
        color: #022c15;
        transform: translateY(-2px) scale(1.01);
        box-shadow:
          0 1px 0 rgba(255, 255, 255, 0.28) inset,
          0 14px 34px rgba(34, 197, 94, 0.42);
      }
      #download-btn.btn.download-btn--free {
        background: linear-gradient(
          135deg,
          rgba(34, 197, 94, 0.24) 0%,
          rgba(34, 197, 94, 0.1) 100%
        );
        border: 1px solid rgba(74, 222, 128, 0.42);
        color: #dcfce7;
        box-shadow:
          0 1px 0 rgba(255, 255, 255, 0.05) inset,
          0 0 calc(16px * var(--glow-intensity)) rgba(34, 197, 94, 0.16);
      }
      #download-btn.btn.download-btn--free:hover:not(.btn-disabled) {
        background: linear-gradient(
          135deg,
          rgba(34, 197, 94, 0.34) 0%,
          rgba(34, 197, 94, 0.16) 100%
        );
        border-color: rgba(74, 222, 128, 0.62);
        color: #f0fdf4;
        transform: translateY(-1px);
      }
      #download-btn.btn.download-btn--guest-free:focus-visible,
      #download-btn.btn.download-btn--free:focus-visible,
      #download-btn.btn.beat-download-cta:focus-visible {
        outline: 2px solid rgba(251, 191, 36, 0.85);
        outline-offset: 3px;
      }
      #download-btn.btn.download-btn--guest-free.btn-loading::before,
      #download-btn.btn.beat-download-cta.download-btn--guest-free.btn-loading::before {
        opacity: 0;
      }
      #download-btn.btn.download-btn--guest-free.btn-loading::after,
      #download-btn.btn.download-btn--free.btn-loading::after {
        border: 3px solid rgba(5, 46, 22, 0.25);
        border-top-color: #052e16;
      }
      #download-btn.btn.download-btn--free.btn-loading::after {
        border: 3px solid rgba(220, 252, 231, 0.25);
        border-top-color: #dcfce7;
      }

      .beat-mobile-dl-bar {
        position: fixed;
        left: 0;
        right: 0;
        bottom: calc(0.65rem + env(safe-area-inset-bottom, 0));
        z-index: var(--z-beat-mobile-dl-bar);
        padding: 0 0.85rem;
        transform: translateY(calc(110% + 1rem));
        opacity: 0;
        pointer-events: none;
        transition:
          transform 0.34s cubic-bezier(0.22, 1, 0.36, 1),
          opacity 0.28s ease;
      }
      .beat-mobile-dl-bar.is-visible {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
      }
      @media (min-width: 768px) {
        .beat-mobile-dl-bar {
          display: none !important;
        }
      }
      .beat-mobile-dl-bar__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        width: 100%;
        max-width: 420px;
        margin: 0 auto;
        min-height: 48px;
        padding: 0.85rem 1.15rem;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: linear-gradient(
          135deg,
          #34d399 0%,
          #22c55e 48%,
          #16a34a 100%
        );
        color: #052e16;
        font-family: var(--commission-font-display);
        font-size: 0.9375rem;
        font-weight: 700;
        letter-spacing: 0.01em;
        cursor: pointer;
        box-shadow:
          0 8px 28px rgba(0, 0, 0, 0.45),
          0 10px 24px rgba(34, 197, 94, 0.28);
        transition:
          transform 0.18s ease,
          box-shadow 0.18s ease;
      }
      .beat-mobile-dl-bar__btn:hover {
        transform: translateY(-1px);
        box-shadow:
          0 10px 32px rgba(0, 0, 0, 0.5),
          0 12px 28px rgba(34, 197, 94, 0.36);
      }
      .beat-mobile-dl-bar__btn:focus-visible {
        outline: 2px solid rgba(251, 191, 36, 0.85);
        outline-offset: 3px;
      }
      .beat-mobile-dl-bar__icon {
        display: inline-flex;
        font-size: 1rem;
        line-height: 1;
      }

      @media (prefers-reduced-motion: reduce) {
        .action-shell--guest-free.is-pulse-attention,
        .action-shell--guest-free.is-pulse-attention
          #download-btn.btn.download-btn--guest-free:not(.btn-disabled),
        .action-shell.is-hash-highlight {
          animation: none;
        }
        .beat-mobile-dl-bar,
        .beat-mobile-dl-bar__btn {
          transition: none;
        }
      }

      .subtle {
        color: #9ca3af;
        font-size: 16px;
        text-align: center;
        margin-top: 2rem;
        letter-spacing: 0.05em;
        line-height: 1.6;
      }
      .subtle a {
        color: #9ca3af;
      }
      body.scheduled-beat-teaser-mode .product-left-column,
      body.scheduled-beat-teaser-mode .product-conversion-band,
      body.scheduled-beat-teaser-mode .product-details-stack,
      body.scheduled-beat-teaser-mode .desc-card,
      body.scheduled-beat-teaser-mode #product-tags-card,
      body.scheduled-beat-teaser-mode .stats-grid,
      body.scheduled-beat-teaser-mode #rating-block,
      body.scheduled-beat-teaser-mode #preview-container,
      body.scheduled-beat-teaser-mode #youtube-container,
      body.scheduled-beat-teaser-mode #sample-list-section,
      body.scheduled-beat-teaser-mode #free-terms-block,
      body.scheduled-beat-teaser-mode #license-section,
      body.scheduled-beat-teaser-mode #related-products-section,
      body.scheduled-beat-teaser-mode #producer-line,
      body.scheduled-beat-teaser-mode #price-display,
      body.scheduled-beat-teaser-mode #product-header-fav-actions {
        display: none !important;
      }
      body.scheduled-beat-teaser-mode #admin-edit-product-btn,
      body.scheduled-beat-teaser-mode #product-admin-dock {
        display: none !important;
      }
      body.admin-product-edit-mode {
        padding-bottom: min(72vh, 560px);
      }
      body.admin-product-edit-mode #admin-edit-product-btn.is-hidden-for-edit {
        display: none;
      }
      #product-admin-dock {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 520;
        max-height: min(72vh, 560px);
        min-height: 12rem;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        pointer-events: auto;
        border-top: 1px solid rgba(34, 197, 94, 0.35);
        background: rgba(5, 8, 5, 0.98);
        box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.85);
      }
      body.admin-product-edit-mode #product-admin-dock,
      body.admin-product-edit-mode.scheduled-beat-teaser-mode #product-admin-dock,
      #product-admin-dock.admin-edit-panel-visible {
        display: block !important;
        visibility: visible !important;
      }
      /* Match site-header.css body padding-top breakpoints */
      /* Edit lives in `.product-header-actions` (in-flow), not viewport-fixed — avoids
         overlapping the conversion band below the header. */
      #admin-edit-product-portal {
        position: static !important;
        display: block !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        overflow: visible !important;
        pointer-events: none !important;
        z-index: auto !important;
        transform: none !important;
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        perspective: none !important;
        contain: none !important;
        will-change: auto !important;
        isolation: auto !important;
      }
      #admin-edit-product-btn.hidden {
        display: none !important;
      }
      #admin-edit-product-btn:not(.hidden) {
        display: inline-flex !important;
        pointer-events: auto !important;
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.55);
      }
      #product-admin-dock .admin-edit-panel-header {
        position: sticky;
        top: 0;
        z-index: 2;
        border-bottom: 1px solid rgba(34, 197, 94, 0.2);
        padding-bottom: 0.75rem;
        margin-bottom: 0.75rem;
        background: rgba(5, 8, 5, 0.98);
      }
      #admin-dock-done,
      #admin-dock-header-cancel {
        padding: 8px 14px;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        border-radius: 6px;
        cursor: pointer;
      }
      #admin-dock-done {
        background: rgba(34, 197, 94, 0.18);
        color: #86efac;
        border: 1px solid rgba(34, 197, 94, 0.45);
      }
      #admin-dock-done:hover {
        background: rgba(34, 197, 94, 0.28);
      }
      #admin-dock-header-cancel {
        background: transparent;
        color: #d1d5db;
        border: 1px solid rgba(255, 255, 255, 0.18);
      }
      #admin-dock-header-cancel:hover {
        background: rgba(255, 255, 255, 0.06);
      }
      #product-admin-dock .admin-edit-panel-section {
        padding: 0.85rem 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      }
      #product-admin-dock .admin-edit-panel-section:last-of-type {
        border-bottom: none;
      }
      #product-admin-dock .admin-edit-panel-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        padding-top: 0.75rem;
        position: sticky;
        bottom: 0;
        background: linear-gradient(
          180deg,
          rgba(5, 8, 5, 0) 0%,
          rgba(5, 8, 5, 0.92) 28%,
          #050805 100%
        );
      }
      #admin-dock-cancel {
        padding: 10px 18px;
        background: transparent;
        color: #d1d5db;
        font-weight: 600;
        border: 1px solid rgba(255, 255, 255, 0.18);
        border-radius: 6px;
        cursor: pointer;
        font-size: 11px;
        letter-spacing: 0.1em;
      }
      #admin-dock-cancel:hover {
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.28);
      }
      #admin-edit-product-btn {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        margin: 0;
        z-index: 2;
        transform: none;
        contain: none;
        will-change: auto;
        filter: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        perspective: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 2.5rem;
        min-width: 2.75rem;
        font-size: 0.625rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        padding: 0.45rem 0.75rem;
        border-radius: 10px;
        border: 1px solid rgba(34, 197, 94, 0.35);
        color: #86efac;
        background: rgba(5, 8, 5, 0.88);
        cursor: pointer;
        flex-shrink: 0;
        transition:
          background 0.15s ease,
          border-color 0.15s ease,
          box-shadow 0.15s ease;
      }
      .product-header-actions #admin-edit-product-btn {
        order: -1;
        margin-right: 0.15rem;
      }
      #admin-edit-product-btn:hover:not(.hidden) {
        background: rgba(34, 197, 94, 0.18);
        border-color: rgba(34, 197, 94, 0.55);
        box-shadow: 0 0 14px rgba(34, 197, 94, 0.12);
      }
      body.scheduled-beat-teaser-mode #scheduled-beat-countdown {
        display: block;
      }
      #scheduled-beat-countdown {
        font-size: 1.25rem;
        letter-spacing: 0.12em;
        color: #a5b4fc;
        font-variant-numeric: tabular-nums;
      }
      .info-card {
        background: linear-gradient(145deg, #0d0d0d 0%, #111 100%);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 14px;
        padding: 1.75rem;
        position: relative;
        transition:
          border-color 0.25s ease,
          box-shadow 0.25s ease,
          transform 0.2s ease;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
      }
      .info-card::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 14px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
        pointer-events: none;
      }
      .info-card:hover {
        border-color: rgba(34, 197, 94, 0.25);
        box-shadow:
          0 4px 24px rgba(0, 0, 0, 0.5),
          0 0 0 1px rgba(34, 197, 94, 0.1);
        transform: translateY(-1px);
      }
      /* Protected audio player styling */
      .audio-wrapper {
        background: #000;
        border: 2px solid rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        padding: 1.5rem;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        user-select: none;
        -webkit-user-select: none;
        position: relative;
      }
      .audio-wrapper::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 4px;
        box-shadow: 0 0 calc(8px * var(--glow-intensity)) rgba(34, 197, 94, 0.2);
        pointer-events: none;
        z-index: -1;
      }
      .audio-wrapper:hover {
        border-color: rgba(34, 197, 94, 0.3);
        box-shadow: 0 0 calc(12px * var(--glow-intensity))
          rgba(34, 197, 94, 0.15);
      }
      /* Native <audio> is hidden; custom canvas + controls handle playback. */
      .protected-audio-block > audio {
        display: none;
      }
      .player-controls-row {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
      }
      .player-visualizer {
        width: 100%;
        height: 78px;
        display: block;
        margin-bottom: 12px;
        background: #071007;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 4px;
      }
      .player-toggle {
        border: 1px solid #00ff41;
        background: rgba(0, 255, 65, 0.12);
        color: #00ff41;
        font-size: 16px;
        font-weight: 700;
        width: 48px;
        height: 42px;
        border-radius: 4px;
        cursor: pointer;
      }
      .player-toggle:hover {
        box-shadow: 0 0 10px rgba(0, 255, 65, 0.35);
      }
      .player-progress-track {
        flex: 1;
        min-width: 180px;
        height: 10px;
        background: #101810;
        border: 1px solid rgba(255, 255, 255, 0.14);
        border-radius: 999px;
        position: relative;
        cursor: pointer;
        overflow: hidden;
      }
      .player-progress-fill {
        height: 100%;
        width: 0%;
        background: #00ff41;
        box-shadow: 0 0 10px rgba(0, 255, 65, 0.45);
      }
      .player-time {
        color: #9ca3af;
        font-size: 14px;
        min-width: 104px;
        text-align: right;
      }
      .product-left-media {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        width: 100%;
        max-width: 100%;
        margin: 0.75rem 0 0;
      }
      .product-left-media #preview-container,
      .product-left-media #youtube-container {
        margin-top: 0;
      }
      .product-left-media #preview-container.hidden,
      .product-left-media #youtube-container.hidden {
        display: none !important;
      }
      .product-left-media:not(:has(#preview-container:not(.hidden))):not(
          :has(#youtube-container:not(.hidden))
        ) {
        display: none;
        margin: 0;
      }
      .youtube-shell {
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
        max-width: 100%;
        position: relative;
        overflow: hidden;
      }
      .product-right-column > .product-conversion-band {
        position: relative;
        z-index: 1;
      }
      .youtube-embed {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        border-radius: 4px;
        overflow: hidden;
        background: #000;
        border: 1px solid rgba(255, 255, 255, 0.12);
      }
      .youtube-embed iframe {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
      }
      .youtube-play-overlay {
        position: absolute;
        inset: 0;
        z-index: 1;
        cursor: pointer;
        background: transparent;
      }
      .product-left-media .youtube-watch-link {
        display: inline-block;
        margin-top: 0.65rem;
        font-size: 0.8125rem;
        letter-spacing: 0.1em;
        text-transform: lowercase;
        color: #86efac;
        text-decoration: none;
        border-bottom: 1px solid rgba(34, 197, 94, 0.35);
        transition: color 0.15s ease, border-color 0.15s ease;
      }
      .product-left-media .youtube-watch-link:hover {
        color: #bbf7d0;
        border-bottom-color: rgba(34, 197, 94, 0.55);
      }
      audio::-webkit-media-controls-enclosure {
        background: #1a1a1a !important;
        border-radius: 4px;
      }
      audio::-webkit-media-controls-panel {
        background: #1a1a1a !important;
      }
      audio {
        background: #1a1a1a !important;
      }
      audio::-webkit-media-controls-download-button {
        display: none !important;
      }
      audio::-webkit-media-controls-overflow-button {
        display: none !important;
      }
      .stat-box {
        background: #000;
        border: 2px solid rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        padding: 1.5rem 1rem;
        text-align: center;
        position: relative;
        transition: all 0.3s ease;
      }
      .stat-box::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 4px;
        box-shadow: 0 0 calc(8px * var(--glow-intensity)) rgba(34, 197, 94, 0.2);
        pointer-events: none;
        z-index: -1;
      }
      .stat-box:hover {
        border-color: rgba(34, 197, 94, 0.3);
        box-shadow: 0 0 calc(15px * var(--glow-intensity))
          rgba(34, 197, 94, 0.2);
        transform: translateY(-2px);
      }
      .stat-value {
        font-size: 2.5rem;
        font-weight: bold;
        line-height: 1;
        margin-top: 0.5rem;
      }
      .stat-label {
        font-size: 16px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: #6b7280;
        margin-bottom: 0.75rem;
      }

      /* Background Textures and Gradients */
      body::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background:
          repeating-linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.15),
            rgba(0, 0, 0, 0.15) 1px,
            transparent 1px,
            transparent 2px
          ),
          repeating-linear-gradient(
            90deg,
            rgba(0, 0, 0, 0.15),
            rgba(0, 0, 0, 0.15) 1px,
            transparent 1px,
            transparent 2px
          );
        pointer-events: none;
        z-index: 0;
        opacity: 0.3;
      }

      body::after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background:
          radial-gradient(
            circle at 20% 50%,
            rgba(34, 197, 94, 0.03) 0%,
            transparent 50%
          ),
          radial-gradient(
            circle at 80% 80%,
            rgba(6, 182, 212, 0.03) 0%,
            transparent 50%
          );
        pointer-events: none;
        z-index: 0;
      }

      .scanline {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(
          to bottom,
          transparent,
          rgba(34, 197, 94, 0.1),
          transparent
        );
        pointer-events: none;
        z-index: 9999;
        animation: scanline 8s linear infinite;
        opacity: 0.5;
      }

      .grain-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 1;
        opacity: 0.15;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
        animation: static-flicker 0.15s infinite;
      }
      body.plain-black::before,
      body.plain-black::after,
      body.plain-black .grain-overlay,
      body.plain-black .scanline {
        display: none !important;
      }

      .glitch-hover:hover {
        animation: glitch 0.3s ease-in-out;
      }

      @keyframes glitch {
        0% {
          transform: translate(0);
        }
        20% {
          transform: translate(-2px, 2px);
        }
        40% {
          transform: translate(-2px, -2px);
        }
        60% {
          transform: translate(2px, 2px);
        }
        80% {
          transform: translate(2px, -2px);
        }
        100% {
          transform: translate(0);
        }
      }

      .genre-tag {
        background: rgba(0, 0, 0, 0.4);
        border: 1px solid rgba(255, 255, 255, 0.1);
        color: #9ca3af;
        padding: 10px 16px;
        border-radius: 4px;
        font-size: 16px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        transition: all 0.2s ease;
      }
      .genre-tag:hover {
        border-color: rgba(34, 197, 94, 0.3);
        color: #22c55e;
        box-shadow: 0 0 calc(6px * var(--glow-intensity)) rgba(34, 197, 94, 0.2);
      }

      .breadcrumb {
        font-size: 16px;
        color: #6b7280;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        margin-bottom: 2rem;
      }
      .breadcrumb a {
        color: #6b7280;
        text-decoration: none;
      }
      .breadcrumb a:hover {
        color: #22c55e;
      }
      .breadcrumb span {
        color: #22c55e;
      }

      .product-page-container {
        width: 100%;
        max-width: 80rem;
        margin-inline: auto;
      }
      .product-shell {
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 16px;
        background: linear-gradient(
          180deg,
          rgba(10, 18, 10, 0.55) 0%,
          rgba(0, 0, 0, 0.35) 100%
        );
        padding: 1.25rem;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
      }
      .product-top-layout,
      .product-layout-shell {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
      }
      .product-top-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--product-section-gap);
        align-items: start;
      }
      .product-left-column {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: visible;
      }
      .product-right-column,
      .product-details-stack {
        width: 100%;
        max-width: 100%;
        min-width: 0;
      }
      .product-right-column,
      .product-details-stack {
        display: flex;
        flex-direction: column;
        gap: var(--product-section-gap);
        align-self: start;
      }
      .product-right-column > .product-header-stack,
      .product-right-column > .product-conversion-band,
      .product-right-column > .info-card {
        flex: 0 0 auto;
      }
      .product-conversion-band {
        width: 100%;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
        padding: 1rem 1.1rem 1.1rem;
        border-radius: 12px;
        border: 1px solid rgba(34, 197, 94, 0.22);
        background: rgba(8, 12, 8, 0.92);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
      }
      .product-conversion-stats.cover-stats {
        margin-top: 0;
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.1);
      }
      .product-conversion-stats .cover-stat-item {
        padding: 0.65rem 0.5rem;
      }
      .product-conversion-stats .cover-stat-value {
        font-size: 1.35rem;
        line-height: 1.1;
      }
      .product-conversion-stats .cover-stat-label {
        font-size: 0.6875rem;
        letter-spacing: 0.14em;
        color: #9ca3af;
        margin-top: 0.2rem;
      }
      .product-conversion-main {
        display: flex;
        flex-direction: column;
        gap: var(--product-section-gap);
        width: 100%;
        min-width: 0;
      }
      .product-conversion-main > #license-section.studio-section {
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        border-radius: 0 !important;
      }
      .product-conversion-main > #license-section.studio-section::before {
        display: none !important;
      }
      .product-conversion-main > #license-section .studio-section-title {
        margin-bottom: 0.85rem !important;
        padding: 0 !important;
        padding-bottom: 0 !important;
        border: none !important;
        border-bottom: none !important;
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
        letter-spacing: 0.14em;
        color: #a1a1aa;
        font-size: 0.8125rem;
      }
      .product-conversion-main .free-terms-block {
        margin-bottom: 0;
      }
      .product-download-shell.action-shell {
        border-radius: 10px;
        padding: 1rem 1.1rem 1.1rem;
        width: 100%;
        min-width: 0;
        align-self: start;
        height: auto;
      }
      .product-download-shell.action-shell--guest-free {
        padding: 1.1rem 1.15rem 1.15rem;
      }
      /* Compact free MP3 — keep licenses visually dominant (after base shell rules) */
      .product-conversion-main > .product-download-shell.action-shell,
      .product-conversion-main
        > .product-download-shell.action-shell--guest-free {
        padding: 0.65rem 0.85rem 0.75rem;
        border-radius: 8px;
        border-color: rgba(255, 255, 255, 0.08);
        background: rgba(0, 0, 0, 0.22);
      }
      .product-conversion-main .beat-download-hero:not(.hidden) {
        margin-bottom: 0.35rem;
      }
      .product-conversion-main .beat-download-hero__ribbon {
        margin-bottom: 0.3rem;
        padding: 0.12rem 0.45rem 0.12rem 0.4rem;
        font-size: 0.5625rem;
        letter-spacing: 0.1em;
      }
      .product-conversion-main .beat-download-hero__ribbon-dot {
        width: 5px;
        height: 5px;
      }
      .product-conversion-main .beat-download-hero__title {
        margin: 0 0 0.15rem;
        font-size: 0.9375rem;
        font-weight: 700;
      }
      .product-conversion-main .beat-download-hero__sub {
        margin: 0 0 0.4rem;
        font-size: 0.75rem;
        line-height: 1.35;
        max-width: none;
      }
      .product-conversion-main .beat-download-hero__props {
        display: none;
      }
      .product-conversion-main
        #download-btn.btn.download-btn--guest-free,
      .product-conversion-main
        #download-btn.btn.download-btn--free,
      .product-conversion-main
        #download-btn.btn.beat-download-cta {
        min-height: 40px;
        font-size: 0.8125rem;
        border-radius: 8px;
        padding: 0.55rem 0.85rem;
      }
      @media (min-width: 900px) {
        .product-top-layout {
          grid-template-columns: minmax(280px, min(420px, 38%)) minmax(0, 1fr);
          grid-template-rows: auto auto;
          column-gap: var(--product-col-gap);
          row-gap: var(--product-section-gap);
        }
        .product-left-column {
          grid-column: 1;
          grid-row: 1;
          align-self: start;
          min-width: 0;
        }
        .product-right-column {
          grid-column: 2;
          grid-row: 1;
          align-self: start;
          min-width: 0;
        }
        .product-right-column > .product-conversion-band {
          width: 100%;
          max-width: 100%;
          margin-left: 0;
          margin-top: 0;
        }
        .product-left-column .product-left-media {
          max-width: 100%;
          width: 100%;
        }
        .product-details-stack {
          grid-column: 1 / -1;
          grid-row: 2;
        }
      }

      @media (min-width: 1024px) {
        .product-conversion-main {
          display: flex;
          flex-direction: column;
          gap: var(--product-section-gap, 0.85rem);
        }
        .product-conversion-main > #license-section:not(.hidden) {
          margin-top: 0.15rem;
        }
        /* Free kit: terms + contact row, full-width download above */
        .product-conversion-main:has(#free-terms-block:not(.hidden))
          .free-terms-block {
          display: grid;
          grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
          gap: 0.75rem;
          align-items: stretch;
          padding-top: 0.75rem;
          border-top: 1px solid rgba(34, 197, 94, 0.14);
        }
        .product-conversion-main
          .product-download-shell {
          width: 100%;
          margin-top: 0;
        }
        .product-conversion-main
          > .product-download-shell.action-shell--guest-free {
          border-color: rgba(255, 255, 255, 0.08);
          background: rgba(0, 0, 0, 0.22);
        }
        .product-conversion-main:has(#free-terms-block.hidden)
          .product-download-shell {
          grid-column: 1 / -1;
        }
        .free-terms-contact-card {
          align-self: stretch;
          height: 100%;
          min-height: 100%;
        }
        .product-conversion-main .free-terms-card {
          align-self: stretch;
          height: 100%;
        }
        .product-download-shell.action-shell--guest-free:has(
            .beat-download-hero:not(.hidden)
          ) {
          display: flex;
          flex-direction: column;
          align-items: stretch;
          gap: 0.85rem;
        }
        .product-download-shell.action-shell--guest-free:has(
            .beat-download-hero:not(.hidden)
          )
          .beat-download-hero {
          margin: 0;
          padding: 0;
          min-width: 0;
        }
        .product-download-shell.action-shell--guest-free:has(
            .beat-download-hero:not(.hidden)
          )
          .beat-download-hero__sub {
          margin-bottom: 0.65rem;
        }
        .product-download-shell.action-shell--guest-free:has(
            .beat-download-hero:not(.hidden)
          )
          .beat-download-hero__props {
          margin-bottom: 0;
        }
        .product-download-shell.action-shell--guest-free:has(
            .beat-download-hero:not(.hidden)
          )
          #download-btn {
          width: 100%;
          max-width: 20rem;
          align-self: flex-start;
          min-height: 52px;
          font-size: 0.9375rem;
          padding: 0.95rem 1.35rem;
        }
        .product-download-shell:not(.action-shell--guest-free) {
          display: flex;
          flex-direction: column;
          gap: 0.75rem;
        }
        .product-download-shell:not(.action-shell--guest-free) #download-btn {
          min-height: 60px;
          font-size: 1rem;
          padding: 1rem 1.25rem;
        }
        .beat-download-hero__title {
          font-size: 1.15rem;
        }
        .beat-download-hero__props {
          gap: 0.4rem;
        }
      }

      .cover-wrap {
        position: relative;
      }
      .cover-overlay {
        position: absolute;
        inset: 0;
        border-radius: 0;
        background: linear-gradient(
          135deg,
          rgba(34, 197, 94, 0.12) 0%,
          rgba(0, 0, 0, 0) 60%
        );
        pointer-events: none;
      }
      .cover-corner {
        position: absolute;
        width: 18px;
        height: 18px;
        border-color: #22c55e;
        border-style: solid;
        opacity: 0.7;
      }
      .cover-corner.tl {
        top: 8px;
        left: 8px;
        border-width: 2px 0 0 2px;
      }
      .cover-corner.tr {
        top: 8px;
        right: 8px;
        border-width: 2px 2px 0 0;
      }
      .cover-corner.bl {
        bottom: 8px;
        left: 8px;
        border-width: 0 0 2px 2px;
      }
      .cover-corner.br {
        bottom: 8px;
        right: 8px;
        border-width: 0 2px 2px 0;
      }
      .play-overlay {
        position: absolute;
        inset: 0;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, 0.45);
        opacity: 0;
        transition: opacity 0.2s ease;
        cursor: pointer;
      }
      .cover-wrap:hover .play-overlay {
        opacity: 1;
      }
      .play-btn-big {
        width: 58px;
        height: 58px;
        border-radius: 50%;
        border: 2px solid #22c55e;
        color: #22c55e;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        box-shadow: 0 0 calc(18px * var(--glow-intensity))
          rgba(34, 197, 94, 0.35);
      }

      .cover-stats {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        margin-top: 0.75rem;
        border: 1px solid rgba(255, 255, 255, 0.1);
      }
      .product-left-column .cover-stats {
        margin-top: 0.75rem;
      }
      .cover-stats.hidden {
        display: none !important;
      }
      .cover-stats.three-cols {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      .cover-stat-item {
        background: rgba(0, 0, 0, 0.6);
        border-right: 1px solid rgba(255, 255, 255, 0.08);
        padding: 0.55rem 0.5rem;
        text-align: center;
      }
      .cover-stat-item:last-child {
        border-right: none;
      }
      .cover-stat-value {
        color: #22c55e;
        letter-spacing: 0.08em;
        font-weight: 700;
        font-size: 22px;
      }
      .cover-stat-label {
        color: #6b7280;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        font-size: 14px;
        margin-top: 2px;
      }

      .section-eyebrow {
        font-size: 0.6875rem;
        font-weight: 600;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: rgba(156, 163, 175, 0.85);
        margin-bottom: 0;
      }
      .product-header-card .section-eyebrow {
        padding: 0.28rem 0.65rem;
        border-radius: 9999px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        background: rgba(255, 255, 255, 0.03);
      }
      .producer-line {
        font-size: 0.8125rem;
        letter-spacing: 0.06em;
        text-transform: none;
        color: #d1d5db;
        margin: 0;
        display: inline-flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        gap: 0.35rem 0.5rem;
        justify-content: flex-start;
        max-width: 100%;
      }
      /* Tailwind .hidden loses to .producer-line display:inline-flex */
      #producer-line.hidden {
        display: none !important;
      }
      .producer-line.producer-chip {
        padding: 0.38rem 0.55rem 0.38rem 0.75rem;
        border-radius: 9999px;
        border: 1px solid rgba(34, 197, 94, 0.22);
        background: rgba(34, 197, 94, 0.07);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
      }
      .producer-line #producer-copy-text {
        flex: 0 1 auto;
        min-width: 0;
        color: #86efac;
        font-weight: 600;
        letter-spacing: 0.04em;
      }
      .producer-line span {
        color: #86efac;
      }
      .price-display {
        display: block;
        width: fit-content;
        margin: 0 auto;
        padding: 0.4rem 0.7rem;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(0, 0, 0, 0.4);
        border-radius: 9999px;
        font-size: 0.8125rem;
        line-height: 1.2;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }
      .product-header-card #price-display {
        position: static;
        margin: 0;
        margin-left: auto;
        width: auto;
        max-width: none;
        flex-shrink: 0;
        font-size: 0.8125rem;
        font-weight: 700;
        text-align: center;
        z-index: 1;
        padding: 0.42rem 0.9rem;
        border-radius: 9999px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
      }
      .price-display.free {
        color: #86efac;
        border-color: rgba(34, 197, 94, 0.4);
        background: rgba(34, 197, 94, 0.1);
      }
      .price-display.coin {
        color: #fde047;
        border-color: rgba(250, 204, 21, 0.4);
        background: rgba(250, 204, 21, 0.1);
      }
      .price-display.paid {
        color: #fde047;
        border-color: rgba(250, 204, 21, 0.35);
        background: rgba(250, 204, 21, 0.08);
      }
      .product-header-title.branding {
        font-family: var(--commission-font-display);
        font-style: normal;
        animation: none;
      }

      .stats-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
      }
      .stats-grid .stat-box {
        padding: 0.9rem 0.75rem;
        background: rgba(0, 0, 0, 0.6);
      }
      .stats-grid .stat-value {
        font-size: 1.75rem;
        letter-spacing: 0.06em;
      }

      .action-shell {
        border: 1px solid rgba(255, 255, 255, 0.18);
        background: linear-gradient(
          135deg,
          rgba(255, 255, 255, 0.06) 0%,
          rgba(0, 0, 0, 0.35) 70%
        );
        padding: 1rem;
      }
      .action-note {
        font-size: 16px;
        color: #6b7280;
        letter-spacing: 0.08em;
        margin-top: 0.65rem;
      }
      .shop-standby-note {
        margin-top: 0.5rem;
        color: #f59e0b;
        font-size: 16px;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .studio-section {
        margin-top: var(--product-section-gap);
        padding: 1rem 1.25rem;
        background: #000;
        border: 2px solid rgba(255, 255, 255, 0.1);
        border-radius: 4px;
        position: relative;
      }
      .studio-section::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 4px;
        box-shadow: 0 0 calc(8px * var(--glow-intensity)) rgba(34, 197, 94, 0.2);
        pointer-events: none;
        z-index: -1;
      }
      .studio-section-title {
        font-size: 18px;
        letter-spacing: 0.22em;
        text-transform: uppercase;
        color: #6b7280;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }
      #license-section > .studio-section-title {
        border: none !important;
        border-bottom: none !important;
        outline: none !important;
        box-shadow: none !important;
        background: transparent !important;
        padding: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 0.85rem;
        letter-spacing: 0.14em;
        color: #a1a1aa;
        font-size: 0.8125rem;
      }

      .license-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.85rem;
        align-items: stretch;
      }
      @media (max-width: 900px) {
        .license-grid {
          grid-template-columns: 1fr;
        }
      }
      .kit-cart-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
      }
      .license-card {
        display: flex;
        flex-direction: column;
        background: linear-gradient(
          165deg,
          rgba(24, 24, 27, 0.92) 0%,
          rgba(9, 9, 11, 0.88) 100%
        );
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 1.15rem 1.1rem 1.05rem;
        position: relative;
        transition:
          border-color 0.2s ease,
          box-shadow 0.2s ease,
          transform 0.2s ease;
      }
      .license-card:hover {
        border-color: rgba(255, 255, 255, 0.22);
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
        transform: translateY(-2px);
      }
      .license-card.featured {
        border-color: rgba(34, 197, 94, 0.55);
        box-shadow:
          0 0 0 1px rgba(34, 197, 94, 0.18),
          0 12px 32px rgba(34, 197, 94, 0.12);
        background: linear-gradient(
          165deg,
          rgba(20, 40, 28, 0.95) 0%,
          rgba(9, 9, 11, 0.92) 100%
        );
      }
      .license-card.featured:hover {
        border-color: rgba(34, 197, 94, 0.7);
        box-shadow:
          0 0 0 1px rgba(34, 197, 94, 0.28),
          0 14px 36px rgba(34, 197, 94, 0.16);
      }
      .license-card.featured::before {
        content: "MOST POPULAR";
        position: absolute;
        top: 12px;
        right: 12px;
        background: #22c55e;
        color: #052e16;
        font-weight: 800;
        font-size: 0.5625rem;
        letter-spacing: 0.12em;
        padding: 0.28rem 0.55rem;
        border-radius: 999px;
      }
      .license-name {
        font-size: 0.8125rem;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #e4e4e7;
        font-weight: 700;
        padding-right: 5.5rem;
        line-height: 1.3;
      }
      .license-card:not(.featured) .license-name {
        padding-right: 0;
      }
      .license-price {
        font-size: 1.85rem;
        font-weight: 800;
        line-height: 1;
        margin: 0.65rem 0 0.85rem;
        letter-spacing: -0.03em;
        font-variant-numeric: tabular-nums;
      }
      .license-price.free {
        color: #22c55e;
      }
      .license-price.basic {
        color: #facc15;
      }
      .license-price.premium {
        color: #4ade80;
      }
      .license-price.exclusive {
        color: #c084fc;
      }
      .license-features {
        list-style: none;
        margin: 0;
        padding: 0;
        color: #a1a1aa;
        font-size: 0.8125rem;
        line-height: 1.55;
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
      }
      .license-features li {
        display: flex;
        align-items: flex-start;
        gap: 0.45rem;
      }
      .license-features li::before {
        content: "";
        width: 0.35rem;
        height: 0.35rem;
        margin-top: 0.45rem;
        border-radius: 50%;
        background: #22c55e;
        flex-shrink: 0;
        box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.12);
      }
      .license-features li.no {
        opacity: 0.5;
        text-decoration: none;
        color: #71717a;
      }
      .license-features li.no::before {
        background: #52525b;
        box-shadow: none;
      }
      .license-btn {
        margin-top: 1rem;
        display: block;
        width: 100%;
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(255, 255, 255, 0.04);
        color: #f4f4f5;
        padding: 0.7rem 0.85rem;
        border-radius: 9px;
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        cursor: pointer;
        transition: all 0.2s ease;
        text-align: center;
      }
      .license-btn:hover {
        border-color: rgba(34, 197, 94, 0.55);
        color: #86efac;
        background: rgba(34, 197, 94, 0.08);
      }
      .license-card.featured .license-btn {
        border-color: rgba(34, 197, 94, 0.45);
        background: rgba(34, 197, 94, 0.14);
        color: #bbf7d0;
      }
      .license-card.featured .license-btn:hover {
        background: rgba(34, 197, 94, 0.22);
        color: #dcfce7;
      }
      .license-btn.disabled {
        opacity: 0.5;
        cursor: not-allowed;
      }
      .license-btn.disabled:hover {
        border-color: rgba(255, 255, 255, 0.14);
        color: #d1d5db;
        background: rgba(255, 255, 255, 0.04);
        box-shadow: none;
      }
      #license-section .action-note {
        margin-top: 0.55rem;
        font-size: 0.6875rem;
        letter-spacing: 0.02em;
        text-transform: none;
        color: #71717a;
        line-height: 1.35;
      }
      .license-btn.free-btn {
        border-color: rgba(34, 197, 94, 0.5);
        color: #000;
        background: #22c55e;
        font-weight: 700;
      }
      .license-btn.free-btn:hover {
        box-shadow: 0 0 calc(16px * var(--glow-intensity))
          rgba(34, 197, 94, 0.4);
      }
      .license-btn.basic-btn {
        border-color: rgba(250, 204, 21, 0.45);
        color: #facc15;
        background: rgba(250, 204, 21, 0.08);
      }
      .license-btn.basic-btn:hover {
        border-color: #facc15;
        color: #fde68a;
        box-shadow: 0 0 calc(14px * var(--glow-intensity))
          rgba(250, 204, 21, 0.25);
      }
      .license-btn.exclusive-btn {
        border-color: rgba(192, 132, 252, 0.45);
        color: #c084fc;
        background: rgba(192, 132, 252, 0.08);
      }
      .license-btn.exclusive-btn:hover {
        border-color: #c084fc;
        color: #ddd6fe;
        box-shadow: 0 0 calc(14px * var(--glow-intensity))
          rgba(192, 132, 252, 0.25);
      }

      /* Description card */
      .desc-card {
        display: flex;
        flex-direction: column;
        gap: var(--product-inset-gap);
        background: linear-gradient(145deg, #0c110c 0%, #0d0d0d 100%);
        border-color: rgba(34, 197, 94, 0.12);
      }
      .desc-card-label {
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: #4ade80;
        opacity: 0.6;
        margin-bottom: 0;
      }
      .desc-body {
        font-family:
          "Inter",
          "Segoe UI",
          system-ui,
          -apple-system,
          sans-serif;
        font-size: 0.975rem;
        font-weight: 400;
        line-height: 1.85;
        color: #c9d1d9;
        white-space: pre-wrap;
        word-break: break-word;
        letter-spacing: 0.01em;
      }

      /* Free beat: terms + contact row */
      .free-terms-block {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: var(--product-section-gap);
        align-items: stretch;
        margin-bottom: 0;
        width: 100%;
        max-width: 100%;
      }
      .free-terms-block.hidden {
        display: none !important;
      }
      .product-conversion-main:has(
          .product-download-shell.action-shell--guest-free
            .beat-download-hero:not(.hidden)
        )
        .free-terms-badge {
        display: none;
      }
      .product-conversion-main:has(
          .product-download-shell.action-shell--guest-free
            .beat-download-hero:not(.hidden)
        )
        .free-terms-card {
        padding-bottom: 1.25rem;
      }
      .free-terms-card {
        position: relative;
        background: rgba(34, 197, 94, 0.06);
        border: 1px solid rgba(34, 197, 94, 0.3);
        border-radius: 10px;
        padding: 1.25rem 1.35rem 2.35rem 1.35rem;
        max-width: none;
        margin-bottom: 0;
        min-width: 0;
      }
      .free-terms-contact-card {
        min-width: 0;
        background: rgba(0, 0, 0, 0.35);
        border: 1px solid rgba(248, 113, 113, 0.28);
        border-radius: 10px;
        padding: 1.15rem 1.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        min-height: 4.75rem;
        box-shadow: none;
      }
      .free-terms-contact-text {
        margin: 0;
        font-size: 0.92rem;
        line-height: 1.55;
        color: #fecdd3;
        letter-spacing: 0.03em;
      }
      .free-terms-contact-text a {
        color: #fda4af;
        font-weight: 700;
        text-decoration: none;
        border-bottom: 1px solid rgba(251, 113, 133, 0.45);
        transition: color 0.15s ease, border-color 0.15s ease;
      }
      .free-terms-contact-text a:hover {
        color: #fff;
        border-bottom-color: rgba(255, 255, 255, 0.55);
      }
      .free-terms-badge {
        position: absolute;
        bottom: 1rem;
        right: 1.25rem;
        display: inline-block;
        background: #22c55e;
        color: #000;
        font-size: 0.9rem;
        font-weight: 800;
        letter-spacing: 0.1em;
        padding: 5px 15px;
        border-radius: 999px;
        margin-bottom: 0;
      }
      .coin-price-display {
        display: flex;
        align-items: baseline;
        gap: 0.4rem;
        margin-bottom: 0.85rem;
      }
      /* Tailwind .hidden loses to this rule’s display:flex — force hide when collapsed */
      #coin-price-display.hidden {
        display: none !important;
      }
      #coin-price-amount {
        font-size: 2.25rem;
        font-weight: 800;
        color: #facc15;
        line-height: 1;
      }
      #coin-price-amount::before {
        content: "🪙 ";
        font-size: 1.5rem;
      }
      .coin-price-label {
        font-size: 0.8rem;
        color: #fde68a;
        letter-spacing: 0.05em;
        text-transform: uppercase;
      }
      .admin-action-btn {
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.06em;
        padding: 10px 18px;
        border-radius: 8px;
        text-transform: uppercase;
        cursor: pointer;
        transition:
          background 0.15s ease,
          border-color 0.15s ease,
          color 0.15s ease;
      }
      .admin-action-btn--primary {
        background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
        color: #000;
        border: none;
      }
      .admin-action-btn--primary:hover {
        filter: brightness(1.08);
      }
      .admin-action-btn--ghost {
        background: transparent;
        color: #d1d5db;
        border: 1px solid rgba(255, 255, 255, 0.28);
      }
      .admin-action-btn--ghost:hover {
        background: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.4);
      }
      .free-terms-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 0.55rem;
      }
      .free-terms-item {
        display: flex;
        align-items: flex-start;
        gap: 0.6rem;
      }
      .free-terms-marker {
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        margin-top: 0.2em;
      }
      .free-terms-marker svg {
        display: block;
        width: 100%;
        height: 100%;
      }
      .free-terms-item--allowed .free-terms-marker {
        color: #4ade80;
      }
      .free-terms-item--allowed + .free-terms-item--restricted {
        margin-top: 0.15rem;
        padding-top: 0.65rem;
        border-top: 1px solid rgba(34, 197, 94, 0.2);
      }
      .free-terms-item--restricted .free-terms-marker {
        color: #ef4444;
      }
      .free-terms-text {
        font-size: 0.875rem;
        line-height: 1.5;
        color: #e5e7eb;
        letter-spacing: 0.01em;
      }
      .free-terms-item--restricted .free-terms-text {
        color: #fca5a5;
      }
      .free-terms-footnote {
        margin: 0.85rem 0 0;
        padding-top: 0.75rem;
        border-top: 1px solid rgba(34, 197, 94, 0.12);
        font-size: 0.8125rem;
        line-height: 1.45;
        color: #6b7280;
        letter-spacing: 0.02em;
      }

      .download-thank-you-modal {
        position: fixed;
        inset: 0;
        z-index: 300;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem;
      }
      .download-thank-you-modal.hidden {
        display: none;
      }
      .download-thank-you-backdrop {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.72);
        backdrop-filter: blur(6px);
      }
      .download-thank-you-card {
        position: relative;
        z-index: 1;
        max-width: 420px;
        width: 100%;
        padding: 1.75rem 1.5rem;
        border-radius: 16px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: #ffffff;
        box-shadow:
          0 0 0 1px rgba(0, 0, 0, 0.04) inset,
          0 24px 48px rgba(0, 0, 0, 0.18);
      }
      .download-thank-you-card h2 {
        margin: 0 0 0.75rem 0;
        font-size: 1.35rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #171717;
      }
      .download-thank-you-card p {
        margin: 0 0 1.35rem 0;
        font-size: 0.95rem;
        line-height: 1.65;
        color: #52525b;
      }
      .download-thank-you-card p strong {
        color: #18181b;
        font-weight: 600;
      }
      .download-thank-you-actions {
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
      }
      .download-thank-you-actions #download-thank-you-dashboard {
        background: #171717;
        color: #fafafa;
        border: none;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
      }
      .download-thank-you-actions #download-thank-you-dashboard:hover {
        background: #262626;
      }
      .download-thank-you-actions #download-thank-you-stay {
        background: #ffffff;
        border: 1px solid #d4d4d8;
        color: #404040;
      }
      .download-thank-you-actions #download-thank-you-stay:hover {
        background: #fafafa;
        border-color: #a3a3a3;
      }

      .beat-email-gate-modal {
        position: fixed;
        inset: 0;
        z-index: 310;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding: 0;
      }
      .beat-email-gate-modal.hidden {
        display: none;
      }
      .beat-email-gate-backdrop {
        position: absolute;
        inset: 0;
        background: rgba(10, 10, 10, 0.35);
        backdrop-filter: blur(6px);
      }
      .beat-email-gate-sheet {
        position: relative;
        z-index: 1;
        width: 100%;
        max-width: 440px;
        margin: 0 auto;
        padding: 0.85rem 1.35rem calc(1.35rem + env(safe-area-inset-bottom, 0));
        border-radius: 20px 20px 0 0;
        border: 1px solid rgba(10, 10, 10, 0.09);
        border-bottom: none;
        background: #ffffff;
        box-shadow:
          0 0 0 1px rgba(0, 0, 0, 0.04) inset,
          0 -20px 56px rgba(0, 0, 0, 0.14);
        transform: translateY(0);
        animation: beat-sheet-up 0.38s ease-out;
      }
      @media (min-width: 640px) {
        .beat-email-gate-modal {
          align-items: center;
          padding: 1rem;
        }
        .beat-email-gate-sheet {
          border-radius: 16px;
          border-bottom: 1px solid rgba(10, 10, 10, 0.09);
          padding: 1.5rem 1.5rem 1.35rem;
          box-shadow:
            0 0 0 1px rgba(0, 0, 0, 0.04) inset,
            0 24px 48px rgba(0, 0, 0, 0.18);
        }
      }
      @keyframes beat-sheet-up {
        from {
          transform: translateY(100%);
          opacity: 0.85;
        }
        to {
          transform: translateY(0);
          opacity: 1;
        }
      }
      @media (min-width: 640px) {
        @keyframes beat-sheet-up {
          from {
            transform: translateY(12px);
            opacity: 0;
          }
          to {
            transform: translateY(0);
            opacity: 1;
          }
        }
      }
      .beat-email-gate-handle {
        width: 2.5rem;
        height: 0.25rem;
        margin: 0 auto 0.85rem;
        border-radius: 999px;
        background: rgba(10, 10, 10, 0.12);
      }
      @media (min-width: 640px) {
        .beat-email-gate-handle {
          display: none;
        }
      }
      .beat-email-gate-header {
        margin-bottom: 1.15rem;
      }
      .beat-email-gate-badge {
        display: inline-block;
        margin-bottom: 0.65rem;
        padding: 0.28rem 0.55rem;
        border-radius: 4px;
        border: 1px solid #991b1b;
        background: #dc2626;
        color: #fff;
        font-family: var(--commission-font-mono);
        font-size: 0.625rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        line-height: 1.2;
      }
      .beat-email-gate-sheet h2 {
        margin: 0 0 0.4rem 0;
        font-family: var(--commission-font-display);
        font-size: 1.35rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        line-height: 1.2;
        text-transform: none;
        color: #0a0a0a;
      }
      .beat-email-gate-sheet p.lead {
        margin: 0;
        font-size: 0.9375rem;
        line-height: 1.55;
        color: #555550;
      }
      .beat-email-gate-form {
        display: flex;
        flex-direction: column;
        gap: 0.65rem;
      }
      .beat-email-gate-field label {
        display: block;
        margin-bottom: 0.35rem;
        font-family: var(--commission-font-mono);
        font-size: 0.6875rem;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: #555550;
      }
      .beat-email-gate-input {
        width: 100%;
        padding: 0.75rem 0.85rem;
        border-radius: 4px;
        border: 1px solid rgba(10, 10, 10, 0.17);
        background: #f5f4f1;
        color: #0a0a0a;
        font-family: var(--commission-font-display);
        font-size: 1rem;
        line-height: 1.4;
      }
      .beat-email-gate-input::placeholder {
        color: #999992;
      }
      .beat-email-gate-input:focus {
        outline: none;
        border-color: #0a0a0a;
        background: #ffffff;
        box-shadow: 0 0 0 3px rgba(10, 10, 10, 0.08);
      }
      .beat-email-gate-status {
        min-height: 1.25rem;
        font-size: 0.8125rem;
        line-height: 1.4;
        color: #999992;
      }
      .beat-email-gate-status.err {
        color: #dc2626;
      }
      .beat-email-gate-status.ok {
        color: #15803d;
      }
      .beat-email-gate-actions {
        display: flex;
        flex-direction: column;
        gap: 0.55rem;
        margin-top: 0.15rem;
      }
      .beat-email-gate-sheet #beat-gate-submit.btn {
        background: #0a0a0a;
        border: none;
        color: #f5f4f1;
        font-family: var(--commission-font-mono);
        font-size: 0.6875rem;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        border-radius: 3px;
        box-shadow: none;
      }
      .beat-email-gate-sheet #beat-gate-submit.btn:hover:not(.btn-disabled) {
        background: #222222;
        transform: translateY(-1px);
      }
      .beat-email-gate-sheet #beat-gate-submit.btn:focus-visible {
        outline: 2px solid #0a0a0a;
        outline-offset: 3px;
      }
      .beat-email-gate-sheet .btn.btn-secondary {
        background: transparent;
        border: 1px solid rgba(10, 10, 10, 0.17);
        color: #555550;
        font-family: var(--commission-font-mono);
        font-size: 0.6875rem;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        border-radius: 3px;
        box-shadow: none;
      }
      .beat-email-gate-sheet .btn.btn-secondary:hover {
        background: #eeecea;
        border-color: rgba(10, 10, 10, 0.22);
        color: #0a0a0a;
      }
      .beat-email-gate-trust {
        display: flex;
        align-items: flex-start;
        gap: 0.4rem;
        margin: 0.85rem 0 0;
        padding-top: 0.85rem;
        border-top: 1px solid rgba(10, 10, 10, 0.08);
        font-size: 0.8125rem;
        line-height: 1.45;
        color: #999992;
      }
      .beat-email-gate-trust-icon {
        flex-shrink: 0;
        margin-top: 0.05rem;
        color: #15803d;
        font-weight: 700;
      }

      .beat-bottom-nudge {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: var(--z-beat-bottom-nudge);
        padding: 0;
        background: transparent;
        transform: translateY(110%);
        transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1);
        pointer-events: none;
      }
      .beat-bottom-nudge.is-visible {
        transform: translateY(0);
        pointer-events: auto;
      }
      .beat-bottom-nudge-inner {
        max-width: 100%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        padding: 0.85rem 1rem calc(0.85rem + env(safe-area-inset-bottom, 0));
        border-radius: 16px 16px 0 0;
        border: 1px solid rgba(10, 10, 10, 0.09);
        border-bottom: none;
        background: #ffffff;
        box-shadow:
          0 0 0 1px rgba(0, 0, 0, 0.04) inset,
          0 -16px 48px rgba(0, 0, 0, 0.12);
      }
      @media (min-width: 640px) {
        .beat-bottom-nudge {
          padding: 0.65rem 0.85rem calc(0.65rem + env(safe-area-inset-bottom, 0));
        }
        .beat-bottom-nudge-inner {
          max-width: min(100%, 540px);
          padding: 0.9rem 1rem;
          border-radius: 16px;
          border-bottom: 1px solid rgba(10, 10, 10, 0.09);
          box-shadow:
            0 0 0 1px rgba(0, 0, 0, 0.04) inset,
            0 16px 40px rgba(0, 0, 0, 0.14);
        }
      }
      .beat-bottom-nudge-content {
        display: flex;
        align-items: flex-start;
        gap: 0.65rem;
        flex: 1 1 200px;
        min-width: 0;
      }
      .beat-bottom-nudge-badge {
        flex-shrink: 0;
        padding: 0.28rem 0.55rem;
        border-radius: 4px;
        border: 1px solid #991b1b;
        background: #dc2626;
        color: #fff;
        font-family: var(--commission-font-mono);
        font-size: 0.625rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        line-height: 1.2;
      }
      .beat-bottom-nudge p {
        margin: 0;
        flex: 1;
        font-family: var(--commission-font-display);
        font-size: 0.875rem;
        line-height: 1.45;
        color: #555550;
        font-weight: 500;
      }
      .beat-bottom-nudge-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.45rem;
        align-items: center;
      }
      .beat-nudge-cta {
        font-family: var(--commission-font-mono);
        font-size: 0.6875rem;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 0.55rem 1rem;
        border-radius: 3px;
        border: none;
        background: #0a0a0a;
        color: #f5f4f1;
        cursor: pointer;
        transition:
          transform 0.18s ease,
          background 0.18s ease;
      }
      .beat-nudge-cta:hover {
        transform: translateY(-1px);
        background: #222222;
      }
      .beat-nudge-cta:focus-visible {
        outline: 2px solid #0a0a0a;
        outline-offset: 3px;
      }
      .beat-nudge-dismiss {
        background: transparent;
        border: none;
        color: #999992;
        font-size: 1.25rem;
        line-height: 1;
        cursor: pointer;
        padding: 0.25rem 0.45rem;
        border-radius: 4px;
        transition: background 0.15s ease, color 0.15s ease;
      }
      .beat-nudge-dismiss:hover {
        color: #0a0a0a;
        background: #eeecea;
      }
      .beat-nudge-dismiss:focus-visible {
        outline: 2px solid #0a0a0a;
        outline-offset: 2px;
      }
      @media (prefers-reduced-motion: reduce) {
        .beat-bottom-nudge,
        .beat-nudge-cta {
          transition: none;
        }
      }

      .already-downloaded-modal {
        position: fixed;
        inset: 0;
        z-index: 305;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1rem;
      }
      .already-downloaded-modal.hidden {
        display: none;
      }
      .already-downloaded-backdrop {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.72);
        backdrop-filter: blur(6px);
      }
      .already-downloaded-card {
        position: relative;
        z-index: 1;
        max-width: 400px;
        width: 100%;
        padding: 1.5rem 1.35rem;
        border-radius: 16px;
        border: 1px solid rgba(0, 0, 0, 0.08);
        background: #ffffff;
        box-shadow: 0 24px 48px rgba(0, 0, 0, 0.15);
      }
      .already-downloaded-card #already-dl-title {
        color: #171717 !important;
      }
      .already-downloaded-card p {
        color: #52525b !important;
      }
      .already-downloaded-card #already-downloaded-dashboard.btn {
        background: #171717;
        color: #fafafa;
        border: none;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
      }
      .already-downloaded-card #already-downloaded-dashboard.btn:hover:not(.btn-disabled) {
        background: #262626;
      }
      .already-downloaded-card #already-downloaded-stay.btn {
        background: #ffffff;
        color: #404040;
        border: 1px solid #d4d4d8;
        box-shadow: none;
      }
      .already-downloaded-card #already-downloaded-stay.btn:hover {
        background: #fafafa;
        border-color: #a3a3a3;
      }

      #related-products-section {
        margin-top: var(--product-section-gap);
        padding: 1.25rem 1.5rem;
      }
      #related-products-section .studio-section-title {
        font-size: 14px;
        letter-spacing: 0.16em;
        margin-bottom: 0.85rem;
        padding-bottom: 0.6rem;
      }
      .related-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 260px));
        justify-content: start;
        gap: var(--product-section-gap);
      }
      .related-card {
        display: block;
        text-decoration: none;
        color: inherit;
        width: 100%;
        max-width: 260px;
        min-height: 44px;
        background: rgba(10, 10, 10, 0.4);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 10px;
        padding: 0.75rem;
        transition:
          border-color 0.2s ease,
          transform 0.2s ease,
          box-shadow 0.2s ease;
      }
      .related-card:hover {
        border-color: rgba(34, 197, 94, 0.35);
        transform: translateY(-1px);
        box-shadow: 0 0 calc(8px * var(--glow-intensity))
          rgba(34, 197, 94, 0.18);
      }
      .related-image-wrap {
        position: relative;
        width: 100%;
        aspect-ratio: 1 / 1;
        max-height: 150px;
        border-radius: 0;
        overflow: hidden;
        border: 1px solid #333;
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.28);
      }
      .related-image-wrap::after {
        display: none;
      }
      .related-image-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .related-title {
        margin-top: 0.5rem;
        font-size: 17px;
        text-transform: uppercase;
        letter-spacing: 0.07em;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.3;
      }
      .related-meta {
        margin-top: 0.35rem;
        font-size: 13px;
        color: #6b7280;
        letter-spacing: 0.06em;
        display: flex;
        justify-content: space-between;
      }
      .related-tags {
        margin-top: 0.35rem;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
      }
      .related-tag {
        border: 1px solid rgba(34, 197, 94, 0.25);
        background: rgba(34, 197, 94, 0.08);
        color: #86efac;
        font-size: 10px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        padding: 3px 6px;
        border-radius: 2px;
        line-height: 1.25;
      }
      .related-meta-tag {
        border: 1px solid rgba(148, 163, 184, 0.25);
        background: rgba(148, 163, 184, 0.08);
        color: #94a3b8;
        font-size: 13px;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        padding: 3px 6px;
        border-radius: 2px;
        line-height: 1.25;
      }
      .related-price-badge {
        display: inline-block;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        padding: 4px 7px;
        border-radius: 3px;
        line-height: 1.2;
      }
      .related-price-badge.free {
        background: rgba(34, 197, 94, 0.25);
        border: 1px solid rgba(34, 197, 94, 0.45);
        color: #86efac;
      }
      .related-price-badge.coin {
        background: rgba(250, 204, 21, 0.2);
        border: 1px solid rgba(250, 204, 21, 0.45);
        color: #fde047;
      }
      .related-price-badge.paid {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: #e5e7eb;
      }
      .related-empty {
        color: #6b7280;
        font-size: 13px;
      }
      #related-products-section .more-beats-btn {
        margin-top: 0.85rem;
        display: inline-block;
        padding: 10px 14px;
        min-height: 44px;
        line-height: 1.2;
        border: 1px solid #22c55e;
        color: #22c55e;
        text-decoration: none;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        font-size: 11px;
        background: rgba(34, 197, 94, 0.08);
      }
      .more-beats-btn {
        margin-top: 1rem;
        display: inline-block;
        padding: 12px 18px;
        border: 1px solid #22c55e;
        color: #22c55e;
        text-decoration: none;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        font-size: 14px;
        background: rgba(34, 197, 94, 0.08);
      }
      .more-beats-btn:hover {
        box-shadow: 0 0 12px rgba(34, 197, 94, 0.25);
      }
      .copy-tag-btn {
        flex-shrink: 0;
        margin-left: 0;
        border: 1px solid rgba(34, 197, 94, 0.28);
        background: rgba(34, 197, 94, 0.12);
        color: #86efac;
        padding: 0.2rem 0.55rem;
        font-size: 0.625rem;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        border-radius: 9999px;
        cursor: pointer;
        transition:
          background 0.15s ease,
          border-color 0.15s ease;
      }
      .copy-tag-btn:hover {
        background: rgba(34, 197, 94, 0.2);
        border-color: rgba(34, 197, 94, 0.45);
      }
      .copy-tag-btn:focus-visible {
        outline: 2px solid rgba(34, 197, 94, 0.55);
        outline-offset: 2px;
      }
      .copy-tag-flash {
        margin-left: 0;
        flex-shrink: 0;
        color: #86efac;
        font-size: 0.625rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }
      .favorite-btn {
        margin-top: 14px;
        width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(34, 197, 94, 0.45);
        background: rgba(34, 197, 94, 0.08);
        color: #22c55e;
        padding: 0;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
        text-transform: none;
        border-radius: 4px;
        cursor: pointer;
      }
      .product-header-card,
      #product-tags-card,
      .product-header-rating {
        background: linear-gradient(
          155deg,
          rgba(14, 22, 14, 0.78) 0%,
          rgba(8, 12, 8, 0.92) 100%
        );
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        border: 1px solid rgba(255, 255, 255, 0.07) !important;
        box-shadow:
          0 1px 0 rgba(255, 255, 255, 0.04) inset,
          0 10px 36px rgba(0, 0, 0, 0.32);
      }
      .product-header-card:hover,
      #product-tags-card:hover,
      .product-header-rating:hover {
        transform: none;
        border-color: rgba(34, 197, 94, 0.18) !important;
        box-shadow:
          0 1px 0 rgba(255, 255, 255, 0.05) inset,
          0 12px 40px rgba(0, 0, 0, 0.38),
          0 0 0 1px rgba(34, 197, 94, 0.08);
      }
      .product-header-card {
        position: relative;
        padding: 1.35rem 1.45rem 1.45rem;
      }
      .product-header-top-row {
        position: relative;
        z-index: 2;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 0.65rem 0.75rem;
        margin-bottom: var(--product-inset-gap);
      }
      .product-header-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0.45rem;
        max-width: 100%;
        margin-left: auto;
      }
      .product-header-main {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        min-width: 0;
      }
      .product-header-title-block {
        width: 100%;
        min-width: 0;
      }
      .product-header-title {
        font-family: var(--commission-font-display);
        font-style: normal;
        font-weight: 800;
        letter-spacing: -0.025em;
        font-size: clamp(1.65rem, 4.5vw, 2.35rem);
        line-height: 1.12;
        color: #bbf7d0;
        text-shadow: 0 0 24px rgba(34, 197, 94, 0.18);
        animation: none;
        margin: 0;
        text-align: center;
        max-width: min(100%, 52rem);
        margin-inline: auto;
      }
      @media (min-width: 1024px) {
        .product-header-title {
          text-align: left;
          margin-inline: 0;
        }
      }
      .product-header-meta-row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 0.65rem 0.85rem;
        width: 100%;
        min-width: 0;
      }
      @media (min-width: 1024px) {
        .product-header-meta-row {
          justify-content: flex-start;
        }
      }
      .product-header-meta-row #price-display:only-child {
        margin-left: auto;
        margin-right: auto;
      }
      @media (min-width: 1024px) {
        .product-header-meta-row #price-display:only-child {
          margin-right: 0;
          margin-left: auto;
        }
      }
      .product-header-icon-btn,
      .product-header-card .share-product-btn,
      .product-header-card .favorite-btn {
        width: 2.5rem;
        height: 2.5rem;
        min-width: 2.5rem;
        min-height: 2.5rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, 0.1);
        background: rgba(255, 255, 255, 0.04);
        color: #a7f3d0;
        padding: 0;
        border-radius: 10px;
        cursor: pointer;
        flex-shrink: 0;
        transition:
          background 0.15s ease,
          border-color 0.15s ease,
          color 0.15s ease,
          box-shadow 0.15s ease;
      }
      .product-header-card .favorite-btn {
        position: static;
        margin-top: 0;
        font-size: 1.125rem;
      }
      .product-header-icon-btn:hover,
      .product-header-card .share-product-btn:hover,
      .product-header-card .favorite-btn:hover {
        background: rgba(34, 197, 94, 0.12);
        border-color: rgba(34, 197, 94, 0.35);
        color: #dcfce7;
        box-shadow: 0 0 14px rgba(34, 197, 94, 0.15);
      }
      .product-header-icon-btn:focus-visible,
      .product-header-card .share-product-btn:focus-visible,
      .product-header-card .favorite-btn:focus-visible,
      #admin-edit-product-btn:focus-visible {
        outline: 2px solid rgba(34, 197, 94, 0.55);
        outline-offset: 2px;
      }
      .product-header-card .product-header-fav-actions {
        position: relative;
        display: inline-flex;
        flex-direction: row;
        align-items: center;
        gap: 0.35rem;
        flex-shrink: 0;
        padding: 0.2rem;
        border-radius: 12px;
        border: 1px solid rgba(255, 255, 255, 0.06);
        background: rgba(0, 0, 0, 0.22);
      }
      .share-product-btn svg {
        width: 18px;
        height: 18px;
        display: block;
      }
      .share-product-flash {
        position: absolute;
        top: calc(100% + 4px);
        right: 0;
        margin-top: 0;
        font-size: 0.625rem;
        font-weight: 600;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #86efac;
        white-space: nowrap;
        pointer-events: none;
      }
      .product-header-card .favorite-btn.active {
        background: rgba(34, 197, 94, 0.2);
        border-color: rgba(34, 197, 94, 0.55);
        color: #fef08a;
        box-shadow: 0 0 16px rgba(34, 197, 94, 0.2);
      }
      .product-header-stack {
        display: flex;
        flex-direction: column;
        gap: var(--product-section-gap);
        flex: 0 0 auto;
      }
      .product-header-stack > * {
        flex: 0 0 auto;
        margin-bottom: 0;
      }
      #product-tags-card {
        display: flex;
        flex-direction: column;
        gap: var(--product-inset-gap);
        padding: 1.15rem 1.35rem 1.15rem;
      }
      #product-tags-card .product-tags-label {
        font-size: 0.6875rem;
        font-weight: 600;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: rgba(156, 163, 175, 0.9);
        margin-bottom: 0;
      }
      .product-header-rating {
        display: flex;
        flex-direction: column;
        gap: var(--product-inset-gap);
        padding: 1.15rem 1.35rem 1.15rem;
        margin-bottom: 0;
      }
      .product-header-rating .product-rating-label {
        font-size: 0.6875rem;
        font-weight: 600;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: rgba(156, 163, 175, 0.9);
        margin-bottom: 0;
      }
      .sample-list {
        margin: 0;
        padding-left: 1.2rem;
        color: #9ca3af;
        font-size: 16px;
        line-height: 1.7;
      }
      .sample-list li::marker {
        color: #22c55e;
      }
      .rating-avg-row {
        display: flex;
        align-items: center;
        gap: 1.25rem;
        flex-wrap: wrap;
        margin-bottom: 0;
      }
      .rating-avg-num {
        font-size: 3rem;
        font-weight: 800;
        line-height: 1;
        color: #facc15;
        min-width: 3.5rem;
        text-align: center;
      }
      .rating-right {
        display: flex;
        flex-direction: column;
        gap: 0.45rem;
      }
      .rating-stars {
        display: inline-flex;
        gap: 6px;
      }
      .rating-star {
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(0, 0, 0, 0.6);
        color: #4b5563;
        font-size: 1.5rem;
        width: 44px;
        height: 42px;
        border-radius: 6px;
        cursor: pointer;
        transition: all 0.18s ease;
        line-height: 1;
      }
      .rating-star:hover {
        border-color: rgba(250, 204, 21, 0.55);
        color: #facc15;
        background: rgba(250, 204, 21, 0.06);
      }
      .rating-star.active {
        color: #facc15;
        border-color: rgba(250, 204, 21, 0.5);
        background: rgba(250, 204, 21, 0.08);
        box-shadow: 0 0 calc(8px * var(--glow-intensity))
          rgba(250, 204, 21, 0.3);
      }
      .rating-star:disabled {
        opacity: 0.5;
        cursor: not-allowed;
      }
      .rating-star:disabled:hover {
        border-color: rgba(255, 255, 255, 0.12);
        color: #4b5563;
        background: rgba(0, 0, 0, 0.6);
      }
      .rating-meta {
        color: #9ca3af;
        font-size: 0.85rem;
        letter-spacing: 0.05em;
      }
      .rating-lock-note {
        font-size: 0.8rem;
        color: #6b7280;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
        padding-top: var(--product-inset-gap);
        margin-top: 0;
      }
      .post-download-review {
        margin-top: 0.15rem;
        padding: 1rem 1.05rem 1.05rem;
        border-radius: 10px;
        border: 1px solid rgba(34, 197, 94, 0.28);
        background: rgba(34, 197, 94, 0.06);
      }
      .post-download-review__eyebrow {
        margin: 0 0 0.35rem;
        font-size: 0.625rem;
        font-weight: 600;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: #86efac;
      }
      .post-download-review__title {
        margin: 0 0 0.35rem;
        font-family: var(--commission-font-display);
        font-size: 1.05rem;
        font-weight: 700;
        color: #f0fdf4;
        letter-spacing: -0.02em;
      }
      .post-download-review__sub,
      .post-download-review__login {
        margin: 0 0 0.75rem;
        font-size: 0.8125rem;
        line-height: 1.45;
        color: #a1a1aa;
      }
      .post-download-review__login a {
        color: #86efac;
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 2px;
      }
      .post-download-review__stars {
        justify-content: flex-start;
        margin-bottom: 0.65rem;
      }
      .post-download-review__thanks {
        margin: 0 0 0.65rem;
        font-size: 0.8125rem;
        color: #86efac;
        letter-spacing: 0.02em;
      }
      .post-download-review__jump {
        display: inline-block;
        margin: 0;
        padding: 0;
        border: 0;
        background: none;
        color: #9ca3af;
        font-size: 0.6875rem;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-decoration: underline;
        text-underline-offset: 3px;
        cursor: pointer;
      }
      .post-download-review__jump:hover {
        color: #d1d5db;
      }
      #download-btn.hidden {
        display: none !important;
      }
      .product-header-rating .rating-avg-row {
        justify-content: center;
      }
      .product-header-rating .rating-meta,
      .product-header-rating .rating-lock-note {
        text-align: center;
      }
      @media (min-width: 1024px) {
        .product-header-rating .rating-avg-row {
          justify-content: flex-start;
        }
        .product-header-rating .rating-meta,
        .product-header-rating .rating-lock-note {
          text-align: left;
        }
      }

      @media (max-width: 1023px) {
        .product-conversion-main {
          display: flex;
          flex-direction: column;
          gap: var(--product-section-gap);
        }
        .free-terms-block:not(.hidden) {
          display: flex;
          flex-direction: column;
          gap: var(--product-section-gap);
        }
        .free-terms-card,
        .free-terms-contact-card,
        .product-download-shell.action-shell {
          width: 100%;
          max-width: 100%;
        }
        .free-terms-contact-card {
          min-height: 4.5rem;
          justify-content: center;
          align-items: center;
          text-align: center;
        }
        .product-download-shell.action-shell--guest-free:has(
            .beat-download-hero:not(.hidden)
          ) {
          display: flex;
          flex-direction: column;
          gap: 0.85rem;
        }
        .product-download-shell.action-shell--guest-free:has(
            .beat-download-hero:not(.hidden)
          )
          .beat-download-hero {
          margin-bottom: 0;
          padding: 0.5rem 0 0;
        }
        .product-download-shell.action-shell--guest-free:has(
            .beat-download-hero:not(.hidden)
          )
          #download-btn {
          grid-column: unset;
          grid-row: unset;
          align-self: stretch;
          width: 100%;
        }
      }
      @media (max-width: 768px) {
        .product-page-main,
        .product-shell,
        .product-top-layout {
          min-width: 0;
          max-width: 100%;
          overflow-x: clip;
        }
        .product-top-layout,
        .product-layout-shell {
          grid-template-columns: 1fr;
          gap: var(--product-section-gap);
        }
        .product-left-column,
        .product-right-column,
        .product-conversion-band,
        .product-details-stack {
          max-width: 100%;
          min-width: 0;
        }
        .product-conversion-band {
          padding: 1rem;
        }
        .product-conversion-main {
          display: flex;
          flex-direction: column;
          gap: var(--product-section-gap);
        }
        .free-terms-block:not(.hidden) {
          gap: var(--product-section-gap);
        }
        .free-terms-card {
          padding: 1.15rem 1.1rem 1.2rem;
        }
        .free-terms-list {
          gap: 0.5rem;
        }
        .free-terms-text {
          font-size: 0.8125rem;
        }
        .free-terms-contact-card {
          padding: 1.05rem 1.1rem;
          min-height: 4.25rem;
        }
        .product-download-shell.action-shell,
        .product-download-shell.action-shell--guest-free {
          width: 100%;
        }
        .product-header-rating .rating-avg-row {
          justify-content: center;
        }
        .product-shell {
          padding: 1rem;
        }
        .product-left-media {
          max-width: 100%;
          width: 100%;
        }
        .youtube-shell,
        .youtube-embed {
          max-width: 100%;
        }
        .product-image-wrapper {
          width: 100%;
          max-width: 100%;
        }
        .cover-wrap {
          max-width: 100%;
        }
        .product-conversion-stats.cover-stats,
        .cover-stats {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .product-conversion-stats .cover-stat-label {
          font-size: 0.625rem;
        }
        .product-conversion-stats .cover-stat-value {
          font-size: 1.15rem;
        }
        .cover-stats.three-cols {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        .cover-stat-item:nth-child(2n) {
          border-right: none;
        }
        .cover-stat-item:nth-child(n + 3) {
          border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .cover-stat-value {
          font-size: 18px;
        }
        .cover-stat-label {
          font-size: 11px;
          letter-spacing: 0.08em;
        }
        .beat-download-hero:not(.hidden) {
          padding: 1rem 0.25rem 0;
        }
        .beat-download-hero__title {
          font-size: 1.2rem;
        }
        .beat-download-hero__sub {
          font-size: 0.8125rem;
        }
        .beat-download-hero__prop {
          font-size: 0.6875rem;
          padding: 0.32rem 0.55rem;
        }
        .product-download-shell.action-shell,
        .product-download-shell.action-shell--guest-free {
          padding: 1rem;
        }
        #download-btn.btn.beat-download-cta,
        #download-btn.btn.download-btn--guest-free,
        #download-btn.btn.download-btn--free {
          width: 100%;
          min-height: 48px;
        }
        .beat-bottom-nudge-inner {
          flex-direction: column;
          align-items: stretch;
          gap: 0.65rem;
          padding: 0.85rem 0.85rem calc(0.85rem + env(safe-area-inset-bottom, 0));
        }
        .beat-bottom-nudge-content {
          flex: 1 1 auto;
        }
        .beat-bottom-nudge p {
          font-size: 0.8125rem;
        }
        .beat-bottom-nudge-actions {
          width: 100%;
          justify-content: stretch;
          gap: 0.5rem;
        }
        .beat-nudge-cta {
          flex: 1 1 auto;
          min-height: 44px;
          padding: 0.65rem 0.85rem;
          text-align: center;
        }
        .beat-nudge-dismiss {
          flex-shrink: 0;
          min-width: 44px;
          min-height: 44px;
        }
        body.admin-product-edit-mode {
          padding-bottom: calc(
            min(62vh, 440px) + env(safe-area-inset-bottom, 0)
          );
        }
        #product-admin-dock {
          max-height: min(62vh, 440px);
          padding-bottom: env(safe-area-inset-bottom, 0);
        }
        #admin-dock-beat-meta {
          grid-template-columns: 1fr;
        }
        #product-admin-dock .admin-edit-panel-actions {
          flex-direction: column-reverse;
          margin-left: -0.25rem;
          margin-right: -0.25rem;
          padding-left: 0.25rem;
          padding-right: 0.25rem;
          padding-bottom: calc(0.5rem + env(safe-area-inset-bottom, 0));
        }
        #admin-dock-save,
        #admin-dock-cancel {
          width: 100%;
          min-height: 48px;
          text-align: center;
        }
        .product-header-card {
          padding: 1.15rem 1.1rem 1.2rem;
        }
        .product-header-top-row {
          gap: 0.55rem;
          margin-bottom: 0.85rem;
        }
        .product-header-actions {
          width: 100%;
          justify-content: flex-end;
        }
        .product-header-title {
          font-size: clamp(1.5rem, 6vw, 1.85rem);
        }
        .product-header-meta-row {
          flex-direction: column;
          align-items: stretch;
        }
        .product-header-meta-row #price-display {
          margin-left: auto;
          margin-right: auto;
          align-self: center;
        }
        .producer-line.producer-chip {
          justify-content: center;
          width: fit-content;
          max-width: 100%;
          margin-inline: auto;
        }
        #admin-edit-product-btn:not(.hidden) {
          font-size: 0.5625rem;
          padding: 0.4rem 0.65rem;
          min-height: 2.75rem;
        }
        #product-tags-card,
        .product-header-rating {
          padding: 1rem 1.05rem 1.1rem;
        }
        .product-details-stack .desc-body {
          font-size: 0.9375rem;
          line-height: 1.75;
        }
        .product-details-stack .desc-card-label {
          font-size: 14px;
        }
        .rating-avg-row {
          gap: 0.85rem;
        }
        .rating-avg-num {
          font-size: 2.25rem;
          min-width: 2.75rem;
        }
        .rating-star {
          width: 40px;
          height: 40px;
          font-size: 1.25rem;
        }
        .free-terms-card {
          padding: 1.1rem 1rem 1.15rem;
        }
        .stat-value {
          font-size: 2rem;
        }
        .stat-label {
          font-size: 14px;
        }
        .stats-grid {
          grid-template-columns: 1fr;
        }
        .license-grid {
          grid-template-columns: 1fr;
        }
        .related-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: var(--product-section-gap);
        }
        .related-card {
          max-width: none;
        }
      }
      @media (max-width: 480px) {
        .product-image-wrapper {
          width: 100%;
          max-width: 100%;
        }
        .stat-value {
          font-size: 1.75rem;
        }
        .player-time {
          width: 100%;
          text-align: left;
        }
        .related-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: var(--product-section-gap);
        }
        .cover-stat-value {
          font-size: 16px;
        }
        .beat-download-hero__title {
          font-size: 1.1rem;
        }
      }
      .admin-rich-editor {
        outline: none;
        min-height: 140px;
        line-height: 1.55;
        padding: 0.75rem 1rem;
        border-radius: 8px;
        border: 1px solid rgba(34, 197, 94, 0.35);
        background: rgba(0, 0, 0, 0.45);
      }
      .admin-rich-editor:focus {
        border-color: rgba(34, 197, 94, 0.65);
        box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.2);
      }
      .admin-rich-toolbar button {
        font-size: 11px;
        padding: 4px 10px;
        border-radius: 4px;
        border: 1px solid rgba(255, 255, 255, 0.15);
        background: rgba(255, 255, 255, 0.06);
        color: #d1fae5;
        cursor: pointer;
      }
      .admin-rich-toolbar button:hover {
        background: rgba(34, 197, 94, 0.15);
        border-color: rgba(34, 197, 94, 0.35);
      }
      .admin-tag-pill {
        font-size: 11px;
        padding: 4px 10px;
        border-radius: 999px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(255, 255, 255, 0.05);
        color: #d1d5db;
        cursor: pointer;
        transition: background 0.15s, border-color 0.15s;
      }
      .admin-tag-pill.is-on {
        border-color: rgba(34, 197, 94, 0.55);
        background: rgba(34, 197, 94, 0.12);
        color: #86efac;
      }
      .admin-tag-pill.is-selected-chip {
        border-color: rgba(34, 197, 94, 0.45);
        color: #bbf7d0;
      }
      #product-admin-dock label {
        display: block;
        color: #9ca3af;
        margin-bottom: 4px;
        letter-spacing: 0.06em;
      }
      #product-admin-dock input,
      #product-admin-dock textarea {
        width: 100%;
        background: #0a0a0a;
        border: 1px solid rgba(255, 255, 255, 0.12);
        border-radius: 6px;
        padding: 8px 10px;
        color: #e5e7eb;
        font-size: 12px;
      }
      #product-admin-dock textarea {
        min-height: 88px;
        resize: vertical;
      }
      #admin-dock-save {
        margin-top: 10px;
        padding: 10px 18px;
        background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
        color: #000;
        font-weight: 700;
        border: none;
        border-radius: 6px;
        cursor: pointer;
        font-size: 11px;
        letter-spacing: 0.1em;
      }
      #admin-dock-save:disabled {
        opacity: 0.5;
        cursor: not-allowed;
      }

      /* Shelf theme — mobile layout (after rules above) */
      @media (max-width: 768px) {
        body.product-shelf .product-page-main {
          padding-top: calc(
            var(--studio-header-stack, 9.75rem) + env(safe-area-inset-top, 0px)
          ) !important;
          padding-left: 1rem;
          padding-right: 1rem;
        }
        body.product-shelf .product-header-actions {
          width: auto;
        }
        body.product-shelf .related-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
        body.product-shelf .cover-stat-item:nth-child(n + 3) {
          border-top-color: rgba(10, 10, 10, 0.09);
        }
        body.product-shelf .cover-stat-item {
          border-color: rgba(10, 10, 10, 0.09);
        }
        body.product-shelf .audio-wrapper {
          padding: 1rem;
        }
        body.product-shelf .player-progress-track {
          min-width: 0;
          flex: 1 1 8rem;
        }
        body.product-shelf .player-time {
          flex: 0 0 auto;
          font-size: 11px;
        }
      }

      @media (max-width: 480px) {
        body.product-shelf .related-grid {
          grid-template-columns: 1fr;
        }
        body.product-shelf .product-conversion-stats.cover-stats,
        body.product-shelf .cover-stats {
          grid-template-columns: 1fr;
        }
        body.product-shelf .cover-stat-item:nth-child(2n) {
          border-right: none;
        }
        body.product-shelf .player-controls-row {
          gap: 10px;
        }
        body.product-shelf .player-progress-track {
          flex: 1 1 100%;
          order: 2;
        }
        body.product-shelf .player-time {
          width: 100%;
          order: 3;
        }
      }