/* Studio Joli v3. Vervangt de volledige CSS uit versies 1 en 2.
   Voor de statische homepage (body.home), met de ongewijzigde rijvolgorde van v3.1. Zonder :has-selectors. */
.home .panel-layout { max-width:1200px; margin:0 auto; }
.home .panel-layout > .panel-grid { display:flex; gap:24px; margin:0 0 24px!important; }
.home .panel-layout > .panel-grid > .panel-grid-cell { min-width:0; flex:1 1 0; margin:0!important; }
.home .panel-layout .so-panel { margin-bottom:0!important; }
.sj-widget,.sj-widget * { box-sizing:border-box; }
.sj-widget { color:#454545; font-family:Arial,Helvetica,sans-serif; }
.sj-widget .sow-headline,.sj-widget .sow-sub-headline { font-family:Arial,Helvetica,sans-serif; font-weight:400; letter-spacing:normal; text-transform:none; }
.sj-widget .sow-headline-container { padding:0; }
.sj-widget .sow-headline,.sj-widget .sow-sub-headline { margin-top:0!important; }
.sj-widget .decoration { display:none; }
.sj-widget .sow-sub-headline { white-space:pre-line; }
.sj-widget img { max-width:100%; display:block; height:auto; }
.sj-widget .sow-image-container { display:block; }
.sj-widget a:focus { outline:3px solid #D92525; outline-offset:4px; }
.sj-widget .sow-image-container>a { display:block; }
.home .panel-layout > .panel-grid:nth-child(1) { margin-bottom:0!important; }
.sj-salon img { width:100%; aspect-ratio:1200/510; object-fit:cover; object-position:center; }
.home .panel-layout > .panel-grid:nth-child(2) { margin-bottom:0!important; }
.sj-welcome .sow-sub-headline { margin-bottom:8px!important; }
.sj-welcome .sow-headline { font-family:Georgia,'Times New Roman',serif; font-style:italic; font-weight:400; }
.sj-welcome-button { border-bottom:12px solid #D92525; }
.sj-section { padding:44px 12px 12px; }
.sj-section .sow-headline { font-size:25px!important; line-height:1.3!important; text-transform:uppercase; letter-spacing:.07em; }
.sj-section::after { content:''; display:block; width:44px; height:2px; margin:15px auto 0; background:#D92525; }
.home .panel-layout > .panel-grid:nth-child(n+4):nth-child(-n+6) { gap:12px; align-items:stretch; margin-bottom:14px!important; }
.home .panel-layout > .panel-grid:nth-child(n+4):nth-child(-n+6) > .panel-grid-cell:nth-child(even) { background:#F1F1F1; display:flex; flex-direction:column; justify-content:space-between; }
.sj-treatment-title { min-height:70px; display:flex; align-items:center; justify-content:center; }
.sj-treatment-title .sow-headline { font-size:14px!important; line-height:21px!important; letter-spacing:.09em; text-transform:uppercase; }
.sj-treatment-image img { width:100%; aspect-ratio:1/1; object-fit:cover; }
.sj-treatment-copy .sow-sub-headline { font-size:14px!important; line-height:25px!important; }
.sj-button .ow-button-base { line-height:1.5; }
.sj-button .ow-button-base a { display:inline-block; background:#D92525!important; border:1px solid #D92525!important; border-radius:0!important; padding:12px 20px!important; color:#fff!important; text-decoration:none!important; box-shadow:none!important; text-shadow:none!important; font:600 13px/1.5 Arial,sans-serif!important; }
.sj-button .ow-button-base a:hover { background:#454545!important; border-color:#454545!important; color:#fff!important; }
.sj-button .ow-button-align-center { text-align:center; }
.sj-treatment-link .ow-button-base a,.sj-article-link .ow-button-base a,.sj-brand-link .ow-button-base a { padding:0 0 5px!important; background:transparent!important; border:0!important; border-bottom:1px solid #D92525!important; color:#D92525!important; font-weight:400!important; }
.sj-treatment-link .ow-button-base a:hover,.sj-article-link .ow-button-base a:hover,.sj-brand-link .ow-button-base a:hover { background:transparent!important; color:#454545!important; border-color:#454545!important; }
.sj-brand { background:#fff; border:1px solid #F1F1F1; border-bottom:0; padding:25px 40px 0; }
.sj-brand img { width:100%; height:160px; object-fit:contain; }
.sj-brand-link { padding:12px 20px 24px; border:1px solid #F1F1F1; border-top:0; }
.home .panel-layout > .panel-grid:nth-child(10) > .panel-grid-cell:nth-child(1) { flex:25 1 0; }
.home .panel-layout > .panel-grid:nth-child(10) > .panel-grid-cell:nth-child(2) { flex:42 1 0; }
.home .panel-layout > .panel-grid:nth-child(10) > .panel-grid-cell:nth-child(3) { flex:33 1 0; background:#F1F1F1; }
.sj-portrait img { width:100%; height:370px; object-fit:cover; object-position:center; }
.sj-about { padding:8px 8px 16px; }
.sj-about .sow-headline { font-family:Georgia,'Times New Roman',serif; font-size:29px!important; line-height:1.25!important; margin-bottom:18px!important; }
.sj-about-body { padding:0 8px 22px; }
.sj-appointment { padding:0 8px 14px; }
.sj-contact .sow-headline { margin-bottom:14px!important; }
.sj-hours .sow-headline { margin-bottom:8px!important; font-weight:600; }
.sj-hours .sow-sub-headline { font-size:14px!important; line-height:25px!important; }
.sj-contact { border-top:3px solid #D92525; }
.sj-article-image img { width:100%; aspect-ratio:1.65/1; object-fit:cover; }
.home .panel-layout > .panel-grid:nth-child(n+12):nth-child(-n+13) > .panel-grid-cell { background:#F1F1F1; display:flex; flex-direction:column; }
.home .panel-layout > .panel-grid:nth-child(n+12):nth-child(-n+13) > .panel-grid-cell > .so-panel:last-child { margin-top:auto; }
.sj-article-copy .sow-headline { font-family:Georgia,'Times New Roman',serif; margin-bottom:12px!important; }
.sj-article-copy .sow-sub-headline { font-size:15px!important; line-height:24px!important; }
.sj-article-link { padding-top:14px!important; }
#sj-behandelingen,#sj-contact,#sj-over-ons { scroll-margin-top:35px; }
/* Kop + foto vullen dezelfde rijhoogte als de naastgelegen tekstkolom. */
@media(min-width:781px) {
 .home .panel-layout > .panel-grid:nth-child(n+4):nth-child(-n+6) > .panel-grid-cell:nth-child(odd) { display:flex; flex-direction:column; background:#F1F1F1; }
 .home .panel-layout > .panel-grid:nth-child(n+4):nth-child(-n+6) > .panel-grid-cell:nth-child(odd) > .so-panel:first-child { flex:0 0 auto; }
 .home .panel-layout > .panel-grid:nth-child(n+4):nth-child(-n+6) > .panel-grid-cell:nth-child(odd) > .so-panel:last-child { display:flex; flex-direction:column; flex:1 0 auto; min-height:clamp(220px,23vw,300px); }
 .panel-grid:nth-child(n+4):nth-child(-n+6) .sj-treatment-image,
 .panel-grid:nth-child(n+4):nth-child(-n+6) .so-widget-sow-image,
 .panel-grid:nth-child(n+4):nth-child(-n+6) .sj-treatment-image .sow-image-container { display:flex; flex-direction:column; flex:1 0 auto; }
 .panel-grid:nth-child(n+4):nth-child(-n+6) .sj-treatment-image .sow-image-container { position:relative; }
 .panel-grid:nth-child(n+4):nth-child(-n+6) .sj-treatment-image img { position:absolute; inset:0; width:100%!important; height:100%!important; aspect-ratio:auto; object-fit:cover; }
}
@media(min-width:781px) and (max-width:1050px) {
 .sj-treatment-copy { padding:18px 14px 8px!important; }
 .sj-treatment-link { padding:8px 14px 18px!important; }
 .sj-treatment-copy .sow-sub-headline { font-size:13px!important; line-height:22px!important; }
 .sj-treatment-title { min-height:84px; }
}
@media(max-width:780px) {
 .home .panel-layout > .panel-grid { flex-direction:column; gap:20px; }
 .home .panel-layout > .panel-grid > .panel-grid-cell { width:100%!important; flex:auto!important; }
 .sj-salon img { aspect-ratio:1.65/1; }
 .sj-welcome .sow-headline { font-size:33px!important; line-height:40px!important; }
 .sj-welcome .sow-sub-headline { font-size:15px!important; line-height:24px!important; }
 .sj-section { padding:32px 0 4px; }
 .sj-section .sow-headline { font-size:21px!important; }
 .home .panel-layout > .panel-grid:nth-child(n+4):nth-child(-n+6) { gap:0; }
 .home .panel-layout > .panel-grid:nth-child(n+4):nth-child(-n+6) > .panel-grid-cell:nth-child(even) { margin-bottom:24px!important; }
 .sj-treatment-title { min-height:0; }
 .sj-treatment-image img { max-height:360px; object-position:center; }
 .sj-treatment-copy .sow-sub-headline { font-size:15px!important; line-height:27px!important; }
 .sj-portrait img { max-width:280px; height:350px; margin:auto; }
 .sj-about { padding-top:8px; }
 .sj-brand img { height:130px; }
}

/* Herstel: rode knoppen, ook voor de behandel- en berichtenlinks. */
.sj-button .ow-button-base a,
.sj-treatment-link .ow-button-base a,
.sj-article-link .ow-button-base a,
.sj-brand-link .ow-button-base a {
 background:#D92525!important;
 color:#ffffff!important;
 border:1px solid #D92525!important;
 padding:12px 20px!important;
 text-decoration:none!important;
}
.sj-button .ow-button-base a:hover {
 background:#454545!important;
 border-color:#454545!important;
 color:#ffffff!important;
}
/* Veilige weergave als de pagina nog niet de WordPress-homepage is. */
body:not(.home) .sj-treatment-image,
body:not(.home) .sj-treatment-image .sow-image-container {
 display:block;
 position:relative;
 min-height:0;
}
body:not(.home) .sj-treatment-image img {
 position:static!important;
 width:100%!important;
 height:auto!important;
 aspect-ratio:1/1;
 object-fit:cover;
}
/* Gelijke hoogtes voor de behandelrijen van pagina 1750, met of zonder SiteOrigin-stijlwrappers. */
@media (min-width:781px) {
#pg-1750-3,
#pg-1750-4,
#pg-1750-5 { display:flex!important; align-items:stretch!important; gap:12px!important; height:auto!important; }
#pg-1750-3 > .panel-grid-style,
#pg-1750-4 > .panel-grid-style,
#pg-1750-5 > .panel-grid-style { display:flex!important; align-items:stretch!important; gap:12px!important; width:100%!important; flex:1 1 auto; }
#pg-1750-3 .panel-grid-cell,
#pg-1750-4 .panel-grid-cell,
#pg-1750-5 .panel-grid-cell { display:flex!important; flex-direction:column!important; align-self:stretch!important; flex:1 1 0!important; width:0!important; min-width:0; height:auto!important; background:#F1F1F1; }
#pg-1750-3 .panel-cell-style,
#pg-1750-4 .panel-cell-style,
#pg-1750-5 .panel-cell-style { display:flex!important; flex-direction:column!important; flex:1 1 auto!important; height:auto!important; background:#F1F1F1; }
#pg-1750-3 .so-panel,
#pg-1750-4 .so-panel,
#pg-1750-5 .so-panel { margin-bottom:0!important; }
#pg-1750-3 .panel-grid-cell:nth-child(even) > .so-panel:first-child,
#pg-1750-4 .panel-grid-cell:nth-child(even) > .so-panel:first-child,
#pg-1750-5 .panel-grid-cell:nth-child(even) > .so-panel:first-child { flex:1 0 auto!important; }
#pg-1750-3 .panel-grid-cell:nth-child(even) > .panel-cell-style > .so-panel:first-child,
#pg-1750-4 .panel-grid-cell:nth-child(even) > .panel-cell-style > .so-panel:first-child,
#pg-1750-5 .panel-grid-cell:nth-child(even) > .panel-cell-style > .so-panel:first-child { flex:1 0 auto!important; }
#pg-1750-3 .widget_sow-image,
#pg-1750-4 .widget_sow-image,
#pg-1750-5 .widget_sow-image { display:flex!important; flex-direction:column!important; flex:1 0 auto!important; min-height:300px; }
#pg-1750-3 .widget_sow-image .panel-widget-style,
#pg-1750-4 .widget_sow-image .panel-widget-style,
#pg-1750-5 .widget_sow-image .panel-widget-style { display:flex!important; flex-direction:column!important; flex:1 0 auto!important; }
#pg-1750-3 .so-widget-sow-image,
#pg-1750-4 .so-widget-sow-image,
#pg-1750-5 .so-widget-sow-image { display:flex!important; flex-direction:column!important; flex:1 0 auto!important; }
#pg-1750-3 .sj-treatment-image,
#pg-1750-4 .sj-treatment-image,
#pg-1750-5 .sj-treatment-image { display:flex!important; flex-direction:column!important; flex:1 0 auto!important; }
#pg-1750-3 .sj-treatment-image .sow-image-container,
#pg-1750-4 .sj-treatment-image .sow-image-container,
#pg-1750-5 .sj-treatment-image .sow-image-container { display:flex!important; flex-direction:column!important; flex:1 0 auto!important; }
#pg-1750-3 .sj-treatment-image .sow-image-container,
#pg-1750-4 .sj-treatment-image .sow-image-container,
#pg-1750-5 .sj-treatment-image .sow-image-container { position:relative; min-height:300px; }
#pg-1750-3 .sj-treatment-image img,
#pg-1750-4 .sj-treatment-image img,
#pg-1750-5 .sj-treatment-image img { position:absolute!important; top:0; right:0; bottom:0; left:0; width:100%!important; height:100%!important; max-height:none!important; object-fit:cover; }
}
/* Studio Joli pagina 1750: merkvlakken en knoppen gelijk uitlijnen. */
#pg-1750-7,
#pg-1750-7 > .panel-grid-style {
 display:flex!important;
 align-items:stretch!important;
 gap:24px!important;
 width:100%;
}
#pg-1750-7 > .panel-grid-style { flex:1 1 auto; }
#pg-1750-7 .panel-grid-cell {
 display:flex!important;
 flex-direction:column!important;
 flex:1 1 0!important;
 width:0!important;
 min-width:0;
 align-self:stretch!important;
}
#pg-1750-7 .panel-cell-style {
 display:flex!important;
 flex-direction:column!important;
 flex:1 1 auto!important;
}
#pg-1750-7 .so-panel { margin-bottom:0!important; }
#pg-1750-7 .sj-brand {
 height:230px!important;
 min-height:230px!important;
 padding:25px 35px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 box-sizing:border-box;
}
#pg-1750-7 .sj-brand .so-widget-sow-image,
#pg-1750-7 .sj-brand .sow-image-container,
#pg-1750-7 .sj-brand .sow-image-container a {
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 width:100%!important;
 height:180px!important;
}
#pg-1750-7 .sj-brand img {
 display:block!important;
 position:static!important;
 width:100%!important;
 max-width:100%!important;
 height:180px!important;
 max-height:180px!important;
 object-fit:contain!important;
 object-position:center!important;
}
#pg-1750-7 .sj-brand-link {
 display:flex!important;
 justify-content:center!important;
 align-items:center!important;
 min-height:96px!important;
 padding:15px 20px 24px!important;
 box-sizing:border-box;
}
#pg-1750-7 .sj-brand-link .ow-button-base { text-align:center!important; }
@media(max-width:780px) {
 #pg-1750-7,
 #pg-1750-7 > .panel-grid-style { flex-direction:column!important; gap:20px!important; }
 #pg-1750-7 .panel-grid-cell { width:100%!important; flex:auto!important; }
 #pg-1750-7 .sj-brand { height:190px!important; min-height:190px!important; padding:20px 25px!important; }
 #pg-1750-7 .sj-brand img,
 #pg-1750-7 .sj-brand .so-widget-sow-image,
 #pg-1750-7 .sj-brand .sow-image-container,
 #pg-1750-7 .sj-brand .sow-image-container a { height:150px!important; max-height:150px!important; }
}
/* Compacte merksectie — onderaan de bestaande CSS toevoegen. */
body.page-id-1750 #pg-1750-6 {
 margin-bottom:8px!important;
}
body.page-id-1750 #pg-1750-6 .sj-section {
 padding-bottom:0!important;
}
body.page-id-1750 #pg-1750-6 .sj-section::after {
 margin-top:10px!important;
 margin-bottom:0!important;
}
body.page-id-1750 #pg-1750-7 {
 margin-top:0!important;
 margin-bottom:16px!important;
}
body.page-id-1750 #pg-1750-7 .so-panel,
body.page-id-1750 #pg-1750-7 .panel-widget-style {
 margin-top:0!important;
 margin-bottom:0!important;
}
body.page-id-1750 #pg-1750-7 .sj-brand {
 height:140px!important;
 min-height:140px!important;
 padding:8px 24px 0!important;
}
body.page-id-1750 #pg-1750-7 .sj-brand img,
body.page-id-1750 #pg-1750-7 .sj-brand .so-widget-sow-image,
body.page-id-1750 #pg-1750-7 .sj-brand .sow-image-container,
body.page-id-1750 #pg-1750-7 .sj-brand .sow-image-container a {
 height:130px!important;
 max-height:130px!important;
}
body.page-id-1750 #pg-1750-7 .sj-brand-link {
 height:auto!important;
 min-height:0!important;
 padding:4px 20px 14px!important;
}
body.page-id-1750 #pg-1750-7 .panel-cell-style {
 justify-content:flex-start!important;
}