/* GRIGI — type-slug-home.css (μόνο αρχική · μετονόμασε αν το slug δεν είναι «home») */
@keyframes ggkb{from{transform:scale(1)}to{transform:scale(1.07)}}

.page-section{padding-block:clamp(34px,4vw,56px)}
/* full-width: αν έμεινε full_width στο vc_section, ακύρωσε το inline padding του WPBakery */
.page-section.gg-full[data-vc-full-width]{padding-left:0!important;padding-right:0!important}  /* WPB: inline padding από JS */
.page-section.gg-full>.vc_row>.wpb_column>.vc_column-inner{padding-left:0;padding-right:0}
.page-section.gg-full .section-heading,.page-section.gg-full .wd-button-wrapper{padding-inline:28px}
.page-section.section1 .gg-intro{border-bottom:0}
.page-section.section1{padding-block:clamp(28px,3.2vw,46px) clamp(24px,2.8vw,40px);text-align:center}
.page-section.section2,.page-section.section4{padding-block:0}
.page-section.section3{padding-bottom:clamp(30px,3.4vw,48px)}
.page-section.section5,.page-section.section6{padding-bottom:0}

/* S2 split hero */
.gg-split{border-top:1px solid var(--gg-line);border-bottom:1px solid var(--gg-line)}
.gg-split>.wpb_column>.vc_column-inner{padding:0}
.gg-split__img{margin:0;overflow:hidden;aspect-ratio:4/5;min-height:320px}
.gg-split__img .banner-image,.gg-split__img img{width:100%;height:100%;object-fit:cover}
.gg-split__img .wrapper-content-banner{display:none}
.gg-split__col:first-child .gg-split__img img{animation:ggkb 34s ease-in-out infinite alternate}
.gg-split__col:last-child .gg-split__img img{animation:ggkb 34s ease-in-out infinite alternate-reverse}
[data-gg-parallax]{will-change:transform}

/* S3 tabs */
.page-section.section3 .gg-tabs .wd-tabs-header{padding-inline:28px}

/* S4 feature banner: φωτό δεξιά 62% σε γκρι, κείμενο κάτω-αριστερά */
.gg-feature{margin:0;background:var(--gg-grey);aspect-ratio:2/1;min-height:360px;overflow:hidden}
.gg-feature .banner-image{position:absolute;inset:0 0 0 38%;width:62%}
.gg-feature .banner-image img{width:100%;height:100%;object-fit:contain}
.gg-feature .wrapper-content-banner{padding:0 clamp(24px,3vw,48px) clamp(26px,3.2vw,52px)}
.gg-feature .content-banner{max-width:520px}
.gg-feature .banner-subtitle{font-size:9px;font-weight:500;letter-spacing:.24em;color:var(--gg-ink);margin-bottom:10px}
.gg-feature .banner-title{font-size:clamp(16px,1.8vw,22px);font-weight:400;letter-spacing:.14em;margin-bottom:8px}
.gg-feature .banner-inner{font-size:12px;line-height:1.7;color:var(--gg-text);max-width:46ch;margin-bottom:16px}
.gg-feature .banner-btn-wrapper .btn{--btn-height:40px;padding-inline:26px;font-size:9px;font-weight:500;letter-spacing:.2em;border:1px solid var(--gg-ink);background:transparent;color:var(--gg-ink)}
.gg-feature .banner-btn-wrapper .btn:hover{background:var(--gg-ink);color:#fff}

/* S5 icons */
.page-section.section5 .row1{margin-bottom:22px}
.gg-icons>.wpb_column>.vc_column-inner{padding:0}
.gg-icons__tile{margin:0;aspect-ratio:1/1;overflow:hidden}
.gg-icons__tile img{width:100%;height:100%;object-fit:cover}
.gg-icons__tile .wrapper-content-banner{display:none}
.page-section.section5 .row3{padding-top:22px}

/* S6 classics */
.gg-classics>.wpb_column>.vc_column-inner{padding:0}
.gg-classics__img{margin:0;aspect-ratio:1/1;min-height:320px;overflow:hidden}
.gg-classics__img img{width:100%;height:100%;object-fit:cover}
.gg-classics__copy>.vc_column-inner{display:flex;align-items:center;justify-content:center;padding:clamp(28px,4vw,64px)!important}  /* WPB: inline padding από Design Options */
.gg-classics__copy .wpb_wrapper{max-width:380px}
.gg-classics__copy .title{font-size:clamp(14px,1.4vw,17px)}
.gg-classics__copy .title-after_title{font-size:12px;line-height:1.75;margin-bottom:20px}
.gg-classics__copy .wd-button-wrapper{text-align:left;padding-inline:0}

/* S7 pledge */
.page-section.section7 .row1{margin-bottom:26px}
.gg-pledge{max-width:1400px;margin-inline:auto}
.gg-pledge__img{margin:0 0 18px;aspect-ratio:1/1;overflow:hidden}
.gg-pledge__img img{width:100%;height:100%;object-fit:cover}
.gg-pledge__title .title-after_title{font-size:11.5px;margin-bottom:10px}

/* S8 tutorials — WoodMart Banners carousel (.gg-tuts) · κουμπί ΚΑΤΩ από την εικόνα */
.page-section.section8 .row1{margin-bottom:24px}
.page-section.section8 .title-after_title{font-family:var(--gg-serif);font-style:italic;font-size:15px;line-height:1.6;color:var(--gg-ink);max-width:60ch}
.gg-tuts{padding-inline:28px}
.gg-tuts .promo-banner{display:flex;flex-direction:column;overflow:visible;background:none;border-radius:0;margin:0}
.gg-tuts .main-wrapp-img{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--gg-img)}
.gg-tuts .main-wrapp-img .banner-image,.gg-tuts .main-wrapp-img img{width:100%;height:100%;object-fit:cover}
.gg-tuts .wrapper-content-banner{position:relative!important;inset:auto!important;padding:14px 0 0!important;pointer-events:none}  /* theme: overlay πάνω στην εικόνα */
.gg-tuts .content-banner{text-align:center!important;width:100%}
.gg-tuts .banner-btn-wrapper{margin:0;pointer-events:auto;position:relative;z-index:3}
.gg-tuts .banner-btn-wrapper .btn{--btn-height:38px;padding-inline:22px;background:var(--gg-ink)!important;color:#fff!important;border:0!important;border-radius:0!important;font-size:9px!important;font-weight:500!important;letter-spacing:.2em!important;text-transform:uppercase}
.gg-tuts .banner-btn-wrapper .btn:hover{background:var(--gg-text)!important}
.gg-tuts .wd-promo-banner-link{inset:0 0 52px 0!important}  /* το link πιάνει μόνο την εικόνα, όχι το κουμπί */
.gg-tuts .wd-nav-arrows .wd-btn-arrow{top:40%!important}
.gg-tuts .wpb_video_widget .wpb_video_wrapper{padding-top:125%}  /* vc_video σε 4:5 */


/* S8 fix: 3 / 2 / 1.3 ανά οθόνη ανεξάρτητα από τα attributes του element · κουμπί κεντραρισμένο */
.gg-tuts .wd-carousel-container,.gg-tuts .wd-carousel,.gg-tuts.wd-carousel-container{--wd-col-lg:3!important;--wd-col-md:2!important;--wd-col-sm:1!important}  /* theme: inline --wd-col-* */
.gg-tuts .wrapper-content-banner{display:flex!important;justify-content:center!important;width:100%}
.gg-tuts .content-banner{margin-inline:auto!important;display:flex;flex-direction:column;align-items:center}
.gg-tuts .banner-btn-wrapper{display:flex;justify-content:center;width:100%}


/* ══ RESPONSIVE αρχικής — ΕΝΑ layer (αντικατέστησε τα mobile v2–v5) · ρυθμός VBB mobile · gutter 16px ══ */
@media (max-width:1024px){
  body .gg-split__img{min-height:0}
  /* S4: φωτό πάνω, κείμενο κάτω */
  body .gg-feature{display:flex!important;flex-direction:column;aspect-ratio:auto!important;min-height:0!important}
  body .gg-feature .main-wrapp-img{position:relative!important;width:100%;aspect-ratio:16/10;overflow:hidden}
  body .gg-feature .banner-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  body .gg-feature .banner-image img{width:100%;height:100%;object-fit:cover!important;object-position:72% 50%}  /* το προϊόν είναι δεξιά στη φωτό */
  body .gg-feature .wrapper-content-banner{position:relative!important;inset:auto!important;padding:28px 32px 36px!important}
  body .gg-pledge{padding-inline:20px}
  body .gg-classics__copy .wpb_wrapper{max-width:460px}
}
@media (max-width:768.98px){
  /* ρυθμός */
  body .page-section{padding-block:32px}
  body .page-section.section1{padding-block:26px 24px}
  body .page-section.section2,body .page-section.section4{padding-block:0}
  body .page-section.section3{padding-bottom:32px}
  body .page-section.section5,body .page-section.section6{padding-bottom:0}
  body .page-section.gg-full .section-heading,body .page-section.gg-full .wd-button-wrapper,body .page-section.section1 .section-heading,body .page-section.section7 .row1 .section-heading{padding-inline:var(--gg-gutter)}
  body .page-section.gg-full .gg-tabs.section-heading{padding-inline:0}
  body .page-section.section1 .title-after_title{max-width:34ch}
  /* S2 hero: μία φωτό, όλο το πλάτος, 4:5 */
  body .gg-split{border:0}
  body .gg-split>.wpb_column:not(:first-child){display:none!important}
  body .gg-split>.wpb_column{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
  body .gg-split .vc_column-inner,body .gg-split .wpb_wrapper{padding:0!important;margin:0!important}
  body .gg-split .promo-banner-wrapper,body .gg-split__img,body .gg-split .main-wrapp-img,body .gg-split .banner-image{width:100%!important;max-width:none!important;margin:0!important}
  body .gg-split__img{aspect-ratio:4/5!important;max-height:none!important}
  body .gg-split .main-wrapp-img{height:100%}
  body .gg-split__img img{animation:none!important}
  /* S3: το carousel ξεκινά στο gutter και «σπάει» δεξιά → φαίνεται μισή η επόμενη κάρτα */
  body .page-section.section3 .gg-tabs .wd-tabs-header{padding-inline:var(--gg-gutter);margin-bottom:16px}
  body .page-section.section3 .gg-tabs .wd-carousel{padding:0 0 0 var(--gg-gutter)!important}
  body .page-section.section3 .gg-tabs .wd-carousel-inner{border-width:2px 0!important}
  /* S4 */
  body .gg-feature .main-wrapp-img{aspect-ratio:1/1}
  body .gg-feature .wrapper-content-banner{padding:26px var(--gg-gutter) 34px!important}
  body .gg-feature .content-banner{max-width:none;margin-inline:auto!important;text-align:center!important}
  body .gg-feature .banner-inner{margin-inline:auto}
  body .gg-feature .banner-btn-wrapper{display:flex;justify-content:center}
  body .gg-feature .banner-btn-wrapper .btn{min-height:44px}
  /* S5 icons + S7 δέσμευση: οριζόντιο swipe από άκρη σε άκρη, 1η κάρτα στο gutter */
  body .gg-icons,body .gg-pledge{display:flex!important;flex-wrap:nowrap!important;width:calc(100vw - var(--wd-scroll-w,0px))!important;max-width:none!important;margin:0 0 0 calc(50% - 50vw + var(--wd-scroll-w,0px) / 2)!important;padding:0 var(--gg-gutter)!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gg-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  body .gg-icons::-webkit-scrollbar,body .gg-pledge::-webkit-scrollbar{display:none}
  body .gg-icons:before,body .gg-icons:after,body .gg-pledge:before,body .gg-pledge:after{display:none!important}
  body .gg-icons{gap:2px}
  body .gg-pledge{gap:12px}
  body .gg-icons>.wpb_column,body .gg-pledge>.wpb_column{flex:0 0 78%!important;width:auto!important;max-width:none!important;margin:0!important;scroll-snap-align:start}
  body .gg-pledge>.wpb_column>.vc_column-inner{padding:0!important}
  body .page-section.section5 .row1{margin-bottom:18px}
  body .page-section.section5 .row3{padding-top:20px}
  body .page-section.section7 .row1{margin-bottom:20px}
  body .gg-pledge__img{aspect-ratio:1/1;margin-bottom:14px}
  /* S6 */
  body .gg-classics__img{aspect-ratio:1/1;min-height:0!important}
  body .gg-classics__copy>.vc_column-inner{padding:26px var(--gg-gutter) 8px!important}
  body .gg-classics__copy .wpb_wrapper{max-width:none;text-align:center}
  body .gg-classics__copy .title-wrapper,body .gg-classics__copy .wd-button-wrapper{text-align:center!important;padding-inline:0!important}
  body .gg-classics__copy .title-after_title{max-width:36ch;margin-inline:auto}
  /* S8: 1 slide + ~¼ της επόμενης */
  body .page-section.section8 .row1{margin-bottom:18px}
  body .page-section.section8 .title-after_title{font-size:14px;max-width:32ch}
  body .gg-tuts,body .gg-tuts.wd-carousel-container{padding-inline:0!important}
  body .gg-tuts .wd-carousel{--wd-col-sm:1!important;padding:0 24% 0 var(--gg-gutter)!important;overflow:hidden!important}
  body .gg-tuts .wd-carousel-inner{overflow:visible!important}
  body .gg-tuts .wd-promo-banner-link{inset:0 0 58px 0!important}
  body .gg-tuts .banner-btn-wrapper .btn{--btn-height:40px;min-height:40px}
  [data-gg-parallax]{transform:none!important}
}