.elementor-18 .elementor-element.elementor-element-c1d6e40{--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:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--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-18 .elementor-element.elementor-element-c1d6e40:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-c1d6e40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://panenraya.id/wp-content/uploads/2026/06/background-our-product-panen-raya-diesel.webp");background-position:0px -133px;background-repeat:no-repeat;background-size:cover;}.elementor-18 .elementor-element.elementor-element-c1d6e40::before, .elementor-18 .elementor-element.elementor-element-c1d6e40 > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-c1d6e40 > .e-con-inner > .elementor-background-video-container::before, .elementor-18 .elementor-element.elementor-element-c1d6e40 > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-c1d6e40 > .e-con-inner > .elementor-background-slideshow::before, .elementor-18 .elementor-element.elementor-element-c1d6e40 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000AD;--background-overlay:'';}.elementor-18 .elementor-element.elementor-element-dceaa04{--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:flex-start;--align-items:stretch;--gap:5px 0px;--row-gap:5px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:36px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-18 .elementor-element.elementor-element-0b459cf{--display:flex;--min-height:82px;--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-c93e29a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-c93e29a .elementor-heading-title{font-size:28px;font-weight:700;line-height:1em;}.elementor-18 .elementor-element.elementor-element-7103f4a{width:var( --container-widget-width, 520px );max-width:520px;margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:520px;--container-widget-flex-grow:0;font-size:14px;font-weight:400;line-height:1.3em;}.elementor-18 .elementor-element.elementor-element-7103f4a.elementor-element{--align-self:flex-start;}.elementor-18 .elementor-element.elementor-element-46d0f88{--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:flex-start;--align-items:stretch;--gap:6px 10px;--row-gap:6px;--column-gap:10px;--flex-wrap:wrap;--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-18 .elementor-element.elementor-element-46d0f88.e-con{--align-self:stretch;}.elementor-18 .elementor-element.elementor-element-f4800c9{--display:flex;--min-height:84px;--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-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FCB301;--border-color:#FCB301;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-f4800c9:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-f4800c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-18 .elementor-element.elementor-element-f4800c9.e-con{--order:-99999 /* order start hack */;}.elementor-18 .elementor-element.elementor-element-9ffe449{--display:flex;--min-height:32px;--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FCB301;--border-color:#FCB301;--border-radius:6px 6px 6px 6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-9ffe449.e-con{--align-self:flex-start;}.elementor-18 .elementor-element.elementor-element-654a687{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-654a687.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-654a687 .elementor-heading-title{font-size:24px;font-weight:700;line-height:1rem;}.elementor-18 .elementor-element.elementor-element-86d5d09{--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:3px 3px;--row-gap:3px;--column-gap:3px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2.5px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-8e13c86{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 3px) 0px;}.elementor-18 .elementor-element.elementor-element-8e13c86 .elementor-heading-title{font-size:16px;font-weight:700;line-height:1em;}.elementor-18 .elementor-element.elementor-element-45221a2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:11.5px;font-weight:500;line-height:1.18em;}.elementor-18 .elementor-element.elementor-element-f0df4d3{--display:flex;--min-height:100%;--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-end;--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-18 .elementor-element.elementor-element-2f08057{z-index:999;}.elementor-18 .elementor-element.elementor-element-7ca5b44{--display:flex;--min-height:84px;--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-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FCB301;--border-color:#FCB301;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-7ca5b44:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-7ca5b44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-18 .elementor-element.elementor-element-7ca5b44.e-con{--order:-99999 /* order start hack */;}.elementor-18 .elementor-element.elementor-element-bbfc676{--display:flex;--min-height:32px;--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FCB301;--border-color:#FCB301;--border-radius:6px 6px 6px 6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-bbfc676.e-con{--align-self:flex-start;}.elementor-18 .elementor-element.elementor-element-7863418{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-7863418.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-7863418 .elementor-heading-title{font-size:24px;font-weight:700;line-height:1rem;}.elementor-18 .elementor-element.elementor-element-e306d45{--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:flex-start;--align-items:flex-start;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--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-18 .elementor-element.elementor-element-ccd826b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 3px) 0px;}.elementor-18 .elementor-element.elementor-element-ccd826b .elementor-heading-title{font-size:16px;font-weight:700;line-height:1em;}.elementor-18 .elementor-element.elementor-element-26f84e5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:11.5px;font-weight:500;line-height:1.18em;}.elementor-18 .elementor-element.elementor-element-5477e7f{--display:flex;--min-height:100%;--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-end;--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-18 .elementor-element.elementor-element-d36a8ab{z-index:999;}.elementor-18 .elementor-element.elementor-element-8a2ba7e{--display:flex;--min-height:84px;--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-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FCB301;--border-color:#FCB301;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-8a2ba7e:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-8a2ba7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-18 .elementor-element.elementor-element-8a2ba7e.e-con{--order:-99999 /* order start hack */;}.elementor-18 .elementor-element.elementor-element-6e0c630{--display:flex;--min-height:32px;--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FCB301;--border-color:#FCB301;--border-radius:6px 6px 6px 6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-6e0c630.e-con{--align-self:flex-start;}.elementor-18 .elementor-element.elementor-element-c8dab9c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-c8dab9c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-c8dab9c .elementor-heading-title{font-size:24px;font-weight:700;line-height:1rem;}.elementor-18 .elementor-element.elementor-element-2dd307a{--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:3px 3px;--row-gap:3px;--column-gap:3px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2.5px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-2dd307a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-47bb73c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 3px) 0px;}.elementor-18 .elementor-element.elementor-element-47bb73c .elementor-heading-title{font-size:16px;font-weight:700;line-height:1em;}.elementor-18 .elementor-element.elementor-element-74b4cf2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:11.5px;font-weight:500;line-height:1.18em;}.elementor-18 .elementor-element.elementor-element-40ee85d{--display:flex;--min-height:100%;--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-end;--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-18 .elementor-element.elementor-element-a530fb3{z-index:999;}.elementor-18 .elementor-element.elementor-element-93aa6e6{--display:flex;--min-height:84px;--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-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FCB301;--border-color:#FCB301;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-93aa6e6:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-93aa6e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-18 .elementor-element.elementor-element-93aa6e6.e-con{--order:-99999 /* order start hack */;}.elementor-18 .elementor-element.elementor-element-1d5ba7a{--display:flex;--min-height:32px;--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FCB301;--border-color:#FCB301;--border-radius:6px 6px 6px 6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-1d5ba7a.e-con{--align-self:flex-start;}.elementor-18 .elementor-element.elementor-element-f30f44d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-f30f44d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-f30f44d .elementor-heading-title{font-size:24px;font-weight:700;line-height:1rem;}.elementor-18 .elementor-element.elementor-element-efc13dc{--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:3px 3px;--row-gap:3px;--column-gap:3px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2.5px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-67e7a8e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 3px) 0px;}.elementor-18 .elementor-element.elementor-element-67e7a8e .elementor-heading-title{font-size:16px;font-weight:700;line-height:1em;}.elementor-18 .elementor-element.elementor-element-5bfca43{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:11.5px;font-weight:500;line-height:1.18em;}.elementor-18 .elementor-element.elementor-element-3629417{--display:flex;--min-height:100%;--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-end;--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-18 .elementor-element.elementor-element-ea5f5c2{z-index:999;}.elementor-18 .elementor-element.elementor-element-5bd3e33{--display:flex;--min-height:64px;--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-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FCB301;--border-color:#FCB301;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-5bd3e33:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-5bd3e33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-18 .elementor-element.elementor-element-4e962e9{--display:flex;--min-height:32px;--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:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FCB301;--border-color:#FCB301;--border-radius:6px 6px 6px 6px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-4e962e9.e-con{--align-self:flex-start;}.elementor-18 .elementor-element.elementor-element-7a1789b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-7a1789b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-7a1789b .elementor-heading-title{font-size:24px;font-weight:700;line-height:1rem;}.elementor-18 .elementor-element.elementor-element-6577319{--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:3px 3px;--row-gap:3px;--column-gap:3px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2.5px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-6577319.e-con{--align-self:flex-start;}.elementor-18 .elementor-element.elementor-element-33af099{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 3px) 0px;}.elementor-18 .elementor-element.elementor-element-33af099 .elementor-heading-title{font-size:16px;font-weight:700;line-height:1em;}.elementor-18 .elementor-element.elementor-element-1187152{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:11.5px;font-weight:400;line-height:1.18em;}.elementor-18 .elementor-element.elementor-element-596e410{--display:flex;--min-height:100%;--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-end;--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-18 .elementor-element.elementor-element-0aae287.elementor-element{--align-self:flex-start;}.elementor-18 .elementor-element.elementor-element-0aae287{z-index:999;}.elementor-18 .elementor-element.elementor-element-446551c{--display:flex;--min-height:100%;--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-end;--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-18 .elementor-element.elementor-element-0943abf.elementor-element{--align-self:flex-start;}.elementor-18 .elementor-element.elementor-element-7952044{--display:flex;}.elementor-18 .elementor-element.elementor-element-90c5b7f{--display:flex;--min-height:64px;--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:space-between;--align-items:center;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-dc8a7ae{--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:flex-start;--align-items:flex-start;--gap:22px 22px;--row-gap:22px;--column-gap:22px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:20px;--padding-left:0px;--padding-right:28px;}.elementor-18 .elementor-element.elementor-element-dc8a7ae.e-con{--align-self:stretch;}.elementor-18 .elementor-element.elementor-element-78c008f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-18 .elementor-element.elementor-element-78c008f img{width:170px;max-width:100%;}.elementor-18 .elementor-element.elementor-element-4da0b30{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-18 .elementor-element.elementor-element-4da0b30 .elementor-heading-title{font-size:18px;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0.2px;color:#FFFFFF;}.elementor-18 .elementor-element.elementor-element-a18f111{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:13px;font-weight:400;line-height:1.18em;}.elementor-18 .elementor-element.elementor-element-000d6d6{--display:flex;--min-height:64px;--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;--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-18 .elementor-element.elementor-element-0a63947{--display:flex;}.elementor-18 .elementor-element.elementor-element-0a63947.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-0847754{--e-image-carousel-slides-to-show:3;margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;z-index:999;}.elementor-18 .elementor-element.elementor-element-0847754.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-18 .elementor-element.elementor-element-0847754 .swiper-wrapper{display:flex;align-items:center;}@media(max-width:1366px){.elementor-18 .elementor-element.elementor-element-0847754{width:var( --container-widget-width, 531.219px );max-width:531.219px;--container-widget-width:531.219px;--container-widget-flex-grow:0;}}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-c1d6e40:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-c1d6e40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-18 .elementor-element.elementor-element-0847754{--e-image-carousel-slides-to-show:3;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-c1d6e40:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-c1d6e40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://panenraya.id/wp-content/uploads/2026/07/New-Project-5.webp");background-position:top right;background-size:465px auto;}.elementor-18 .elementor-element.elementor-element-c1d6e40{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.23;}.elementor-18 .elementor-element.elementor-element-dceaa04{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:16px;--padding-right:16px;}.elementor-18 .elementor-element.elementor-element-0b459cf{--min-height:0px;--justify-content:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-46d0f88{--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 0px;--row-gap:10px;--column-gap:0px;--flex-wrap:nowrap;--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-18 .elementor-element.elementor-element-f4800c9{--min-height:0px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 12px;--row-gap:10px;--column-gap:12px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:12px;--padding-left:14px;--padding-right:14px;}.elementor-18 .elementor-element.elementor-element-9ffe449{--width:36px;--min-height:36px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-18 .elementor-element.elementor-element-86d5d09{--justify-content:flex-start;--gap:3px 0px;--row-gap:3px;--column-gap:0px;--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-18 .elementor-element.elementor-element-f0df4d3{--justify-content:center;--margin-top:8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-7ca5b44{--min-height:0px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 12px;--row-gap:10px;--column-gap:12px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:12px;--padding-left:14px;--padding-right:14px;}.elementor-18 .elementor-element.elementor-element-e306d45{--justify-content:flex-start;--gap:3px 0px;--row-gap:3px;--column-gap:0px;--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-18 .elementor-element.elementor-element-8a2ba7e{--min-height:0px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 12px;--row-gap:10px;--column-gap:12px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:12px;--padding-left:14px;--padding-right:14px;}.elementor-18 .elementor-element.elementor-element-2dd307a{--justify-content:flex-start;--gap:3px 0px;--row-gap:3px;--column-gap:0px;--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-18 .elementor-element.elementor-element-93aa6e6{--min-height:0px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 12px;--row-gap:10px;--column-gap:12px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:12px;--padding-left:14px;--padding-right:14px;}.elementor-18 .elementor-element.elementor-element-efc13dc{--justify-content:flex-start;--gap:3px 0px;--row-gap:3px;--column-gap:0px;--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-18 .elementor-element.elementor-element-6577319{--width:100%;--justify-content:flex-start;--padding-top:10px;--padding-bottom:4px;--padding-left:14px;--padding-right:52px;}.elementor-18 .elementor-element.elementor-element-33af099{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 3px) 0px;text-align:start;}.elementor-18 .elementor-element.elementor-element-33af099 .elementor-heading-title{font-size:17px;line-height:1.05em;letter-spacing:0px;}.elementor-18 .elementor-element.elementor-element-1187152{padding:0px 0px 0px 0px;text-align:start;font-size:12px;line-height:1.22em;letter-spacing:0px;}.elementor-18 .elementor-element.elementor-element-4da0b30{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 3px) 0px;text-align:start;}.elementor-18 .elementor-element.elementor-element-4da0b30 .elementor-heading-title{font-size:17px;line-height:1.05em;letter-spacing:0px;}.elementor-18 .elementor-element.elementor-element-a18f111{padding:0px 0px 0px 0px;text-align:start;font-size:12px;line-height:1.22em;letter-spacing:0px;}.elementor-18 .elementor-element.elementor-element-0847754{--e-image-carousel-slides-to-show:2;}}@media(min-width:768px){.elementor-18 .elementor-element.elementor-element-c1d6e40{--width:100%;}.elementor-18 .elementor-element.elementor-element-dceaa04{--width:100%;}.elementor-18 .elementor-element.elementor-element-0b459cf{--width:100%;}.elementor-18 .elementor-element.elementor-element-46d0f88{--width:100%;}.elementor-18 .elementor-element.elementor-element-9ffe449{--width:32px;}.elementor-18 .elementor-element.elementor-element-86d5d09{--width:44%;}.elementor-18 .elementor-element.elementor-element-f0df4d3{--width:47%;}.elementor-18 .elementor-element.elementor-element-bbfc676{--width:32px;}.elementor-18 .elementor-element.elementor-element-e306d45{--width:44%;}.elementor-18 .elementor-element.elementor-element-5477e7f{--width:47%;}.elementor-18 .elementor-element.elementor-element-6e0c630{--width:32px;}.elementor-18 .elementor-element.elementor-element-2dd307a{--width:44%;}.elementor-18 .elementor-element.elementor-element-40ee85d{--width:47%;}.elementor-18 .elementor-element.elementor-element-1d5ba7a{--width:32px;}.elementor-18 .elementor-element.elementor-element-efc13dc{--width:44%;}.elementor-18 .elementor-element.elementor-element-3629417{--width:47%;}.elementor-18 .elementor-element.elementor-element-4e962e9{--width:32px;}.elementor-18 .elementor-element.elementor-element-6577319{--width:35.5%;}.elementor-18 .elementor-element.elementor-element-596e410{--width:60%;}.elementor-18 .elementor-element.elementor-element-446551c{--width:60%;}.elementor-18 .elementor-element.elementor-element-90c5b7f{--width:100%;}.elementor-18 .elementor-element.elementor-element-dc8a7ae{--width:43%;}.elementor-18 .elementor-element.elementor-element-000d6d6{--width:1px;}.elementor-18 .elementor-element.elementor-element-0a63947{--width:58%;}}@media(max-width:1366px) and (min-width:768px){.elementor-18 .elementor-element.elementor-element-2dd307a{--width:259.438px;}.elementor-18 .elementor-element.elementor-element-0a63947{--width:548.219px;}}/* Start custom CSS for heading, class: .elementor-element-c93e29a *//* =========================================
   HEADING OUR PRODUCTS
   ========================================= */

.elementor-18 .elementor-element.elementor-element-c93e29a {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

.elementor-18 .elementor-element.elementor-element-c93e29a .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  line-height: 1.05 !important;
}

/* Warna kata PRODUCTS */
.elementor-18 .elementor-element.elementor-element-c93e29a .orange-text {
  color: #FCB301;
}

/* Pembungkus kata OUR */
.elementor-18 .elementor-element.elementor-element-c93e29a .our-word {
  position: relative;
  display: inline-block;
}

/* Garis kuning */
.elementor-18 .elementor-element.elementor-element-c93e29a .our-word::after {
  content: "";
  position: absolute;

  left: 0;
  bottom: -5px;

  width: 69px;
  height: 3px;

  background-color: #FCB301;
  border-radius: 1.5px;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-c93e29a {
    margin-bottom: 10px !important;
  }

  .elementor-18 .elementor-element.elementor-element-c93e29a .elementor-heading-title {
    font-size: clamp(22px, 6.5vw, 25px) !important;
    line-height: 1.05 !important;
  }

  .elementor-18 .elementor-element.elementor-element-c93e29a .our-word::after {
    bottom: -4px;
    width: 55px;
    height: 2.5px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7103f4a *//* =========================================
   PRODUCTS — INTRO TEXT
   MASTER BODY TEXT: #ECEFF1
   ========================================= */

.elementor-18 .elementor-element.elementor-element-7103f4a {
  margin: 0 !important;
  padding: 7px 0 0 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-7103f4a .elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-7103f4a p {
  margin: 0 !important;
  padding: 0 !important;

  color: #ECEFF1 !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}


/* =========================================
   LAPTOP PENDEK
   ========================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-18 .elementor-element.elementor-element-7103f4a p {
    font-size: 14px !important;
    line-height: 1.3 !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-7103f4a {
    padding-top: 0 !important;
  }

  .elementor-18 .elementor-element.elementor-element-7103f4a p {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-654a687 */.elementor-18 .elementor-element.elementor-element-654a687 .elementor-heading-title {
  margin: 0;
  padding: 0;
  line-height: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9ffe449 */.elementor-18 .elementor-element.elementor-element-9ffe449 {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 !important;
  margin: 0;

  border: 1px solid #FCB301;
  border-radius: 5px;
  box-sizing: border-box;
}

.elementor-18 .elementor-element.elementor-element-9ffe449 {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 !important;
  margin: 0;

  border: 1px solid #FCB301;
  border-radius: 5px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-9ffe449 {
    flex: 0 0 36px !important;
    order: 1;
    align-self: flex-start;
    margin: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8e13c86 */@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-8e13c86 .elementor-heading-title {
    font-size: clamp(17px, 4.7vw, 20px);
    line-height: 1.08;
  }
}

.product-card-title {
  margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-45221a2 *//* =========================================
   PRODUCT CARD — BRAND LIST
   MASTER SECONDARY TEXT: #BFC5CC
   ========================================= */

.elementor-18 .elementor-element.elementor-element-45221a2 {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-45221a2 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-45221a2 p {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #BFC5CC !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;

  text-transform: uppercase;

  box-sizing: border-box !important;
}


/* =========================================
   LAPTOP PENDEK
   ========================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-18 .elementor-element.elementor-element-45221a2 p {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-18 .elementor-element.elementor-element-45221a2 p {
    font-size: 12px !important;
    line-height: 1.24 !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-45221a2,
  .elementor-18 .elementor-element.elementor-element-45221a2 p {
    font-size: clamp(12px, 3.35vw, 14px) !important;
    line-height: 1.25 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86d5d09 *//* DESKTOP */
@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-86d5d09 {
    align-self: flex-start !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;

    margin: 0 !important;
    padding: 0 0 0 16px !important;

    gap: 2px !important;
    box-sizing: border-box;
  }

  .elementor-18 .elementor-element.elementor-element-86d5d09 .elementor-widget-heading,
  .elementor-18 .elementor-element.elementor-element-86d5d09 .elementor-widget-text-editor {
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-18 .elementor-element.elementor-element-86d5d09 .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
  }

  .elementor-18 .elementor-element.elementor-element-86d5d09 .elementor-widget-text-editor p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
  }
}


/* MOBILE PORTRAIT */
@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-86d5d09 {
    width: calc(100% - 48px) !important;
    flex: 1 1 calc(100% - 48px) !important;
    min-width: 0;

    order: 2;

    margin: 0 !important;
    padding: 0 !important;

    align-self: flex-start !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;

    gap: 2px !important;
    box-sizing: border-box;
  }

  .elementor-18 .elementor-element.elementor-element-86d5d09 .elementor-widget-heading,
  .elementor-18 .elementor-element.elementor-element-86d5d09 .elementor-widget-text-editor {
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-18 .elementor-element.elementor-element-86d5d09 .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
  }

  .elementor-18 .elementor-element.elementor-element-86d5d09 .elementor-widget-text-editor p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
  }
}

/* Jarak judul dengan daftar merek — desktop */
@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-86d5d09 {
    gap: 5px !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2f08057 */.elementor-18 .elementor-element.elementor-element-2f08057 {
  width: 100%;
  text-align: right;
}

.elementor-18 .elementor-element.elementor-element-2f08057 img {
  max-height: 89px;
  width: auto;
  object-fit: contain;
  object-position: right center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0df4d3 */@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-f0df4d3 {
    width: 96% !important;
    max-width: 96% !important;
    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 96% !important;
    align-self: flex-end;
    order: 3;

    margin-top: -12px !important;
    margin-right: -14px !important;
    margin-bottom: -10px !important;
    margin-left: auto !important;

    padding: 0 !important;
    box-sizing: border-box;

    display: flex;
    align-items: flex-end;
    justify-content: flex-end;

    overflow: hidden;
    border-radius: 0 0 5px 0;
  }

  .elementor-18 .elementor-element.elementor-element-f0df4d3 img {
    display: block;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: clamp(108px, 31vw, 122px);

    object-fit: contain;
    object-position: right bottom;

    transform: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4800c9 */.elementor-18 .elementor-element.elementor-element-f4800c9 {
  width: calc(50% - 5px);
}

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-f4800c9 {
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7863418 */.elementor-18 .elementor-element.elementor-element-7863418 .elementor-heading-title {
  margin: 0;
  padding: 0;
  line-height: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbfc676 */.elementor-18 .elementor-element.elementor-element-bbfc676 {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 !important;
  margin: 0;

  border: 1px solid #FCB301;
  border-radius: 5px;
  box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-26f84e5 *//* =========================================
   PRODUCT CARD — BRAND LIST
   MASTER SECONDARY TEXT: #BFC5CC
   ========================================= */

.elementor-18 .elementor-element.elementor-element-26f84e5 {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-26f84e5 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-26f84e5 p {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #BFC5CC !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;

  text-transform: uppercase;

  box-sizing: border-box !important;
}


/* =========================================
   LAPTOP PENDEK
   ========================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-18 .elementor-element.elementor-element-26f84e5 p {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-18 .elementor-element.elementor-element-26f84e5 p {
    font-size: 12px !important;
    line-height: 1.24 !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-26f84e5,
  .elementor-18 .elementor-element.elementor-element-26f84e5 p {
    font-size: clamp(12px, 3.35vw, 14px) !important;
    line-height: 1.25 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e306d45 *//* DESKTOP */
@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-e306d45 {
    align-self: flex-start !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;

    margin: 0 !important;
    padding: 0 0 0 16px !important;

    gap: 2px !important;
    box-sizing: border-box;
  }

  .elementor-18 .elementor-element.elementor-element-e306d45 .elementor-widget-heading,
  .elementor-18 .elementor-element.elementor-element-e306d45 .elementor-widget-text-editor {
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-18 .elementor-element.elementor-element-e306d45 .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
  }

  .elementor-18 .elementor-element.elementor-element-e306d45 .elementor-widget-text-editor p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
  }
}


/* MOBILE PORTRAIT */
@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-e306d45 {
    width: calc(100% - 48px) !important;
    flex: 1 1 calc(100% - 48px) !important;
    min-width: 0;

    order: 2;

    margin: 0 !important;
    padding: 0 !important;

    align-self: flex-start !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;

    gap: 2px !important;
    box-sizing: border-box;
  }

  .elementor-18 .elementor-element.elementor-element-e306d45 .elementor-widget-heading,
  .elementor-18 .elementor-element.elementor-element-e306d45 .elementor-widget-text-editor {
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-18 .elementor-element.elementor-element-e306d45 .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
  }

  .elementor-18 .elementor-element.elementor-element-e306d45 .elementor-widget-text-editor p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
  }
}

/* Jarak judul dengan daftar merek — desktop */
@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-e306d45 {
    gap: 5px !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d36a8ab */.elementor-18 .elementor-element.elementor-element-d36a8ab {
  width: 100%;
  text-align: right;
}

.elementor-18 .elementor-element.elementor-element-d36a8ab img {
  max-height: 89px;
  width: auto;
  object-fit: contain;
  object-position: right center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5477e7f */@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-5477e7f {
    width: 96% !important;
    max-width: 96% !important;
    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 96% !important;
    align-self: flex-end;
    order: 3;

    margin-top: -12px !important;
    margin-right: -14px !important;
    margin-bottom: -10px !important;
    margin-left: auto !important;

    padding: 0 !important;
    box-sizing: border-box;

    display: flex;
    align-items: flex-end;
    justify-content: flex-end;

    overflow: hidden;
    border-radius: 0 0 5px 0;
  }

  .elementor-18 .elementor-element.elementor-element-5477e7f img {
    display: block;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: clamp(108px, 31vw, 122px);

    object-fit: contain;
    object-position: right bottom;

    transform: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ca5b44 */.elementor-18 .elementor-element.elementor-element-7ca5b44 {
  width: calc(50% - 5px);

  position: relative;
  isolation: isolate;

  /* Border asli dibuat transparan agar tidak dobel */
  border: 1px solid transparent !important;
  border-radius: 5px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-7ca5b44 {
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
  }
}

/* Border pengganti ditampilkan di atas gambar */
.elementor-18 .elementor-element.elementor-element-7ca5b44::after {
  content: "";
  position: absolute;
  inset: 0;

  border: 1px solid #FCB301;
  border-radius: inherit;
  box-sizing: border-box;

  pointer-events: none;
  z-index: 9999;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c8dab9c */.elementor-18 .elementor-element.elementor-element-c8dab9c .elementor-heading-title {
  margin: 0;
  padding: 0;
  line-height: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6e0c630 */.elementor-18 .elementor-element.elementor-element-6e0c630 {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 !important;
  margin: 0;

  border: 1px solid #FCB301;
  border-radius: 5px;
  box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-74b4cf2 *//* =========================================
   PRODUCT CARD — BRAND LIST
   MASTER SECONDARY TEXT: #BFC5CC
   ========================================= */

.elementor-18 .elementor-element.elementor-element-74b4cf2 {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-74b4cf2 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-74b4cf2 p {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #BFC5CC !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;

  text-transform: uppercase;

  box-sizing: border-box !important;
}


/* =========================================
   LAPTOP PENDEK
   ========================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-18 .elementor-element.elementor-element-74b4cf2 p {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-18 .elementor-element.elementor-element-74b4cf2 p {
    font-size: 12px !important;
    line-height: 1.24 !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-74b4cf2,
  .elementor-18 .elementor-element.elementor-element-74b4cf2 p {
    font-size: clamp(12px, 3.35vw, 14px) !important;
    line-height: 1.25 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2dd307a *//* DESKTOP */
@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-2dd307a {
    align-self: flex-start !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;

    margin: 0 !important;
    padding: 0 0 0 16px !important;

    gap: 2px !important;
    box-sizing: border-box;
  }

  .elementor-18 .elementor-element.elementor-element-2dd307a .elementor-widget-heading,
  .elementor-18 .elementor-element.elementor-element-2dd307a .elementor-widget-text-editor {
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-18 .elementor-element.elementor-element-2dd307a .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
  }

  .elementor-18 .elementor-element.elementor-element-2dd307a .elementor-widget-text-editor p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
  }
}


/* MOBILE PORTRAIT */
@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-2dd307a {
    width: calc(100% - 48px) !important;
    flex: 1 1 calc(100% - 48px) !important;
    min-width: 0;

    order: 2;

    margin: 0 !important;
    padding: 0 !important;

    align-self: flex-start !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;

    gap: 2px !important;
    box-sizing: border-box;
  }

  .elementor-18 .elementor-element.elementor-element-2dd307a .elementor-widget-heading,
  .elementor-18 .elementor-element.elementor-element-2dd307a .elementor-widget-text-editor {
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-18 .elementor-element.elementor-element-2dd307a .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
  }

  .elementor-18 .elementor-element.elementor-element-2dd307a .elementor-widget-text-editor p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
  }
}

/* Jarak judul dengan daftar merek — desktop */
@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-2dd307a {
    gap: 5px !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a530fb3 */.elementor-18 .elementor-element.elementor-element-a530fb3 {
  width: 100%;
  text-align: right;
}

.elementor-18 .elementor-element.elementor-element-a530fb3 img {
  max-height: 89px;
  width: auto;
  object-fit: contain;
  object-position: right center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-40ee85d */@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-40ee85d {
    width: 96% !important;
    max-width: 96% !important;
    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 96% !important;
    align-self: flex-end;
    order: 3;

    margin-top: -12px !important;
    margin-right: -14px !important;
    margin-bottom: -10px !important;
    margin-left: auto !important;

    padding: 0 !important;
    box-sizing: border-box;

    display: flex;
    align-items: flex-end;
    justify-content: flex-end;

    overflow: hidden;
    border-radius: 0 0 5px 0;
  }

  .elementor-18 .elementor-element.elementor-element-40ee85d img {
    display: block;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: clamp(108px, 31vw, 122px);

    object-fit: contain;
    object-position: right bottom;

    transform: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8a2ba7e */.elementor-18 .elementor-element.elementor-element-8a2ba7e {
  width: calc(50% - 5px);
}

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-8a2ba7e {
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-f30f44d */.elementor-18 .elementor-element.elementor-element-f30f44d .elementor-heading-title {
  margin: 0;
  padding: 0;
  line-height: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d5ba7a */.elementor-18 .elementor-element.elementor-element-1d5ba7a {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 !important;
  margin: 0;

  border: 1px solid #FCB301;
  border-radius: 5px;
  box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5bfca43 *//* =========================================
   PRODUCT CARD — BRAND LIST
   MASTER SECONDARY TEXT: #BFC5CC
   ========================================= */

.elementor-18 .elementor-element.elementor-element-5bfca43 {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-5bfca43 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-5bfca43 p {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #BFC5CC !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;

  text-transform: uppercase;

  box-sizing: border-box !important;
}


/* =========================================
   LAPTOP PENDEK
   ========================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-18 .elementor-element.elementor-element-5bfca43 p {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-18 .elementor-element.elementor-element-5bfca43 p {
    font-size: 12px !important;
    line-height: 1.24 !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-5bfca43,
  .elementor-18 .elementor-element.elementor-element-5bfca43 p {
    font-size: clamp(12px, 3.35vw, 14px) !important;
    line-height: 1.25 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-efc13dc *//* DESKTOP */
@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-efc13dc {
    align-self: flex-start !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;

    margin: 0 !important;
    padding: 0 0 0 16px !important;

    gap: 2px !important;
    box-sizing: border-box;
  }

  .elementor-18 .elementor-element.elementor-element-efc13dc .elementor-widget-heading,
  .elementor-18 .elementor-element.elementor-element-efc13dc .elementor-widget-text-editor {
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-18 .elementor-element.elementor-element-efc13dc .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
  }

  .elementor-18 .elementor-element.elementor-element-efc13dc .elementor-widget-text-editor p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
  }
}


/* MOBILE PORTRAIT */
@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-efc13dc {
    width: calc(100% - 48px) !important;
    flex: 1 1 calc(100% - 48px) !important;
    min-width: 0;

    order: 2;

    margin: 0 !important;
    padding: 0 !important;

    align-self: flex-start !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;

    gap: 2px !important;
    box-sizing: border-box;
  }

  .elementor-18 .elementor-element.elementor-element-efc13dc .elementor-widget-heading,
  .elementor-18 .elementor-element.elementor-element-efc13dc .elementor-widget-text-editor {
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-18 .elementor-element.elementor-element-efc13dc .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
  }

  .elementor-18 .elementor-element.elementor-element-efc13dc .elementor-widget-text-editor p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
  }
}

/* Jarak judul dengan daftar merek — desktop */
@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-efc13dc {
    gap: 5px !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ea5f5c2 */.elementor-18 .elementor-element.elementor-element-ea5f5c2 {
  width: 100%;
  text-align: right;
}

.elementor-18 .elementor-element.elementor-element-ea5f5c2 img {
  max-height: 89px;
  width: auto;
  object-fit: contain;
  object-position: right center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3629417 */@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-3629417 {
    width: 96% !important;
    max-width: 96% !important;
    height: auto !important;
    min-height: 0 !important;

    flex: 0 0 96% !important;
    align-self: flex-end;
    order: 3;

    margin-top: -12px !important;
    margin-right: -14px !important;
    margin-bottom: -10px !important;
    margin-left: auto !important;

    padding: 0 !important;
    box-sizing: border-box;

    display: flex;
    align-items: flex-end;
    justify-content: flex-end;

    overflow: hidden;
    border-radius: 0 0 5px 0;
  }

  .elementor-18 .elementor-element.elementor-element-3629417 img {
    display: block;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: clamp(108px, 31vw, 122px);

    object-fit: contain;
    object-position: right bottom;

    transform: none !important;

    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93aa6e6 */.elementor-18 .elementor-element.elementor-element-93aa6e6 {
  width: calc(50% - 5px);
}

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-93aa6e6 {
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a1789b */.elementor-18 .elementor-element.elementor-element-7a1789b .elementor-heading-title {
  margin: 0;
  padding: 0;
  line-height: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e962e9 */.elementor-18 .elementor-element.elementor-element-4e962e9 {
  width: 36px !important;
  height: 36px !important;

  min-width: 36px !important;
  min-height: 36px !important;

  max-width: 36px !important;
  max-height: 36px !important;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 !important;
  margin: 0;

  border: 1px solid #FCB301;
  border-radius: 5px;

  box-sizing: border-box;
}


/* Posisi Number Box di mobile */
@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-4e962e9 {
    grid-area: number !important;

    width: 36px !important;
    height: 36px !important;

    flex: 0 0 36px !important;

    justify-self: start !important;
    align-self: start !important;

    order: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-33af099 */@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-33af099 .elementor-heading-title {
    font-size: clamp(16px, 4.3vw, 18px) !important;
    line-height: 1.05 !important;
    margin: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1187152 *//* =========================================
   PRODUCT CARD — BRAND LIST
   MASTER SECONDARY TEXT: #BFC5CC
   ========================================= */

.elementor-18 .elementor-element.elementor-element-1187152 {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-1187152 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-1187152 p {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #BFC5CC !important;

  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;

  text-transform: uppercase;

  box-sizing: border-box !important;
}


/* =========================================
   LAPTOP PENDEK
   ========================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-18 .elementor-element.elementor-element-1187152 p {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-18 .elementor-element.elementor-element-1187152 p {
    font-size: 12px !important;
    line-height: 1.24 !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-1187152,
  .elementor-18 .elementor-element.elementor-element-1187152 p {
    font-size: clamp(12px, 3.35vw, 14px) !important;
    line-height: 1.25 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6577319 *//* ========================================
   DESKTOP — SAMAKAN DENGAN CARD 1–4
======================================== */
@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-6577319 {
    align-self: flex-start !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 0 0 16px !important;

    gap: 2px !important;
    box-sizing: border-box;
  }

  .elementor-18 .elementor-element.elementor-element-6577319 .elementor-widget-heading,
  .elementor-18 .elementor-element.elementor-element-6577319 .elementor-widget-text-editor {
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-18 .elementor-element.elementor-element-6577319 .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
  }

  .elementor-18 .elementor-element.elementor-element-6577319 .elementor-widget-text-editor,
  .elementor-18 .elementor-element.elementor-element-6577319 .elementor-widget-text-editor p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
  }
}


/* ========================================
   MOBILE — PERTAHANKAN STRUKTUR GRID CARD 5
======================================== */
@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-6577319 {
    grid-area: text !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    flex: none !important;
    order: 0 !important;

    justify-self: stretch !important;
    align-self: start !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 2px !important;
    box-sizing: border-box;
  }

  .elementor-18 .elementor-element.elementor-element-6577319 .elementor-widget-heading,
  .elementor-18 .elementor-element.elementor-element-6577319 .elementor-widget-text-editor {
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-18 .elementor-element.elementor-element-6577319 .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.05 !important;
  }

  .elementor-18 .elementor-element.elementor-element-6577319 .elementor-widget-text-editor,
  .elementor-18 .elementor-element.elementor-element-6577319 .elementor-widget-text-editor p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
  }
}

/* Jarak judul dengan daftar merek — desktop */
@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-6577319 {
    gap: 5px !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0aae287 */.elementor-18 .elementor-element.elementor-element-0aae287 {
  width: 100%;
  text-align: right;
}

.elementor-18 .elementor-element.elementor-element-0aae287 img {
  max-height: 79px;
  width: auto;
  object-fit: contain;
  object-position: right center;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0943abf */.elementor-18 .elementor-element.elementor-element-0943abf {
  width: 100%;
  text-align: right;
}

.elementor-18 .elementor-element.elementor-element-0943abf img {
  max-height: 79px;
  width: auto;
  object-fit: contain;
  object-position: right center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-446551c *//* Image Box Mobile tidak muncul di desktop/tablet */
@media (min-width: 768px) {
  .elementor-18 .elementor-element.elementor-element-446551c {
    display: none !important;
  }
}


/* Image Box Card 5 khusus mobile */
@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-446551c {
    grid-area: image !important;

    width: calc(100% + 28px) !important;
    max-width: calc(100% + 28px) !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    flex: none !important;

    justify-self: stretch !important;
    align-self: end !important;

    order: 0 !important;

    margin-top: 0 !important;
    margin-right: -14px !important;
    margin-bottom: -1px !important;
    margin-left: -14px !important;

    padding: 0 !important;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    border-radius: 0 0 5px 5px;
  }

  .elementor-18 .elementor-element.elementor-element-446551c img {
    display: block !important;

    width: 96% !important;
    max-width: 96% !important;

    height: auto !important;
    max-height: 105px !important;

    object-fit: contain !important;
    object-position: right bottom !important;

    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5bd3e33 *//* =========================
   CARD 5 — DESKTOP
   ========================= */
@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-5bd3e33 {
    width: 100%;

    min-height: clamp(58px, 9.2vh, 64px);
    height: auto;

    padding-top: clamp(6px, 1.4vh, 10px);

    box-sizing: border-box;
  }
}


/* =========================
   CARD 5 — MOBILE
   ========================= */
@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-5bd3e33 {
    position: relative;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    display: grid !important;

    grid-template-columns: 36px minmax(0, 1fr);
    grid-template-areas:
      "number text"
      "image image";

    column-gap: 12px !important;
    row-gap: 6px !important;

    align-items: start !important;
    align-content: start !important;

    padding: 12px 14px 0 !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7952044 *//* =========================================
   PRODUCTS DISCLAIMER
   KECIL + HALUS + SATU BARIS DESKTOP
   ========================================= */

.elementor-18 .elementor-element.elementor-element-7952044 {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 4px 60px 6px !important;

  box-sizing: border-box !important;
  overflow: visible !important;
}


/* Widget container */

.elementor-18 .elementor-element.elementor-element-7952044 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* Seluruh teks disclaimer */

.elementor-18 .elementor-element.elementor-element-7952044 p {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: rgba(255, 255, 255, 0.62) !important;

  font-size: clamp(12px, 0.72vw, 14px) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;

  white-space: nowrap !important;

  box-sizing: border-box !important;
}


/* Kata Disclaimer */

.elementor-18 .elementor-element.elementor-element-7952044 strong,
.elementor-18 .elementor-element.elementor-element-7952044 b {
  color: #FCB301 !important;
  font-weight: 600 !important;
}


/* =========================================
   TABLET
   BOLEH TURUN BARIS AGAR TIDAK TERPOTONG
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-18 .elementor-element.elementor-element-7952044 {
    padding: 5px 32px 7px !important;
  }

  .elementor-18 .elementor-element.elementor-element-7952044 p {
    font-size: 9px !important;
    line-height: 1.4 !important;

    white-space: normal !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-7952044 {
    padding: 6px 16px 8px !important;
  }

  .elementor-18 .elementor-element.elementor-element-7952044 p {
    font-size: 8px !important;
    line-height: 1.45 !important;

    white-space: normal !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-78c008f */.elementor-18 .elementor-element.elementor-element-78c008f {
  width: clamp(190px, 17vw, 250px);
  max-width: 250px;

  flex: 0 0 auto;

  margin: 0;
  padding: 0;
}

.elementor-18 .elementor-element.elementor-element-78c008f img {
  display: block;

  width: 100%;
  height: auto;

  object-fit: contain;
  object-position: left center;

  margin: 0;
  padding: 0;
}

@media (max-width: 1024px) {
  .elementor-18 .elementor-element.elementor-element-78c008f {
    width: clamp(180px, 28vw, 230px);
  }
}

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-78c008f {
    width: clamp(180px, 65vw, 235px);
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4da0b30 */@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-4da0b30 .elementor-heading-title {
    font-size: clamp(16px, 4.3vw, 18px) !important;
    line-height: 1.05 !important;
    margin: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a18f111 *//* =========================================
   BRAND LIST BOTTOM AREA — BASE
   ========================================= */

.elementor-18 .elementor-element.elementor-element-a18f111 {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-a18f111 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-a18f111 .brand-list-desktop,
.elementor-18 .elementor-element.elementor-element-a18f111 .brand-list-mobile {
  color: #FCB301 !important;

  font-family: inherit !important;
  font-weight: 600 !important;
  text-transform: uppercase;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-a18f111 .brand-list-desktop span,
.elementor-18 .elementor-element.elementor-element-a18f111 .brand-list-mobile span {
  display: block;

  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================
   DESKTOP
   ========================================= */

@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-a18f111 .brand-list-desktop {
    display: block !important;

    width: fit-content !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;

    text-align: left !important;
  }

  .elementor-18 .elementor-element.elementor-element-a18f111 .brand-list-desktop span {
    white-space: nowrap !important;
  }

  .elementor-18 .elementor-element.elementor-element-a18f111 .brand-list-mobile {
    display: none !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-18 .elementor-element.elementor-element-a18f111 .brand-list-desktop {
    display: block !important;

    width: fit-content !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 12px !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;

    text-align: left !important;
  }

  .elementor-18 .elementor-element.elementor-element-a18f111 .brand-list-desktop span {
    white-space: nowrap !important;
  }

  .elementor-18 .elementor-element.elementor-element-a18f111 .brand-list-mobile {
    display: none !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-a18f111 {
    width: 100% !important;
    max-width: 100% !important;

    align-self: stretch !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
  }

  .elementor-18 .elementor-element.elementor-element-a18f111 .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
  }

  .elementor-18 .elementor-element.elementor-element-a18f111 .brand-list-desktop {
    display: none !important;
  }

  .elementor-18 .elementor-element.elementor-element-a18f111 .brand-list-mobile {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: clamp(10.5px, 3vw, 11.5px) !important;
    line-height: 1.38 !important;
    letter-spacing: -0.05px !important;

    text-align: left !important;
  }

  .elementor-18 .elementor-element.elementor-element-a18f111 .brand-list-mobile span {
    display: block !important;
    width: 100% !important;

    white-space: nowrap !important;
    text-align: left !important;

    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc8a7ae */@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-dc8a7ae {
    width: 44%;
    min-width: 0;

    display: grid !important;

    grid-template-columns: 170px minmax(0, 1fr);

    grid-template-areas:
      "badge heading"
      "brands brands";

    column-gap: 18px;
    row-gap: 0;

    align-items: start;

    margin: 0 !important;
    padding: 6px 10px 8px 0 !important;

    box-sizing: border-box;
  }

  /* =========================================
     BADGE READY STOCK
     ========================================= */

  .elementor-18 .elementor-element.elementor-element-dc8a7ae .ready-stock-badge {
    grid-area: badge;

    width: 170px !important;
    max-width: 170px !important;

    align-self: start;

    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-18 .elementor-element.elementor-element-dc8a7ae .ready-stock-badge img {
    display: block !important;

    width: 170px !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* =========================================
     HEADING
     Center vertikal terhadap badge
     ========================================= */

  .elementor-18 .elementor-element.elementor-element-dc8a7ae .general-parts-heading {
    grid-area: heading;

    align-self: center;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-1px);
  }

  .elementor-18 .elementor-element.elementor-element-dc8a7ae .general-parts-heading .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #FFFFFF !important;

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

    white-space: nowrap;
  }

  /* =========================================
     BRAND LIST — DUA BARIS
     ========================================= */

  .elementor-18 .elementor-element.elementor-element-dc8a7ae .general-parts-brands {
    grid-area: brands;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 1px 0 0 54px !important;

    box-sizing: border-box;
  }

  .elementor-18 .elementor-element.elementor-element-dc8a7ae .general-parts-brands,
  .elementor-18 .elementor-element.elementor-element-dc8a7ae .general-parts-brands p {
    margin: 0 !important;
  }

  .elementor-18 .elementor-element.elementor-element-dc8a7ae .general-parts-brands p {
    margin: 0 !important;
    padding: 0 !important;

    color: #FCB301 !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.1px;

    white-space: nowrap;
  }
}

/* =========================================
   LEFT SIDE — MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-dc8a7ae {
    order: 1 !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    align-self: stretch !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-000d6d6 */@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-000d6d6 {
    width: 2px !important;
    min-width: 2px !important;
    max-width: 2px !important;

    flex: 0 0 2px !important;

    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;

    align-self: flex-start !important;

    margin-top: 8px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 44px !important;

    padding: 0 !important;

    background-color: rgba(255, 255, 255, 0.72) !important;
    border-radius: 999px;

    box-sizing: border-box;
  }
}

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-18 .elementor-element.elementor-element-000d6d6 {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;

    margin-top: 6px !important;
  }
}

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-000d6d6 {
    display: none !important;
  }
}

/* Jarak divider dengan Brand List — desktop */
@media (min-width: 1025px) {
  .elementor-18 .elementor-element.elementor-element-000d6d6 {
    transform: translateX(12px) !important;
  }
}

/* Divider vertikal tidak dipakai di mobile */
@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-000d6d6 {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-0847754 *//* =========================================
   PRODUCTS RUNNING LOGOS
   SMOOTH CONTINUOUS CAROUSEL
   ========================================= */

.elementor-18 .elementor-element.elementor-element-0847754 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.elementor-18 .elementor-element.elementor-element-0847754 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.elementor-18 .elementor-element.elementor-element-0847754 .swiper,
.elementor-18 .elementor-element.elementor-element-0847754 .elementor-image-carousel-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.elementor-18 .elementor-element.elementor-element-0847754 .swiper-wrapper {
  align-items: center !important;
  transition-timing-function: linear !important;
}

.elementor-18 .elementor-element.elementor-element-0847754 .swiper-slide {
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.elementor-18 .elementor-element.elementor-element-0847754 .swiper-slide img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: 38px !important;
  object-fit: contain !important;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-18 .elementor-element.elementor-element-0847754 .swiper-slide img {
    height: 32px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-0847754 {
    margin: 4px 0 0 !important;
    padding: 8px 0 4px !important;
  }

  .elementor-18 .elementor-element.elementor-element-0847754 .swiper-slide img {
    height: 28px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0a63947 *//* =========================================
   LOGO BRANDS — MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-18 .elementor-element.elementor-element-0a63947 {
    order: 2 !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    align-self: stretch !important;

    margin: 2px 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
  }

  .elementor-18 .elementor-element.elementor-element-0a63947 .elementor-widget-container,
  .elementor-18 .elementor-element.elementor-element-0a63947 .swiper,
  .elementor-18 .elementor-element.elementor-element-0a63947 .swiper-container {
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   PANEN RAYA DIESEL
   PRODUCTS PAGE — MASTER CONTROLLER V3

   LOKASI:
   Products Page
   → Page Settings
   → Advanced
   → Custom CSS

   CLASS YANG SUDAH DIGUNAKAN:
   - products-main
   - products-inner
   - products-hero-area
   - products-grid
   - products-bottom-area

   CATATAN:
   Controller ini tidak membutuhkan class tambahan.
   Bottom Area dikendalikan berdasarkan urutan strukturnya:
   1. Left Side
   2. Divider
   3. Logo Brands
   ========================================================= */


/* =========================================================
   DESIGN TOKENS
   ========================================================= */

body {
  --products-shell: 1240px;
  --products-page-pad: clamp(20px, 4.4vw, 60px);

  --products-yellow: #FCB301;
  --products-black: #08090A;

  overflow-x: hidden;
}


/* =========================================================
   GLOBAL BOX SIZING
   ========================================================= */

.products-main,
.products-main *,
.products-main *::before,
.products-main *::after {
  box-sizing: border-box;
}


/* =========================================================
   MAIN WRAPPER
   ========================================================= */

.products-main,
.products-main > .e-con-inner {
  width: 100% !important;
  max-width: none !important;

  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}


/* =========================================================
   PRODUCT INNER
   ========================================================= */

.products-inner,
.products-inner > .e-con-inner {
  width: 100% !important;
  max-width: none !important;

  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: stretch !important;
  justify-content: flex-start !important;

  gap: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
}


/* =========================================================
   DESKTOP PAGE STRUCTURE
   ========================================================= */

@media (min-width: 1025px) {

  .products-main,
  .products-main > .e-con-inner,
  .products-inner,
  .products-inner > .e-con-inner {
    min-height: calc(100svh - 84px) !important;
  }

  .products-hero-area,
  .products-grid {
    width:
      calc(
        100% - (var(--products-page-pad) * 2)
      ) !important;

    max-width: var(--products-shell) !important;

    margin-right: auto !important;
    margin-left: auto !important;
  }

  .products-hero-area {
    margin-top:
      clamp(20px, 3.2vh, 38px) !important;
  }

  .products-grid {
    margin-top:
      clamp(6px, 1vh, 10px) !important;
  }
}


/* =========================================================
   DESKTOP TINGGI
   ========================================================= */

@media (min-width: 1025px) and (min-height: 900px) {

  .products-hero-area {
    margin-top:
      clamp(38px, 5.8vh, 64px) !important;
  }
}


/* =========================================================
   BOTTOM AREA — BASE
   ========================================================= */

.products-bottom-area {
  position: relative !important;

  width: 100% !important;
  max-width: none !important;

  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;

  flex: 0 0 auto !important;

  margin: auto 0 0 !important;

  padding:
    14px
    var(--products-page-pad)
    16px !important;

  background-color: var(--products-black) !important;
  background-image: none !important;

  border: none !important;
  border-top:
    1px solid var(--products-yellow) !important;

  box-shadow: none !important;

  overflow: hidden !important;
}

.products-bottom-area::before,
.products-bottom-area::after {
  content: none !important;
  display: none !important;
}


/* Bottom Area dapat bekerja baik dengan maupun tanpa e-con-inner */

.products-bottom-area,
.products-bottom-area > .e-con-inner {
  grid-template-columns:
    minmax(0, 0.95fr)
    2px
    minmax(0, 1.05fr) !important;

  align-items: center !important;

  column-gap: 24px !important;
  row-gap: 0 !important;
}

.products-bottom-area {
  display: grid !important;
}

.products-bottom-area > .e-con-inner {
  width: 100% !important;
  max-width: var(--products-shell) !important;

  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;

  display: grid !important;

  margin: 0 auto !important;
  padding: 0 !important;
}


/* =========================================================
   BOTTOM CHILD 1 — LEFT SIDE
   ========================================================= */

.products-bottom-area
> :nth-child(1):not(.e-con-inner),

.products-bottom-area
> .e-con-inner
> :nth-child(1) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  display: grid !important;

  grid-template-columns:
    170px
    minmax(0, 1fr) !important;

  grid-template-areas:
    "badge heading"
    "brands brands" !important;

  column-gap: 18px !important;
  row-gap: 4px !important;

  align-items: center !important;
  align-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Bila Left Side mempunyai e-con-inner */

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> .e-con-inner,

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> .e-con-inner {
  width: 100% !important;
  max-width: none !important;

  display: grid !important;

  grid-template-columns:
    170px
    minmax(0, 1fr) !important;

  grid-template-areas:
    "badge heading"
    "brands brands" !important;

  column-gap: 18px !important;
  row-gap: 4px !important;

  align-items: center !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================================
   READY STOCK — WIDGET PERTAMA
   ========================================================= */

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> :nth-child(1),

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> .e-con-inner
> :nth-child(1),

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> :nth-child(1),

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> .e-con-inner
> :nth-child(1) {
  grid-area: badge !important;

  width: 170px !important;
  max-width: 170px !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> :nth-child(1) img,

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> .e-con-inner
> :nth-child(1) img,

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> :nth-child(1) img,

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> .e-con-inner
> :nth-child(1) img {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: left center !important;
}


/* =========================================================
   FOR GENERAL PARTS — WIDGET KEDUA
   ========================================================= */

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> :nth-child(2),

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> .e-con-inner
> :nth-child(2),

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> :nth-child(2),

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> .e-con-inner
> :nth-child(2) {
  grid-area: heading !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> :nth-child(2)
.elementor-heading-title,

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> .e-con-inner
> :nth-child(2)
.elementor-heading-title,

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> :nth-child(2)
.elementor-heading-title,

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> .e-con-inner
> :nth-child(2)
.elementor-heading-title {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 18px !important;
  line-height: 1.1 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}


/* =========================================================
   BRAND LIST — WIDGET KETIGA
   ========================================================= */

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> :nth-child(3),

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> .e-con-inner
> :nth-child(3),

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> :nth-child(3),

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> .e-con-inner
> :nth-child(3) {
  grid-area: brands !important;

  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> :nth-child(3)
.elementor-widget-container,

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> :nth-child(3) p,

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> :nth-child(3) span,

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> .e-con-inner
> :nth-child(3)
.elementor-widget-container,

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> .e-con-inner
> :nth-child(3) p,

.products-bottom-area
> :nth-child(1):not(.e-con-inner)
> .e-con-inner
> :nth-child(3) span,

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> :nth-child(3)
.elementor-widget-container,

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> :nth-child(3) p,

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> :nth-child(3) span,

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> .e-con-inner
> :nth-child(3)
.elementor-widget-container,

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> .e-con-inner
> :nth-child(3) p,

.products-bottom-area
> .e-con-inner
> :nth-child(1)
> .e-con-inner
> :nth-child(3) span {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}


/* =========================================================
   BOTTOM CHILD 2 — DIVIDER
   ========================================================= */

.products-bottom-area
> :nth-child(2):not(.e-con-inner),

.products-bottom-area
> .e-con-inner
> :nth-child(2) {
  width: 2px !important;
  min-width: 2px !important;
  max-width: 2px !important;

  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;

  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;

  background-color:
    rgba(255, 255, 255, 0.68) !important;

  border: none !important;
  border-radius: 999px !important;
}


/* =========================================================
   BOTTOM CHILD 3 — RUNNING LOGOS
   ========================================================= */

.products-bottom-area
> :nth-child(3):not(.e-con-inner),

.products-bottom-area
> .e-con-inner
> :nth-child(3) {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;

  min-height: 0 !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
}

.products-bottom-area
> :nth-child(3):not(.e-con-inner)
> .e-con-inner,

.products-bottom-area
> .e-con-inner
> :nth-child(3)
> .e-con-inner {
  width: 100% !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;
}

.products-bottom-area
> :nth-child(3):not(.e-con-inner)
.swiper,

.products-bottom-area
> :nth-child(3):not(.e-con-inner)
.swiper-container,

.products-bottom-area
> :nth-child(3):not(.e-con-inner)
.swiper-wrapper,

.products-bottom-area
> .e-con-inner
> :nth-child(3)
.swiper,

.products-bottom-area
> .e-con-inner
> :nth-child(3)
.swiper-container,

.products-bottom-area
> .e-con-inner
> :nth-child(3)
.swiper-wrapper {
  width: 100% !important;
  max-width: 100% !important;
}

.products-bottom-area
> :nth-child(3):not(.e-con-inner)
.swiper,

.products-bottom-area
> :nth-child(3):not(.e-con-inner)
.swiper-container,

.products-bottom-area
> .e-con-inner
> :nth-child(3)
.swiper,

.products-bottom-area
> .e-con-inner
> :nth-child(3)
.swiper-container {
  overflow: hidden !important;
}

.products-bottom-area
> :nth-child(3):not(.e-con-inner)
.swiper-wrapper,

.products-bottom-area
> .e-con-inner
> :nth-child(3)
.swiper-wrapper {
  align-items: center !important;

  transition-timing-function: linear !important;
}

.products-bottom-area
> :nth-child(3):not(.e-con-inner)
.swiper-slide,

.products-bottom-area
> .e-con-inner
> :nth-child(3)
.swiper-slide {
  height: 52px !important;

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

  margin: 0 !important;
  padding: 0 8px !important;
}

.products-bottom-area
> :nth-child(3):not(.e-con-inner)
.swiper-slide img,

.products-bottom-area
> :nth-child(3):not(.e-con-inner)
.swiper-slide-image,

.products-bottom-area
> .e-con-inner
> :nth-child(3)
.swiper-slide img,

.products-bottom-area
> .e-con-inner
> :nth-child(3)
.swiper-slide-image {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 150px !important;
  max-height: 38px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center !important;
}


/* =========================================================
   TABLET
   768px — 1024px
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

  body {
    --products-page-pad: 30px;
  }

  .products-main,
  .products-main > .e-con-inner,
  .products-inner,
  .products-inner > .e-con-inner {
    min-height: 0 !important;
    height: auto !important;
  }

  .products-hero-area,
  .products-grid {
    width:
      calc(
        100% - (var(--products-page-pad) * 2)
      ) !important;

    max-width: none !important;

    margin-right: auto !important;
    margin-left: auto !important;
  }

  .products-hero-area {
    margin-top: 24px !important;
  }

  .products-grid {
    margin-top: 8px !important;
  }


  /* Bottom Area menjadi dua baris */

  .products-bottom-area,
  .products-bottom-area > .e-con-inner {
    grid-template-columns:
      minmax(0, 1fr) !important;

    column-gap: 0 !important;
    row-gap: 12px !important;
  }

  .products-bottom-area {
    margin: 22px 0 0 !important;

    padding:
      16px
      var(--products-page-pad)
      18px !important;
  }


  /* Left Side tablet */

  .products-bottom-area
  > :nth-child(1):not(.e-con-inner),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(1),

  .products-bottom-area
  > :nth-child(1):not(.e-con-inner)
  > .e-con-inner,

  .products-bottom-area
  > .e-con-inner
  > :nth-child(1)
  > .e-con-inner {
    grid-template-columns:
      160px
      minmax(0, 1fr) !important;

    grid-template-areas:
      "badge heading"
      "brands brands" !important;

    column-gap: 16px !important;
    row-gap: 6px !important;

    align-items: center !important;
  }

  .products-bottom-area
  > :nth-child(1):not(.e-con-inner)
  > :nth-child(1),

  .products-bottom-area
  > :nth-child(1):not(.e-con-inner)
  > .e-con-inner
  > :nth-child(1),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(1)
  > :nth-child(1),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(1)
  > .e-con-inner
  > :nth-child(1) {
    width: 160px !important;
    max-width: 160px !important;
  }


  /* Divider tidak digunakan pada tablet */

  .products-bottom-area
  > :nth-child(2):not(.e-con-inner),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(2) {
    display: none !important;
  }


  /* Logos mendapatkan satu baris penuh */

  .products-bottom-area
  > :nth-child(3):not(.e-con-inner),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(3) {
    grid-column: 1 / -1 !important;

    width: 100% !important;
    max-width: 100% !important;
  }

  .products-bottom-area
  > :nth-child(3):not(.e-con-inner)
  .swiper-slide,

  .products-bottom-area
  > .e-con-inner
  > :nth-child(3)
  .swiper-slide {
    height: 44px !important;

    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .products-bottom-area
  > :nth-child(3):not(.e-con-inner)
  .swiper-slide img,

  .products-bottom-area
  > :nth-child(3):not(.e-con-inner)
  .swiper-slide-image,

  .products-bottom-area
  > .e-con-inner
  > :nth-child(3)
  .swiper-slide img,

  .products-bottom-area
  > .e-con-inner
  > :nth-child(3)
  .swiper-slide-image {
    max-width: 135px !important;
    max-height: 32px !important;
  }
}


/* =========================================================
   MOBILE
   SAMPAI 767px
   ========================================================= */

@media (max-width: 767px) {

  body {
    --products-page-pad: 14px;
  }

  .products-main,
  .products-main > .e-con-inner,
  .products-inner,
  .products-inner > .e-con-inner {
    min-height: 0 !important;
    height: auto !important;
  }

  .products-hero-area,
  .products-grid {
    width:
      calc(
        100% - (var(--products-page-pad) * 2)
      ) !important;

    max-width: none !important;

    margin-right: auto !important;
    margin-left: auto !important;
  }

  .products-hero-area {
    margin-top: 18px !important;
  }

  .products-grid {
    margin-top: 8px !important;
  }


  /* Bottom wrapper */

  .products-bottom-area,
  .products-bottom-area > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 12px !important;
  }

  .products-bottom-area {
    margin: 18px 0 0 !important;

    padding:
      16px
      var(--products-page-pad)
      16px !important;
  }

  .products-bottom-area > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* Left Side mobile */

  .products-bottom-area
  > :nth-child(1):not(.e-con-inner),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(1),

  .products-bottom-area
  > :nth-child(1):not(.e-con-inner)
  > .e-con-inner,

  .products-bottom-area
  > .e-con-inner
  > :nth-child(1)
  > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: flex-start !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* Ready Stock mobile */

  .products-bottom-area
  > :nth-child(1):not(.e-con-inner)
  > :nth-child(1),

  .products-bottom-area
  > :nth-child(1):not(.e-con-inner)
  > .e-con-inner
  > :nth-child(1),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(1)
  > :nth-child(1),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(1)
  > .e-con-inner
  > :nth-child(1) {
    width:
      clamp(165px, 58vw, 205px) !important;

    max-width: 100% !important;
  }


  /* Heading dan Brand List mobile */

  .products-bottom-area
  > :nth-child(1):not(.e-con-inner)
  > :nth-child(2),

  .products-bottom-area
  > :nth-child(1):not(.e-con-inner)
  > :nth-child(3),

  .products-bottom-area
  > :nth-child(1):not(.e-con-inner)
  > .e-con-inner
  > :nth-child(2),

  .products-bottom-area
  > :nth-child(1):not(.e-con-inner)
  > .e-con-inner
  > :nth-child(3),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(1)
  > :nth-child(2),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(1)
  > :nth-child(3),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(1)
  > .e-con-inner
  > :nth-child(2),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(1)
  > .e-con-inner
  > :nth-child(3) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
  }


  /* Divider mobile */

  .products-bottom-area
  > :nth-child(2):not(.e-con-inner),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(2) {
    display: none !important;
  }


  /* Running logos mobile */

  .products-bottom-area
  > :nth-child(3):not(.e-con-inner),

  .products-bottom-area
  > .e-con-inner
  > :nth-child(3) {
    width: 100% !important;
    max-width: 100% !important;
  }

  .products-bottom-area
  > :nth-child(3):not(.e-con-inner)
  .swiper-slide,

  .products-bottom-area
  > .e-con-inner
  > :nth-child(3)
  .swiper-slide {
    height: 38px !important;

    padding-right: 4px !important;
    padding-left: 4px !important;
  }

  .products-bottom-area
  > :nth-child(3):not(.e-con-inner)
  .swiper-slide img,

  .products-bottom-area
  > :nth-child(3):not(.e-con-inner)
  .swiper-slide-image,

  .products-bottom-area
  > .e-con-inner
  > :nth-child(3)
  .swiper-slide img,

  .products-bottom-area
  > .e-con-inner
  > :nth-child(3)
  .swiper-slide-image {
    max-width: 105px !important;
    max-height: 27px !important;
  }
}/* End custom CSS */