/* =============================================================
HAK WordPress Theme - Layout Stylesheet v2.0
============================================================= */

/** FONT-FACE: PP Monument Narrow (Grown=400, Black=700) **/
@font-face {
font-family: "PP Monument Narrow";
src: url('../fonts/PPMonumentNarrow-Black.otf') format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "PP Monument Narrow";
src: url('../fonts/PPMonumentNarrow-Grown.otf') format('opentype');
font-weight: 700;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Gotham Book';
src: url('../fonts/Gotham-Book.woff2') format('woff2'),
url('../fonts/Gotham-Book.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/** CSS CUSTOM PROPERTIES **/
:root {
/* HAK Merkkleuren 2026 */
--hak-dark-green:      #254424;
--hak-light-green:     #4FAF47;
--hak-pink:            #EC6C7E;
--hak-pink-hover:      #d45570;
--hak-red:             #CC1719;
--hak-blue:            #52C2F0;
--hak-cream:           #F7F2E2;
--hak-white:           #FFFFFF;
--hak-card-bg:         #FFFFFF;
--hak-tag-bg:          #F7F2E2;
--hak-border:          #E0D9CE;
--hak-text:            #254424;
--hak-text-muted:      #6B6B6B;
--hak-icon-pink:       #EC6C7E;

/* Typografie */
--font-brand: "PP Monument Narrow", -apple-system, BlinkMacSystemFont, sans-serif;
--font-body:  'Gotham Book';

/* Spacing */
--space-xs:  4px;  --space-sm:  8px;  --space-md: 16px;
--space-lg: 24px;  --space-xl: 40px;  --space-2xl: 64px;
--space-3xl: 96px;

/* Layout */
--container-max: 1400px;
--container-pad: 24px;
--sidebar-w:     260px;
--radius-sm:   6px;  --radius-md: 12px;
--radius-lg:  20px;  --radius-pill: 50px;
}
.section-light{background:var(--hak-light-green);}
.section-dark{background:var(--hak-dark-green);}
/** BUTTON SYSTEM **/
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-brand);font-weight:400;font-size:16px;padding:clamp(10px,1.05vw,15px) clamp(24px,2.23vw,32px);border-radius:100px;border:none;text-decoration:none;cursor:pointer;transition:background .2s,transform .1s;}
.btn--light-green{background:var(--hak-light-green);color:var(--hak-white);}
.btn--dark-green{background:var(--hak-dark-green);color:var(--hak-white);}
.btn--pink{background:var(--hak-pink);color:var(--hak-white);}
.btn--blue{background:var(--hak-blue);color:var(--hak-white);}
.btn--white{background:var(--hak-white);color:var(--hak-dark-green);}
.btn--outline{background:transparent;border:solid 2px var(--hak-light-green);color:var(--hak-white);}
.btn--block{width:100%;}
.btn--light-green:hover,.btn--dark-green:hover,.btn--pink:hover,.btn--white:hover{background:var(--hak-blue);color:var(--hak-dark-green);}
.btn--blue:hover{background:var(--hak-dark-green);color:var(--hak-white);}
.btn--outline:hover{background:var(--hak-light-green);color:var(--hak-white);}


*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);background:var(--hak-cream);color:var(--hak-dark-green);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}

.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

/*==================================:: lightgallery CSS Start ::==================================*/
@font-face{font-family:lg;src:url(../fonts/lg.woff2?io9a6k) format("woff2"),url(../fonts/lg.ttf?io9a6k) format("truetype"),url(../fonts/lg.woff?io9a6k) format("woff"),url(../fonts/lg.svg?io9a6k#lg) format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:lg!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-container{font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','Liberation Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'}.lg-next,.lg-prev{transition:all 0.4s ease; background-color:var(--hak-white);border-radius:2px;color:#000;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1084;outline:0;border:none}.lg-next.disabled,.lg-prev.disabled{transition:all 0.4s ease;opacity:0!important;cursor:default}.lg-next:hover:not(.disabled),.lg-prev:hover:not(.disabled){color:#000;}.lg-single-item .lg-next,.lg-single-item .lg-prev{display:none}.lg-next{right:20px}.lg-next:before{content:'\e095'}.lg-prev{left:20px}.lg-prev:after{content:'\e094'}@-webkit-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-moz-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-ms-keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@keyframes lg-right-end{0%{left:0}50%{left:-30px}100%{left:0}}@-webkit-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-moz-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@-ms-keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}@keyframes lg-left-end{0%{left:0}50%{left:30px}100%{left:0}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-media-overlap .lg-toolbar{background-image:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,.4))}.lg-toolbar .lg-icon{color:#000;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:medium none;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;background:0 0;border:none;box-shadow:none}.lg-toolbar .lg-icon.lg-icon-18{font-size:18px}.lg-toolbar .lg-icon:hover{color:#000;}.lg-toolbar .lg-close:after{content:'\e070'}.lg-toolbar .lg-maximize{font-size:22px}.lg-toolbar .lg-maximize:after{content:'\e90a'}.lg-toolbar .lg-download:after{content:'\e0f2'}.lg-sub-html{color:#eee;font-size:16px;padding:10px 40px;text-align:center;z-index:1080;opacity:0;-webkit-transition:opacity .2s ease-out 0s;-o-transition:opacity .2s ease-out 0s;transition:opacity .2s ease-out 0s}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}.lg-sub-html a{color:inherit}.lg-sub-html a:hover{text-decoration:underline}.lg-media-overlap .lg-sub-html{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.6))}.lg-item .lg-sub-html{position:absolute;bottom:0;right:0;left:0}.lg-error-msg{font-size:14px;color:#000;}.lg-counter{color:#000;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;height:47px;vertical-align:middle}.lg-closing .lg-next,.lg-closing .lg-prev,.lg-closing .lg-sub-html,.lg-closing .lg-toolbar{opacity:0;-webkit-transition:-webkit-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-moz-transition:-moz-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;-o-transition:-o-transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear;transition:transform .08 cubic-bezier(0,0,.25,1) 0s,opacity .08 cubic-bezier(0,0,.25,1) 0s,color .08 linear}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont{opacity:0;-moz-transform:scale3d(.5,.5,.5);-o-transform:scale3d(.5,.5,.5);-ms-transform:scale3d(.5,.5,.5);-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);will-change:transform,opacity;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont{opacity:1;-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.lg-icon:focus-visible{color:#000;border-radius:3px;outline:1px dashed rgba(255,255,255,.6)}.lg-toolbar .lg-icon:focus-visible{border-radius:8px;outline-offset:-5px}.lg-outer .lg-thumb-outer{background-color:var(--hak-white);width:100%;max-height:350px;overflow:hidden;float:left}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer .lg-thumb-outer.lg-thumb-align-middle{text-align:center}.lg-outer .lg-thumb-outer.lg-thumb-align-left{text-align:left}.lg-outer .lg-thumb-outer.lg-thumb-align-right{text-align:right}.lg-outer.lg-single-item .lg-thumb-outer{display:none}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px;display:inline-block;vertical-align:middle}@media (min-width:768px){.lg-outer .lg-thumb{padding:20px 0 10px 0;}}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border-radius:0;margin-bottom:5px;will-change:border-color}@media (min-width:768px){.lg-outer .lg-thumb-item{border-radius:0;border:2px solid transparent;-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#000;}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover;display:block}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer .lg-toggle-thumb:after{content:'\e1ff'}.lg-outer.lg-animate-thumb .lg-thumb{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.lg-outer .lg-video-cont{text-align:center;display:inline-block;vertical-align:middle;position:relative}.lg-outer .lg-video-cont .lg-object{width:100%!important;height:100%!important}.lg-outer .lg-has-iframe .lg-video-cont{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-video-object{position:absolute;left:0;right:0;width:100%;height:100%;top:0;bottom:0;z-index:3}.lg-outer .lg-video-poster{z-index:1}.lg-outer .lg-has-video .lg-video-object{opacity:0;will-change:opacity;-webkit-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button,.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster{opacity:0!important}.lg-outer .lg-has-video.lg-video-loaded .lg-video-object{opacity:1}@keyframes lg-play-stroke{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes lg-play-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.lg-video-play-button{width:18%;max-width:140px;position:absolute;top:50%;left:50%;z-index:2;cursor:pointer;transform:translate(-50%,-50%) scale(1);will-change:opacity,transform;-webkit-transition:-webkit-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-moz-transition:-moz-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;-o-transition:-o-transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s;transition:transform .25s cubic-bezier(.17,.88,.32,1.28),opacity .1s}.lg-video-play-button:hover .lg-video-play-icon,.lg-video-play-button:hover .lg-video-play-icon-bg{opacity:1}.lg-video-play-icon-bg{fill:none;stroke-width:3%;stroke:#fcfcfc;opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon-circle{position:absolute;top:0;left:0;bottom:0;right:0;fill:none;stroke-width:3%;stroke:rgba(30,30,30,.9);stroke-opacity:1;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200}.lg-video-play-icon{position:absolute;width:25%;max-width:120px;left:50%;top:50%;transform:translate3d(-50%,-50%,0);opacity:.6;will-change:opacity;-webkit-transition:opacity .12s ease-in;-o-transition:opacity .12s ease-in;transition:opacity .12s ease-in}.lg-video-play-icon .lg-video-play-icon-inner{fill:#fcfcfc}.lg-video-loading .lg-video-play-icon-circle{animation:lg-play-rotate 2s linear .25s infinite,lg-play-stroke 1.5s ease-in-out .25s infinite}.lg-video-loaded .lg-video-play-button{opacity:0;transform:translate(-50%,-50%) scale(.7)}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;will-change:opacity;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#000;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:'\e01d'}.lg-show-autoplay .lg-autoplay-button:after{content:'\e01a'}.lg-single-item .lg-autoplay-button{opacity:.75;pointer-events:none}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s}.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap{will-change:transform;-webkit-transition:-webkit-transform .8s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .8s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .8s cubic-bezier(0,0,.25,1) 0s;transition:transform .8s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-moz-transition:-moz-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-o-transition:-o-transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;transition:transform .5s cubic-bezier(.12,.415,.01,1.19) 0s,opacity .15s!important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition{transition:none!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition{transform:scale3d(1,1,1) translate3d(-50%,-50%,0)!important;max-width:none!important;max-height:none!important;top:50%!important;left:50%!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x{transform:scale3d(1,1,1) translate3d(-50%,0,0)!important;top:0!important;left:50%!important;max-width:none!important;max-height:none!important}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y,.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y{transform:scale3d(1,1,1) translate3d(0,-50%,0)!important;top:50%!important;left:0!important;max-width:none!important;max-height:none!important}.lg-icon.lg-zoom-in:after{content:'\e311'}.lg-actual-size .lg-icon.lg-zoom-in{opacity:.5;pointer-events:none}.lg-icon.lg-actual-size{font-size:20px}.lg-icon.lg-actual-size:after{content:'\e033'}.lg-icon.lg-zoom-out{opacity:.5;pointer-events:none}.lg-icon.lg-zoom-out:after{content:'\e312'}.lg-zoomed .lg-icon.lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer.lg-first-slide-loading .lg-actual-size,.lg-outer.lg-first-slide-loading .lg-zoom-in,.lg-outer.lg-first-slide-loading .lg-zoom-out,.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out,.lg-outer[data-lg-slide-type=video] .lg-actual-size,.lg-outer[data-lg-slide-type=video] .lg-zoom-in,.lg-outer[data-lg-slide-type=video] .lg-zoom-out{opacity:.75;pointer-events:none}.lg-outer .lg-pager-outer{text-align:center;z-index:1080;height:10px;margin-bottom:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer.lg-single-item .lg-pager-outer{display:none}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:var(--hak-white);color:var(--hak-white);bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;will-change:transform,opacity;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer .lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:absolute;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active .lg-dropdown,.lg-outer.lg-dropdown-active .lg-dropdown-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active .lg-share{color:var(--hak-white)}.lg-outer .lg-dropdown{background-color:var(--hak-white);border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);will-change:visibility,opacity,transform;-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:'';display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:var(--hak-white);right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer .lg-share{position:relative}.lg-outer .lg-share:after{content:'\e80d'}.lg-outer .lg-share-facebook .lg-icon{color:#3b5998}.lg-outer .lg-share-facebook .lg-icon:after{content:'\e904'}.lg-outer .lg-share-twitter .lg-icon{color:#00aced}.lg-outer .lg-share-twitter .lg-icon:after{content:'\e907'}.lg-outer .lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer .lg-share-pinterest .lg-icon:after{content:'\e906'}.lg-comment-box{width:420px;max-width:100%;position:absolute;right:0;top:0;bottom:0;z-index:9999;background-color:var(--hak-white);will-change:transform;-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-comment-box .lg-comment-title{margin:0;color:var(--hak-white);font-size:18px}.lg-comment-box .lg-comment-header{background-color:#000;padding:12px 20px;position:absolute;left:0;right:0;top:0}.lg-comment-box .lg-comment-body{height:100%!important;padding-top:43px!important;width:100%!important}.lg-comment-box .fb-comments{height:100%;width:100%;background:url(../images/loading.gif) no-repeat scroll center center #fff;overflow-y:auto;display:inline-block}.lg-comment-box .fb-comments[fb-xfbml-state=rendered]{background-image:none}.lg-comment-box .fb-comments>span{max-width:100%}.lg-comment-box .lg-comment-close{position:absolute;right:5px;top:12px;cursor:pointer;font-size:20px;color:#000;will-change:color;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-comment-box .lg-comment-close:hover{color:var(--hak-white)}.lg-comment-box .lg-comment-close:after{content:'\e070'}.lg-comment-box iframe{max-width:100%!important;width:100%!important}.lg-comment-box #disqus_thread{padding:0 20px}.lg-outer .lg-comment-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;will-change:visibility,opacity;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer .lg-comment-toggle:after{content:'\e908'}.lg-outer.lg-comment-active .lg-comment-overlay{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-comment-active .lg-comment-toggle{color:var(--hak-white)}.lg-outer.lg-comment-active .lg-comment-box{-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-img-rotate{position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transition:-webkit-transform .4s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .4s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .4s cubic-bezier(0,0,.25,1) 0s;transition:transform .4s cubic-bezier(0,0,.25,1) 0s}.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor,.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,.lg-outer[data-lg-slide-type=video] .lg-flip-hor,.lg-outer[data-lg-slide-type=video] .lg-flip-ver,.lg-outer[data-lg-slide-type=video] .lg-rotate-left,.lg-outer[data-lg-slide-type=video] .lg-rotate-right{opacity:.75;pointer-events:none}.lg-outer .lg-img-rotate:before{content:'';display:inline-block;height:100%;vertical-align:middle}.lg-rotate-left:after{content:'\e900'}.lg-rotate-right:after{content:'\e901'}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-ver:after{content:'\e903'}.lg-flip-hor:after{content:'\e902'}.lg-medium-zoom-item{cursor:zoom-in}.lg-medium-zoom .lg-outer{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grab img.lg-object{cursor:zoom-out}.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object{cursor:zoom-out}.lg-relative-caption .lg-outer .lg-sub-html{white-space:normal;bottom:auto;padding:0;background-image:none}.lg-relative-caption .lg-outer .lg-relative-caption-item{opacity:0;padding:16px 0;transition:.5s opacity ease}.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item{opacity:1}.lg-group:after{content:'';display:table;clear:both}.lg-container{display:none;outline:0}.lg-container.lg-show{display:block}.lg-on{scroll-behavior:unset}.lg-overlay-open{overflow:hidden}.lg-hide-sub-html .lg-sub-html,.lg-next,.lg-pager-outer,.lg-prev,.lg-toolbar{opacity:0;will-change:transform,opacity;-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s,opacity .25s cubic-bezier(0,0,.25,1) 0s}.lg-show-in .lg-next,.lg-show-in .lg-pager-outer,.lg-show-in .lg-prev,.lg-show-in .lg-toolbar{opacity:1}.lg-show-in.lg-hide-sub-html .lg-sub-html{opacity:1}.lg-show-in .lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-show-in .lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-show-in .lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}.lg-outer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:.001;outline:0;will-change:auto;overflow:hidden;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-zoom-from-image{opacity:1}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-content{position:absolute;top:0;left:0;right:0;bottom:0}.lg-outer .lg-inner{width:100%;position:absolute;left:0;top:0;bottom:0;-webkit-transition:opacity 0s;-o-transition:opacity 0s;transition:opacity 0s;white-space:nowrap}.lg-outer .lg-item{display:none!important}.lg-outer .lg-item:not(.lg-start-end-progress){background:url(../images/loading.gif) no-repeat scroll center center transparent}.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer.lg-css .lg-current{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:'';display:inline-block;height:100%;vertical-align:middle}.lg-outer .lg-img-wrap{position:absolute;left:0;right:0;top:0;bottom:0;white-space:nowrap;font-size:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-object{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto;height:auto;position:relative}.lg-outer .lg-empty-html .lg-sub-html,.lg-outer .lg-empty-html.lg-sub-html{display:none}.lg-outer.lg-hide-download .lg-download{opacity:.75;pointer-events:none}.lg-outer .lg-first-slide .lg-dummy-img{position:absolute;top:50%;left:50%}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html{opacity:1;transition:opacity .2s ease-out .15s}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000000;opacity:0;will-change:auto;-webkit-transition:opacity 333ms ease-in 0s;-o-transition:opacity 333ms ease-in 0s;transition:opacity 333ms ease-in 0s}.lg-backdrop.in{opacity:0.9}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-moz-transition:-moz-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;-o-transition:-o-transform 1s cubic-bezier(.175,.885,.32,1.275) 0s;transition:transform 1s cubic-bezier(.175,.885,.32,1.275) 0s}.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-container{display:none}.lg-container.lg-show{display:block}.lg-container.lg-dragging-vertical .lg-backdrop{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-inline .lg-backdrop,.lg-inline .lg-outer{position:absolute}.lg-inline .lg-backdrop{z-index:1}.lg-inline .lg-outer{z-index:2}.lg-inline .lg-maximize:after{content:'\e909'}.lg-components{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);will-change:transform;-webkit-transition:-webkit-transform .35s ease-out 0s;-moz-transition:-moz-transform .35s ease-out 0s;-o-transition:-o-transform .35s ease-out 0s;transition:transform .35s ease-out 0s;z-index:1080;position:absolute;bottom:0;right:0;left:0}
.lg-backdrop {background-color: #000000;}
.lg-outer .lg-thumb-outer {background-color: #000;}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {border-color: var(--hak-pink);}
.lg-toolbar .lg-icon {color: var(--hak-white);}
.lg-next, .lg-prev {background-color: #ddd; border-radius: 0; color: #000; font-size: 18px; border: solid 1px var(--hak-pink) !important; background: var(--hak-pink) !important; color: var(--hak-white); border-radius: 100px; width: 50px; height: 50px; transition: all 0.3s !important;}
.lg-next:hover:not(.disabled), .lg-prev:hover:not(.disabled) {color: var(--hak-white);background-color: var(--hak-blue) !important;border-color: var(--hak-blue) !important;}
.lg-toolbar .lg-icon:hover {color: var(--hak-pink);}
.lg-download-btn {background: var(--hak-blue); color: var(--hak-white); font-family: var(--font-brand); font-weight: 400 !important; font-size: 16px; padding: 12px 28px; border-radius: 50px; transition: all 0.5s !important;text-decoration: none;}
.lg-download-btn:hover {background: var(--hak-pink); color: var(--hak-white);text-decoration: none !important;}
.lg-toolbar .lg-icon {height: auto; width: auto;margin: 10px;padding: 0 !important;}
button#lg-close-1 {margin-right: 20px;}
.lg-sub-html p {margin: 30px 0 30px; color: var(--hak-white) !important; font-size: 18px; font-family: var(--font-brand); font-weight: 700;}
.lg-sub-html {font-size: 14px; color: var(--hak-white);font-family: var(--font-brand);}

/*==================================:: lightgallery CSS End ::==================================*/

/*Swiper Slider Css Start*/
/**
* Swiper 11.2.10
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2025 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 28, 2025
*/

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:var(--hak-white)}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

.swiper {
overflow: hidden;
}
.swiper,
.swiper-wrapper {
display: flex;
align-items: start;
}

.swiper-wrapper {
display: flex;
align-items: stretch;
}

.swiper-slide {
display: flex;
height: auto !important;
width: auto;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 0; right: auto; position: relative;}
/*Swiper Slider Css End*/

/*Form Input Field*/
input[type="text"], 
input[type="email"], 
input[type="tel"], 
input[type="date"], 
select, 
textarea {font-family: var(--primary-font); width: 100%; border: 1px solid rgba(37, 68, 36, 0.2); background: var(--hak-white); border-radius: 100px; height: 50px; padding: 10px 20px; font-size: 16px; font-weight: 700; line-height: 120%; color: var(--hak-dark-green); display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.contact-form .contact-info { padding:40px 12px clamp(40px, 4.18vw, 80px) 12px;}
.contact-form p,
.contact-form a {font-size: clamp(18px, 1.26vw, 24px); font-weight: 500; color: var(--hak-dark-green);}
.contact-form .f-phone,
.contact-form .f-phone a {font-size: clamp(22px, 1.57vw, 30px);}
.contact-form span {font-weight: 700; color: red; text-align: left; font-size: 14px !important; margin-top: 5px;}
.contact-form .hover-popup .hak-tooltip-content br {display: block !important;}
.contact-form span.hak-help {display: inline-flex; width: 16px; height: 16px; min-width: 16px; font-weight: 400 !important; border-radius: 50%; border: 1px solid var(--hak-light-green) !important; color: var(--hak-light-green) !important; font-size: 12px !important; align-items: center; justify-content: center; cursor: pointer; font-family: var(--font-body) !important; margin: 0 !important;}
.hak-tooltip {position: relative;}
.hak-tooltip-content {position: absolute; left: 0; top: 26px; background: var(--hak-cream); border: 1px solid rgba(134, 179, 58, .4); border-radius: 10px; padding: 10px 12px; width: 320px; font-size: 15px !important; font-weight: 500 !important; text-transform: none; color: var(--hak-dark-green) !important; box-shadow: 0 6px 16px rgba(0, 0, 0, .1); opacity: 0; pointer-events: none; transition: .25s ease; z-index: 9; font-family: var(--font-body) !important;}
.hak-tooltip:hover .hak-tooltip-content {opacity: 1;visibility: visible; pointer-events: auto;}
.contact-form a:not(.btn):hover { color:var(--primary-color); text-decoration: underline;}
.contact-form .selector-block select {padding-right: 30px; appearance: none;}
.selector-block,
.contact-form .selector-block {position: relative;}
.selector-block:after, .contact-form .selector-block:after {content: ''; position: absolute; right: 20px; pointer-events: none; bottom: 16px; background-image: url(../images/form-select-icon.svg); background-size: contain; background-position: center; background-repeat: no-repeat; width: 16px; height: 16px;}
.contact-form .wpcf7-not-valid-tip {font-size: 16px;}
.contact-form .wpcf7-spinner {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.contact-form .wpcf7 form .wpcf7-response-output {text-align: center;}
.form-section .field p {max-width: 100%;}
.wpcf7-list-item.first {margin-left: 0;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color: #ffb900; color: #ffb900; font-size: 14px;}
.contact-form .row {margin: -12px; display: flex; flex-wrap: wrap;}
.contact-form .row>div {padding: 12px;}
.contact-form br {display: none !important;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {outline: none; border-color: var(--hak-dark-green);}
textarea {min-height: 176px;padding-top: 16px;border-radius: 24px;}
input::placeholder,
textarea::placeholder {color: var(--hak-dark-green);}
select,
input[type="file"] {cursor: pointer;color: var(--hak-dark-green);}
label {min-height: 32px;font-size: 16px; line-height: 150%; font-weight: 400; color: var(--hak-dark-green); display: flex; align-items: center; gap: 5px; padding-bottom: 8px;font-family:var(--font-brand); }
.wpcf7-radio { display: flex; gap: 12px; flex-wrap: wrap; }
.wpcf7-radio .wpcf7-list-item { margin: 0; }
.wpcf7-radio label { cursor: pointer; display: flex; align-items: center; gap: 0; }
.wpcf7-radio label input[type="radio"] { display: none; }
.wpcf7-radio label span.wpcf7-list-item-label {
    margin: 0;
    color: var(--hak-dark-green);
    font-size: 16px;
    font-weight: 400;
    border: 2px solid var(--hak-border);
    border-radius: var(--radius-pill);
    padding: 8px 20px;
    font-family: var(--font-brand);
    font-size: 15px;
    transition: all 0.2s;
}
.wpcf7-radio label input[type="radio"]:checked + span.wpcf7-list-item-label {
    background: var(--hak-dark-green);
    border-color: var(--hak-dark-green);
    color: var(--hak-white);
}
.wpcf7-radio label:hover span.wpcf7-list-item-label { border-color: var(--hak-dark-green); }
.wpcf7-not-valid ~ .wpcf7-list-item-label { border-color: var(--hak-pink) !important; }
::-webkit-input-placeholder{color:var(--hak-dark-green); opacity:1;}
:-moz-placeholder{color:var(--hak-dark-green); opacity:1;} /* Firefox 18- */
::-moz-placeholder{color:var(--hak-dark-green); opacity:1;} /* Firefox 19+ */
:-ms-input-placeholder{color:var(--hak-dark-green); opacity:1;}

/* Ul Li & Ol Li CSS */
ul, ol {margin:0; padding:0;}
ul ul, ol ol, ul ol, ol ul{margin-top:0.938rem;}
ul li, ol li {margin:0;padding:0;}
.entry-content ul, .entry-content ol {display:flex;flex-wrap: wrap; gap: 10px; padding:0; margin:0 0 1.875rem 0;}
.entry-content ul ol, .entry-content ol ul, .entry-content ul ul, .entry-content ol ol{display:block; margin-top:0.625rem;}
.entry-content ul li {list-style: none; padding: 0 0 0 20px; margin: 0; position: relative; font-family: var(--font-body); font-size: 18px; color: var(--hak-dark-green); width: 100%; max-width: 100%;}
.entry-content ul li:last-child{margin-bottom:0;}
.entry-content ul li:before {display: block; content: ""; width: 8px; height: 8px; background: var(--hak-dark-green); border-radius: 20px; position: absolute; left: 0; top: 8px; transform: rotate(45deg);}
.entry-content ol{margin-left:0;counter-reset: item;}
.entry-content li li{padding-left:0.875rem;list-style:none !important;}
.entry-content ol li {list-style-type:none; list-style-image:none; list-style-position:outside; margin:0 0 0 0; padding-left:24px; position: relative;font-family: var(--font-body); font-size: 18px;color: var(--hak-dark-green);width: 100%; max-width: 100%;}
.entry-content ol li:before{content: counter(item) ". "; counter-increment: item; font-weight: 600; position: absolute;left:0;}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5 {margin-bottom: 20px;font-family: var(--font-brand);color: var(--hak-dark-green);line-height: 138%;font-weight: 700;}
.entry-content h1,
.entry-content .h1 {font-size: clamp(36px, 3.34vw, 64px);}
.entry-content h2,
.entry-content .h2 {font-size: clamp(32px, 2.51vw, 48px);}
.entry-content h3,
.entry-content .h3 {font-size: clamp(28px, 2.09vw, 40px);}
.entry-content h4,
.entry-content .h4 {font-size: clamp(20px, 1.26vw, 24px);}
.entry-content h5,
.entry-content .h5 {font-size: clamp(16px, 1.05vw, 20px);}
.entry-content p {line-height: 1.65; font-family: var(--font-body); font-size: 18px;color: var(--hak-dark-green);margin-bottom: 24px;}
.entry-content strong, .entry-content b {font-weight: 700; color: var(--hak-dark-green);}
.entry-content a:not(.btn) {font-weight: 400;text-decoration: underline;}
.entry-content a:not(.btn):hover {text-decoration: underline;}

/** CONTAINER **/
.container{width: 100%; max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}

/** HEADER **/
.site-header{background:var(--hak-dark-green);position:sticky;top:0;z-index:100;height:96px;display:flex;align-items:center;}
.site-header .container{display:flex;align-items:center;justify-content:space-between;width:100%;}
.site-logo{flex-shrink:0;width:auto;display:flex;align-items:center;}
.primary-nav{display:flex;align-items:center;}
.primary-nav>ul,.primary-nav>div>ul{display:flex!important;flex-direction:row!important;align-items:center;gap:32px;list-style:none;margin:0;padding:0;}
.primary-nav li{position:relative;}
.primary-nav li a{font-family:var(--font-brand);font-weight:400;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.85);white-space:nowrap;transition:color .2s;}
.primary-nav li a:hover,.primary-nav li.current-menu-item>a,.primary-nav li.current-menu-ancestor>a{color:#6ED99F;}
.primary-nav li.menu-item-has-children>a::after{content:' ▾';font-size:10px;}
.primary-nav li ul{display:none!important;position:absolute;top:calc(100% + 12px);left:0;flex-direction:column!important;gap:0!important;background:var(--hak-dark-green);border-radius:var(--radius-md);padding:8px 0;min-width:200px;z-index:200;}
.primary-nav li:hover>ul{display:flex!important;}
.primary-nav li ul li a{padding:9px 20px;font-size:13px;display:block;text-transform:none;letter-spacing:0;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--hak-white);font-size:22px;padding:var(--space-sm);}

/** TAALSWITCHER **/
.lang-switcher{position:relative;background:none;border:none;padding:0;}
.lang-switcher__btn{background:var(--hak-blue);color:var(--hak-dark-green);border:none;border-radius:50px;padding:6px 14px;font-family:var(--font-brand);font-weight:400;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:background .2s;}
.lang-switcher__btn:hover{background:#3ab4e0;}
.lang-arrow{transition:transform .2s;}
.lang-switcher.is-open .lang-arrow{transform:rotate(180deg);}
.lang-switcher__dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:var(--hak-white);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.15);min-width:60px;overflow:hidden;z-index:300;}
.lang-switcher.is-open .lang-switcher__dropdown{display:block;}
.lang-switcher__dropdown a{display:block;padding:10px 18px;font-family:var(--font-brand);font-weight:400;font-size:14px;color:var(--hak-text);}
.lang-switcher__dropdown a:hover{background:transparent;color:var(--hak-blue);}

/** BROODKRUIMEL **/
.breadcrumb{padding:30px 20px;font-size:13px;color:var(--hak-text-muted);font-family:var(--font-brand);font-weight:400;    display: flex; align-items: center; flex-wrap: wrap; gap: 5px;}
.breadcrumb .breadcrumb_menu,
.breadcrumb a {color: var(--hak-dark-green); font-size: 16px; font-weight: 400; font-family: var(--font-body);}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb span+span::before{content:'/ ';}

/** PAGE-HERO (archief headers) **/
.page-hero{position:relative;background:var(--hak-dark-green);background-size:cover;background-position:center;min-height:280px;display:flex;align-items:center;}
.page-hero .hero-content{position:relative;z-index:1;text-align:center;padding:var(--space-2xl) var(--container-pad);width:100%;}
.page-hero h1{font-family:var(--font-brand);font-size:clamp(48px, 3.14vw, 56px);font-weight:700;color:var(--hak-white);line-height:1.1;margin-bottom:var(--space-lg);}

/** ZOEKBALK IN HERO **/
.hero-search {display: flex; max-width: 600px; margin-inline: auto; border-radius: 24px; overflow: hidden; background: var(--hak-white); box-shadow: 0 4px 20px rgba(0, 0, 0, .15); flex-direction: column; flex-wrap: nowrap; align-items: flex-end;}
.hero-search input{flex:1;padding:14px 20px;font-size:15px;border:none;outline:none;font-family:var(--font-body);color:var(--hak-text);}
.hero-search button{background:var(--hak-pink);color:var(--hak-white);border:none;padding:14px 28px;font-family:var(--font-brand);font-weight:400;font-size:14px;cursor:pointer;transition:background .2s;white-space:nowrap; position: absolute; top: 4px;}
.hero-search button:hover{background:var(--hak-pink-hover);}
.search-block {position: relative; width: 100%; max-width: 600px; margin: 0 auto;}
.page-hero--with-image .hero-search {box-shadow: none !important;z-index: 2}
#recipe-suggestions {width: 100%; text-align: left; background: var(--hak-white); padding: 30px 20px 15px 24px; margin-top: -25px; border-radius: 0 0 20px 20px;position: absolute; z-index: 1;display: none;}
#recipe-suggestions li {display: flex; align-items: center; gap: 10px;margin-bottom: 10px;position: relative;}
#recipe-suggestions li img {aspect-ratio: 100/100; width: 100%; max-width: 30px; object-fit: cover; object-position: center;display: block;}
#recipe-suggestions li a:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#recipe-suggestions li a:hover {color: var(--hak-blue);}
/** KNOPPEN **/

.primary-btn:active,
.secondary-btn:active,
.third-btn:active,
.btn:active{transform:scale(.98);}
.btn-primary{background:var(--hak-light-green);color:var(--hak-white);}
.btn-primary:hover{background:#3d9438;}
.btn-pink{background:var(--hak-pink);color:var(--hak-white);width:100%;}
.btn-pink:hover{background:var(--hak-pink-hover);}
.btn-outline{background:transparent;color:var(--hak-light-green);border:2px solid var(--hak-light-green);}
.btn-outline:hover{background:var(--hak-light-green);color:var(--hak-white);}
.btn-ghost{background:rgba(255,255,255,.15);color:var(--hak-white);border:1px solid rgba(255,255,255,.35);}
.btn-ghost:hover{background:rgba(255,255,255,.28);}

/** KAARTEN **/
.card{background:var(--hak-card-bg);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .25s,transform .25s;cursor:pointer;display:flex;flex-direction:column;}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.10);}
.card__image{position:relative;width:100%;overflow:hidden;background:#EEE;}
.press-section-new .card__image,
.section-related .card__image {height: auto;}
.section-related .card__image img {aspect-ratio: 100 / 65;}
.press-section-new .card__image img {aspect-ratio: 100 / 50;}
.card__image img {width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; aspect-ratio: 100 / 65 !important;transform: scale(1.01);}
.card:hover .card__image img{transform:scale(1.04);}
.card--product .card__image{height:auto;background:var(--hak-white);}
.section-light-blue .card--product .card__image,
.section-light-blue .card--product .card__image img {background: var(--hak-white);}
.card--product .card__image img{object-fit:contain;padding:24px;padding-bottom: 0;height:auto;}
.card__body{padding:var(--space-lg) var(--space-lg) var(--space-lg);flex:1;display:flex;flex-direction:column;gap:var(--space-xs);}
/* Kaarttitel: PP Monument Narrow 700, HAK-donkergroen */
.card__title{font-family:var(--font-brand);font-size:18px;font-weight:700;color:var(--hak-dark-green);line-height:1.3;margin-bottom:4px;}
.card__meta{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-xs);font-size:13px;color:var(--hak-text-muted);font-family:var(--font-body);}
.card__meta-item{display:flex;align-items:center;gap:5px;}
.card__meta-item svg{width:15px;height:15px;color:var(--hak-pink);flex-shrink:0;}

/** GRID LAYOUTS **/
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);}
.cards-grid--4{grid-template-columns:repeat(4,1fr);}
.cards-grid--2{grid-template-columns:repeat(2,1fr);}
.cards-grid--products{grid-template-columns:repeat(3,1fr);}
.cards-grid--recipes{grid-template-columns:repeat(3,1fr);}
.cards-grid{padding-bottom:50px;} /* uit Customizer verplaatst */

/** PAGINA MET SIDEBAR **/
.page-with-sidebar{display:grid;grid-template-columns:320PX 1fr;gap:32px;align-items:start;padding-top:var(--space-xl);padding-bottom:var(--space-2xl);}

/** FILTER SIDEBAR **/
.filter-sidebar{position:sticky;top:calc(100px + var(--space-lg));display:flex;flex-direction:column;gap:var(--space-lg);}
.filter-group{background:var(--hak-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);}
.filter-group__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg);cursor:pointer;user-select:none;}

/* Filtertitel: PP Monument Narrow 700, donkergroen */
.filter-group__title{font-family:var(--font-brand);font-weight:700;font-size:16px;color:var(--hak-dark-green);}
.filter-group__toggle{width:20px;height:20px;border-radius:50%;background:var(--hak-tag-bg);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--hak-light-green);transition:transform .2s;}
.filter-group.is-open .filter-group__toggle{transform:rotate(180deg);}
.filter-group__body{padding:0 var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:0px;}
.filter-option{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;color:var(--hak-text);cursor:pointer;font-family:var(--font-body) !important;}
.filter-option input[type="checkbox"]{width:18px;height:18px;border-radius:4px;border:2px solid var(--hak-border);accent-color:var(--hak-light-green);cursor:pointer;}
.active-filters{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-lg);font-size:13px;}
.filter-badge{display:inline-flex;align-items:center;gap:6px;background:var(--hak-light-green);color:var(--hak-white);padding:4px 12px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;}
.btn-clear-filters{background:none;border:none;color:var(--hak-text-muted);font-size:13px;text-decoration:underline;cursor:pointer;padding:4px;}
/* Filterknop mobiel */
.filter-mobile-bar{display:none;padding:var(--space-md) 0 var(--space-sm);}
.filter-toggle-btn{display:none;align-items:center;gap:8px;background:var(--hak-light-green);border:1.5px solid var(--hak-light-green);border-radius:var(--radius-pill);padding:10px 20px;font-family:var(--font-brand);font-weight:400;font-size:14px;cursor:pointer;color:var(--hak-white);}
.filter-toggle-btn:hover{border-color:var(--hak-light-green);background:var(--hak-tag-bg);}
.filter-close-btn{display:none;width:100%;padding:var(--space-md);background:none;border:none;border-bottom:1px solid var(--hak-border);font-family:var(--font-brand);font-weight:400;font-size:15px;cursor:pointer;color:var(--hak-text-muted);text-align:left;margin-bottom:var(--space-sm);}
.show-results {border-width: 0;display: none !important;}
/* Zoekbalk archief */
.archive-search-bar{display:flex;border-radius:100px;overflow:hidden;background:var(--hak-white);border:1.5px solid var(--hak-border);margin-bottom:var(--space-xl);max-width:520px;transition:border-color .2s;}
.archive-search-bar:focus-within{border-color:var(--hak-light-green);}
.archive-search-bar input{flex:1;border:none;outline:none;padding:12px 20px;font-family:var(--font-body);font-size:15px;background:transparent;color:var(--hak-text);}
.archive-search-bar button{background:var(--hak-accent-green);border:none;padding:8px 18px;margin:5px;cursor:pointer;color:var(--hak-white);font-family:var(--font-brand);font-weight:400;font-size:14px;transition:background .2s;white-space:nowrap;border-radius:var(--radius-pill);}
.archive-search-bar button:hover{background:#3d9438;}

/** RECEPTDETAIL **/
.recipe-layout{display:grid;grid-template-columns:400px 1fr;gap:var(--space-xl);padding-top:var(--space-lg);padding-bottom:var(--space-2xl);align-items:start;padding-top: 0;}
.recipe-sidebar{display:flex;flex-direction:column;gap:var(--space-md);}
.recipe-sidebar__card{background:var(--hak-white);border-radius:var(--radius-lg);padding:var(--space-lg);}
.recipe-sidebar__card h2,.recipe-sidebar__card h3{font-family:var(--font-brand);font-weight:400;font-size:24px;color:var(--hak-dark-green);margin-bottom:var(--space-md);}
.recipe-sidebar__card h3{font-weight:400;color: var(--hak-dark-green);margin-bottom: 7px;}
/* Recepttitel + omschrijving (uit inline styles gehaald). margin-bottom op h1
   houdt ruimte onder de titel, ook als het recept geen omschrijving heeft. */
.recipe-sidebar__card h1{font-family:var(--font-brand);font-weight:700;font-size:clamp(22px, 2.51vw, 36px);line-height:125%;margin-bottom:var(--space-md);color:var(--hak-dark-green);}
.recipe-sidebar__desc{font-size:16px;line-height:1.6;color:rgba(26, 74, 37, 1);font-family:var(--font-body);margin:0 0 30px 0;}
.product-carousel{position:relative;display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);}
.product-carousel__track{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);flex:1;text-align:center;}
.product-carousel__track img{width:80px;height:80px;object-fit:contain;}
.product-carousel__track p{font-size:13px;font-weight:600;font-family:var(--font-brand);}
.carousel-btn{width:32px;height:32px;border-radius:50%;background:var(--hak-light-green);color:var(--hak-white);border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s;}
.carousel-btn:hover{background:#3d9438;}
/* Uit Customizer verplaatst — recept sidebar */
#bekijk-product-btn{margin-top:var(--space-md);}
.ingredients-group-title{font-family:var(--font-brand);font-size:18px;font-weight:400;}
.fiu-button-wrapper.default .fiu-supermarket-button{box-shadow:none !important;transition:transform .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s cubic-bezier(.4, 0, .2, 1), background-color .18s cubic-bezier(.4, 0, .2, 1);}
.carousel-btn svg {width: 10px; height: 12px; margin-right: -4px;}
.swiper-button-prev.carousel-btn svg {margin: 0 !important;}
.ingredients-list{display:flex;flex-direction:column;gap:3px;margin-bottom:0;}
.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);}
.tag {background: #E8F4D4; color: var(--hak-dark-green); padding: 8px 16px; border-radius: var(--radius-pill); font-size: 14px; font-weight: 400; border: 1px solid #E8F4D4; font-family: var(--font-brand);}
.recipe-main{display:flex;flex-direction:column;gap:var(--space-lg);}
.recipe-hero-img{width:100%;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/9;}
.recipe-hero-img img{width:100%;height:100%;object-fit:cover;}
.recipe-stats{background:var(--hak-white);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-around;flex-wrap:wrap;gap:var(--space-md);}
.recipe-stat{display:flex;align-items:center;gap:10px;text-align:center;}
.recipe-stat__icon{color:var(--hak-icon-pink);font-size:0px;}
.recipe-stat__icon svg {width: 26px; height: 26px;}
.recipe-stat__label {font-size: 12px; color: rgba(26, 74, 37, 0.7); font-weight: 700; font-family: var(--font-body); text-align: left; line-height: 1.2;}
.recipe-stat__value {font-family: var(--font-brand); font-weight: 400; font-size: 16px; color: var(--hak-dark-green); text-align: left; line-height: 1.2;}
.recipe-instructions__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);}
.recipe-instructions__header h2{font-family:var(--font-brand);font-weight:700;font-size:clamp(22px, 2.09vw, 30px);color:var(--hak-dark-green);}
.recipe-actions{display:flex;gap:var(--space-sm);}
.recipe-action-btn {display: flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: var(--radius-pill); border: 2px solid var(--hak-dark-green); background: var(--hak-white); font-size: 14px; font-weight: 400; cursor: pointer; transition: border-color .2s,background .2s; font-family: var(--font-brand); color: var(--hak-dark-green);}
#share-btn {background: var(--hak-pink); border-color: transparent; color: var(--hak-white);}
.recipe-action-btn:hover {border-color: var(--hak-dark-green); background: var(--hak-dark-green); color: var(--hak-white);}
.recipe-steps {display: flex; flex-direction: column; gap: var(--space-md); border-top: 2px solid var(--hak-dark-green); padding-top: var(--space-md);}
.recipe-step{display:flex;gap:var(--space-md);align-items:flex-start;}
.recipe-step__number{width:32px;height:32px;border-radius:50%;background:var(--hak-light-green);color:var(--hak-white);font-family:var(--font-brand);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.recipe-step__text {font-size: 16px; line-height: 1.65; padding-top: 4px; font-family: var(--font-body); color: rgba(37, 68, 36, 0.8);}
.recipe-tip{background:var(--hak-tag-bg);padding:var(--space-md);font-size:14px;font-family:var(--font-body);}
.recipe-tip strong{color:var(--hak-light-green);}

/** PRODUCTPAGINA **/
.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);padding-top:var(--space-xl);padding-bottom:var(--space-2xl);align-items:start;}
.product-image-area{position:sticky;top:calc(100px + var(--space-lg));text-align:center;}
.product-image-area img{width: 100%; max-width:480px;margin-inline:auto;filter:drop-shadow(0 8px 24px rgba(0,0,0,.12));} /* max-width was 380px; 480px uit Customizer samengevoegd */
.product-info{display:flex;flex-direction:column;gap:var(--space-lg);}
.product-info h1{font-family:var(--font-brand);font-weight:400;font-size:clamp(26px,3.5vw,48px);line-height:1.15;color:var(--hak-dark-green);}
.product-formats br {display: none;}
.product-description {font-size: 18px; line-height: 1.7; color: var(--hak-dark-green); font-family: var(--font-body);}
.product-formats__label {font-family: var(--font-body); font-weight: 400; font-size: 12px; text-transform: uppercase; color: var(--hak-dark-green); display: block; margin-bottom: 4px;}
.product-formats span {color: var(--hak-dark-green);}
.accordion{border-top:1px solid var(--hak-border);}
.accordion-item{border-bottom:1px solid var(--hak-border);}
.accordion-item__trigger {width: 100%; display: flex; align-items: center; justify-content: space-between; padding: var(--space-md) 0; background: none; border: none; cursor: pointer; font-family: var(--font-brand); font-weight: 400; font-size: 20px; color: var(--hak-dark-green); text-align: left;}
.accordion-item__body p {color: var(--hak-dark-green); font-size: 16px; line-height: 157%; font-weight: 400;}
.accordion-item__trigger .chevron{transition:transform .25s;font-size:18px;color:var(--hak-light-green);}
.accordion-item.is-open .chevron{transform:rotate(180deg);}
.accordion-item__body{display:none;padding-bottom:var(--space-lg);font-size:16px;line-height:1.7;font-family:var(--font-body);}
.usp-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm);}
.usp-list li{display:flex;align-items:center;gap:var(--space-sm);font-size:16px;font-family:var(--font-body);}
.usp-list li::before{content:'●';color:var(--hak-light-green);font-size:18px;flex-shrink:0;}
.nutrition-table{width:100%;border-collapse:collapse;font-size:16px;font-family:var(--font-body);}
.nutrition-table td{padding:4px 0;border-bottom:1px solid var(--hak-border);}
.nutrition-table td:last-child{text-align:right;font-weight:400;}
.nutrition-table tr.sub td:first-child{padding-left:20px;}

/** SECTIE-OVERGANGEN (geen bollingen) **/
.section-green{background:var(--hak-dark-green);padding:var(--space-2xl) 0;position:relative;}
.section-green h2,.section-green .section-title{font-family:var(--font-brand);font-weight:400;font-size:clamp(24px,3.5vw,40px);color:var(--hak-white);margin-bottom:var(--space-xl);}
.section-title{text-transform:uppercase;}
/* Ook lekker – lichtgroen */
.section-related{padding:var(--space-2xl) 0;}
.recipe-related-new{padding-bottom: 10%;margin-bottom: -7%;margin-top: -4%;padding-top: 6%;}
.recipe-single-section {clip-path: ellipse(180% 100% at 50% 0%); background: var(--hak-cream);padding-bottom: 2%;}
.section-related h2{font-family:var(--font-brand);font-weight:400;font-size:clamp(24px,3.5vw,40px);color:var(--hak-white);margin-bottom:var(--space-xl);}
/* Blauw (ook lekker op productpagina) */
.section-light-blue{background:var(--hak-blue);padding:var(--space-2xl) 0;}

/** RELATED SECTIES **/
.related-section{padding:var(--space-2xl) 0;margin-bottom: -100px;}
.related-section h2{font-family:var(--font-brand);font-weight:400;font-size:clamp(22px,3vw,34px);color:var(--hak-white);}
.related-section .btn-bekijk{background:var(--hak-pink);color:var(--hak-white);padding:10px 26px;border-radius:var(--radius-pill);font-family:var(--font-brand);font-weight:400;font-size:14px;border:none;cursor:pointer;transition:background .2s;}
.related-section .btn-bekijk:hover{background:var(--hak-pink-hover);}

/** FOOTER **/
.site-footer {background: var(--hak-dark-green); padding: var(--space-2xl) 0 var(--space-lg); clip-path: ellipse(80% 100% at 50% 100%); padding-top: 7% !important;}
.footer-grid{display:grid;grid-template-columns:clamp(180px, 21.33vw, 307px) 1fr 1fr 1fr;gap:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid rgba(255,255,255,.12);}
.footer-logo img,.footer-logo svg{height:60px;}
.footer-col h4{font-family:var(--font-brand);font-size:24px;letter-spacing:.1em;text-transform:uppercase;color:var(--hak-light-green);font-weight:700;margin-bottom:var(--space-md);}
.footer-col ul{display:flex;flex-direction:column;gap:var(--space-sm);}
.footer-col a {color: var(--hak-cream); font-size: 18px; transition: color .2s; font-family: var(--font-body); font-weight: 400; }
.footer-col a:hover{color:var(--hak-white);}
.social-links{display:flex;gap:16px;flex-wrap:wrap;}
.social-link {width: 48px; height: 48px; border-radius: 50%; background: transparent; display: flex; align-items: center; justify-content: center; transition: all 0.3s !important; border: solid 2px var(--hak-cream);}
.social-link:hover{background:var(--hak-blue);border-color: var(--hak-blue);}
.social-link svg,.social-link img{width:20px;height:20px;}
.footer-bottom {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-md); padding-top: var(--space-lg); font-size: 18px; color: var(--hak-cream); font-family: var(--font-body);}
.footer-bottom-links{display:flex;gap:var(--space-lg);}
.footer-bottom-links a{color:var(--hak-cream);transition:color .2s;}
.footer-bottom-links a:hover{color:var(--hak-white);}

/** PAGINERING **/
/* Was 5x door het bestand verspreid gedefinieerd (met oplopende !important's
   omdat elke latere fix de vorige moest overrulen); dit is de samengevoegde,
   daadwerkelijk toegepaste eindstyling, ongewijzigd in gedrag t.o.v. voorheen. */
div.pagination,
.pagination {
display: flex !important;
justify-content: center !important;
align-items: center !important;
padding: var(--space-xl) 0 !important;
gap: var(--space-sm);
flex-wrap: wrap;
}
div.pagination ul.page-numbers,
.pagination ul.page-numbers {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 6px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
div.pagination ul.page-numbers li,
.pagination ul.page-numbers li {
display: flex !important;
flex-direction: row !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
div.pagination ul.page-numbers .page-numbers,
.pagination ul.page-numbers .page-numbers {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 40px !important;
height: 40px !important;
padding: 0 12px !important;
border-radius: 50px !important;
background: var(--hak-white) !important;
color: var(--hak-text) !important;
font-family: var(--font-brand);
font-weight: 400 !important;
font-size: 14px !important;
text-decoration: none !important;
line-height: 1 !important;
transition: background .2s, color .2s !important;
white-space: nowrap !important;
}
div.pagination ul.page-numbers .page-numbers.current,
.pagination .page-numbers.current {
background: var(--hak-light-green) !important;
color: var(--hak-white) !important;
}
div.pagination ul.page-numbers a.page-numbers:hover,
.pagination a.page-numbers:hover {
background: var(--hak-light-green) !important;
color: var(--hak-white) !important;
}
div.pagination ul.page-numbers .page-numbers.dots,
.pagination .page-numbers.dots {
background: transparent !important;
cursor: default !important;
min-width: auto;
padding: 0 4px;
}
.pagination ul.page-numbers .page-numbers.prev,
.pagination ul.page-numbers .page-numbers.next {
font-size: 18px;
font-weight: 700;
padding: 0 14px;
min-width: 40px;
width: auto;
border-radius: 50px;
}
.prev.page-numbers,
.next.page-numbers {
background: var(--hak-pink) !important;
}

.page-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;font-family:var(--font-brand);font-weight:700;font-size:14px;background:var(--hak-white);color:var(--hak-text);transition:background .2s,color .2s;display:flex;align-items:center;justify-content:center;}
.page-btn.is-active,.page-btn:hover{background:var(--hak-light-green);color:var(--hak-white);}

/* Filter bar css */
.filters-bar {display: flex; align-items: center; gap: 12px; padding-top: 48px; flex-wrap: wrap;}
.filters-label {font-size: 14px; font-weight: 700; color: var(--hak-dark-green);line-height: 100%;}
.filter-tags {display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } 
.filter-tag {display: flex; align-items: center; gap: 8px; padding: 6px 13px; border: none; border-radius: 999px; background: var(--hak-blue); color: var(--hak-white); font-size: 16px; font-weight: 400; cursor: pointer; transition: 0.2s ease; font-family: var(--font-brand);}
.clear-filters:hover,
.filter-tag:hover {background: var(--hak-pink) !important;} 
.filter-tag .close {font-size: 18px; line-height: 76%; font-weight: 400;}
.clear-filters {padding: 6px 13px; border: none; border-radius: 999px; background: var(--hak-pink); color: var(--hak-white); font-size: 16px; font-weight: 400; cursor: pointer; transition: 0.2s ease;font-family: var(--font-brand);}
.clear-filters:hover {background: var(--hak-blue) !important;color: var(--hak-white);}

.filter-option {display: flex; align-items: center; column-gap: 12px; width: fit-content; line-height: 1; cursor: pointer;}
.filter-option input[type="checkbox"] {appearance: none; position: relative;min-width: 18px; width: 18px; height: 18px; border: 2px solid rgba(41, 61, 44, 0.3); border-radius: 4px; cursor: pointer;}
.filter-option input[type="checkbox"]:checked::after {content: ""; position: absolute; top: calc(50% - 3px); left: calc(50% - 4px); width: 9px; height: 5px; border-bottom: 2px solid var(--hak-light-green); border-left: 2px solid var(--hak-light-green); transform: rotate(-45deg);}
.filter-option input[type="checkbox"]:checked {border-color: var(--hak-light-green);}
.filter-option:has(input[type="checkbox"]:checked) {color: var(--hak-light-green);}
.ingredients-list .filter-option:has(input[type="checkbox"]:checked) {color: #d3d3d3; text-decoration: line-through;}
.cards-grid+div {gap: 10px;flex-wrap: wrap !important;}
.cards-grid+div .page-numbers {width: 50px; height: 50px; background: var(--hak-white); color: var(--hak-dark-green); display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 18px; font-weight: 900;transition: background .2s, transform .1s;}
.cards-grid+div .page-numbers:active {transform: scale(.98);}
.cards-grid+div .page-numbers:hover {background: var(--hak-blue) !important; color: var(--hak-white);}
.cards-grid+div .page-numbers.current {background: var(--hak-blue) !important; color: var(--hak-white);}
.shape-img svg,
.footer-top-shape svg {width: 100%; margin-bottom: -9px;}
.product-bottom-shape {padding-bottom: 200px !important; margin-bottom: -110px;}
.btn-green {display:inline-flex;background:var(--hak-light-green);color:var(--hak-white);font-family:var(--font-brand);font-weight:700;font-size:15px;padding:12px 28px;border-radius:50px;width: 100%;}
.recipe-mobile-title {display: none !important;}
.slider-block.cards-grid {display: inherit !important;}
.slider-block .slick-track {justify-content: flex-start !important; display: flex !important; align-items: stretch;} 
.slider-block .slick-list {width: calc(100% + 24px) !important; margin-left: -12px;}

.slider-block .slick-list:before {content: ""; position: absolute; left: 0; top: 0; width: 12px; height: 100%; background: #45A052;z-index: 2;}
.slider-block .slick-list:after {content: ""; position: absolute; right: 0; top: 0; width: 12px; height: 100%; background: #45A052;z-index: 2;}
.section-light-blue .slider-block .slick-list:before,
.section-light-blue .slider-block .slick-list:after {background: var(--hak-blue);}
.slider-block .slick-slide {height: auto !important; display: flex !important; align-items: stretch;margin:0 12px;}
.media-library-section .filter-sidebar a,
.press-section-new .filter-sidebar a {margin-bottom: 3px !important;}
.media-library-section .filter-sidebar a:hover,
.press-section-new .filter-sidebar a:hover {color: var(--hak-white) !important; background: var(--hak-light-green) !important;}
.press-btn-list {display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 10px 0 50px 0;}
.press-btn-list li a {white-space: nowrap; display: flex; align-items: center; gap: 8px; padding: 13px 24px; border: none; border-radius: 999px; border: 1px solid var(--hak-blue); background: var(--hak-blue); color: var(--hak-white); font-size: 16px; font-weight: 400; cursor: pointer; transition: 0.2s ease; font-family: var(--font-brand);}
.press-btn-list li a:hover,
.press-btn-list li.active a {background: var(--hak-pink); border-color: var(--hak-pink); color: var(--hak-white);}
.media-library-section main {margin-top: -75px;}
.media-library-section .press-btn-list {margin-bottom: 70px;}
.contact-main .content-block {width: 100%; max-width: 1024px;}
.contact-main .content-block h5,
.contact-main .content-block h4,
.contact-main .content-block h3,
.contact-main .content-block h2 {color: var(--hak-dark-green); font-size: 24px; font-family: var(--font-brand); margin: 32px 0 16px 0;}
.contact-main .content-block p {color: var(--hak-dark-green); font-size: 18px; margin: 0 0 16px 0;}
.contact-main .content-block a:not(.btn) {font-weight: 400;text-decoration: underline;}
.contact-main .content-block a:not(.btn):hover {text-decoration: underline;}
.contact-main {padding-bottom: 100px;}

/* Faq Section 1 Start */
.faq-section1{color: var(--hak-white);padding: 64px 0 120px 0;margin-bottom: -120px;}
.faq-section1 .top-content {text-align: center;margin-bottom: clamp(60px, 5.1vw, 96px);}
.faq-section1 .top-content h1 {font-size: clamp(40px, 5.57vw, 80px); color: var(--hak-white); text-align: center;margin-bottom: 30px;line-height: 120%;font-family: var(--font-brand);font-weight: 700 !important;}
.faq-section1 .bottom-block h3,
.faq-section1 .top-content p {font-size: clamp(18px, 1.68vw, 24px); color: var(--hak-white); text-align: center;line-height: 130%;font-family: var(--font-brand);}
.faq-section1 .bottom-block h3 {text-align: left;}
.faq-section1 .bottom-block h3 + .primary-btn { margin-top: 16px; }
.faq-section1 .bottom-block p {font-size: 16px;font-weight: 400;line-height: 166%;color: var(--hak-white); margin: 20px 0;}
.faq-section1 .bottom-block {display: flex; gap: 1px; width: 100%; flex-wrap: wrap; background: var(--hak-pink); padding: 24px; border-radius: 16px; flex-direction: column;margin-top: 32px;}
.faq-section1 .bottom-block .primary-btn {background: var(--hak-white); color: var(--hak-dark-green);}
.faq-section1 .bottom-block .primary-btn:hover {background: var(--hak-blue); color: var(--hak-dark-green);}
.faq-section1 .bottom-block-m {display: none;}
.primary-btn {background: #E91E63; color: var(--hak-white); font-family: var(--font-brand); font-weight: 400; font-size: 16px; padding: 12px 32px; border-radius: 48px; display: inline-block;}
.primary-btn:hover {background: #ff3b7e; color: var(--hak-white);}
.faq-section1 .faq-tabs {display: flex; gap: clamp(32px, 2.61vw, 50px);align-items: flex-start;}
.faq-section1 .left-content {width: 320px; flex-shrink: 0;}
.faq-section1 .faq-tab-buttons {display: flex; gap: 1px; width: 100%; overflow: hidden; overflow-x: auto; scrollbar-width: thin; flex-wrap: wrap; background: var(--hak-light-green); padding: 24px; border-radius: 16px; flex-direction: column;}
.faq-section1 .faq-tab-content {flex: 1;}
.faq-section1 .faq-tab-btn {padding: clamp(8px, 0.74vw, 14px) 16px; cursor: pointer; background: transparent; font-size: 18px; font-weight: 400; line-height: 100%; color: var(--hak-white); transition: all .3s; font-family: var(--font-brand); border-radius: 100px;}
.faq-section1 .faq-tab-btn:hover, .faq-section1 .faq-tab-btn.active {background: var(--hak-dark-green); color: var(--hak-white); border-color: var(--hak-dark-green);}
.faq-section1 .faq-tab-panel {display: none; } 
.faq-section1 .faq-tab-panel.active {display: block; }
/* Accordian css start */
.faq-section1 .accordion-faq {display: flex; flex-direction: column; gap: 18px; } 
.faq-section1 .accordion-faq-item {background: var(--hak-cream); transition: all .3s; border-radius: 12px;}
.faq-section1 .accordion-faq-item a {color: var(--secondary-color);}
.faq-section1 .accordion-faq-item a:not(.btn):hover {text-decoration: underline;}
.faq-section1 .accordion-faq-title h3 {color: var(--hak-dark-green); font-size: 16px; line-height: 100%; font-family: var(--font-brand);font-weight: 400;transition: all .3s;}
.faq-section1 .accordion-faq-body p {margin-top:16px; margin-bottom: 16px; font-size: 16px; padding: 0 24px; color: var(--hak-dark-green);}
.faq-section1 .accordion-faq-title {position: relative; cursor: pointer; padding: 20px 50px 20px 24px; border-radius: 12px;transition: all .3s;}
.faq-section1 .accordion-faq-item:hover .accordion-faq-title h3 {color: var(--hak-white);}
.faq-section1 .accordion-faq-item:hover .accordion-faq-title {background: var(--hak-blue);}
.faq-section1 .accordion-faq-item:hover .accordion-faq-title::before {filter: brightness(20);}
.faq-section1 .accordion-faq-item.open .accordion-faq-title {background: var(--hak-blue);border-radius: 12px 12px 0 0;}
.faq-section1 .accordion-faq-title::before {content: ''; background-image: url("../images/faq-arrow.svg"); width: 16px; height: 10px; right: 30px; transform: translateY(-50%); top: 50%; position: absolute; background-repeat: no-repeat; background-size: contain;}
.faq-section1 .accordion-faq-item.open .accordion-faq-title h3 {color: var(--hak-white);}
.faq-section1 .accordion-faq-item.open .accordion-faq-title::before {transform: translateY(-50%)rotateX(180deg);filter: brightness(20);} 
.faq-section1 .accordion-faq-body {display: none;}
.faq-section1 .accordion-faq-body td,
.faq-section1 .accordion-faq-body td,
.faq-section1 .accordion-faq-body td {margin-top: 16px; margin-bottom: 16px; font-size: 16px; padding: 0 24px; color: var(--hak-dark-green);}
.table-block table {width: 100%;}
.table-block {overflow: hidden; overflow-x: auto; scrollbar-width: thin;}
/* Accordian css end */
/* Faq Section 1 end */
body #hak-primary-nav ul li a {font-size: 19px !important;}
.primary-btn, 
.secondary-btn,
.third-btn {align-items: center;display: inline-flex; align-items: center;  font-family: var(--font-brand); font-weight: 400 !important; font-size: 16px; padding: clamp(10px, 1.05vw, 15px) clamp(24px, 2.23vw, 32px); border-radius: 100px; transition:background .2s,transform .1s;}
.primary-btn {background: var(--hak-blue); color: var(--hak-dark-green);}
.secondary-btn {background: var(--hak-pink); color: var(--hak-white);}
.third-btn {background: var(--hak-light-green); color: var(--hak-white);}
.primary-btn:hover {background: var(--hak-pink); color: var(--hak-white);}
.secondary-btn:hover {background: var(--hak-blue); color: var(--hak-dark-green);}
.third-btn:hover {background: var(--hak-blue); color: var(--hak-dark-green);}
.arrow-btn::after {content: ''; background-image: url("../images/btn-arrow1.svg"); width: 20px; height: 17px; margin-left: 10px; background-repeat: no-repeat; background-size: 100%; background-position: -4px center;transition:background .2s,transform .1s;}
.arrow-btn:hover::after {background-position: 0px center;}
.nav-menu-block {display: flex; align-items: center; gap: 32px;}
.recipe-stats-m {padding: 0 0 40px 0; display: none;}
.recipe-sidebar__card-m {margin-top: 30px; display: none;}
.recipe-hero-img-m {display: none;}
.shape-img,
.product-top-shape,
.footer-top-shape {overflow: hidden;}
.shape-img svg, .footer-top-shape svg {width: 110%; margin-left: -5%;}

/* Onze Impact 1 Start */
.impact-section1 {overflow: hidden; position: relative; padding: 100px 0; height: 100vh; display: flex; flex-direction: column; justify-content: center;}
.impact-section1 .row {margin: -20px; display: flex; align-items: center !important; justify-content: space-between;}
.impact-section1 .left-img .img-cover img {object-position: center !important; height: 100%; width: 100%; display: block; object-fit: cover;clip-path: circle(calc(100% - clamp(50px, 6.26vw, 120px)) at 0 50%);}
.impact-section1 .row>div {padding: 20px; width: 50%;}
.impact-section1 .left-img .img-cover {width: 50%; height: 100%; position: absolute; top: 0; left: 0;}
.impact-section1 h1 {font-size: clamp(56px, 4.59vw, 88px);font-weight: 700;line-height: 100%;color: var(--hak-dark-green) !important;margin: 0;font-family: var(--font-brand);text-transform: uppercase;}
.impact-section4 .left p,
.impact-section1 p {font-size: 18px; line-height: 161%; color: rgba(37, 68, 36, 0.8);width: 100%;max-width: 448px;margin-top: clamp(20px, 1.68vw, 32px);}
.impact-section1 .right-content {padding-left: clamp(20px, 4.18vw, 80px) !important;}
.impact-section2{padding: clamp(60px, 5.22vw, 100px) 0;}
.impact-section2 h2 {font-size: clamp(40px, 4.18vw, 60px);font-weight: 700;line-height: 100%;color: var(--hak-white) !important;margin: 0 auto;font-family: var(--font-brand);text-align: center;max-width: 875px;}
.impact-section2 p {font-size: clamp(16px, 1.26vw, 18px); line-height: 162%; color: var(--hak-white); width: 100%; max-width: 875px; margin: clamp(20px, 1.68vw, 32px) auto 0 auto;}
.impact-section2 .content-wrapper {text-align: center;}
.section-image {position: relative;clip-path: ellipse(120% 100% at 50% 0%);z-index: 1;}
.section-image  .img-cover img {object-position: center !important; height: 100%; width: 100%; display: block; object-fit: cover;aspect-ratio: 100 / 35;}
.impact-shap {position: absolute; left: 0; width: 100%; height: auto; bottom: -9px;}
.pt-40 {padding-top: 40px !important;}
.ptb-100 {padding: clamp(60px, 5.22vw, 100px) 0 !important;}
.pt-100 {padding-top: clamp(60px, 5.22vw, 100px) !important;}
.pb-100 {padding-bottom: clamp(60px, 5.22vw, 100px) !important;}
.ptb-120 {padding: clamp(60px, 6.26vw, 120px) 0 !important;}
.pt-120 {padding-top: clamp(60px, 6.26vw, 120px) !important;}
.pb-120 {padding-bottom: clamp(60px, 6.26vw, 120px) !important;}
.impact-section4 .row {display: flex;flex-wrap: wrap;justify-content: space-between;}
.impact-section4 .left {width: 60%;}
.impact-section4 .right {width: 32%;}
.impact-section4 .top-content {margin-bottom: clamp(30px, 2.51vw, 48px);}
.sub-title {font-weight: 400; font-size: 12px; line-height: 100%; letter-spacing: 0.6px; color: var(--hak-white); display: inline-block; background: var(--hak-light-green); padding: 10px 13px; border-radius: 50px; font-family: var(--font-body) !important; margin-bottom: 20px;}
.impact-section4 .top-content h2 {font-size: clamp(40px, 4.18vw, 60px);color: var(--hak-dark-green);line-height: 100%;margin: 0;font-weight: 700;font-family: var(--font-brand);}
.impact-section4 .left p {margin-bottom: 24px;max-width: 837px;margin-top: 0;}
.impact-section4 .left p:last-child {margin-bottom: 0;}
.impact-section4 .left .btn {margin-top: 8px;}

.impact-section4 .box-wrapper {background: var(--hak-dark-green); padding: 32px; border-radius: 24px; width: 100%; max-width: 434px; position: sticky; top: 120px;}
.impact-section4 .box-wrapper .img-cover {width: 100%; max-width: 200px;margin-bottom: 24px;}
.impact-section4 .box-wrapper h3 {font-family: var(--font-brand); font-size: 20px;font-weight: 400;line-height: 100%;color: var(--hak-white);margin: 24px 0;}
.impact-section4 .box-wrapper p {font-size: 18px; font-weight: 400;line-height: 162%;color: rgb(255 255 255 / 80%);margin-bottom: 24px;}
.section-image  .img-cover {overflow: hidden;}
.impact-section6{margin-top: -4%;padding-top: 9% !important;}
.impact-section6 .row {display: flex;flex-wrap: wrap;justify-content: space-between;}
.impact-section6 .left {width: 48%;}
.impact-section6 .right {width: 48%;}
.impact-section6 .top-content {margin-bottom: clamp(30px, 2.51vw, 48px);}
.sub-title {font-weight: 400; font-size: 12px; line-height: 100%; letter-spacing: 0.6px; color: var(--hak-white); display: inline-block; background: var(--hak-light-green); padding: 10px 13px; border-radius: 50px; font-family: var(--font-body) !important; margin-bottom: 20px;}
.impact-section6 .top-content h2 {font-size: clamp(40px, 4.18vw, 60px);color: var(--hak-cream);line-height: 100%;margin: 0;font-weight: 700;font-family: var(--font-brand);}
.impact-section6 .sub-title {background: var(--hak-blue);}
.impact-section6 p {font-size: 18px; line-height: 162%; color: var(--hak-cream); margin-bottom: 24px;margin-top: 0;width: 100%;max-width: 600px;}
.impact-section6 p:last-child {margin-bottom: 0;}

.section-stat .row {align-items: center; display: flex;flex-wrap: wrap;justify-content: space-between;}
.section-stat .left {width: 48%;}
.section-stat .right {width: 48%;}
.sub-title {font-weight: 400; font-size: 12px; line-height: 100%; letter-spacing: 0.6px; color: var(--hak-white); display: inline-block; background: var(--hak-light-green); padding: 10px 13px; border-radius: 50px; font-family: var(--font-body) !important; margin-bottom: 20px;}
.section-stat h2 {font-size: clamp(40px, 4.18vw, 60px);color: var(--hak-white);line-height: 100%;margin: 0;font-weight: 700;font-family: var(--font-brand);}
.section-stat h3 {font-size: clamp(80px, 7.81vw, 150px);color: var(--hak-dark-green);line-height: 100%;margin: clamp(20px, 1.68vw, 32px) 0;font-weight: 700;font-family: var(--font-brand);letter-spacing: 7px;}
.section-stat .sub-title {background: var(--hak-pink);}
.section-stat p {font-size: 18px; line-height: 162%; color: var(--hak-white); margin-bottom: clamp(20px, 1.68vw, 32px);width: 100%; max-width: 588px;margin-top: 0;}
.section-stat p:last-child {margin-bottom: 0;}
.section-stat  .img-cover img {object-position: center !important; height: 100%; width: 100%; display: block; object-fit: cover;aspect-ratio: 100 / 76;}
.impact-section9{padding: 80px 0;}
.shape-top {clip-path: ellipse(120% 100% at 50% 0%);}
.impact-section10{margin-top: -5%;padding-top: 10% !important;}
.impact-section9 .img-cover img {object-position: center !important; height: 100%; width: 100%; display: block; object-fit: cover; aspect-ratio: 100 / 46.5; border-radius: 0;}
.impact-section9 .row {display: flex;flex-wrap: wrap;justify-content: space-between;}
.impact-section9 .left {width: 55%;}
.impact-section9 .right {width: 39%;}
.impact-section9 .top-content {margin-bottom: clamp(30px, 2.51vw, 48px);}
.sub-title {font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: 0.6px; color: var(--hak-white); display: inline-block; background: var(--hak-light-green); padding: 10px 13px; border-radius: 50px; font-family: var(--font-brand) !important; margin-bottom: 20px;}
.impact-section9 h2 {font-size: clamp(40px, 4.18vw, 60px);color: var(--hak-white);line-height: 100%;margin: 0;font-weight: 700;font-family: var(--font-brand);}
.impact-section9 .left p {margin: 24px 0;max-width: 100%;color: var(--hak-white);font-size: 18px;}
.impact-section9 .left p:last-child {margin-bottom: 0;}
.impact-section9 .box-wrapper {background: var(--hak-cream);border-radius: 24px;width: 100%;max-width: 524px;}
.impact-section9 .box-wrapper .img-cover {padding-bottom: 0;}
.impact-section9 .box-wrapper .img-cover img {object-position: center !important; height: 100%; width: 100%; display: block; object-fit: cover; aspect-ratio: 100 / 44.5; border-radius: 24px 24px 0 0;}
.impact-section9 .box-wrapper .content {padding: clamp(24px, 1.68vw, 32px);}
.impact-section9 .box-wrapper h3 {font-size: clamp(20px, 1.57vw, 30px);font-weight: 700;line-height: 100%;color: var(--hak-dark-green);margin:0 0 24px 0;font-family: var(--font-brand);}
.impact-section9 .box-wrapper p {font-size: 16px; font-weight: 400;line-height: 162%;color: rgba(37, 68, 36, 0.9);margin-bottom: 24px;}
.impact-section4 .secondary-btn,
.impact-section9 .btn {width: 100%; text-align: center; justify-content: center;}


.impact-section10{padding: 64px 0;}
.impact-section10 .row {display: flex; align-items: center; gap: 80px; flex-wrap: wrap;}
.impact-section10 .left-image {width: calc(36% - 40px);}
.impact-section10 .right-content {width: calc(64% - 40px);}
.impact-section10 .box-wrapper h2 {font-size: clamp(24px, 1.89vw, 36px);font-weight: 700;line-height: 100%;color: var(--hak-cream);margin:0 0 24px 0;font-family: var(--font-brand);}
.impact-section10 .box-wrapper p {font-size: 18px;font-weight: 400;line-height: 162%;color: var(--hak-cream);margin: 0 0 24px 0;width: 100%;max-width: 710px;}
.impact-section10 .img-cover img {object-fit: cover; border-radius: 16px;}
.impact-section10 .img-cover {overflow: hidden;border-radius: 16px;}
.impact-section10 .btn-wrapper {display: flex;flex-wrap: wrap;gap: 16px;align-items: center;}
.impact-section11 .box-wrapper {margin-bottom: clamp(40px, 3.34vw, 64px); text-align: center;}
.impact-section11 .box-wrapper h2 {font-size: clamp(40px, 4.18vw, 60px);color: var(--hak-dark-green);line-height: 100%;margin: 0;font-weight: 700;font-family: var(--font-brand);margin-bottom: 24px;}
.impact-section11 .box-wrapper p {font-size: 18px; line-height: 162%; color: rgba(37, 68, 36, 0.8); margin:0 auto;width: 100%;max-width: 768px;}
.impact-section11 .badge-list {display: flex; align-items: center; gap: clamp(50px, 6.26vw, 120px); justify-content: center; width: 100%; max-width: 900px; margin: 0 auto; flex-wrap: wrap;}
.impact-section11 .badge-item {position: relative;}
.impact-section11 .stretched-link {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.impact-section11 .swiper-slide {justify-content: center !important; align-items: center;}
.badge-item img {object-fit: contain; object-position: center; width: 100%; max-width: 192px; height: 95px;}
.impact-section11 .container {max-width: 1100px;}
.impact-section11 .swiper-wrapper {justify-content: space-between;}
/* Onze Impact 1 end */

/* Contact Us start */
.contact-section1{padding: 64px 0 170px 0;margin-bottom: -120px;color: var(--hak-white);}
.contact-section1 .main-row {display: flex; gap: 48px; flex-wrap: wrap;}
.contact-section1 .main-row .left {width: calc(40% - 24px);}
.contact-section1 .main-row .right {width: calc(60% - 24px);}
.contact-section1 .main-row .content-wrapper {padding: 32px; border-radius: 24px; background: var(--hak-light-green);}
.contact-section1 .main-row .content-wrapper-bottom {background: var(--hak-pink); margin-top: 32px;}
h1.page-title {font-size: clamp(40px, 5.57vw, 80px); color: var(--hak-white); text-align: center; margin: 0; line-height: 120%; font-family: var(--font-brand);font-weight: 700 !important;}
.pb-96 {padding-bottom: clamp(60px, 5.1vw, 96px) !important;}
.contact-section1 .content-wrapper h2 {font-size: clamp(24px, 1.57vw, 30px);font-weight: 700;line-height: 125%;color: var(--hak-white);margin:0 0 16px 0;font-family: var(--font-brand);}
.contact-section1 .content-wrapper h3 {font-size: clamp(20px, 1.26vw, 24px);font-weight: 400;line-height: 125%;color: var(--hak-white);margin:24px 0;font-family: var(--font-brand); margin-top: 0;}
.contact-section1 .content-wrapper h4 {font-size: 20px; font-weight: 4; line-height: 125%; color: var(--hak-white); font-family: var(--font-brand); margin: 0;}
.contact-section1 .content-wrapper .d1 p {font-size: 16px;font-weight: 400;line-height: 162%;color: var(--hak-white);margin:0 0 24px 0;}
.contact-section1 .content-wrapper .d2 p {font-size: 14px;font-weight: 400;line-height: 162%;color: rgba(256, 256, 256, 0.7);margin:0 0 24px 0;}
.contact-section1 .content-wrapper strong {font-weight: 400;}
.contact-section1 .content-wrapper .d2 strong {font-weight: 400;}


.contact-section1 .contact-form {padding: 32px; border-radius: 24px; background: var(--hak-cream); color: var(--hak-dark-green);}
.contact-form .col-md-6 {width: 50%;}
.contact-form .col-md-12 {width: 100%;}
.contact-form .col-md-9 {width: 75%;}
.contact-form .col-md-3 {width: 25%;}
.contact-section1 .contact-form .primary-btn {border-width: 0; color: var(--hak-white);cursor: pointer;}
/* Contact Us End */

/* Header css start */
.hak-mobile-lang {display: none;}
.d-none {display: none !important;}
#hak-primary-nav ul li.current-menu-item>a,
#hak-primary-nav ul li a:hover {color: var(--hak-blue) !important;}
#hak-primary-nav .menu {display: flex; gap: clamp(24px, 1.83vw, 35px); align-items: center;}
#hak-primary-nav li {list-style: none;}
#hak-primary-nav li a {font-size: 18px; font-weight: 400; line-height: 100%; color: var(--hak-white); transition: all 0.3s; position: relative;line-height: 1;text-transform: uppercase;font-family: var(--font-brand);} /* kleur was --hak-cream; wit uit Customizer samengevoegd */
#hak-primary-nav li.current-menu-item a,
#hak-primary-nav li.current-menu-parent a,
#hak-primary-nav li.current-menu-parent .submenu-toggle::after,
#hak-primary-nav .hb-btn p a:hover,
#hak-primary-nav li a:hover {color: var(--hak-blue);}
#hak-primary-nav li.current-menu-parent .sub-menu li.current-menu-item a,
#hak-primary-nav li.current-menu-parent .sub-menu li.current-menu-item a:hover,
#hak-primary-nav .sub-menu .menu-item a:hover {color: var(--hak-white);}
#hak-primary-nav li.current-menu-parent .sub-menu li.current-menu-item a {color: var(--hak-blue) !important;}
/*#hak-primary-nav li.current-menu-parent .sub-menu li.current-menu-item {background: var(--hak-dark-green);}*/
#hak-primary-nav .deskto-btn-block {gap: 10px;}
#hak-primary-nav>li>a {padding: 21px 0px;}
#hak-primary-nav.hidden-block .navbar-ul>li>a {padding: 41px 0px;}
#hak-primary-nav li.menu-item-has-children {display: flex; align-items: center;}
#hak-nav-toggle {height: 20px; width: 26px; cursor:pointer;display: none;position: relative;} 
#hak-nav-toggle span {height: 2px; background: var(--hak-white); position: absolute; left: 0; right: 0; transition: all 0.3s ease-in-out; border-radius: 5px;} 
#hak-nav-toggle span:nth-child(1) {top: 0;left: 0;} 
#hak-nav-toggle span:nth-child(2) {top: 9px; left: 0;} 
#hak-nav-toggle span:nth-child(3) {top: 18px;left: 0;} 
.nav-menu-block.active #hak-nav-toggle span:nth-child(1) {top: 11px; transform: rotate(45deg);left: 0} 
.nav-menu-block.active #hak-nav-toggle span:nth-child(2) {visibility: hidden; opacity: 0;} 
.nav-menu-block.active #hak-nav-toggle span:nth-child(3) {top: 11px; transform: rotate(-45deg);left: 0;} 
/* Sub menu start*/
#hak-primary-nav .submenu-toggle {cursor: pointer; position: static; vertical-align: bottom; margin-bottom: 0px; height: 20px; width: 20px; border-radius: 3px; overflow: hidden; display: inline-flex ; justify-content: center; align-items: center; margin-left: 3px;}
#hak-primary-nav .submenu-toggle:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#hak-primary-nav .submenu-toggle svg {width: 14px; height: 14px;transition: all 0.3s;}
#hak-primary-nav .submenu-toggle.active svg {transform: rotate(180deg);}
#hak-primary-nav .sub-menu {display: none; position: absolute; top: calc(100% + 14px); width: 100%; max-width: 220px; min-width: 220px; padding: 0 0; margin: 0; background: var(--hak-cream); border-radius: 16px; z-index: 999; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);}
#hak-primary-nav.hidden-block .navbar-ul .sub-menu {top: 100%;}
#hak-primary-nav .menu-item-has-children {position: relative;}
#hak-primary-nav .menu-item-has-children:before {content: ""; position: absolute; left: 0; width: 100%; height: 20px; bottom: -16px;}
#hak-primary-nav .sub-menu .menu-item {padding: 10px 20px 10px 20px;}
#hak-primary-nav .sub-menu .menu-item:first-of-type {border-radius:12px 12px 0 0;}
#hak-primary-nav .sub-menu .menu-item:last-of-type {border-radius: 0 0 12px 12px;}
#hak-primary-nav .sub-menu .menu-item a {min-height: 32px; font-size: 15px !important; line-height: 150%; font-weight: 400; color: var(--hak-dark-green); font-family: var(--font-brand);}
.social-links-hm,
.site-header .lang-switcher.lang-switcher-mn {display: none !important;}
.over-hidden {overflow: hidden;}
.search-wrapper{position:relative; display:inline-flex;} 
.search-toggle {background: none; border: none; cursor: pointer; display: inline-flex;}
.search-box{position:relative; padding:10px;} 
.search-box {position: relative; background: var(--hak-dark-green); padding: 55px clamp(20px, 3.83vw, 55px); border-radius: 14px 14px 0 0; margin-bottom: 40px;}
.close-search {position: absolute; right: 15px; top: 15px; cursor: pointer; color: var(--hak-white); width: 35px; height: 35px; background: var(--hak-white)61; backdrop-filter: blur(12px); border-radius: 50px; display: flex; align-items: center; justify-content: center; transition: all 0.7s; transform: rotate(90deg);}
.search-box-active .close-search {transform: rotate(0deg);}
.close-search:hover {transform: scale(1.01);background: #517468;}
.close-search:active {transform: scale(0.9);background: #517468;}
.search-results-block {max-height: 350px; overflow-y: auto; scrollbar-width: none; border-radius: 0 0 12px 12px; padding: 0 clamp(20px, 3.83vw, 55px) 40px clamp(20px, 3.83vw, 55px);}
.search-category span {background: var(--hak-cream); padding: 8px 12px; font-size: 16px; font-weight: 600; color: var(--hak-dark-green); display: block;}
.search-item {display: block; padding: 10px 12px; text-decoration: none; color: #333; display: flex; align-items: center; gap: 20px; border-radius: 16px; overflow: hidden; background: #f8f8f8;margin-bottom: 10px;}
.search-item-block h3 {font-size: 16px;line-height: 120%;color: var(--hak-dark-green);}
.search-item img {width: 100%; max-width: clamp(60px, 5.57vw, 80px); background: var(--hak-white); object-fit: contain !important;border-radius: 8px;}
.search-item:hover{background:var(--hak-white);}
.search-box h3 {font-size: clamp(40px, 3.14vw, 60px); font-weight: 700; line-height: 100%; color: var(--hak-white); margin: 0 0 clamp(20px, 1.68vw, 32px) 0; font-family: var(--font-brand);}
.search-box .field-group {position: relative;}
.search-box .field-group {position: relative;} .search-box input {padding-right: 140px;} .search-box .submit-btn {cursor: pointer; position: absolute; top: 5px; right: 5px; bottom: 5px; transform: none; height: auto; border-width: 0; outline: none; border-radius: 50px; display: flex; align-items: center; justify-content: center; padding: 0 22px;} .search-box .submit-btn .submit-btn__icon {display: none;}
.search-box input {width: 100%; height: 65px; border: 1px solid #ddd; border-radius: 50px; padding: 5px 35px 5px 30px;}
.search-modal-main {position: relative;opacity: 0; visibility: hidden;}
.search-modal-main:before {content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #0000003d; backdrop-filter: blur(5px);}
.search-modal {width: 100%; height: 100vh; position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 9999; overflow: hidden; overflow-y: auto; scrollbar-width: none; padding: 100px 15px;}
.search-box-active .search-modal-main {opacity: 1; visibility: visible;}
.search-box-active {overflow: hidden;}
.search-modal-block {background: var(--hak-cream); box-shadow: 0px 0px 30px var(--hak-white)14; border-radius: 16px; width: 100%; max-width: 1200px; margin: 0 auto; transition: all 0.3s; position: relative;}
.modal-block-inner {position: relative; overflow: hidden; border-radius: 12px; z-index: 1;}
/* Header css End */

/* single post start */
.single-post-new .page-with-sidebar {grid-template-columns: 1fr clamp(220px, 22.23vw, 320px);padding-bottom: 0;}
.single-post .entry-content p, .single-post div p {margin-bottom: 24px !important;}
.single-post div h2 {font-size: clamp(20px, 1.68vw, 24px);font-family: var(--font-brand);font-weight: 400;margin-top: clamp(32px, 2.51vw, 48px); margin-bottom: 24px;}
.single-post div h3 {font-size: 20px;font-family: var(--font-brand);font-weight: 400;margin: 24px 0;}
.single-social-links h3 {font-weight: 400 !important;}
.single-social-links h3,
.single-post div h4 {font-size: 18px;font-family: var(--font-brand);font-weight: 400;margin: 24px 0;}
.single-post div h5 {font-size: 16px;font-family: var(--font-brand);font-weight: 400;}
.single-post .single-post-section a:not(.btn) {text-decoration: underline;}
.single-post .single-post-section a:not(.btn):hover {text-decoration: underline;}
.single-social-links h3 {margin: 0 0 16px 0;}
.single-social-links ul {display: flex; flex-wrap: wrap; gap: 12px;}
.gallery-row {margin: clamp(30px, 4.45vw, 64px) 0 64px 0; display: flex; gap: 16px; flex-wrap: wrap;width: calc(100% - clamp(255px, 24.66vw, 355px));}
.gallery-row .items {display: block; width: calc(25% - 12px);position: relative;cursor: pointer;}
.gallery-row .items .img-cover {position: relative;overflow: hidden;border-radius: 16px}
.gallery-row .items .img-cover img {height: 100%; width: 100%; aspect-ratio: 100 / 68; object-fit: cover; display: block; border-radius: 16px;transition: all 0.3s;transform: scale(1.01);}
.gallery-row .items:hover .img-cover img {transform: scale(1.05);}
/* single post end */
.active-cat{background: var(--hak-light-green) !important; color: var(--hak-white) !important;}

/* History page start */
.history-section1 {padding: 60px 0 120px 0;}
.history-section1 .top-content {margin-bottom: 55px;}
.history-section1 .top-content h1 {font-size: clamp(40px, 3.14vw, 60px); color: var(--hak-dark-green); line-height: 100%; margin: 0; font-weight: 700; font-family: var(--font-brand);}
.history-section1 .top-row {display: flex; flex-direction: column; gap: clamp(60px, 8.90vw, 128px);}
.history-section1 .top-row-items {padding-left: 80px;position: relative;}
.history-section1 .top-row-items:before {content: ""; position: absolute; top: 0; left: 24px; background: var(--hak-light-green); width: 2px; height: calc(100% + clamp(60px, 8.90vw, 128px));}
.history-section1 .top-row-items:after {content: ""; position: absolute; top: 60px; left: 13px; background: var(--hak-dark-green); width: 24px; height: 24px; border-radius: 100px;}
.history-section1 .top-row-items:last-child:before {height: 100%;}
.history-section1 .top-row-items.highlight_section:after {background: var(--hak-light-green);}
.history-section1 .top-row-items.highlight_section .content-wrapper h2 {color: var(--hak-light-green);}
.history-section1 .white_box_image .right-content img {margin: 0 auto; max-width: 400px;}
.history-section1 .white_box_image .right-content .image-block {background: var(--hak-white);}
.history-section1 .top-row .top-row-items:nth-child(2n+2) .bottom-row {flex-direction: row-reverse;}
.top-row-items .bottom-row {display: flex; gap: 48px; flex-wrap: wrap; transform: scale(0.95); opacity: 0.7; transition: all 0.5s;}
.history-section1 .top-row-items.highlight_section .bottom-row {transform: scale(1.0); opacity: 1; transition: all 0.5s;}
.history-section1 .left-content {width: calc(60% - 24px);}
.history-section1 .right-content {width: calc(40% - 24px);}
.history-section1 .content-wrapper h2 {font-size: clamp(50px, 5.57vw, 80px); color: var(--hak-dark-green); line-height: 100%; margin: 0 0 clamp(20px, 1.95vw, 28px) 0; font-weight: 700; font-family: var(--font-brand);}
.history-section1 .content-block {background: var(--hak-white); border: 1px solid rgba(37, 68, 36, 0.04); border-radius: 24px; padding: clamp(16px, 1.57vw, 24px);}
.history-section1 .content-block h3 {font-size: clamp(28px, 2.51vw, 36px); color: var(--hak-dark-green); line-height: 113%; margin: 0 0 18px 0; font-weight: 700; font-family: var(--font-brand);}
.history-section1 .content-block p {font-size: 16px; color: rgba(37, 68, 36, 0.75); line-height: 166%; margin: 0 0 18px 0; font-weight: 400;}
.history-section1 .content-block p:last-child {margin-bottom: 0;}
.history-section1 .right-content .image-block {border-radius: 24px; width: 100%; max-width: 100%;overflow: hidden;} 
.history-section1 .right-content .image-block p {background: var(--hak-pink); color: var(--hak-white); padding: 16px 24px; font-size: 15px; line-height: 140%;}
.history-section1 .right-content img {border-radius: 24px 24px 0 0; width: 100%;transform: scale(1.01);}
/* History page End */

/* Inner pages start */
.inner-banner-section {padding: clamp(60px, 7.51vw, 120px) 0 clamp(70px, 7.51vw, 120px) 0; position: relative; overflow: hidden; clip-path: ellipse(70% 100% at 50% 0%);}
.inner-banner-section .img-cover img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.inner-banner-section .img-cover {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; z-index: 1;}
.inner-banner-section .img-cover:after {content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: var(--hak-dark-green); z-index: 2;}
.inner-banner-section .container {position: relative;z-index: 3;}
.inner-banner-section h1, .inner-banner-section h1.h2 {font-size: clamp(40px, 5.57vw, 80px); color: var(--hak-white); line-height: 120%; margin: 0; font-weight: 700 !important; font-family: var(--font-brand); text-align: center;}
/* Inner pages end*/

/* Over Hak page Start */
.sub-title2 {font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: 0.6px; color: var(--hak-white); display: inline-block; background: var(--hak-pink); padding: 12px 13px; border-radius: 50px; margin-bottom: clamp(20px, 1.68vw, 32px); font-family: var(--font-brand) !important;}
.over-hak-hero {overflow: hidden; position: relative; padding: 175px 0 190px 0; display: flex; flex-direction: column; justify-content: center;}
.over-hak-hero .row {margin: -20px; display: flex; align-items: center !important; justify-content: space-between;}
.over-hak-hero .left-img .img-cover img {object-position: center !important; display: block; object-fit: cover; width: 100%; height: 100%;}
.over-hak-hero .row>div {padding: 20px; width: 50%;}
.over-hak-hero .left-img .img-cover {-webkit-mask-image: url(../images/over-hak-mask-img.svg); -webkit-mask-size: cover; -webkit-mask-repeat: no-repeat; mask-image: url(../images/over-hak-mask-img.svg); mask-size: cover; mask-position: left 70%; mask-repeat: no-repeat; width: 52%; height: 100%; position: absolute; top: 0; right: -4%; background: var(--hak-dark-green);}
.over-hak-hero h1 {font-size: clamp(56px, 8.86vw, 170px); font-weight: 700; line-height: 100%; color: var(--hak-dark-green) !important; margin: 0; font-family: var(--font-brand);}
.over-hak-hero p {font-size: 18px; line-height: 161%; color: var(--hak-dark-green);width: 100%;max-width: 480px;margin: clamp(20px, 2.79vw, 40px) 0 0 0;}
.over-hak-hero .right-content {padding-right: clamp(20px, 4.18vw, 80px) !important;}

/* overhak section 2 start */
.overhak-section2{padding: 80px 0;}
.overhak-section2 .img-cover img {object-position: center !important; height: 100%; width: 100%; display: block; object-fit: cover; aspect-ratio: 100 / 46.5; border-radius: 0;}
.overhak-section2 .row {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.overhak-section2 .left {width: 60%; padding-right: 50px;}
.overhak-section2 .right {width: 39%;}
.overhak-section2 .top-content {margin-bottom: clamp(30px, 2.51vw, 48px);}
.overhak-section2 h2 {font-size: clamp(40px, 5.1vw, 96px); color: var(--hak-cream); line-height: 100%; margin: 0; font-weight: 700; font-family: var(--font-brand);}
.overhak-section2 .left p {margin: 24px 0; max-width: 712px; font-size: 18px; line-height: 162%; color: var(--hak-cream);}
.overhak-section2 .left p:last-child {margin-bottom: 0;}
.overhak-section2 .box-wrapper {background: var(--hak-cream);border-radius: 24px;width: 100%;max-width: 524px;}
.overhak-section2 .box-wrapper .img-cover {padding-bottom: 0;}
.overhak-section2 .box-wrapper .img-cover img {object-position: center !important; height: 100%; width: 100%; display: block; object-fit: cover; aspect-ratio: 100 / 66.8; border-radius: 22px 22px 0 0;}
.overhak-section2 .box-wrapper .content {padding: clamp(24px, 1.68vw, 32px);}
.overhak-section2 .box-wrapper h3 {font-size: clamp(20px, 1.26vw, 24px); font-weight: 700; line-height: 100%; color: var(--hak-dark-green); margin: 0 0 16px 0; font-family: var(--font-brand);}
.overhak-section2 .box-wrapper p {font-size: 16px; font-weight: 400;line-height: 162%;color: var(--hak-dark-green);margin-bottom: 24px;}
.impact-section4 .secondary-btn,
.overhak-section2 .btn {width: 100%; text-align: center; justify-content: center;}


/* overhak section 2 end */

/* overhak section 3 end */

.overhak-section3 .content-wrapper {text-align: center;}
.overhak-section3 h2 {font-size: clamp(32px, 2.93vw, 56px);font-weight: 400;line-height: 125%;color: var(--hak-white) !important;margin: 0;font-family: var(--font-brand);width: 100%;max-width: 830px;margin: 0 auto;}
/* overhak section 3 end */

/* overhak section 4 start */
.section-media-tile .row {display: flex; flex-wrap: wrap; border-radius: clamp(16px, 1.26vw, 24px); overflow: hidden;gap: 80px;}
.section-media-tile .row>div{width: calc(48% - 40px);}
.section-media-tile .row .left-img {width: calc(52% - 40px);}
.section-media-tile .img-cover {width: 100%; height: 100%;}
.section-media-tile .content-wrapper h2 {font-size: clamp(40px, 3.14vw, 60px); font-weight: 700; line-height: 100%; color: var(--hak-dark-green); margin: 0 0 clamp(20px, 1.68vw, 32px) 0; font-family: var(--font-brand);}
.section-media-tile p {font-size: 18px; line-height: 162%; color: var(--hak-dark-green); margin: clamp(20px, 1.68vw, 32px) 0; width: 100%; max-width: 100%;}
.section-media-tile .img-cover img {aspect-ratio: 100 / 78; object-fit: cover; object-position: center; border-radius: clamp(16px, 1.26vw, 24px); height: 100%; width: 100%;}
/* overhak section 4 end */

/* overhak section 5 start */
/* overhak section 5 end */

/* overhak section 6 start */

.overhak-section6 p,
.overhak-section6 .content-wrapper h2 {color: var(--hak-cream);}
.overhak-section6 .primary-btn {color: var(--hak-white);}
.overhak-section6 .img-cover img {aspect-ratio: 100 / 68;}
.overhak-section6 .row {align-items: center;}
/* overhak section 6 end */

/* overhak section 7 start */
/* overhak section 7 end */

/* Overhak section 8 start */
.section-cards .top-row {display: flex; gap: 32px; flex-wrap: wrap;}
.section-cards .top-row .top-row-items {width: calc(33.33% - 22px);}
.section-cards .row {display: flex; flex-wrap: wrap; background: var(--hak-pink); border-radius: 24px; flex-direction: column; height: 100%;    justify-content: space-between;}
.section-cards .row>div{width: 100%;}
.section-cards .row .left-img {width: 100%;}
.section-cards .content-wrapper {padding: 32px;padding-bottom: 16px;}
.section-cards .btn-wrapper {padding: 0 32px 40px 32px;}
.section-cards .btn-wrapper .btn {background: var(--hak-white); color: var(--hak-dark-green);}
.section-cards .btn-wrapper .btn:hover {background: var(--hak-blue); color: var(--hak-dark-green);}
.section-cards .right-content {display: flex; flex-direction: column; justify-content: center;}
.section-cards .img-cover {width: 100%; height: 100%;}
.section-cards .content-wrapper h2 {font-size: clamp(32px, 1.88vw, 36px); font-weight: 700; line-height: 100%; color: var(--hak-dark-green) !important; margin: 0; font-family: var(--font-brand); margin-bottom: 16px;}
.section-cards p {font-size: 16px;line-height: 162%;color: var(--hak-white);margin: 16px 0;width: 100%;max-width: 385px;}
.section-cards .img-cover img {aspect-ratio: 100 / 59; object-fit: cover; object-position: center; border-radius: 22px 22px 0 0; height: 100%; width: 100%;}
.section-cards .top-row .top-row-items:nth-child(1) .img-cover img {margin-bottom: -8%; aspect-ratio: 100 / 68;}
.section-cards .top-row.image-align .top-row-items:nth-child(1) .img-cover img {margin-bottom: 0; aspect-ratio: 100 / 59;}
/* light_green */
.section-cards .top-row .top-row-items.light_green .row {background: var(--hak-light-green);}
.section-cards .top-row-items.light_green .content-wrapper h2 {color: var(--hak-dark-green) !important;}
.section-cards .top-row-items.light_green p {color: var(--hak-white) !important;}
.section-cards .top-row-items.light_green .btn-wrapper .btn {background: var(--hak-pink); color: var(--hak-white);}
.section-cards .top-row-items.light_green .btn-wrapper .btn:hover {background: var(--hak-blue); color: var(--hak-dark-green);}
/* hak_blue */
.section-cards .top-row .top-row-items.hak_blue .row {background: var(--hak-blue);}
.section-cards .top-row-items.hak_blue .content-wrapper h2 {color: var(--hak-dark-green) !important;}
.section-cards .top-row-items.hak_blue p {color: var(--hak-dark-green) !important;}
.section-cards .top-row-items.hak_blue .btn-wrapper .btn {background: var(--hak-dark-green); color: var(--hak-white);}
.section-cards .top-row-items.hak_blue .btn-wrapper .btn:hover {background: var(--hak-pink); color: var(--hak-white);}
/* Overhak section 8 end */
/* Over Hak page End */

/* Home page start */
.home-hero-section {overflow: hidden; position: relative; padding: 100px 0 300px 0; display: flex; flex-direction: column; justify-content: center;}
.home-hero-section .row {margin: -20px; display: flex; align-items: center !important; justify-content: space-between;}
.home-hero-section .left-img .img-cover img {object-position: center !important; display: block; object-fit: cover;     aspect-ratio: 100 / 76;}
.home-hero-section .row>div {padding: 20px; width: 50%;}
.home-hero-section .left-img .img-cover {width: 45%; height: 100%; position: absolute; top: 0; right: 0; clip-path: ellipse(100% 68% at 100% 32%); background: var(--hak-dark-green);}
.home-hero-section h1 {font-size: clamp(48px, 9.70vw, 186px); font-weight: 700; line-height: 100%; color: var(--hak-dark-green) !important; margin: 0; font-family: var(--font-brand);}
.home-hero-section p {font-size: 18px; line-height: 162%; color: var(--hak-dark-green);width: 100%;max-width: 100%;margin: clamp(20px, 2.79vw, 40px) 0;}
.home-hero-section .right-content {padding-right: clamp(20px, 4.18vw, 80px) !important;}
.home-hero-section p {width: 100%; max-width: 450px;}

/* Home Section 2 start */
/* video play btn */
.home-section2 {background: var(--hak-cream); clip-path: ellipse(100% 100% at 50% 0%); padding-bottom: 10% !important;}
.play-pause-btn {position: absolute; inset: 0 0 0 0; z-index: 1; cursor: pointer;width: 100%;height: 100%;background: transparent;}
.play-pause-btn::before, .play-pause-btn::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: clamp(50px, 5.22vw, 100px); height: clamp(50px, 5.22vw, 100px); background-position: center; background-repeat: no-repeat; background-size: 100%; cursor: pointer; transition: all 0.5s ease-in-out; cursor: pointer;}
.play-pause-btn::before {background-image: url(../images/videoplay-icon.svg); z-index: 2;}
.play-pause-btn::after {background-image: url(../images/videoplay-icon.svg); z-index: 1;opacity: 0; visibility: hidden;}
.playing.play-pause-btn::before {opacity: 0; visibility: hidden;}
.playing.play-pause-btn::after {opacity: 0; visibility: hidden;}
.video-block .video {width: 100%; height: 100%; display: block; object-fit: cover;}
.video-block .img-cover {aspect-ratio: 100 / 42.5; border-radius: 24px; overflow: hidden;position: relative;}
.video-block .img-cover iframe,
.video-block .img-cover img {width: 100%; height: 100%;display: block;object-fit: cover;object-position: center;}
/* Home Section 2 end */

/* Home Section 3 start */
.home-section3{overflow: hidden;margin-top: -8%;padding-top: 13% !important;margin-bottom: -7%;padding-bottom: 12% !important;}
.home-section3 .top-content {margin-bottom: clamp(32px, 3.90vw, 56px);}
.home-section3 .btn-wrapper {margin-top: 32px;text-align: center;}
.home-section3 .top-content h2 {font-size: clamp(32px, 5.57vw, 80px); font-weight: 700; line-height: 100%; color: var(--hak-white) !important; margin: 0; font-family: var(--font-brand); text-align: center; text-transform: uppercase;}
.home-section3 .recipe-carousel-card {display: block; flex-shrink: 0; background: var(--hak-white); border-radius: 20px; overflow: hidden; text-decoration: none; color: inherit; width: 100% !important;} 
.home-section3 .recipe-card-image {overflow: hidden;}
.home-section3 .recipe-card-image img {width: 100%; object-fit: cover; display: block; aspect-ratio: 100 / 59;transition: transform .4s ease;transform: scale(1.01);}
.home-section3 .recipe-carousel-card:hover .recipe-card-image img {transform: scale(1.06) rotate(0deg) !important;}
.home-section3 .recipe-card-content {padding: 24px; } 
.home-section3 .recipe-card-meta {display: flex; gap: 14px; align-items: center; font-size: 13px; color: var(--hak-text-muted); font-family: var(--font-body); } 
.home-section3 .recipe-meta-item {display: flex; align-items: center; gap: 4px; } 
.home-section3 .recipe-meta-item svg {flex-shrink: 0; vertical-align: middle; color: var(--hak-pink);}
.home-section3 .recipe-carousel-wrapper .swiper {overflow: inherit;}
.home-section3 .card__title {margin-bottom: 16px;}
/* Home Section 3 end */

/* Home Section 4 start */
.product-slider-section{position:relative; overflow:hidden; height:85vh; } 
.product-hero-slider, .product-hero-slider .swiper-wrapper, .product-hero-slider .swiper-slide{height:100%; } 
.slide-inner {display: flex; height: 85vh; width: 100%;}
.slide-product{background:var(--slide-bg,var(--hak-dark-green)); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:clamp(24px,3vw,48px);width: 40%;} 
.slide-product-image {max-width: 100%; aspect-ratio: 100 / 75; object-fit: contain; filter: drop-shadow(0 12px 32px rgba(0,0,0,.25));}
.slide-product-title{margin-top:20px; text-align:center; color:var(--hak-white); text-transform:uppercase; font-family:var(--font-brand); font-weight:700; font-size:clamp(16px,2vw,26px);display: none;} 
.slide-recipe{position:relative; overflow:hidden; width: 60%;} 
.slide-recipe-image{width:100%; height:100%; object-fit:cover; } 
.slide-content{position:absolute; left:0; right:0; bottom:0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); padding: clamp(24px,4vw,56px) clamp(24px,4vw,56px) clamp(32px,5vw,64px); } 
.slide-recipe-title{color:var(--hak-white); line-height:1; margin-bottom:8px;font-family:var(--font-brand); font-weight:700; font-size:clamp(32px, 5.57vw,80px); } 
.slide-recipe-subtitle{color:var(--hak-white); margin-bottom:32px;font-family:var(--font-brand); font-weight:400; font-size:clamp(24px, 2.37vw, 34px); } 
.product-slider-pagination {position: absolute !important; right: 30px !important; left: auto !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%); width: auto !important; display: flex; flex-direction: column; gap: 10px; z-index: 10; background: var(--hak-light-green); padding: 16px 12px; border-radius: 50px;}
.product-slider-pagination .swiper-pagination-bullet{width:14px; height:14px; opacity:1; background:var(--hak-white); border:2px solid rgba(255,255,255,1);margin: 2px 0 !important;} 
.product-slider-pagination .swiper-pagination-bullet-active {background: var(--hak-dark-green); border-color: var(--hak-dark-green);}
.product-slider-section .primary-btn {color: var(--hak-white);}
.product-slider-section .swiper-button-next, 
.product-slider-section .swiper-button-prev {position: static;width: 35px; height: 35px; background: var(--hak-pink); border: none; padding: 10px; border-radius: 50px;transition: background .2s, transform .1s;}
.product-slider-section .swiper-navigation {display: none; align-items: center; position: absolute; bottom: 38px; right: 20px; gap: 10px;}
.product-slider-section .swiper-button-prev svg {margin-left: -4px;}
.product-slider-section .swiper-button-next svg {margin-right: -4px;}
.product-slider-section .swiper-button-next:active, 
.product-slider-section .swiper-button-prev:active {transform: scale(.98);}
/* Home Section 4 End */

/* Home Section 5 start */
.section-cards--home {margin-top: -8%; position: relative;z-index: 3;}
.section-cards--home .content-wrapper span {font-size: 16px; font-weight: 700; line-height: 1; color: var(--hak-white); margin-bottom: 20px; display: inline-block;}
.section-cards--home .content-wrapper h2 {font-size: clamp(24px, 2.09vw, 30px); font-weight: 400; color: var(--hak-white) !important;}
.section-cards--home .top-row-items.light_green .content-wrapper h2 {color: var(--hak-white) !important;}
.section-cards--home .btn-wrapper .primary-btn,
.section-cards--home .top-row-items.light_green .btn-wrapper .primary-btn,
.section-cards--home .top-row-items.hak_blue .btn-wrapper .primary-btn {background: var(--hak-dark-green); color: var(--hak-white);}
.section-cards--home .top-row-items.light_green .btn-wrapper .primary-btn:hover {background: var(--hak-pink); color: var(--hak-white);}
.section-cards--home .top-row-items.hak_blue .content-wrapper span {color: var(--hak-dark-green) !important;}
/* Home Section 5 end */
/* Home page End */

/* Search Result Page start */
.search-result-page .article-block {display: flex; flex-wrap: wrap; gap: 30px; padding: 40px 0;}
.search-result-page .article-block article {width: calc(25% - 23px);}
.search-result-page .article-block .content-wrapper {background: var(--hak-white); position: relative; height: 100%; border: solid 1px var(--hak-light-green);}
.search-result-page .article-block .content-wrapper a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.search-result-page .article-block .content {padding: 20px;}
.search-result-page .article-block .post-thumbnail img {width: 100%; height: 100%; aspect-ratio: 100 / 67; object-fit: contain; object-position: center; background: var(--hak-cream); padding: 10px;}
.search-result-page .article-block .content h2 {font-size: 18px; line-height: 120%;color: var(--hak-dark-green);}
.custom-pagination {display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap !important;}
.custom-pagination .page-numbers {width: 50px; height: 50px; background: var(--hak-white); color: var(--hak-dark-green); display: inline-flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 18px; font-weight: 900;}
.custom-pagination .page-numbers.current {background: var(--hak-blue) !important; color: var(--hak-white);}
.custom-pagination .page-numbers:hover {background: var(--hak-blue) !important; color: var(--hak-white);}
.no-results.not-found {text-align: center;}
.search-tabs {margin: 20px 0 20px 0;}
.search-tabs .tab {display: inline-block; padding: 8px 15px; font-size: 16px; color: var(--hak-dark-green); background: transparent; font-weight: 700; border-radius: 50px;}
.search-tabs .tab:hover,
.search-tabs .tab.active {color: var(--hak-white); background: var(--hak-light-green);}

.search-result-page .cards-grid--recipes,
.search-result-page .cards-grid--products {grid-template-columns: repeat(4, 1fr);}

/* Search Result Page end */

/* content-image section1 start */
.content-image-section1 .row {display: flex; flex-wrap: wrap; overflow: hidden;gap: 80px;justify-content: space-between;}
.content-image-section1 .row>div{width: calc(48% - 40px);}
.content-image-section1 .row .left-img {width: calc(50% - 40px);}
.content-image-section1 .img-cover {width: 100%; height: 100%;}
.content-image-section1 .content-wrapper h2 {font-size: clamp(40px, 4.18vw, 60px); font-weight: 700; line-height: 100%; color: var(--hak-dark-green); margin: 0 0 20px 0; font-family: var(--font-brand);}
.content-image-section1 p {font-size: 18px; line-height: 162%; color: var(--hak-dark-green); margin: 20px 0; width: 100%; max-width: 100%;}
.content-image-section1 p:last-child {margin-bottom: 0 !important;}
.content-image-section1 .img-cover img {aspect-ratio: 100 / 60; object-fit: cover; object-position: center; border-radius: clamp(16px, 1.40vw, 20px); width: 100%;}
.content-image-section1 .content-wrapper a:not(.btn) {text-decoration: underline;}
.content-image-section1 .content-wrapper a:not(.btn):hover {text-decoration: underline;}
.content-image-section1 .btn-wrapper {margin-top: clamp(25px, 1.68vw, 32px);}


.content-image-section1 .breadcrumb {padding-top: 0;}
/* content-image section1 End */

/* Teler section 1 start */
.section-media-card .row {display: flex; flex-wrap: wrap; overflow: hidden;gap: 0px;justify-content: space-between;border-radius: clamp(16px, 1.40vw, 20px);background: var(--hak-light-green) !important;}
.section-media-card .row>div{width: 50%;}
.section-media-card .img-cover {width: 100%; height: 100%;}
.section-media-card .content-wrapper h2 {font-size: clamp(30px, 2.93vw, 42px); font-weight: 400; line-height: 120%; color: var(--hak-white); margin: 0 0 20px 0; font-family: var(--font-brand);}
.section-media-card p {font-size: 18px; line-height: 162%; color: var(--hak-dark-green); margin: 20px 0; width: 100%; max-width: 100%;}
.section-media-card p:last-child {margin-bottom: 0 !important;}
.section-media-card .img-cover img {aspect-ratio: 100 / 68; object-fit: cover; object-position: center; border-radius: 0 clamp(16px, 1.40vw, 20px) clamp(16px, 1.40vw, 20px) 0; width: 100%; height: 100%;}
.section-media-card .content-wrapper {padding: clamp(24px, 3.48vw, 50px);}
.section-media-card .description-block {margin-top: clamp(40px, 4.87vw, 70px);}
.section-media-card .description-block a:not(.btn) {text-decoration: underline;}
.section-media-card .description-block a:not(.btn):hover {text-decoration: underline;}
.section-media-card .btn-wrapper {margin-top: clamp(25px, 1.68vw, 32px);}
.section-media-card .breadcrumb {padding-top: 0;}
/* Teler section 1 End */

/* Nutri Score section 1 start */
.section-media .row {display: flex; flex-wrap: wrap; overflow: hidden;gap: 80px;justify-content: space-between;}
.section-media .row>div{width: calc(48% - 40px);}
.section-media .row .left-img {width: calc(50% - 40px);}
.section-media .img-cover {width: 100%; height: 100%;}
.section-media .content-wrapper h2 {line-height: 120%; color: var(--hak-dark-green); margin: 0 0 clamp(20px, 2.09vw, 30px) 0; font-size: clamp(40px, 4.18vw, 60px); font-weight: 700; font-family: var(--font-brand);}
.section-media p {font-size: 18px; line-height: 162%; color: var(--hak-dark-green); margin: 20px 0; width: 100%; max-width: 100%;}
.section-media p:last-child {margin-bottom: 0 !important;}
.section-media .img-cover img {aspect-ratio: 100 / 36; object-fit: cover; object-position: center; border-radius: clamp(16px, 1.40vw, 20px); width: 100%;}
.section-media .content-wrapper a:not(.btn) {text-decoration: underline;}
.section-media .content-wrapper a:not(.btn):hover {text-decoration: underline;}
.section-media .btn-wrapper {margin-top: clamp(25px, 2.79vw, 40px);}


.section-media .breadcrumb {padding-top: 0;}
/* Nutri Score section 1 End */

/* Nutri Score section 2 start */

.nutri-score-section2 .row {display: flex;flex-wrap: wrap;justify-content: space-between;}
.nutri-score-section2 .left {width: 48%;}
.nutri-score-section2 .right {width: 48%;}
.nutri-score-section2 .top-content {margin-bottom: clamp(30px, 2.51vw, 48px);}
.nutri-score-section2 .top-content h2 {font-size: clamp(40px, 4.18vw, 60px);color: var(--hak-white);line-height: 100%;margin: 0;font-weight: 700;font-family: var(--font-brand);}
.nutri-score-section2 p {font-size: 18px; line-height: 162%; color: var(--hak-white); margin-bottom: 24px;margin-top: 0;width: 100%;max-width: 600px;}
.nutri-score-section2 p:last-child {margin-bottom: 0;}
/* Nutri Score section 2 End */

/* Nutri Score section 3 start */
.section-media .row {align-items: center;}
.nutri-score-section3 .img-cover img {aspect-ratio: 100 / 51;}
.nutri-score-section3 .row .left-img {width: calc(52% - 40px);}
/* Nutri Score section 3 End */

/* planetproof section 1 start */
.planetproof-section1 .row {align-items: center;}
.planetproof-section1 .img-cover img {aspect-ratio: 100 / 97;}
.planetproof-section1 .row>div {width: calc(68% - 40px);}
.planetproof-section1 .row .left-img {width: calc(32% - 40px);}
/* planetproof section 1 End */

/* planetproof section 2 start */
.planetproof-section2 .top-content h2 {text-align: center;}
.planetproof-section2 .left {width: 100%; text-align: center;}
.planetproof-section2 p {max-width: 100%}
/* planetproof section 2 End */

/* planetproof section 4 start */
.planetproof-section4 h2 {font-size: clamp(40px, 4.18vw, 60px); color: var(--hak-cream); line-height: 100%; margin: 0 0 clamp(20px, 2.51vw, 48px) 0; font-weight: 700; font-family: var(--font-brand);}
/* planetproof section 4 End */

/* planetproof section 5 start */
.planetproof-section5 .row>div {width: 100%;}
.planetproof-section5 .img-cover img {aspect-ratio: 100 / 33;}
.planetproof-section5 .row .left-img {width: 92%;}
/* planetproof section 5 End */

/** RESPONSIVE **/
@media(min-width:1921px){
/* Home page start */
.home-hero-section {height: 120vh;}
.home-hero-section .left-img .img-cover {width: 50%;}
}

@media(min-width:2000px){
.product-bottom-shape {padding-bottom: 260px !important; margin-bottom: -190px;}
/* Home page start */
.over-hak-hero {height: 90vh;}
.home-hero-section {height: 120vh;}
}

@media(min-width:3000px){
body .product-bottom-shape {padding-bottom: 360px !important; margin-bottom: -290px;}
.shape-img svg, .footer-top-shape svg {margin-bottom: -16px !important;}
}

@media(min-width:4000px){
body .product-bottom-shape {padding-bottom: 460px !important; margin-bottom: -390px;}
.home-hero-section .left-img .img-cover {display: flex; align-items: center;}
}

@media(max-width:1530px){
/* Onze Impact 1 start */
.impact-section1 {height: 80vh;}

/* Home page start */
.home-hero-section .left-img .img-cover {width: 52%;}
}

@media(max-width:1366px){
/* Onze Impact 1 start */
.impact-section1 {height: 60vh;}
.section-image,.shape-top {clip-path: ellipse(120% 100% at 50% 0%);}
.site-footer {clip-path: ellipse(180% 100% at 50% 100%);}
/* Home section 3 */
.home-section2 {clip-path: ellipse(150% 100% at 50% 0%);padding-bottom: 13% !important;}
.home-section3{padding-top: 16% !important;padding-bottom: 16% !important;}

}

@media(max-width:1199px){
/* Onze Impact 1 start */
.impact-section4 .right {width: 35%;}
.impact-section1 {height: auto;}
.impact-section10 .row {gap: 40px;}
.impact-section10 .left-image {width: calc(48% - 20px);}
.impact-section10 .right-content {width: calc(52% - 20px);}

/* Faq Section 1 Start 
.faq-section1 .left-content {width: 30%;}
.faq-section1  .faq-tab-content {width: 70%;}*/

/* Over Hak page Start */
.over-hak-hero p {max-width: 370px;}
.over-hak-hero {padding: 80px 0 80px 0;}

/* overhak section 4 end */
.section-media-tile .row {gap: 40px;}
.section-media-tile .row>div{width: calc(48% - 20px);}

/* content-image section1 start */
.content-image-section1 .row {gap: 30px;}
.content-image-section1 .row>div {width: calc(52% - 15px);}
.content-image-section1 .row .left-img {width: calc(48% - 15px);}

/* Nutri Score section 1 start */
.section-media .row {gap: 30px;}
.section-media .row>div {width: calc(52% - 15px);}
.section-media .row .left-img {width: calc(48% - 15px);}

/* Search Result Page start */
.search-result-page .article-block article {width: calc(33.33% - 20px);}

/* planetproof section 1 start */
.planetproof-section1 .row>div {width: calc(68% - 15px);}
.planetproof-section1 .row .left-img {width: calc(32% - 15px);}

/* planetproof section 5 start */
.planetproof-section5 .row>div,
.planetproof-section5 .row .left-img {width: 100%;}

/* Search Page start */
.search-result-page .cards-grid--recipes, 
.search-result-page .cards-grid--products {grid-template-columns: repeat(3, 1fr); }

}
@media(max-width:1024px){
.cards-grid,.cards-grid--products,.cards-grid--recipes{grid-template-columns:repeat(2,1fr);}
.cards-grid--4{grid-template-columns:repeat(2,1fr);}
.product-layout{grid-template-columns:1fr;}
.product-image-area{position:static;}
.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-lg);}
.footer-logo{grid-column:1/-1;}
.impact-section10{margin-top: -7%;padding-top: 15% !important;}
.shape-top {padding-bottom: 12% !important;}
}
@media(max-width:900px){
:root{--sidebar-w:220px;}
.recipe-layout{grid-template-columns:1fr;display: block;}
.recipe-hero-img-d,
.recipe-sidebar__card-d,
.recipe-stats.recipe-stats-d {display: none;}
.recipe-hero-img-m,
.recipe-sidebar__card-m {display: block;}
.recipe-stats-m {display: flex; flex-direction: row; gap: 16px 12px;}
.faq-section1 .faq-tabs {flex-direction: column;}
.faq-section1 .left-content {width: 100%;}
.faq-section1 .faq-tab-buttons {width: 100%; flex-wrap: nowrap; flex-direction: row; overflow: hidden; overflow-x: auto; padding: 10px;
border-radius: 30px;scrollbar-width: none;}
.faq-section1 .faq-tab-btn {white-space: nowrap;}
.faq-section1  .faq-tab-content {width: 100%;}
.faq-section1 .bottom-block-d {display: none;}
.faq-section1 .bottom-block-m {display: block;text-align: center;}
.faq-section1 .bottom-block h3 {text-align: center;}
#hak-primary-nav .sub-menu .menu-item a {font-size: 15px !important;}
#hak-primary-nav .sub-menu .menu-item {padding: 8px 20px 8px 20px;}
body #hak-primary-nav ul li a {font-size: 16px !important;}
#hak-primary-nav > ul, #hak-primary-nav > div > ul {gap: 14px !important;}
.nav-menu-block {gap: 16px;}

/* Onze Impact 1 start */
.impact-section9 .left,
.impact-section9 .right,
.impact-section4 .left,
.impact-section4 .right {width: 100%;}
.impact-section9 .left,
.impact-section4 .left {margin-bottom: 40px;}
.contact-section1 .main-row .right,
.contact-section1 .main-row .left {width: 100%;}
.gallery-row .content-wrapper,
.gallery-row .items {width: calc(50% - 8px);}
.recipe-related-new{margin-top: -8%;padding-top: 15%;}
.recipe-single-section {clip-path: ellipse(220% 100% at 50% 0%);}
.impact-section9 .box-wrapper {max-width: 100%;}

/* Home page start */
.home-hero-section .row {flex-wrap: wrap;}
.home-hero-section {padding: 60px 0 120px 0;}
.home-hero-section h1 {font-size: 70px;}
.home-hero-section .left-img .img-cover img {margin-top: 10%;}
.video-block .img-cover {aspect-ratio: 100 / 42.5; border-radius: 16px;}

/* Over Hak page Start */
.over-hak-hero .left-img .img-cover {width: 60%; top: 0%; right: -8%;}

/* Overhak section 8 start */
.section-cards .top-row .top-row-items {width: calc(50% - 16px);}

}

@media(max-width:768px){
:root{--container-pad:16px;}
body .hak-mobile-lang,
.primary-nav{display:none !important;}
.primary-nav.is-open{display:flex;flex-direction:column;position:fixed;inset:64px 0 0;background:var(--hak-dark-green);padding:var(--space-lg);z-index:99;overflow-y:auto;gap:var(--space-lg);}
.nav-toggle{display:block;}
#hak-primary-nav ul li a {padding: 10px 0 !important; border-bottom: 0 !important;}
body #hak-primary-nav ul li a {font-size: 19px !important;}
.social-links-hm {display: flex !important; justify-content: center; margin-top: 28px;}
body .site-header .lang-switcher.lang-switcher-mn {display: flex !important; text-align: center; justify-content: center; margin-top: 30px; flex-direction: column; align-items: center;}
.lang-switcher__dropdown {display: none; position: static; background: var(--hak-white); border-radius: 10px; min-width: auto !important; gap: 20px; padding: 3px 20px; margin-top: 10px;}
.lang-switcher.is-open .lang-switcher__dropdown {display: flex;}
.lang-switcher__dropdown a {color: var(--hak-text) !important;}
body .lang-switcher.is-open .lang-switcher__dropdown {z-index: 9999;}
#hak-primary-nav .menu, 
#hak-primary-nav .menu-list-btn {overflow: hidden; overflow-y: auto; height: calc(80vh - 50px); justify-content: flex-start;}
#hak-primary-nav .menu,
#hak-primary-nav .nav-menu-list {flex-direction: column; gap: 20px; align-items: center;} 
#hak-primary-nav .nav-menu-list {margin-left: 0;}  
#hak-primary-nav .nav-menu-list {position: absolute; top: 100%; left: 0; width: 100%; height: calc(100vh - 80px);overflow-y: auto; background: var(--hak-dark-green) !important; padding: 20px; padding-top: 40px; transition: all 0.5s ease-in-out !important; z-index: 9999; border-top: solid 1px var(--hak-dark-green); border-radius: 0px; opacity: 1; visibility: visible;transform: translateX(-100%);display: none;}
.nav-menu-block.active #hak-primary-nav .nav-menu-list {opacity: 1;visibility: visible; transform: translateX(0%);display: block;} 
#hak-primary-nav .navbar-main {gap: 16px;height: 50px;flex-direction: row-reverse;} 
#hak-primary-nav li a {padding: 0 0 10px 0;}
#hak-primary-nav li a:before {display: none;}
#hak-primary-nav>li>a,
#hak-primary-nav.hidden-block .navbar-ul>li>a {padding: 0;}
#hak-nav-toggle,
#hak-primary-nav li.menu-item-has-children {display: block;}
/* sub menu */
#hak-primary-nav li.current-menu-parent .sub-menu li.current-menu-item a,
#hak-primary-nav li.current-menu-item,
#hak-primary-nav li.menu-item {text-align: center;}
#hak-primary-nav .sub-menu {position: static; max-width: 100%; text-align: center; margin-top: 10px; border: none; border-radius: 8px;        background: var(--hak-dark-green); box-shadow: none;}
#hak-primary-nav .sub-menu .menu-item a {line-height:1;color: var(--hak-white);font-size: 16px !important;}
#hak-primary-nav .submenu-toggle {height: 28px;margin-right: -20px;}
#hak-primary-nav .menu, #hak-primary-nav .menu-list-btn {overflow: initial;height: auto !important;}
#hak-primary-nav .sub-menu .menu-item:first-of-type {border-radius:5px 5px 0 0;}
#hak-primary-nav .sub-menu .menu-item:last-of-type {border-radius: 0 0 5px 5px;}
#hak-primary-nav .sub-menu .menu-item {padding: 10px 10px;}
#hak-primary-nav li.current-menu-parent .sub-menu li.current-menu-item a, #hak-primary-nav li.current-menu-parent .sub-menu li.current-menu-item a:hover, #hak-primary-nav .sub-menu .menu-item a:hover {color: var(--hak-blue) !important;}
#hak-primary-nav > ul, #hak-primary-nav > div > ul {gap: 24px !important;}
.search-wrapper {position: static;}
.search-dropdown {right: 15px;top: calc(100% - 2px);}
.search-box {padding: 55px 20px 30px 20px;margin-bottom: 30px;}
.search-box input {height: 50px;}
.search-box .submit-btn {position: absolute !important; top: 5px !important; right: 5px !important; bottom: 5px !important; transform: none !important; height: auto !important; width: auto !important; aspect-ratio: 1 !important; margin: 0 !important; border-radius: 50% !important; padding: 0 !important;} .search-box .submit-btn .submit-btn__text {display: none !important;} .search-box .submit-btn .submit-btn__icon {display: flex !important; align-items: center; justify-content: center;}

/* Filters mobiel */
.filters-bar {padding-top: 10px !important;}
.filter-tags {flex-wrap: nowrap; overflow: hidden; overflow-x: auto; scrollbar-width: none;}
.clear-filters,
.filter-tag {white-space: nowrap;}
.filter-mobile-bar{display:block;}
.filter-toggle-btn{display:flex;}
.filter-sidebar{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:400;background:var(--hak-white);padding:0 var(--space-lg) 160px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.filter-sidebar.is-open{display:flex;flex-direction:column;}
.show-results{display:block !important;position:fixed;bottom:16px;left:16px;right:16px;z-index:401;border-radius:50px;padding:16px;width:calc(100% - 32px);}
.page-with-sidebar{grid-template-columns:1fr;padding-top:var(--space-lg);}
.recipe-layout{grid-template-columns:1fr;}
.recipe-sidebar{order:2;}
.recipe-main{order:1;}
.cards-grid,.cards-grid--products{grid-template-columns:repeat(2,1fr);gap:var(--space-md);}
.cards-grid--recipes{grid-template-columns:1fr;}
.cards-grid--4{grid-template-columns:repeat(2,1fr);}
.footer-grid{grid-template-columns:1fr;}
.footer-bottom{flex-direction:column;text-align:center;padding-top: 0;}
.footer-bottom-links{flex-wrap:wrap;justify-content:center;}
.hak-mobile-lang {justify-content: center !important;}
.recipe-layout {display: block; align-items: start; flex-direction: column-reverse;}
.product-carousel-item {gap: 0 !important;}
.product-carousel-item img {width: 80px !important; height: 80px !important;}
.recipe-instructions__header {margin-top: 50px;}

/* Onze Impact 1 start */
.impact-section1 .row>div {width: 100%;}
.impact-section1 .right-content {padding-left: 0; padding-top: 50px !important;}
.impact-section1 .right-content p {margin: 24px auto 0 auto;}
.impact-section1 .row {flex-wrap: wrap;}
.impact-section1 .left-img .img-cover {width: 100%; position: relative;}
.impact-section1 {padding: 0 0 60px 0; height: auto;}
.impact-section1 .row .left-img {padding: 0;}
.impact-section6 p {max-width: 100%;}
.impact-section1 .left-img .img-cover img {aspect-ratio: 100 / 45; clip-path: ellipse(70% 100% at 50% 0%);}
.section-image .img-cover img {aspect-ratio: 100 / 55;}
.section-stat .left,
.section-stat .right,
.impact-section6 .left,
.impact-section6 .right {width: 100%;}
.impact-section6 .left {margin-bottom: 24px;}
.section-stat .left {margin-bottom: 40px;}
.impact-section6{margin-top: -7%;padding-top: 15% !important;padding-bottom: 60px !important;}
.impact-section4 {padding-top: 60px !important;}
.impact-section10 .row {gap: 20px;}
.impact-section10 .left-image,
.impact-section10 .right-content {width: 100% !important;}
.badge-item img {margin: 0 auto;aspect-ratio: auto;}

.impact-section4 .left .btn {margin-top: 0;}
.site-footer {clip-path: ellipse(240% 100% at 50% 100%); padding-top: 15% !important;}
.contact-form .col-md-6,
.contact-form .col-md-9,
.contact-form .col-md-3 {width: 100%;}
.contact-form label {min-height: auto;}
.press-section-new .page-with-sidebar,
.media-library-section .page-with-sidebar {padding-top: 0;}
.press-section-new .filter-sidebar,
.media-library-section .filter-sidebar {display: block !important; position: static !important; padding: 10px !important; border-radius: 100px;        margin-bottom: 60px;} 
.press-section-new .filter-sidebar>nav>div,
.media-library-section .filter-sidebar>nav>div {display: flex; align-items: center; flex-wrap: nowrap; overflow: hidden; overflow-x: auto; scrollbar-width: none;padding: 0 !important;}
.press-section-new .filter-sidebar>nav>div a,
.media-library-section .filter-sidebar>nav>div a {display: inline-block; white-space: nowrap;}
.press-section-new .press-btn-list,
.media-library-section .press-btn-list {margin-bottom: 0px; overflow: hidden; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none;}
.press-section-new .filter-sidebar {margin-bottom: 20px;} 

.card--product .card__image img {padding: 0; padding-top: 20px;aspect-ratio: 100 / 100;}
.recipe-stat__label,
.recipe-stat__value {text-align: left;line-height: 1.2;}
.recipe-stat {display: flex; flex-direction: row; gap: 10px; text-align: center; align-items: center; width: 100%;}
.recipe-stat>div:nth-child(2) {display: flex; align-items: center; gap: 4px;}
.recipe-stat__label {font-size: 14px;}
.recipe-stat__value {font-family: var(--font-body); font-size: 14px; color: rgba(26, 74, 37, 0.7); font-weight: 400;}
.recipe-stat__icon svg {width: 20px; height: 20px;}
.shape-top {clip-path: ellipse(300% 100% at 50% 0%); }
.shape-top {padding-bottom: 15% !important; }
.impact-section10{margin-top: -10%;padding-top: 22% !important;}

/* History page start */
.history-section1 .top-content {margin-bottom: 30px;}
.history-section1 .top-row-items {padding-left: 40px;}
.top-row-items .bottom-row {gap: 20px;}
.history-section1 .left-content,
.history-section1 .right-content {width: 100%;}
.history-section1 .top-row-items:before {left: 15px;}
.history-section1 .top-row-items:after {top: 38px; left: 6px; width: 20px; height: 20px;}

/* Footer start*/
.f-social-block {text-align: center;margin-top: 20px;}
.f-social-block .social-links {justify-content: center;}
.footer-accordion {border-bottom: none; text-align: center; padding: 10px 0 0px 0px;}
.footer-accordion h4 {margin: 0 !important; padding: 10px 0; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center;}
.footer-accordion ul {padding-bottom: 15px;}

/* Home page start */
.home-hero-section h1 {font-size: 60px;}
.home-hero-section h1 br {display: none !important;}
.home-hero-section p {margin: 20px auto 0 auto;}
.home-hero-section {padding: 0px 0 60px 0;}
.home-hero-section .row .left-img {padding: 0;}
.home-hero-section .right-content {padding-right: 20px !important; padding-top: 50px !important; text-align: center;}
.home-hero-section .row {flex-wrap: wrap;flex-direction: column-reverse;}
.home-hero-section .row>div {width: 100%;}
.home-hero-section .left-img .img-cover {width: 100%; position: static; clip-path: ellipse(70% 100% at 50% 0%);}
.home-hero-section .left-img .img-cover img {aspect-ratio: 100 / 75; margin-top: 0; object-position: 100% 15px !important;}

/* Home Section 5 start */
.section-cards--home {margin-top: 0;}
.section-cards--home .row>div{width: 100%;}
.section-cards--home .row {border-radius: 16px;}
.section-cards--home .img-cover img {border-radius: 16px 16px 0 0;}
.section-cards--home .content-wrapper {padding: 40px 20px;}
.section-cards--home p {margin: 16px 0;max-width: 100%;}

/* Over Hak page Start */
.over-hak-hero {padding: 0 0 60px 0;}
.over-hak-hero .row .left-img {padding: 0;}
.over-hak-hero .left-img .img-cover {background: transparent;mask-size: contain !important; mask-position: center center; position: static; width: 100%; margin: 0 auto;        mask-image: inherit !important; -webkit-mask-image: inherit !important;}
.over-hak-hero .left-img .img-cover img {aspect-ratio: 100 / 45; clip-path: ellipse(70% 100% at 50% 0%); }

.over-hak-hero .row {flex-wrap: wrap; flex-direction: column-reverse;}
.over-hak-hero .row>div {width: 100%;}
.over-hak-hero .right-content { padding-right: 20px !important; padding-bottom: 20px !important; padding-top: 50px !important;}
.over-hak-hero p {max-width: 450px; margin: clamp(20px, 2.79vw, 40px) auto 0 auto;}

/* overhak section 2 start */
.overhak-section2 .left {width: 100%; padding-right: 0px;margin-bottom: 40px;}
.overhak-section2 .right {width: 100%;}

/* overhak section 4 end */
.section-media-tile .row>div{width: 100% !important;}

/* Overhak section 8 start */
.section-cards .top-row {gap: 20px;}
.section-cards .top-row .top-row-items {width: calc(50% - 16px);}
.section-cards p {max-width: 100%;}
.recipe-single-section {clip-path: ellipse(450% 100% at 50% 0%);}

/* Search Result Page start */
.search-result-page .article-block .post-thumbnail,
.search-result-page .article-block .content {width: 100%;}
.search-result-page .article-block article {width: calc(50% - 15px);}
.search-tabs {margin: 20px 0 20px 0; display: flex; overflow: hidden; overflow-x: auto; scrollbar-width: none;}

/* Inner pages start */
.inner-banner-section {clip-path: ellipse(80% 100% at 50% 0%);}

/* content-image section1 start */
.content-image-section1 .row>div,
.content-image-section1 .row .left-img {width: 100%;}

/* Teler section 1 start */
.section-media-card .content-wrapper {padding: clamp(40px, 3.48vw, 50px) clamp(24px, 3.48vw, 50px);}
.section-media-card .row>div{width: 100%;}
.section-media-card .img-cover img {border-radius: 0 0 clamp(16px, 1.40vw, 20px) clamp(16px, 1.40vw, 20px);}

/* Nutri Score section 1 start */
.section-media .breadcrumb {justify-content: center;}
.section-media .row {gap: 40px;}
.section-media .row>div,
.section-media .row .left-img {width: 100%;}

/* Nutri Score section 1 start */
.nutri-score-section2 .left,
.nutri-score-section2 .right {width: 100%;}
.nutri-score-section2 p {max-width:100%;}

/* Nutri Score section 2 start */
.nutri-score-section2 .top-content,
.nutri-score-section2 .row {}

/* planetproof section 1 start */
.planetproof-section1 .img-cover img {max-width: 320px; margin: 0 auto;}

/* planetproof section 4 start */
.planetproof-section4 .row {gap: 30px;}

}

@media(max-width:767px){
.product-slider-section .swiper-navigation {display: flex;}
.product-slider-section .product-slider-pagination {display: none !important;}

/* Onze Impact 1 start */
.impact-section11 .swiper-wrapper {display: flex; align-items: stretch; flex-wrap: wrap; transform: inherit !important; gap: 40px;}
.impact-section11 .swiper-wrapper .swiper-slide {width: auto; width: calc(50% - 20px) !important; margin: 0 auto !important;}
}

@media(max-width:575px){
/* Onze Impact 1 start */
.home-hero-section .left-img .img-cover {clip-path: ellipse(85% 100% at 50% 0%);}
.home-hero-section .left-img .img-cover img {aspect-ratio: 100 / 75;}
.impact-section1 .left-img .img-cover img {aspect-ratio: 100 / 60; clip-path: ellipse(85% 100% at 50% 0%);}
/* Home page start */
.over-hak-hero .left-img .img-cover img {aspect-ratio: 100 / 60; clip-path: ellipse(85% 100% at 50% 0%);}
.video-block .img-cover {aspect-ratio: 100 / 70;}

/* Overhak section 8 start */
.section-cards .top-row .top-row-items {width: 100%;}
.section-cards .content-wrapper {padding: 24px;padding-bottom: 16px;}
.section-cards .btn-wrapper {padding: 0 24px 32px 24px;}

/* Inner pages start */
.inner-banner-section {clip-path: ellipse(90% 100% at 50% 0%);}

/* Search Result Page start */
.search-result-page .article-block article {width: 100%;}
}

@media(max-width:480px){
.cards-grid,.cards-grid--recipes{grid-template-columns:1fr;}
.cards-grid--products{grid-template-columns:repeat(2,1fr);}
.hero-search{flex-direction:column;border-radius:var(--radius-md);}
.hero-search input{border-radius:var(--radius-md) var(--radius-md) 0 0;}
.hero-search button{border-radius:0 0 var(--radius-md) var(--radius-md);}
}
@media print{
.site-header,.site-footer,.filter-sidebar,.recipe-actions,.related-section,.pagination{display:none!important;}
.recipe-layout{grid-template-columns:1fr;}
body{background:white;font-size:12pt;}
}
/* Beeldbank kaarten */
.card--media .card__image{height:220px;overflow:hidden;}
.card--media .card__image img{width:100%;height:100%;object-fit:cover;}
.card--media.card--product-media .card__image{background:#F7F4EE;}
.card--media.card--product-media .card__image img{object-fit:contain;padding:12px;}
.media-library-section .card--media .card__image {height: auto !important;}
.media-library-section .card--media .card__image img {height: 100%; width: 100%; aspect-ratio: 100 / 60; display: block;}
/** KAART- EN FILTERTITELS **/
/* font-weight 700 = Black OTF, leesbaar op kleine grootte */
.card__title {
font-family: var(--font-brand);
font-weight: 400 !important;
color: var(--hak-dark-green) !important;
font-size: 20px;
line-height: 1.3;
}
.single-slider-section .card__title {margin: 10px 0 0 0 !important; font-size: 16px;}
.filter-group__title {
font-family: var(--font-brand);
font-weight: 400 !important;
color: var(--hak-dark-green) !important;
font-size: 15px;
}
.filter-option {
font-family: var(--font-body);
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: var(--hak-dark-green);
}
.product-info h1 {
font-family: var(--font-brand);
font-weight: 700 !important;
color: var(--hak-dark-green);
}

/** PAGE-HERO voor recepten: met zoekveld **/
.page-hero--recepten { min-height: 320px; }
.page-hero--recepten .hero-search {
margin-top: var(--space-lg);
position: relative;
}
.hero-search svg {
position: absolute;
top: 14px;
left: 20px;
}
.page-hero--recepten .hero-search input {
font-family: var(--font-body);
font-size: 16px;
}

/** MOBILE FILTER: hoge specificiteit fix **/
@media (max-width: 768px) {
.filter-sidebar {
display: none !important;
position: fixed !important;
inset: 0 !important;
z-index: 4 !important;
background: var(--hak-white) !important;
padding: var(--space-lg) var(--space-lg) 100px !important;
overflow-y: auto !important;
box-shadow: none !important;
}
.filters-label {
    display: none;
}
.filter-sidebar.is-open {
display: block !important;
z-index: 999 !important;
}
.filter-close-btn {
display: block !important;
width: 100%;
padding: 16px 0 14px;
background: none;
border: none;
border-bottom: 1px solid var(--hak-border);
font-family: var(--font-brand);
font-weight: 400;
font-size: 15px;
cursor: pointer;
color: var(--hak-text-muted);
text-align: left;
margin-bottom: var(--space-md);
}
.show-results {display: block !important; margin-top: 20px !important;}
.filter-group__body,
.filter-group__header {padding: 0px !important;}
.filter-group__body {padding-top: 5px !important;}
.filter-mobile-bar { display: block; }
.filter-toggle-btn { display: flex; }
.cards-grid--products { grid-template-columns: repeat(2, 1fr) !important; }
.cards-grid--recipes  { grid-template-columns: 1fr 1fr !important; }
.page-with-sidebar {
grid-template-columns: 1fr !important;
}
.gallery-row {width: 100%;}
}

/** NAV LINKS: PP Monument Narrow 400 **/
.primary-nav li a,
.primary-nav a {
font-family: var(--font-brand);
font-weight: 700 !important;
}

/** SECTIETITELS (h2 groot): PP Monument Narrow 700 **/
.page-hero h1 {
font-family: var(--font-brand);
font-weight: 700 !important;
}
.section-related h2,
.related-section h2,
.section-light-blue h2 {
font-family: var(--font-brand);
font-weight: 700 !important;
font-size: clamp(26px,3.5vw,48px) !important;
margin-bottom: var(--space-xl)
}

/** HOVER: geen box-shadow, geen omhoog-vegen **/
.card:hover {
box-shadow: none !important;
transform: none !important;
}
.card:hover .card__image img {
transform: none !important;
}

/** PRODUCTEN: naar links kantelen bij hover **/
.card--product {
transition: transform 0.3s cubic-bezier(.25,.46,.45,.94) !important;
transform-origin: bottom center;
width: 100%;
}
.card--product:hover {
transform: rotate(-3deg) scale(1.03) !important;
box-shadow: none !important;
}

/** PRODUCTTITELS: gecentreerd **/
.card--product .card__title {
text-align: center !important;
}
.card--product .card__body {
align-items: center !important;
}

/** BREADCRUMB: spatie voor én na de slash **/
.breadcrumb span + span::before { content: ' / ' !important; }

/** FILTER BLOKKEN: los van elkaar, grotere titels **/
.filter-sidebar form {
display: flex;
flex-direction: column;
gap: 14px;
}
.filter-group {
box-shadow: none !important;
border-radius: 16px;
}
.filter-group__title {
font-size: 20px !important;
font-family: var(--font-brand);
font-weight: 400 !important;
color: var(--hak-dark-green) !important;
}
.filter-option {
font-family: var(--font-body);
font-size: 16px;
color: var(--hak-dark-green);
}
.filter-show-more {background: transparent; border-width: 0; text-align: left; font-size: 16px; color: var(--hak-light-green); cursor: pointer; outline: none !important; margin-top: 10px;}

/** FOOTER **/
/* Titels groter, PP Monument Narrow 700 */
.footer-col h4 {
font-family: var(--font-brand);
font-weight: 400 !important;
font-size: 28px !important;
text-transform: uppercase;
letter-spacing: 0;
color: var(--hak-light-green) !important;
margin-bottom: var(--space-md);
}
/* Links: Inter (niet PP Monument) */
.footer-col a,
.footer-col ul,
.footer-col li,
.footer-bottom,
.footer-bottom a,
.footer-bottom span {
font-family: var(--font-body) !important;
font-weight: 400 !important;
font-size: 18px;
}
.footer-col a:hover { color: var(--hak-white) !important; }
/* Footer logo hoogte */
.footer-logo img { height: 52px; width: auto; }
.footer-logo a { display: inline-block; }

/** KAART AFBEELDING: geen scale-up bij hover **/
.card:hover .card__image img {
transform: scale(1.06) rotate(-5deg) !important;
}
.card--recipe:hover .card__image img {
transform: scale(1.06) rotate(0deg) !important;
}
.media-library-section .card:hover .card__image img,
.press-section .card:hover .card__image img, 
.press-section .card--recipe:hover .card__image img {
transform: scale(1.06) rotate(0deg) !important;
}

/** RECEPTEN-KAARTEN: geen animatie, gewone hover **/
.card--recipe {
transition: none !important;
}
.card--recipe:hover {
transform: none !important;
box-shadow: none !important;
}

/** NAVIGATIE: off-white links **/
.primary-nav li a,
.primary-nav a {
color: var(--hak-cream) !important; /* var(--hak-cream) */
opacity: 1 !important;
}
.primary-nav li a:hover,
.primary-nav li.current-menu-item > a,
.primary-nav li.current-menu-ancestor > a {
color: #ACD373 !important;
}

/** LOGO: iets groter **/

/** FOOTER: off-white links **/
.footer-col a {
color: var(--hak-cream) !important;
font-family: var(--font-body) !important;
font-weight: 400 !important;
font-size: 18px;
}
.footer-col a:hover { color: var(--hak-blue) !important; }
.footer-bottom a, .footer-bottom span {
font-size: 14px !important;
color: var(--hak-cream) !important;
font-family: var(--font-body) !important;
}
.footer-bottom a:hover { color: var(--hak-blue) !important}

/** PRODUCT IMAGE KANTELT, NIET KAARTJE **/
/* Reset de hele-kaart tilt */
.card--product:hover {
transform: none !important;
box-shadow: none !important;
}
/* Alleen de afbeelding kantelt */
.card--product .card__image {
overflow: hidden;
transition: transform 0.35s cubic-bezier(.25,.46,.45,.94);
transform-origin: bottom center;
}
.card--product:hover .card__image {
transform: rotate(-4deg) scale(1.08);
}

/** RESPONSIVE AANVULLINGEN **/
@media (max-width: 900px) {
/* Slider: op tablet stacked ipv side-by-side */
#product-slider .slider-item-grid {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 768px) {
/* Logo kleiner op mobiel */

/* Pagination op mobiel */
.pagination ul.page-numbers .page-numbers { min-width: 36px; height: 36px; font-size: 13px; padding: 0 10px; }

/* Footer grid 2 kolommen op tablet */
.footer-grid { grid-template-columns:1fr !important; gap: 0;border-bottom: none;}
.footer-logo { grid-column: 1 / -1; text-align: center;}

/* Druk leven carrousel: kaartjes volledige breedte op mobiel */
.recipe-carousel-card { width: calc(85vw) !important; }

/* Impact sectie: stacked op mobiel */
.impact-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 480px) {
/* Footer: 1 kolom */
.footer-grid { grid-template-columns: 1fr !important; }
}

/** ALLEEN DE PRODUCTAFBEELDING KANTELT **/
/* Reset: het KAARTJE beweegt niet */
.card--product:hover {
transform: none !important;
box-shadow: none !important;
}
.card--product .card__image .back_card__image {display: none;}

/* Alleen de <img> inside card__image roteert */
.card--product .card__image {transition:  all 0.35s;}
.card--product .card__image img {
transition: transform 0.35s cubic-bezier(.25,.46,.45,.94);
transform-origin: bottom center;
background: var(--hak-white);
aspect-ratio: 100 / 100 !important;
}
.card--product:hover .card__image img {
transform: rotate(-5deg) scale(1.07) !important;
background: transparent !important;
}
/* Wrapper blijft static */
.card--product .card__image {
transform: none !important;
overflow: hidden;
}
.card--product .card__badge {
position: absolute;
top: 12px;
left: 12px;
z-index: 10;
background: var(--hak-pink);
color: var(--hak-white);
font-family: var(--font-brand);
font-size: 14px;
font-weight: 400 !important;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 6px 14px;
border-radius: 20px;
}

/** BREADCRUMB: huidige pagina niet vet **/
.breadcrumb__current {
font-weight: 700;
color: var(--hak-dark-green);
font-size: 14px;
font-family: var(--font-body);
display: block;
}
.breadcrumb span + span::before { content: ' / ' !important; }

/** HERO MET ACHTERGROND AFBEELDING **/
.page-hero--with-image {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
position: relative;
}
.page-hero--with-image::before {
content: '';
position: absolute;
inset: 0;
background: rgba(37,68,36,.55); /* donkergroen overlay voor leesbaarheid */
z-index: 2;
}
.page-hero--with-image .hero-content {
position: relative;
z-index: 3;
}

.page-hero--with-image .img-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.page-hero--with-image .img-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/** HERO ZOEKBALK: zichtbaar op hero-met-afbeelding **/
.page-hero--with-image .hero-search {
box-shadow: 0 4px 20px rgba(0,0,0,.2);
}

/** RESPONSIEF: hero met achtergrond **/
@media (max-width: 768px) {
.page-hero--with-image { min-height: 150px; background-image: inherit !important;}
.page-hero--with-image .hero-search {flex-direction: column !important;border-radius: 20px;}
.page-hero--with-image .hero-content {padding-top: 24px; padding-bottom: 24px; }
.recipe-mobile-title {display: block !important; font-family: var(--font-brand); font-weight: 400; font-size: clamp(26px, 2.09vw, 30px); color: var(--hak-dark-green);}
.single-hak_recipe .breadcrumb {display: none;}
.single-hak_recipe .recipe-hero-img {width: calc(100% + 30px); border-radius: 0; margin-left: -15px;}
.single-hak_recipe .recipe-layout {padding-top: 0;}
}

/** RECEPTKAART: gelijke ruimte boven en onder inhoud **/
.card--recipe .card__body {
padding: var(--space-lg) var(--space-lg) var(--space-lg) !important;
justify-content: space-between !important;
gap: var(--space-sm) !important;
}
.card--recipe .card__title { margin-bottom: 0; }
.card--recipe .card__meta  { margin-top: 0; }

/** PRODUCTKAART: titel verticaal gecentreerd **/
.card--product .card__body {
padding: var(--space-md) var(--space-md) var(--space-md) !important;
justify-content: center !important;
align-items: center !important;
min-height: 72px;
}
.card--product .card__title { text-align: center; }

/** PRODUCT CAROUSEL IN RECEPT: horizontale items **/
.product-carousel { position: relative; }
.product-carousel__track { width: 100%; }
.product-carousel-item {
display: flex;
align-items: center;
gap: 14px;
padding: 8px 0;
cursor: pointer;
transition: opacity .2s;
width: 100%;
}
.product-carousel-item img {width: 110px; height: 110px; object-fit: contain; flex-shrink: 0;}
.product-carousel-item__info p:first-child {
font-family: var(--font-brand);
font-weight: 400;
font-size: 18px;
color: var(--hak-dark-green);
line-height: 1.3;
}
.product-carousel-item__info p:last-child {
font-size: 16px;
color: rgba(26, 74, 37, 0.7);
margin-top: 3px;
font-family: var(--font-body);
}

@media (max-width: 768px) {
.pagination ul.page-numbers { gap: 4px !important; }
.pagination ul.page-numbers .page-numbers { min-width: 36px; height: 36px; font-size: 13px; }
}

/** LOGO GROTER **/
.site-logo img { height: 80px !important; }
.site-logo     { height: 68px !important; }
.site-header   { height: 96px !important; }

/** FILTER TOGGLE: verberg body standaard, toon bij is-open **/
.filter-group__body {
/*    display: none !important;*/
}
.filter-group.active .filter-group__body {
/*    display: flex !important;*/
}
.filter-group.active .filter-group__title {color: var(--hak-dark-green) !important;}
.filter-group.active .filter-group__toggle {transform: rotate(0deg) !important;}

/* Pijltje: ^ rotates to v, geen extra opmaak */
.filter-group__toggle {
font-size: 14px;
background: none !important;
border: none !important;
color: var(--hak-text) !important;
width: auto !important;
height: auto !important;
border-radius: 0 !important;
transition: transform 0.2s;
display: inline-block;
}
.filter-group.is-open .filter-group__toggle { transform: rotate(0deg); }
.filter-group:not(.is-open) .filter-group__toggle { transform: rotate(180deg); }

/** ZOEKBALK: padding om de Zoeken-knop **/
.hero-search {
padding: 5px !important;
gap: 0 !important;
}
.hero-search input {
background: transparent;
padding: 10px 16px !important;
padding-left: 50px !important;
border-radius: var(--radius-pill) 0 0 var(--radius-pill) !important;
width: calc(100% - 80px);
margin: 0 auto 0 0;
}
.hero-search button {
border-radius: var(--radius-pill) !important;
padding: 10px 22px !important;
margin: 0 !important;
flex-shrink: 0;
}

/** MOBILE NAV **/
@media (max-width: 768px) {
/* Logo */
.site-logo img { height: 64px !important; }
.site-logo     { height: 64px !important; }
.site-header   { height: 80px !important; }

/* Nav verborgen; toon als dropdown bij is-open */
.primary-nav {
display: none !important;
}
.primary-nav.is-open {
display: flex !important;
flex-direction: column !important;
position: fixed !important;
inset: 64px 0 0 0 !important;
background: var(--hak-dark-green) !important;
padding: var(--space-lg) !important;
z-index: 200 !important;
overflow-y: auto;
gap: var(--space-lg) !important;
}
.primary-nav.is-open ul {
flex-direction: column !important;
gap: var(--space-lg) !important;
display: flex !important;
}
.primary-nav.is-open li a {
font-size: 18px !important;
color: var(--hak-cream) !important;
}
.nav-toggle { display: flex !important; }

/* Taalswitcher verbergen in header; tonen in mobile nav */
.lang-switcher { display: none !important; }
.mobile-lang-in-nav {
display: flex !important;
gap: 10px;
padding: var(--space-sm) 0;
border-top: 1px solid rgba(255,255,255,.15);
margin-top: var(--space-sm);
}
.mobile-lang-in-nav a {
color: var(--hak-cream);
font-family: var(--font-brand);
font-weight: 400;
font-size: 15px;
padding: 6px 14px;
border-radius: 50px;
border: 1px solid rgba(255,255,255,.3);
text-decoration: none;
}
.mobile-lang-in-nav a.active-lang {
background: var(--hak-blue);
color: var(--hak-dark-green);
border-color: transparent;
}

/* Zoekbalk: 1 rij op mobiel */
.hero-search {
flex-direction: row !important;
width: 100%;
max-width: 100% !important;
}
.hero-search input { flex: 1; min-width: 0; font-size: 14px; }
.hero-search button { font-size: 13px; padding: 10px 16px !important; }

/* Homepage hero: gestapeld */
#homepage-hero {
grid-template-columns: 1fr !important;
min-height: auto !important;
}
#hero-text {
order: 1;
padding: 40px 24px 32px !important;
}
#hero-img {
order: 2;
max-height: 280px !important;
padding: 0 24px 40px !important;
}
#hero-img img { max-height: 240px !important; }

/* Slider: product boven recept */
#product-slider .slide-inner {
grid-template-columns: 1fr !important;
grid-template-rows: 1fr 1fr;
height: 100vh;
}

/* Onze impact: gestapeld */
.impact-grid {
grid-template-columns: 1fr !important;
}
.impact-text  { order: 1; }
.impact-image { order: 2; }
}

/** MOBILE NAV LANG: verborgen op desktop **/
.mobile-nav-lang { display: none; }

/** DESKTOP: alles normaal **/
.lang-switcher { display: flex !important; }
.nav-toggle    { display: none; }

/** MOBIEL: alles gestapeld **/
@media (max-width: 768px) {
/* Lang switcher verbergen in header op mobiel */
.lang-switcher { display: none !important; }
.nav-toggle    { display: flex !important; }

/* Mobile nav */
.primary-nav { display: none !important; }
.primary-nav.is-open {
display: flex !important;
flex-direction: column !important;
position: fixed !important;
inset: 64px 0 0 0 !important;
background: var(--hak-dark-green) !important;
padding: var(--space-xl) var(--space-lg) !important;
z-index: 200 !important;
overflow-y: auto;
gap: var(--space-lg) !important;
}
.primary-nav.is-open > ul,
.primary-nav.is-open > div > ul {
flex-direction: column !important;
gap: var(--space-lg) !important;
}
.primary-nav.is-open li a { font-size: 18px !important; color: var(--hak-cream) !important; }

/* Taal in mobile nav */
.mobile-nav-lang {
display: flex !important;
gap: 10px;
padding: var(--space-md) 0 0;
border-top: 1px solid rgba(255,255,255,.15);
margin-top: var(--space-sm);
flex-wrap: wrap;
}
.mobile-nav-lang__active {
color: var(--hak-blue);
font-family: var(--font-brand);
font-weight: 400;
font-size: 15px;
padding: 6px 14px;
background: rgba(82,194,240,.15);
border-radius: 50px;
}
.mobile-nav-lang__link {
color: var(--hak-cream);
font-family: var(--font-brand);
font-weight: 400;
font-size: 15px;
padding: 6px 14px;
border-radius: 50px;
border: 1px solid rgba(255,255,255,.3);
text-decoration: none;
}

/* Hero: gestapeld */
#homepage-hero {
grid-template-columns: 1fr !important;
min-height: auto !important;
}
#hero-text {
order: 1;
padding: 40px 24px 24px !important;
}
#hero-img {
order: 2;
max-height: 260px;
overflow: hidden;
}
#hero-img img { max-height: 240px; width: 100%; object-fit: contain; }

/* Slider: 1 kolom gestapeld */
.slide-inner {
grid-template-columns: 1fr !important;
grid-template-rows: auto 1fr !important;
height: auto !important;
min-height: 100vh;
}
.slide-product { min-height: 40vh; }
.slide-recipe  { min-height: 55vh; }

/* Impact: tekst boven, afbeelding onder */
.impact-grid {
grid-template-columns: 1fr !important;
}
.impact-text  { order: 1; }
.impact-image { order: 2; }
}

/** HOMEPAGE: geen full-height op mobiel **/
@media (max-width: 768px) {
#homepage-hero       { min-height: auto !important; }
#recipe-carousel-section { min-height: auto !important; padding: 48px 0 !important; }
#product-slider      { height: auto !important; overflow: visible !important; }
#slider-track        { height: auto !important; transform: none !important; }
.product-slider-section {height: auto !important;}
.slide-inner         { height: auto !important; min-height: auto !important; }
.slide-product       { height: auto !important; width: 100%; min-height: auto;}
.slide-recipe        { height: auto !important; width: 100%; min-height: auto;}
/* Verberg slider dots op mobiel (scroll werkt niet verticaal) */
#slider-dots         { display: none !important; }
/* Slider: horizontaal scrollen op mobiel */
#slider-track        { flex-direction: row !important; overflow-x: auto !important; scroll-snap-type: x mandatory; }
.slide-inner         { scroll-snap-align: start; min-width: 100vw !important; flex-direction: column;justify-content: space-between;}
.product-slider-pagination {right: 20px !important; top: auto !important; bottom: 20px !important; padding: 8px; transform: inherit !important;}
}

/** MOBILE NAV – hoge specificiteit **/
@media (max-width: 768px) {
header .nav-toggle  { display: flex !important; align-items: center; justify-content: center; }
header .lang-switcher { display: none !important; }

header .primary-nav {
display: none !important;
position: fixed !important;
top: 64px !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
background: var(--hak-dark-green) !important;
z-index: 9999 !important;
overflow-y: auto !important;
padding: 24px !important;
flex-direction: column !important;
gap: 0 !important;
}
header .primary-nav.is-open { display: flex !important; }

header .primary-nav ul,
header .primary-nav > ul,
header .primary-nav > div > ul {
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
width: 100%;
}
header .primary-nav li { width: 100%; }
header .primary-nav li a {
display: block !important;
padding: 14px 0 !important;
font-size: 18px !important;
font-weight: 400 !important;
color: var(--hak-cream) !important;
border-bottom: 1px solid rgba(255,255,255,.1);
text-transform: uppercase;
letter-spacing: .03em;
}
header .primary-nav li a:hover { color: #ACD373 !important; }

.mobile-nav-lang {
display: flex !important;
gap: 8px;
flex-wrap: wrap;
padding: 20px 0 0;
margin-top: 8px;
border-top: 1px solid rgba(255,255,255,.15);
}
}

/** PRIMARY NAV: zichtbaar op desktop, verborgen op mobiel **/
/* Reset alle eerdere conflicterende regels */
.primary-nav,
nav#primary-nav {
display: flex !important;
}

@media (max-width: 768px) {
.primary-nav,
nav#primary-nav {
display: none !important;
}
nav#primary-nav.nav-open {
display: flex !important;
}
}

@media(max-width:575px){
.cards-grid--recipes  { grid-template-columns: 1fr !important; }
}
.inner-banner-section .breadcrumb { color: var(--hak-white); justify-content: center; padding: 0 0 8px 0; }
.inner-banner-section .breadcrumb a { color: var(--hak-white); opacity: 0.9; }
.inner-banner-section .breadcrumb a:hover { opacity: 1; }
.inner-banner-section .breadcrumb__current { color: var(--hak-white); }

/* Partner grid ipv slider */
.partner-slider { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 40px !important; transform: none !important; }
.partner-slider .swiper-slide { width: auto !important; margin-right: 0 !important; }
.partner-slider .badge-item img { max-width: 160px; height: 80px; object-fit: contain; margin: 0 auto; }
@media (max-width: 768px) { .partner-slider { grid-template-columns: repeat(2, 1fr) !important; gap: 24px !important; } }

/* Partner grid */
.impact-section11 .container { max-width: var(--container-max) !important; }
.partner-grid { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; justify-content: space-around; }
.partner-grid-item .badge-item { display: flex; align-items: center; justify-content: center; position: relative; }
.partner-grid-item .badge-item img { max-width: 160px; height: 80px; object-fit: contain; transition: transform 0.3s ease; opacity: 1; }
.partner-grid-item .badge-item:hover img { transform: scale(1.08); opacity: 1; }
@media (max-width: 768px) { .partner-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; } }
.show-results { background: var(--hak-light-green) !important; border-color: var(--hak-light-green) !important; color: var(--hak-white) !important; }



@media (max-width: 768px) { .planetproof-section2 .top-content h2 { text-align: left; } }

/* CF7 validatie styling */
.wpcf7-not-valid { border: 2px solid var(--hak-pink) !important; }
.file-upload .wpcf7-file { width: 100%; padding: 10px 20px; border: 1px solid rgba(37, 68, 36, 0.2); border-radius: 100px; background: var(--hak-white); color: var(--hak-dark-green); font-family: var(--font-body); font-size: 16px; cursor: pointer; display: block; }
.file-upload .wpcf7-file::file-selector-button { background: var(--hak-dark-green); color: var(--hak-white); border: none; border-radius: 100px; padding: 8px 20px; font-family: var(--font-brand); font-size: 14px; font-weight: 400; cursor: pointer; margin-right: 12px; transition: background .2s; }
.file-upload .wpcf7-file::file-selector-button:hover { background: var(--hak-light-green); }
.wpcf7-radio.wpcf7-not-valid .wpcf7-list-item-label { border-color: var(--hak-pink) !important; }
.wpcf7-radio.wpcf7-not-valid { border: none !important; }
.wpcf7-not-valid-tip { display: none !important; }
.wpcf7 form.invalid .wpcf7-list-item input[type="radio"].wpcf7-not-valid + span::before,
.wpcf7 form.invalid .wpcf7-list-item input[type="checkbox"].wpcf7-not-valid + span::before { outline: 2px solid var(--hak-pink); }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border: 2px solid var(--hak-red) !important;
    color: var(--hak-red) !important;
    border-radius: var(--radius-md);
    padding: 12px 16px;
    font-size: 15px;
}
.wpcf7 form.sent .wpcf7-response-output {
    border: 2px solid var(--hak-light-green) !important;
    color: var(--hak-dark-green) !important;
    border-radius: var(--radius-md);
    padding: 12px 16px;
    font-size: 15px;
}

/* Verberg validatie styling totdat formulier is verzonden */
.wpcf7-form:not(.invalid):not(.unaccepted) .wpcf7-not-valid { border: 1px solid rgba(37, 68, 36, 0.2) !important; }
.wpcf7-form:not(.invalid):not(.unaccepted) .wpcf7-radio.wpcf7-not-valid .wpcf7-list-item-label { border-color: var(--hak-border) !important; }


.contact-form .privacy-note { font-family: var(--font-body); font-size: 14px; color: var(--hak-text-muted); margin-top: 12px; padding-left: 26px; position: relative; }
.contact-form .privacy-note::before { content: "!"; position: absolute; left: 0; top: 2px; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--hak-light-green) !important; font-size: 12px; font-weight: 400; color: var(--hak-light-green) !important; line-height: 1; font-family: var(--font-body); }
.contact-form .privacy-note a { color: var(--hak-dark-green); text-decoration: underline; font-size: 14px; }
.contact-form .privacy-note::before { content: "!"; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; min-width: 18px; border-radius: 50%; border: 1.5px solid var(--hak-text-muted); font-size: 11px; font-weight: 700; color: var(--hak-text-muted); line-height: 1; }

/* Fix mobiele checkbox multi-select bug */
.filter-option { touch-action: manipulation; -webkit-tap-highlight-color: transparent; user-select: none; }
/* Recipe carousel bottom */
.home-section3 .recipe-carousel-bottom {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    margin-top: 32px;
}
.home-section3 .recipe-carousel-bottom .btn {
    grid-column: 2;
    justify-self: center;
}
.home-section3 .recipe-carousel-nav {
    grid-column: 3;
    justify-self: end;
}
@media (max-width: 767px) {
    .home-section3 .recipe-carousel-bottom {
        grid-template-columns: auto auto;
    }
    .home-section3 .recipe-carousel-bottom .btn {
        justify-self: start;
    }
}
.recipe-carousel-nav {
    display: flex;
    gap: 12px;
    align-items: center;
}
.recipe-prev,
.recipe-next {
    background: var(--hak-pink);
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.2s ease;
}
.recipe-prev svg,
.recipe-next svg {
    stroke: white;
}
.recipe-prev:hover,
.recipe-next:hover {
    opacity: 0.85;
}

/* Voorkom flikkeren eerste slide bij page load */
.recipe-carousel-home {
    visibility: hidden;
}
.recipe-carousel-home.swiper-initialized {
    visibility: visible;
}

/* FOUC-guard: verberg slider tot Swiper geïnitialiseerd is */
.slider-2:not(.swiper-initialized) .swiper-wrapper { visibility: hidden; }

/* Mobile language switcher */
.hak-mobile-lang { display: none; }

@media (max-width: 768px) {
    .hak-nav-toggle { display: flex !important; align-items: center; }
    .site-header .lang-switcher { display: none !important; }
    .hak-mobile-lang {
        display: flex !important;
        gap: 8px;
        flex-wrap: wrap;
        padding: 20px 0 0;
        margin-top: 12px;
        border-top: 1px solid rgba(255,255,255,.15);
        width: 100%;
    }
    .hak-mobile-lang .active { color: #52C2F0; background: rgba(82,194,240,.15); border-radius: 50px; padding: 6px 14px; font-weight: 700; font-size: 15px; }
    .hak-mobile-lang a { color: #F7F2E2; border: 1px solid rgba(255,255,255,.3); border-radius: 50px; padding: 6px 14px; font-size: 15px; font-weight: 700; text-decoration: none; }
}

/* ── .section-panel — full-bleed foto met gecentreerd tekstblok ──────────
   Vervangt: overhak-section5 (over-hak s5, s7) + impact-section8 (onze-impact s8)
   --framed = onze-impact s8 (compactere padding, subtiele overlay, kleinere kop + logo)
   --start  = over-hak s7 (tekstblok links, smaller) */
.section-panel { position: relative; overflow: hidden; padding: clamp(60px, 7.51vw, 144px) 0; }
.section-panel .img-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: bottom center; z-index: 1; }
.section-panel .img-cover:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; z-index: 2; }
.section-panel .img-cover img { width: 100%; height: 100%; display: block; object-fit: cover; }
.section-panel .container { position: relative; z-index: 3; }
.section-panel .box-wrapper { background: rgba(255, 255, 255, 0.9); padding: clamp(30px, 3.34vw, 64px); border-radius: clamp(16px, 1.68vw, 32px); width: 100%; max-width: 900px; margin: 0 auto; position: relative; }
.section-panel h2 { font-size: clamp(40px, 3.14vw, 60px); color: var(--hak-dark-green); line-height: 100%; margin: 0; font-weight: 700; font-family: var(--font-brand); width: 80%; }
.section-panel p { font-size: 18px; line-height: 162%; color: var(--hak-dark-green); margin: clamp(20px, 1.68vw, 32px) 0; }
.section-panel .logo-img { position: absolute; top: -7%; right: -7%; width: 100%; max-width: clamp(200px, 14.59vw, 280px); }

.section-panel--framed { padding: clamp(60px, 5.22vw, 100px) 0; }
.section-panel--framed .img-cover:after { background: rgb(37 68 36 / 10%); }
.section-panel--framed h2 { font-size: clamp(32px, 2.51vw, 48px); }

.section-panel--start .box-wrapper { max-width: 672px; margin: 0 auto 0 0; }
.section-panel--start h2 { width: 100%; }

@media (max-width: 768px) {
  .section-panel .logo-img { top: -2%; right: -5%; max-width: clamp(130px, 14.59vw, 280px); }
}