/* * * * * * * * * * * * * * * * * * * *
 *
 *   @page		Biuro Matrymonialne
 *   @name		custom.css
 *   @author	Bartosz Machnik
 *   @created	05.2026
 *   @licence	copyright (c) by sitte.pl
 *   @version	1.0.0
 *
 */
 
/******************************************/
/* *** global rules *** */
:root {
	/* --bRad: 0.375rem; */
	--bRad: 15px;
	--bRad-sec: 30px;
	--sec-gap: 15px;
	--box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
}

html { font-size: 20px; }
/* body { margin: 17px; border-radius: var(--bRad); box-shadow: 0 0 4px 0 rgba(0,0,0,.1); } */
p:last-child { margin: 0; }

a { color: var(--sppb-color3); }
a:hover, a:active, a:focus { color: var(--sppb-main); }

.sppb-addon-title span { color: var(--sppb-main); }

#sp-main img { border-radius: var(--bRad); }

.sppb-panel-faq > .sppb-panel-heading { border-bottom: 0; padding-right: 40px; line-height: 1.333; }

.s-title-hook { padding-top: 60px; }

/* domyślne marginesy sekcji */
.sppb-section { padding: 120px 0; }
@media (max-width: 767.9007px) { .sppb-section { padding: 50px 0; } }
.top0{padding-top:0;}
.bottom0{padding-bottom:0;}
.sppb-section .sppb-section { padding: 0; }

/* dodaj 2 * 15px (czyli 30px) do wartości bazowej */
@media (min-width: 768.9007px) { .sppb-row-container { max-width: 750px; } }
@media (min-width: 992.9007px) { .sppb-row-container { max-width: 960px; } }
@media (min-width: 1200.9007px) { .sppb-row-container { max-width: 1170px; }}

/* domyślne sekcje */
.page-content { margin: 0 var(--sec-gap); }
.page-content > .sppb-section { border-radius: var(--bRad-sec)!important; margin: var(--sec-gap) 0; background-color: var(--sppb-color2); overflow: hidden; }
.page-content > .sppb-section:nth-child(1) { margin-top: 0; }
/* kolorowe sekcje */
.page-content > .sppb-section.light-sec, .light-sec { background-color: var(--sppb-color1); border-radius: var(--bRad-sec); }
.page-content > .sppb-section.dark-sec, .dark-sec {
	background-color: var(--sppb-color3); color: var(--sppb-color2); border-radius: var(--bRad-sec);
	background-image: url('/images/template/kwiatek-w-tle-03.png'); background-size: 400px; background-repeat: no-repeat; background-position: right 35px bottom;
}
.dark-sec h1, .dark-sec h2, .dark-sec h3, .dark-sec h4 { color: #fff; }
/* !!! X wyjątki dla com_users */
body.com_users .page-content { margin: 0; }
body.com_users .sppb-section { border-radius: initial!important; margin: 0; background-color: transparent; overflow: initial; }
body.com_users .sppb-section .sppb-row-container { padding: 0; }

/* buttony */
.btn, .sppb-btn { font-size: 1rem; }
/* .btn-primary, .sppb-btn-primary { border: 1px solid #fff; color: #fff; background: var(--sppb-main); padding: 18px 42px; font-weight: 700; text-transform: uppercase; border-radius: 0; } */
/* .btn-primary:hover, .sppb-btn-primary:hover, .btn.btn-primary:first-child:active, .btn.sppb-btn-primary:first-child:active { border: 1px solid #fff; color: #fff; background: #000; padding: 18px 42px; font-weight: 700; text-transform: uppercase; border-radius: 0; } */
/* primary */
.btn-primary, .sppb-btn-primary { border: 1px solid var(--sppb-color3); color: #fff; background: var(--sppb-color3); padding: 8px 40px; font-weight: 500; text-transform: uppercase; border-radius: var(--bRad); }
.btn-primary:hover, .sppb-btn-primary:hover, .btn.btn-primary:first-child:active, .btn.sppb-btn-primary:first-child:active, .btn-primary:focus, .sppb-btn-primary:focus { border: 1px solid var(--sppb-color3); color: #fff; background: var(--sppb-main); }
/* secondary */
.btn-secondary, .sppb-btn-secondary { border: 1px solid var(--sppb-main); color: #fff; background: var(--sppb-main); padding: 8px 40px; font-weight: 500; text-transform: uppercase; border-radius: var(--bRad); }
.btn-secondary:hover, .sppb-btn-secondary:hover, .btn.btn-secondary:first-child:active, .btn.sppb-btn-secondary:first-child:active, .btn-secondary:focus, .sppb-btn-secondary:focus { border: 1px solid var(--sppb-main); color: #fff; background: var(--sppb-color3); }
/* success */
.btn-success, .sppb-btn-success { border: 1px solid var(--sppb-main); color: var(--sppb-main); background: transparent; padding: 8px 40px; font-weight: 500; text-transform: uppercase; border-radius: var(--bRad); }
.btn-success:hover, .sppb-btn-success:hover, .btn.btn-success:first-child:active, .btn.sppb-btn-success:first-child:active, .btn-success:focus, .sppb-btn-success:focus { border: 1px solid var(--sppb-main); color: #fff; background: var(--sppb-main); }
/* fix dla ikony */
.btn-primary:has(.icon-calendar), .sppb-btn-primary:has(.icon-calendar), .btn-primary:has(.icon-calendar):hover, .sppb-btn-primary:has(.icon-calendar):hover, .btn.btn-primary:has(.icon-calendar):first-child:active, .btn.sppb-btn-primary:has(.icon-calendar):first-child:active { padding: 6px 42px; border-radius: 0 .375rem .375rem 0; border: 1px solid var(--sppb-color3); }
.btn-primary:has(.icon-calendar):hover, .sppb-btn-primary:has(.icon-calendar):hover { border-color: var(--sppb-main); }
/* nawigacja na mobilnych */
/* @media (max-width: 991.9007px) { body .btn-nav { padding: 5px 10px; font-size: 14px; }} */
@media (max-width: 575.9007px) {
	body .btn-nav, body .btn-save { padding: 15px 15px; font-size: 18px; }
	.sppb-button-wrapper { text-align: center!important; }
}

/* nadpisania addonu timeline (na KAŻDEJ stronie / sekcji, która go używa */
.sppb-addon-timeline .timeline-panel { display: flex; flex-wrap: wrap; padding: 20px!important; }
.sppb-addon-timeline .s-tmline-left { flex: 1 1 90px; }
.sppb-addon-timeline .s-tmline-right { flex: 1 1 calc(100% - 90px); }
.sppb-addon-timeline .s-tmline-left img { width: 70px; }
.sppb-addon-timeline .sppb-image-container-left, .sppb-addon-timeline .sppb-image-container-right { justify-content: flex-start; margin: 0; }
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .title { font-weight: 600; font-size: 1rem; text-align: left; }
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .details { font-size: 1rem; text-align: left; }
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date { line-height: 1!important; font-size: 5rem!important; color: var(--sppb-main); font-family: 'Cormorant Garamond', sans-serif; }
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel { width: calc(100% - 15px); }
@media screen and (max-width: 991.9007px) {
	.sppb-addon-timeline .timeline-panel { flex-direction: column; }
}
@media screen and (max-width: 767.9007px) {
	.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement { padding-bottom: 10px; }
	.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd  .timeline-item .timeline-date,
	.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.even .timeline-item .timeline-date { line-height: 110px; }
}
@media screen and (max-width: 575.9007px) {
	.sppb-addon-timeline .sppb-addon-timeline-wrapper { padding: 0 0 10px 0; }
	.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel { width: 100%; }
	.sppb-addon-timeline .sppb-addon-timeline-wrapper::before { width: 0; }
	.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel::before { border-color: transparent!important; box-shadow: none; }
}





/******************************************/
/* *** globalne modyfikatory (przełączniki - zbiory reguł) *** */

/* zasymulowanie kontenera dla rowów o pełnej szerokości (bez kontenera) */
.inner-left .sppb-column-addons, .inner-right .sppb-column-addons,
.inner-left-5to7 .sppb-column-addons, .inner-right-5to7 .sppb-column-addons,
.inner-left-7to5 .sppb-column-addons, .inner-right-7to5 .sppb-column-addons
	{ width: 100%; max-width: 100%; }
.inner-left .sppb-column-addons, .inner-left-5to7 .sppb-column-addons, .inner-left-7to5 .sppb-column-addons { margin-left: auto; margin-right: 0; padding-left: 15px; }
.inner-right .sppb-column-addons, .inner-right-5to7 .sppb-column-addons, .inner-right-7to5 .sppb-column-addons { margin-left: 0; margin-right: auto; padding-right: 15px; }
@media (min-width: 1200.9007px) {
	.inner-left .sppb-column-addons, .inner-right .sppb-column-addons { max-width: 750px; }
	.inner-left-5to7 .sppb-column-addons { max-width: 600px; }
	.inner-right-5to7 .sppb-column-addons { max-width: 850px; }
	.inner-left-7to5 .sppb-column-addons { max-width: 850px; }
	.inner-right-7to5 .sppb-column-addons { max-width: 600px; }
}

/* bloczki idealnie kwadratowe */
.sq-blocks .sppb-addon-text-block { aspect-ratio: 1/1; padding: 60px; border: 1px solid #000; display: flex; align-items: center; background: var(--sppb-color2); }
.sq-blocks .sppb-addon-text-block p { text-align: center; }

/* bloczki v2 */
.blocks2 .s-block2 { margin-top: 30px; text-align: center; padding: 25px; }
.blocks2 .s-block2 img { width: 50px; margin-bottom: 10px; }
@media (max-width: 991.9007px) {
	.blocks2 .sppb-row > div { margin-bottom: var(--sec-gap); }
}

.s-fluid-row { padding: var(--sec-gap); }
/* korelacja .s-fluid-row z .inner-left / .inner-right */
.s-fluid-row .inner-left .sppb-column-addons, .s-fluid-row .inner-left-5to7 .sppb-column-addons, .s-fluid-row .inner-left-7to5 .sppb-column-addons { padding-left: 0; }





.ramka1, .blocks2 .s-block2, .sppb-addon-timeline .timeline-panel { background: #fff; border: 1px solid #0000002a; border-radius: var(--bRad)!important; box-shadow: var(--box-shadow)!important; }





/*****************************************************************************/
/** *** formularze *** **/
/*****************************************************************************/

.control-group input::placeholder { color: #ced4da; }
.control-group textarea::-webkit-resizer { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23888888" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="21" y1="21" x2="3" y2="3"></line></svg>'); background-position: bottom right; background-repeat: no-repeat; padding: 15px; }
.control-group { display: flex; gap: 8px; }
.control-group .control-label { width: 20%; display: flex; align-items: center; justify-content: flex-end; background: #f4f4f4; border-radius: .375rem; padding: 5px 10px; }
.control-group .control-label label { width: 100%; position: relative; text-align: right; }
.control-group .controls { width: 80%; }
.form-control-feedback { position: absolute; right: 0.7rem; color: #f00; font-size: 0.75rem; bottom: -0.85rem; }
@media (max-width: 1199.9007px) {
	.control-group { flex-wrap: wrap; margin-bottom: 30px; }
	.control-group .control-label, .control-group .controls { width: 100%; }
	.control-group .control-label label { text-align: left; }
}

/* formularze: com_users */
.form-check-input:checked { background-color: var(--sppb-main); border-color: var(--sppb-color2);}
/* Reset i kontenery */
body.com_users { padding: 0; }
body.com_users #sp-main-body { padding: 0; }
body.com_users .container { max-width: 100%; }
body.com-users .password-group .input-group-text { display: none; }
body.com_users .control-group .control-label { width: 40%; }
body.com_users .btn.btn-secondary { font-size: 1rem; }
body.com_users .form-horizontal .controls { margin: 0; }

/* Układ i typografia */
.custom-auth-layout .auth-form-container { max-width: 600px; width: 100%; }
.custom-auth-layout .auth-title { font-weight: 700; color: #333; font-size: 2.2rem; }
.custom-auth-layout .auth-subtitle { font-size: 1.1rem; }
.custom-auth-layout a { text-decoration: none; }
.custom-auth-layout .brand-logo img.b-rad { border-radius: 10px; }

/* Formularze i Inputy */
.custom-auth-layout input[type="text"], .custom-auth-layout input[type="password"], .custom-auth-layout input[type="email"] { width: 100%; padding: 1rem; border-radius: var(--bRad); border: 1px solid #ddd; }
.custom-auth-layout input#password, .custom-auth-layout input#jform_password1, .custom-auth-layout input#jform_password2 { width: calc(100% - 70px); }
.custom-auth-layout input#password + div + .btn-secondary, .custom-auth-layout input#jform_password1 + div + .btn-secondary { border-radius: 0 var(--bRad) var(--bRad) 0; }
.custom-auth-layout label:not(.form-check-label) { display: block; font-size: 0.9rem; color: #555; }
.custom-auth-layout .form-check-label { font-size: 0.9rem; }
.custom-checkbox { accent-color: #e5005b; }

/* Przyciski i Ikony Font Awesome Pro */
.custom-auth-layout .btn { font-weight: normal!important; padding: 1rem; display: flex; align-items: center; justify-content: center; }
.custom-auth-layout .btn svg, .custom-auth-layout svg#Passkey { width: 1.0em; height: 1.0em; }
.custom-auth-layout .btn [class*="icon-"]::before {font-family: "Font Awesome 7 Pro" !important; font-weight: 400 !important; font-style: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1 !important; -webkit-font-smoothing: antialiased !important;}
.custom-auth-layout .input-password-toggle .icon-eye, .custom-auth-layout .input-password-toggle .icon-eye-slash { min-width: 22.5px; }
.custom-auth-layout .input-password-toggle .icon-eye::before { content: "\f06e"!important; }
.custom-auth-layout .input-password-toggle .icon-eye-slash::before { content: "\f070"!important; }

/* Prawy panel (grafika) */
.custom-auth-layout .auth-bg-column { background: linear-gradient(135deg, var(--main-color) 0%, var(--secondary-color-h) 100%); background-repeat: no-repeat; padding: 0; }
.custom-auth-layout .auth-bg-overlay { padding: 0; }
.custom-auth-layout .auth-bg-column img { width: 100%; height: 100%; object-fit: cover; padding: 0; max-height: none; }

@media (max-width: 575.9007px) {
	.control-group { flex-wrap: wrap; }
	.control-group .control-label, .control-group .controls { width: 100%; }
	body.com_users .control-group .control-label, body.com_users .control-group .controls { width: 100%; }
	.control-group .control-label label { text-align: left; }
}





/******************************************/
/* *** header *** */
#sp-header { height: auto; background: transparent; box-shadow: none; }
#sp-header.header-sticky { background: #fff; box-shadow: var(--box-shadow); }
#sp-header .sp-megamenu-wrapper { padding: 25px 0; }
#sp-logo { display: flex; align-items: center; }
@media (min-width: 576.9007px) { #sp-header .container { max-width: 100%; }}
@media (min-width: 768.9007px) { #sp-header .container { max-width: 100%; }}
@media (min-width: 992.9007px) {
	#offcanvas-toggler { display: none!important; }
	#sp-header .container { max-width: 1550px; }
}

/* sp mega menu */
.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { color: var(--sppb-main); }

/* logo */
@media (max-width: 1039.9007px) {
	.logo-image { height: 60px!important; }
}





/******************************************/
/* *** offcanvas *** */
.offcanvas-menu { width: 100%; }
.offcanvas-menu div:has(.logo) { background: var(--sppb-color2); }
body.ltr.offcanvs-position-right .offcanvas-menu { right: -100%; }
.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span { color: #252525; text-align: center; text-transform: uppercase; font-weight: 700; font-size: 28px; line-height: 1; opacity: 1; }
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a { width: 100%; display: inline-block; font-size: 22px; padding: 6px 0px; font-weight: 600; line-height: 1; }
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler { width: 48px; height: 48px; background: #2221; right: 0!important; }





/******************************************/
/* *** footer *** */
#sp-footer { background: var(--sppb-color2); }
#sp-footer p { text-align: right; }
#sp-footer a { font-size: 18px; color: var(--sppb-color3); }
#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus { color: var(--sppb-main); }
#sp-footer .mod-menu.mod-list { display: flex; flex-direction: column; align-items: flex-end; }
#sp-footer .mod-menu.mod-list a { text-transform: uppercase; padding: 2px 0; }
#sp-footer .sppb-social-share a { color: #fff; }
#sp-footer .sppb-social-share a:hover,
#sp-footer .sppb-social-share a:active,
#sp-footer .sppb-social-share a:focus
	{ color: #fff; }
@media (max-width: 767.9007px) {
	#sp-footer .mod-menu.mod-list { align-items: flex-start; }
	#sp-footer p { text-align: left; }
}
@media (max-width: 575.9007px) {
	#sp-footer .mod-menu.mod-list { align-items: center; }
	#sp-footer p { text-align: center; }
}





/******************************************/
/* *** sekcje / strona główna *** */
/* .sec-home .sppb-row > div { height: calc(100vh - 60px - 61px); border-bottom: 1px solid #000; } */
/* .sec-home .sppb-row > div:nth-child(1) { border-right: 1px solid #000; } */
.sec-home .sppb-row > div:nth-child(2) { position: relative; }
.sec-home .sppb-row > div:nth-child(2)::before { content: ''; display: block; position: absolute; inset: 0 calc(100% - 70px) 0 0; background: linear-gradient(to right, var(--sppb-color2), transparent); z-index: 3; }
@media (max-width: 1199.9007px) { .sec-home .sppb-row > div:nth-child(2)::before { display: none; } }

/* .sec-o-biu .sppb-row > div { border-bottom: 1px solid #000; } */
/* .sec-o-biu .sppb-row > div:nth-child(1) { border-right: 1px solid #000; } */
/* .sec-o-biu .sppb-row > div:nth-child(2) .sppb-column-addons { max-width: 500px; } */

/* .sec-o-nas .sppb-row > div:nth-child(1) { border-right: 1px solid #000; } */
/* .sec-o-nas img { border: 1px solid #000; } */

/* .sec-o-mnie .sppb-row > div { border-top: 1px solid #000; } */
/* .sec-o-mnie .sppb-row > div:nth-child(1) { border-right: 1px solid #000; } */
/* .sec-o-mnie img { border: 1px solid #000; } */

.sec-faq .sppb-panel-group { display: flex; flex-wrap: wrap; justify-content: space-between; }
.sec-faq .sppb-panel { flex: 0 1 100%; background: transparent; border-top: 1px solid #d0d0d0; }
.sec-faq .sppb-panel-title { font-family: 'Open Sans', sans-serif; font-size: 26px; font-weight: 400; }

.sec-feats .sppb-section { border-bottom: 1px solid #000; padding: 25px 0; }
.sec-feats .sppb-addon-title + .sppb-addon-content { margin-top: 15px; }
.sec-feats .sppb-nested-row > div:nth-child(2), .sec-feats .sppb-nested-row > div:nth-child(3) { text-align: center; }
.sec-feats .sppb-icon { font-size: 32px; }
.sec-feats .sppb-icon .fa-check { color: var(--sppb-main); }

@media (max-width: 1199.9007px) {
	/* .sec-home .sppb-row > div:nth-child(1) { height: calc(60vh - 60px); border-right: 0; } */
	/* .sec-home .sppb-row > div:nth-child(2) { height: 550px; } */
	.sec-home h1 br { display: none; }
	
	/* .sec-o-biu .sppb-row > div:nth-child(1) { border-right: 0; } */
	/* obrazek jest pierwszy, ale na mobilnych ma order 2 */
	/* .sec-o-biu .sppb-row > div:nth-child(1) { height: 475px; } */
	
	/* .sec-o-nas .sppb-row > div { border-bottom: 0; } */
	/* .sec-o-nas .sppb-row > div:nth-child(1) { border-right: 0; } */
	/* .sec-o-nas .sppb-row > div:nth-child(2) { border-bottom: 0; } */
	
	/* .sec-o-mnie .sppb-row > div { border-top: 0; } */
	
	.sec-pp .sppb-addon-text-block { max-width: 400px; margin: 0 auto 40px auto; }
}
@media (max-width: 991.9007px) {
	.sec-faq .sppb-panel { flex: 0 1 100%; }
}
@media (max-width: 767.9007px) {
	.sec-feats .s-title-row { display: none; }
	/* .sec-feats .sppb-icon { display: none; } */
	.sec-feats .sppb-icon { margin-top: 20px; }
	.sec-feats .sppb-form-label-visually-hidden { position: relative; font-size: 22px; top: -12px; }
	.sec-feats .sppb-nested-row > div:nth-child(2), .sec-feats .sppb-nested-row > div:nth-child(3) { flex: 0 1 50%!important; }
}

@media (min-width: 768.9007px) { #proces .sppb-row-container { max-width: 100%; }}
@media (max-width: 575.9007px) {
	#proces .timeline-date { text-align: center!important; }
	#proces .sppb-image-container-left, #proces .sppb-image-container-right { justify-content: center; }
}

body.com-sprofil #sp-main-body { padding: 20px 0 0 0; }





/******************************************/
/* *** error 404 / inne errory *** */
body.error #sp-main-body { display: none; }




/* menu profil */
.profilmenu { width:100%; margin:2rem 0; padding:0; background:transparent; }
.profilmenu ul { width:100%; display:flex; flex-wrap:nowrap; justify-content:flex-end; align-items:stretch; gap:.5px; margin:0; padding:0; list-style:none; background:transparent; }
.profilmenu ul li { margin:0; padding:0; list-style:none; flex:0 1 auto; }
.profilmenu ul li a { display:flex; align-items:center; gap:7px; padding:10px clamp(10px,2.6vw,22px); background:var(--sppb-main); color:#fff; text-decoration:none; white-space:nowrap; font-size:clamp(12px,3.2vw,15px); line-height:1.2; transition:background .2s ease; }
.profilmenu ul li a:hover { background:#000; color:#fff; text-decoration:none; }
.profilmenu li.active > a { background:var(--sppb-main); color:#fff; }
.profilmenu li.active > a:hover { background:#000; color:#fff; }
.profilmenu li:nth-child(1) > a::before { content:"\f007"; font-family:"Font Awesome 7 Pro"; font-weight:400; font-size:.9em; }
.profilmenu li:nth-child(2) > a::before { content:"\f2bb"; font-family:"Font Awesome 7 Pro"; font-weight:400; font-size:.9em; }
.profilmenu li:nth-child(3) > a::before { content:"\f302"; font-family:"Font Awesome 7 Pro"; font-weight:400; font-size:.9em; }
	/* filip fix */
	.profilmenu ul { gap: 1px; }
	.profilmenu ul li a { padding: 10px 14px; font-size: 15px; }
	@media (max-width: 575.9007px) {
		.profilmenu ul { flex-wrap: wrap; }
		.profilmenu ul li { width: calc(50% - 1px); }
	}



/******************************************/
/* *** com_sprofil: profil użytkownika *** */
/* body.com-sprofil .sprofil-profile { margin-top: 1rem; } */
/* body.com-sprofil .sprofil-profile * { box-sizing: border-box; } */
/* body.com-sprofil .sprofil-hero { display: grid; grid-template-columns: minmax(220px, 320px) 1fr; gap: 28px; align-items: stretch; margin-bottom: 28px; padding: 30px; border-radius: var(--bRad-sec); background: var(--sppb-color3); color: var(--sppb-color2); overflow: hidden; } */
/* body.com-sprofil .sprofil-photo { min-height: 320px; border-radius: var(--bRad); overflow: hidden; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.08); } */
/* body.com-sprofil .sprofil-photo img { width: 100%; height: 100%; min-height: 320px; object-fit: cover; display: block; } */
/* body.com-sprofil .sprofil-photo-placeholder { width: 110px; height: 110px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: var(--sppb-color2); color: var(--sppb-color3); font-size: 52px; } */
/* body.com-sprofil .sprofil-hero-content { display: flex; flex-direction: column; justify-content: center; min-width: 0; } */
/* body.com-sprofil .sprofil-eyebrow { color: var(--sppb-color2); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 10px; } */
/* body.com-sprofil .sprofil-title { color: var(--sppb-color2); } */
/* body.com-sprofil .sprofil-subtitle { margin-top: 14px; color: var(--sppb-color2); } */
/* body.com-sprofil .sprofil-status-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; } */
/* body.com-sprofil .sprofil-pill { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: var(--bRad); background: rgba(255,255,255,.1); color: var(--sppb-color2); } */
/* body.com-sprofil .sprofil-actions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 0 0 30px; } */
/* body.com-sprofil .sprofil-action { display: flex; flex-direction: column; gap: 8px; min-height: 120px; padding: 16px; border: 1px solid #eee; border-radius: var(--bRad); background: #fff; color: inherit; text-decoration: none; } */
/* body.com-sprofil a.sprofil-action:hover, body.com-sprofil a.sprofil-action:focus { color: inherit; text-decoration: none; border-color: var(--sppb-color3); } */
/* body.com-sprofil .sprofil-action.is-active { border-color: var(--sppb-color3); } */
/* body.com-sprofil .sprofil-action.is-disabled { opacity: .6; } */
/* body.com-sprofil .sprofil-action-title { color: var(--sppb-color3); font-weight: 600; line-height: 1.2; } */
/* body.com-sprofil .sprofil-action-desc { font-size: .85rem; line-height: 1.35; } */
/* body.com-sprofil .sprofil-action-progress { margin-top: auto; display: flex; align-items: center; gap: 8px; } */
/* body.com-sprofil .sprofil-action-progress-text { min-width: 42px; color: var(--sppb-color3); font-weight: 600; } */
/* body.com-sprofil .sprofil-action-progress-bar { display: block; width: 100%; height: 6px; border-radius: 99px; background: #eee; overflow: hidden; } */
/* body.com-sprofil .sprofil-action-progress-bar span { display: block; height: 100%; background: var(--sppb-color3); } */
/* body.com-sprofil .sprofil-section { margin: 0 0 24px; padding: 24px; border: 1px solid #eee; border-radius: var(--bRad-sec); background: #fff; } */
/* body.com-sprofil .sprofil-section-soft { background: var(--sppb-color2); } */
/* body.com-sprofil .sprofil-section h2 { margin-bottom: 18px; color: var(--sppb-color3); } */
/* body.com-sprofil .sprofil-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } */
/* body.com-sprofil .sprofil-detail { padding: 16px; border-radius: 14px; background: #fafafa; border: 1px solid #eee; } */
/* body.com-sprofil .sprofil-section-soft .sprofil-detail { background: #fff; } */
/* body.com-sprofil .sprofil-detail-label { margin-bottom: 7px; color: var(--sppb-color3); font-size: .75rem; font-weight: 600; text-transform: uppercase; } */
/* body.com-sprofil .sprofil-detail-value { overflow-wrap: anywhere; } */
/* body.com-sprofil .sprofil-empty { padding: 24px; border: 1px dashed #ddd; border-radius: var(--bRad); background: var(--sppb-color2); } */
/* body.com-sprofil .sprofil-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } */
/* body.com-sprofil .sprofil-gallery a { display: block; aspect-ratio: 1 / 1; border-radius: var(--bRad); overflow: hidden; background: #f1f1f1; } */
/* body.com-sprofil .sprofil-gallery img { width: 100%; height: 100%; object-fit: cover; display: block; } */
/* body.com-sprofil .sprofil-alert { margin-bottom: 20px; padding: 14px 18px; border-radius: var(--bRad); border: 1px solid #eee; background: var(--sppb-color2); } */
/* @media (max-width: 1199.9007px) { body.com-sprofil .sprofil-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); } } */
/* @media (max-width: 800px) { body.com-sprofil .sprofil-hero { grid-template-columns: 1fr; } body.com-sprofil .sprofil-detail-grid { grid-template-columns: 1fr; } body.com-sprofil .sprofil-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } } */
/* @media (max-width: 575.9007px) { body.com-sprofil .sprofil-actions { grid-template-columns: 1fr; } body.com-sprofil .sprofil-action { min-height: 0; } body.com-sprofil .sprofil-hero, body.com-sprofil .sprofil-section { padding: 18px; } }											 */