.elementor-82 .elementor-element.elementor-element-e136807{--display:flex;--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;--justify-content:center;--align-items:center;--flex-wrap:nowrap;--overlay-opacity:0.35;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-82 .elementor-element.elementor-element-e136807:not(.elementor-motion-effects-element-type-background), .elementor-82 .elementor-element.elementor-element-e136807 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jagokw.com/wp-content/uploads/2026/01/Home-section-bennar.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-82 .elementor-element.elementor-element-e136807::before, .elementor-82 .elementor-element.elementor-element-e136807 > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-e136807 > .e-con-inner > .elementor-background-video-container::before, .elementor-82 .elementor-element.elementor-element-e136807 > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-e136807 > .e-con-inner > .elementor-background-slideshow::before, .elementor-82 .elementor-element.elementor-element-e136807 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0B0F17;--background-overlay:'';}.elementor-82 .elementor-element.elementor-element-ccacf62{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-82 .elementor-element.elementor-element-ccacf62.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-82 .elementor-element.elementor-element-ef06591 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-82 .elementor-element.elementor-element-aec8a1e{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-82 .elementor-element.elementor-element-aec8a1e > .elementor-widget-container{margin:0px 0px 14px 0px;}.elementor-82 .elementor-element.elementor-element-aec8a1e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-82 .elementor-element.elementor-element-aec8a1e .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:56px;font-weight:500;letter-spacing:-0.5px;word-spacing:0px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-82 .elementor-element.elementor-element-6b868aa > .elementor-widget-container{margin:0px 0px 26px 0px;}.elementor-82 .elementor-element.elementor-element-6b868aa{font-family:"Poppins", Sans-serif;font-weight:400;line-height:1.6em;color:#FFFFFFD1;}.elementor-82 .elementor-element.elementor-element-0562db6{--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-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-82 .elementor-element.elementor-element-273d8a1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-82 .elementor-element.elementor-element-273d8a1 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-82 .elementor-element.elementor-element-e890961 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-82 .elementor-element.elementor-element-e890961 .elementor-button{font-family:"Poppins", Sans-serif;font-weight:500;line-height:1em;border-style:solid;}.elementor-82 .elementor-element.elementor-element-7504aec{--display:flex;}.elementor-82 .elementor-element.elementor-element-63a61f5{--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-82 .elementor-element.elementor-element-3bbe0e5{--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-82 .elementor-element.elementor-element-bab1f2c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-82 .elementor-element.elementor-element-693140b{--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-82 .elementor-element.elementor-element-bc35e6b{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-82 .elementor-element.elementor-element-f82fe92 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;color:#000000;}.elementor-82 .elementor-element.elementor-element-da92465{--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-82 .elementor-element.elementor-element-08c6f3f .elementor-heading-title{color:#000000;}.elementor-82 .elementor-element.elementor-element-5450699{--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-82 .elementor-element.elementor-element-652d29e .elementor-heading-title{color:#000000;}.elementor-82 .elementor-element.elementor-element-b1f8670{--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-82 .elementor-element.elementor-element-8f58980 .elementor-heading-title{color:#000000;}.elementor-82 .elementor-element.elementor-element-b991858{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-82 .elementor-element.elementor-element-5b682f9{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-82 .elementor-element.elementor-element-5b682f9.e-con{--align-self:flex-start;}.elementor-82 .elementor-element.elementor-element-00c60bf{--display:flex;--background-transition:0.3s;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-82 .elementor-element.elementor-element-d745c7c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-82 .elementor-element.elementor-element-d745c7c.elementor-wc-products ul.products li.product .price{color:#0B0F14;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:700;}.elementor-82 .elementor-element.elementor-element-d745c7c.elementor-wc-products ul.products li.product .price ins{color:#0B0F14;}.elementor-82 .elementor-element.elementor-element-d745c7c.elementor-wc-products ul.products li.product .price ins .amount{color:#0B0F14;}.elementor-82 .elementor-element.elementor-element-d745c7c.elementor-wc-products ul.products li.product .price del{color:#0B0F14;}.elementor-82 .elementor-element.elementor-element-d745c7c.elementor-wc-products ul.products li.product .price del .amount{color:#0B0F14;}.elementor-82 .elementor-element.elementor-element-d745c7c.elementor-wc-products ul.products li.product .price del {font-family:"Poppins", Sans-serif;font-size:15px;font-weight:700;}.elementor-82 .elementor-element.elementor-element-d745c7c.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-82 .elementor-element.elementor-element-1bed0f9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-82 .elementor-element.elementor-element-6549a64{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-82 .elementor-element.elementor-element-6549a64.e-con{--align-self:flex-start;}.elementor-82 .elementor-element.elementor-element-470342e{--display:flex;}.elementor-82 .elementor-element.elementor-element-d361377.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-82 .elementor-element.elementor-element-d361377.elementor-wc-products ul.products li.product .price{color:#0B0F14;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:700;}.elementor-82 .elementor-element.elementor-element-d361377.elementor-wc-products ul.products li.product .price ins{color:#0B0F14;}.elementor-82 .elementor-element.elementor-element-d361377.elementor-wc-products ul.products li.product .price ins .amount{color:#0B0F14;}.elementor-82 .elementor-element.elementor-element-d361377.elementor-wc-products ul.products li.product .price del{color:#0B0F14;}.elementor-82 .elementor-element.elementor-element-d361377.elementor-wc-products ul.products li.product .price del .amount{color:#0B0F14;}.elementor-82 .elementor-element.elementor-element-d361377.elementor-wc-products ul.products li.product .price del {font-family:"Poppins", Sans-serif;font-size:15px;font-weight:700;}.elementor-82 .elementor-element.elementor-element-d361377.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-82 .elementor-element.elementor-element-f1c8a32{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-82 .elementor-element.elementor-element-28b9fe7{--display:flex;}.elementor-82 .elementor-element.elementor-element-577ca23 > .elementor-widget-container{margin:0px 0px 8px 0px;}.elementor-82 .elementor-element.elementor-element-577ca23{text-align:start;}.elementor-82 .elementor-element.elementor-element-c60b432 > .elementor-widget-container{margin:0px 0px 12px 0px;}.elementor-82 .elementor-element.elementor-element-c60b432{text-align:start;}.elementor-82 .elementor-element.elementor-element-c60b432 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-82 .elementor-element.elementor-element-e372332 > .elementor-widget-container{margin:0px 0px 28px 0px;}.elementor-82 .elementor-element.elementor-element-e372332{font-family:"Roboto", Sans-serif;font-weight:400;line-height:1.2em;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-82 .elementor-element.elementor-element-a55a051 .elementor-icon-box-wrapper{gap:15px;}.elementor-82 .elementor-element.elementor-element-6226b73 .elementor-icon-box-wrapper{gap:15px;}.elementor-82 .elementor-element.elementor-element-26f6cf1 .elementor-icon-box-wrapper{gap:15px;}.elementor-82 .elementor-element.elementor-element-87c8417{--display:flex;}.elementor-82 .elementor-element.elementor-element-eb5c7e0 .elementor-wrapper{--video-aspect-ratio:1.77777;}@media(min-width:768px){.elementor-82 .elementor-element.elementor-element-e136807{--width:100%;}.elementor-82 .elementor-element.elementor-element-ccacf62{--width:45%;}.elementor-82 .elementor-element.elementor-element-b991858{--content-width:1200px;}.elementor-82 .elementor-element.elementor-element-1bed0f9{--content-width:1200px;}.elementor-82 .elementor-element.elementor-element-f1c8a32{--content-width:1140px;}.elementor-82 .elementor-element.elementor-element-28b9fe7{--width:60%;}.elementor-82 .elementor-element.elementor-element-87c8417{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-82 .elementor-element.elementor-element-28b9fe7{--width:50%;}}@media(max-width:1024px){.elementor-82 .elementor-element.elementor-element-d745c7c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-82 .elementor-element.elementor-element-d361377.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-82 .elementor-element.elementor-element-e136807:not(.elementor-motion-effects-element-type-background), .elementor-82 .elementor-element.elementor-element-e136807 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-82 .elementor-element.elementor-element-e136807{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-82 .elementor-element.elementor-element-aec8a1e .elementor-heading-title{font-size:32px;line-height:1.15em;}.elementor-82 .elementor-element.elementor-element-63a61f5{--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-82 .elementor-element.elementor-element-bab1f2c{text-align:center;}.elementor-82 .elementor-element.elementor-element-bab1f2c .elementor-heading-title{font-size:16px;}.elementor-82 .elementor-element.elementor-element-693140b{--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;--justify-content:flex-start;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-82 .elementor-element.elementor-element-bc35e6b{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-82 .elementor-element.elementor-element-da92465{--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-82 .elementor-element.elementor-element-d745c7c.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-82 .elementor-element.elementor-element-d361377.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-82 .elementor-element.elementor-element-f1c8a32{--padding-top:48px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for heading, class: .elementor-element-aec8a1e *//* ========= JAGO HERO HEADING – PREMIUM SMART ========= */

.hero-main-heading h1 {
  display: inline-block;
  white-space: nowrap;
  font-family: 'Poppins', sans-serif;
  font-size: 48px;                 /* PERFECT desktop size */
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: -0.03em;
  color: #ffffff;
  margin: 0;
  padding-bottom: 6px;
  position: relative;
}

/* Soft luxury glow (NOT harsh) */
.hero-main-heading h1 {
  text-shadow:
    0 2px 8px rgba(0, 0, 0, 0.25),
    0 8px 24px rgba(0, 0, 0, 0.15);
}

/* Premium accent underline (very subtle) */
.hero-main-heading h1::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0.8),
    rgba(255,255,255,0)
  );
}

/* ===== MOBILE OPTIMIZATION ===== */
@media (max-width: 767px) {
  .hero-main-heading h1 {
    white-space: normal;
    font-size: 30px;
    line-height: 1.2;
  }

  .hero-main-heading h1::after {
    width: 40px;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   JAGO HOME — POLISHED MASTER (Same Design, Cleaner Maintain)
   - No visual change intended
   - Duplicates removed, conflicts resolved
   - WHY JAGO background: final overlay-safe white
   ========================================================= */


/* =========================================================
   0) GLOBAL SAFETY (Hero only needs box-sizing resets)
   ========================================================= */
.hero-wrap, .hero-wrap *{ box-sizing:border-box; }
.hero-tag p, .hero-subtitle p{ margin:0 !important; }
.hero-title .elementor-heading-title{ margin:0 !important; }


/* =========================================================
   1) HERO — FINAL PERFECT (Desktop + Mobile)
   Required classes:
   - hero-wrap, hero-left, hero-tag, hero-title, hero-subtitle, hero-actions
   - hero-btn hero-btn--primary, hero-btn hero-btn--secondary
   ========================================================= */

/* ---------- HERO: Desktop base ---------- */
.hero-wrap{
  position:relative;
  overflow:hidden;
  min-height: clamp(540px, 66vh, 740px);
  padding: clamp(26px, 3.2vw, 54px) 0;
  display:flex;
  align-items:center;
  z-index:0; /* keep hero behind header (dropdown fix needs this) */
}

/* overlay */
.hero-wrap:before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg,
    rgba(7,10,16,.66) 0%,
    rgba(7,10,16,.44) 38%,
    rgba(7,10,16,.18) 66%,
    rgba(7,10,16,.05) 100%
  );
  z-index:0;
  pointer-events:none !important; /* dropdown/click safety */
}
.hero-wrap > *{ position:relative; z-index:1; }

.hero-left{ max-width: 720px; }

/* ---------- TAG PILL (no outer border) ---------- */
.hero-tag,
.hero-tag .elementor-widget-container,
.hero-tag .elementor-text-editor,
.hero-tag .elementor-text-editor *{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  filter: none !important;
}

.hero-tag p{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;

  padding: 10px 18px;
  border-radius: 999px;

  font-size: 12px;
  font-weight: 600;
  letter-spacing: .18em;
  text-transform: uppercase;
  white-space: nowrap;

  color: rgba(232, 210, 160, .95);
  border: 1px solid rgba(120, 255, 225, .45) !important;
  background: rgba(6, 10, 18, .34) !important;
  backdrop-filter: blur(10px);

  box-shadow:
    0 14px 30px rgba(0,0,0,.22),
    0 0 22px rgba(120,255,225,.12) !important;

  margin: 0 0 12px 0 !important;
}
.hero-tag p:hover{
  border-color: rgba(120,255,225,.68) !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.26),
    0 0 26px rgba(120,255,225,.18) !important;
}

/* ---------- TITLE ---------- */
.hero-title .elementor-heading-title{
  font-weight: 700;
  font-size: clamp(44px, 4.2vw, 72px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  color:#fff;
  text-shadow: 0 18px 44px rgba(0,0,0,.30);
}

/* line controls */
.hero-title .hero-line1{ display:inline-block; white-space: nowrap; }
.hero-title .hero-line2{ display:block; }

.hero-title .hero-highlight{
  background: linear-gradient(90deg, rgba(170,255,240,1), rgba(245,255,252,1));
  -webkit-background-clip:text;
  background-clip:text;
  color: transparent;
}

/* underline */
.hero-title .elementor-heading-title:after{
  content:"";
  display:block;
  width: 78px;
  height: 3px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(170,255,240,.95), rgba(255,255,255,.10));
}

/* ---------- SUBTITLE ---------- */
.hero-subtitle,
.hero-subtitle p{
  margin-top: 10px !important;
  max-width: 610px;
  font-size: 16px;
  line-height: 1.62;
  color: rgba(255,255,255,.84);
  text-shadow: 0 10px 22px rgba(0,0,0,.18);
}

/* ---------- BUTTONS (Desktop) ---------- */
.hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap: 18px !important;
  margin-top: 16px !important;
  align-items:center !important;
}
.hero-actions .elementor-widget-button{ margin:0 !important; }

.hero-btn--primary a.elementor-button,
.hero-btn--secondary a.elementor-button{
  border-radius: 999px !important;
  padding: 14px 34px !important;
  min-height: 54px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-weight: 500 !important;
  font-size: 18px !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;

  text-decoration:none !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease !important;
  will-change: transform;
}
.hero-btn--primary a.elementor-button:hover,
.hero-btn--secondary a.elementor-button:hover{
  transform: translateY(-2px) !important;
}

/* Primary */
.hero-btn--primary a.elementor-button{
  background: linear-gradient(180deg, #CFFEF5 0%, #9DEEDB 100%) !important;
  color: #0B0F14 !important;
  border: 0 !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.18),
    0 2px 0 rgba(255,255,255,.40) inset !important;
}
.hero-btn--primary a.elementor-button:hover{
  background: linear-gradient(180deg, #E3FFFA 0%, #A8F5E6 100%) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.22),
    0 2px 0 rgba(255,255,255,.45) inset !important;
}

/* Secondary (WhatsApp hidden below) */
.hero-btn--secondary a.elementor-button{
  background: rgba(20, 24, 34, .34) !important;
  color: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(255,255,255,.40) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.16),
    0 1px 0 rgba(255,255,255,.12) inset !important;
}
.hero-btn--secondary a.elementor-button:hover{
  background: rgba(20, 24, 34, .44) !important;
  border-color: rgba(255,255,255,.55) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.22),
    0 0 0 2px rgba(255,255,255,.08) !important;
}

/* ---------- HERO: Mobile ---------- */
@media (max-width: 767px){
  .hero-wrap{
    min-height: 72svh !important;
    padding-top: 14px !important;
    padding-bottom: 18px !important;

    display:flex !important;
    align-items:center !important;

    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center right !important;
  }

  .hero-wrap:before{
    background: linear-gradient(180deg,
      rgba(7,10,16,.55) 0%,
      rgba(7,10,16,.40) 40%,
      rgba(7,10,16,.18) 72%,
      rgba(7,10,16,.06) 100%
    ) !important;
  }

  .hero-left{ max-width: 92% !important; }

  .hero-tag p{
    font-size: 10px !important;
    letter-spacing: .14em !important;
    padding: 7px 12px !important;
    margin: 0 0 8px 0 !important;
    opacity: .92;
  }

  .hero-title .elementor-heading-title{
    font-size: 34px !important;
    line-height: 1.10 !important;
    letter-spacing: -0.03em !important;
  }
  .hero-title .hero-line1{ white-space: normal !important; }
  .hero-title .elementor-heading-title:after{
    width: 58px !important;
    margin-top: 8px !important;
  }

  .hero-subtitle,
  .hero-subtitle p{
    font-size: 14px !important;
    line-height: 1.55 !important;
    max-width: 92% !important;
    margin-top: 10px !important;
    color: rgba(255,255,255,.82) !important;
  }

  .hero-actions{
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  .hero-btn--primary a.elementor-button,
  .hero-btn--secondary a.elementor-button{
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 18px !important;
    font-size: 15px !important;
    border-radius: 999px !important;
  }

  .hero-btn--secondary a.elementor-button{ border-width: 1px !important; }
}

/* Extra small phones */
@media (max-width: 380px){
  .hero-wrap{
    min-height: 70svh !important;
    padding-top: 12px !important;
    padding-bottom: 16px !important;
    background-position: 70% center !important;
  }
  .hero-tag p{
    font-size: 9.5px !important;
    padding: 6px 10px !important;
    letter-spacing: .12em !important;
  }
  .hero-title .elementor-heading-title{
    font-size: 31px !important;
    line-height: 1.11 !important;
  }
  .hero-subtitle,
  .hero-subtitle p{
    font-size: 13.5px !important;
    line-height: 1.52 !important;
    max-width: 94% !important;
  }
  .hero-btn--primary a.elementor-button,
  .hero-btn--secondary a.elementor-button{
    min-height: 44px !important;
    font-size: 14px !important;
    padding: 11px 16px !important;
  }
}


/* =========================================================
   2) WHY JAGO — FEATURE SECTION #1 (Final)
   Classes: why-jago, why-jago-content, why-jago-eyebrow, why-jago-title, why-jago-desc,
            why-jago-feature, why-jago-video
   ========================================================= */

.why-jago{
  /* keep your premium light vibe */
  background:
    radial-gradient(900px 420px at 12% 10%, rgba(170,255,240,.14), transparent 60%),
    radial-gradient(900px 420px at 88% 30%, rgba(232,210,160,.12), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
  border-top: 1px solid rgba(15,20,30,.06);
  border-bottom: 1px solid rgba(15,20,30,.06);

  padding-top: 44px !important;
  padding-bottom: 44px !important;
  padding-left: 16px;
  padding-right: 16px;
}

.why-jago .elementor-container{ align-items: center !important; }

.why-jago-content{
  max-width: 520px !important;
  margin: 0 !important;
}

/* fix wrap issues */
.why-jago p,
.why-jago .elementor-widget-text-editor{
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* column gap control */
.why-jago .elementor-column-gap-default > .elementor-column{
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Eyebrow */
.why-jago-eyebrow{
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(170,255,240,.85);
  margin-bottom: 6px;
}

/* Title */
.why-jago-title .elementor-heading-title{
  font-size: 40px;
  line-height: 1.15;
  font-weight: 800 !important;
  letter-spacing: -0.04em !important;
  position: relative;

  background: linear-gradient(90deg, #0b0f14 0%, #1b2a33 40%, #0b0f14 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}
.why-jago-title .elementor-heading-title:after{
  content:"";
  display:block;
  width: 86px;
  height: 4px;
  margin-top: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(170,255,240,.95), rgba(232,210,160,.40));
}

/* Description */
.why-jago-desc{
  font-size: 16px;
  line-height: 1.65;
  color: rgba(11,15,20,.74);
}

/* Feature cards */
.why-jago-feature{ margin-bottom: 10px !important; }

.why-jago-feature .elementor-icon-box-wrapper{
  display:flex;
  gap: 14px;
  align-items:flex-start;

  background: rgba(255,255,255,.78);
  border: 1px solid rgba(15,20,30,.08);
  border-radius: 14px !important;
  padding: 12px 12px !important;

  box-shadow: 0 14px 30px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.why-jago-feature:hover .elementor-icon-box-wrapper{
  transform: translateY(-2px);
  border-color: rgba(170,255,240,.35);
  box-shadow:
    0 18px 40px rgba(0,0,0,.08),
    0 0 0 3px rgba(170,255,240,.10);
}

/* icon chip */
.why-jago-feature .elementor-icon{
  background: linear-gradient(180deg, #CFFEF5 0%, #9DEEDB 100%);
  color: #0b0f14 !important;
  border-radius: 14px;
  padding: 10px;
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
}

.why-jago-feature .elementor-icon-box-title{
  margin: 0 0 6px 0 !important;
  color:#0b0f14 !important;
  font-weight: 650 !important;
  font-size: 15px !important;
}
.why-jago-feature .elementor-icon-box-description{
  color: rgba(11,15,20,.70) !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
}

/* Video card */
.why-jago-video{
  width: 100% !important;
  max-width: 520px !important;
  margin-left: auto !important;

  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(15,20,30,.10) !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.14) !important;
}
.why-jago-video .elementor-custom-embed-play{ display:none !important; }
.why-jago-video iframe,
.why-jago-video video{ width: 100% !important; height: auto !important; }

/* WHY JAGO Mobile */
@media (max-width: 767px){
  .why-jago{
    padding-top: 34px !important;
    padding-bottom: 36px !important;
  }
  .why-jago-content{
    max-width: 100% !important;
    margin-bottom: 22px !important;
  }
  .why-jago-title .elementor-heading-title{ font-size: 27px !important; }
  .why-jago-desc{ font-size: 14px; }
  .why-jago-video{
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 14px !important;
  }
}


/* =========================================================
   3) NAVBAR DROPDOWN FIX (Astra + Elementor) — SAFE
   ========================================================= */
.site-header,
.elementor-location-header{
  position: relative;
  z-index: 1100;
  isolation: isolate;
}

.main-header-menu .sub-menu,
.elementor-nav-menu--dropdown{
  position: relative;
  z-index: 1200 !important;
}

.ast-header-break-point .main-header-menu{
  position: relative;
  z-index: 1150;
}


/* =========================================================
   4) USECASES — PREMIUM MASTER (Desktop/Tablet/Mobile)
   Works with both: .usecases-cards OR .usecase-cards
   ========================================================= */

.usecases{
  padding: clamp(42px, 4.4vw, 78px) 0 !important;
  background:
    radial-gradient(900px 360px at 18% 12%, rgba(170,255,240,.10), transparent 60%),
    radial-gradient(780px 340px at 88% 18%, rgba(232,210,160,.10), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, #fbfcfe 55%, #ffffff 100%) !important;
  border-top: 1px solid rgba(15,20,30,.05);
  border-bottom: 1px solid rgba(15,20,30,.05);
}

.usecases-header{
  max-width: 1120px;
  margin: 0 auto 18px !important;
  padding: 0 16px !important;
  text-align: center;
}

.usecases-title,
.usecases-title .elementor-heading-title{
  margin: 0 0 8px !important;
  color: #0b1220 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.08 !important;
  font-size: clamp(24px, 2.6vw, 44px) !important;
}

.usecases-subtitle,
.usecases-subtitle p{
  margin: 0 !important;
  color: rgba(15,23,42,.72) !important;
  font-size: clamp(14px, 1.1vw, 16px) !important;
  line-height: 1.7 !important;
  max-width: 70ch;
}

.usecases .usecases-cards,
.usecases .usecase-cards{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;

  max-width: 1120px;
  margin: 0 auto !important;
  padding: 0 16px !important;
}
.usecases .usecases-cards > *,
.usecases .usecase-cards > *{ min-width: 0 !important; }

.usecases .usecase-card{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(2,6,23,.08) !important;
  border-radius: 18px !important;
  overflow: hidden !important;

  padding: 16px !important;
  box-shadow:
    0 14px 34px rgba(2,6,23,.06),
    0 1px 0 rgba(255,255,255,.70) inset !important;

  display:flex !important;
  flex-direction: column !important;
  height: 100% !important;

  gap: 6px !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.usecases .usecase-card:hover{
  transform: translateY(-3px);
  border-color: rgba(170,255,240,.28) !important;
  box-shadow:
    0 22px 50px rgba(2,6,23,.10),
    0 0 0 3px rgba(170,255,240,.10) !important;
}

.usecases .usecase-image{
  width: 100% !important;
  height: 220px !important;
  border-radius: 16px !important;
  overflow: hidden !important;

  background: linear-gradient(180deg, rgba(237,232,208,.55), rgba(255,255,255,.35)) !important;
  border: 1px solid rgba(2,6,23,.06) !important;

  flex: 0 0 auto !important;
  display: block !important;
}
.usecases .usecase-image,
.usecases .usecase-image figure{
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.usecases .usecase-image figure,
.usecases .usecase-image .elementor-image{ display: block !important; }

.usecases .usecase-image img{
  width: 100% !important;
  height: 100% !important;
  display:block !important;
  object-fit: cover !important;
  object-position: center 55% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.usecases .usecase-card .usecase-heading,
.usecases .usecase-card .usecase-heading .elementor-heading-title{
  margin: 0 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.02em !important;
  font-weight: 950 !important;
  color: #0b1220 !important;
  font-size: 20px !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 0 !important;
}

.usecases .usecase-card .usecase-text,
.usecases .usecase-card .usecase-text p{
  margin: 0 !important;
  line-height: 1.55 !important;
  font-size: 13.5px !important;
  color: rgba(15,23,42,.72) !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 0 !important;
}

@media (max-width: 1024px){
  .usecases .usecase-card .usecase-text:empty,
  .usecases .usecase-card .usecase-text p:empty{ display:none !important; }
}

.usecases .usecase-card .elementor-widget-button,
.usecases .usecase-card .elementor-button-wrapper{
  width: 100% !important;
  margin: 0 !important;
}
.usecases .usecase-btn{ margin-top: 2px !important; }

.usecases .usecase-card:has(.usecase-text) .usecase-btn,
.usecases .usecase-card:has(.usecase-text) .elementor-widget-button,
.usecases .usecase-card:has(.usecase-text) .elementor-button-wrapper{
  margin-top: auto !important;
}

.usecases .usecase-btn .elementor-button{
  width: 100% !important;
  border-radius: 999px !important;
  padding: 12px 14px !important;
  background: linear-gradient(180deg, #0f172a 0%, #0b1220 100%) !important;
  border: 1px solid rgba(15,23,42,.22) !important;
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  box-shadow: 0 14px 28px rgba(2,6,23,.14) !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}
.usecases .usecase-btn .elementor-button:hover{
  transform: translateY(-1px) !important;
  filter: brightness(1.08) !important;
  box-shadow: 0 18px 34px rgba(2,6,23,.18) !important;
}

/* Desktop */
@media (min-width: 1025px){
  .usecases .usecase-card{ padding: 14px !important; gap: 9px !important; }
  .usecases .usecase-image{ height: 200px !important; }

  .usecases .usecase-card .usecase-heading,
  .usecases .usecase-card .usecase-heading .elementor-heading-title{
    font-size: 17px !important;
    text-align: center !important;
    letter-spacing: -0.018em !important;
  }

  .usecases .usecase-card .elementor-widget-button{ margin-top: 10px !important; }
  .usecases .usecase-card .elementor-button-wrapper{ text-align: center !important; }
  .usecases .usecase-card .elementor-widget-button .elementor-button{
    width: auto !important;
    min-width: 150px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    border-radius: 999px !important;
  }
}

/* Tablet clone */
@media (min-width: 768px) and (max-width: 1024px){
  .usecases .usecases-cards,
  .usecases .usecase-cards{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    padding: 0 16px !important;
  }

  .usecases .usecase-card{ padding: 14px !important; gap: 9px !important; }
  .usecases .usecase-image{ height: 200px !important; padding: 0 !important; }

  .usecases .usecase-image figure,
  .usecases .usecase-image .elementor-image{
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }

  .usecases .usecase-image img{
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center 55% !important;
  }

  .usecases .usecase-card .usecase-heading,
  .usecases .usecase-card .usecase-heading .elementor-heading-title{
    font-size: 17px !important;
    text-align: center !important;
    letter-spacing: -0.018em !important;
  }

  .usecases .usecase-card .elementor-widget-button{ margin-top: 10px !important; }
  .usecases .usecase-card .elementor-button-wrapper{ text-align: center !important; }
  .usecases .usecase-card .elementor-widget-button .elementor-button{
    width: auto !important;
    min-width: 150px !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    border-radius: 999px !important;
  }
}

/* Mobile */
@media (max-width: 767px){
  .usecases{ padding: 44px 0 !important; }

  .usecases-header{
    text-align: left !important;
    padding: 0 14px !important;
    margin: 0 auto 14px !important;
  }

  .usecases-title,
  .usecases-title .elementor-heading-title{
    font-size: 22px !important;
    line-height: 1.18 !important;
    letter-spacing: -0.02em !important;
    font-weight: 900 !important;
    margin: 0 0 8px !important;
  }

  .usecases-subtitle,
  .usecases-subtitle p{
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    max-width: 34ch;
  }

  .usecases .usecases-cards,
  .usecases .usecase-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 14px !important;
  }

  .usecases .usecase-card{
    padding: 12px !important;
    border-radius: 16px !important;
    gap: 5px !important;
  }

  .usecases .usecase-image{
    height: 130px !important;
    border-radius: 14px !important;
  }

  .usecases .usecase-card .usecase-heading,
  .usecases .usecase-card .usecase-heading .elementor-heading-title{
    font-size: 14px !important;
    text-align: center !important;
    min-height: 0 !important;
  }

  .usecases .usecase-card .usecase-text,
  .usecases .usecase-card .usecase-text p{
    font-size: 12.5px !important;
    min-height: 0 !important;
  }

  .usecases .usecase-card .elementor-widget-button{ margin-top: 7px !important; }
  .usecases .usecase-btn{ margin-top: 2px !important; }

  .usecases .usecase-btn .elementor-button{
    font-size: 11px !important;
    padding: 9px 10px !important;
  }

  .usecases .usecase-image img{
    object-fit: cover !important;
    object-position: center 55% !important;
  }
}

@media (max-width: 360px){
  .usecases .usecases-cards,
  .usecases .usecase-cards{ gap: 10px !important; }
  .usecases .usecase-image{ height: 120px !important; }
}


/* =========================================================
   5) FEATURED PRODUCTS (New Arrivals) — CLEAN MASTER
   - Add to cart hidden everywhere
   - Equal card heights (title 2 lines, price 1 line)
   Scope: ONLY .jago-featured
   ========================================================= */

.jago-featured{
  padding: clamp(54px, 5vw, 92px) 0 !important;
  background:
    radial-gradient(900px 320px at 18% 8%, rgba(226,207,184,.55), transparent 60%),
    radial-gradient(760px 320px at 88% 16%, rgba(239,231,214,.55), transparent 62%),
    linear-gradient(180deg, #ffffff 0%, rgba(255,255,255,.95) 42%, rgba(239,231,214,.22) 100%) !important;
}

.jago-featured .jago-featured-head{
  text-align: center !important;
  max-width: 860px !important;
  margin: 0 auto 22px !important;
  padding: 0 14px !important;
}

.jago-featured .jago-featured-title .elementor-heading-title{
  margin: 0 !important;
  font-size: clamp(28px, 3vw, 44px) !important;
  line-height: 1.06 !important;
  font-weight: 950 !important;
  letter-spacing: -0.035em !important;
  color: #0B0F14 !important;
}

.jago-featured .jago-featured-title .elementor-heading-title:after{
  content:"";
  display:block;
  width: 86px;
  height: 2px;
  border-radius: 999px;
  margin: 14px auto 0;
  background: linear-gradient(90deg, rgba(11,15,20,.26), rgba(11,15,20,.10), rgba(11,15,20,0));
}

.jago-featured .jago-featured-grid{
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: clamp(16px, 2.2vw, 26px) !important;

  background: linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.985) 100%) !important;
  border: 1px solid rgba(11,15,20,.10) !important;
  border-radius: 26px !important;
  box-shadow: 0 10px 26px rgba(11,15,20,.07) !important;

  position: relative !important;
  overflow: hidden !important;
}

.jago-featured .jago-featured-grid:before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  border-radius: 28px;
  background: radial-gradient(700px 140px at 50% 0%, rgba(239,231,214,.45), transparent 60%);
  opacity: .85;
}

.jago-featured .jago-featured-products ul.products{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(16px, 1.7vw, 22px) !important;
}

@media (max-width: 1024px){
  .jago-featured .jago-featured-products ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px){
  .jago-featured{ padding: 42px 0 !important; }
  .jago-featured .jago-featured-products ul.products{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  .jago-featured .jago-featured-grid{
    border-radius: 18px !important;
    padding: 14px !important;
  }
}

.jago-featured .jago-featured-products ul.products li.product{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(11,15,20,.10) !important;
  border-radius: 18px !important;
  overflow: hidden !important;

  padding: 14px 14px 16px !important;
  box-shadow: 0 16px 40px rgba(11,15,20,.08) !important;

  text-align: center !important;
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;

  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.jago-featured .jago-featured-products ul.products li.product:hover{
  transform: translateY(-4px);
  border-color: rgba(11,15,20,.16) !important;
  box-shadow: 0 22px 55px rgba(11,15,20,.12) !important;
}

.jago-featured .jago-featured-products ul.products li.product .onsale{
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 3 !important;

  background: rgba(11,15,20,.92) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 26px rgba(11,15,20,.18) !important;
}

.jago-featured .jago-featured-products a.woocommerce-LoopProduct-link,
.jago-featured .jago-featured-products .woocommerce-loop-product__link{
  display: block !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}

/* Base image size */
.jago-featured .jago-featured-products img.wp-post-image{
  width: 100% !important;
  height: 220px !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center 55% !important;

  border-radius: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  background: linear-gradient(180deg, rgba(237,232,208,.35), rgba(255,255,255,.20)) !important;
}

@media (max-width: 1024px){
  .jago-featured .jago-featured-products img.wp-post-image{ height: 200px !important; }
}

@media (max-width: 767px){
  .jago-featured .jago-featured-products ul.products li.product{
    padding: 12px 12px 14px !important;
    border-radius: 16px !important;
  }
  .jago-featured .jago-featured-products img.wp-post-image{
    height: 160px !important;
    border-radius: 14px !important;
  }
}

@media (max-width: 360px){
  .jago-featured .jago-featured-products img.wp-post-image{ height: 148px !important; }
}

.jago-featured .jago-featured-products ul.products li.product .posted_in,
.jago-featured .jago-featured-products ul.products li.product .woocommerce-loop-category__title,
.jago-featured .jago-featured-products ul.products li.product .product-category,
.jago-featured .jago-featured-products ul.products li.product .woolentor-loop-product-category,
.jago-featured .jago-featured-products ul.products li.product .woocommerce-loop-product__category{
  display: none !important;
}

.jago-featured .jago-featured-products ul.products li.product .woocommerce-loop-product__title{
  margin: 10px 0 10px 0 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: -0.015em !important;
  color: rgba(11,15,20,.92) !important;
  line-height: 1.25 !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;

  min-height: calc(1.25em * 2) !important;
}

@media (max-width: 767px){
  .jago-featured .jago-featured-products ul.products li.product .woocommerce-loop-product__title{
    font-size: 12.2px !important;
    font-weight: 650 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.22 !important;
    margin: 8px 0 8px 0 !important;
    min-height: calc(1.22em * 2) !important;
  }
}

@media (min-width: 1025px){
  .jago-featured .jago-featured-products ul.products li.product .woocommerce-loop-product__title{
    font-size: 13.5px !important;
    text-align: center !important;
    margin: 9px auto 8px !important;
    max-width: 26ch !important;
    line-height: 1.22 !important;
    min-height: calc(1.22em * 2) !important;
  }
}

.jago-featured .jago-featured-products ul.products li.product .price{
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;

  margin: 0 !important;
  font-size: 14.5px !important;
  font-weight: 950 !important;
  color: #0B0F14 !important;
  line-height: 1.2 !important;

  min-height: 1.2em !important;
}

.jago-featured .jago-featured-products ul.products li.product .price del{
  font-size: 13px !important;
  opacity: .38 !important;
}
.jago-featured .jago-featured-products ul.products li.product .price ins{
  font-size: 15px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}
.jago-featured .jago-featured-products ul.products li.product .price + .price{
  display: none !important;
}

@media (max-width: 767px){
  .jago-featured .jago-featured-products ul.products li.product .price{
    font-size: 13.2px !important;
    font-weight: 850 !important;
    min-height: 1.2em !important;
  }
}

@media (min-width: 1025px){
  .jago-featured .jago-featured-products ul.products li.product .price{
    font-size: 13.5px !important;
  }
}

/* Remove Add to cart (everywhere) */
.jago-featured .jago-featured-products ul.products li.product a.button,
.jago-featured .jago-featured-products ul.products li.product .added_to_cart,
.jago-featured .jago-featured-products ul.products li.product .ajax_add_to_cart{
  display: none !important;
}

/* Desktop stable 4:3 frame (unchanged look) */
@media (min-width: 1025px){
  .jago-featured .jago-featured-products ul.products li.product{
    padding: 12px 12px 14px !important;
    border-radius: 16px !important;
  }

  .jago-featured .jago-featured-products ul.products li.product a.woocommerce-LoopProduct-link,
  .jago-featured .jago-featured-products ul.products li.product .woocommerce-loop-product__link{
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    height: auto !important;
    overflow: hidden !important;
    border-radius: 14px !important;
    position: relative !important;

    background: linear-gradient(180deg, rgba(237,232,208,.35), rgba(255,255,255,.20)) !important;
    border: 1px solid rgba(2,6,23,.06) !important;
  }

  .jago-featured .jago-featured-products ul.products li.product img.wp-post-image{
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    float: none !important;
  }
}


/* =========================================================
   6) HERO: Remove WhatsApp (kept as you wanted)
   ========================================================= */
.hero-wrap .hero-btn--secondary{ display:none !important; }

.hero-wrap a.elementor-button[href*="wa.me"],
.hero-wrap a.elementor-button[href*="whatsapp"],
.hero-wrap a.elementor-button[href*="api.whatsapp.com"]{
  display:none !important;
}


/* =========================================================
   7) WHY JAGO — FINAL FORCE (Elementor overlay safe)
   - Keeps your gradient vibe
   - Stops overlay/inner wrappers from painting beige
   Paste stays at END
   ========================================================= */
.elementor-section.why-jago,
.elementor-element.why-jago{
  background-color:#fff !important;
  background-image:
    radial-gradient(900px 420px at 12% 10%, rgba(170,255,240,.14), transparent 60%),
    radial-gradient(900px 420px at 88% 30%, rgba(232,210,160,.12), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #fafbfc 100%) !important;
  background-repeat:no-repeat !important;
}

.elementor-section.why-jago > .elementor-background-overlay,
.elementor-element.why-jago > .elementor-background-overlay,
.why-jago > .elementor-background-overlay{
  background: transparent !important;
  background-image:none !important;
  opacity:0 !important;
}

.elementor-section.why-jago .elementor-container,
.elementor-section.why-jago .elementor-column,
.elementor-section.why-jago .elementor-widget-wrap,
.elementor-element.why-jago .elementor-container,
.elementor-element.why-jago .elementor-column,
.elementor-element.why-jago .elementor-widget-wrap{
  background: transparent !important;
  background-image:none !important;
}

/* =========================================================
   JAGO — WHY JAGO LIVE FIX (Elementor container safe)
   Paste at END of your CSS
   ========================================================= */

/* 0) IMPORTANT: make sure WHY JAGO outer section/container has class: why-jago */

/* 1) Background on the real wrapper (works for both section + container layouts) */
.why-jago,
.elementor-section.why-jago,
.elementor-element.why-jago,
.why-jago.e-con,
.why-jago.e-con-boxed,
.why-jago.e-con-full{
  background-color:#fff !important;
  background-image:
    radial-gradient(900px 420px at 12% 12%, rgba(170,255,240,.10), transparent 60%),
    radial-gradient(900px 420px at 88% 30%, rgba(232,210,160,.08), transparent 58%),
    linear-gradient(180deg, #ffffff 0%, #fbfcfe 55%, #ffffff 100%) !important;
  background-repeat:no-repeat !important;
}

/* 2) Kill Elementor overlay that often hides your CSS */
.why-jago > .elementor-background-overlay,
.elementor-section.why-jago > .elementor-background-overlay,
.elementor-element.why-jago > .elementor-background-overlay,
.why-jago > .e-con-overlay{
  background: transparent !important;
  background-image:none !important;
  opacity:0 !important;
}

/* 3) Inner wrappers must stay transparent so outer background is visible */
.why-jago :is(.elementor-container,.elementor-column,.elementor-widget-wrap,.e-con-inner){
  background: transparent !important;
  background-image:none !important;
}

/* 4) If any child has background set inline, force it off (still scoped to why-jago) */
.why-jago *{
  background-clip: padding-box;
}

/* =========================================================
   WHY JAGO — MICRO PATCH (Eyebrow black + Icon glyph black only)
   Safe: ONLY .why-jago section
   Paste at VERY END
   ========================================================= */

/* 1) "WHY JAGO" eyebrow text = pure black */
.why-jago .why-jago-eyebrow,
.why-jago .why-jago-eyebrow *{
  color:#0B0F14 !important;
}

/* 2) Icon inside the feature boxes = black (SVG + Font icons) */
.why-jago .why-jago-feature .elementor-icon{
  color:#0B0F14 !important; /* font icon */
}

/* Elementor icon box often uses <svg> or <i> — force both */
.why-jago .why-jago-feature .elementor-icon svg,
.why-jago .why-jago-feature .elementor-icon svg *{
  fill:#0B0F14 !important;
  stroke:#0B0F14 !important;
}

.why-jago .why-jago-feature .elementor-icon i{
  color:#0B0F14 !important;
}


/* =========================================
   JAGO – Hero Button Fixed Beige (No Hover Change)
========================================= */

/* Normal */
.hero-btn--primary .elementor-button,
.hero-btn--primary a.elementor-button {
    background: #E8DCC4 !important;
    border: 1px solid #E8DCC4 !important;
    color: #111 !important;
}

/* Text */
.hero-btn--primary .elementor-button .elementor-button-text {
    color: #111 !important;
}

/* Hover / Focus / Active সব অবস্থায় same থাকবে */
.hero-btn--primary .elementor-button:hover,
.hero-btn--primary .elementor-button:focus,
.hero-btn--primary .elementor-button:active {
    background: #E8DCC4 !important;
    border-color: #E8DCC4 !important;
    color: #111 !important;
}

/* Elementor animation override */
.hero-btn--primary .elementor-button:hover .elementor-button-text {
    color: #111 !important;
}


/* =========================================================
   JAGO — WHY JAGO ICON FULL COLOR CONTROL (FINAL HARD FIX)
   Beige side bars + Black phone
========================================================= */

/* 1) Reset everything first */
.why-jago .why-jago-feature .elementor-icon svg *{
  fill: unset !important;
  stroke: unset !important;
}

/* 2) Make the phone (main shape) BLACK */
.why-jago .why-jago-feature .elementor-icon svg path{
  fill: #0B0F14 !important;
}

/* 3) Make the icon container background soft beige */
.why-jago .why-jago-feature .elementor-icon{
  background: #EADCC4 !important;
}


/* WHY JAGO — Full underline pure beige */
.why-jago-title .elementor-heading-title::after{
    content: "";
    display: block;
    width: 70px;          /* চাইলে বাড়াতে পারেন */
    height: 4px;
    margin-top: 12px;
    background: #E8D8C3 !important;  /* Pure Beige */
    border: none !important;
}/* End custom CSS */