/* HelpGent template detail pages. The catalog plugin supplies all page data. */
.tdetail__hero{position:relative;overflow:hidden;padding:150px 0 88px;background:
  radial-gradient(circle at 86% 16%,rgb(var(--glow-2-rgb) / .24),transparent 30%),
  radial-gradient(circle at 10% 90%,rgb(var(--accent-rgb) / .22),transparent 34%),var(--dark);color:var(--ink)}
.tdetail__hero::after{content:"";position:absolute;inset:auto -10% -180px;height:300px;background:radial-gradient(ellipse,rgb(var(--glow-1-rgb) / .18),transparent 68%);pointer-events:none}
.tdetail__hero-inner{position:relative;z-index:1}
.tdetail__crumbs{display:flex;align-items:center;gap:10px;margin-bottom:34px;font-size:14px;color:var(--ink-subtle)}
.tdetail__crumbs a{color:var(--ink-muted)}
.tdetail__crumbs a:hover{color:#fff}
.tdetail__hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);align-items:center;gap:72px}
.tdetail__hero-copy{max-width:690px}
.tdetail__meta{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:14px;font-weight:600;color:var(--accent-text)}
.tdetail__meta>span:first-child::after{content:"";display:inline-block;width:3px;height:3px;margin:0 0 3px 10px;border-radius:50%;background:currentColor}
.tdetail__badge{padding:4px 10px;border:1px solid var(--line-accent);border-radius:999px;background:var(--accent-soft);color:var(--accent-text)}
.tdetail__badge.is-pro{background:rgb(233 153 60 / .14);border-color:rgb(233 153 60 / .3);color:#f0ad5b}
.tdetail__hero h1{max-width:720px;font-size:var(--fs-display);line-height:1.08;letter-spacing:-1.8px;color:#fff;text-wrap:balance}
.tdetail__lead{max-width:660px;margin-top:22px;font-size:var(--fs-body);line-height:1.75;color:var(--ink-muted)}
.tdetail__actions{margin-top:34px}
.tdetail__ghost{border-color:rgb(255 255 255 / .3);background:rgb(255 255 255 / .06);color:#fff}
.tdetail__ghost:hover{border-color:#fff;background:rgb(255 255 255 / .1)}
.tdetail .btn.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}
.tdetail__cover{margin:0;padding:10px;border:1px solid rgb(255 255 255 / .14);border-radius:24px;background:rgb(255 255 255 / .08);box-shadow:0 30px 90px rgb(0 0 0 / .3);transform:rotate(1deg)}
.tdetail__cover img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;background:var(--surface-subtle)}

.tdetail__preview .fhead{margin-bottom:42px}
.tdetail__browser{max-width:1000px;margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-raise)}
.tdetail__browser-bar{display:flex;align-items:center;gap:8px;height:48px;padding:0 18px;border-bottom:1px solid var(--line);background:var(--surface-subtle);font-size:13px;color:var(--text-3)}
.tdetail__browser-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}
.tdetail__browser-bar i:first-child{background:#ff7d72}.tdetail__browser-bar i:nth-child(2){background:#f5bf4f}.tdetail__browser-bar i:nth-child(3){background:#5ecb74}
.tdetail__browser-bar span{margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdetail__browser iframe{display:block;width:100%;height:min(760px,78vh);min-height:580px;border:0;background:#fff}

.tdetail__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px;margin:34px auto 0;padding:0;list-style:none}
.tdetail__chips li{padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:var(--text-2);box-shadow:var(--shadow-sm)}
.tdetail__feature-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;max-width:960px;margin:42px auto 0;padding:42px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-card)}
.tdetail__feature-card h3{font-size:var(--fs-h2);line-height:1.15;letter-spacing:var(--ls-h2)}
.tdetail__feature-card p{margin-top:16px;line-height:1.7;color:var(--text-2)}
.tdetail__feature-card ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.tdetail__feature-card li{position:relative;padding-left:30px;line-height:1.55;color:var(--text-2)}
.tdetail__feature-card li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--success-soft);font-size:12px;font-weight:700;line-height:20px;text-align:center;color:var(--success-text)}
.tdetail__center-action{display:flex;justify-content:center;margin-top:32px}

.tdetail__related .fhead{max-width:none}
.tdetail__related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:38px 0 0;padding:0;list-style:none}
.tdetail__related-grid>li{min-width:0}
.tdetail__related-grid a{display:flex;height:100%;flex-direction:column;padding:12px 12px 20px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--text);box-shadow:var(--shadow-card);transition:transform var(--dur-ui) var(--ease-out),border-color var(--dur-ui) ease,box-shadow var(--dur-ui) ease}
.tdetail__related-grid a:hover{transform:translateY(-3px);border-color:var(--line-accent);box-shadow:var(--shadow-raise);text-decoration:none}
.tdetail__related-art{display:block;overflow:hidden;aspect-ratio:16/10;border-radius:13px;background:var(--surface-subtle)}
.tdetail__related-art img{display:block;width:100%;height:100%;object-fit:cover}
.tdetail__related-category{margin:18px 8px 6px;font-size:13px;font-weight:600;color:var(--accent)}
.tdetail__related-grid strong{margin:0 8px;font-size:18px;line-height:1.3}
.tdetail__related-link{margin:auto 8px 0;padding-top:18px;font-size:14px;font-weight:600;color:var(--accent)}

.has-template-download-modal{overflow:hidden}
.tdownload[hidden],.tdownload [hidden]{display:none!important}
.tdownload{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:24px}
.tdownload__backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgb(4 8 37 / .72);backdrop-filter:blur(8px);cursor:pointer}
.tdownload__dialog{position:relative;width:min(100%,560px);max-height:calc(100vh - 48px);overflow:auto;padding:44px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 30px 100px rgb(2 8 35 / .35);text-align:left}
.tdownload__close{position:absolute;top:15px;right:16px;display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;background:var(--surface-subtle);font-size:25px;line-height:1;color:var(--text-2);cursor:pointer}
.tdownload__close:hover{background:var(--accent-soft);color:var(--text)}
.tdownload h2{margin:8px 0 12px;font-size:34px;line-height:1.15;letter-spacing:-.6px}
.tdownload p{line-height:1.65;color:var(--text-2)}
.tdownload .formgent-form{margin-top:26px}
.tdownload .formgent-form form{padding:0!important;background:transparent!important}
.tdownload .formgent-form label{color:var(--text)!important}
.tdownload .formgent-form input[type="email"]{min-height:52px;border-radius:10px!important}
.tdownload .formgent-form button[type="submit"]{width:100%;min-height:52px;border-radius:10px!important;background:var(--accent)!important;color:#fff!important}
.tdownload__unavailable{margin-top:24px;padding:14px 16px;border-radius:10px;background:var(--warning-soft);color:var(--warning-text)!important}
.tdownload__success{text-align:center}
.tdownload__success .btn{margin-top:18px}
.tdownload__check{display:grid;width:58px;height:58px;margin:0 auto 20px;place-items:center;border-radius:50%;background:var(--success-soft);font-size:28px;font-weight:700;color:var(--success-text)}

@media (max-width:980px){
  .tdetail__hero-grid{grid-template-columns:1fr;gap:44px}.tdetail__cover{max-width:680px;transform:none}
  .tdetail__feature-card{grid-template-columns:1fr;gap:30px}.tdetail__related-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .tdetail__hero{padding:128px 0 64px}.tdetail__hero-grid{gap:34px}.tdetail__hero h1{letter-spacing:-1px}
  .tdetail__actions{align-items:stretch}.tdetail__browser{border-radius:16px}.tdetail__browser iframe{height:680px;min-height:0}
  .tdetail__feature-card{padding:28px 22px}.tdetail__center-action .btn{width:100%}.tdetail__related-grid{grid-template-columns:1fr}
  .tdownload{padding:14px}.tdownload__dialog{max-height:calc(100vh - 28px);padding:38px 22px 26px;border-radius:18px}.tdownload h2{font-size:29px}
}
@media (prefers-reduced-motion:reduce){.tdetail__related-grid a{transition:none}}