/* Template 8 — Link-in-Bio: satu lajur sempit, latar gradien lembut, avatar bercincin, butang bertindan */
body.tpl-linkbio { background:
  radial-gradient(circle at 15% 10%, color-mix(in srgb, var(--c-accent) 45%, transparent), transparent 40%),
  radial-gradient(circle at 90% 30%, color-mix(in srgb, var(--c-primary) 22%, transparent), transparent 40%),
  radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--c-accent) 30%, transparent), transparent 50%), var(--c-bg);
  background-attachment: fixed; min-height: 100vh; }
.tpl-linkbio main { max-width: 560px; margin: 0 auto; padding: 28px 0 40px; }
.tpl-linkbio .wrap, .tpl-linkbio .wrap.narrow { max-width: 560px; }
.tpl-linkbio .sec { padding: 14px 0; }
.tpl-linkbio .sec-head { margin-bottom: 18px; }
.tpl-linkbio .sec-head h2, .tpl-linkbio h2 { font-size: 1.25rem; }
.tpl-linkbio .sec-agent-profile .profile-grid { grid-template-columns: 1fr; text-align: center; gap: 14px; }
.tpl-linkbio .avatar { width: 120px; border-radius: 50%; padding: 4px; background: linear-gradient(135deg, var(--c-primary), var(--c-accent)); box-shadow: 0 10px 30px -10px color-mix(in srgb, var(--c-accent) 70%, transparent); }
.tpl-linkbio .avatar-ph { font-size: 2.2rem; border: 4px solid var(--c-bg); }
.tpl-linkbio .profile-text h2 { font-size: 1.6rem; margin-bottom: 4px; }
.tpl-linkbio .profile-text .kicker { display: none; }
.tpl-linkbio .profile-text .prose { font-size: .95rem; }
.tpl-linkbio .profile-text .social-row { justify-content: center; }
.tpl-linkbio .sec-social-links { padding: 4px 0 10px; }
.tpl-linkbio .social-icons .soc { width: 46px; height: 46px; background: color-mix(in srgb, var(--c-surface) 70%, transparent); backdrop-filter: blur(8px); }
.tpl-linkbio .link-btn { background: color-mix(in srgb, var(--c-surface) 82%, transparent); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-color: color-mix(in srgb, var(--c-text) 10%, transparent); min-height: 64px; box-shadow: 0 4px 16px -8px rgb(0 0 0 / .2); }
.tpl-linkbio .link-btn.is-hl { background: var(--c-primary); }
.tpl-linkbio .sec-whatsapp-cta .wa-box { padding: 22px; border-radius: 24px; text-align: center; grid-template-columns: 1fr; }
.tpl-linkbio .sec-whatsapp-cta .wa-box h2 { font-size: 1.2rem; }
.tpl-linkbio .sec-whatsapp-cta .wa-box::after { font-size: 7rem; }
.tpl-linkbio .v-mini .products-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.tpl-linkbio .v-mini .pcard-body { padding: 10px; }
.tpl-linkbio .v-mini .pcard-body h3 { font-size: .9rem; }
.tpl-linkbio .v-mini .pcard-body p { display: none; }
.tpl-linkbio .v-mini .price .now { font-size: 1rem; }
.tpl-linkbio .v-mini .btn { min-height: 38px; font-size: .8rem; }
.tpl-linkbio .sec-countdown { border-radius: 20px; margin: 10px 20px; }
.tpl-linkbio .sec-footer { background: none; border: 0; text-align: center; padding: 18px 0 0; }
.tpl-linkbio .foot-grid { grid-template-columns: 1fr; }
.tpl-linkbio .foot-brand, .tpl-linkbio .foot-contact { display: none; }
.tpl-linkbio .foot-bottom { justify-content: center; border: 0; margin: 0; flex-direction: column; }
.tpl-linkbio .powered { background: none; }
.tpl-linkbio .profile-text .social-row { display: none; }
.tpl-linkbio .profile-text .prose ul { list-style: none; padding: 0; }
.tpl-linkbio .profile-text .prose li::before { content: "✓ "; color: var(--c-primary); font-weight: 700; }