/* 4.1.36: conversiegerichte homepage + echte studio-opmaak; geen navigatiebestanden aangepast. */
:root{--vv-hero-max:1280px;--vv-hero-gutter:20px}
/* Homepage: warm editorial, improved conversion hierarchy */
body:not(.wp-admin) #main-content.ggw-home-wow>.ggw-hw-hero{background:linear-gradient(115deg,#f1f2f4,#f1f2f4)!important;min-height:440px;box-shadow:none!important;border:1px solid #f1f2f4!important}
#main-content.ggw-home-wow .ggw-hw-hero h1{font-family:'Outfit',Arial,sans-serif!important;font-size:clamp(39px,4.5vw,64px)!important;font-weight:650!important;letter-spacing:-.027em!important;line-height:1.08!important}
#main-content.ggw-home-wow .ggw-hw-hero__text{padding:clamp(32px,5vw,70px)}
#main-content.ggw-home-wow .ggw-hw-highlights{display:flex;justify-content:space-between;gap:20px;padding:23px 12px 27px}
#main-content.ggw-home-wow .ggw-hw-highlights>span{flex:1;justify-content:center;gap:10px;line-height:1.5}
#main-content.ggw-home-wow .ggw-hw-highlights>span+span{border-left:1px solid #dde3e7}
#main-content.ggw-home-wow .ggw-hw-section-head h2,#main-content.ggw-home-wow .ggw-hw-create__intro h2{font-family:'Outfit',Arial,sans-serif!important;font-size:clamp(35px,3.5vw,49px)!important;font-weight:650!important;letter-spacing:-.025em!important}
#main-content.ggw-home-wow .ggw-hw-section{margin-block:48px 54px}
#main-content.ggw-home-wow .ggw-hw-latest{margin-top:20px}
#main-content.ggw-home-wow .ggw-hw-themes{margin-block:52px 48px}
#main-content.ggw-home-wow .ggw-hw-topic{min-height:180px;border:1px solid #dde3e7}
#main-content.ggw-home-wow .ggw-hw-topic:nth-child(6n+1){background:#f1f2f4}#main-content.ggw-home-wow .ggw-hw-topic:nth-child(6n+2){background:#e1e6d8}#main-content.ggw-home-wow .ggw-hw-topic:nth-child(6n+3){background:#e9dce7}#main-content.ggw-home-wow .ggw-hw-topic:nth-child(6n+4){background:#d9e4d5}#main-content.ggw-home-wow .ggw-hw-topic:nth-child(6n+5){background:#dde3e7}#main-content.ggw-home-wow .ggw-hw-topic:nth-child(6n){background:#dde3e7}
/* The illustrative Studio module reproduces the hierarchy of the approved example. */
#main-content.ggw-home-wow .vv436-studio-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.48fr) minmax(160px,.7fr);align-items:center;gap:clamp(18px,2.3vw,33px);padding:clamp(27px,3vw,43px);margin:55px auto;background:linear-gradient(110deg,#f1f2f4 0%,#f1f2f4 55%,#f1f2f4 100%);border:1px solid #dde3e7;border-radius:25px;overflow:hidden}
#main-content.ggw-home-wow .vv436-studio-feature__intro{min-width:0}
#main-content.ggw-home-wow .vv436-studio-feature__intro h2{font-family:'Outfit',Arial,sans-serif!important;font-size:clamp(34px,3.5vw,53px)!important;color:#011726;line-height:1.05;margin:13px 0 18px}
#main-content.ggw-home-wow .vv436-studio-feature__intro p{font-size:14px;line-height:1.8;color:#526572;max-width:36ch;margin-bottom:20px}
#main-content.ggw-home-wow .vv436-studio-feature__intro .ggw-hw-button{display:inline-flex;gap:10px;min-height:48px;font-weight:700}
#main-content.ggw-home-wow .vv436-studio-feature__small{display:block;width:fit-content;color:#c45d00;font-size:12px;margin-top:18px;text-decoration:underline;text-underline-offset:3px}
#main-content.ggw-home-wow .vv436-studio-window{background:#fffdfb;border:5px solid #011726;border-radius:15px;box-shadow:8px 15px 28px #01172628;transform:rotate(-1.5deg);overflow:hidden;min-width:0}
#main-content.ggw-home-wow .vv436-studio-window__bar{background:#f1f2f4;border-bottom:1px solid #dde3e7;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;color:#c45d00;font-size:10px}
#main-content.ggw-home-wow .vv436-studio-window__bar>span{color:#87959e;letter-spacing:3px;font-size:11px}
#main-content.ggw-home-wow .vv436-studio-window__bar strong{margin-right:15%;color:#c45d00}
#main-content.ggw-home-wow .vv436-studio-window__body{display:grid;grid-template-columns:25% minmax(0,1fr);min-height:230px}
#main-content.ggw-home-wow .vv436-studio-window__menu{display:flex;flex-direction:column;background:#f1f2f4;padding:16px 9px;gap:12px;color:#c45d00;font-size:11px}
#main-content.ggw-home-wow .vv436-studio-window__menu>*{padding:7px;border-radius:7px}
#main-content.ggw-home-wow .vv436-studio-window__menu>b{background:#dde3e7;color:#526572}
#main-content.ggw-home-wow .vv436-studio-window__poem{padding:22px 18px;min-width:0}
#main-content.ggw-home-wow .vv436-studio-window__poem small{color:#c45d00;font:700 10px 'Outfit',sans-serif;letter-spacing:.09em}
#main-content.ggw-home-wow .vv436-studio-window__poem h3{font-family:'Outfit',Arial,sans-serif!important;font-size:clamp(21px,2.2vw,30px)!important;line-height:1.15;margin:10px 0 13px;color:#011726}
#main-content.ggw-home-wow .vv436-studio-window__poem p{font:400 12px/1.95 'Outfit',sans-serif;color:#c45d00;margin:0}
#main-content.ggw-home-wow .vv436-studio-feature__steps{display:grid;gap:22px;list-style:none;margin:0;padding:0}
#main-content.ggw-home-wow .vv436-studio-feature__steps li{display:flex;align-items:center;gap:12px}
#main-content.ggw-home-wow .vv436-studio-feature__steps li>b{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:#87959e;color:white;font:800 13px 'Outfit',sans-serif}
#main-content.ggw-home-wow .vv436-studio-feature__steps strong{display:block;color:#011726;font:600 25px/1.2 'Outfit',Arial,sans-serif}
#main-content.ggw-home-wow .vv436-studio-feature__steps small{display:block;color:#526572;font-size:11px;line-height:1.6}
#main-content.ggw-home-wow .ggw-hw-community{margin-top:52px}
#main-content.ggw-home-wow .ggw-hw-share{margin-block:50px 35px;background:linear-gradient(130deg,#f1f2f4,#dde3e7)!important;border-radius:24px;border:1px solid #dde3e7}
/* Global studio geometry. Scope to studio pages so existing header and megamenu are not touched. */
body:not(.wp-admin) main.ggw-v19-direct-studio,body:not(.wp-admin) main.ggw-v21-studio-theme,body:not(.wp-admin) main.ggt34-page-shell{box-sizing:border-box;max-width:1280px!important;width:calc(100% - 40px)!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;min-width:0!important}
body:not(.wp-admin) main.ggw-v19-direct-studio>* ,body:not(.wp-admin) main.ggt34-page-shell>*{max-width:100%;box-sizing:border-box}
body:not(.wp-admin) main.ggw-v21-studio-theme>.vv-theme-landing-page{width:100%!important;max-width:100%!important}
body:not(.wp-admin) main.ggw-v19-direct-studio :is(.gg44-studio-shared-hero,.vv-home-hero-wrap,.ggw-studio-hero,.ggw-studio-steps,.ggw-studio-shell,.ggw-studio-workspace,.ggw-studio-container,.ggtheme-studio-steps){box-sizing:border-box;max-width:100%!important;width:100%!important;margin-inline:auto!important}
body:not(.wp-admin) main.ggw-v21-studio-theme .gg44-theme-landing-hero{width:100%!important;max-width:100%!important;border:1px solid #dde3e7!important;box-shadow:0 13px 35px #01172612!important;background:linear-gradient(110deg,#ffffff 0%,#f1f2f4 57%,#dde3e7 100%)!important;border-radius:25px!important;overflow:hidden}
body:not(.wp-admin) main:is(.ggw-v19-direct-studio,.ggw-v21-studio-theme) :is(.ggtheme-studio-steps,.ggw-studio-progress){border-radius:16px!important;box-shadow:0 5px 16px #01172609!important}
body:not(.wp-admin) main.ggw-v21-studio-theme .ggtheme-studio-steps{justify-content:space-around!important;padding:14px 18px!important;gap:15px!important;box-sizing:border-box}
body:not(.wp-admin) main.ggw-v21-studio-theme .ggtheme-studio-steps span{background:#fffdfa;border:1px solid #dde3e7;padding:9px 15px;border-radius:12px;flex:1;justify-content:flex-start}
body:not(.wp-admin) main.ggw-v21-studio-theme .ggtheme-studio-steps span:first-child{background:#f1f2f4;border-color:#c45d00}
body:not(.wp-admin) main.ggw-v21-studio-theme .ggtheme-studio-steps>i{display:none}
body:not(.wp-admin) main.ggw-v21-studio-theme form.ggw-quick-generator{max-width:100%!important;width:100%!important;background:linear-gradient(120deg,#ffffff,#f1f2f4)!important;border:1px solid #dde3e7!important;box-shadow:0 12px 31px #0117260b!important;border-radius:23px!important}
body:not(.wp-admin) main.ggw-v21-studio-theme form.ggw-quick-generator :is(input:not([type=radio]):not([type=checkbox]),textarea,select){max-width:100%;font-size:16px!important;border:1px solid #dde3e7!important;border-radius:12px!important;background:#fffdfa!important;box-sizing:border-box}
body:not(.wp-admin) main.ggw-v21-studio-theme :is(.ggtheme-gentle-tip,.ggw-generator-tip){background:#ffffff!important;border:1px solid #dde3e7!important;border-radius:16px!important}
body:not(.wp-admin) main.ggw-v21-studio-theme .gg45-brief-intro h2{font-family:'Outfit',Arial,sans-serif!important;font-size:clamp(35px,4vw,55px)!important;line-height:1.1!important}
body:not(.wp-admin) main.ggw-v21-studio-theme .ggw-quick-generator__submit{background:#c45d00!important;border-radius:12px!important}
body:not(.wp-admin) main.ggw-v21-studio-theme .ggw-quick-generator__submit:hover{background:#c45d00!important}
body:not(.wp-admin) main:is(.ggw-v19-direct-studio,.ggw-v21-studio-theme) :is(a,button,input,textarea,select):focus-visible{outline:3px solid #c45d00!important;outline-offset:2px!important}
/* Tablet. */
@media(max-width:1050px){#main-content.ggw-home-wow .vv436-studio-feature{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:25px}#main-content.ggw-home-wow .vv436-studio-feature__steps{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#main-content.ggw-home-wow .vv436-studio-feature__steps li{gap:9px}#main-content.ggw-home-wow .vv436-studio-window__body{min-height:210px}body:not(.wp-admin) main.ggw-v21-studio-theme .ggtheme-studio-steps span{padding:9px}}
/* Mobile: 10px edge gutters, stacked cards, no horizontal scroll, proper touch targets. */
@media(max-width:700px){
 :root{--vv-hero-gutter:10px}
 body:not(.wp-admin) main.ggw-v19-direct-studio,body:not(.wp-admin) main.ggw-v21-studio-theme,body:not(.wp-admin) main.ggt34-page-shell{width:calc(100% - 20px)!important}
 #main-content.ggw-home-wow .ggw-hw-hero h1{font-size:clamp(35px,9vw,47px)!important;line-height:1.09!important}
 #main-content.ggw-home-wow .ggw-hw-highlights{display:grid;grid-template-columns:1fr;gap:5px;padding:15px 7px}
 #main-content.ggw-home-wow .ggw-hw-highlights>span{justify-content:flex-start;padding:9px 5px;border:0!important}
 #main-content.ggw-home-wow .ggw-hw-section-head h2{font-size:35px!important}
 #main-content.ggw-home-wow .vv436-studio-feature{grid-template-columns:minmax(0,1fr);gap:24px;width:calc(100% - 20px);padding:25px 17px;margin:35px auto;border-radius:19px}
 #main-content.ggw-home-wow .vv436-studio-feature__intro h2{font-size:43px!important}
 #main-content.ggw-home-wow .vv436-studio-feature__intro p{max-width:50ch}
 #main-content.ggw-home-wow .vv436-studio-window{transform:none;border-width:4px}
 #main-content.ggw-home-wow .vv436-studio-window__body{min-height:220px}
 #main-content.ggw-home-wow .vv436-studio-window__menu{font-size:10px;padding:10px 5px;gap:8px}
 #main-content.ggw-home-wow .vv436-studio-window__poem{padding:16px 10px}
 #main-content.ggw-home-wow .vv436-studio-window__poem h3{font-size:24px!important}
 #main-content.ggw-home-wow .vv436-studio-window__poem p{font-size:11px}
 #main-content.ggw-home-wow .vv436-studio-feature__steps{grid-column:auto;grid-template-columns:1fr;gap:13px}
 #main-content.ggw-home-wow .vv436-studio-feature__steps li>b{width:38px;flex-basis:38px;height:38px}
 #main-content.ggw-home-wow .ggw-hw-share{margin-top:35px}
 body:not(.wp-admin) main.ggw-v21-studio-theme .ggtheme-studio-steps{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:7px!important;padding:0!important;border:0!important;background:transparent!important}
 body:not(.wp-admin) main.ggw-v21-studio-theme .ggtheme-studio-steps span{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;overflow-wrap:anywhere;line-height:1.4;padding:11px 7px!important;font-size:10px}
 body:not(.wp-admin) main.ggw-v21-studio-theme .ggtheme-studio-steps b{flex:0 0 25px!important;width:25px;height:25px}
 body:not(.wp-admin) main.ggw-v21-studio-theme form.ggw-quick-generator{padding:24px 16px!important;border-radius:18px!important}
 body:not(.wp-admin) main.ggw-v21-studio-theme .ggtheme-form-heading{grid-template-columns:1fr!important}
 body:not(.wp-admin) main.ggw-v21-studio-theme .gg45-theme-fields{grid-template-columns:1fr!important}
 body:not(.wp-admin) main.ggw-v21-studio-theme .ggw-quick-generator__submit{min-height:49px!important;width:100%!important}
 body:not(.wp-admin) main.ggw-v21-studio-theme .ggw-generator-advice__cards{grid-template-columns:1fr!important}
}
@media(max-width:390px){#main-content.ggw-home-wow .vv436-studio-window__body{grid-template-columns:30% 70%}#main-content.ggw-home-wow .vv436-studio-window__poem h3{font-size:20px!important}#main-content.ggw-home-wow .vv436-studio-window__poem p{font-size:10px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){#main-content.ggw-home-wow .vv436-studio-window{transform:none!important}}