body{
    font-family:'Segoe UI', sans-serif;
}

.top-countdown{
    background:linear-gradient(90deg,#e600c5,#c400a9);
    color:#fff;
    text-align:center;
    padding:14px;
    font-weight:600;
}

.header-pink{
    background:linear-gradient(90deg,#e600c5,#c400a9);
    color:#fff;
    text-align:center;
    padding:14px;
    font-size: 30px;
}


.header-bar{
    //background:#4cb4a8;
    color:#fff;
    text-align:center;
    padding:8px;
    font-size:28px;
    font-weight:700;
}


.checkout-card{
    background:#fff;
    border-radius:18px;
    padding:40px;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.progress{
    height:6px;
    border-radius:20px;
    background:#f3d5ec;
}

.progress-bar{
    background:linear-gradient(90deg,#e600c5,#c400a9);
    transition:width .4s ease;
}

.steps-labels{
    display:flex;
    justify-content:space-between;
    margin-top:12px;
    font-size:14px;
}

.step-item{
    flex:1;
    text-align:center;
    font-weight:600;
    color:#b5b5b5;
}

.step-item.active{
    color:#000;
}

.step-arrow{
    display:none;
    width:0;
    height:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:10px solid #e600c5;
    margin:6px auto 0;
}

.step-item.active .step-arrow{
    display:block;
}

.form-control{
    height:52px;
    border-radius:12px;
}

.btn-gradient{
    background:linear-gradient(90deg,#e600c5,#c400a9);
    color:#fff;
    height:56px;
    border:none;
    font-weight:600;
    border-radius:14px;
}

.fee-box{
    background:#fdf0fa;
    border:1px solid #e600c5;
    padding:18px;
    border-radius:12px;
    margin-bottom:25px;
    font-weight:600;
}

.back-link{
    color:#e600c5;
    font-weight:600;
    text-decoration:none;
    font-size:12px;
}

.promo-image img{
    border-radius:16px;
	width: 100%;
	max-width:400px;
	height:auto;
	display:block;
}

.details-box{
    background:#fff;
    border:2px solid #e600c5;
    border-radius:16px;
    padding:30px;
	max-width:400px;
}

.details-box p{
    font-size:18px;
}

.details-list{
    list-style:none;
    padding-left:0;
    font-size:18px;
    font-weight:600;
}

.details-list li{
    margin-bottom:12px;
    position:relative;
    padding-left:15px;
}

.details-list li:before{
    content:"*";
    position:absolute;
    left:0;
}

.right-summary-box{
    border:3px solid #c82bbd;
    border-radius:18px;
    padding:0px 30px 30px 30px;
    background:#fff;
	max-width: 500px;
}

.pink-heading{
    color:#c82bbd;
    font-weight:700;
	font-size:22px;
}

.custom-list{
    list-style:none;
    padding-left:0;
}

.custom-list li{
    margin-bottom:14px;
    position:relative;
    padding-left:18px;
}

.custom-list li::before{
    content:"*";
    position:absolute;
    left:0;
    color:#333;
    font-weight:bold;
}

.summary-label{
    color:#c82bbd;
    font-weight:700;
    font-size:17px;
}

.summary-value{
    color:#9c9c9c;
    font-size:14px;
    line-height:1.4;
	font-weight: bold;
}

/* Prevent stacking on small screens */
.top-section .col-6{
    flex:0 0 50%;
    max-width:50%;
}


.pinkcolor{
    color:#e600c5;
}

.btnyes{
    background: #e600c5;
	color: white;
	font-weight: bold;
	height: 56px;
	border-radius: 14px;
}
.btnyes:hover{
	color: white;
    background: #b60fa8;
}







.action-btn{
background:#dc11cc ;
color:white;
border:none;
padding:12px 18px;
border-radius:6px;
cursor:pointer;
font-size:14px;
text-decoration:none;
}

.action-btn:hover{
background:#e230d4;
}







/* =====================================
   ORDER BUMP CSS
===================================== */

.order-bump-box{
    animation:pulseBorder 2s infinite;
}

@keyframes pulseBorder{
    0%{ box-shadow:0 0 0 0 rgba(230,0,197,0.4); }
    70%{ box-shadow:0 0 0 8px rgba(230,0,197,0); }
    100%{ box-shadow:0 0 0 0 rgba(230,0,197,0); }
}

.arrow-indicator{
    font-size:22px;
    font-weight:bold;
    color:#e600c5;
    animation:blinkArrow 1s infinite;
}

@keyframes blinkArrow{
    0%{ opacity:1; transform:translateY(0); }
    50%{ opacity:.4; transform:translateY(5px); }
    100%{ opacity:1; transform:translateY(0); }
}



/* === EXACT DPU LAYOUT === */

.upsell-wrapper {

    padding-top: 30px;
}

/* LEFT COLUMN */

.upsell-left {
    padding-left: 60px;
	font-family: 'Oswald', sans-serif !important;
}



.us-step {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    font-weight: 300;
    color: #c5c5c5;
}

.us-dot {
    width: 14px;
    height: 14px;
    border-radius: 75%;
    border: 4px solid #d5d5d5;
    margin-right: 14px;
}

.us-step.active {
    color: #c400c4;
}

.us-step.active .us-dot {
    border-color: #c400c4;
}

/* Centered block */
.upsell-center {
    max-width: 880px;
    margin: 0 auto;
}
.upsell-center h2 {
	font-size: 22px;
    font-weight: bold;
}


/* Headline */
.upsell-headline {
    font-size: 28px;
    font-weight: 700;
    color: #c400c4;
    line-height: normal;
	font-family: 'Oswald', sans-serif !important;
	text-align: center;
}
.upsell-headline span {
    font-weight:500;
}

/* Body */
.upsell-body {
    font-size: 20px;
    color: #333;
}
.upsell-body ul {
    list-style:none;
    padding-left:0;
}
.upsell-body .check {
    font-weight: 700;
}

.upsell-body li {
	padding-bottom: 10px;
}

.upsell-body-bold {
    font-size: 28px;
    color: #333;
	font-family: 'Oswald', sans-serif !important;
}

.u-underline {
    text-decoration: underline;
}

/* ==============================
   CENTERED EQUAL CTA SYSTEM
============================== */

.upsell-cta {
    width: 700px;              /* exact same width */
    height: 100px;             /* exact same height */
    max-width: 100%;
    margin: 0 auto;            /* centers both */

    border-radius: 6px;
    border: none;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	font-family: 'Open Sans', sans-serif !important;

    padding: 20px;
}

/* Main big text */
.cta-main {
    font-size: 34px;
    font-weight: 800;
    line-height: 1.2;
}

/* Sub text */
.cta-sub {
    font-size: 14px;
    color: #f1a3ea;
    margin-top: 8px;
}

/* YES */
.upsell-yes {
    margin-top: 40px;
    color: #fff;
    background: rgb(220, 18, 203);
}

.upsell-yes:hover {
	color: #fff;
    background: #b60fa8;
}

/* NO */
.upsell-no {
    margin-top: 25px;
    color: #fff;
    background: #b7b7b7;
}

.upsell-no:hover {
	color: #fff;
    background: black;
}


/* Mobile behavior */
@media (max-width: 991px) {


.pink-heading{
	font-size:17px;
}


.promo-image img{
	margin: 0px auto 0px;
}

.details-box{
	margin: 0px auto 0px;
}


.custom-list li{
    margin-bottom:0px;
    position:relative;
    padding-left:18px;
}

.right-summary-box p{
    margin-bottom:10px;
}


.align-items-start{
	font-size: 12px;
}


	.upsell-wrapper {
		padding-top: 0px;
	}

	
	.upsell-headline {
		font-size: 23px;
		font-weight: 700;
		color: #c400c4;
		line-height: normal;
		font-family: 'Oswald', sans-serif !important;
	}

	.upsell-body {
		font-size: 19px;
		color: #333;
	}
	.upsell-body-bold {
		font-size: 19px;
		color: #333;
	}

    .upsell-left {
		font-family: 'Oswald', sans-serif !important;
        text-align: center;
        padding: 0px;
    }

    .upsell-cta {
        width: 100%;
        height: 110px;
    }

    .cta-main {
        font-size: 22px;
    }

    .cta-sub {
        font-size: 14px;
    }
	
    .upsell-steps-fixed {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;              /* space between steps */
        flex-wrap: wrap;        /* prevents overflow */
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .us-step {
        flex-direction: column; /* dot above text */
        align-items: center;
        margin-bottom: 0;       /* remove vertical spacing */
        font-size: 11px;
    }

    .us-dot {
		width: 10px;
		height: 10px;
		border-radius: 75%;
		border: 3px solid #d5d5d5;
        margin-right: 0;
        margin-bottom: 6px;
    }

}

@media(max-width:576px){
	.sponsor{
		margin-left: -10px;
	}
	
    .summary-label{
        font-size:13px;
    }

    .summary-value{
        font-size:11px;
    }
}



/*

.pinkbold{
	font-size:42px;
	font-family: 'Oswald', sans-serif !important;
	padding-top: 30px;
	text-align: center;
}

.pinkbold strong{
    color:#c400c4;    
}


.ss_rest{
	font-size:32px;
	color:#2f2f2f;
	font-family: 'Oswald', sans-serif !important;
	padding-top: 20px;
	text-align: center;
}

.workhow{
	font-size:24px;
	color:#888888;
	font-family: 'Oswald', sans-serif !important;
	padding-top: 20px;
	text-align: center;
}
*/