.elementor-18 .elementor-element.elementor-element-4d0c713{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-18 .elementor-element.elementor-element-8fb6ffd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-352d3e9 .elementor-button{background-color:#1C5C2E;}.elementor-18 .elementor-element.elementor-element-352d3e9 .elementor-button-content-wrapper{flex-direction:row;}.elementor-18 .elementor-element.elementor-element-9c2e0fd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-5578113{--display:flex;}.elementor-18 .elementor-element.elementor-element-6bb3d3c .elementor-icon-box-wrapper{gap:15px;}.elementor-18 .elementor-element.elementor-element-6bb3d3c .elementor-icon{font-size:32px;}.elementor-18 .elementor-element.elementor-element-6bb3d3c .elementor-icon-box-title, .elementor-18 .elementor-element.elementor-element-6bb3d3c .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-18 .elementor-element.elementor-element-016011a{--display:flex;}.elementor-18 .elementor-element.elementor-element-b2a536f .elementor-icon-box-wrapper{gap:15px;}.elementor-18 .elementor-element.elementor-element-b2a536f .elementor-icon{font-size:32px;}.elementor-18 .elementor-element.elementor-element-b2a536f .elementor-icon-box-title, .elementor-18 .elementor-element.elementor-element-b2a536f .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-18 .elementor-element.elementor-element-a66ebf8{--display:flex;}.elementor-18 .elementor-element.elementor-element-d3b3808 .elementor-icon-box-wrapper{gap:15px;}.elementor-18 .elementor-element.elementor-element-d3b3808 .elementor-icon{font-size:32px;}.elementor-18 .elementor-element.elementor-element-d3b3808 .elementor-icon-box-title, .elementor-18 .elementor-element.elementor-element-d3b3808 .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-18 .elementor-element.elementor-element-95ca9eb{--display:flex;}.elementor-18 .elementor-element.elementor-element-cbae416 .elementor-icon-box-wrapper{gap:15px;}.elementor-18 .elementor-element.elementor-element-cbae416 .elementor-icon{font-size:32px;}.elementor-18 .elementor-element.elementor-element-cbae416 .elementor-icon-box-title, .elementor-18 .elementor-element.elementor-element-cbae416 .elementor-icon-box-title a{font-size:18px;font-weight:600;}.elementor-18 .elementor-element.elementor-element-fc457ca{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-6b03e66{font-size:16px;letter-spacing:3px;color:#1C5C2E;}.elementor-18 .elementor-element.elementor-element-f092589{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-840318e{--display:flex;}.elementor-18 .elementor-element.elementor-element-013f46e .elementor-icon-box-wrapper{gap:15px;}.elementor-18 .elementor-element.elementor-element-013f46e .elementor-icon-box-title, .elementor-18 .elementor-element.elementor-element-013f46e .elementor-icon-box-title a{font-size:16px;}.elementor-18 .elementor-element.elementor-element-013f46e .elementor-icon-box-description{font-size:13px;}.elementor-18 .elementor-element.elementor-element-9c8382f{--display:flex;}.elementor-18 .elementor-element.elementor-element-52fa1d2 .elementor-icon-box-wrapper{gap:15px;}.elementor-18 .elementor-element.elementor-element-52fa1d2 .elementor-icon-box-title, .elementor-18 .elementor-element.elementor-element-52fa1d2 .elementor-icon-box-title a{font-size:16px;}.elementor-18 .elementor-element.elementor-element-52fa1d2 .elementor-icon-box-description{font-size:13px;}.elementor-18 .elementor-element.elementor-element-ff83063{--display:flex;}.elementor-18 .elementor-element.elementor-element-d84ee7b .elementor-icon-box-wrapper{gap:15px;}.elementor-18 .elementor-element.elementor-element-d84ee7b .elementor-icon-box-title, .elementor-18 .elementor-element.elementor-element-d84ee7b .elementor-icon-box-title a{font-size:16px;}.elementor-18 .elementor-element.elementor-element-d84ee7b .elementor-icon-box-description{font-size:13px;}.elementor-18 .elementor-element.elementor-element-151e553{--display:flex;}.elementor-18 .elementor-element.elementor-element-f84aa2f .elementor-icon-box-wrapper{gap:15px;}.elementor-18 .elementor-element.elementor-element-f84aa2f .elementor-icon-box-title, .elementor-18 .elementor-element.elementor-element-f84aa2f .elementor-icon-box-title a{font-size:16px;}.elementor-18 .elementor-element.elementor-element-f84aa2f .elementor-icon-box-description{font-size:13px;}.elementor-18 .elementor-element.elementor-element-a40534e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-ccd9ae3{--display:flex;}.elementor-18 .elementor-element.elementor-element-4cad57d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18 .elementor-element.elementor-element-4cad57d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18 .elementor-element.elementor-element-4cad57d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18 .elementor-element.elementor-element-4cad57d .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-18 .elementor-element.elementor-element-4cad57d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-18 .elementor-element.elementor-element-4cad57d .elementor-image-box-title{font-size:16px;}.elementor-18 .elementor-element.elementor-element-4cad57d .elementor-image-box-description{font-size:13px;}.elementor-18 .elementor-element.elementor-element-f147390{--display:flex;}.elementor-18 .elementor-element.elementor-element-2c4559c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18 .elementor-element.elementor-element-2c4559c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18 .elementor-element.elementor-element-2c4559c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18 .elementor-element.elementor-element-2c4559c .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-18 .elementor-element.elementor-element-2c4559c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-18 .elementor-element.elementor-element-2c4559c .elementor-image-box-title{font-size:16px;}.elementor-18 .elementor-element.elementor-element-2c4559c .elementor-image-box-description{font-size:13px;}.elementor-18 .elementor-element.elementor-element-6dab05d{--display:flex;}.elementor-18 .elementor-element.elementor-element-933a68d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18 .elementor-element.elementor-element-933a68d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18 .elementor-element.elementor-element-933a68d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18 .elementor-element.elementor-element-933a68d .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-18 .elementor-element.elementor-element-933a68d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-18 .elementor-element.elementor-element-933a68d .elementor-image-box-title{font-size:16px;}.elementor-18 .elementor-element.elementor-element-933a68d .elementor-image-box-description{font-size:13px;}.elementor-18 .elementor-element.elementor-element-f6d9b0a{--display:flex;}.elementor-18 .elementor-element.elementor-element-59aaa7f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18 .elementor-element.elementor-element-59aaa7f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18 .elementor-element.elementor-element-59aaa7f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18 .elementor-element.elementor-element-59aaa7f .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-18 .elementor-element.elementor-element-59aaa7f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-18 .elementor-element.elementor-element-59aaa7f .elementor-image-box-title{font-size:16px;}.elementor-18 .elementor-element.elementor-element-59aaa7f .elementor-image-box-description{font-size:13px;}.elementor-18 .elementor-element.elementor-element-c203629{--display:flex;}.elementor-18 .elementor-element.elementor-element-f7146cd.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-18 .elementor-element.elementor-element-f7146cd.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-18 .elementor-element.elementor-element-f7146cd.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-18 .elementor-element.elementor-element-f7146cd .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-18 .elementor-element.elementor-element-f7146cd .elementor-image-box-img img{transition-duration:0.3s;}.elementor-18 .elementor-element.elementor-element-f7146cd .elementor-image-box-title{font-size:16px;}.elementor-18 .elementor-element.elementor-element-f7146cd .elementor-image-box-description{font-size:13px;}.elementor-18 .elementor-element.elementor-element-f7ab3c9 .elementor-blockquote__content{color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-f7ab3c9 .elementor-blockquote__author{color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-f7ab3c9 .elementor-blockquote:before{font-size:calc(0.5px * 100);}.elementor-18 .elementor-element.elementor-element-ed9acde{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-18 .elementor-element.elementor-element-bb962f7{--display:flex;}.elementor-18 .elementor-element.elementor-element-5272f4d .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-18 .elementor-element.elementor-element-5272f4d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-5272f4d.elementor-view-framed .elementor-icon, .elementor-18 .elementor-element.elementor-element-5272f4d.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-5272f4d .elementor-icon-box-title, .elementor-18 .elementor-element.elementor-element-5272f4d .elementor-icon-box-title a{font-size:16px;}.elementor-18 .elementor-element.elementor-element-5272f4d .elementor-icon-box-title{color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-5272f4d .elementor-icon-box-description{font-size:13px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-6c14ee5{--display:flex;}.elementor-18 .elementor-element.elementor-element-0802173 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-18 .elementor-element.elementor-element-0802173.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-0802173.elementor-view-framed .elementor-icon, .elementor-18 .elementor-element.elementor-element-0802173.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-0802173 .elementor-icon-box-title, .elementor-18 .elementor-element.elementor-element-0802173 .elementor-icon-box-title a{font-size:16px;}.elementor-18 .elementor-element.elementor-element-0802173 .elementor-icon-box-title{color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-0802173 .elementor-icon-box-description{font-size:13px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-b48129f{--display:flex;}.elementor-18 .elementor-element.elementor-element-27ce2df .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-18 .elementor-element.elementor-element-27ce2df.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-27ce2df.elementor-view-framed .elementor-icon, .elementor-18 .elementor-element.elementor-element-27ce2df.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-27ce2df .elementor-icon-box-title, .elementor-18 .elementor-element.elementor-element-27ce2df .elementor-icon-box-title a{font-size:16px;}.elementor-18 .elementor-element.elementor-element-27ce2df .elementor-icon-box-title{color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-27ce2df .elementor-icon-box-description{font-size:13px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-ed8c0dd.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-18 .elementor-element.elementor-element-ed8c0dd .elementor-swiper-button{font-size:20px;}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-ed8c0dd.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-8fb6ffd{--width:50%;}.elementor-18 .elementor-element.elementor-element-fc457ca{--width:50%;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-4cad57d .elementor-image-box-img{margin-bottom:15px;}.elementor-18 .elementor-element.elementor-element-2c4559c .elementor-image-box-img{margin-bottom:15px;}.elementor-18 .elementor-element.elementor-element-933a68d .elementor-image-box-img{margin-bottom:15px;}.elementor-18 .elementor-element.elementor-element-59aaa7f .elementor-image-box-img{margin-bottom:15px;}.elementor-18 .elementor-element.elementor-element-f7146cd .elementor-image-box-img{margin-bottom:15px;}.elementor-18 .elementor-element.elementor-element-ed8c0dd.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* Start custom CSS *//* Import Font */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;800&display=swap');

/* HERO — Section */
.hero-oymusha {
  background: linear-gradient(150deg, #edf7f0 0%, #e4f2e8 30%, #f0f7f2 65%, #fafcfb 100%) !important;
  position: relative !important;
  overflow: hidden !important;
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}
.hero-oymusha::before {
  content: '';
  position: absolute; top: -120px; right: -120px;
  width: 500px; height: 500px;
  background: radial-gradient(circle, rgba(28,92,46,0.07) 0%, transparent 60%);
  border-radius: 50%; pointer-events: none;
}
.hero-oymusha::after {
  content: '';
  position: absolute; bottom: -80px; left: -80px;
  width: 360px; height: 360px;
  background: radial-gradient(circle, rgba(28,92,46,0.04) 0%, transparent 65%);
  border-radius: 50%; pointer-events: none;
}
/* Foto */
.hero-product-img img {
  border-radius: 20px !important;
  box-shadow: 0 28px 70px rgba(28,92,46,0.18), 0 8px 24px rgba(0,0,0,0.07) !important;
  max-width: 100% !important; height: auto !important; display: block !important;
  animation: hFloat 5s ease-in-out infinite;
}
@keyframes hFloat {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-12px); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-product-img img { animation: none !important; }
}
/* Typography */
.hero-brand-name .elementor-heading-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(44px, 5.5vw, 76px) !important;
  font-weight: 800 !important; color: #1C5C2E !important;
  line-height: 1.06 !important; letter-spacing: -0.025em !important;
}
.hero-tagline .elementor-heading-title {
  font-size: clamp(20px, 2.6vw, 30px) !important;
  font-weight: 700 !important; color: #112b18 !important;
  line-height: 1.28 !important;
}
.hero-desc p {
  font-size: 15.5px !important; color: #3d5445 !important;
  line-height: 1.78 !important; max-width: 490px !important;
}
/* Tombol */
.btn-primary-oymusha .elementor-button {
  background-color: #1C5C2E !important; border-color: #1C5C2E !important;
  color: #fff !important; border-radius: 50px !important;
  padding: 15px 36px !important; font-size: 15px !important; font-weight: 600 !important;
  box-shadow: 0 5px 20px rgba(28,92,46,0.30) !important;
  transition: all 0.3s ease !important;
}
.btn-primary-oymusha .elementor-button:hover {
  background-color: #144a23 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 32px rgba(28,92,46,0.40) !important;
}

/* ── BADGE — KUNCI: override CSS variable --flex-direction ── */
.hero-badges {
  --flex-direction: row !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 36px !important;
  padding-top: 28px !important;
  border-top: 1.5px solid rgba(28,92,46,0.15) !important;
  align-items: stretch !important;
}
.hero-badges > .e-con {
  width: calc(25% - 9px) !important;
  max-width: calc(25% - 9px) !important;
  flex: 0 0 calc(25% - 9px) !important;
  min-width: 0 !important;
}
.hero-badges > .e-con > .e-con-inner {
  background: #ffffff !important;
  border: 1.5px solid rgba(28,92,46,0.12) !important;
  border-radius: 16px !important;
  padding: 20px 10px 16px !important;
  text-align: center !important;
  transition: all 0.28s cubic-bezier(0.34,1.56,0.64,1) !important;
  box-shadow: 0 2px 8px rgba(28,92,46,0.06) !important;
  height: 100% !important; justify-content: center !important; align-items: center !important;
}
.hero-badges > .e-con > .e-con-inner:hover {
  background: #f2faf5 !important;
  border-color: rgba(28,92,46,0.35) !important;
  box-shadow: 0 8px 28px rgba(28,92,46,0.14) !important;
  transform: translateY(-5px) !important;
}
.hero-badges .elementor-icon-box-icon {
  background: linear-gradient(135deg, #e8f5e9 0%, #d4edd8 100%) !important;
  width: 60px !important; height: 60px !important; min-width: 60px !important;
  border-radius: 50% !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  margin: 0 auto 12px !important;
  border: 2px solid rgba(28,92,46,0.14) !important;
  transition: all 0.28s ease !important;
}
.hero-badges > .e-con > .e-con-inner:hover .elementor-icon-box-icon {
  background: linear-gradient(135deg, #1C5C2E 0%, #2d7a42 100%) !important;
  border-color: transparent !important;
  box-shadow: 0 4px 16px rgba(28,92,46,0.28) !important;
}
.hero-badges .elementor-icon svg, .hero-badges .elementor-icon i {
  color: #1C5C2E !important; fill: #1C5C2E !important;
  width: 28px !important; height: 28px !important; font-size: 28px !important;
  transition: all 0.28s ease !important;
}
.hero-badges > .e-con > .e-con-inner:hover .elementor-icon svg,
.hero-badges > .e-con > .e-con-inner:hover .elementor-icon i {
  color: #fff !important; fill: #fff !important;
}
.hero-badges .elementor-icon-box-title,
.hero-badges .elementor-icon-box-title a {
  font-size: 12.5px !important; font-weight: 700 !important;
  color: #112b18 !important; line-height: 1.3 !important;
  margin: 0 !important; text-align: center !important;
}

/* ── ABOUT ── */
.about-oymusha {
  background: #f5f1ea !important;
  padding-top: 96px !important; padding-bottom: 96px !important;
  position: relative !important; overflow: hidden !important;
  --flex-direction: row !important;
  flex-direction: row !important;
  align-items: center !important; flex-wrap: nowrap !important;
}
.about-col-img {
  flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important;
  padding-right: 32px !important;
}
.about-col-text {
  flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important;
  padding-left: 32px !important; justify-content: center !important;
}
.about-img img, .about-col-img img {
  border-radius: 24px !important; width: 100% !important; height: auto !important;
  display: block !important;
  box-shadow: 0 24px 64px rgba(28,92,46,0.16), 0 8px 24px rgba(0,0,0,0.06) !important;
  transition: transform 0.4s ease !important;
}
.about-img img:hover, .about-col-img img:hover {
  transform: scale(1.02) !important;
}
.about-label p {
  display: inline-block !important; font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 2.5px !important; text-transform: uppercase !important;
  color: #1C5C2E !important; background: rgba(28,92,46,0.10) !important;
  padding: 5px 18px !important; border-radius: 999px !important; margin-bottom: 16px !important;
}
.about-heading .elementor-heading-title {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: clamp(26px, 3vw, 40px) !important; font-weight: 700 !important;
  color: #0d2414 !important; line-height: 1.22 !important;
  padding-bottom: 20px !important; position: relative !important;
}
.about-heading .elementor-heading-title::after {
  content: ''; position: absolute; bottom: 0; left: 0;
  width: 56px; height: 3.5px;
  background: linear-gradient(90deg, #1C5C2E, #4aaa65);
  border-radius: 2px;
}
.about-text p {
  font-size: 15.5px !important; color: #3a4e3f !important;
  line-height: 1.82 !important; margin-bottom: 16px !important;
}

/* ── WHY ── */
.oymusha-why { background: #f2f7f3 !important; padding: 90px 0 !important; }
.oymusha-why .e-con-boxed > .e-con-inner {
  --flex-direction: row !important; flex-direction: row !important;
  flex-wrap: nowrap !important; gap: 20px !important; align-items: stretch !important;
}
.oymusha-why .e-con-boxed > .e-con-inner > .e-con {
  flex: 1 1 0 !important; width: 0 !important; max-width: none !important; min-width: 0 !important;
}
.why-card {
  background: #fff !important; border-radius: 20px !important;
  padding: 36px 20px 32px !important; text-align: center !important;
  border: 1.5px solid rgba(28,92,46,0.08) !important;
  transition: all 0.32s cubic-bezier(0.34,1.56,0.64,1) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important; height: 100% !important; width: 100% !important;
}
.why-card:hover {
  box-shadow: 0 16px 48px rgba(28,92,46,0.16) !important;
  transform: translateY(-8px) !important; border-color: rgba(28,92,46,0.22) !important;
}
.why-card .elementor-icon-box-icon {
  background: linear-gradient(135deg, #e8f5e9, #d4edd8) !important;
  width: 76px !important; height: 76px !important; min-width: 76px !important;
  border-radius: 50% !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  margin: 0 auto 20px !important; transition: all 0.3s ease !important;
}
.why-card:hover .elementor-icon-box-icon {
  background: linear-gradient(135deg, #1C5C2E, #2d7a42) !important;
  box-shadow: 0 6px 20px rgba(28,92,46,0.30) !important;
}
.why-card .elementor-icon svg, .why-card .elementor-icon i {
  color: #1C5C2E !important; fill: #1C5C2E !important; transition: all 0.3s ease !important;
}
.why-card:hover .elementor-icon svg, .why-card:hover .elementor-icon i {
  color: #fff !important; fill: #fff !important;
}
.why-card .elementor-icon-box-title, .why-card .elementor-icon-box-title a {
  font-size: 16px !important; font-weight: 700 !important;
  color: #0d2414 !important; margin-bottom: 10px !important;
}
.why-card .elementor-icon-box-description {
  font-size: 14px !important; color: #557060 !important; line-height: 1.7 !important;
}

/* ── PROSES ── */
.oymusha-process { background: #fff !important; padding: 90px 0 !important; }
.oymusha-process .e-con-boxed > .e-con-inner {
  --flex-direction: row !important; flex-direction: row !important;
  flex-wrap: nowrap !important; gap: 8px !important; align-items: flex-start !important;
}
.oymusha-process .e-con-boxed > .e-con-inner > .e-con {
  flex: 1 1 0 !important; width: 0 !important; max-width: none !important;
  min-width: 0 !important; position: relative !important;
}
.oymusha-process .e-con-boxed > .e-con-inner > .e-con:not(:last-child)::after {
  content: '→'; position: absolute; top: 55px; right: -12px;
  font-size: 20px; color: rgba(28,92,46,0.35); z-index: 3; pointer-events: none;
}
.process-step .elementor-icon-box-icon,
.oymusha-process .elementor-icon-box-icon {
  background: linear-gradient(135deg, #e8f5e9, #d4edd8) !important;
  width: 80px !important; height: 80px !important; min-width: 80px !important;
  border-radius: 50% !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  margin: 0 auto 16px !important;
  border: 3px solid rgba(28,92,46,0.16) !important; transition: all 0.3s ease !important;
}
.oymusha-process .elementor-icon-box-title,
.oymusha-process .elementor-image-box-title {
  font-size: 14px !important; font-weight: 700 !important;
  color: #0d2414 !important; text-align: center !important;
}
.oymusha-process .elementor-icon-box-description,
.oymusha-process .elementor-image-box-description {
  font-size: 12.5px !important; color: #557060 !important;
  line-height: 1.65 !important; text-align: center !important;
}

/* ── KOMITMEN ── */
.oymusha-commitment {
  background: linear-gradient(145deg, #1a5c2c 0%, #154a23 50%, #0d3318 100%) !important;
  padding: 90px 0 !important; position: relative !important; overflow: hidden !important;
}
.oymusha-commitment .elementor-heading-title {
  color: #fff !important; font-size: clamp(22px, 2.8vw, 36px) !important;
  font-weight: 800 !important; text-align: center !important;
}
.commitment-quote {
  max-width: 680px !important; margin: 0 auto 52px !important;
  text-align: center !important; padding: 0 24px !important;
}
.commitment-quote .elementor-blockquote__content, .commitment-quote p {
  font-size: clamp(14px, 1.6vw, 17px) !important;
  color: rgba(255,255,255,0.88) !important; line-height: 1.85 !important; font-style: italic !important;
}
.oymusha-commitment .e-con-boxed > .e-con-inner {
  --flex-direction: row !important; flex-direction: row !important;
  flex-wrap: nowrap !important; gap: 20px !important; align-items: stretch !important;
}
.oymusha-commitment .e-con-boxed > .e-con-inner > .e-con {
  flex: 1 1 0 !important; width: 0 !important; max-width: none !important; min-width: 0 !important;
}
.commitment-item .elementor-widget-wrap {
  background: rgba(255,255,255,0.07) !important;
  border: 1.5px solid rgba(255,255,255,0.14) !important;
  border-radius: 20px !important; padding: 32px 22px !important;
  transition: all 0.3s ease !important; height: 100% !important;
}
.commitment-item .elementor-widget-wrap:hover {
  background: rgba(255,255,255,0.13) !important;
  transform: translateY(-5px) !important;
}
.commitment-item .elementor-icon-box-title, .commitment-item .elementor-icon-box-title a {
  color: #fff !important; font-size: 17px !important; font-weight: 700 !important;
}
.commitment-item .elementor-icon svg, .commitment-item .elementor-icon i {
  color: #86d4a0 !important; fill: #86d4a0 !important;
}
.commitment-item .elementor-icon-box-description {
  color: rgba(255,255,255,0.72) !important; font-size: 14px !important; line-height: 1.7 !important;
}

/* ========== TABLET ========== */
@media screen and (max-width: 1024px) {
  .hero-oymusha { padding-top: 52px !important; padding-bottom: 52px !important; }
  .hero-brand-name .elementor-heading-title { font-size: 50px !important; }
  .hero-tagline .elementor-heading-title { font-size: 22px !important; }
  .hero-badges > .e-con {
    width: calc(50% - 6px) !important; max-width: calc(50% - 6px) !important;
    flex: 0 0 calc(50% - 6px) !important;
  }
  .about-oymusha {
    --flex-direction: column !important; flex-direction: column !important;
    flex-wrap: wrap !important; padding: 60px 0 !important;
  }
  .about-col-img, .about-col-text {
    flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important;
    padding: 0 !important;
  }
  .about-col-img { margin-bottom: 36px !important; }
  .about-heading .elementor-heading-title { font-size: 32px !important; }
  .oymusha-why .e-con-boxed > .e-con-inner {
    flex-wrap: wrap !important;
  }
  .oymusha-why .e-con-boxed > .e-con-inner > .e-con {
    flex: 0 0 calc(50% - 10px) !important; width: calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
  }
  .oymusha-process .e-con-boxed > .e-con-inner {
    overflow-x: auto !important; -webkit-overflow-scrolling: touch !important;
    padding-bottom: 12px !important;
  }
  .oymusha-process .e-con-boxed > .e-con-inner > .e-con {
    flex: 0 0 160px !important; width: 160px !important; max-width: 160px !important;
    min-width: 160px !important;
  }
  .oymusha-commitment .e-con-boxed > .e-con-inner {
    --flex-direction: column !important; flex-direction: column !important; gap: 14px !important;
  }
  .oymusha-commitment .e-con-boxed > .e-con-inner > .e-con {
    flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important;
  }
}

/* ========== MOBILE ========== */
@media screen and (max-width: 767px) {
  .hero-oymusha { padding: 32px 0 40px !important; }
  .hero-col-img {
    order: -1 !important; flex: 0 0 100% !important;
    width: 100% !important; max-width: 100% !important; margin-bottom: 24px !important;
  }
  .hero-col-text {
    flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important;
  }
  .hero-product-img img {
    border-radius: 14px !important; max-height: 280px !important;
    object-fit: cover !important; width: 100% !important; animation: none !important;
  }
  .hero-brand-name .elementor-heading-title { font-size: 38px !important; }
  .hero-tagline .elementor-heading-title { font-size: 19px !important; }
  .hero-desc p { font-size: 14.5px !important; max-width: 100% !important; }
  .btn-primary-oymusha .elementor-button,
  .btn-outline-oymusha .elementor-button {
    width: 100% !important; text-align: center !important;
    justify-content: center !important; display: flex !important;
  }
  .hero-badges { margin-top: 24px !important; padding-top: 20px !important; gap: 8px !important; }
  .hero-badges > .e-con {
    width: calc(50% - 4px) !important; max-width: calc(50% - 4px) !important;
    flex: 0 0 calc(50% - 4px) !important;
  }
  .hero-badges > .e-con > .e-con-inner { padding: 16px 8px 12px !important; }
  .hero-badges .elementor-icon-box-icon {
    width: 52px !important; height: 52px !important; min-width: 52px !important;
  }
  .hero-badges .elementor-icon svg, .hero-badges .elementor-icon i {
    width: 24px !important; height: 24px !important; font-size: 24px !important;
  }
  .hero-badges .elementor-icon-box-title { font-size: 11.5px !important; }

  .about-oymusha {
    --flex-direction: column !important; flex-direction: column !important;
    flex-wrap: wrap !important; padding: 48px 0 !important;
  }
  .about-col-img, .about-col-text {
    flex: 0 0 100% !important; width: 100% !important;
    max-width: 100% !important; padding: 0 !important;
  }
  .about-col-img { margin-bottom: 28px !important; }
  .about-img img, .about-col-img img {
    max-height: 280px !important; object-fit: cover !important; border-radius: 14px !important;
  }
  .about-heading .elementor-heading-title { font-size: 24px !important; }

  .oymusha-why { padding: 52px 0 !important; }
  .oymusha-why .e-con-boxed > .e-con-inner {
    --flex-direction: column !important; flex-direction: column !important;
    flex-wrap: wrap !important; gap: 14px !important;
  }
  .oymusha-why .e-con-boxed > .e-con-inner > .e-con {
    flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important;
  }

  .oymusha-process { padding: 52px 0 !important; }
  .oymusha-process .e-con-boxed > .e-con-inner {
    --flex-direction: column !important; flex-direction: column !important;
    flex-wrap: wrap !important; overflow-x: visible !important; gap: 0 !important;
  }
  .oymusha-process .e-con-boxed > .e-con-inner > .e-con {
    flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important;
    min-width: unset !important;
    border-bottom: 1px solid rgba(28,92,46,0.10) !important;
    padding-bottom: 20px !important; margin-bottom: 20px !important;
  }
  .oymusha-process .e-con-boxed > .e-con-inner > .e-con:last-child {
    border-bottom: none !important; margin-bottom: 0 !important;
  }
  .oymusha-process .e-con-boxed > .e-con-inner > .e-con:not(:last-child)::after {
    content: '↓' !important; right: auto !important; left: 50% !important;
    top: auto !important; bottom: -14px !important; transform: translateX(-50%) !important;
  }
  .oymusha-process .elementor-icon-box-wrapper {
    display: flex !important; align-items: center !important;
    text-align: left !important; gap: 16px !important;
  }
  .oymusha-process .elementor-icon-box-icon {
    flex-shrink: 0 !important; margin: 0 !important;
    width: 60px !important; height: 60px !important; min-width: 60px !important;
  }
  .oymusha-process .elementor-icon-box-title,
  .oymusha-process .elementor-icon-box-description { text-align: left !important; }

  .oymusha-commitment { padding: 52px 0 !important; }
  .commitment-quote { padding: 0 8px !important; }
  .oymusha-commitment .e-con-boxed > .e-con-inner {
    --flex-direction: column !important; flex-direction: column !important;
    flex-wrap: wrap !important; gap: 12px !important;
  }
  .oymusha-commitment .e-con-boxed > .e-con-inner > .e-con {
    flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important;
  }

  .hero-oymusha *, .about-oymusha *, .oymusha-why *,
  .oymusha-process *, .oymusha-commitment * {
    max-width: 100% !important; word-break: break-word !important;
    overflow-wrap: break-word !important; box-sizing: border-box !important;
  }
}
html {
    scroll-behavior: smooth;
}/* End custom CSS */