/* GFAYT | premium support center | independent, scoped styles */

.gf-support {
  --gfs-ink: #202329;
  --gfs-muted: #646b73;
  --gfs-bronze: #947857;
  --gfs-border: #e5e6e5;
  --gfs-cream: #f8f6f2;
  box-sizing: border-box;
  max-width: 1210px;
  margin: 0 auto;
  padding: 16px 24px 64px;
  font-family: 'VI Sans', Arial, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  color: var(--gfs-ink);
}
.gf-support *, .gf-support *:before, .gf-support *:after { box-sizing: border-box; }
.gf-support a { color: inherit; text-decoration: none; }
.gf-support a:focus-visible, .gf-support summary:focus-visible { outline: 2px solid var(--gfs-bronze); outline-offset: 3px; }
.gf-support p { margin: 0; }
.gf-support h1, .gf-support h2, .gf-support h3 { margin: 0; letter-spacing: -0.025em; font-family: inherit; color: var(--gfs-ink); }
.gf-support h2 { font-size: clamp(23px, 2.8vw, 33px); line-height: 1.13; }
.gf-support h3 { font-size: 17px; line-height: 1.25; }
.gf-support__crumbs { display: flex; gap: 9px; color: #80848a; font-size: 12px; margin: 7px 0 22px; }
.gf-support__crumbs a:hover { color: var(--gfs-ink); }
.gf-support__hero { display:grid; grid-template-columns: 1.12fr .88fr; gap: 0; border: 1px solid var(--gfs-border); border-radius: 20px; overflow: hidden; background: linear-gradient(125deg,#f8f8f7,#efeee9); }
.gf-support__hero-copy { padding: clamp(28px,5vw,58px); display:flex; align-items:flex-start; justify-content:center; flex-direction:column; }
.gf-support__eyebrow { color: var(--gfs-bronze); font-size: 11px; font-weight: 800; letter-spacing:.13em; text-transform:uppercase; margin-bottom:16px; }
.gf-support .gf-support__hero-title { font-size: clamp(32px,4.7vw,55px); line-height:1.07; max-width: 570px; font-weight:850; margin-bottom: 19px; }
.gf-support__lead { max-width:520px; color: #555a5d; line-height:1.66; font-size: 16px; }
.gf-support__actions { display:flex; flex-wrap:wrap; align-items:center; gap: 10px; margin: 24px 0 25px; }
.gf-support__btn { display:inline-flex; align-items:center; justify-content:center; min-height:45px; border:1px solid #24282e; background:#24282e; color:#fff!important; border-radius:9px; padding:12px 17px; font-weight:750; font-size:13px; text-align:center; transition: background .16s, transform .16s; }
.gf-support__btn:hover { background:#383e45; transform:translateY(-1px); }
.gf-support__btn--outline { background:#fff; color:#24282e!important; border-color:#d2d1cf; }
.gf-support__btn--outline:hover { background:#f6f3ee; }
.gf-support__badges { display:flex; flex-wrap:wrap; gap:7px; }
.gf-support__badges span { border:1px solid #dcd9d3; background:rgba(255,255,255,.6); border-radius:100px; padding:7px 10px; font-size:11.5px; font-weight:650; }
.gf-support__photo { position:relative; margin:0; min-height:370px; background:#dbdad6; overflow:hidden; }
.gf-support__photo img { display:block; width:100%; height:100%; min-height:370px; object-fit:cover; }
.gf-support__photo figcaption { position:absolute; bottom:16px; left:16px; right:16px; width:max-content; max-width:calc(100% - 32px); background:rgba(24,28,32,.82); color:#fff; padding:10px 13px; border-radius:8px; font-size:11.5px; }
.gf-support__section { margin-top:64px; }
.gf-support__section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:24px; }
.gf-support__section-heading p { max-width:520px; color:var(--gfs-muted); font-size:14px; }
.gf-support__cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.gf-support__card { display:flex; min-height:209px; flex-direction:column; align-items:flex-start; gap:13px; padding:24px 20px; border:1px solid var(--gfs-border); background:#fff; border-radius:14px; transition:box-shadow .2s,border-color .2s,transform .2s; }
.gf-support__card:hover { border-color:#cfc5b9; box-shadow:0 12px 32px rgba(15,19,25,.065); transform:translateY(-2px); }
.gf-support__card svg { width:31px; height:31px; stroke:var(--gfs-bronze); stroke-width:1.6; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.gf-support__card p { color:var(--gfs-muted); font-size:13px; line-height:1.5; flex-grow:1; }
.gf-support__card-link { color:#7e6346; font-size:12px; font-weight:800; }
.gf-support__two { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.gf-support__panel { border:1px solid var(--gfs-border); border-radius:16px; background:#fff; padding:28px 30px; min-width:0; }
.gf-support__panel--cream { background:var(--gfs-cream); border-color:#e8e2d7; }
.gf-support__panel h2 { font-size:clamp(21px,2.2vw,27px); margin-bottom:12px; }
.gf-support__panel h3 { margin-bottom:6px; }
.gf-support__panel p { color:var(--gfs-muted); line-height:1.6; }
.gf-support__steps { display:grid; gap:18px; margin-top:24px; }
.gf-support__step { display:flex; align-items:flex-start; gap:15px; }
.gf-support__step-num { display:grid; place-items:center; width:38px; height:38px; flex:0 0 38px; border:1px solid #dbcbb6; border-radius:10px; color:#8a6a46; font-weight:800; background:#fff; font-size:13px; }
.gf-support__step p { color:var(--gfs-muted); font-size:13px; }
.gf-support__note { color:#6c665c; font-size:12px; line-height:1.6; padding:14px 15px; border-left:3px solid var(--gfs-bronze); background:#f9f6f0; border-radius:2px 8px 8px 2px; margin-top:20px; }
.gf-support__list { padding-left:19px; color:var(--gfs-muted); margin:16px 0 18px; }
.gf-support__list li+li { margin-top:8px; }
.gf-support__subtle { font-size:13px; color:var(--gfs-muted); }
.gf-support__docs { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:21px; }
.gf-support__doc { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; min-height:80px; padding:16px; border:1px solid var(--gfs-border); border-radius:11px; background:#fff; }
.gf-support__doc:hover { border-color:#b7a184; }
.gf-support__doc strong { display:block; font-weight:800; font-size:15px; }
.gf-support__doc span { color:var(--gfs-muted); font-size:12px; }
.gf-support__doc b { color:#876a4b; white-space:nowrap; font-size:12px; }
.gf-support__store { display:grid; grid-template-columns:.9fr 1.1fr; gap:0; border:1px solid var(--gfs-border); border-radius:16px; overflow:hidden; }
.gf-support__store img { width:100%; height:100%; max-height:375px; min-height:280px; object-fit:cover; display:block; }
.gf-support__store-copy { padding:clamp(23px,3.3vw,40px); background:#f7f7f5; display:flex; flex-direction:column; justify-content:center; gap:15px; }
.gf-support__store-copy h2 { margin-bottom:2px; }
.gf-support__store-copy address { font-style:normal; font-weight:720; font-size:15px; line-height:1.6; }
.gf-support__store-actions { display:flex; gap:9px; flex-wrap:wrap; }
.gf-support__faq { display:grid; gap:9px; }
.gf-support__faq details { background:#fff; border:1px solid var(--gfs-border); border-radius:10px; overflow:hidden; }
.gf-support__faq summary { display:flex; align-items:center; justify-content:space-between; padding:17px 20px; cursor:pointer; font-weight:760; font-size:14px; list-style:none; gap:15px; }
.gf-support__faq summary::-webkit-details-marker { display:none; }
.gf-support__faq summary:after { content:'+'; font-size:23px; font-weight:300; color:var(--gfs-bronze); }
.gf-support__faq details[open] summary:after { content:'−'; }
.gf-support__faq details p { font-size:13.5px; color:var(--gfs-muted); padding:0 20px 18px; max-width:850px; }
.gf-support__bottom { margin-top:50px; padding:27px 32px; background:#23272d; color:#fff; border-radius:14px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.gf-support__bottom h2 { color:#fff; font-size:22px; }
.gf-support__bottom p { color:#d6d7d8; font-size:13px; margin-top:6px; }
.gf-support__bottom .gf-support__btn { background:#fff; color:#222!important; border-color:#fff; white-space:nowrap; }
.gf-support__bottom .gf-support__btn:hover { background:#edeae5; }
@media(max-width:960px) { .gf-support__cards { grid-template-columns:repeat(2,minmax(0,1fr)); } .gf-support__hero { grid-template-columns:1fr 1fr; } }
@media(max-width:680px) { .gf-support { padding:12px 16px 42px; } .gf-support__hero { display:flex; flex-direction:column; } .gf-support__hero-copy { padding:28px 23px; } .gf-support__photo { min-height:220px; max-height:260px; } .gf-support__photo img { min-height:220px; max-height:260px; } .gf-support__lead { font-size:14px; } .gf-support__cards { grid-template-columns:1fr 1fr; gap:9px; } .gf-support__card { min-height:195px; padding:16px 14px; gap:9px; } .gf-support__card h3 { font-size:14px; } .gf-support__card p { font-size:12px; } .gf-support__card svg { width:28px; height:28px; } .gf-support__section { margin-top:39px; } .gf-support__section-heading { flex-direction:column; align-items:flex-start; gap:9px; } .gf-support__two { grid-template-columns:1fr; gap:12px; } .gf-support__panel { padding:23px 20px; } .gf-support__docs { grid-template-columns:1fr; } .gf-support__store { grid-template-columns:1fr; } .gf-support__store img { max-height:240px; min-height:200px; } .gf-support__bottom { flex-direction:column; align-items:flex-start; padding:24px; } .gf-support__bottom .gf-support__btn { white-space:normal; } }
@media (prefers-reduced-motion:reduce) { .gf-support__btn, .gf-support__card { transition:none; transform:none!important; } }