/* Additive styles only: Classic never loads this file. Keep existing action
   classes/data attributes and section ordering for chat, booking, and checkout. */
body[class*="template-"] .page { max-width:560px; }
body[class*="template-"] .profile-name { overflow-wrap:anywhere; }
body[class*="template-"] .section-label { background:none; padding:0; border-radius:0; margin:10px 0 12px; text-align:left; }
body[class*="template-"] .section-sub { text-align:left; }
body[class*="template-"] .agent-card,body[class*="template-"] .featured-offer { box-shadow:none; }
body[class*="template-"] .social-icon { width:38px;height:38px;background:transparent;color:inherit!important; }
body[class*="template-"] .social-icon:hover { background:rgba(127,127,127,.12); }
body[class*="template-"] .template-hero { background-size:cover;background-position:center; }
body[class*="template-"] .agent-name,body[class*="template-"] .featured-offer-title { overflow-wrap:anywhere; }
body[class*="template-"] .featured-offer-cta,body[class*="template-"] .agent-cta { white-space:normal; }
.template-portrait { --dark:#171918!important;--store-card-bg:#171918!important;--store-card-text:#fff!important;--store-card-dim:#d1d4d1!important;--header-text:#fff!important;--header-text-soft:#eee!important;--header-text-faint:#ddd!important;--section-label:#fff!important;--powered-color:#ccd1cc!important;--powered-link:#fff!important; }
.template-portrait .profile-header { display:block;position:relative;padding:32px 24px 24px; }
.template-portrait.has-hero .profile-header { min-height:470px;display:flex;align-items:flex-end; }
.template-portrait .template-hero { position:absolute;inset:0; }
.template-portrait .template-hero:after { content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,#17191855 45%,#171918 100%); }
.template-portrait.has-hero .avatar { display:none; }
.template-portrait .profile-info { position:relative;z-index:1;color:#fff; }
.template-portrait .profile-name { font-family:'DM Serif Display',Georgia,serif;font-size:40px;font-weight:400;line-height:1.08; }
.template-portrait .profile-tagline { margin:10px 0 5px; }
.template-portrait .section-label,.template-portrait .section-sub { color:#eee; }
.template-portrait .featured-offer { border-color:#515851; }
.template-portrait .agent-card { border-color:#515851; }
.template-portrait .powered,.template-portrait .powered a { color:#dce2dc; }
.template-portrait .avatar { margin-bottom:20px; }
.template-creator { --dark:#ede9df!important;--store-card-bg:#fff!important;--store-card-border:transparent!important; }
.template-creator .profile-header { display:block;position:relative;padding:26px 20px 22px;text-align:center; }
.template-creator.has-hero .profile-header { display:flex;flex-direction:column;gap:24px;padding:26px 20px 0; }
/* Match the editor’s 4:3 crop; contain older portrait images without recropping.
   Include body so the shared hero rule cannot override this framing. */
body.template-creator .template-hero { position:relative;order:2;width:100%;aspect-ratio:4 / 3;background-size:contain;background-repeat:no-repeat;background-position:center top; }
.template-creator .template-hero:after { content:'';position:absolute;inset:0;background:linear-gradient(transparent 70%,#ede9df 100%); }
.template-creator.has-hero .avatar { display:none; }
.template-creator .avatar { margin:0 auto 16px; }
.template-creator .profile-info { position:relative; }
.template-creator .profile-name { font-family:'DM Serif Display',Georgia,serif;font-size:32px;font-weight:400; }
.template-creator .socials { justify-content:center; }
.template-creator .agent-card,.template-creator .featured-offer { border:0;border-radius:12px;background:#fff; }
.template-creator .agent-card { padding:15px; }
.template-creator .agent-name { font-size:16px; }
.template-creator .featured-offer-title { font-size:18px; }
.template-creator .section-label { font-size:15px; }
.template-simple { --dark:#e5efeb!important;--store-card-bg:#ffffffbb!important;--store-card-text:#183e34!important;--store-card-dim:#395c50!important;--header-text:#183e34!important;--header-text-soft:#294e41!important;--header-text-faint:#395c50!important; }
.template-simple .page { background:radial-gradient(ellipse at 0 0,#fff8df,transparent 45%),radial-gradient(ellipse at 100% 50%,#c2d8cd,transparent 65%),#e5efeb; }
.template-simple .profile-header { display:block;text-align:center;padding:34px 24px 16px; }
.template-simple .avatar { width:104px;height:104px;border-radius:50%;margin:0 auto 20px;box-shadow:none; }
.template-simple .profile-name { font-family:'DM Serif Display',Georgia,serif;font-size:32px;font-weight:400; }
.template-simple .profile-bio { margin-top:8px; }
.template-simple .socials { justify-content:center; }
.template-simple .agent-card,.template-simple .featured-offer { border:1px solid #ffffffdd;border-radius:26px;padding:18px;background:#ffffffbb; }
.template-simple .agent-icon,.template-simple .sc-cover,.template-simple .featured-offer-thumb { display:none; }
.template-simple .agent-top,.template-simple .featured-offer-top { display:block;text-align:center; }
.template-simple .agent-card.sc-card,.template-simple .featured-offer.sc-card { display:block;text-align:center; }
.template-simple .agent-body,.template-simple .sc-body { width:100%; }
.template-simple .agent-name,.template-simple .featured-offer-title { font-size:16px;text-align:center; }
.template-simple .agent-desc,.template-simple .featured-offer-desc { text-align:center;font-size:13px; }
.template-simple .row-free { display:inline-block;margin:12px auto 0; }
.template-simple .agent-cta,.template-simple .featured-offer-cta { border-radius:24px; }
.template-simple .section-label { margin:8px auto 12px;text-align:center; }
.template-simple .section-sub { text-align:center; }
.template-simple .featured-offer-price { text-align:center; }
@media(max-width:360px) { .template-portrait .profile-name {font-size:34px} .template-creator .profile-name,.template-simple .profile-name {font-size:29px} body[class*="template-"] .page-section {padding-left:16px;padding-right:16px} }
body[class*="template-"] .profile-header { color:var(--header-text); }
/* Preserve the cutout in the existing YouTube logo on transparent icon buttons. */
.template-portrait .social-icon svg [style] { fill:#171918!important; }
.template-creator .social-icon svg [style] { fill:#ede9df!important; }
.template-simple .social-icon svg [style] { fill:#e5efeb!important; }
.template-simple #featuredOfferWrap .featured-offer { padding:0;background:none;border:0; }
.template-simple #featuredOfferWrap .featured-offer-top,.template-simple #featuredOfferWrap .featured-offer-price { display:none; }
.template-simple #featuredOfferWrap .featured-offer-cta { margin-top:0;padding:18px; }
.template-simple .agent-card .agent-desc { display:none; }
.template-simple .agent-card .agent-cta,.template-simple .agent-card .row-free { background:none;color:#183e34;border:0;box-shadow:none;padding:0;margin:8px auto 0;font-size:12px; }

/* Optional wallpaper; legacy designs never receive this class. Fixed to the
   viewport, so a longer page does not enlarge and recrop the photo. */
body.custom-background { --dark:var(--page-base)!important;--header-text:var(--page-ink)!important;--header-text-soft:var(--page-ink)!important;--header-text-faint:var(--page-ink)!important;--section-label-color:var(--page-ink)!important;--powered-color:var(--page-ink)!important;--powered-link:var(--page-ink)!important;--store-card-bg:#fff!important;--store-card-text:#172333!important;--store-card-dim:#465366!important;--store-card-border:#d7dde3!important; }
body.custom-background .page { background:transparent;isolation:isolate; }
body.custom-background .page:before { content:'';position:fixed;top:0;bottom:0;left:50%;width:100%;max-width:560px;transform:translateX(-50%);z-index:-1;background-color:var(--page-base);background-image:var(--page-wallpaper);background-size:cover;background-position:var(--page-x) var(--page-y);background-repeat:no-repeat;pointer-events:none; }
body.custom-background .section-label,body.custom-background .section-sub,body.custom-background .powered,body.custom-background .powered a { color:var(--page-ink); }
body.custom-background .section-label { background:none; }
body.custom-background .agent-card,body.custom-background .featured-offer { background:#fff;color:#172333; }
body.custom-background .agent-name,body.custom-background .featured-offer-title,body.custom-background .featured-offer-price { color:#172333; }
body.custom-background .agent-desc,body.custom-background .featured-offer-desc { color:#465366; }
body.custom-background.template-simple .agent-card .agent-cta,body.custom-background.template-simple .agent-card .row-free { color:#172333; }
body.custom-background .social-icon { background:#fff;color:#172333!important;border-color:transparent; }
body.custom-background .social-icon svg [style] { fill:#fff!important; }
body.custom-background.template-creator .template-hero:after { display:none; }
body.custom-background.template-portrait.has-hero .profile-header { --header-text:#fff!important;--header-text-soft:#fff!important;--header-text-faint:#fff!important; }

/* Desktop Portrait headers crop vertically; keep the top of portraits visible. Mobile framing stays unchanged. */
@media(min-width:768px) { body.template-portrait.has-hero .template-hero { background-position:center top; } }