/*
Theme Name: Giangxai
Theme URI: https://giangxai.com/
Description: Theme tối giản cho Giangxai: blog về AI Agent, tự động hóa và hệ thống AI cho marketing online, kèm trang sản phẩm. Render phía server, không page builder, không xuất schema (Rank Math lo schema). Tối ưu cho công cụ trả lời bằng AI.
Version: 0.5.23
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: giangxai
*/
/* Giangxai: mockup styles. Minimal, text-first layout inspired by homus.dev. */
:root{--page:#f8f7f6;--card:#fff;--fg:#111111;--fg2:#333132;--muted:#6b6667;--line:#e6e2e1;--chip:#f2eeed;--chip-fg:#4d4546;--accent:#8b1a1a;--accent-bg:#8b1a1a;--soft:#fbf1f0;--note:#f4f1f0;--note-line:#dbd2d1;--ok:#1f8a5b;--warn:#9a6700;--on:#fff}
:root.dark{--page:#0a0909;--card:#141111;--fg:#f5f2f2;--fg2:#d8d1d1;--muted:#978d8d;--line:#2a2222;--chip:#1c1717;--chip-fg:#d0c6c6;--accent:#ef8a8a;--accent-bg:#e06666;--soft:#1d1212;--note:#161212;--note-line:#3d3030;--ok:#5fd3a0;--warn:#e3b341;--on:#0a0909}
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--fg);font:16px/1.7 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}


/* Top bar */
.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--page) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top-in{max-width:1240px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;gap:24px}
.brand{font-weight:700;color:var(--fg);display:flex;align-items:center;gap:8px;font-size:15px;white-space:nowrap}
.brand:hover{text-decoration:none}
.brand svg{width:24px;height:24px;flex:none}
.brand .frame{stroke:var(--accent)}
.brand .accent{color:var(--accent)}
.tnav{display:flex;gap:18px;font-size:14px}.tnav a{color:var(--fg2)}
.search{flex:1;max-width:280px;margin:0 auto;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:5px 12px;font-size:14px;color:var(--muted)}
.theme{margin-left:auto;border:1px solid var(--line);background:var(--card);color:var(--fg2);border-radius:8px;width:32px;height:32px;cursor:pointer}
/* Mobile menu button: three bars that turn into an X while the panel is open */
.mbtn{display:none;-webkit-tap-highlight-color:transparent;border:1px solid var(--line);background:var(--card);border-radius:8px;width:32px;height:32px;cursor:pointer;place-items:center;padding:0}
.mbtn span,.mbtn span::before,.mbtn span::after{display:block;width:14px;height:1.5px;background:var(--fg2);position:relative;transition:transform .15s}
.mbtn span::before,.mbtn span::after{content:"";position:absolute;left:0}
.mbtn span::before{top:-5px}.mbtn span::after{top:5px}
.top.open .mbtn span{background:transparent}
.top.open .mbtn span::before{transform:translateY(5px) rotate(45deg)}
.top.open .mbtn span::after{transform:translateY(-5px) rotate(-45deg)}

main{max-width:1080px;margin:0 auto;padding:40px 16px 96px}

/* Home */
.hero{text-align:center;margin:8px 0 36px}
.hero h1{font-size:clamp(28px,5vw,44px);line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}
.hero p{color:var(--muted);font-size:17px;margin:0 auto;max-width:640px}
.pill{display:inline-flex;gap:8px;align-items:center;background:var(--chip);color:var(--fg2);border-radius:999px;padding:5px 14px;font-size:14px;margin-top:16px}
.pill b{color:var(--fg)}.dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.sec{max-width:880px;margin:44px auto 0}
.sec h2{font-size:21px;margin:0 0 16px;letter-spacing:-.01em}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
/* Cluster card: whole card is the link (stretched h3 link), image mosaic on top. */
.cat{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--fg)}
.cat:hover,.cat:focus-within{border-color:var(--fg2)}
.cat-img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--line);background:var(--soft)}
.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.mosaic img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#fff}
.cat .ic{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:18px;background:var(--soft);margin:16px 16px 0}
.cat-body{padding:12px 16px 16px}
.cat h3{margin:0;font-size:16.5px;line-height:1.35;letter-spacing:-.01em}
.cat h3 a{color:var(--fg)}.cat h3 a:hover{text-decoration:none}
.cat h3 a::after{content:"";position:absolute;inset:0}
.cat p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.5}
.row{position:relative;display:grid;grid-template-columns:200px 1fr;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}
.row h3 a::after{content:"";position:absolute;inset:0}
.row:hover h3 a{color:var(--accent);text-decoration:none}
.row .thumb.has-img{border:1px solid var(--line);background:#fff}
.thumb{aspect-ratio:16/10;border-radius:8px;display:grid;place-items:center;text-align:center;padding:10px;font-weight:700;font-size:13px;color:#fff;line-height:1.3}
.t1{background:linear-gradient(135deg,#3b0a1f,#b4235a)}.t2{background:linear-gradient(135deg,#1d1b33,#5b4bd1)}.t3{background:linear-gradient(135deg,#0f2a2a,#1f8a7b)}.t4{background:linear-gradient(135deg,#2a1a0b,#c2620f)}
.row h3{margin:2px 0 4px;font-size:19px;line-height:1.35;letter-spacing:-.01em}.row h3 a{color:var(--fg)}
.meta{color:var(--muted);font-size:14px}
.row p{margin:6px 0 0;color:var(--fg2);font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero .meta{margin-top:10px;font-size:13.5px}
/* Photo hero (home_hero): centred title, then intro and buttons with the portrait on the right; stacked on phones */
.hero-photo{max-width:820px;margin:16px auto 56px;text-align:center}
.hero-photo .eyebrow{color:var(--accent);font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;max-width:none}
.hero-photo h1{font-size:clamp(28px,4.4vw,44px);line-height:1.15;margin:0 0 32px;text-wrap:balance}
.hero-photo h1 em{font-style:normal;color:var(--accent)}
.hero-body{display:grid;grid-template-columns:1fr 260px;gap:40px;align-items:center;text-align:left}
.hero-img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;order:2}
.hero-photo p{margin:0;font-size:17px;color:var(--fg2)}
.hero-photo .btns{justify-content:flex-start;margin-top:22px}
@media (max-width:760px){
.hero-body{grid-template-columns:1fr;gap:22px;text-align:center}
.hero-img{width:200px;margin:0 auto;order:-1}
.hero-photo .btns{justify-content:center}
}
.explain>h2,.explain>.sec-intro{text-align:center}


.tag{display:inline-block;background:var(--chip);color:var(--chip-fg);border-radius:6px;padding:0 7px;font-size:12.5px;font-weight:500;margin-right:4px}

/* Article */
.wrap{max-width:1240px;margin:0 auto;padding:40px 24px 96px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:56px}
.rail{position:sticky;top:76px;align-self:start;font-size:13.5px}
.rail b{display:block;margin-bottom:8px}
.rail ol{list-style:none;margin:0;padding:0 0 0 12px;border-left:1px solid var(--line)}
.rail li{margin:6px 0}.rail a{color:var(--muted)}
.ah h1{font-size:clamp(28px,4vw,38px);line-height:1.18;letter-spacing:-.02em;margin:0 0 12px}
.byline{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;color:var(--muted);font-size:14px}
.verified{color:var(--ok);font-weight:500}
.disc{margin-top:10px;font-size:13.5px;color:var(--muted);background:var(--note);border-left:3px solid var(--note-line);padding:8px 12px;border-radius:0 6px 6px 0}
.answer{margin:24px 0;background:var(--soft);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:12px;padding:16px 20px}
.answer small{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:600;color:var(--accent);margin-bottom:4px}
.answer p{margin:0;font-size:17px}
article{max-width:760px;min-width:0}
article h2{font-size:24px;letter-spacing:-.01em;margin:48px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line)}
article h3{font-size:18px;margin:24px 0 8px}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--card);margin:16px 0}
table{border-collapse:collapse;width:100%;font-size:14.5px}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
th{font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600;background:var(--note)}
tr:last-child td{border-bottom:0}
.code{font:600 13px ui-monospace,monospace;background:var(--chip);border:1px dashed var(--note-line);border-radius:5px;padding:1px 6px}
.btn{display:inline-block;background:var(--accent-bg);color:var(--on);border-radius:8px;padding:11px 20px;font-size:15.5px;font-weight:700;line-height:1.2;text-align:center}
.btn:hover{text-decoration:none;opacity:.9}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pc div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 16px}
.pc ul{margin:6px 0 0;padding-left:18px}
details{border-bottom:1px solid var(--line);padding:10px 0}
summary{cursor:pointer;font-weight:600}
.src{font-size:14px;color:var(--fg2)}
.src-more{border:0;padding:0;margin-top:-8px}.src-more summary{font-weight:500;font-size:14px;color:var(--accent);padding:4px 0 4px 40px}
.src-more[open] summary{margin-bottom:-8px}
.agent{margin-top:40px;font-size:13.5px;color:var(--muted)}

/* Footer */
.foot{border-top:1px solid var(--line);margin-top:40px}
.foot-in{max-width:1240px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:24px;font-size:14px}
.foot p{color:var(--muted);margin:10px 0 0;max-width:300px}
.foot h4{margin:0 0 10px;font-size:14px}
.foot ul{list-style:none;margin:0;padding:0}.foot li{margin:6px 0}.foot li a{color:var(--muted)}
.foot-legal{max-width:1240px;margin:0 auto;padding:16px 24px 28px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--muted)}
.foot-legal ul{display:flex;flex-wrap:wrap;gap:4px 18px}.foot-legal li{margin:0}

@media (max-width:820px){
  .top-in{flex-wrap:wrap;gap:10px 12px;padding:10px 16px}
  .tnav,.search{display:none}
  .mbtn{display:grid}
  .top.open .tnav,.top.open .search{display:block;order:3;flex:0 0 100%;max-width:none;margin:0}
  .top.open .tnav ul{flex-direction:column;gap:0;border-top:1px solid var(--line)}
  .top.open .tnav a{display:block;padding:12px 2px;font-size:16px;border-bottom:1px solid var(--line)}
  .top.open .search{padding:9px 12px;margin-bottom:6px}
  .top.open .search input{font-size:16px}
  .wrap{grid-template-columns:minmax(0,1fr);gap:0;padding:28px 16px 64px}.rail{display:none}
  .row{grid-template-columns:120px 1fr;gap:14px;padding:14px 0}.row h3{font-size:17px}.row p{display:none}
  .pc{grid-template-columns:1fr}
  .foot-in{grid-template-columns:1fr 1fr}
}

/* Ranked picks */
.picks{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}
.pick{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.pick.top{border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 0 0 3px var(--soft)}
.rank{font-size:52px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--note-line)}
.pick.top .rank{color:var(--accent)}
.pick .thumb{width:64px;height:64px;object-fit:contain;border-radius:8px;background:#fff}
.pick h3{margin:2px 0 2px;font-size:17px}
.pick p{margin:0;color:var(--fg2);font-size:14.5px;line-height:1.5}
.badge{display:inline-block;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent)}
.pick-buy{text-align:right;display:grid;gap:4px;justify-items:end}
.price s{color:var(--muted);font-size:14px}.price b{font-size:18px}

/* Grouped spec table */
.spec th.hl,.spec td.hl{background:var(--soft)}
.spec tr.grp td{background:var(--note);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:6px 12px}
.spec td:first-child{color:var(--muted)}
.yes{color:var(--ok);font-weight:700}.no{color:#c0392b;font-weight:700}

/* Author box */
.author{display:flex;gap:14px;align-items:flex-start;margin:40px 0 0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.av{flex:none;width:44px;height:44px;border-radius:50%;background:var(--accent-bg);color:var(--on);display:grid;place-items:center;font-weight:700}

@media (max-width:820px){
  .pick{grid-template-columns:44px 1fr;gap:10px 12px}
  .rank{font-size:38px}
  .pick .thumb{width:44px;height:44px}
  .pick-buy{grid-column:1/-1;grid-template-columns:auto 1fr;justify-items:start;text-align:left;align-items:baseline;gap:6px 10px}
  .pick-buy .btn{grid-column:1/-1;width:100%;margin-top:4px}
}

/* WordPress basics */
img{max-width:100%;height:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;z-index:9;background:var(--card);padding:6px 10px}
.tnav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px}
.search input{border:0;background:transparent;width:100%;font:inherit;color:var(--fg);outline:0}
.thumb img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.thumb.has-img{padding:0}
.wrap.no-rail{grid-template-columns:minmax(0,760px);justify-content:center}
article .entry > p a,article .entry li a{text-decoration:underline;text-underline-offset:3px}
article figure{margin:20px 0}article figcaption{font-size:13.5px;color:var(--muted)}
.archive-head{max-width:800px;margin:0 auto 8px}
.archive-head h1{font-size:clamp(26px,4vw,36px);letter-spacing:-.02em;margin:0 0 6px}
.archive-head p{color:var(--muted);margin:0}
.pager{max-width:800px;margin:24px auto 0;display:flex;justify-content:space-between;font-size:14px}
.empty{max-width:800px;margin:40px auto;color:var(--muted)}

/* Compare page: two columns, recommended column highlighted (Hims pattern) */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.vs > div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.vs > div.pick-col{background:var(--soft);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}
.vs h3{margin:0 0 8px;font-size:17px}
.vs dl{margin:0}.vs dt{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:10px}.vs dd{margin:0;font-weight:600}

/* Review page: verdict summary box */
.verdict{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:20px 0}
.verdict h3{grid-column:1/-1;margin:0;font-size:17px}
.verdict ul{margin:4px 0 0;padding-left:18px;font-size:15px}
.verdict .who{grid-column:1/-1;font-size:15px;color:var(--fg2)}

@media (max-width:820px){.vs,.verdict{grid-template-columns:1fr}.wrap.no-rail{grid-template-columns:minmax(0,1fr)}}
.rail a[rel~="tag"]{display:inline-block;background:var(--chip);color:var(--chip-fg);border-radius:6px;padding:0 7px;font-size:12.5px;font-weight:500;margin:0 4px 4px 0}
.entry a.btn,.entry a.btn:hover{text-decoration:none}

/* Brand site additions: dropdown nav, nav button, hero buttons, offer cards, about strip, CTA band, post CTA */
.tnav .has-sub{position:relative}
.tnav .has-sub > a::after{content:"▾";font-size:10px;margin-left:4px;color:var(--muted)}
.tnav .sub{display:none;position:absolute;top:100%;left:-12px;min-width:230px;flex-direction:column;gap:0;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.tnav .has-sub:hover .sub,.tnav .has-sub:focus-within .sub{display:flex}
.tnav .sub a{display:block;padding:7px 10px;border-radius:6px}.tnav .sub a:hover{background:var(--chip);text-decoration:none}
.btn-sm{padding:7px 14px;font-size:14px}
.nav-cta{white-space:nowrap}
.btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}
.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
.sec-intro{color:var(--muted);margin:-8px 0 16px}
.offer .cat-body{padding:18px 18px 20px;display:flex;flex-direction:column;gap:6px;height:100%}
.offer p{flex:1}
.offer .more{color:var(--accent);font-weight:600;font-size:14px;margin-top:6px}
.about-strip{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px 28px}
.about-strip h2{margin-bottom:8px}.about-strip p{color:var(--fg2);margin:0 0 10px}
.about-strip .btns{justify-content:flex-start;margin-top:14px}
.cta-band{text-align:center;background:var(--soft);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:14px;padding:32px 24px}
.cta-band p{color:var(--fg2);margin:0 auto;max-width:560px}
.post-cta{margin:40px 0 0;background:var(--soft);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:12px;padding:18px 20px}
.post-cta b{font-size:17px}.post-cta p{margin:4px 0 12px;color:var(--fg2)}
.by a{color:var(--fg);font-weight:600}
.social{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:12px!important}
.social li{margin:0!important}

.grid.topics{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
/* Home explainer: two (or more) columns of benefit + concrete points */
.explain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.explain-item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 22px}
.explain-item h3{margin:0 0 6px;font-size:18px;letter-spacing:-.01em;color:var(--accent)}
.explain-item p{margin:0;color:var(--fg2);font-size:15px}
.explain-item ul{margin:10px 0 0;padding-left:20px;color:var(--fg2);font-size:15px}
.explain-item li{margin:6px 0}
@media (max-width:620px){.grid.topics{grid-template-columns:1fr}}

/* Product (landing) pages: page body written as .lp sections */
.landing{max-width:1080px}
.lp-article{max-width:none}
.lp-article .lp{margin:0 auto 56px;max-width:880px}
.lp-hero{text-align:center}
.lp-hero .kicker{display:inline-block;color:var(--accent);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.lp-hero h1{font-size:clamp(28px,4.4vw,44px);line-height:1.15;letter-spacing:-.02em;margin:0 0 16px;text-wrap:balance}
.lp-hero h1 em{font-style:normal;color:var(--accent)}
/* Landing hero with a portrait: same split as the home hero */
.lp-hero .hero-body{margin-top:32px}
.hero-fig{margin:0;order:2}
.lp-hero .hero-body p{margin:0;max-width:none;color:var(--fg2);font-size:17px}
.lp-hero .hero-body .btns{justify-content:flex-start;margin-top:22px}
@media (max-width:760px){.lp-hero .hero-body .btns{justify-content:center}.hero-fig{order:-1}}
.lp-hero p{color:var(--muted);font-size:17.5px;max-width:660px;margin:0 auto}
.lp h2{font-size:clamp(22px,3vw,28px);letter-spacing:-.015em;margin:0 0 16px;border:0;padding:0}
.lp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;list-style:none;padding:0;margin:0}
.lp-cards li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.lp-cards b{display:block;margin-bottom:4px}.lp-cards span{color:var(--fg2);font-size:15px}
.lp-cards.tools li{display:flex;flex-direction:column;gap:6px}
.lp-cards.tools span{flex:1}.lp-cards.tools .code{flex:none;align-self:flex-start}
.lp-cards.tools .btn{align-self:flex-start;margin-top:6px}
.lp-hero .meta{margin-top:12px;font-size:13.5px}
.lp-steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:10px}
.lp-steps li{counter-increment:s;position:relative;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px 14px 60px}
.lp-steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:18px;top:13px;font-weight:800;color:var(--accent)}
.lp-price{text-align:center;background:var(--card);border:2px solid var(--accent);border-radius:16px;padding:32px 24px}
.lp-article .lp-price{max-width:640px}
.lp-price p{max-width:480px;margin-left:auto;margin-right:auto;text-wrap:balance}
.lp-price .amount{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:6px auto}
.lp-price s{color:var(--muted)}
.lp-price ul{text-align:left;width:fit-content;max-width:100%;margin:20px auto;padding:0;list-style:none}
.lp-price li,.ticks li{position:relative;padding-left:26px;margin:8px 0}
.lp-price li::before,.ticks li::before{content:"✓";position:absolute;left:0;top:0;font-weight:700;color:var(--accent)}
.ticks{list-style:none;padding:0;margin:6px 0 0;color:var(--fg2);font-size:15px}
.ticks-no li::before{content:"✕";color:var(--muted)}
.lp-cards .ticks li{background:none;border:0;border-radius:0;padding:0 0 0 24px}
.lp-quote{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:0}
.lp-quote p{margin:0 0 8px}.lp-quote cite{font-style:normal;color:var(--muted);font-size:14px}
.lp-form{background:var(--soft);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:14px;padding:24px}
.lp .btns{justify-content:center}
/* WPForms (its "base" CSS still loads: rules carry .wpforms-container to win over it) */
.wpforms-container{margin:16px 0 0}
.wpforms-container .wpforms-field{margin:0 0 14px;padding:0}
.wpforms-container .wpforms-field-label{display:block;margin:0 0 4px;font-size:14px;font-weight:600}
.wpforms-container .wpforms-required-label{color:var(--accent)}
.wpforms-container .wpforms-field-sublabel{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.wpforms-container .wpforms-field-row.wpforms-field-medium,.wpforms-container .wpforms-field-row{display:flex;gap:12px;width:100%;max-width:none!important;margin:0;padding:0}
.wpforms-container .wpforms-field-row:before,.wpforms-container .wpforms-field-row:after{display:none}
.wpforms-container .wpforms-field-row .wpforms-field-row-block{flex:1;min-width:0;width:auto!important;margin:0!important;padding:0;float:none}
.wpforms-container .wpforms-field input:not([type=checkbox]):not([type=radio]),.wpforms-container .wpforms-field select,.wpforms-container .wpforms-field textarea{box-sizing:border-box;width:100%;max-width:100%!important;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);font:inherit}
.wpforms-container .wpforms-field input:focus,.wpforms-container .wpforms-field select:focus,.wpforms-container .wpforms-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
.wpforms-container .wpforms-field textarea{min-height:110px}
.wpforms-container .wpforms-error,.wpforms-container label.wpforms-error{display:block;margin-top:4px;color:var(--accent);font-size:13px;font-weight:500}
.wpforms-container .wpforms-submit-container{margin-top:6px}
.wpforms-container .wpforms-submit{padding:11px 22px;border:0;border-radius:10px;background:var(--accent-bg);color:var(--on);font:inherit;font-weight:600;cursor:pointer}
.wpforms-container .wpforms-submit:hover{filter:brightness(1.08)}
.wpforms-container .wpforms-submit-spinner{display:none;vertical-align:middle;margin-left:8px}
.wpforms-container .wpforms-confirmation-container-full{padding:14px 16px;border-radius:10px;background:var(--card);border:1px solid var(--ok);color:var(--fg)}
@media (max-width:600px){.wpforms-container .wpforms-field-row{flex-direction:column;gap:10px}}
/* Checkout dialog (inc/bank-transfer-checkout.php) */
.pay{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.pay.wide{width:min(680px,calc(100% - 32px))}
.pay::backdrop{background:rgba(10,9,9,.6)}
.pay h2{font-size:20px;margin:0 0 6px;padding-right:32px}
.pay-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:var(--chip);color:var(--fg);font-size:22px;line-height:1;cursor:pointer}
.pay-plan{display:inline-block;margin:0 0 14px;padding:4px 10px;border-radius:999px;background:var(--soft);color:var(--accent);font-size:14px;font-weight:600}
.pay label{display:block;margin:0 0 12px;font-size:14px;font-weight:600}
.pay input{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--page);color:var(--fg);font:inherit}
.pay input:focus{outline:2px solid var(--accent);outline-offset:1px}
.pay form .btn{width:100%;justify-content:center;border:0;cursor:pointer;font:inherit;font-weight:600}
.pay-err{min-height:1.2em;margin:0 0 8px;color:var(--accent);font-size:14px}
.pay-body{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:start;margin:12px 0}
.pay-body img{width:220px;height:220px;border:1px solid var(--line);border-radius:12px;background:#fff}
.pay-bank{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 12px;font-size:14px}
.pay-bank dt{color:var(--muted)}
.pay-bank dd{margin:0;font-weight:600;word-break:break-word}
.pay-copy{margin-left:4px;padding:2px 8px;border:1px solid var(--line);border-radius:6px;background:var(--chip);color:var(--chip-fg);font:inherit;font-size:12px;cursor:pointer}
.pay-tip{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:var(--note);border:1px solid var(--note-line);font-size:14px}
.pay-tip a{display:block;margin-top:4px;color:var(--accent);font-weight:600}
.pay-status{margin:0;font-size:14px;color:var(--muted)}
.pay-status::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--accent);animation:pay-pulse 1.4s infinite}
@keyframes pay-pulse{50%{opacity:.25}}
@media (max-width:600px){.pay{padding:20px 16px}.pay-body{grid-template-columns:1fr}.pay-body img{margin:0 auto}.pay-bank{grid-template-columns:1fr;gap:2px}.pay-bank dd{margin-bottom:8px}}
@media (max-width:820px){
  .nav-cta{display:none}
  .top.open .tnav .sub{display:flex;position:static;border:0;box-shadow:none;padding:0 0 0 14px;background:transparent}
  .about-strip{padding:20px}
}