/* WanderSIM — storefront components (first review). Requires tokens.css. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ws-ivory);color:var(--ws-ink);font-family:var(--ws-font-body);font-size:var(--ws-fs-body);line-height:1.55;font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration-thickness:var(--wp--custom--dimension--p-1-0);text-underline-offset:var(--wp--custom--dimension--p-3-0)}
button,input,select{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,fieldset{margin:0}
ul,ol{padding:0;list-style:none}
fieldset{border:0;padding:0;min-width:0}
legend{padding:0}
:focus-visible{outline:var(--wp--custom--dimension--p-3-0) solid var(--ws-focus);outline-offset:var(--wp--custom--dimension--p-3-0);border-radius:var(--wp--custom--dimension--p-4-0)}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:var(--wp--custom--dimension--p-1-0);height:var(--wp--custom--dimension--p-1-0);padding:0;margin:var(--wp--custom--dimension--n-1-0);overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:var(--wp--custom--dimension--p-16-0);top:var(--wp--custom--dimension--n-80-0);z-index:100;background:var(--ws-forest);color:var(--ws-ivory);padding:var(--wp--custom--dimension--p-12-0) var(--wp--custom--dimension--p-16-0);border-radius:var(--ws-r-sm)}
.skip:focus{top:var(--wp--custom--dimension--p-12-0)}
.num{font-variant-numeric:tabular-nums lining-nums}
.ico{width:var(--wp--custom--dimension--p-20-0);height:var(--wp--custom--dimension--p-20-0);flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ico-lg{width:var(--wp--custom--dimension--p-24-0);height:var(--wp--custom--dimension--p-24-0)}

/* Layout */
.wrap{width:100%;max-width:calc(var(--ws-max) + var(--ws-gutter)*2);margin-inline:auto;padding-inline:var(--ws-gutter)}
.grid12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--ws-grid-gap)}
.section{padding-block:var(--ws-section)}

/* Type */
.display{font-family:var(--ws-font-display);font-weight:var(--ws-display-weight);font-stretch:var(--ws-display-stretch);letter-spacing:var(--ws-track-xl);line-height:.92;font-optical-sizing:auto}
.h1{font-family:var(--ws-font-display);font-size:var(--ws-fs-h1);font-weight:var(--ws-display-weight);font-stretch:var(--ws-display-stretch);letter-spacing:var(--ws-track-xl);line-height:.94}
.h2{font-family:var(--ws-font-display);font-size:var(--ws-fs-h2);font-weight:var(--ws-display-weight);font-stretch:var(--ws-display-stretch);letter-spacing:var(--ws-track-lg);line-height:.95;text-wrap:balance}
.h3{font-family:var(--ws-font-display);font-size:var(--ws-fs-h3);font-weight:680;letter-spacing:var(--ws-track-md);line-height:1.08}
.h4{font-family:var(--ws-font-display);font-size:var(--ws-fs-h4);font-weight:650;letter-spacing:0;line-height:1.15}
.lead{font-size:var(--ws-fs-lead);line-height:1.5;text-wrap:pretty}
.muted{color:var(--ws-muted)}
.small{font-size:var(--ws-fs-small)}
.eyebrow{display:inline-flex;align-items:center;gap:var(--wp--custom--dimension--p-10-0);font-size:var(--ws-fs-micro);font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--ws-coral-ink)}
.eyebrow::before{content:"";width:var(--wp--custom--dimension--p-10-0);height:var(--wp--custom--dimension--p-10-0);border-radius:50%;background:var(--ws-coral)}
.on-forest .eyebrow{color:var(--ws-coral-soft)}
.caption{font-size:var(--ws-fs-micro);color:var(--ws-muted);letter-spacing:.02em}
.caption b{font-weight:650;color:var(--ws-ink);letter-spacing:.08em;text-transform:uppercase;margin-right:var(--wp--custom--dimension--p-6-0)}

/* Surfaces */
.on-forest{background:var(--ws-forest);color:var(--ws-ivory);--ws-focus:var(--ws-coral-soft)}
.on-forest .muted{color:var(--ws-sage)}
.notch{clip-path:polygon(0 0,calc(100% - var(--ws-notch)) 0,100% var(--ws-notch),100% 100%,0 100%);border-radius:var(--ws-r)}
.notch-sm{clip-path:polygon(0 0,calc(100% - var(--ws-notch-sm)) 0,100% var(--ws-notch-sm),100% 100%,0 100%);border-radius:var(--ws-r-sm)}
.media{position:relative;overflow:hidden;background:var(--ws-sand)}
.media img{width:100%;height:100%;object-fit:cover}

/* Buttons */
.btn{--bg:var(--ws-forest);--fg:var(--ws-ivory);display:inline-flex;align-items:center;justify-content:center;gap:var(--wp--custom--dimension--p-10-0);min-height:var(--wp--custom--dimension--p-52-0);padding:0 var(--wp--custom--dimension--p-24-0);border:0;border-radius:var(--wp--custom--dimension--p-999-0);background:var(--bg);color:var(--fg);font-weight:650;font-size:var(--wp--custom--dimension--p-16-0);line-height:1.1;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color var(--ws-t-fast) var(--ws-ease),transform var(--ws-t-fast) var(--ws-ease),box-shadow var(--ws-t-fast) var(--ws-ease)}
.btn:hover,.btn.is-hover{--bg:var(--ws-forest-2)}
.btn:active,.btn.is-active{transform:scale(.98)}
.btn .ico{transition:transform var(--ws-t) var(--ws-ease)}
.btn:hover .ico-go,.btn.is-hover .ico-go{transform:translateX(var(--wp--custom--dimension--p-3-0))}
.btn-coral{--bg:var(--ws-coral);--fg:var(--ws-ink)}
.btn-coral:hover,.btn-coral.is-hover{--bg:var(--ws-coral-hover)}
.btn-ghost{--bg:transparent;--fg:var(--ws-forest);box-shadow:inset 0 0 0 var(--wp--custom--dimension--p-1-5) var(--ws-forest)}
.btn-ghost:hover,.btn-ghost.is-hover{--bg:var(--ws-sand)}
.on-forest .btn-ghost{--fg:var(--ws-ivory);box-shadow:inset 0 0 0 var(--wp--custom--dimension--p-1-5) var(--ws-sage)}
.on-forest .btn-ghost:hover{--bg:var(--ws-forest-2)}
.btn-lg{min-height:var(--wp--custom--dimension--p-60-0);padding:0 var(--wp--custom--dimension--p-30-0);font-size:var(--wp--custom--dimension--p-17-0)}
.btn-block{width:100%}
.btn:disabled,.btn[aria-disabled="true"],.btn.is-disabled{--bg:var(--ws-sand);--fg:var(--wp--custom--color--disabled-text);box-shadow:none;cursor:not-allowed;transform:none}
.btn.is-loading{cursor:progress}
.spinner{width:var(--wp--custom--dimension--p-18-0);height:var(--wp--custom--dimension--p-18-0);border-radius:50%;border:var(--wp--custom--dimension--p-2-5) solid currentColor;border-right-color:transparent;animation:ws-spin .8s linear infinite}
@keyframes ws-spin{to{transform:rotate(360deg)}}
.link{display:inline-flex;align-items:center;gap:var(--wp--custom--dimension--p-8-0);min-height:var(--wp--custom--dimension--p-44-0);font-weight:650;color:var(--ws-forest);text-decoration:underline;text-decoration-color:var(--ws-coral);text-decoration-thickness:var(--wp--custom--dimension--p-2-0);text-underline-offset:var(--wp--custom--dimension--p-6-0);transition:text-underline-offset var(--ws-t-fast) var(--ws-ease),color var(--ws-t-fast)}
.link:hover{text-underline-offset:var(--wp--custom--dimension--p-9-0);color:var(--ws-coral-ink)}
.on-forest .link{color:var(--ws-ivory)}
.on-forest .link:hover{color:var(--ws-coral-soft)}
.iconbtn{display:inline-grid;place-items:center;width:var(--wp--custom--dimension--p-44-0);height:var(--wp--custom--dimension--p-44-0);border-radius:50%;border:0;background:transparent;color:var(--ws-forest);cursor:pointer;transition:background-color var(--ws-t-fast)}
.iconbtn:hover{background:var(--ws-sand)}

/* Header */
.hdr{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--ws-ivory) 94%,transparent);backdrop-filter:saturate(1.2) blur(var(--wp--custom--dimension--p-8-0));border-bottom:var(--wp--custom--dimension--p-1-0) solid transparent;transition:border-color var(--ws-t) var(--ws-ease)}
.hdr.is-stuck{border-bottom-color:var(--ws-line)}
.hdr-in{display:flex;align-items:center;gap:var(--wp--custom--dimension--p-32-0);height:var(--wp--custom--dimension--p-84-0)}
.logo{display:inline-flex;align-items:center;color:var(--ws-forest);text-decoration:none;flex:none}
.logo img,.logo svg{height:var(--wp--custom--dimension--p-36-0);width:auto;display:block}
.logo:hover .logo-sun{transform:translate(var(--wp--custom--dimension--p-1-5),var(--wp--custom--dimension--n-1-5))}
.logo-sun{transition:transform var(--ws-t) var(--ws-ease)}
.nav{display:flex;gap:var(--wp--custom--dimension--p-4-0);margin-left:var(--wp--custom--dimension--p-12-0)}
.nav a{display:inline-flex;align-items:center;min-height:var(--wp--custom--dimension--p-44-0);padding:0 var(--wp--custom--dimension--p-14-0);border-radius:var(--wp--custom--dimension--p-999-0);font-weight:600;font-size:var(--wp--custom--dimension--p-15-5);text-decoration:none;transition:background-color var(--ws-t-fast)}
.nav a:hover{background:var(--ws-sand)}
.nav a[aria-current="page"]{box-shadow:inset 0 var(--wp--custom--dimension--n-2-0) 0 var(--ws-coral);border-radius:0}
.hdr-tools{display:flex;align-items:center;gap:var(--wp--custom--dimension--p-8-0);margin-left:auto}
.cur{position:relative}
.cur-btn{display:inline-flex;align-items:center;gap:var(--wp--custom--dimension--p-6-0);min-height:var(--wp--custom--dimension--p-44-0);padding:0 var(--wp--custom--dimension--p-12-0);border:0;border-radius:var(--wp--custom--dimension--p-999-0);background:transparent;font-weight:600;font-size:var(--wp--custom--dimension--p-15-0);cursor:pointer}
.cur-btn:hover{background:var(--ws-sand)}
.cur-btn .ico{width:var(--wp--custom--dimension--p-16-0);height:var(--wp--custom--dimension--p-16-0);transition:transform var(--ws-t) var(--ws-ease)}
.cur-btn[aria-expanded="true"] .ico{transform:rotate(180deg)}
.cur-pop{position:absolute;right:0;top:calc(100% + var(--wp--custom--dimension--p-8-0));min-width:var(--wp--custom--dimension--p-220-0);padding:var(--wp--custom--dimension--p-8-0);background:var(--ws-paper);border-radius:var(--ws-r);box-shadow:var(--ws-shadow);border:var(--wp--custom--dimension--p-1-0) solid var(--ws-line);opacity:0;transform:translateY(var(--wp--custom--dimension--n-6-0));visibility:hidden;transition:opacity var(--ws-t) var(--ws-ease),transform var(--ws-t) var(--ws-ease),visibility 0s linear var(--ws-t)}
.cur-pop.is-open{opacity:1;transform:none;visibility:visible;transition-delay:0s}
.cur-opt{display:flex;align-items:center;justify-content:space-between;gap:var(--wp--custom--dimension--p-12-0);width:100%;min-height:var(--wp--custom--dimension--p-44-0);padding:0 var(--wp--custom--dimension--p-12-0);border:0;border-radius:var(--ws-r-sm);background:transparent;font-weight:600;cursor:pointer;text-align:left}
.cur-opt+.cur-opt{margin-top:var(--wp--custom--dimension--p-4-0)}
.cur-opt:hover{background:var(--ws-sand)}
.cur-opt[aria-pressed="true"]{background:var(--ws-sand)}
.cur-opt .ico{opacity:0}
.cur-opt[aria-pressed="true"] .ico{opacity:1}
.cur-opt small{font-weight:500;color:var(--ws-muted)}
.cur-seg{display:inline-flex;gap:var(--wp--custom--dimension--p-4-0);padding:var(--wp--custom--dimension--p-4-0);border-radius:var(--wp--custom--dimension--p-999-0);background:var(--ws-sand)}
.cur-seg button{min-height:var(--wp--custom--dimension--p-40-0);min-width:var(--wp--custom--dimension--p-56-0);padding:0 var(--wp--custom--dimension--p-14-0);border:0;border-radius:var(--wp--custom--dimension--p-999-0);background:transparent;font-weight:650;cursor:pointer}
.cur-seg button[aria-pressed="true"]{background:var(--ws-forest);color:var(--ws-ivory)}
.cur-note{padding:var(--wp--custom--dimension--p-8-0) var(--wp--custom--dimension--p-12-0) var(--wp--custom--dimension--p-4-0);font-size:var(--wp--custom--dimension--p-13-0);color:var(--ws-muted);line-height:1.4}
.acct-chip{display:inline-flex;align-items:center;gap:var(--wp--custom--dimension--p-10-0);min-height:var(--wp--custom--dimension--p-44-0);padding:0 var(--wp--custom--dimension--p-6-0) 0 var(--wp--custom--dimension--p-16-0);border-radius:var(--wp--custom--dimension--p-999-0);background:var(--ws-sand);text-decoration:none;font-weight:650;font-size:var(--wp--custom--dimension--p-15-0);transition:background-color var(--ws-t-fast)}
.acct-chip:hover{background:var(--wp--custom--color--account-chip-hover)}
.acct-chip .av{display:grid;place-items:center;width:var(--wp--custom--dimension--p-34-0);height:var(--wp--custom--dimension--p-34-0);border-radius:50%;background:var(--ws-forest);color:var(--ws-ivory)}
.acct-chip .av .ico{width:var(--wp--custom--dimension--p-18-0);height:var(--wp--custom--dimension--p-18-0)}
.hdr .signin{font-weight:650;text-decoration:none;min-height:var(--wp--custom--dimension--p-44-0);display:inline-flex;align-items:center;padding:0 var(--wp--custom--dimension--p-12-0);border-radius:var(--wp--custom--dimension--p-999-0)}
.hdr .signin:hover{background:var(--ws-sand)}
.menu-btn{display:none}
.acct-ic{display:none}
.sheet-cur{display:flex;align-items:center;justify-content:space-between;min-height:var(--wp--custom--dimension--p-56-0);font-weight:600;border-bottom:var(--wp--custom--dimension--p-1-0) solid var(--ws-line)}
.sheet{display:none}

/* Hero */
.hero{position:relative;padding-top:var(--wp--custom--dimension--p-40-0);overflow:clip}
.hero-l1{grid-column:1/10;grid-row:1}
.hero-l2{grid-column:4/13;grid-row:2;justify-self:end;text-align:right;position:relative;z-index:2}
.hero-title{font-size:var(--ws-fs-mega);grid-column:1/-1;grid-row:1/3;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;margin:0}
.hero-l1,.hero-l2{display:block}
.sun-dot{display:inline-block;width:.2em;height:.2em;margin-left:.04em;border-radius:50%;background:var(--ws-coral);vertical-align:baseline}
.hero-sun{grid-column:1/4;grid-row:2;align-self:center;width:var(--wp--custom--dimension--p-200-0);height:var(--wp--custom--dimension--p-200-0);border-radius:50%;background:var(--ws-coral);position:relative;z-index:0}
.hero-note{grid-column:1/4;grid-row:3;align-self:start;padding-top:var(--wp--custom--dimension--p-56-0);display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-20-0)}
.hero-media{grid-column:4/13;grid-row:3;margin-top:var(--wp--custom--dimension--n-56-0);height:var(--wp--custom--dimension--p-600-0);position:relative;z-index:1}
.hero-media img{object-position:62% 55%}
.hero-cap{grid-column:9/13;grid-row:4;padding-top:var(--wp--custom--dimension--p-16-0);text-align:right}
.hero-search{grid-column:1/8;grid-row:4;margin-top:var(--wp--custom--dimension--n-196-0);position:relative;z-index:3}
.drift{animation:ws-drift var(--ws-drift) var(--ws-ease-io) infinite alternate;will-change:transform}
.drift-sun{animation:ws-sun 14s var(--ws-ease-io) infinite alternate}
.is-offscreen .drift,.is-offscreen .drift-sun,.drift.is-offscreen,.drift-sun.is-offscreen{animation-play-state:paused}
@keyframes ws-drift{from{transform:scale(1.08) translate3d(-1.2%,.6%,0)}to{transform:scale(1.02) translate3d(.8%,-.6%,0)}}
@keyframes ws-sun{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--wp--custom--dimension--p-18-0),var(--wp--custom--dimension--n-14-0),0)}}

/* Search card */
.search{background:var(--ws-paper);padding:var(--wp--custom--dimension--p-28-0);box-shadow:var(--ws-shadow)}
.search-label{display:block;font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-28-0);font-weight:700;letter-spacing:var(--ws-track-md);margin-bottom:var(--wp--custom--dimension--p-16-0)}
.search-row{display:flex;gap:var(--wp--custom--dimension--p-10-0)}
.field-ic{position:relative;flex:1}
.field-ic .ico{position:absolute;left:var(--wp--custom--dimension--p-18-0);top:50%;transform:translateY(-50%);color:var(--ws-muted);pointer-events:none}
.input{width:100%;min-height:var(--wp--custom--dimension--p-56-0);padding:0 var(--wp--custom--dimension--p-18-0);border:var(--wp--custom--dimension--p-1-5) solid var(--ws-line-strong);border-radius:var(--wp--custom--dimension--p-14-0);background:var(--wp--custom--color--control-surface);font-size:var(--wp--custom--dimension--p-17-0);transition:border-color var(--ws-t-fast),box-shadow var(--ws-t-fast)}
.field-ic .input{padding-left:var(--wp--custom--dimension--p-50-0)}
.input::placeholder{color:var(--wp--custom--color--placeholder)}
.input:hover{border-color:var(--ws-forest)}
.input:focus,.input.is-focus{outline:none;border-color:var(--ws-forest);box-shadow:0 0 0 var(--wp--custom--dimension--p-3-0) var(--ws-paper),0 0 0 var(--wp--custom--dimension--p-6-0) var(--ws-coral-ink)}
.input[aria-invalid="true"],.input.is-error{border-color:var(--ws-error);background:var(--wp--custom--color--invalid-input-surface)}
.input:disabled{background:var(--ws-sand);color:var(--wp--custom--color--disabled-text);border-color:var(--ws-line)}
.search-row .btn{min-height:var(--wp--custom--dimension--p-56-0)}
.chips{display:flex;flex-wrap:wrap;gap:var(--wp--custom--dimension--p-8-0);margin-top:var(--wp--custom--dimension--p-18-0);align-items:center}
.chips-label{font-size:var(--wp--custom--dimension--p-14-0);color:var(--ws-muted);margin-right:var(--wp--custom--dimension--p-4-0)}
.chip{display:inline-flex;align-items:center;min-height:var(--wp--custom--dimension--p-44-0);padding:0 var(--wp--custom--dimension--p-16-0);border-radius:var(--wp--custom--dimension--p-999-0);background:var(--ws-sand);font-weight:600;font-size:var(--wp--custom--dimension--p-15-0);text-decoration:none;transition:background-color var(--ws-t-fast),transform var(--ws-t-fast) var(--ws-ease)}
.chip:hover{background:var(--ws-forest);color:var(--ws-ivory)}
.search-status{margin-top:var(--wp--custom--dimension--p-12-0);font-size:var(--wp--custom--dimension--p-14-0);color:var(--ws-muted)}
.search-status:empty{display:none}

/* Destinations */
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--wp--custom--dimension--p-24-0);margin-bottom:var(--wp--custom--dimension--p-48-0)}
.sec-head .h2{max-width:14ch}
.dest-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--wp--custom--dimension--p-48-0) var(--ws-grid-gap)}
.dcard{display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-16-0);text-decoration:none;color:inherit;border-radius:var(--ws-r)}
.dcard .media{flex:1;min-height:0;aspect-ratio:16/10}
.dcard .media img{transition:transform 700ms var(--ws-ease)}
.dcard:hover .media img{transform:scale(1.045)}
.dcard-body{display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--wp--custom--dimension--p-4-0) var(--wp--custom--dimension--p-16-0)}
.dcard-no{grid-column:1/-1;font-size:var(--wp--custom--dimension--p-13-0);font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-coral-ink)}
.dcard-name{font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-40-0);font-weight:var(--ws-display-weight);font-stretch:var(--ws-display-stretch);letter-spacing:var(--ws-track-lg);line-height:1}
.dcard-meta{grid-column:1;font-size:var(--wp--custom--dimension--p-15-0);color:var(--ws-muted)}
.dcard-meta strong{color:var(--ws-ink);font-weight:650}
.dcard-go{grid-column:2;grid-row:2/4;display:grid;place-items:center;width:var(--wp--custom--dimension--p-52-0);height:var(--wp--custom--dimension--p-52-0);border-radius:50%;background:var(--ws-sand);color:var(--ws-forest);transition:background-color var(--ws-t) var(--ws-ease),transform var(--ws-t) var(--ws-ease)}
.dcard:hover .dcard-go{background:var(--ws-coral);color:var(--ws-ink);transform:rotate(-45deg)}
.dcard:focus-visible{outline-offset:var(--wp--custom--dimension--p-6-0)}
.dcard--feature{grid-column:1/8;grid-row:1/3}
.dcard--feature .media{aspect-ratio:auto;min-height:var(--wp--custom--dimension--p-620-0)}
.dcard--feature .dcard-name{font-size:var(--wp--custom--dimension--p-76-0)}
.dcard--feature .dcard-meta{font-size:var(--wp--custom--dimension--p-17-0)}
.dcard--b{grid-column:8/13}
.dcard--c{grid-column:span 4}
.dcard--c .media{aspect-ratio:4/3}
.dest-empty{display:none;grid-template-columns:var(--wp--custom--dimension--p-200-0) 1fr;gap:var(--wp--custom--dimension--p-32-0);align-items:center;padding:var(--wp--custom--dimension--p-32-0);background:var(--ws-paper);border-radius:var(--ws-r-lg)}
.dest-empty.is-shown{display:grid}
.dest-empty img{width:var(--wp--custom--dimension--p-200-0);height:var(--wp--custom--dimension--p-200-0);object-fit:cover;border-radius:var(--ws-r)}
.dcard[hidden]{display:none}

/* How it works */
.how{position:relative;overflow:hidden}
.how-grid{row-gap:var(--wp--custom--dimension--p-48-0)}
.how-intro{grid-column:1/5;display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-24-0);align-items:flex-start}
.how-steps{grid-column:6/13;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--custom--dimension--p-56-0) var(--wp--custom--dimension--p-40-0)}
.step{display:grid;grid-template-columns:auto 1fr;column-gap:var(--wp--custom--dimension--p-20-0);row-gap:var(--wp--custom--dimension--p-8-0);padding-top:var(--wp--custom--dimension--p-24-0);border-top:var(--wp--custom--dimension--p-1-0) solid var(--wp--custom--color--forest-rule)}
.step-n{grid-row:1/3;font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-64-0);font-weight:var(--ws-display-weight);line-height:.9;letter-spacing:var(--ws-track-lg);color:var(--ws-coral);font-variant-numeric:tabular-nums}
.step p{color:var(--ws-sage)}
.step a{color:var(--ws-ivory)}
.how-sun{position:absolute;right:var(--wp--custom--dimension--n-120-0);bottom:var(--wp--custom--dimension--n-160-0);width:var(--wp--custom--dimension--p-360-0);height:var(--wp--custom--dimension--p-360-0);border-radius:50%;border:var(--wp--custom--dimension--p-1-5) solid var(--wp--custom--color--forest-rule);pointer-events:none}

/* Editorial */
.ed-grid{align-items:center;row-gap:var(--wp--custom--dimension--p-32-0)}
.ed-main{grid-column:1/8;grid-row:1/3;height:var(--wp--custom--dimension--p-640-0)}
.ed-copy{grid-column:9/13;grid-row:1;display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-22-0);align-items:flex-start;align-self:end}
.ed-side{grid-column:9/12;grid-row:2;align-self:start}
.ed-side .media{height:var(--wp--custom--dimension--p-260-0)}
.ed-side .caption{margin-top:var(--wp--custom--dimension--p-10-0)}

/* FAQ */
.faq-grid{row-gap:var(--wp--custom--dimension--p-40-0)}
.faq-head{grid-column:1/5;display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-20-0);align-items:flex-start}
.faq-list{grid-column:6/13;border-bottom:var(--wp--custom--dimension--p-1-0) solid var(--ws-line)}
.faq-item{border-top:var(--wp--custom--dimension--p-1-0) solid var(--ws-line)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:var(--wp--custom--dimension--p-24-0);width:100%;min-height:var(--wp--custom--dimension--p-76-0);padding:var(--wp--custom--dimension--p-20-0) 0;border:0;background:none;text-align:left;cursor:pointer;font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-25-0);font-weight:650;letter-spacing:var(--ws-track-md);line-height:1.2;color:var(--ws-ink)}
.faq-q:hover{color:var(--ws-coral-ink)}
.faq-pm{display:grid;place-items:center;flex:none;width:var(--wp--custom--dimension--p-40-0);height:var(--wp--custom--dimension--p-40-0);border-radius:50%;background:var(--ws-sand);color:var(--ws-forest);transition:transform var(--ws-t-panel) var(--ws-ease),background-color var(--ws-t)}
.faq-q[aria-expanded="true"] .faq-pm{transform:rotate(45deg);background:var(--ws-coral);color:var(--ws-ink)}
.faq-a{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--ws-t-panel) var(--ws-ease)}
.faq-a>div{overflow:hidden}
.faq-a p{padding:0 var(--wp--custom--dimension--p-64-0) var(--wp--custom--dimension--p-28-0) 0;max-width:62ch;color:var(--wp--custom--color--faq-copy)}
.js .faq-a[data-closed]{grid-template-rows:0fr}
.js .faq-a[data-closed]>div{visibility:hidden;transition:visibility 0s linear var(--ws-t-panel)}

/* Footer */
.ftr{padding-block:var(--wp--custom--dimension--p-96-0) var(--wp--custom--dimension--p-40-0)}
.ftr-top{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:var(--wp--custom--dimension--p-40-0)}
.ftr .logo img{height:var(--wp--custom--dimension--p-40-0)}
.ftr-blurb{margin-top:var(--wp--custom--dimension--p-20-0);max-width:34ch;color:var(--ws-sage)}
.ftr h2{font-size:var(--wp--custom--dimension--p-13-0);font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--ws-coral-soft);margin-bottom:var(--wp--custom--dimension--p-14-0)}
.ftr-links a{display:inline-flex;align-items:center;min-height:var(--wp--custom--dimension--p-40-0);text-decoration:none;color:var(--ws-ivory)}
.ftr-links a:hover{text-decoration:underline;text-decoration-color:var(--ws-coral)}
.ftr-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--wp--custom--dimension--p-16-0);margin-top:var(--wp--custom--dimension--p-72-0);padding-top:var(--wp--custom--dimension--p-24-0);border-top:var(--wp--custom--dimension--p-1-0) solid var(--wp--custom--color--forest-rule);font-size:var(--wp--custom--dimension--p-14-0);color:var(--ws-sage)}
.ftr-legal{display:flex;flex-wrap:wrap;gap:var(--wp--custom--dimension--p-4-0) var(--wp--custom--dimension--p-24-0)}
.ftr-legal a{color:var(--ws-sage);min-height:var(--wp--custom--dimension--p-32-0);display:inline-flex;align-items:center}
.ph{display:inline;padding:var(--wp--custom--dimension--p-1-0) var(--wp--custom--dimension--p-6-0);border-radius:var(--wp--custom--dimension--p-4-0);background:var(--ws-sand);outline:var(--wp--custom--dimension--p-1-5) dashed var(--ws-coral-ink);outline-offset:var(--wp--custom--dimension--n-1-5);font-weight:650;color:var(--ws-ink);white-space:normal;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.on-forest .ph{background:var(--ws-forest-2);color:var(--ws-ivory);outline-color:var(--ws-coral-soft)}
.ftr-co{display:flex;flex-direction:column;align-items:flex-start;gap:var(--wp--custom--dimension--p-8-0);margin-top:var(--wp--custom--dimension--p-20-0);font-style:normal;font-size:var(--wp--custom--dimension--p-14-0);line-height:1.5}
.ftr-pay{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wp--custom--dimension--p-12-0) var(--wp--custom--dimension--p-16-0);margin-top:var(--wp--custom--dimension--p-56-0)}
.ftr-pay-l{font-size:var(--wp--custom--dimension--p-13-0);font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--ws-coral-soft)}
.pay-marks{display:flex;flex-wrap:wrap;gap:var(--wp--custom--dimension--p-10-0);margin:0;padding:0;list-style:none}
.pay-mark{display:grid;place-items:center;min-width:var(--wp--custom--dimension--p-64-0);height:var(--wp--custom--dimension--p-40-0);padding:0 var(--wp--custom--dimension--p-12-0);border-radius:var(--ws-r-sm);background:var(--wp--custom--color--control-surface)}
.pay-mark img{display:block}
.ftr-pay+.ftr-bottom{margin-top:var(--wp--custom--dimension--p-24-0)}
.cart-ic{position:relative;text-decoration:none}
.cart-n{position:absolute;top:var(--wp--custom--dimension--p-2-0);right:var(--wp--custom--dimension--p-2-0);display:grid;place-items:center;min-width:var(--wp--custom--dimension--p-18-0);height:var(--wp--custom--dimension--p-18-0);padding:0 var(--wp--custom--dimension--p-4-0);border-radius:var(--wp--custom--dimension--p-999-0);background:var(--ws-forest);color:var(--ws-ivory);font-size:var(--wp--custom--dimension--p-11-0);font-weight:700;line-height:1}
.cart-n[hidden]{display:none}

/* Reveal motion — content is only hidden once JS opts in */
.motion .rv{opacity:0;transform:translate3d(0,var(--wp--custom--dimension--p-28-0),0);transition:opacity var(--ws-t-reveal) var(--ws-ease),transform var(--ws-t-reveal) var(--ws-ease);transition-delay:calc(var(--i,0) * var(--ws-stagger))}
.motion .rv.in{opacity:1;transform:none}
/* Image reveal (v2): the observed figure is never clipped. A sand curtain inside it lifts away. */
.rv-img{position:relative}
.motion .rv-img::after{content:"";position:absolute;inset:0;z-index:2;background:var(--ws-sand);transform-origin:50% 0;transform:scaleY(1);transition:transform 640ms var(--ws-ease-io);pointer-events:none}
.motion .rv-img.in::after{transform:scaleY(0)}
.panel-swap{animation:ws-swap var(--ws-t-panel) var(--ws-ease)}
@keyframes ws-swap{from{opacity:0;transform:translateY(var(--wp--custom--dimension--p-8-0))}to{opacity:1;transform:none}}
.tick{animation:ws-tick 260ms var(--ws-ease)}
@keyframes ws-tick{0%{transform:translateY(var(--wp--custom--dimension--n-6-0));opacity:.2}100%{transform:none;opacity:1}}

/* ---------- Country / tariff ---------- */
.crumbs{display:flex;flex-wrap:wrap;gap:var(--wp--custom--dimension--p-6-0);align-items:center;padding-block:var(--wp--custom--dimension--p-20-0) var(--wp--custom--dimension--p-8-0);font-size:var(--wp--custom--dimension--p-14-0);color:var(--ws-muted)}
.crumbs a{min-height:var(--wp--custom--dimension--p-32-0);display:inline-flex;align-items:center}
.crumbs .ico{width:var(--wp--custom--dimension--p-14-0);height:var(--wp--custom--dimension--p-14-0)}
.cintro{padding-bottom:var(--wp--custom--dimension--p-72-0);row-gap:var(--wp--custom--dimension--p-24-0)}
.cintro-media{grid-column:1/8;grid-row:1/3;height:var(--wp--custom--dimension--p-560-0)}
.cintro-copy{grid-column:8/13;grid-row:1;align-self:end;display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-22-0);position:relative;z-index:2}
.cintro .h1{font-size:calc(var(--ws-fs-h1) * 1.25)}
.cintro-sun{grid-column:7/8;grid-row:2;align-self:end;justify-self:end;width:var(--wp--custom--dimension--p-132-0);height:var(--wp--custom--dimension--p-132-0);margin:0 var(--wp--custom--dimension--n-66-0) var(--wp--custom--dimension--n-40-0) 0;border-radius:50%;background:var(--ws-coral);position:relative;z-index:2}
.cintro .h1 .sun-dot{width:.18em;height:.18em}
.cfacts{grid-column:8/13;grid-row:2;align-self:start;display:grid;grid-template-columns:.8fr 1.2fr 1.6fr;gap:var(--wp--custom--dimension--p-2-0);border-radius:var(--ws-r);overflow:hidden}
.cfacts div{background:var(--ws-paper);padding:var(--wp--custom--dimension--p-18-0) var(--wp--custom--dimension--p-16-0)}
.cfacts dt{font-size:var(--wp--custom--dimension--p-13-0);color:var(--ws-muted);font-weight:600}
.cfacts dd{font-family:var(--ws-font-display);font-weight:700;font-size:var(--wp--custom--dimension--p-22-0);letter-spacing:var(--ws-track-md);line-height:1.15;margin-top:var(--wp--custom--dimension--p-4-0)}
.buy{padding-bottom:var(--ws-section);align-items:start;row-gap:var(--wp--custom--dimension--p-32-0)}
.plans{grid-column:1/9}
.plans-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--wp--custom--dimension--p-16-0);margin-bottom:var(--wp--custom--dimension--p-24-0)}
.plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--custom--dimension--p-12-0)}
.plan{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:var(--wp--custom--dimension--p-16-0);min-height:var(--wp--custom--dimension--p-96-0);padding:var(--wp--custom--dimension--p-18-0) var(--wp--custom--dimension--p-22-0);border-radius:var(--ws-r);background:var(--ws-paper);box-shadow:inset 0 0 0 var(--wp--custom--dimension--p-1-5) var(--ws-line);cursor:pointer;transition:box-shadow var(--ws-t-fast) var(--ws-ease),background-color var(--ws-t) var(--ws-ease),color var(--ws-t) var(--ws-ease),transform var(--ws-t-fast) var(--ws-ease)}
.plan input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.plan-data{font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-32-0);font-weight:var(--ws-display-weight);font-stretch:var(--ws-display-stretch);letter-spacing:var(--ws-track-lg);line-height:1}
.plan-days{grid-column:1;font-size:var(--wp--custom--dimension--p-15-0);color:var(--ws-muted);margin-top:var(--wp--custom--dimension--p-6-0)}
.plan-pts{grid-column:2;grid-row:1/3;text-align:right;font-size:var(--wp--custom--dimension--p-14-0);color:var(--ws-muted);line-height:1.2}
.plan-pts b{display:block;font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-28-0);font-weight:var(--ws-display-weight);letter-spacing:var(--ws-track-md);color:var(--ws-ink)}
.plan-check{position:absolute;top:var(--wp--custom--dimension--n-9-0);right:var(--wp--custom--dimension--n-9-0);display:grid;place-items:center;width:var(--wp--custom--dimension--p-28-0);height:var(--wp--custom--dimension--p-28-0);border-radius:50%;background:var(--ws-coral);color:var(--ws-ink);transform:scale(0);transition:transform var(--ws-t) var(--ws-ease)}
.plan-check .ico{width:var(--wp--custom--dimension--p-16-0);height:var(--wp--custom--dimension--p-16-0);stroke-width:2.6}
.plan:hover,.plan.is-hover{box-shadow:inset 0 0 0 var(--wp--custom--dimension--p-1-5) var(--ws-forest);transform:translateY(var(--wp--custom--dimension--n-2-0))}
.plan:has(input:focus-visible),.plan.is-focus{outline:var(--wp--custom--dimension--p-3-0) solid var(--ws-focus);outline-offset:var(--wp--custom--dimension--p-3-0)}
.plan:has(input:checked),.plan.is-selected{background:var(--ws-forest);color:var(--ws-ivory);box-shadow:none;transform:none}
.plan:has(input:checked) .plan-days,.plan:has(input:checked) .plan-pts,.plan.is-selected .plan-days,.plan.is-selected .plan-pts{color:var(--ws-sage)}
.plan:has(input:checked) .plan-pts b,.plan.is-selected .plan-pts b{color:var(--ws-coral-soft)}
.plan:has(input:checked) .plan-check,.plan.is-selected .plan-check{transform:scale(1)}
.plan:has(input:disabled),.plan.is-disabled{background:transparent;box-shadow:inset 0 0 0 var(--wp--custom--dimension--p-1-5) dashed var(--ws-line);cursor:not-allowed;transform:none;color:var(--wp--custom--color--disabled-text)}
.plan.is-disabled{box-shadow:inset 0 0 0 var(--wp--custom--dimension--p-1-5) var(--ws-line);background:repeating-linear-gradient(-45deg,transparent 0 var(--wp--custom--dimension--p-8-0),var(--wp--custom--literal--paint-0) var(--wp--custom--dimension--p-8-0) var(--wp--custom--dimension--p-9-0))}
.plan.is-disabled .plan-pts b{color:var(--wp--custom--color--disabled-text);text-decoration:line-through}

.summary{grid-column:9/13;position:sticky;top:var(--wp--custom--dimension--p-108-0);background:var(--ws-paper);padding:var(--wp--custom--dimension--p-28-0);box-shadow:var(--ws-shadow);display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-20-0)}
.summary-plan{display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-4-0)}
.summary-plan .h3{font-size:var(--wp--custom--dimension--p-34-0)}
.rows{display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-12-0);font-size:var(--wp--custom--dimension--p-15-5)}
.row{display:flex;justify-content:space-between;align-items:center;gap:var(--wp--custom--dimension--p-12-0)}
.row dt{color:var(--ws-muted)}
.row dd{font-weight:650;text-align:right}
.total{display:flex;justify-content:space-between;align-items:baseline;gap:var(--wp--custom--dimension--p-12-0);padding-top:var(--wp--custom--dimension--p-16-0);border-top:var(--wp--custom--dimension--p-1-0) solid var(--ws-line)}
.total-v{font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-44-0);font-weight:var(--ws-display-weight);letter-spacing:var(--ws-track-lg);line-height:1}
.total-v small{font-family:var(--ws-font-body);font-size:var(--wp--custom--dimension--p-15-0);font-weight:600;letter-spacing:0;margin-left:var(--wp--custom--dimension--p-6-0);color:var(--ws-muted)}
.qty{display:inline-flex;align-items:center;border-radius:var(--wp--custom--dimension--p-999-0);box-shadow:inset 0 0 0 var(--wp--custom--dimension--p-1-5) var(--ws-line-strong);background:var(--wp--custom--color--control-surface)}
.qty button{display:grid;place-items:center;width:var(--wp--custom--dimension--p-44-0);height:var(--wp--custom--dimension--p-44-0);border:0;background:none;border-radius:50%;cursor:pointer;color:var(--ws-forest);transition:background-color var(--ws-t-fast)}
.qty button:hover:not(:disabled){background:var(--ws-sand)}
.qty button:disabled{color:var(--wp--custom--color--disabled-control);cursor:not-allowed}
.qty input{width:var(--wp--custom--dimension--p-44-0);height:var(--wp--custom--dimension--p-44-0);border:0;background:none;text-align:center;font-weight:700;font-size:var(--wp--custom--dimension--p-16-0);-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.wallet-mini{display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-10-0);padding:var(--wp--custom--dimension--p-16-0);border-radius:var(--ws-r-sm);background:var(--ws-sand);font-size:var(--wp--custom--dimension--p-15-0)}
.wallet-mini .row dd{font-variant-numeric:tabular-nums}
.alert{display:grid;grid-template-columns:auto 1fr;gap:var(--wp--custom--dimension--p-10-0);align-items:start;padding:var(--wp--custom--dimension--p-14-0) var(--wp--custom--dimension--p-16-0);border-radius:var(--ws-r-sm);font-size:var(--wp--custom--dimension--p-15-0);line-height:1.45}
.alert .ico{margin-top:var(--wp--custom--dimension--p-1-0)}
.alert-error{background:var(--ws-error-bg);color:var(--ws-error)}
.alert-error strong{color:var(--wp--custom--color--error-strong)}
.alert-ok{background:var(--ws-success-bg);color:var(--ws-success)}
.alert-info{background:var(--ws-sand);color:var(--ws-ink)}
.cta-stack{display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-10-0)}
.helper{font-size:var(--wp--custom--dimension--p-14-0);color:var(--ws-muted);line-height:1.45}
.buybar{display:none;grid-column:1/-1}
.good{padding-bottom:var(--ws-section)}
.good-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ws-grid-gap)}
.good-card{display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-12-0);padding:var(--wp--custom--dimension--p-28-0);border-radius:var(--ws-r);background:var(--ws-sand)}
.good-card .ic{display:grid;place-items:center;width:var(--wp--custom--dimension--p-48-0);height:var(--wp--custom--dimension--p-48-0);border-radius:50%;background:var(--ws-forest);color:var(--ws-ivory)}
.good-card .link{margin-top:auto}

/* ---------- Account / Balance ---------- */
.acct-head{padding-block:var(--wp--custom--dimension--p-40-0) var(--wp--custom--dimension--p-40-0);display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-14-0)}
.acct-head .h1{font-size:var(--wp--custom--dimension--p-92-0)}
.acct-layout{display:grid;grid-template-columns:var(--wp--custom--dimension--p-248-0) minmax(0,1fr);gap:var(--wp--custom--dimension--p-48-0);align-items:start;padding-bottom:var(--ws-section)}
.acct-nav ul{display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-4-0)}
.acct-nav a,.acct-nav .lo{display:flex;align-items:center;gap:var(--wp--custom--dimension--p-12-0);min-height:var(--wp--custom--dimension--p-52-0);padding:0 var(--wp--custom--dimension--p-16-0);border-radius:var(--ws-r-sm);text-decoration:none;font-weight:600;transition:background-color var(--ws-t-fast)}
.acct-nav a:hover{background:var(--ws-sand)}
.acct-nav a[aria-current="page"]{background:var(--ws-forest);color:var(--ws-ivory)}
.acct-nav a[aria-current="page"] .ico{color:var(--ws-coral)}
.acct-nav .sep{height:var(--wp--custom--dimension--p-1-0);background:var(--ws-line);margin:var(--wp--custom--dimension--p-12-0) 0}
.acct-main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ws-grid-gap)}
.acct-main>.banner{grid-column:1/-1}
.wallet{grid-column:1/6;position:relative;overflow:hidden;padding:var(--wp--custom--dimension--p-32-0);min-height:var(--wp--custom--dimension--p-440-0);display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-12-0)}
.wallet .sym{position:absolute;right:var(--wp--custom--dimension--n-70-0);top:var(--wp--custom--dimension--n-70-0);width:var(--wp--custom--dimension--p-240-0);height:var(--wp--custom--dimension--p-240-0);border-radius:50%;background:var(--ws-coral);opacity:.95}
.wallet-road{position:absolute;left:var(--wp--custom--dimension--n-10-0);right:var(--wp--custom--dimension--n-10-0);top:34%;height:var(--wp--custom--dimension--p-120-0);color:var(--wp--custom--color--wallet-road);pointer-events:none}
.wallet-road path{fill:none;stroke:currentColor;stroke-width:14;stroke-linecap:round}
.wallet>.eyebrow{position:relative}
.wallet-amt{margin-top:auto;position:relative}
.wallet-amt .v{display:block;font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-112-0);font-weight:var(--ws-display-weight);font-stretch:var(--ws-display-stretch);letter-spacing:var(--ws-track-xl);line-height:.92;font-variant-numeric:tabular-nums}
.wallet-amt .u{display:block;font-weight:650;font-size:var(--wp--custom--dimension--p-18-0);margin-top:var(--wp--custom--dimension--p-10-0);color:var(--ws-sage)}
.wallet-add{display:inline-flex;align-items:center;gap:var(--wp--custom--dimension--p-6-0);align-self:flex-start;padding:var(--wp--custom--dimension--p-6-0) var(--wp--custom--dimension--p-12-0);border-radius:var(--wp--custom--dimension--p-999-0);background:var(--ws-coral);color:var(--ws-ink);font-weight:700;font-size:var(--wp--custom--dimension--p-14-0)}
.wallet-foot{display:flex;flex-wrap:wrap;gap:var(--wp--custom--dimension--p-8-0) var(--wp--custom--dimension--p-20-0);align-items:center;position:relative}
.topup{grid-column:6/13;background:var(--ws-paper);padding:var(--wp--custom--dimension--p-32-0);box-shadow:var(--ws-shadow);display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-24-0)}
.topup legend{font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-36-0);font-weight:var(--ws-display-weight);letter-spacing:var(--ws-track-lg);line-height:1;margin-bottom:var(--wp--custom--dimension--p-8-0)}
.presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--wp--custom--dimension--p-10-0);margin-top:var(--wp--custom--dimension--p-20-0)}
.preset{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:var(--wp--custom--dimension--p-10-0);min-height:var(--wp--custom--dimension--p-112-0);padding:var(--wp--custom--dimension--p-16-0);border-radius:var(--ws-r);background:var(--wp--custom--color--control-surface);box-shadow:inset 0 0 0 var(--wp--custom--dimension--p-1-5) var(--ws-line);cursor:pointer;transition:box-shadow var(--ws-t-fast),background-color var(--ws-t) var(--ws-ease),color var(--ws-t) var(--ws-ease),transform var(--ws-t-fast) var(--ws-ease)}
.preset input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.preset-v{font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-44-0);font-weight:var(--ws-display-weight);letter-spacing:var(--ws-track-lg);line-height:.95}
.preset-v.word{font-size:var(--wp--custom--dimension--p-26-0);line-height:1.05;letter-spacing:var(--ws-track-md)}
.preset-u{font-size:var(--wp--custom--dimension--p-14-0);color:var(--ws-muted);font-weight:600}
.preset:hover,.preset.is-hover{box-shadow:inset 0 0 0 var(--wp--custom--dimension--p-1-5) var(--ws-forest);transform:translateY(var(--wp--custom--dimension--n-2-0))}
.preset:has(input:focus-visible),.preset.is-focus{outline:var(--wp--custom--dimension--p-3-0) solid var(--ws-focus);outline-offset:var(--wp--custom--dimension--p-3-0)}
.preset:has(input:checked),.preset.is-selected{background:var(--ws-forest);color:var(--ws-ivory);box-shadow:none;transform:none}
.preset:has(input:checked) .preset-u,.preset.is-selected .preset-u{color:var(--ws-sage)}
.custom{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--ws-t-panel) var(--ws-ease)}
.custom>div{overflow:hidden;padding:var(--wp--custom--dimension--p-4-0)}
.custom[data-closed]{grid-template-rows:0fr}
.custom[data-closed]>div{visibility:hidden}
.field{display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-8-0)}
.field label{font-weight:650;font-size:var(--wp--custom--dimension--p-15-0)}
.suffix{position:relative}
.suffix .input{padding-right:var(--wp--custom--dimension--p-84-0);font-size:var(--wp--custom--dimension--p-20-0);font-weight:650;font-variant-numeric:tabular-nums}
.suffix span{position:absolute;right:var(--wp--custom--dimension--p-18-0);top:50%;transform:translateY(-50%);color:var(--ws-muted);font-weight:600;pointer-events:none}
.hint{font-size:var(--wp--custom--dimension--p-14-0);color:var(--ws-muted)}
.err{display:flex;gap:var(--wp--custom--dimension--p-8-0);align-items:flex-start;font-size:var(--wp--custom--dimension--p-14-0);font-weight:600;color:var(--ws-error)}
.err .ico{width:var(--wp--custom--dimension--p-18-0);height:var(--wp--custom--dimension--p-18-0);margin-top:var(--wp--custom--dimension--p-1-0)}
.tsum{display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-10-0);padding:var(--wp--custom--dimension--p-20-0);border-radius:var(--ws-r-sm);background:var(--ws-sand)}
.tsum .row dd{font-variant-numeric:tabular-nums}
.tsum .row.big dd{font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-30-0);font-weight:var(--ws-display-weight);letter-spacing:var(--ws-track-md)}
.tsum .row.big dt{color:var(--ws-ink);font-weight:650}
.activity{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--ws-grid-gap);margin-top:var(--wp--custom--dimension--p-24-0)}
.activity-head{grid-column:1/5;display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-12-0)}
.activity-body{grid-column:5/13;display:flex;flex-direction:column;gap:var(--wp--custom--dimension--p-12-0)}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--custom--dimension--p-12-0)}
.tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--wp--custom--dimension--p-16-0);min-height:var(--wp--custom--dimension--p-96-0);padding:var(--wp--custom--dimension--p-20-0);border-radius:var(--ws-r);background:var(--ws-paper);box-shadow:inset 0 0 0 var(--wp--custom--dimension--p-1-5) var(--ws-line);text-decoration:none;transition:box-shadow var(--ws-t-fast),transform var(--ws-t-fast) var(--ws-ease)}
.tile:hover{box-shadow:inset 0 0 0 var(--wp--custom--dimension--p-1-5) var(--ws-forest);transform:translateY(var(--wp--custom--dimension--n-2-0))}
.tile .ic{display:grid;place-items:center;width:var(--wp--custom--dimension--p-48-0);height:var(--wp--custom--dimension--p-48-0);border-radius:50%;background:var(--ws-sand);color:var(--ws-forest)}
.tile b{display:block;font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-22-0);font-weight:700;letter-spacing:var(--ws-track-md)}
.tile span.d{font-size:var(--wp--custom--dimension--p-14-0);color:var(--ws-muted)}
.latest{display:grid;grid-template-columns:auto 1fr auto;gap:var(--wp--custom--dimension--p-16-0);align-items:center;padding:var(--wp--custom--dimension--p-18-0) var(--wp--custom--dimension--p-20-0);border-radius:var(--ws-r);background:var(--ws-success-bg)}
.latest .ic{display:grid;place-items:center;width:var(--wp--custom--dimension--p-44-0);height:var(--wp--custom--dimension--p-44-0);border-radius:50%;background:var(--ws-success);color:var(--wp--custom--color--control-surface)}
.latest b{font-weight:700}
.latest .amt{font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-24-0);font-weight:var(--ws-display-weight);color:var(--ws-success);font-variant-numeric:tabular-nums}
.empty{display:grid;grid-template-columns:var(--wp--custom--dimension--p-160-0) 1fr;gap:var(--wp--custom--dimension--p-24-0);align-items:center;padding:var(--wp--custom--dimension--p-20-0);border-radius:var(--ws-r);background:var(--ws-paper)}
.empty img{width:var(--wp--custom--dimension--p-160-0);height:var(--wp--custom--dimension--p-160-0);object-fit:cover;border-radius:var(--ws-r-sm)}
.banner{display:grid;grid-template-columns:auto 1fr;gap:var(--wp--custom--dimension--p-14-0);align-items:center;padding:var(--wp--custom--dimension--p-18-0) var(--wp--custom--dimension--p-22-0);border-radius:var(--ws-r);background:var(--ws-success-bg);color:var(--ws-success)}
.banner .ic{display:grid;place-items:center;width:var(--wp--custom--dimension--p-40-0);height:var(--wp--custom--dimension--p-40-0);border-radius:50%;background:var(--ws-success);color:var(--wp--custom--color--control-surface)}
.banner b{color:var(--wp--custom--color--success-strong)}
[data-state] [data-show]{display:none}

/* ---------- Tablet ---------- */
@media (max-width:1023px){
  .hdr-in{height:var(--wp--custom--dimension--p-72-0);gap:var(--wp--custom--dimension--p-16-0)}
  .nav,.hdr .signin,.hdr .join{display:none}
  .menu-btn{display:inline-grid}
  .acct-ic{display:inline-grid}
  .logo img{height:var(--wp--custom--dimension--p-32-0);width:auto}
  .sheet{display:block;overflow:hidden;position:absolute;left:0;right:0;top:100%;background:var(--ws-ivory);border-bottom:var(--wp--custom--dimension--p-1-0) solid var(--ws-line);box-shadow:0 var(--wp--custom--dimension--p-24-0) var(--wp--custom--dimension--p-40-0) var(--wp--custom--dimension--n-24-0) var(--wp--custom--literal--paint-1);padding:var(--wp--custom--dimension--p-8-0) var(--ws-gutter) var(--wp--custom--dimension--p-24-0);opacity:0;transform:translateY(var(--wp--custom--dimension--n-8-0));visibility:hidden;transition:opacity var(--ws-t-panel) var(--ws-ease),transform var(--ws-t-panel) var(--ws-ease),visibility 0s linear var(--ws-t-panel)}
  .sheet.is-open{opacity:1;transform:none;visibility:visible;transition-delay:0s}
  .sheet a{display:flex;align-items:center;justify-content:space-between;min-height:var(--wp--custom--dimension--p-56-0);border-bottom:var(--wp--custom--dimension--p-1-0) solid var(--ws-line);font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-26-0);font-weight:700;letter-spacing:var(--ws-track-md);text-decoration:none}
  .sheet .sheet-cta{display:flex;gap:var(--wp--custom--dimension--p-10-0);margin-top:var(--wp--custom--dimension--p-20-0)}
  .sheet .sheet-cta{flex-wrap:wrap}
  .sheet .sheet-cta .btn{flex:1 1 var(--wp--custom--dimension--p-140-0);min-width:0;padding:0 var(--wp--custom--dimension--p-16-0)}
  .hero{padding-top:var(--wp--custom--dimension--p-28-0)}
  .hero-l1{grid-column:1/-1}
  .hero-l2{grid-column:1/-1}
  .hero-sun{grid-column:1/4;width:var(--wp--custom--dimension--p-120-0);height:var(--wp--custom--dimension--p-120-0)}
  .hero-note{grid-column:1/-1;grid-row:3;padding-top:var(--wp--custom--dimension--p-28-0);max-width:56ch}
  .hero-media{grid-column:1/-1;grid-row:4;margin-top:var(--wp--custom--dimension--p-32-0);height:var(--wp--custom--dimension--p-440-0)}
  .hero-search{grid-column:2/12;grid-row:5;margin-top:var(--wp--custom--dimension--n-96-0)}
  .hero-cap{grid-column:1/-1;grid-row:6;text-align:left}
  .dest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--custom--dimension--p-40-0) var(--ws-grid-gap)}
  .dcard--b,.dcard--c{grid-column:auto}
  .dcard--feature,.dcard--wide{grid-column:1/-1;grid-row:auto}
  .dcard--feature .media{min-height:0;aspect-ratio:16/9}
  .dcard--feature .dcard-name{font-size:var(--wp--custom--dimension--p-60-0)}
  .dcard--b .media,.dcard--c .media{aspect-ratio:4/3}
  .dcard--wide .media{aspect-ratio:21/9}
  .how-intro,.how-steps{grid-column:1/-1}
  .how-steps{gap:var(--wp--custom--dimension--p-40-0) var(--wp--custom--dimension--p-32-0)}
  .ed-main{grid-column:1/-1;grid-row:1;height:var(--wp--custom--dimension--p-460-0)}
  .ed-copy{grid-column:1/9;grid-row:2;align-self:start}
  .ed-side{grid-column:9/13;grid-row:2;margin-top:var(--wp--custom--dimension--n-120-0);position:relative;z-index:2}
  .ed-side .media{height:var(--wp--custom--dimension--p-220-0);box-shadow:0 0 0 var(--wp--custom--dimension--p-8-0) var(--ws-ivory)}
  .faq-head,.faq-list{grid-column:1/-1}
  .ftr-top{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ftr-brand{grid-column:1/-1}
  /* country */
  .cintro-media{grid-column:1/-1;grid-row:1;height:var(--wp--custom--dimension--p-420-0)}
  .cintro-copy{grid-column:1/-1;grid-row:2;margin-top:var(--wp--custom--dimension--p-12-0)}
  .cintro .h1{font-size:var(--ws-fs-h1)}
  .cintro-sun{grid-column:12/13;grid-row:1;width:var(--wp--custom--dimension--p-96-0);height:var(--wp--custom--dimension--p-96-0);margin:0 var(--wp--custom--dimension--n-12-0) var(--wp--custom--dimension--n-24-0) 0}
  .cintro .h1{margin-left:0}
  .cfacts{grid-column:1/-1;grid-row:3}
  .plans{grid-column:1/8}
  .plans-grid{grid-template-columns:1fr}
  .summary{grid-column:8/13;top:var(--wp--custom--dimension--p-96-0);padding:var(--wp--custom--dimension--p-22-0)}
  .summary-plan .h3{font-size:var(--wp--custom--dimension--p-28-0)}
  .total-v{font-size:var(--wp--custom--dimension--p-36-0)}
  .good-grid{grid-template-columns:1fr}
  .good-card{display:grid;grid-template-columns:auto 1fr;column-gap:var(--wp--custom--dimension--p-20-0)}
  .good-card .ic{grid-row:1/4}
  /* account */
  .acct-head{padding-block:var(--wp--custom--dimension--p-28-0) var(--wp--custom--dimension--p-24-0)}
  .acct-head .h1{font-size:var(--wp--custom--dimension--p-72-0)}
  .acct-layout{grid-template-columns:1fr;gap:var(--wp--custom--dimension--p-28-0)}
  .acct-nav ul{flex-direction:row;flex-wrap:wrap;gap:var(--wp--custom--dimension--p-8-0)}
  .acct-nav a,.acct-nav .lo{min-height:var(--wp--custom--dimension--p-48-0);border-radius:var(--wp--custom--dimension--p-999-0);background:var(--ws-paper);box-shadow:inset 0 0 0 var(--wp--custom--dimension--p-1-0) var(--ws-line);white-space:nowrap}
  .acct-nav .sep{display:none}
  .wallet{grid-column:1/-1;min-height:var(--wp--custom--dimension--p-300-0)}
  .wallet-amt .v{font-size:var(--wp--custom--dimension--p-96-0)}
  .wallet-road{display:none}
  .topup{grid-column:1/-1}
  .activity-head,.activity-body{grid-column:1/-1}
}

/* ---------- Mobile ---------- */
@media (max-width:640px){
  .hdr-in{height:var(--wp--custom--dimension--p-64-0);gap:var(--wp--custom--dimension--p-8-0)}
  .logo img{height:var(--wp--custom--dimension--p-26-0);width:auto}
  .cur{display:none}
  .acct-chip .u{display:none}
  .acct-chip{padding:0 var(--wp--custom--dimension--p-4-0) 0 var(--wp--custom--dimension--p-12-0);font-size:var(--wp--custom--dimension--p-14-0)}
  /* The header cart (869fkx2nj) made the signed-in 375 header overflow by 24px: tighter tools keep cart + balance chip + menu inside 375. */
  .hdr-tools{gap:var(--wp--custom--dimension--p-4-0)}
  .hdr .cart-ic{width:var(--wp--custom--dimension--p-36-0)}
  .menu-btn{width:var(--wp--custom--dimension--p-40-0)}
  .acct-chip{gap:var(--wp--custom--dimension--p-6-0);padding-left:var(--wp--custom--dimension--p-10-0)}
  .sheet a{font-size:var(--wp--custom--dimension--p-24-0)}
  .hero{padding-top:var(--wp--custom--dimension--p-20-0)}
  .hero-l2{text-align:right}
  .hero-sun{width:var(--wp--custom--dimension--p-56-0);height:var(--wp--custom--dimension--p-56-0);grid-column:1/-1;grid-row:1;justify-self:end;align-self:center}
  .hero-note{padding-top:var(--wp--custom--dimension--p-20-0)}
  .hero-media{height:var(--wp--custom--dimension--p-440-0);margin-top:var(--wp--custom--dimension--p-24-0)}
  .hero-media img{object-position:66% 50%}
  .hero-search{grid-column:1/-1;margin:var(--wp--custom--dimension--n-72-0) var(--wp--custom--dimension--p-10-0) 0}
  .search{padding:var(--wp--custom--dimension--p-20-0)}
  .search-label{font-size:var(--wp--custom--dimension--p-23-0);margin-bottom:var(--wp--custom--dimension--p-12-0)}
  .search-row{flex-direction:column}
  .search-row .btn{width:100%}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:var(--wp--custom--dimension--n-20-0);padding:var(--wp--custom--dimension--p-2-0) var(--wp--custom--dimension--p-20-0) var(--wp--custom--dimension--p-6-0);scrollbar-width:none}
  .chips-label{flex:none}
  .chip{flex:none}
  .drift{animation:none;transform:scale(1.02)}
  .sec-head{flex-direction:column;align-items:flex-start;gap:var(--wp--custom--dimension--p-12-0);margin-bottom:var(--wp--custom--dimension--p-28-0)}
  .dest-grid{grid-template-columns:1fr;gap:var(--wp--custom--dimension--p-12-0)}
  .dcard--feature{margin-bottom:var(--wp--custom--dimension--p-20-0)}
  .dcard--feature .media{aspect-ratio:4/3}
  .dcard--feature .dcard-name{font-size:var(--wp--custom--dimension--p-48-0)}
  .dcard--b,.dcard--c,.dcard--wide{display:grid;grid-template-columns:var(--wp--custom--dimension--p-104-0) 1fr;align-items:center;gap:var(--wp--custom--dimension--p-16-0);padding:var(--wp--custom--dimension--p-8-0);border-radius:var(--ws-r);background:var(--ws-paper)}
  .dcard--b .media,.dcard--c .media,.dcard--wide .media{aspect-ratio:1;width:var(--wp--custom--dimension--p-104-0);height:var(--wp--custom--dimension--p-104-0);--ws-notch:var(--wp--custom--dimension--p-14-0);border-radius:var(--ws-r-sm)}
  .dcard--b .dcard-name,.dcard--c .dcard-name,.dcard--wide .dcard-name{font-size:var(--wp--custom--dimension--p-28-0)}
  .dcard--b .dcard-go,.dcard--c .dcard-go,.dcard--wide .dcard-go{width:var(--wp--custom--dimension--p-40-0);height:var(--wp--custom--dimension--p-40-0)}
  .dcard--b .dcard-no,.dcard--c .dcard-no,.dcard--wide .dcard-no{font-size:var(--wp--custom--dimension--p-12-0)}
  .dcard--b .dcard-meta,.dcard--c .dcard-meta,.dcard--wide .dcard-meta{font-size:var(--wp--custom--dimension--p-14-0)}
  .dest-empty{grid-template-columns:1fr;padding:var(--wp--custom--dimension--p-20-0)}
  .dest-empty img{width:100%;height:var(--wp--custom--dimension--p-180-0)}
  .how-steps{grid-template-columns:1fr;gap:var(--wp--custom--dimension--p-28-0)}
  .step-n{font-size:var(--wp--custom--dimension--p-52-0)}
  .how-sun{width:var(--wp--custom--dimension--p-220-0);height:var(--wp--custom--dimension--p-220-0);right:var(--wp--custom--dimension--n-90-0);bottom:var(--wp--custom--dimension--n-110-0)}
  .ed-main{height:var(--wp--custom--dimension--p-320-0)}
  .ed-copy{grid-column:1/-1}
  .ed-side{grid-column:4/-1;grid-row:3;margin-top:0}
  .ed-side .media{height:var(--wp--custom--dimension--p-180-0)}
  .faq-q{font-size:var(--wp--custom--dimension--p-20-0);min-height:var(--wp--custom--dimension--p-68-0);gap:var(--wp--custom--dimension--p-16-0)}
  .faq-a p{padding-right:var(--wp--custom--dimension--p-8-0)}
  .ftr{padding-block:var(--wp--custom--dimension--p-64-0) var(--wp--custom--dimension--p-32-0)}
  .ftr-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--custom--dimension--p-32-0) var(--wp--custom--dimension--p-20-0)}
  .ftr-bottom{flex-direction:column;margin-top:var(--wp--custom--dimension--p-48-0)}
  .ftr-pay{margin-top:var(--wp--custom--dimension--p-40-0)}
  /* BUG-06: room for the cookie-consent revisit button so it never covers the last legal link. */
  .ftr{padding-bottom:var(--wp--custom--dimension--p-96-0)}
  /* BUG-09: the stacked sheet actions never truncate a label. */
  .sheet .sheet-cta .btn{flex-basis:100%}
  /* country */
  .crumbs{padding-block:var(--wp--custom--dimension--p-12-0) var(--wp--custom--dimension--p-4-0)}
  .cintro{padding-bottom:var(--wp--custom--dimension--p-48-0)}
  .cintro-media{height:var(--wp--custom--dimension--p-300-0)}
  .cintro-copy{margin-top:var(--wp--custom--dimension--p-4-0);gap:var(--wp--custom--dimension--p-16-0)}
  .cintro-sun{grid-column:11/13;width:var(--wp--custom--dimension--p-64-0);height:var(--wp--custom--dimension--p-64-0);margin:0 var(--wp--custom--dimension--n-6-0) var(--wp--custom--dimension--n-18-0) 0}
  .cfacts{grid-template-columns:1fr 1fr}
  .cfacts div:last-child{grid-column:1/-1}
  .cfacts dd{font-size:var(--wp--custom--dimension--p-19-0)}
  .plans,.summary{grid-column:1/-1}
  .plans-head{flex-direction:column;align-items:flex-start;gap:var(--wp--custom--dimension--p-8-0);margin-bottom:var(--wp--custom--dimension--p-16-0)}
  .plan{min-height:var(--wp--custom--dimension--p-84-0);padding:var(--wp--custom--dimension--p-14-0) var(--wp--custom--dimension--p-18-0)}
  .plan-data{font-size:var(--wp--custom--dimension--p-26-0)}
  .plan-pts b{font-size:var(--wp--custom--dimension--p-23-0)}
  .summary{position:static;padding:var(--wp--custom--dimension--p-20-0)}
  .buy{padding-bottom:var(--wp--custom--dimension--p-40-0)}
  .buybar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--wp--custom--dimension--p-12-0);position:sticky;bottom:0;z-index:30;margin:var(--wp--custom--dimension--p-16-0) calc(var(--ws-gutter)*-1) 0;padding:var(--wp--custom--dimension--p-12-0) var(--ws-gutter) calc(var(--wp--custom--dimension--p-12-0) + env(safe-area-inset-bottom));background:var(--ws-forest);color:var(--ws-ivory);--ws-focus:var(--ws-coral-soft)}
  .buybar .bb-plan{font-size:var(--wp--custom--dimension--p-13-0);color:var(--ws-sage);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .buybar .bb-total{font-family:var(--ws-font-display);font-size:var(--wp--custom--dimension--p-26-0);font-weight:var(--ws-display-weight);letter-spacing:var(--ws-track-lg);line-height:1.05;white-space:nowrap}
  .buybar .bb-total small{font-family:var(--ws-font-body);font-size:var(--wp--custom--dimension--p-13-0);font-weight:600;letter-spacing:0;color:var(--ws-sage)}
  .buybar .btn{min-height:var(--wp--custom--dimension--p-50-0);padding:0 var(--wp--custom--dimension--p-18-0)}
  .good-card{padding:var(--wp--custom--dimension--p-20-0)}
  /* account */
  .acct-head .h1{font-size:var(--wp--custom--dimension--p-60-0)}
  .acct-nav a,.acct-nav .lo{min-height:var(--wp--custom--dimension--p-44-0);padding:0 var(--wp--custom--dimension--p-14-0);font-size:var(--wp--custom--dimension--p-15-0)}
  .acct-nav .ico{display:none}
  .acct-nav a[aria-current="page"] .ico{display:block;width:var(--wp--custom--dimension--p-18-0);height:var(--wp--custom--dimension--p-18-0)}
  .wallet{padding:var(--wp--custom--dimension--p-24-0);min-height:var(--wp--custom--dimension--p-260-0)}
  .wallet .sym{width:var(--wp--custom--dimension--p-160-0);height:var(--wp--custom--dimension--p-160-0);right:var(--wp--custom--dimension--n-50-0);top:var(--wp--custom--dimension--n-50-0)}
  .wallet-amt .v{font-size:var(--wp--custom--dimension--p-76-0)}
  .wallet-road{top:30%;height:var(--wp--custom--dimension--p-80-0)}
  .topup{padding:var(--wp--custom--dimension--p-22-0)}
  .topup legend{font-size:var(--wp--custom--dimension--p-30-0)}
  .presets{grid-template-columns:repeat(3,minmax(0,1fr))}
  .preset--custom{grid-column:1/-1;min-height:var(--wp--custom--dimension--p-64-0);flex-direction:row;align-items:center}
  .preset{min-height:var(--wp--custom--dimension--p-96-0);padding:var(--wp--custom--dimension--p-14-0)}
  .preset-v{font-size:var(--wp--custom--dimension--p-36-0)}
  .preset-v.word{font-size:var(--wp--custom--dimension--p-22-0)}
  .tiles{grid-template-columns:1fr}
  .tile{min-height:var(--wp--custom--dimension--p-84-0)}
  .empty{grid-template-columns:var(--wp--custom--dimension--p-96-0) 1fr;gap:var(--wp--custom--dimension--p-16-0)}
  .empty img{width:var(--wp--custom--dimension--p-96-0);height:var(--wp--custom--dimension--p-96-0)}
  .latest{grid-template-columns:auto 1fr}
  .latest .amt{grid-column:2}
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .drift,.drift-sun{animation:none!important;transform:none!important}
  .motion .rv,.motion .rv-img{opacity:1!important;transform:none!important}
  .motion .rv-img::after{display:none!important}
  .spinner{animation:ws-spin 1.6s linear infinite!important;animation-duration:1.6s!important;animation-iteration-count:infinite!important}
}
.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important}
.reduce-motion .rv,.reduce-motion .rv-img{opacity:1!important;transform:none!important}
.reduce-motion .rv-img::after{display:none!important}
.hdr-tools [data-auth-show]{display:contents}.hdr-tools [data-auth-show][hidden]{display:none}

/* Class-driven state hooks (used by the design-canvas components; equivalent to the data-closed attribute) */
.faq-a.closed{grid-template-rows:0fr}
.faq-a.closed>div{visibility:hidden;transition:visibility 0s linear var(--ws-t-panel)}
.custom.closed{grid-template-rows:0fr}
.custom.closed>div{visibility:hidden}
.d0{--i:0}.d1{--i:1}.d2{--i:2}.d3{--i:3}.d4{--i:4}.d5{--i:5}.d6{--i:6}.d7{--i:7}.d8{--i:8}.d9{--i:9}
.page{background:var(--ws-ivory);min-height:100%}
.once{display:flex;align-items:center;gap:var(--wp--custom--dimension--p-8-0);font-size:var(--wp--custom--dimension--p-14-0);color:var(--ws-muted)}
.once .ico{width:var(--wp--custom--dimension--p-18-0);height:var(--wp--custom--dimension--p-18-0);color:var(--ws-olive)}

/* FSE shell has exactly one gutter owner: approved .wrap components. */
.wp-site-blocks{padding:0}.wp-site-blocks>*+*{margin-block-start:0}.wp-block-group.ws-main{margin:0;padding:0}.wp-block-group.ws-main.wrap{padding-inline:var(--ws-gutter)}
.js [data-native-currency]{display:none}.ws-native-variations{margin-block:var(--ws-s4)}.js .ws-native-variations{display:none}.ws-native-variations label{display:block}.ws-native-variations select{width:100%}.ws-notices:empty{display:none}.ws-unavailable{padding-block:var(--ws-section)}

/* BUG-09: no-JS currency fallback (native WOOCS form) laid out in the theme's terms. */
html:not(.js) [data-native-currency]{padding:var(--wp--custom--dimension--p-8-0) var(--wp--custom--dimension--p-20-0);border-bottom:var(--wp--custom--dimension--p-1-0) solid var(--ws-line)}
[data-native-currency] form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wp--custom--dimension--p-8-0)}
[data-native-currency] select{min-height:var(--wp--custom--dimension--p-44-0);padding:0 var(--wp--custom--dimension--p-12-0);border:var(--wp--custom--dimension--p-1-0) solid var(--ws-line);border-radius:var(--ws-r-sm);background:var(--ws-paper);color:var(--ws-ink);font:inherit}
/* WSM-22: the Add Points card is narrow beside the balance at 1024-1366 px, where four 26px presets no longer fit "Custom".
   Below 560px of card width use the mobile arrangement: three amounts, then Custom as a full row. */
.topup{container-type:inline-size}
.preset{min-width:0}.preset-v.word,.preset-u{overflow-wrap:anywhere}
@container (max-width:560px){
  .presets{grid-template-columns:repeat(3,minmax(0,1fr))}
  .preset--custom{grid-column:1/-1;min-height:var(--wp--custom--dimension--p-64-0);flex-direction:row;align-items:center}
}