.business-card-page {
    flex: 1;
    min-width: 0;
    padding: 24px;
    color: #183153;
}

main.member > .business-card-page {
    padding-top: 64px;
}

.business-card-shell {
    overflow: hidden;
    border: 1px solid #e1ebfa;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(32, 93, 173, .08);
}

.business-card-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px 20px;
    border-bottom: 1px solid #e8eef7;
    background: #f8fbff;
}

.business-card-tabs a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    color: #51647d;
    font-size: 15px;
}

.business-card-tabs a:hover,
.business-card-tabs a.on {
    color: #fff;
    background: linear-gradient(135deg, #48adff, #2767e8);
}

.business-card-content { padding: 26px 106px 26px 26px; }
.business-card-heading-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.business-card-heading-row > h2 { margin: 0; color: #17345d; }
.business-card-heading-row .business-card-help { margin-bottom: 0; }
.business-card-title { margin: 0 0 20px; color: #17345d; font-size: 24px; }
.business-card-help { margin: -10px 0 22px; color: #7c8da4; line-height: 1.8; }
.business-card-alert { margin-bottom: 18px; padding: 12px 16px; border-radius: 8px; background: #eef8ee; color: #208447; }
.business-card-alert.error { background: #fff1f1; color: #d33b3b; }

.business-card-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.business-card-field { min-width: 0; }
.business-card-field.full { grid-column: 1 / -1; }
.business-card-field label { display: block; margin-bottom: 8px; color: #334e70; font-weight: 600; }
.business-card-field label i { margin-right: 4px; color: #ef4444; font-style: normal; }
.business-card-field input,
.business-card-field textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #d8e2ef;
    border-radius: 8px;
    padding: 11px 13px;
    color: #183153;
    background: #fff;
    outline: none;
}
.business-card-field textarea { min-height: 120px; resize: vertical; }
.business-card-field textarea.compact { min-height: 78px; }
.business-card-field input:focus,
.business-card-field textarea:focus { border-color: #3685f5; box-shadow: 0 0 0 3px rgba(54, 133, 245, .12); }

.business-card-option-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.business-card-option {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    min-height: 86px;
    margin: 0 !important;
    padding: 14px;
    box-sizing: border-box;
    border: 1px solid #dce8f6;
    border-radius: 11px;
    background: #f8fbff;
    cursor: pointer;
}

.business-card-option input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: #2f73eb;
}

.business-card-option span,
.business-card-option strong,
.business-card-option small {
    display: block;
}

.business-card-option span { min-width: 0; }
.business-card-option strong { color: #244769; font-size: 14px; }
.business-card-option small { margin-top: 6px; color: #7c8da4; font-size: 12px; line-height: 1.5; font-weight: 400; }

.business-card-avatar { display: flex; align-items: center; gap: 16px; }
.business-card-avatar img { width: 86px; height: 86px; object-fit: cover; border-radius: 14px; border: 1px solid #d8e2ef; background: #f2f6fb; }
.business-card-cover-upload { display: flex; align-items: center; gap: 16px; }
.business-card-cover-upload > img { width: 160px; height: 92px; border: 1px solid #d8e2ef; border-radius: 10px; object-fit: cover; background: #f2f6fb; }
.business-card-upload,
.business-card-primary,
.business-card-secondary,
.business-card-danger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    box-sizing: border-box;
    border: 0;
    border-radius: 9px;
    padding: 0 20px;
    cursor: pointer;
    font-size: 14px;
}
.business-card-upload,
.business-card-secondary { border: 1px solid #b9d1f0; color: #236bd0; background: #fff; }
.business-card-primary { color: #fff; background: linear-gradient(135deg, #47adff, #2767e8); }
.business-card-danger { border: 1px solid #ffc4c4; color: #d63b3b; background: #fff; }
.business-card-primary:disabled,
.business-card-secondary:disabled,
.business-card-danger:disabled { cursor: not-allowed; opacity: .58; }
.business-card-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 26px; }

.business-card-media-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.business-card-media-item { position: relative; min-height: 92px; padding: 12px; box-sizing: border-box; border: 1px solid #e0e9f4; border-radius: 10px; background: #f8fbff; }
.business-card-media-item img { width: 100%; height: 116px; object-fit: cover; border-radius: 7px; }
.business-card-media-item video { width: 100%; height: 116px; border-radius: 7px; object-fit: cover; background: #101827; }
.business-card-media-name { display: block; overflow: hidden; margin-top: 8px; color: #39526e; text-overflow: ellipsis; white-space: nowrap; }
.business-card-media-remove { position: absolute; top: 7px; right: 7px; width: 26px; height: 26px; border: 0; border-radius: 50%; color: #fff; background: rgba(21, 35, 55, .72); cursor: pointer; }

.business-card-list { display: grid; gap: 16px; }
.business-card-row { display: grid; grid-template-columns: 70px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 18px; border: 1px solid #e2ebf5; border-radius: 13px; background: #fff; }
.business-card-row.unread { border-color: #8ebeff; background: #f6faff; }
.business-card-row-avatar { width: 70px; height: 70px; border-radius: 12px; object-fit: cover; background: #eef3f8; }
.business-card-row h3 { margin: 0 0 8px; color: #193759; font-size: 18px; }
.business-card-row p { margin: 4px 0; color: #74869c; line-height: 1.5; }
.business-card-row-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.business-card-empty { padding: 64px 20px; color: #8291a6; text-align: center; }
.business-card-count { display: inline-flex; min-width: 20px; height: 20px; align-items: center; justify-content: center; margin-left: 5px; padding: 0 5px; border-radius: 10px; color: #fff; background: #ef4444; font-size: 12px; }

.business-card-profile { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 24px; }
.business-card-profile > img { width: 120px; height: 120px; border-radius: 16px; object-fit: cover; background: #eef3f8; }
.business-card-profile h1,
.business-card-profile h2 { margin: 0 0 8px; color: #16345c; font-size: 26px; }
.business-card-profile p { margin: 7px 0; color: #60748e; line-height: 1.7; }
.business-card-profile .business-card-role { color: #2d72df; font-weight: 600; }
.business-card-intro { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e8eef6; color: #536b87; line-height: 1.9; white-space: pre-wrap; }

.business-card-menu-badge { display: inline-flex; min-width: 18px; height: 18px; align-items: center; justify-content: center; margin-left: 5px; padding: 0 4px; border-radius: 9px; color: #fff; background: #ef4444; font-size: 11px; font-style: normal; }

.business-card-quick-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 24px; }
.business-card-quick-grid a { display: flex; min-height: 78px; flex-direction: column; justify-content: center; padding: 14px 16px; border: 1px solid #deebfa; border-radius: 12px; color: #17345d; background: linear-gradient(145deg, #f7fbff, #eef6ff); }
.business-card-quick-grid a:hover { border-color: #9fc8ff; transform: translateY(-1px); }
.business-card-quick-grid strong { margin-bottom: 6px; font-size: 16px; }
.business-card-quick-grid span { color: #7b8da5; font-size: 13px; }

.business-card-folder-tools { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.business-card-search,
.business-card-inline-form { display: flex; align-items: center; gap: 8px; }
.business-card-search { flex: 1; max-width: 520px; }
.business-card-search input,
.business-card-inline-form input,
.business-card-dialog input,
.business-card-dialog textarea,
.business-card-copy-url { min-width: 0; min-height: 40px; box-sizing: border-box; border: 1px solid #d8e2ef; border-radius: 8px; padding: 9px 12px; color: #183153; background: #fff; outline: none; }
.business-card-search input { flex: 1; }
.business-card-group-list { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 22px; }
.business-card-group-list > a,
.business-card-group-chip { display: inline-flex; min-height: 34px; align-items: center; border: 1px solid #d9e6f5; border-radius: 17px; padding: 0 14px; color: #58708d; background: #f8fbff; }
.business-card-group-chip { padding-right: 6px; }
.business-card-group-chip > a { color: inherit; }
.business-card-group-chip button { width: 26px; height: 26px; margin-left: 4px; border: 0; border-radius: 50%; color: inherit; background: transparent; cursor: pointer; }
.business-card-group-list > a.on,
.business-card-group-chip.on { border-color: #2f7cf2; color: #fff; background: #2f7cf2; }
.business-card-contact-card { display: grid; grid-template-columns: minmax(240px, .8fr) minmax(360px, 1.4fr) auto; gap: 18px; align-items: center; padding: 18px; border: 1px solid #e2ebf5; border-radius: 13px; background: #fff; }
.business-card-contact-main { display: flex; min-width: 0; align-items: center; gap: 14px; color: #183153; }
.business-card-contact-main > span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.business-card-contact-main strong { overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.business-card-contact-main small { overflow: hidden; color: #74869c; text-overflow: ellipsis; white-space: nowrap; }
.business-card-contact-edit { display: grid; grid-template-columns: 130px minmax(200px, 1fr) auto; gap: 10px; align-items: end; }
.business-card-contact-edit label { display: flex; min-width: 0; flex-direction: column; gap: 6px; color: #627690; font-size: 13px; }
.business-card-contact-edit select,
.business-card-contact-edit textarea { width: 100%; min-height: 40px; box-sizing: border-box; border: 1px solid #d8e2ef; border-radius: 8px; padding: 9px 10px; color: #183153; background: #fff; }
.business-card-contact-edit textarea { height: 64px; resize: vertical; }
.business-card-link-danger { border: 0; color: #cf3d3d; background: transparent; cursor: pointer; white-space: nowrap; }

.business-card-choice-row { display: flex; flex-wrap: wrap; gap: 22px; }
.business-card-choice-row label { display: inline-flex; align-items: center; gap: 7px; margin: 0; font-weight: 400; }
.business-card-choice-row input { width: auto; }
.business-card-post-list { display: grid; gap: 14px; }
.business-card-post-row { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 16px; border: 1px solid #e2ebf5; border-radius: 13px; }
.business-card-post-row > img { width: 150px; height: 94px; border-radius: 10px; object-fit: cover; }
.business-card-post-row h2 { margin: 8px 0; font-size: 18px; }
.business-card-post-row h2 a { color: #193759; }
.business-card-post-row p { margin: 0; color: #74869c; line-height: 1.7; }
.business-card-post-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; color: #8a9aad; font-size: 13px; }
.business-card-status { display: inline-flex; min-height: 24px; align-items: center; padding: 0 9px; border-radius: 12px; background: #edf1f6; }
.business-card-status.published { color: #16804a; background: #e9f8ef; }
.business-card-status.disabled { color: #c53a3a; background: #fff0f0; }
.business-card-disabled-tip { color: #c53a3a; font-size: 13px; white-space: nowrap; }
.business-card-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.business-card-pagination a,
.business-card-pagination span { display: inline-flex; min-height: 36px; align-items: center; padding: 0 14px; border: 1px solid #cbdcf0; border-radius: 8px; color: #2b6fd5; background: #fff; }
.business-card-pagination span { color: #a2afbf; background: #f5f7fa; }
.business-card-pagination strong { color: #6f8199; font-size: 13px; font-weight: 400; }

.business-card-subtabs { display: flex; gap: 28px; margin-bottom: 20px; border-bottom: 1px solid #e5edf6; }
.business-card-subtabs a { position: relative; display: inline-flex; min-height: 42px; align-items: center; color: #657b96; }
.business-card-subtabs a.on { color: #256ddc; font-weight: 600; }
.business-card-subtabs a.on::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; border-radius: 2px; background: #2f7cf2; content: ''; }
.business-card-message-row { position: relative; display: grid; grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr); gap: 18px; align-items: center; padding: 17px; border: 1px solid #e2ebf5; border-radius: 13px; color: inherit; cursor: pointer; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.business-card-message-row:hover { border-color: #a8cfff; background: #f8fbff; box-shadow: 0 8px 22px rgba(39, 105, 190, .08); }
.business-card-message-row.unread { border-color: #9ac6ff; background: #f6faff; }
.business-card-message-person { display: flex; min-width: 0; align-items: center; gap: 13px; color: #183153; }
.business-card-message-person img { width: 54px; height: 54px; border-radius: 12px; object-fit: cover; background: #eef3f8; }
.business-card-message-person span { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.business-card-message-person small { overflow: hidden; color: #74869c; text-overflow: ellipsis; white-space: nowrap; }
.business-card-message-preview { display: flex; min-width: 0; flex-direction: column; gap: 8px; color: #526a86; }
.business-card-message-preview > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.business-card-message-preview time { color: #97a5b7; font-size: 12px; }
.business-card-unread-dot { position: absolute; top: 12px; right: 12px; width: 9px; height: 9px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 0 4px #fff; }
.business-card-conversation { display: flex; max-height: 540px; flex-direction: column; gap: 15px; overflow-y: auto; padding: 20px; border: 1px solid #e2ebf5; border-radius: 13px; background: #f7faff; }
.business-card-bubble { max-width: 72%; }
.business-card-bubble > div { padding: 12px 15px; border-radius: 14px; color: #304c6b; background: #fff; box-shadow: 0 5px 16px rgba(34, 80, 140, .07); line-height: 1.75; white-space: pre-wrap; }
.business-card-bubble time { display: block; margin-top: 5px; color: #97a5b7; font-size: 12px; }
.business-card-bubble.mine { align-self: flex-end; }
.business-card-bubble.mine > div { color: #fff; background: linear-gradient(135deg, #48adff, #2767e8); }
.business-card-bubble.mine time { text-align: right; }
.business-card-reply-form { display: grid; gap: 10px; margin-top: 18px; }
.business-card-reply-form label { color: #334e70; font-weight: 600; }
.business-card-reply-form textarea { min-height: 110px; box-sizing: border-box; border: 1px solid #d8e2ef; border-radius: 10px; padding: 12px; resize: vertical; }
.business-card-reply-form button { justify-self: end; }

.business-card-visitor-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 17px; border: 1px solid #e2ebf5; border-radius: 13px; }
.business-card-visitor-row > a { display: flex; min-width: 0; align-items: center; gap: 14px; color: #183153; }
.business-card-visitor-row img { width: 58px; height: 58px; border-radius: 12px; object-fit: cover; background: #eef3f8; }
.business-card-visitor-row a > span { display: flex; min-width: 0; flex-direction: column; gap: 6px; }
.business-card-visitor-row small { color: #74869c; }
.business-card-visitor-metrics { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 14px; color: #7d8fa5; font-size: 13px; }
.business-card-visitor-metrics b { color: #286fdc; font-size: 17px; }

.business-card-code-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.business-card-code-grid--single { grid-template-columns: minmax(0, 560px); justify-content: center; }
.business-card-code-card { display: flex; min-height: 420px; flex-direction: column; align-items: center; padding: 24px; border: 1px solid #deebfa; border-radius: 16px; text-align: center; background: linear-gradient(155deg, #fafdff, #f1f7ff); }
.business-card-code-card h2 { margin: 10px 0 7px; color: #17345d; }
.business-card-code-card p { margin: 0; color: #7a8da5; line-height: 1.7; }
.business-card-code-card > img { width: 230px; height: 230px; margin: 20px 0; border: 10px solid #fff; border-radius: 14px; object-fit: contain; box-shadow: 0 10px 28px rgba(30, 76, 140, .1); }
.business-card-code-label { display: inline-flex; min-height: 26px; align-items: center; padding: 0 10px; border-radius: 13px; color: #fff; background: #1685ff; font-size: 13px; }
.business-card-code-label.web { background: #25a36f; }
.business-card-code-placeholder { display: flex; width: 230px; height: 230px; align-items: center; justify-content: center; margin: 20px 0; border: 1px dashed #b8cbe4; border-radius: 14px; color: #7e90a7; background: #fff; line-height: 1.8; }
.business-card-generated-code { overflow: hidden; box-sizing: content-box; border-style: solid; background: #fff; }
.business-card-generated-code canvas { display: block; width: 230px !important; height: 230px !important; }
.business-card-copy-url { width: 100%; margin-top: 16px; text-align: center; }

.business-card-profile-layout { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.business-card-profile-actions { display: flex; max-width: 410px; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px; }
.business-card-profile-actions form { margin: 0; }
.business-card-engagement { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 22px; padding: 13px 16px; border: 1px solid #e0eaf6; border-radius: 12px; background: linear-gradient(135deg, #f8fbff, #f1f7ff); }
.business-card-viewers { display: flex; align-items: center; color: #71849c; }
.business-card-viewers strong { margin: 0 4px 0 10px; color: #234f80; font-size: 18px; }
.business-card-avatar-stack { display: inline-flex; min-width: 12px; }
.business-card-avatar-stack img { width: 32px; height: 32px; margin-left: -7px; border: 2px solid #fff; border-radius: 50%; object-fit: cover; background: #e9f0f8; }
.business-card-avatar-stack img:first-child { margin-left: 0; }
.business-card-engagement form { margin: 0; }
.business-card-reliable { display: inline-flex; min-height: 36px; align-items: center; border: 1px solid #f0d89c; border-radius: 18px; padding: 0 15px; color: #9b7118; background: #fffaf0; }
button.business-card-reliable { cursor: pointer; }
.business-card-reliable.on { border-color: #ffcf66; color: #9a6100; background: #fff2cf; }
.business-card-contact-panel { margin-top: 24px; padding: 20px; border: 1px solid #dce9f7; border-radius: 13px; background: #f7fbff; }
.business-card-contact-panel.locked { border-style: dashed; }
.business-card-contact-panel h2,
.business-card-section > h2 { margin: 0 0 14px; color: #17345d; font-size: 19px; }
.business-card-contact-panel p { margin: 0; color: #70839b; }
.business-card-contact-panel dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; }
.business-card-contact-panel dl > div { min-width: 0; }
.business-card-contact-panel dt { margin-bottom: 5px; color: #8a99ab; font-size: 13px; }
.business-card-contact-panel dd { overflow-wrap: anywhere; margin: 0; color: #304c6b; }
.business-card-section { margin-top: 26px; padding-top: 24px; border-top: 1px solid #e8eef6; }
.business-card-section .business-card-intro { margin: 0; padding: 0; border: 0; }
.business-card-public-posts { display: grid; gap: 12px; }
.business-card-public-posts article { display: grid; grid-template-columns: 132px minmax(0, 1fr); gap: 16px; padding: 14px; border: 1px solid #e4ecf5; border-radius: 12px; }
.business-card-public-posts article > img { width: 132px; height: 86px; border-radius: 9px; object-fit: cover; }
.business-card-public-posts time { color: #94a2b3; font-size: 12px; }
.business-card-public-posts h3 { margin: 7px 0; font-size: 17px; }
.business-card-public-posts h3 a { color: #193759; }
.business-card-public-posts p { margin: 0; color: #74869c; line-height: 1.6; }
.business-card-empty.compact { padding: 24px; }

.business-card-dialog { position: fixed; inset: 0; width: min(520px, calc(100vw - 32px)); height: fit-content; max-height: calc(100vh - 32px); box-sizing: border-box; margin: auto; overflow: auto; border: 0; border-radius: 16px; padding: 28px; color: #183153; box-shadow: 0 20px 70px rgba(18, 47, 86, .25); }
.business-card-dialog::backdrop { background: rgba(16, 38, 67, .46); }
.business-card-dialog h3 { margin: 0 0 12px; font-size: 22px; }
.business-card-dialog p { color: #74869c; line-height: 1.7; }
.business-card-dialog form:not(.business-card-dialog-close) { display: grid; gap: 12px; margin-top: 15px; }
.business-card-dialog textarea { min-height: 130px; resize: vertical; }
.business-card-dialog-close { position: absolute; top: 10px; right: 12px; margin: 0; }
.business-card-dialog-close button { width: 34px; height: 34px; border: 0; border-radius: 50%; color: #68809c; background: #f2f6fb; cursor: pointer; font-size: 22px; }
.business-card-code-dialog { position: fixed; inset: 0; width: min(460px, calc(100vw - 32px)); height: fit-content; max-height: calc(100vh - 32px); margin: auto; overflow: auto; text-align: center; }
.business-card-code-dialog > section { display: flex; min-height: 360px; flex-direction: column; align-items: center; justify-content: center; }
.business-card-code-dialog section[hidden] { display: none; }
.business-card-code-dialog img { display: block; width: min(300px, 75vw); max-height: 300px; margin: 18px auto 0; border: 1px solid #e0e9f4; border-radius: 14px; object-fit: contain; background: #fff; }
.business-card-code-placeholder { display: flex; width: min(300px, 100%); min-height: 240px; box-sizing: border-box; align-items: center; justify-content: center; margin: 18px auto 0; border: 1px dashed #c8d8eb; border-radius: 14px; color: #8798ac; background: #f7faff; }

.business-card-article { max-width: 900px; margin: 0 auto; }
.business-card-article > h1 { margin: 18px 0 12px; color: #17345d; font-size: 30px; line-height: 1.4; }
.business-card-back { color: #3277df; }
.business-card-article-cover { display: block; width: 100%; max-height: 460px; margin: 22px 0; border-radius: 14px; object-fit: cover; }
.business-card-article-content { margin-top: 24px; color: #354f6c; font-size: 16px; line-height: 2; white-space: pre-wrap; }
.business-card-article-media { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 24px; }
.business-card-article-media img,
.business-card-article-media video { width: 100%; max-height: 360px; border-radius: 12px; object-fit: cover; }

.business-card-exchange-button { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; margin-top: 10px; padding: 0 18px; border: 1px solid #2e7df3; border-radius: 19px; color: #2e7df3 !important; background: #fff; cursor: pointer; }
.business-card-exchange-button:hover { color: #fff !important; background: #2e7df3; }
.business-card-location-row { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 8px; }
.business-card-location-row .p4 { min-width: 0; margin: 0 !important; }
.business-card-location-row .business-card-exchange-button { flex: 0 0 auto; margin-top: 0; }
main.shops .head_info .but .business-card-exchange-button { min-height: 35px; margin-left: 20px; margin-top: 0; padding: 0 25px; border-radius: 35px; }

@media (max-width: 1100px) {
    .business-card-form-grid { grid-template-columns: 1fr; }
    .business-card-field.full { grid-column: auto; }
    .business-card-option-grid { grid-template-columns: 1fr; }
    .business-card-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .business-card-code-grid,
    .business-card-contact-card,
    .business-card-contact-edit,
    .business-card-post-row,
    .business-card-message-row { grid-template-columns: 1fr; }
    .business-card-profile-layout,
    .business-card-folder-tools { align-items: stretch; flex-direction: column; }
    .business-card-profile-actions { max-width: none; justify-content: flex-start; }
    .business-card-engagement { align-items: flex-start; flex-direction: column; }
    .business-card-post-row > img { width: 100%; height: 180px; }
}

@media (max-width: 768px) {
    .business-card-module .float-toolbar { display: none; }
    .business-card-page { padding: 12px; }
    main.member > .business-card-page { padding-top: 62px; }
    .business-card-tabs { overflow-x: auto; padding: 12px; }
    .business-card-tabs a { flex: 0 0 auto; padding: 0 14px; }
    .business-card-content { padding: 18px 14px; }
    .business-card-form-grid { grid-template-columns: 1fr; }
    .business-card-field.full { grid-column: auto; }
    .business-card-media-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .business-card-row { grid-template-columns: 56px minmax(0, 1fr); }
    .business-card-row-avatar { width: 56px; height: 56px; }
    .business-card-row-actions { grid-column: 1 / -1; justify-content: flex-start; }
    .business-card-profile { grid-template-columns: 82px minmax(0, 1fr); gap: 14px; }
    .business-card-profile > img { width: 82px; height: 82px; }
    .business-card-heading-row,
    .business-card-folder-tools,
    .business-card-profile-layout,
    .business-card-visitor-row { align-items: stretch; flex-direction: column; }
    .business-card-quick-grid,
    .business-card-code-grid { grid-template-columns: 1fr; }
    .business-card-contact-card,
    .business-card-contact-edit,
    .business-card-post-row,
    .business-card-message-row { grid-template-columns: 1fr; }
    .business-card-post-row > img { width: 100%; height: 160px; }
    .business-card-contact-panel dl { grid-template-columns: 1fr; }
    .business-card-profile-actions { max-width: none; justify-content: flex-start; }
    .business-card-bubble { max-width: 88%; }
    .business-card-public-posts article { grid-template-columns: 90px minmax(0, 1fr); }
    .business-card-public-posts article > img { width: 90px; height: 72px; }
    .business-card-article-media { grid-template-columns: 1fr; }
}