/* Start custom CSS for html, class: .elementor-element-dd1c8c3 *//* =========================
GLOBAL
========================= */

body{
font-family:Inter, sans-serif;
margin:0;
background:#ffffff;
color:#000000;
}

/* =========================
HEADER
========================= */

.site-header{
position:fixed;
top:0;
width:100%;
background:#000000;
padding:26px 30px;
z-index:999;
}

.header-inner{
max-width:1200px;
margin:0 auto;
text-align:center;
}

.header-logo{
font-size:30px;
font-weight:900;
letter-spacing:-0.5px;
color:#ffffff;
}

/* =========================
CART SECTION
========================= */

.cart-section{
padding:180px 30px 160px;
text-align:center;
}

.cart-title{
font-size:clamp(38px,6vw,64px);
font-weight:900;
margin-bottom:20px;
}

.pink{
color:#ff3b8d;
}

.cart-sub{
font-size:20px;
margin-bottom:50px;
color:#333;
}

/* =========================
VPN CHECK
========================= */

.vpn-check{
margin-bottom:60px;
font-size:16px;
}

/* =========================
GRID
========================= */

.cart-grid{
max-width:1100px;
margin:0 auto;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:60px;
}

/* =========================
CARD
========================= */

.cart-card{
background:#ffffff;
border-radius:32px;
padding:52px 44px;
box-shadow:0 30px 80px rgba(0,0,0,0.1);
transition:0.4s ease;
text-align:left;
}

.cart-card:hover{
transform:translateY(-10px);
}

.cart-card.highlight{
border:2px solid #ff3b8d;
}

/* Image */

.cart-card img{
width:100%;
max-height:240px;
object-fit:contain;
margin-bottom:28px;
}

/* Title */

.cart-card h3{
font-size:26px;
font-weight:900;
margin-bottom:14px;
}

/* Price */

.price-block{
display:flex;
align-items:center;
gap:14px;
margin-bottom:20px;
}

.price-gbp{
font-size:34px;
font-weight:900;
}

.price-rmb{
font-size:15px;
color:#555;
}

/* Description */

.offer-description{
background:#f7f7f7;
padding:18px 20px;
border-radius:16px;
margin-bottom:26px;
}

.offer-description p{
font-size:16px;
line-height:1.6;
margin-bottom:10px;
color:#000;
}

.offer-note{
font-size:14px;
color:#555;
margin:0;
}

/* List */

.offer-list{
list-style:none;
padding:0;
margin-bottom:36px;
}

.offer-list li{
font-size:16px;
margin-bottom:10px;
}

/* =========================
CTA BUTTONS
========================= */

.cart-cta{
display:inline-block;
background:linear-gradient(135deg,#ff3b8d,#ff6fb3);
color:#ffffff;
padding:18px 62px;
border-radius:50px;
text-decoration:none;
font-weight:800;
font-size:18px;
transition:0.3s ease;
box-shadow:0 12px 30px rgba(255,59,141,0.45);
}

.cart-cta:hover{
transform:translateY(-3px);
box-shadow:
0 0 18px rgba(255,59,141,0.6),
0 18px 45px rgba(255,59,141,0.65);
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:900px){
.cart-grid{
grid-template-columns:1fr;
}
}/* End custom CSS */