/* Woman's Journal v2.1: real synced portrait + high-contrast luxurious contact CTA.
   Loaded only when the bar is enabled. Completely scoped to gtbh-contact-card. */
.gtbh-contact-card, .gtbh-contact-card *{box-sizing:border-box!important}
.gtbh-contact-card{
  position:fixed!important;z-index:99994!important;right:18px!important;bottom:14px!important;
  width:min(514px,calc(100vw - 36px))!important;max-width:514px!important;
  margin:0!important;padding:0!important;background:transparent!important;
  font-family:'Microsoft JhengHei','PingFang TC',Arial,sans-serif!important;
  filter:drop-shadow(0 9px 21px rgba(53,20,28,.28));line-height:1.45!important;
}
.gtbh-contact-surface{
  position:relative;isolation:isolate;display:grid;grid-template-columns:142px minmax(0,1fr);
  min-height:173px;overflow:hidden;border-radius:18px;
  background:linear-gradient(120deg,#fff4e9 0%,#fbe0da 56%,#fff8ed 100%);
  border:2px solid #f9e0b8;box-shadow:inset 0 0 0 1px #b86d7759,0 0 0 3px #fff5ec8a;
}
.gtbh-contact-surface:before{content:'';position:absolute;inset:0 0 auto 142px;height:7px;z-index:2;background:linear-gradient(90deg,transparent,#e0b98a,#fdf0c7,#b7745a,transparent);opacity:.83;pointer-events:none}
.gtbh-contact-portrait{position:relative;min-height:173px;background:radial-gradient(circle at 60% 30%,#f9dacf,#a65f75);overflow:hidden}
.gtbh-contact-portrait:after{position:absolute;content:'';pointer-events:none;inset:0;background:linear-gradient(0deg,#391525b0,transparent 36%),linear-gradient(90deg,transparent 70%,#fff1e11e)}
.gtbh-contact-portrait img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 22%}
.gtbh-contact-empty{position:absolute;inset:0;display:grid;place-items:center;font:70px Georgia,serif;color:#fce4d8}
.gtbh-contact-photo-tag{position:absolute;bottom:11px;left:9px;right:9px;text-align:center;z-index:2;font:8px Georgia,serif;letter-spacing:1px;color:#fff8ea;text-shadow:0 1px 4px #0007}
.gtbh-contact-content{position:relative;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px;padding:15px 16px 12px 18px}
.gtbh-contact-kicker{font:9px Georgia,serif;letter-spacing:1.4px;color:#b77479;white-space:nowrap}
.gtbh-contact-title{display:block;font-size:19px!important;line-height:1.3!important;font-weight:900!important;letter-spacing:.3px;color:#812943!important;white-space:normal!important}
.gtbh-contact-desc{margin:0!important;color:#a05468!important;font-size:11px!important;line-height:1.5!important}
.gtbh-contact-buttons{display:flex;align-items:stretch;gap:8px;margin-top:5px;min-width:0}
.gtbh-contact-buttons a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px;flex:1;min-width:0;padding:10px 8px!important;border-radius:30px!important;min-height:40px;font-size:12px!important;font-weight:800!important;line-height:1.2!important;color:#fff!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 2px 5px #43263030;border:1px solid #ffffff5e}
.gtbh-contact-line{background:linear-gradient(125deg,#1acd6c,#079b42)!important}
.gtbh-contact-tg{background:linear-gradient(125deg,#38b8dd,#147db9)!important}
.gtbh-contact-ic{font-size:12px!important}
.gtbh-contact-directory{font-size:11px!important;color:#963d56!important;align-self:flex-end;text-decoration:underline!important;text-underline-offset:3px!important;margin-top:2px;font-weight:750!important}
.gtbh-contact-collapse{position:absolute;top:7px;right:9px;z-index:3;width:26px;height:26px;padding:0;border-radius:50%;color:#92586b;background:#fff4e6d9;cursor:pointer;border:1px solid #e8bdb3;font-size:19px;line-height:16px}
.gtbh-contact-restore{display:none!important;align-items:center!important;justify-content:center!important;gap:10px;border:1px solid #e9c8ad!important;min-height:46px;padding:9px 19px;background:linear-gradient(115deg,#722740,#ae5571)!important;border-radius:100px;color:white!important;font-weight:800!important;font-size:13px!important;cursor:pointer;box-shadow:0 6px 18px #54233644}
.gtbh-contact-card.gtbh-contact-minimized{width:auto!important;max-width:calc(100vw - 24px)!important}
.gtbh-contact-minimized .gtbh-contact-surface{display:none!important}
.gtbh-contact-minimized .gtbh-contact-restore{display:inline-flex!important}
.gtbh-contact-card a:focus-visible,.gtbh-contact-card button:focus-visible{outline:3px solid #d39c35;outline-offset:2px}
@media(max-width:640px){
  .gtbh-contact-card{right:7px!important;bottom:calc(5px + env(safe-area-inset-bottom))!important;width:calc(100vw - 14px)!important;max-width:none!important;filter:drop-shadow(0 3px 10px rgba(54,19,32,.31))}
  .gtbh-contact-surface{grid-template-columns:94px minmax(0,1fr);min-height:126px;border-radius:14px;border-width:1px}
  .gtbh-contact-surface:before{inset:0 0 auto 94px;height:4px}
  .gtbh-contact-portrait{min-height:126px}
  .gtbh-contact-portrait img{object-position:center 20%}
  .gtbh-contact-photo-tag{font-size:6px;letter-spacing:.25px;bottom:6px;left:3px;right:3px}
  .gtbh-contact-content{padding:9px 11px 7px 12px;gap:3px}
  .gtbh-contact-kicker{font-size:7px!important;letter-spacing:.8px}
  .gtbh-contact-title{font-size:15px!important;line-height:1.2!important;padding-right:17px}
  .gtbh-contact-desc{font-size:10px!important}
  .gtbh-contact-buttons{margin-top:3px;gap:6px}
  .gtbh-contact-buttons a{padding:9px 4px!important;min-height:36px;font-size:11px!important;gap:3px;border-radius:10px!important}
  .gtbh-contact-directory{font-size:10px!important;line-height:1.2!important;margin-top:2px}
  .gtbh-contact-collapse{top:6px;right:6px;width:22px;height:22px;font-size:17px}
  .gtbh-contact-minimized .gtbh-contact-restore{min-height:44px}
  body:has(.gtbh-contact-card){padding-bottom:146px!important}
}
@media(min-width:641px){body:has(.gtbh-contact-card){padding-bottom:52px!important}}
@media(prefers-reduced-motion:reduce){.gtbh-contact-card *{transition:none!important}}

/* v2.2: champagne boudoir AI editorial contact card; every selector scoped */
.gtbh-contact-card{width:min(535px,calc(100vw - 36px))!important;max-width:535px!important;filter:drop-shadow(0 12px 24px rgba(62,17,38,.27))!important}
.gtbh-contact-surface{grid-template-columns:176px minmax(0,1fr);min-height:201px;
  border:2px solid #f8deb9;
  background:linear-gradient(90deg,rgba(255,243,232,.97) 40%,rgba(255,236,229,.98)),url('./ai-romantic-banner.webp') center/cover no-repeat;
  box-shadow:inset 0 0 0 1px #a7526a4c,0 0 0 3px #fff7e998,0 8px 18px #7a344932}
.gtbh-contact-surface:before{inset:0 0 auto 176px;height:5px}
.gtbh-contact-portrait{min-height:201px;background:#f1bfb0}
.gtbh-contact-portrait:after{background:linear-gradient(0deg,#4a23368c,transparent 40%)}
.gtbh-contact-portrait img{object-position:center 22%}
.gtbh-contact-content{padding:19px 19px 15px 20px;gap:7px}
.gtbh-contact-kicker{font:9px Georgia,serif;letter-spacing:1.6px;color:#b97678}
.gtbh-contact-title{font-size:21px!important;color:#7e2444!important;text-shadow:0 1px 0 #fff8ee}
.gtbh-contact-title span{display:block;font-weight:800;color:#a54d6a}
.gtbh-contact-desc{font-size:12px!important;color:#985568!important}
.gtbh-contact-buttons a{font-size:13px!important;min-height:42px}
.gtbh-contact-photo-tag{border-radius:12px;background:#5d253d99;width:max-content;max-width:calc(100% - 16px);padding:3px 7px;left:8px;right:auto;bottom:8px;font-size:9px}
.gtbh-contact-restore{background:linear-gradient(110deg,#6c263f,#bc5a78)!important}
@media(max-width:640px){
  .gtbh-contact-card{right:7px!important;width:calc(100vw - 14px)!important;max-width:none!important}
  .gtbh-contact-surface{grid-template-columns:119px minmax(0,1fr);min-height:156px;border-radius:15px}
  .gtbh-contact-surface:before{inset:0 0 auto 119px;height:4px}
  .gtbh-contact-portrait{min-height:156px}
  .gtbh-contact-portrait img{object-position:center 18%}
  .gtbh-contact-content{padding:11px 10px 9px 12px;gap:5px}
  .gtbh-contact-kicker{font-size:7px!important;letter-spacing:.55px}
  .gtbh-contact-title{font-size:16px!important;line-height:1.18!important}
  .gtbh-contact-title span{font-size:15px!important}
  .gtbh-contact-desc{font-size:10px!important}
  .gtbh-contact-buttons{gap:5px;margin-top:2px}
  .gtbh-contact-buttons a{font-size:11px!important;min-height:36px!important;padding:8px 3px!important}
  .gtbh-contact-photo-tag{font-size:7px!important;padding:3px 5px;left:4px;bottom:5px}
  .gtbh-contact-directory{font-size:10px!important}
  body:has(.gtbh-contact-card){padding-bottom:176px!important}
}