.csp-profile-showcase,
.csp-profile-showcase * { box-sizing:border-box; }

/* BuddyBoss remains routing/auth only. The showcase owns the complete visual canvas. */
body.wizytowka #secondary.profile-widget-area { display:none!important; }
body.wizytowka #primary,
body.wizytowka .bb-profile-grid,
body.wizytowka .bb-profile-grid>.item-body { width:100%!important; max-width:none!important; flex:1 1 100%!important; }

.csp-profile-showcase {
	--csp-profile-ink:#17182b;
	--csp-profile-muted:#666779;
	--csp-profile-purple:#5a1494;
	--csp-profile-purple-strong:#460878;
	--csp-profile-line:#e6e3ed;
	--csp-profile-wash:#f8f7fb;
	--csp-profile-mint:#1bbf94;
	position:relative;
	left:50%;
	width:min(1240px,calc(100vw - 96px));
	max-width:none;
	margin:28px 0 58px;
	transform:translateX(-50%);
	color:var(--csp-profile-ink);
	font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.csp-profile-showcase a { text-decoration:none!important; }
.csp-profile-showcase svg { width:20px; height:20px; flex:0 0 auto; }
.csp-profile-showcase__notice { margin:0 0 16px; padding:13px 17px; border:1px solid #b9ead2; border-radius:14px; color:#096e48; background:#f1fff8; font-weight:750; }

/* Editorial hero: quiet, spacious and independent of theme components. */
.csp-profile-showcase__hero { display:grid; grid-template-columns:minmax(390px,36%) minmax(0,64%); min-height:520px; overflow:hidden; border:1px solid var(--csp-profile-line); border-radius:24px; background:#fff; box-shadow:0 22px 62px rgba(31,25,43,.08); }
.csp-profile-showcase__portrait { position:relative; min-height:520px; overflow:hidden; background-image:var(--csp-profile-photo); background-position:center top; background-size:cover; }
.csp-profile-showcase__portrait:after { content:""; position:absolute; inset:46% 0 0; background:linear-gradient(180deg,transparent,rgba(20,5,30,.9)); pointer-events:none; }
.csp-profile-showcase__portrait-copy { position:absolute; z-index:1; left:34px; right:34px; bottom:32px; display:grid; gap:15px; color:#fff; }
.csp-profile-showcase__portrait-copy span { justify-self:start; padding:7px 12px; border:1px solid rgba(255,255,255,.38); border-radius:999px; background:rgba(29,10,42,.66); backdrop-filter:blur(12px); font-size:12px; font-weight:850; }
.csp-profile-showcase__portrait-copy strong { max-width:340px; color:#fff; font-size:clamp(30px,3vw,44px); line-height:1.02; letter-spacing:-.04em; text-wrap:balance; }
.csp-profile-showcase__intro { min-width:0; padding:44px 52px 36px; display:flex; flex-direction:column; justify-content:center; background:radial-gradient(circle at 100% 0,#effcff 0,transparent 34%),#fff; }
.csp-profile-showcase__top { position:relative; }
.csp-profile-showcase__top>small { display:flex; align-items:center; gap:9px; color:var(--csp-profile-purple); font-size:11px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.csp-profile-showcase__top>small svg { width:18px; height:18px; }
.csp-profile-showcase__top h1 { max-width:760px; margin:12px 0 8px; color:var(--csp-profile-ink); font-size:clamp(48px,5vw,68px); line-height:.98; letter-spacing:-.055em; text-wrap:balance; }
.csp-profile-showcase__role { max-width:680px; margin:0!important; color:#505164!important; font-size:16px!important; font-weight:700; line-height:1.5!important; }
.csp-profile-showcase__promise { max-width:650px; margin:18px 0 0!important; color:var(--csp-profile-muted)!important; font-size:17px!important; line-height:1.62!important; }
.csp-profile-showcase__edit { position:absolute; top:-17px; right:-25px; min-height:38px; padding:0 14px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #ded6e6; border-radius:10px; color:var(--csp-profile-purple); background:rgba(255,255,255,.92); font-size:12px; font-weight:850; line-height:1; cursor:pointer; box-shadow:0 8px 22px rgba(35,22,48,.06); transition:border-color .18s ease,transform .18s ease; }
.csp-profile-showcase__edit:hover { border-color:#bea8d1; transform:translateY(-1px); }
.csp-profile-showcase__edit:focus-visible { outline:3px solid rgba(90,20,148,.22); outline-offset:3px; }
.csp-profile-showcase__actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:26px; }
.csp-profile-showcase__actions a { min-height:48px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid #d8cee2; border-radius:12px; color:var(--csp-profile-purple)!important; background:#fff; font-size:14px; font-weight:850; transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.csp-profile-showcase__actions a:hover { transform:translateY(-2px); border-color:#bea6d3; box-shadow:0 12px 26px rgba(40,25,55,.09); }
.csp-profile-showcase__actions a.is-primary { border-color:var(--csp-profile-purple); color:#fff!important; background:var(--csp-profile-purple); box-shadow:0 12px 28px rgba(90,20,148,.18); }
.csp-profile-showcase__metrics { margin-top:28px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; border:1px solid var(--csp-profile-line); border-radius:16px; background:rgba(255,255,255,.78); }
.csp-profile-showcase__metrics>div { min-width:0; min-height:86px; padding:15px 18px; display:flex; align-items:center; gap:13px; border-left:1px solid var(--csp-profile-line); }
.csp-profile-showcase__metrics>div:first-child { border-left:0; }
.csp-profile-showcase__metric-icon { width:38px; height:38px; display:grid!important; place-items:center; border:1px solid #d8c8e5; border-radius:12px; color:var(--csp-profile-purple); background:#fbf8fd; }
.csp-profile-showcase__metric-icon svg { width:19px; height:19px; }
.csp-profile-showcase__metrics p { min-width:0; margin:0!important; }
.csp-profile-showcase__metrics strong,.csp-profile-showcase__metrics small { display:block; overflow-wrap:anywhere; }
.csp-profile-showcase__metrics strong { color:var(--csp-profile-ink); font-size:16px; line-height:1.2; letter-spacing:-.02em; }
.csp-profile-showcase__metrics small { margin-top:4px; color:var(--csp-profile-muted); font-size:11px; line-height:1.35; }

/* Horizontal, icon-led navigation inspired by premium SaaS profiles. */
.csp-profile-showcase__workspace { margin-top:22px; overflow:hidden; border:1px solid var(--csp-profile-line); border-radius:22px; background:#fff; box-shadow:0 16px 42px rgba(29,20,41,.05); }
.csp-profile-showcase__tabs { padding:0 22px; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-bottom:1px solid var(--csp-profile-line); background:#fff; }
.csp-profile-showcase__tabs [data-csp-profile-tab] { position:relative; width:auto; min-width:0; min-height:70px; margin:0; padding:0 10px; display:flex; align-items:center; justify-content:center; gap:10px; border:0; border-radius:0; color:#6a697a; background:transparent; box-shadow:none; font:inherit; font-size:13px; font-weight:760; line-height:1.2; text-align:center; cursor:pointer; user-select:none; transition:color .18s ease,background .18s ease; }
.csp-profile-showcase__tabs [data-csp-profile-tab]:hover { color:var(--csp-profile-purple); background:#fcfafd; }
.csp-profile-showcase__tabs [data-csp-profile-tab].is-active { color:var(--csp-profile-purple-strong); }
.csp-profile-showcase__tabs [data-csp-profile-tab].is-active:after { content:""; position:absolute; left:17%; right:17%; bottom:0; height:3px; border-radius:99px 99px 0 0; background:var(--csp-profile-purple); }
.csp-profile-showcase__tabs [data-csp-profile-tab]:focus-visible { outline:3px solid rgba(90,20,148,.2); outline-offset:-5px; }
.csp-profile-showcase__tabs svg { width:21px; height:21px; }
.csp-profile-showcase__panels { min-height:330px; padding:34px 42px 40px; }
.csp-profile-showcase__panels>section { display:none; animation:cspProfilePanel .2s ease both; }
.csp-profile-showcase__panels>section.is-active { display:block; }
.csp-profile-showcase__panels h2 { margin:0 0 12px; color:var(--csp-profile-ink); font-size:28px; line-height:1.12; letter-spacing:-.032em; }
.csp-profile-showcase__panels p { color:var(--csp-profile-muted); font-size:15px; line-height:1.72; }
.csp-profile-showcase__panel-heading { display:flex; align-items:flex-start; gap:14px; margin-bottom:20px; }
.csp-profile-showcase__panel-heading>span { width:46px; height:46px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #d9cbe5; border-radius:14px; color:var(--csp-profile-purple); background:linear-gradient(145deg,#fbf8fd,#f0e6f8); }
.csp-profile-showcase__panel-heading h2 { margin:1px 0 4px; }
.csp-profile-showcase__panel-heading p { margin:0!important; font-size:13px!important; line-height:1.45!important; }
.csp-profile-showcase__about { grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr); gap:24px; align-items:start; }
.csp-profile-showcase__panels>.csp-profile-showcase__about.is-active { display:grid; }
.csp-profile-showcase__about>div { padding:4px 10px 4px 0; }
.csp-profile-showcase__lead { margin:0!important; }
.csp-profile-showcase__about-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin-top:20px; }
.csp-profile-showcase__about-grid article { padding:18px; border:1px solid var(--csp-profile-line); border-radius:15px; background:#fff; }
.csp-profile-showcase__about-grid h3 { margin:0 0 10px; color:var(--csp-profile-ink); font-size:15px; }
.csp-profile-showcase__about-grid p { margin:0!important; font-size:13px!important; line-height:1.55!important; }
.csp-profile-showcase__about-grid ul { margin:0; padding:0; display:grid; gap:7px; list-style:none; }
.csp-profile-showcase__about-grid li { position:relative; padding-left:20px; color:#555668; font-size:12px; line-height:1.45; }
.csp-profile-showcase__about-grid li:before { content:"✓"; position:absolute; left:0; color:#6da52b; font-weight:900; }
.csp-profile-showcase__signature { display:block; margin-top:18px; color:#8a50b8; font-family:"Segoe Script","Bradley Hand",cursive; font-size:27px; line-height:1.2; }
.csp-profile-showcase__about>blockquote { position:relative; margin:0; padding:34px 32px 30px 70px; display:flex; align-items:center; border:1px solid #d9e7e9; border-radius:18px; color:#414252; background:linear-gradient(135deg,#f8fcfc,#f7f2fa); font-size:16px; font-weight:720; line-height:1.62; }
.csp-profile-showcase__about>blockquote:before { content:"“"; position:absolute; left:28px; top:25px; color:var(--csp-profile-purple); font-size:50px; line-height:1; }
.csp-profile-showcase__cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin-top:20px; }
.csp-profile-showcase__cards--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.csp-profile-showcase__cards article { position:relative; padding:19px 20px; border:1px solid var(--csp-profile-line); border-radius:16px; background:#fff; }
.csp-profile-showcase__cards article.is-accent { border-color:#a9dce1; background:linear-gradient(145deg,#f3fcfd,#edf8fa); }
.csp-profile-showcase__cards small { display:inline-grid; width:34px; height:34px; place-items:center; border-radius:10px; color:var(--csp-profile-purple); background:#f2e9f9; font-weight:900; }
.csp-profile-showcase__cards h3 { margin:0 0 6px; color:var(--csp-profile-ink); font-size:15px; line-height:1.35; }
.csp-profile-showcase__cards small+h3 { padding-left:46px; margin-top:-34px; min-height:34px; }
.csp-profile-showcase__cards p { margin:7px 0 0; color:#5f6071; font-size:13px; line-height:1.5; }
.csp-profile-showcase__cards em { display:block; margin-top:7px; color:#694581; font-size:12px; font-style:normal; font-weight:760; line-height:1.45; }
.csp-profile-showcase__subheading { margin:20px 0 10px; color:var(--csp-profile-ink); font-size:15px; }
.csp-profile-showcase__chips { display:flex; flex-wrap:wrap; gap:7px; }
.csp-profile-showcase__chips span { padding:7px 11px; border:1px solid #ded5e6; border-radius:999px; color:#595164; background:#fbf9fc; font-size:12px; font-weight:760; line-height:1; }
.csp-profile-showcase__chips--check { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.csp-profile-showcase__chips--check span { position:relative; padding-left:30px; }
.csp-profile-showcase__chips--check span:before { content:"✓"; position:absolute; left:12px; color:#6da52b; font-weight:900; }
.csp-profile-showcase__pillars { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-top:16px; }
.csp-profile-showcase__pillars article,.csp-profile-showcase__cooperation-grid article { padding:19px; border:1px solid var(--csp-profile-line); border-radius:16px; background:#fff; }
.csp-profile-showcase__pillars h3,.csp-profile-showcase__cooperation-grid h3 { margin:0 0 8px; color:var(--csp-profile-ink); font-size:16px; }
.csp-profile-showcase__pillars p,.csp-profile-showcase__cooperation-grid p { margin:0!important; font-size:13px!important; line-height:1.55!important; }
.csp-profile-showcase__cooperation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.csp-profile-showcase__cooperation-grid article:nth-child(3) { grid-column:1/-1; }
.csp-profile-showcase__quotes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin-top:14px; }
.csp-profile-showcase__quotes blockquote { margin:0; padding:18px 20px; border-left:3px solid var(--csp-profile-purple); border-radius:0 14px 14px 0; color:#555668; background:#faf8fb; font-size:13px; font-style:italic; line-height:1.55; }
.csp-profile-showcase__empty { padding:24px; border-radius:16px; background:var(--csp-profile-wash); }

/* Two editorial offer cards, never the host theme product component. */
.csp-profile-showcase__products { margin-top:24px; padding:0 0 4px; }
.csp-profile-showcase__section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:22px; }
.csp-profile-showcase__section-head h2 { margin:0; color:var(--csp-profile-ink); font-size:28px; line-height:1.12; letter-spacing:-.035em; }
.csp-profile-showcase__section-head>a { color:var(--csp-profile-purple)!important; font-size:13px; font-weight:850; }
.csp-profile-showcase__product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:18px; }
.csp-profile-showcase__product-grid>a { min-width:0; min-height:244px; display:grid; grid-template-columns:minmax(220px,48%) minmax(0,1fr); overflow:hidden; border:1px solid var(--csp-profile-line); border-radius:18px; color:var(--csp-profile-ink)!important; background:#fff; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.csp-profile-showcase__product-grid>a:hover { transform:translateY(-3px); border-color:#cfbfdd; box-shadow:0 18px 38px rgba(47,30,61,.09); }
.csp-profile-showcase__product-grid>a>span { min-width:0; min-height:244px; display:block; overflow:hidden; background:#efebf3; }
.csp-profile-showcase__product-grid img { width:100%; height:100%; display:block; object-fit:cover; }
.csp-profile-showcase__product-grid>a>div { min-width:0; padding:22px; display:flex; flex-direction:column; }
.csp-profile-showcase__product-grid strong { color:var(--csp-profile-ink); font-size:19px; line-height:1.24; letter-spacing:-.025em; }
.csp-profile-showcase__product-grid p { margin:13px 0 18px; color:var(--csp-profile-muted); font-size:13px; line-height:1.55; }
.csp-profile-showcase__product-grid footer { margin-top:auto; padding-top:15px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--csp-profile-line); }
.csp-profile-showcase__product-grid footer small { color:var(--csp-profile-ink); font-size:18px; font-weight:900; letter-spacing:-.02em; }
.csp-profile-showcase__product-grid footer em { color:var(--csp-profile-purple); font-size:12px; font-style:normal; font-weight:850; white-space:nowrap; }

/* Secure editor keeps its data contract but uses the same independent visual system. */
.csp-profile-editor { width:min(1120px,calc(100% - 28px)); max-height:92vh; padding:0; overflow:hidden; border:0; border-radius:26px; color:#1c1930; background:#fff; box-shadow:0 40px 100px rgba(20,4,35,.35); }
.csp-profile-editor::backdrop { background:rgba(19,10,28,.64); backdrop-filter:blur(7px); }
.csp-profile-editor form>header { padding:24px 28px; display:flex; justify-content:space-between; border-bottom:1px solid #e8e0ef; }
.csp-profile-editor form>header small { color:#5a1494; font-weight:900; letter-spacing:.1em; }
.csp-profile-editor form>header h2 { margin:4px 0; font-size:28px; }
.csp-profile-editor form>header p { margin:0; color:#777083; }
.csp-profile-editor form>header button { width:42px; height:42px; border:1px solid #e2d7ea; border-radius:50%; background:#fff; font-size:26px; cursor:pointer; }
.csp-profile-editor__layout { max-height:calc(92vh - 168px); display:grid; grid-template-columns:1fr 280px; overflow:auto; }
.csp-profile-editor__fields { padding:24px 28px; display:grid; gap:16px; }
.csp-profile-editor label { display:grid; gap:7px; color:#3d3748; font-size:13px; font-weight:800; }
.csp-profile-editor input,.csp-profile-editor textarea,.csp-profile-editor select { width:100%; padding:12px 13px; border:1px solid #dcd2e5; border-radius:12px; color:#211d2c; background:#fff; font:inherit; font-weight:500; }
.csp-profile-editor textarea { resize:vertical; line-height:1.5; }
.csp-profile-editor__two { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.csp-profile-editor aside { position:sticky; top:0; align-self:start; padding:24px; border-left:1px solid #e8e0ef; background:#faf7fc; }
.csp-profile-editor__preview-photo { display:block; aspect-ratio:3/4; border-radius:18px; background-image:var(--csp-profile-photo); background-size:cover; background-position:center; }
.csp-profile-editor aside button { width:100%; margin-top:14px; padding:12px; border:0; border-radius:12px; color:#fff; background:#5a1494; font-weight:800; cursor:pointer; }
.csp-profile-editor aside p { color:#777083; font-size:12px; line-height:1.5; }
.csp-profile-editor form>footer { padding:16px 28px; display:flex; justify-content:flex-end; gap:10px; border-top:1px solid #e8e0ef; background:#fff; }
.csp-profile-editor form>footer button { padding:12px 18px; border:1px solid #d8cbe2; border-radius:12px; color:#5a1494; background:#fff; font-weight:850; cursor:pointer; }
.csp-profile-editor form>footer button[type="submit"] { border-color:#5a1494; color:#fff; background:#5a1494; }

@keyframes cspProfilePanel { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
@media (max-width:1120px) {
	.csp-profile-showcase { width:min(1040px,calc(100vw - 74px)); }
	.csp-profile-showcase__hero { grid-template-columns:minmax(330px,40%) minmax(0,1fr); }
	.csp-profile-showcase__intro { padding:40px 36px 32px; }
	.csp-profile-showcase__metrics>div { padding:13px; gap:9px; }
	.csp-profile-showcase__metric-icon { width:34px; height:34px; }
	.csp-profile-showcase__product-grid>a { grid-template-columns:1fr; }
	.csp-profile-showcase__product-grid>a>span { min-height:0; aspect-ratio:16/9; }
}
@media (max-width:820px) {
	.csp-profile-showcase { width:calc(100vw - 28px); }
	.csp-profile-showcase__hero { grid-template-columns:1fr; }
	.csp-profile-showcase__portrait { min-height:520px; }
	.csp-profile-showcase__edit { position:static; margin-top:18px; }
	.csp-profile-showcase__tabs { grid-template-columns:repeat(2,minmax(0,1fr)); padding:0 12px; }
	.csp-profile-showcase__tabs [data-csp-profile-tab]:last-child { grid-column:1/-1; }
	.csp-profile-showcase__about.is-active,.csp-profile-showcase__cards,.csp-profile-showcase__cards--three,.csp-profile-showcase__product-grid,.csp-profile-showcase__pillars { grid-template-columns:1fr; }
	.csp-profile-showcase__about-grid { grid-template-columns:1fr; }
	.csp-profile-editor__layout { grid-template-columns:1fr; }
	.csp-profile-editor aside { position:static; border-left:0; border-top:1px solid #e8e0ef; }
	.csp-profile-editor__preview-photo { max-width:260px; }
}
@media (max-width:560px) {
	.csp-profile-showcase { left:auto; width:calc(100% + 8px); margin:14px -4px 36px; transform:none; }
	.csp-profile-showcase__hero,.csp-profile-showcase__workspace { border-radius:19px; }
	.csp-profile-showcase__portrait { min-height:420px; }
	.csp-profile-showcase__portrait-copy { left:24px; right:24px; bottom:25px; }
	.csp-profile-showcase__portrait-copy strong { font-size:34px; }
	.csp-profile-showcase__intro { padding:29px 22px 25px; }
	.csp-profile-showcase__top h1 { font-size:42px; }
	.csp-profile-showcase__role { font-size:14px!important; }
	.csp-profile-showcase__promise { font-size:15px!important; }
	.csp-profile-showcase__actions a { flex:1 1 100%; }
	.csp-profile-showcase__metrics { grid-template-columns:1fr; }
	.csp-profile-showcase__metrics>div { min-height:68px; border-left:0; border-top:1px solid var(--csp-profile-line); }
	.csp-profile-showcase__metrics>div:first-child { border-top:0; }
	.csp-profile-showcase__tabs { grid-template-columns:1fr; }
	.csp-profile-showcase__tabs [data-csp-profile-tab]:last-child { grid-column:auto; }
	.csp-profile-showcase__panels { min-height:0; padding:26px 21px; }
	.csp-profile-showcase__about>blockquote { padding:26px 22px 24px 55px; }
	.csp-profile-showcase__chips--check,.csp-profile-showcase__cooperation-grid,.csp-profile-showcase__quotes { grid-template-columns:1fr; }
	.csp-profile-showcase__cooperation-grid article:nth-child(3) { grid-column:auto; }
	.csp-profile-showcase__section-head { align-items:flex-start; flex-direction:column; }
	.csp-profile-showcase__product-grid>a { min-height:0; }
	.csp-profile-showcase__product-grid>a>div { padding:18px; }
	.csp-profile-showcase__product-grid footer { align-items:flex-start; flex-direction:column; }
	.csp-profile-editor__two { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) {
	.csp-profile-showcase__panels>section,.csp-profile-showcase__actions a,.csp-profile-showcase__tabs [data-csp-profile-tab],.csp-profile-showcase__product-grid>a { animation:none; transition:none; }
}