/* BUY-v2 owns the shared UI. The eSIM hero and China explanation retain the customer-preferred V3 composition. */
[hidden]{display:none!important}
.form-wide{grid-column:1/-1}
.gift-entitlement{font-size:var(--text-sm)}
.compatibility-check{display:flex;gap:var(--space-2);align-items:flex-start}
.compatibility-check input{margin-top:4px;flex-shrink:0}
.preview-result{margin-top:var(--space-6)}
.preview-result p+p{margin-top:var(--space-3)}
/* Expand a single specification without stretching every product in the row. */
.esim-plans{align-items:stretch}
.esim-card{height:100%;display:flex;flex-direction:column}
.esim-card .product-card-body{min-height:0;flex:1}
.esim-card .product-card-body>.btn{margin-top:auto}
.esim-plans:has(details[open]){align-items:start}
.esim-plans:has(details[open]) .esim-card{height:auto}
.esim-plan-summary{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3)}
.esim-plan-allowance{display:grid;gap:var(--space-1)}
.esim-plan-allowance strong{font-size:var(--text-xl);line-height:1.2}
.esim-plan-allowance span{font-size:var(--text-lg)}
.esim-plan-summary .price{white-space:nowrap}
/* Eight illustrations share one 4-by-2 image atlas. */
.destination-art{aspect-ratio:1.8;background-image:url('/img/campaigns/Esim/destinations-v3.webp');background-size:400% auto;background-position:var(--art-x) var(--art-y);background-repeat:no-repeat}
.service-icon{width:44px;height:44px;stroke:var(--evboy-aqua);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.setup-illustration{display:block;width:100%;height:156px}
.quota-graphic{display:flex;min-height:100px;gap:var(--space-3)}
.quota-graphic span{flex:1;min-width:0;display:grid;place-content:center;text-align:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--evboy-aqua-soft);padding:var(--space-3)}
.quota-graphic b{font-size:var(--text-2xl)}
.esim-comparison .table-scroll{max-width:100%;overflow:auto}
.esim-comparison table{min-width:780px}
.review-links{display:grid;gap:var(--space-3)}
.review-links a{font-weight:700;text-decoration:underline}
.review-cover{max-width:760px;width:100%;height:auto;border-radius:var(--radius-md)}
.review-summary{display:grid;gap:var(--space-4);max-width:850px}
#service,#china-reason,#china,#travel,#data-guide,#installation,#faq,#comparison,#esim-order-notes{scroll-margin-top:170px}

/* Restore only the prior hero; all other V4 corrections remain. */
.esim-hero{padding-block:46px}
.esim-hero .campaign-hero-grid{grid-template-columns:1fr 1.18fr;gap:36px}
.esim-hero .campaign-hero-copy{gap:16px}
.esim-hero h1{font-size:clamp(36px,4vw,56px);line-height:1.2}
.esim-intro{font-size:18px;line-height:1.8;color:#ddeaf2;margin:0}
.hero-service-list{padding:0;list-style:none;display:flex;gap:8px 18px;flex-wrap:wrap;font-size:14px;color:#e0e8ee;margin:0}
.hero-service-list li::before{content:'✓';color:#6dd4ff;margin-right:6px}
.hero-compatibility{font-size:14px;display:inline-block;margin-top:20px;color:#b6e6fd;text-decoration:underline;text-underline-offset:4px}
.esim-hero .hero-product{padding:0;overflow:hidden;max-width:none;border:1px solid #345065;border-radius:var(--radius-lg);background:#122a3c}
.esim-hero .hero-product img{display:block;max-height:none;width:100%;height:auto;aspect-ratio:2;object-fit:cover;border-radius:0}
.hero-scenarios{display:grid;grid-template-columns:1fr 1fr}
.hero-scenarios a{padding:18px 22px;display:grid;gap:8px;color:#fff;align-content:start}
.hero-scenarios a+a{border-left:1px solid #345065}
.hero-scenarios strong{font-size:20px}
.hero-scenarios span{font-size:14px;line-height:1.6;color:#cfdee8}
@media(max-width:1000px){
 .esim-hero .campaign-hero-grid{grid-template-columns:1fr 1fr;gap:24px}
 .hero-scenarios a{padding:15px}
 .hero-scenarios strong{font-size:17px}
}
@media(max-width:760px){
 .esim-hero{padding-block:30px}
 .esim-hero .campaign-hero-grid{grid-template-columns:1fr}
 .esim-hero h1{font-size:38px}
 .esim-intro{font-size:17px;margin:15px 0}
 .esim-hero .hero-product{max-width:none}
 .hero-scenarios span{font-size:13px}
 .hero-compatibility{margin-top:16px}
}
@media(max-width:540px){
 .hero-service-list{font-size:13px;gap:8px 12px}
 .hero-scenarios a{padding:14px 12px}
 .hero-scenarios strong{font-size:16px}
}

/* Restore the prior China explanation layout while retaining corrected copy. */
.china-story{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:42px}
.china-photo{margin:0;overflow:hidden;border-radius:var(--radius-md);background:white}
.china-photo img{width:100%;height:auto;aspect-ratio:1.18;object-fit:cover;display:block}
.china-photo figcaption{padding:12px 16px;font-size:14px;color:#506471}
.china-story-copy{display:grid;gap:17px}
.china-story-copy h2{font-size:clamp(26px,3vw,36px);line-height:1.35}
.china-story-copy h3{font-size:21px;margin-top:8px}
.china-story-copy p{font-size:16px;line-height:1.85;color:#344d5d}
@media(max-width:1000px){
 .china-story{gap:26px}
}
@media(max-width:760px){
 .china-story{grid-template-columns:1fr}
 .china-story-copy{gap:15px}
 .china-photo img{aspect-ratio:1.8}
}

/* Preserve useful mobile density without replacing BUY tutorial-card styling. */
@media(max-width:760px){
 #data-guide .content-grid{grid-template-columns:minmax(0,1fr)}
 #data-guide .quota-graphic{gap:var(--space-2)}
 #data-guide .quota-graphic span{padding:var(--space-2)}
 #data-guide .quota-graphic b{font-size:var(--text-xl)}
 #installation .tutorial-card{grid-template-columns:80px minmax(0,1fr);align-items:start;gap:var(--space-3)}
 #installation .setup-illustration{height:auto;grid-row:1/3}
 #installation .tutorial-card>.stack{display:contents}
 #installation .step-kicker,#installation h3{grid-column:2}
 #installation .tutorial-card p{grid-column:1/-1}
}
/* BUY hides hero artwork at this breakpoint; the text should use the available width. */
@media(min-width:761px) and (max-width:1100px){
 .esim-hero .campaign-hero-grid{grid-template-columns:1fr}
}