/* Sotran gift cards (uses the theme tokens: --ink, --mint, --sun, --sand, --muted) */
.sgc-form{display:grid;gap:22px;margin:0 0 22px}
.sgc-amounts{border:0;margin:0;padding:0}
.sgc-amounts legend,.sgc-fields label,.sgc-custom label{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted,#666);margin:0 0 10px}
.sgc-amounts__opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sgc-amounts__opts label{position:relative;margin:0}
.sgc-amounts__opts input{position:absolute;opacity:0;pointer-events:none}
.sgc-amounts__opts span{display:block;text-align:center;padding:16px 10px;background:var(--sand,#f2f2f2);border:1.5px solid transparent;font-weight:700;font-size:16px;cursor:pointer;transition:background .25s,border-color .25s}
.sgc-amounts__opts span:hover{background:var(--mint,#7ccbbd)}
.sgc-amounts__opts input:checked+span{background:var(--ink,#1e1e1e);color:#fff}
.sgc-amounts__opts input:focus-visible+span{outline:3px solid var(--mint,#7ccbbd);outline-offset:2px}
.sgc-custom{margin:12px 0 0}
.sgc-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sgc-fields p{margin:0}
.sgc-fields__wide{grid-column:1/-1}
.sgc-form input[type=text],.sgc-form input[type=email],.sgc-form input[type=number],.sgc-form textarea{width:100%;padding:15px 16px;border:1.5px solid var(--sand,#f2f2f2);background:var(--sand,#f2f2f2);font:inherit;font-size:16px;color:var(--ink,#1e1e1e);outline:0;transition:border-color .25s,background .25s}
.sgc-form input:focus,.sgc-form textarea:focus{border-color:var(--ink,#1e1e1e);background:#fff}
.sgc-note{margin:0;font-size:13px;color:var(--muted,#666);line-height:1.6}

/* landing page */
.sgc-hero{padding:clamp(30px,4vw,60px) 0 clamp(70px,8vw,120px)}
.sgc-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,110px);align-items:start}
.sgc-hero__visual{position:sticky;top:110px}
.sgc-card{position:relative;display:flex;flex-direction:column;aspect-ratio:1.6/1;background:var(--ink,#1e1e1e);color:#fff;padding:clamp(24px,3vw,40px);overflow:hidden}
.sgc-card__logo{font-size:clamp(20px,2vw,28px);letter-spacing:.01em}
.sgc-card__logo em{font-style:normal;color:var(--mint,#7ccbbd)}
.sgc-card__kind{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--sun,#ffcf75);margin-top:4px}
.sgc-card__amt{margin-top:auto;font-stretch:125%;font-weight:500;font-size:clamp(40px,5vw,76px);line-height:1;position:relative;z-index:1}
.sgc-card__code{margin-top:14px;font-size:13px;letter-spacing:.14em;color:rgba(255,255,255,.6);position:relative;z-index:1}
.sgc-hero__points{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sgc-hero__points li{background:var(--sand,#f2f2f2);padding:16px;font-size:13px;line-height:1.5;color:var(--muted,#666)}
.sgc-hero__points b{display:block;color:var(--ink,#1e1e1e);font-size:14px;margin-bottom:4px}
.sgc-hero__title{font-size:clamp(28px,3vw,46px);line-height:1.08;margin:0 0 16px}
.sgc-hero__form .lede{margin:0 0 28px}
.sgc-hero__btn{width:100%;justify-content:center}
.sgc-more{background:var(--sand,#f2f2f2);padding:clamp(60px,7vw,110px) 0}
.sgc-more__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,100px);align-items:start}
.sgc-more__title{font-size:clamp(24px,2.4vw,36px);margin:0 0 14px}
.sgc-more .faqx{background:#fff}
.sgc-balance{margin-top:26px}
.sgc-balance label{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}
.sgc-balance div{display:flex;gap:8px}
.sgc-balance input{flex:1;min-width:0;padding:15px 16px;border:1.5px solid #fff;background:#fff;font:inherit;font-size:16px;letter-spacing:.06em;text-transform:uppercase;outline:0}
.sgc-balance input:focus{border-color:var(--ink,#1e1e1e)}
.sgc-balance__res{margin:14px 0 0;background:var(--mint,#7ccbbd);padding:18px 20px;display:grid;gap:2px}
.sgc-balance__res span{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.sgc-balance__res b{font-size:28px}
.sgc-balance__res small{font-size:13px}
.sgc-balance__res.is-bad{background:#fff;outline:1.5px solid var(--ink,#1e1e1e);outline-offset:-1.5px}
@media (max-width:900px){.sgc-hero__grid,.sgc-more__grid{grid-template-columns:1fr}.sgc-hero__visual{position:static}}
@media (max-width:560px){.sgc-amounts__opts{grid-template-columns:repeat(2,1fr)}.sgc-fields{grid-template-columns:1fr}.sgc-hero__points{grid-template-columns:1fr}}