/* Detail styles; split from the audited frontend rules. */
body.gh-listing-contact-enabled {--gh-contact-blue: var(--gh-ui-primary,#0274c9);--gh-contact-line: #e1e8f0;--gh-contact-text: var(--gh-ui-ink,#13213a);}
body.gh-listing-contact-enabled .gh-listing-price {display: flex;flex-direction: column;gap: 5px;margin: 0 0 14px;padding: 0;border: 0;background: transparent;color: var(--gh-contact-blue);line-height: 1.2;}
body.gh-listing-contact-enabled .gh-listing-price strong {font-size: 23px;font-weight: 750;overflow-wrap: anywhere;}
body.gh-listing-contact-enabled .gh-listing-price small {font-size: 12px;color: #67788b;}
body.gh-listing-contact-enabled .gh-card-actions {flex: 1 1 100%;min-width: 0;flex-wrap: wrap;align-items: center;gap: 8px;}
body.gh-listing-contact-enabled .gh-card-price {flex: 1 1 100px;min-width: 0;max-width: 100%;margin: 0 0 0 auto;align-items: flex-end;text-align: right;}
body.gh-listing-contact-enabled .gh-contact-card {display:flex;flex-direction:column;gap:0;align-items:stretch;padding:22px;margin:0 0 18px;background:#fff;border:1px solid var(--gh-contact-line);border-radius:var(--gh-ui-radius,14px);box-shadow:0 3px 14px rgb(28 62 98 / 5%);text-align:left;}
body.gh-listing-contact-enabled .gh-contact-card .gh-listing-price {align-items:flex-start;margin:20px 0 16px;padding:18px 0;border-top:1px solid var(--gh-contact-line);border-bottom:1px solid var(--gh-contact-line);text-align:left;}
body.gh-listing-contact-enabled .gh-contact-card .gh-listing-price strong {font-size:clamp(28px,3vw,36px);}
body.gh-listing-contact-enabled .gh-listing-contact-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;padding:12px;margin:0;background:var(--gh-contact-blue);border:1px solid var(--gh-contact-blue);border-radius:8px;box-shadow:none!important;color:#fff;font:inherit;font-size:14px;font-weight:600;line-height:1.35;cursor:pointer;}
body.gh-listing-contact-enabled .gh-listing-contact-button:hover {background:#0068b8;color:#fff;}
body.gh-listing-contact-enabled .gh-contact-card .hp-listing__action--review {margin: 0;color: #67788b;font-size: 13px;align-self: center;}
body.gh-listing-contact-enabled .gh-contact-vendor {padding: 20px;background: #fff;border: 1px solid var(--gh-contact-line);border-radius: 12px;box-shadow: 0 3px 14px rgb(28 62 98 / 7%);}
body.gh-listing-contact-enabled .gh-contact-vendor .hp-vendor__image {margin: 0 auto 16px;}
body.gh-listing-contact-enabled .gh-contact-vendor .hp-vendor__image img {width: 120px;height: 120px;object-fit: contain;border-radius: 4px;background: #fff;}
body.gh-listing-contact-enabled .gh-contact-vendor .hp-vendor__name {margin: 0 0 12px;font-size: 22px;line-height: 1.35;text-align: center;}
body.gh-listing-contact-enabled .gh-contact-vendor .hp-vendor__details--primary {justify-content: center;margin-bottom: 14px;}
body.gh-listing-contact-enabled .gh-contact-vendor .hp-vendor__attributes--secondary {margin: 0;}
body.gh-listing-contact-enabled .gh-contact-vendor .hp-vendor__attributes--secondary .hp-row > div {flex: 0 0 100%;max-width: 100%;}
body.gh-listing-contact-enabled .gh-contact-vendor .hp-vendor__attribute {overflow-wrap: anywhere;line-height: 1.6;}
body.gh-listing-contact-enabled .gh-vendor-contact-actions {display: flex;flex-direction: column;gap: 14px;margin: 18px 0 0;padding-top: 18px;border-top: 1px solid var(--gh-contact-line);}
body.gh-listing-contact-enabled .gh-vendor-contact-actions .hp-vendor__action--follow {align-self: center;margin: 0;}
body.gh-listing-contact-enabled .gh-message-modal {width: min(560px, calc(100vw - 24px));max-width: 560px;max-height: calc(100dvh - 32px);overflow-y: auto;padding: 26px;background: #fff;border: 1px solid var(--gh-contact-line);border-radius: 12px;box-shadow: 0 14px 44px rgb(28 62 98 / 16%);color: var(--gh-contact-text);box-sizing: border-box;}
body.gh-listing-contact-enabled .gh-message-modal .hp-modal__title {margin-bottom: 18px;color: var(--gh-contact-text);font-size: 22px;line-height: 1.3;}
body.gh-listing-contact-enabled .gh-message-summary {display: flex;align-items: center;gap: 14px;margin-bottom: 18px;padding: 12px;background: #f7faff;border: 1px solid var(--gh-contact-line);border-radius: 8px;}
body.gh-listing-contact-enabled .gh-message-summary > div {min-width: 0;}
body.gh-listing-contact-enabled .gh-message-summary strong {display: block;line-height: 1.4;font-size: 15px;overflow-wrap: anywhere;}
body.gh-listing-contact-enabled .gh-message-summary__image {width: 76px;height: 64px;object-fit: cover;flex: 0 0 76px;border-radius: 6px;}
body.gh-listing-contact-enabled .gh-message-summary__price {display: block;margin-top: 5px;font-size: 19px;font-weight: 700;color: var(--gh-contact-blue);}
body.gh-listing-contact-enabled .gh-message-notice {margin: 0 0 18px;padding: 12px 14px;background: #eef7ff;border-radius: 8px;color: #21577d;font-size: 13px;line-height: 1.5;}
body.gh-listing-contact-enabled .gh-message-identity {display: flex;align-items: center;justify-content: space-between;gap: 12px;margin: 0 0 20px;padding-bottom: 16px;border-bottom: 1px solid var(--gh-contact-line);}
body.gh-listing-contact-enabled .gh-message-identity small {display: block;color: #67788b;font-size: 12px;}
body.gh-listing-contact-enabled .gh-message-identity strong {display: block;overflow-wrap: anywhere;font-size: 15px;}
body.gh-listing-contact-enabled .gh-message-identity a {color: var(--gh-contact-blue);font-size: 13px;flex-shrink: 0;}
body.gh-listing-contact-enabled .gh-message-modal .hp-form__field {margin-bottom: 18px;}
body.gh-listing-contact-enabled .gh-message-modal .hp-form__label {color: var(--gh-contact-text);font-size: 14px;font-weight: 600;}
body.gh-listing-contact-enabled .gh-message-modal .hp-field__description {color: #67788b;font-size: 12px;}
body.gh-listing-contact-enabled .gh-message-modal :is(input[type="text"], input[type="tel"], select, textarea) {box-sizing: border-box;width: 100%;min-height: 46px;padding: 12px 14px;border: 1px solid #ccd9e6;border-radius: 8px;background: #fff;color: var(--gh-contact-text);font-size: 16px;line-height: 1.5;}
body.gh-listing-contact-enabled .gh-message-modal select {padding-right: 32px;}
body.gh-listing-contact-enabled .gh-message-listing-link {display: inline-block;margin: -6px 0 18px;color: var(--gh-contact-blue);font-size: 13px;font-weight: 600;}
body.gh-listing-contact-enabled .gh-message-modal textarea {min-height: 140px;resize: vertical;}
body.gh-listing-contact-enabled .gh-message-modal .hp-form__button {display: block;width: 100%;min-height: 46px;padding: 12px 16px;border: 0;border-radius: 8px;background: var(--gh-contact-blue);box-shadow: none !important;color: #fff;font-size: 15px;font-weight: 700;}
body.gh-listing-contact-enabled .gh-message-modal .hp-form__button:hover {background: #0068b8;}
body.gh-listing-contact-enabled .gh-message-auth {display: flex;flex-wrap: wrap;gap: 12px;align-items: center;}
body.gh-listing-contact-enabled .gh-message-auth a {padding: 12px 20px;color: var(--gh-contact-blue);font-weight: 600;}
body.gh-listing-contact-enabled .gh-message-auth .gh-message-auth__login {background: var(--gh-contact-blue);color: #fff;border-radius: 8px;}
body.gh-listing-contact-enabled :is(.gh-listing-contact-button, .gh-message-modal a, .gh-message-modal input, .gh-message-modal select, .gh-message-modal textarea, .gh-message-modal button):focus-visible {outline: 3px solid #76baff;outline-offset: 3px;}
body.gh-listing-contact-enabled .gh-price-rendered .hp-listing__attributes--primary[hidden], body.gh-listing-contact-enabled .hp-listing__topbar[hidden], body.gh-listing-contact-enabled .hp-listing__attribute[hidden] {display: none;}
body.gh-listing-contact-enabled .gh-contact-channels {width: 100%;min-width: 0;}
body.gh-listing-contact-enabled .gh-contact-phone {flex: 0 0 100%;width: 100%;max-width: 100%;margin-top: 16px;padding-top: 16px;border-top: 1px solid #edf0f3;}
body.gh-listing-contact-enabled .gh-contact-channels__buttons {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;}
body.gh-listing-contact-enabled .gh-contact-channels button {display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--gh-contact-blue);border-radius:8px;background:#fff;color:var(--gh-contact-blue);padding:12px 8px;min-height:46px;width:100%;font:inherit;font-size:14px;font-weight:600;line-height:1.35;box-shadow:none!important;cursor:pointer;}
body.gh-listing-contact-enabled .gh-contact-channels button:hover {background: #e1efff;}
body.gh-listing-contact-enabled .gh-contact-channels button:focus-visible {outline: 3px solid #76baff;outline-offset: 3px;}
body.gh-listing-contact-enabled .gh-contact-channels button:disabled {cursor: default;opacity: .75;}
body.gh-listing-contact-enabled .gh-contact-channels__result {overflow-wrap: anywhere;line-height: 1.5;}
body.gh-listing-contact-enabled .gh-contact-channels__result:not(:empty) {margin-top: 8px;}
body.gh-listing-contact-enabled .gh-contact-channels__result a {display: block;text-align: center;color: var(--gh-contact-blue);font-weight: 700;font-size: 19px;padding: 8px 0;}
body.gh-listing-contact-enabled .gh-whatsapp-compose[hidden] {display: none;}
body.gh-listing-contact-enabled .gh-whatsapp-compose {margin-top: 16px;}
body.gh-listing-contact-enabled :is(.gh-whatsapp-form,.gh-whatsapp-code) {display: grid;gap: 12px;}
body.gh-listing-contact-enabled :is(.gh-whatsapp-form,.gh-whatsapp-code) label {display: grid;gap: 6px;font-size: 14px;font-weight: 600;}
body.gh-listing-contact-enabled :is(.gh-whatsapp-form,.gh-whatsapp-code) :is(input,textarea,select) {box-sizing: border-box;width: 100%;min-width: 0;padding: 12px 14px;border: 1px solid #dce4ec;border-radius: 8px;background: #fff;}
body.gh-listing-contact-enabled .gh-whatsapp-verify {padding: 20px;margin-top: 24px;}
body.gh-listing-contact-enabled .gh-whatsapp-verify button {padding: 12px 18px;border: 0;border-radius: 8px;background: var(--gh-contact-blue);color: #fff;font-weight: 700;margin: 10px 0;cursor: pointer;}
body.gh-listing-contact-enabled .gh-whatsapp-form p {font-size: 13px;line-height: 1.55;}
@media (max-width:600px) {
body.gh-listing-contact-enabled .gh-contact-card, body.gh-listing-contact-enabled .gh-contact-vendor {padding: 16px;}
body.gh-listing-contact-enabled .gh-message-modal {padding: 18px;max-height: calc(100dvh - 20px);}
body.gh-listing-contact-enabled .gh-message-modal .hp-modal__title {font-size: 20px;}
body.gh-listing-contact-enabled .gh-message-summary {gap: 10px;padding: 10px;}
body.gh-listing-contact-enabled .gh-message-summary__image {width: 62px;height: 58px;flex-basis: 62px;}
}
body.gh-listing-contact-enabled .gh-vendor-identity .hp-vendor__verified-badge {position:static;display:inline-block;width:auto;height:auto;margin-left:6px;font-size:16px;vertical-align:middle;}
body.gh-listing-contact-enabled .gh-vendor-identity__text {min-width:0;flex:1;}
body.gh-listing-contact-enabled .gh-vendor-identity__text .hp-vendor__attribute {margin-top:4px;color:var(--gh-ui-muted,#667085);font-size:13px;}
body.gh-listing-contact-enabled .gh-contact-card .hp-vendor__details--primary {text-align:left;}
body.gh-listing-contact-enabled .gh-contact-card .gh-account-date {margin-left:0;margin-right:0;justify-content:flex-start;}
body.gh-listing-contact-enabled .gh-contact-card .hp-vendor__name {overflow-wrap:anywhere;}
body.gh-listing-contact-enabled .gh-contact-card > .gh-contact-vendor {width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;}
body.gh-listing-contact-enabled .gh-vendor-identity {display:flex;align-items:center;gap:14px;margin-bottom:16px;}
body.gh-listing-contact-enabled .gh-vendor-identity .hp-vendor__header {flex:0 0 60px;min-width:0;width:60px;margin:0;padding:0;}
body.gh-listing-contact-enabled .gh-vendor-identity .hp-vendor__image {width:60px;margin:0;}
body.gh-listing-contact-enabled .gh-vendor-identity .hp-vendor__image img {width:60px;height:60px;border-radius:4px;object-fit:contain;background:#fff;}
body.gh-listing-contact-enabled .gh-vendor-identity .hp-vendor__name {margin:0;font-size:20px;text-align:left;}
body.gh-listing-contact-enabled .gh-contact-card .hp-vendor__content {padding:0;margin:0;}
body.gh-listing-contact-enabled .gh-contact-card .hp-vendor__details--primary {justify-content:flex-start;}
body.gh-listing-contact-enabled .gh-contact-card .hp-vendor__attributes--secondary .hp-row {margin:0;gap:6px;}
body.gh-listing-contact-enabled .gh-contact-card .hp-vendor__attributes--secondary .hp-row > div {padding:0;margin:0;}
body.gh-listing-contact-enabled .gh-contact-card .hp-vendor__attribute {font-size:13px;}
body.gh-listing-contact-enabled .gh-contact-card .gh-listing-contact-button {margin:0 0 10px;}
body.gh-listing-contact-enabled .gh-contact-card .hp-vendor__footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--gh-contact-line);font-size:13px;}
body.gh-listing-contact-enabled .gh-contact-card .hp-vendor__footer > * {margin:0;}
body.gh-listing-contact-enabled .gh-contact-channels [data-gh-channel="whatsapp"] {background:#15803d;border-color:#15803d;color:#fff;}
body.gh-listing-contact-enabled .gh-contact-channels [data-gh-channel="whatsapp"]:hover {background:#116c33;border-color:#116c33;}
body.gh-listing-contact-enabled .gh-contact-icon {width:18px;height:18px;flex:0 0 18px;}