body {
        background-color: #f5f1e8;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0;
        padding: 0;
    }

    /* ===== HEADLINE ===== */
    .headline-section {
        padding: 25px 15px 10px 15px;
        text-align: center;
    }
    .main-headline {
        color: rgb(204, 0, 0);
        font-family: "Montserrat", sans-serif;
        font-size: 48px;
        font-weight: 900;
        line-height: 1em;
        font-style: italic;

    }
    .sub-headline {
        color: #1a1a1a;
        font-size: 22px;
        font-weight: 800;
        margin-bottom: 0;
        font-family: "Poppins", sans-serif;
    }

    /* ===== VSL / PLAYERBOX ===== */
    .vsl-section {
        padding: 20px 15px;
    }
    .vsl-wrapper {
        max-width: 940px;
        height: auto;
        margin: 0 auto;
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 8px;
        box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    }
    .vsl-placeholder {
        width: 100%;
        aspect-ratio: 16 / 9;
        background: #1a1a1a;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 18px;
    }

    /* ===== ORDER BOXES ===== */
    .order-section {
        padding: 20px 15px 60px 15px;
    }
    .order-box {
        background: #fff;
        border-radius: 8px;
        padding: 20px 18px;
        text-align: center;
        height: 100%;
        box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    }
    .order-box.hard-copy {
        background: #fdf8ee;
        border: 1px solid #d4b98c;
    }
    .order-box.digital-copy {
        border: 1px solid #ddd;
    }
    .product-image {
        width: 100%;
        max-width: 320px;
        height: auto;
        margin-bottom: 15px;
    }
    .product-image-placeholder {
        width: 100%;
        max-width: 320px;
        aspect-ratio: 4 / 3;
        background: #e9e4d8;
        border: 2px dashed #b7ad98;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #8a8170;
        margin: 0 auto 15px auto;
        font-size: 14px;
    }

    /* Lista de iteme (hard copy / digital / bonus) */
    .item-row {
        display: flex;
        align-items: center;
        text-align: left;
        border-radius: 4px;
        padding: 7px 10px;
        margin-bottom: 6px;
        font-size: 15px;
        color: #fff;
    }
    .item-row .checkbox {
        width: 18px;
        height: 18px;
        min-width: 18px;
        background: #fff;
        border-radius: 3px;
        margin-right: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #1a1a1a;
        font-size: 13px;
        font-weight: 700;
    }
    .item-row strong { margin-right: 5px; }
    .item-row.highlight { background: #c05a1e; }   /* portocaliu HARD COPY */
    .item-row.dark { background: #1f1f1f; }        /* negru pentru restul */

    /* Varianta digital box: randuri albe cu checkbox negru */
    .item-row.light {
        background: transparent;
        color: #1a1a1a;
        border: none;
        padding: 5px 10px;
    }
    .item-row.light .checkbox {
        background: #fff;
        border: 2px solid #1a1a1a;
    }

    /* ===== PRET ===== */
    .price-wrap {
        margin: 15px 0 12px 0;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 8px;
    }
    .price {
        font-size: 52px;
        font-weight: 800;
        color: #1a1a1a;
        line-height: 1;
    }
    .price-extra {
        font-size: 13px;
        font-weight: 700;
        color: #1a1a1a;
        text-align: left;
        padding-top: 8px;
        line-height: 1.3;
    }

    /* ===== BUTON ORDER ===== */
    .order-btn {
        display: block;
        width: 100%;
        background: linear-gradient(180deg, #ffd94d 0%, #f2c422 100%);
        border: 1px solid #d9ab0f;
        border-radius: 8px;
        padding: 12px 10px;
        text-decoration: none;
        color: #1a1a1a;
        box-shadow: 0 3px 8px rgba(0,0,0,0.2);
        transition: transform .15s ease;
    }
    .order-btn:hover { transform: scale(1.02); color: #1a1a1a; }
    .order-btn .btn-main {
        font-size: 26px;
        font-weight: 800;
        font-style: italic;
        display: block;
        line-height: 1.1;
    }
    .order-btn .btn-sub {
        font-size: 14px;
        font-weight: 700;
        display: block;
    }

    .order-link {
        display: block;
        margin-top: 12px;
        color: #1a73e8;
        font-weight: 700;
        font-size: 15px;
        text-decoration: underline;
    }

    /* ===== TRUST BADGES (imagini puse de tine) ===== */
    .badges-img {
        max-width: 100%;
        height: auto;
        margin-top: 12px;
    }
    .badges-placeholder {
        margin-top: 12px;
        padding: 10px;
        border: 2px dashed #b7ad98;
        color: #8a8170;
        font-size: 13px;
    }
    .mt-50-d {
        margin-top: 50px;
    }
    @media (max-width:726px) {
        .mt-50-d {
            margin-top: 0px;
        }   
    }
    /* ===== LOGO SECTION ===== */
    .logo-section {
        background: #f5f1e8;
        border-top: 1px solid #ddd6c5;
        text-align: center;
        padding: 25px 15px;
    }
    .logo-section img {
        max-width: 220px;
        height: auto;
    }
    .logo-placeholder {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 220px;
        height: 70px;
        border: 2px dashed #b7ad98;
        color: #8a8170;
        font-size: 13px;
    }

    /* ===== FOOTER ===== */
    .site-footer {
        background: #000;
        color: #cfcfcf;
        padding: 45px 15px 55px 15px;
        font-size: 13px;
    }
    .footer-inner {
        max-width: 780px;
        margin: 0 auto;
    }
    .footer-legal-box {
        border: 1px solid #444;
        padding: 14px 16px;
        margin-bottom: 25px;
        line-height: 1.5;
    }
    .footer-legal-box a {
        color: #fff;
        font-weight: 700;
        text-decoration: none;
    }
    .footer-disclaimer {
        line-height: 1.55;
        margin-bottom: 25px;
    }

    /* Butoane footer - desktop: 4 pe rand */
    .footer-nav {
        display: flex;
        justify-content: center;
        gap: 4px;
        margin-bottom: 25px;
    }
    .footer-nav a {
        background: #2a2a2a;
        border: 1px solid #555;
        color: #fff;
        font-weight: 700;
        text-decoration: none;
        text-align: center;
        padding: 8px 0;
        flex: 1;
        max-width: 120px;
        font-size: 13px;
    }
    .footer-nav a:hover { background: #3a3a3a; }

    .footer-support {
        text-align: center;
        font-size: 14px;
        color: #e5e5e5;
    }

    /* ================= MOBILE ================= */
    @media (max-width: 767.98px) {
        .main-headline {
            font-family: "Montserrat", sans-serif;
            font-size: 26px;
            line-height: 1.25;
        }
        .sub-headline {
            color: #1a1a1a;
            font-size: 17px;
            font-weight: 800;
            margin-bottom: 0;
            font-family: "Poppins", sans-serif;
        }
        .price { font-size: 44px; }
        .order-btn .btn-main { font-size: 22px; }
        

        /* Pe mobil apare doar boxul hard copy primul, stacked */
        .order-section { padding-bottom: 40px; }

        /* Footer nav pe mobil: butoane full-width, stacked */
        .footer-nav {
            flex-direction: column;
            gap: 10px;
        }
        .footer-nav a {
            max-width: 100%;
            width: 100%;
            padding: 12px 0;
            font-size: 14px;
        }
    }
    /* for TTB BUTTONS */
        #action_div {
            display: none;
        }