/* =====================================================================
   EIDOK BUSINESS PAGES - brand header, trust, contact, CTA, shop window, setup checklist
   ===================================================================== */
/* a business has a logo, not a face: rounded square */
body.ek-bz-page .profile-avatar-wrapper:not(.static) { border-radius: 32% !important; }
body.ek-bz-page .profile-avatar-wrapper img { border-radius: 30% !important; }
.ek-bz-trust { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; }
.ek-bz-cat { display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 999px; background: var(--ek-brand-soft); color: var(--ek-brand); font-size: 13px; font-weight: 800; }
.ek-bz-rate { display: inline-flex; align-items: center; gap: 5px; height: 28px; padding: 0 10px; border-radius: 999px; background: rgba(245, 158, 11, .12); color: var(--ek-text) !important; font-size: 13px; text-decoration: none !important; }
.ek-bz-rate b { font-weight: 800; }
.ek-bz-rate span { color: var(--ek-text-2); }
.ek-bz-likes { font-size: 13px; color: var(--ek-text-2); }
.ek-bz-likes b { color: var(--ek-text); font-weight: 800; }
.ek-bz .ek-ph-headline { max-width: 640px; }
.ek-bz-contact a { font-weight: 600; }
.profile-buttons-wrapper .ek-bz-cta { background: var(--ek-grad) !important; color: #fff !important; border: 0 !important; box-shadow: 0 8px 22px rgba(214, 36, 110, .35); }
.profile-buttons-wrapper .ek-bz-cta svg { transition: transform .15s; }
.profile-buttons-wrapper .ek-bz-cta:hover svg { transform: translateX(3px); }
body.ek-bz-page .profile-buttons-wrapper .js_like-page,
body.ek-bz-page .profile-buttons-wrapper .js_unlike-page { background: var(--ek-surface-2) !important; color: var(--ek-text) !important; border: 1px solid var(--ek-line) !important; box-shadow: none !important; }
body.ek-bz-page .profile-buttons-wrapper .js_unlike-page i { color: var(--ek-brand); }
body.ek-bz-page .ek-ph-top { padding-bottom: 22px; }
@media (min-width: 992px) { body.ek-bz-page .ek-ph-top .profile-buttons-wrapper { flex-wrap: wrap; max-width: 520px; } }
@media (max-width: 991.98px) { .ek-bz-trust { justify-content: center; } }
@media (max-width: 575.98px) {
  body.ek-bz-page .ek-ph-top .profile-buttons-wrapper { flex-wrap: wrap; }
  body.ek-bz-page .ek-bz-call span { display: none; }
  body.ek-bz-page .ek-bz-call { width: 40px; padding: 0 !important; justify-content: center; }
}
/* tabs: labels visible like the profile tabs */
body.ek-bz-page .ek-profile-tabs .d-none { display: inline !important; }
body.ek-bz-page .ek-profile-tabs .mr5 { margin-right: 0 !important; }
@media (max-width: 767.98px) { body.ek-bz-page .ek-profile-tabs > a:not(.active) span { display: none !important; } }

/* shop window */
.ek-bz-shop { background: var(--ek-surface); border: 1px solid var(--ek-line); border-radius: 22px; padding: 16px 0 18px; margin-bottom: 16px; box-shadow: var(--ek-shadow); }
.ek-bz-shop-head { display: flex; align-items: center; justify-content: space-between; padding: 0 18px 12px; }
.ek-bz-shop-head h3 { margin: 0; font-size: 17px; font-weight: 800; }
.ek-bz-shop-head small { color: var(--ek-text-2); font-size: 12.5px; }
.ek-bz-shop-head a { font-size: 13px; font-weight: 800; color: var(--ek-brand) !important; }
.ek-bz-shop-track { display: flex; gap: 12px; overflow-x: auto; padding: 2px 18px 4px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.ek-bz-shop-track::-webkit-scrollbar { display: none; }
.ek-bz-item { flex: none; width: 168px; scroll-snap-align: start; text-decoration: none !important; color: var(--ek-text) !important; }
.ek-bz-item-img { position: relative; display: block; aspect-ratio: 1; border-radius: 16px; background: var(--ek-surface-2) center/cover no-repeat; border: 1px solid var(--ek-line); }
.ek-bz-sold { position: absolute; left: 8px; top: 8px; font-style: normal; font-size: 11px; font-weight: 800; color: #fff; background: rgba(15, 20, 25, .75); padding: 2px 8px; border-radius: 999px; }
.ek-bz-item-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 8px; font-size: 14px; font-weight: 700; line-height: 1.4; }
.ek-bz-item-price { display: block; margin-top: 2px; font-size: 14.5px; font-weight: 800; background: var(--ek-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ek-bz-shop-empty { display: flex; align-items: center; gap: 14px; margin: 0; padding: 16px; width: 100%; border-radius: 18px; border: 2px dashed var(--ek-line); color: var(--ek-text) !important; text-decoration: none !important; }
.ek-bz-shop-empty:hover { border-color: var(--ek-brand); }
.ek-bz-shop-plus { flex: none; width: 48px; height: 48px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: var(--ek-grad); color: #fff; font-size: 26px; font-weight: 700; }
.ek-bz-shop-empty > span:last-child { display: flex; flex-direction: column; }
.ek-bz-shop-empty small { color: var(--ek-text-2); font-size: 13px; }

/* setup checklist */
.ek-bz-setup { border-radius: 22px !important; overflow: hidden; background: linear-gradient(160deg, rgba(228, 30, 38, .06), rgba(138, 43, 226, .07)), var(--ek-surface) !important; }
.ek-bz-setup-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.ek-bz-setup-head strong { display: block; font-size: 16px; font-weight: 800; }
.ek-bz-setup-head small { color: var(--ek-text-2); font-weight: 600; }
.ek-bz-ring { --p: 0; width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12.5px; font-weight: 800; color: var(--ek-text); background: radial-gradient(closest-side, var(--ek-surface) 76%, transparent 78% 100%), conic-gradient(#D6246E calc(var(--p) * 1%), var(--ek-line) 0); }
.ek-bz-steps { list-style: none; margin: 0; padding: 0; }
.ek-bz-steps li a { display: flex; align-items: center; gap: 12px; padding: 9px 6px; border-radius: 12px; color: var(--ek-text) !important; text-decoration: none !important; }
.ek-bz-steps li a:hover { background: var(--ek-surface-2); }
.ek-bz-tick { flex: none; width: 24px; height: 24px; border-radius: 50%; border: 2px solid var(--ek-line); display: flex; align-items: center; justify-content: center; color: #fff; }
.ek-bz-steps li.is-done .ek-bz-tick { background: #16A34A; border-color: #16A34A; }
.ek-bz-steps li.is-done b { color: var(--ek-text-2); text-decoration: line-through; font-weight: 600; }
.ek-bz-step-t { display: flex; flex-direction: column; min-width: 0; }
.ek-bz-step-t b { font-size: 14px; font-weight: 700; }
.ek-bz-step-t small { font-size: 12px; color: var(--ek-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }