/* AD CARD */
.ad-card{
    width:100%;
    max-width:620px;
    border-radius:24px;
    overflow:hidden;
    background:linear-gradient(135deg,#ff003c,#ff7a18);
    color:#fff;
    box-shadow:0 25px 60px rgba(0,0,0,.3);
    position:relative;
}

/* content */
.ad-inner {
    padding: 18px 18px 59px;
}

/* badge */
.offer-badge {
    background: #000;
    display: inline-block;
    padding: 0px 19px;
    border-radius: 30px;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 15px;
}


/* weight */
.weight {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.1;
}

.sub {
    opacity: .9;
    margin: 5px 0px 15px 0px;
}

/* white section */
.bottom {
    background: #fff;
    color: #222;
    padding: 32px 24px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin-top: -40px;
    position: relative;
}

/* price bubble */
.price {
    position: absolute;
    right: 24px;
    top: -23px;
    background: #000;
    color: #fff;
    padding: 8px 24px;
    border-radius: 60px;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
}

/* transit */
.transit{
    font-size:18px;
    margin-bottom:10px;
}

.note{
    font-size:13px;
    color:#777;
}

/* CTA */
.cta {
    margin-top: 10px;
}

.cta button{
    width:100%;
    border:none;
    padding:6px;
    border-radius:12px;
    background:linear-gradient(135deg,#ff003c,#ff7a18);
    color:#fff;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.cta button:hover{
    transform:translateY(-2px);
    box-shadow:0 4px 6px rgba(0,0,0,.2);
}

/* mobile */
@media(max-width:480px){
    .weight{font-size:25px;}
    .price{font-size:22px;padding:14px 20px;}
    .ad-inner{padding:30px 22px 70px;}
    .fs-40{font-size: 28px !important}
    .courier-faq {padding: 50px 0 80px !important;}
    .w-50{width: 100% !important}
}