/*  Affiliate Card Builder – Card Styles (identical to the approved design)  */

.fancy‑card{
    max-width:860px;
    margin:0 auto;                 /* centre horizontally – vertical margin is handled by wrapper */
    display:flex;
    flex-direction:column;
    background:linear-gradient(150deg,#ffffff 0%,#f5fbff 100%);
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 4px 14px rgba(0,0,0,.12);
    font-family:"Roboto",Arial,Helvetica,sans-serif;
    transition:transform .25s ease,box-shadow .25s ease;
}
.fancy‑card:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}

/* Horizontal layout on larger screens */
@media (min-width:660px){
    .fancy‑card{flex-direction:row;}
}

/* Image column */
.fancy‑card .img‑wrap{
    flex:0 0 260px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:1.3rem;
    border-bottom:1px solid #e2e8f0;
}
@media (min-width:660px){
    .fancy‑card .img‑wrap{
        border-right:1px solid #e2e8f0;
        border-bottom:none;
    }
}
.fancy‑card .img‑wrap img{
    max-width:100%;
    max-height:100%;
    border-radius:9px;
    box-shadow:0 2px 6px rgba(0,0,0,.07);
    transition:transform .3s ease;
}
.fancy‑card .img‑wrap:hover img{transform:scale(1.04);}

/* Text block */
.fancy‑card .info{
    flex:1;
    padding:1.6rem 1.8rem;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}
.fancy‑card .title{
    font-size:1.22rem;
    font-weight:600;
    color:#0a2849;
    margin:0 0 .6rem;
    line-height:1.4;
}
.fancy‑card .price{
    font-size:1.38rem;
    color:#c41e00;
    margin:.5rem 0;
    font-weight:500;
}
.fancy‑card .price del{
    font-size:.88rem;
    color:#777;
    margin-right:.5rem;
}
.fancy‑card .badge{
    background:#ff9800;
    color:#fff;
    font-size:.78rem;
    padding:2px 6px;
    border-radius:4px;
    margin-left:.8rem;
    vertical-align:middle;
}
.fancy‑card .choice{
    display:inline-block;
    background:#ff9800;
    color:#fff;
    font-size:.76rem;
    font-weight:500;
    padding:2px 5px;
    border-radius:3px;
    margin-left:.6rem;
    vertical-align:middle;
}

/* Feature list */
.fancy‑card ul{
    margin:.8rem 0 1.2rem;
    padding-left:1.2rem;
    font-size:.94rem;
    line-height:1.55;
    color:#444;
}
.fancy‑card ul li{
    margin-bottom:.45rem;
}
.fancy‑card ul li b{
    color:#0a2849;
}

/* CTA button */
.fancy‑card .cta{
    display:block;
    text-align:center;
    background:#ff9800;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    font-size:.96rem;
    padding:.68rem 0;
    border-radius:6px;
    transition:background .25s ease,box-shadow .25s ease;
    box-shadow:0 2px 5px rgba(0,0,0,.12);
}
.fancy‑card .cta:hover{
    background:#e68a00;
    box-shadow:0 4px 10px rgba(0,0,0,.2);
}

/* --------------------------------------------------------------
   Wrapper that adds the required 30 px top & bottom margin
   -------------------------------------------------------------- */
.acb-card-wrapper{
    margin:30px 0;   /* 30 px above and below the whole card */
}