
html,body{overflow-x:clip!important}

.elementor-widget-glowie_professional_kit_cleanfit,
.elementor-widget-glowie_professional_kit_cleanfit>.elementor-widget-container{
  width:100%!important;
  max-width:none!important;
  overflow:visible!important
}

.gpkcf-section{
  --gpkcf-screen-width:100%;
  --gpkcf-breakout:0px;
  --gpkcf-bg1:#E8D7BC;
  --gpkcf-bg2:#F5EBDD;
  --gpkcf-bg3:#D4B995;

  width:var(--gpkcf-screen-width);
  max-width:none;
  position:relative;
  left:var(--gpkcf-breakout);
  margin:0;
  padding:48px 0;
  box-sizing:border-box;
  overflow:hidden;

  background:
    radial-gradient(circle at 82% 20%,rgba(255,255,255,.24),transparent 28%),
    radial-gradient(circle at 10% 88%,rgba(145,94,54,.08),transparent 26%),
    linear-gradient(130deg,var(--gpkcf-bg1) 0%,var(--gpkcf-bg2) 48%,var(--gpkcf-bg3) 100%);

  font-family:Manrope,Arial,sans-serif;
}

.gpkcf-inner{
  width:100%;
  max-width:1480px;
  margin:0 auto;
  padding:0 28px;
  box-sizing:border-box
}

.gpkcf-grid{
  width:100%;
  display:flex;
  align-items:center;
  gap:44px
}

.gpkcf-copy{
  flex:0 1 45%;
  min-width:0
}

.gpkcf-media{
  flex:0 1 55%;
  min-width:0
}

.gpkcf-eyebrow{
  color:#184E3B;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.20em;
  margin-bottom:12px
}

.gpkcf-title{
  margin:0 0 13px;
  color:#3B281F;
  font-family:Prata,Georgia,serif;
  font-size:56px;
  line-height:1.02;
  letter-spacing:-.025em;
  font-weight:400
}

.gpkcf-subtitle{
  color:#4D4037;
  font-size:17px;
  line-height:1.55;
  font-weight:650;
  max-width:640px
}

.gpkcf-benefits{
  list-style:none;
  padding:0;
  margin:23px 0 27px;
  display:flex;
  flex-direction:column;
  gap:9px
}

.gpkcf-benefits li{
  position:relative;
  padding-left:18px;
  color:#5B5048;
  font-size:15px;
  line-height:1.42;
  font-weight:650
}

.gpkcf-benefits li:before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#B27A48
}

.gpkcf-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:14px 22px;
  background:#174E3B;
  color:#FFFFFF;
  text-decoration:none;
  border-radius:5px;
  font-size:12px;
  line-height:1;
  letter-spacing:.08em;
  font-weight:900;
  transition:transform .28s ease,box-shadow .28s ease,background .28s ease,color .28s ease
}

.gpkcf-button svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:transform .28s ease
}

.gpkcf-button:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(44,70,56,.16)
}
.gpkcf-button:hover svg{transform:translateX(4px)}

/* IMPORTANT: image fills the border edge-to-edge */
.gpkcf-image{
  width:100%;
  height:430px;
  border-style:solid;
  border-width:1px;
  border-color:rgba(111,79,52,.14);
  border-radius:34px;
  overflow:hidden;
  margin:0;
  padding:0;
  background:transparent;
  position:relative;
  box-shadow:0 22px 52px rgba(80,58,39,.09)
}

.gpkcf-image img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  display:block!important;
  object-fit:cover;
  object-position:center center;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  max-width:none!important;
  transition:transform .48s cubic-bezier(.2,.75,.2,1),filter .35s ease
}

.gpkcf-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#65564A;
  font-size:14px;
  font-weight:750
}

.gpkcf-copy,
.gpkcf-media{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .6s ease,transform .6s cubic-bezier(.2,.75,.2,1)
}
.gpkcf-section.gpkcf-ready .gpkcf-copy,
.gpkcf-section.gpkcf-ready .gpkcf-media{
  opacity:1;
  transform:none
}
.gpkcf-section.gpkcf-ready .gpkcf-media{transition-delay:.07s}

@media(hover:hover) and (pointer:fine){
  .gpkcf-image:hover img{
    transform:scale(1.025);
    filter:saturate(1.025) contrast(1.01)
  }
}

body.elementor-editor-active .gpkcf-copy,
body.elementor-editor-active .gpkcf-media,
.elementor-editor-preview .gpkcf-copy,
.elementor-editor-preview .gpkcf-media{
  opacity:1!important;
  transform:none!important
}

@media(max-width:1024px){
  .gpkcf-grid{gap:28px}
  .gpkcf-title{font-size:46px}
  .gpkcf-image{height:360px}
}

@media(max-width:767px){
  .gpkcf-section{
    width:100%!important;
    left:0!important;
    padding:28px 0!important
  }

  .gpkcf-inner{
    padding:0 10px!important
  }

  .gpkcf-grid{
    flex-direction:column;
    align-items:stretch;
    gap:18px!important
  }

  .gpkcf-copy,
  .gpkcf-media{
    flex-basis:auto!important;
    width:100%!important;
    max-width:none!important
  }

  .gpkcf-title{font-size:34px}
  .gpkcf-subtitle{font-size:14px}

  .gpkcf-benefits{
    margin:17px 0 21px
  }

  /* MOBILE: no gap inside image border */
  .gpkcf-image{
    width:100%!important;
    height:280px;
    margin:0!important;
    padding:0!important;
    border-radius:24px;
    overflow:hidden!important
  }

  .gpkcf-image img{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    object-fit:cover;
    margin:0!important;
    padding:0!important
  }
}

@media(max-width:430px){
  .gpkcf-inner{padding:0 8px!important}
  .gpkcf-image{height:245px}
}

@media(prefers-reduced-motion:reduce){
  .gpkcf-copy,
  .gpkcf-media,
  .gpkcf-image img{
    transition:none!important
  }
  .gpkcf-copy,.gpkcf-media{
    opacity:1!important;
    transform:none!important
  }
}
