.elementor-5778 .elementor-element.elementor-element-25bf2a6{--display:flex;--overlay-opacity:0.5;}.elementor-5778 .elementor-element.elementor-element-25bf2a6::before, .elementor-5778 .elementor-element.elementor-element-25bf2a6 > .elementor-background-video-container::before, .elementor-5778 .elementor-element.elementor-element-25bf2a6 > .e-con-inner > .elementor-background-video-container::before, .elementor-5778 .elementor-element.elementor-element-25bf2a6 > .elementor-background-slideshow::before, .elementor-5778 .elementor-element.elementor-element-25bf2a6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5778 .elementor-element.elementor-element-25bf2a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5778 .elementor-element.elementor-element-25bf2a6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-e8fcf19{width:var( --container-widget-width, 99.611% );max-width:99.611%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;--container-widget-width:99.611%;--container-widget-flex-grow:0;}.elementor-5778 .elementor-element.elementor-element-e8fcf19.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-ab72b5a{--display:flex;}.elementor-5778 .elementor-element.elementor-element-b92a51c{--spacer-size:10px;}.elementor-5778 .elementor-element.elementor-element-1f0cec1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:100px 100px 100px 100px;}.elementor-5778 .elementor-element.elementor-element-1f0cec1:not(.elementor-motion-effects-element-type-background), .elementor-5778 .elementor-element.elementor-element-1f0cec1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D0E90200;}.elementor-5778 .elementor-element.elementor-element-5fd3cfd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 0px 0px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5778 .elementor-element.elementor-element-5fd3cfd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-6d98e6c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5778 .elementor-element.elementor-element-6d98e6c .elementor-icon-wrapper{text-align:center;}.elementor-5778 .elementor-element.elementor-element-6d98e6c.elementor-view-stacked .elementor-icon{background-color:#018558;color:#BDE902;}.elementor-5778 .elementor-element.elementor-element-6d98e6c.elementor-view-framed .elementor-icon, .elementor-5778 .elementor-element.elementor-element-6d98e6c.elementor-view-default .elementor-icon{color:#018558;border-color:#018558;}.elementor-5778 .elementor-element.elementor-element-6d98e6c.elementor-view-framed .elementor-icon, .elementor-5778 .elementor-element.elementor-element-6d98e6c.elementor-view-default .elementor-icon svg{fill:#018558;}.elementor-5778 .elementor-element.elementor-element-6d98e6c.elementor-view-framed .elementor-icon{background-color:#BDE902;}.elementor-5778 .elementor-element.elementor-element-6d98e6c.elementor-view-stacked .elementor-icon svg{fill:#BDE902;}.elementor-5778 .elementor-element.elementor-element-6d98e6c .elementor-icon{font-size:40px;}.elementor-5778 .elementor-element.elementor-element-6d98e6c .elementor-icon svg{height:40px;}.elementor-5778 .elementor-element.elementor-element-54eac28{text-align:center;}.elementor-5778 .elementor-element.elementor-element-54eac28 .elementor-heading-title{color:#018558;}.elementor-5778 .elementor-element.elementor-element-0213c61{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;color:#018558;}.elementor-5778 .elementor-element.elementor-element-d5a1fd2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5778 .elementor-element.elementor-element-d5a1fd2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-4f5c37d .elementor-icon-wrapper{text-align:center;}.elementor-5778 .elementor-element.elementor-element-4f5c37d.elementor-view-stacked .elementor-icon{background-color:#BDE902;color:#FFFFFF;}.elementor-5778 .elementor-element.elementor-element-4f5c37d.elementor-view-framed .elementor-icon, .elementor-5778 .elementor-element.elementor-element-4f5c37d.elementor-view-default .elementor-icon{color:#BDE902;border-color:#BDE902;}.elementor-5778 .elementor-element.elementor-element-4f5c37d.elementor-view-framed .elementor-icon, .elementor-5778 .elementor-element.elementor-element-4f5c37d.elementor-view-default .elementor-icon svg{fill:#BDE902;}.elementor-5778 .elementor-element.elementor-element-4f5c37d.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-5778 .elementor-element.elementor-element-4f5c37d.elementor-view-stacked .elementor-icon svg{fill:#FFFFFF;}.elementor-5778 .elementor-element.elementor-element-4f5c37d .elementor-icon{font-size:40px;}.elementor-5778 .elementor-element.elementor-element-4f5c37d .elementor-icon svg{height:40px;}.elementor-5778 .elementor-element.elementor-element-7fd628c{text-align:center;}.elementor-5778 .elementor-element.elementor-element-7fd628c .elementor-heading-title{color:#018558;}.elementor-5778 .elementor-element.elementor-element-c39244c{width:var( --container-widget-width, 113.793% );max-width:113.793%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:113.793%;--container-widget-flex-grow:0;border-radius:0px 0px 0px 0px;text-align:center;color:#018558;}.elementor-5778 .elementor-element.elementor-element-c39244c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-1bcb192{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 20px 20px 0px;}.elementor-5778 .elementor-element.elementor-element-1bcb192.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-1478336 .elementor-icon-wrapper{text-align:center;}.elementor-5778 .elementor-element.elementor-element-1478336.elementor-view-stacked .elementor-icon{background-color:#FEF031;color:#018558;}.elementor-5778 .elementor-element.elementor-element-1478336.elementor-view-framed .elementor-icon, .elementor-5778 .elementor-element.elementor-element-1478336.elementor-view-default .elementor-icon{color:#FEF031;border-color:#FEF031;}.elementor-5778 .elementor-element.elementor-element-1478336.elementor-view-framed .elementor-icon, .elementor-5778 .elementor-element.elementor-element-1478336.elementor-view-default .elementor-icon svg{fill:#FEF031;}.elementor-5778 .elementor-element.elementor-element-1478336.elementor-view-framed .elementor-icon{background-color:#018558;}.elementor-5778 .elementor-element.elementor-element-1478336.elementor-view-stacked .elementor-icon svg{fill:#018558;}.elementor-5778 .elementor-element.elementor-element-1478336 .elementor-icon{font-size:40px;}.elementor-5778 .elementor-element.elementor-element-1478336 .elementor-icon svg{height:40px;}.elementor-5778 .elementor-element.elementor-element-432764c{text-align:center;}.elementor-5778 .elementor-element.elementor-element-432764c .elementor-heading-title{color:#018558;}.elementor-5778 .elementor-element.elementor-element-184b60d{text-align:center;color:#018558;}.elementor-5778 .elementor-element.elementor-element-8709f4f{--display:flex;--margin-top:30px;--margin-bottom:-35px;--margin-left:0px;--margin-right:0px;--z-index:10;}.elementor-5778 .elementor-element.elementor-element-8709f4f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-8d6ac2c{width:var( --container-widget-width, 194.481% );max-width:194.481%;--container-widget-width:194.481%;--container-widget-flex-grow:0;}.elementor-5778 .elementor-element.elementor-element-8d6ac2c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-8d6ac2c .elementor-icon-wrapper{text-align:center;}.elementor-5778 .elementor-element.elementor-element-247c5b2{--display:flex;--border-radius:20px 20px 0px 0px;--z-index:9;}.elementor-5778 .elementor-element.elementor-element-247c5b2:not(.elementor-motion-effects-element-type-background), .elementor-5778 .elementor-element.elementor-element-247c5b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-5778 .elementor-element.elementor-element-247c5b2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-2b86569{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;text-align:center;}.elementor-5778 .elementor-element.elementor-element-fb7ec2e{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;}.elementor-5778 .elementor-element.elementor-element-fb7ec2e:not(.elementor-motion-effects-element-type-background), .elementor-5778 .elementor-element.elementor-element-fb7ec2e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-5778 .elementor-element.elementor-element-29e5e12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 30px;}.elementor-5778 .elementor-element.elementor-element-29e5e12.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-ea1c0f6{width:var( --container-widget-width, 96.681% );max-width:96.681%;--container-widget-width:96.681%;--container-widget-flex-grow:0;}.elementor-5778 .elementor-element.elementor-element-ea1c0f6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-d897641{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-5778 .elementor-element.elementor-element-d897641.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-4f4d1b0{width:var( --container-widget-width, 69.105% );max-width:69.105%;margin:22px 22px calc(var(--kit-widget-spacing, 0px) + 22px) 22px;--container-widget-width:69.105%;--container-widget-flex-grow:0;}.elementor-5778 .elementor-element.elementor-element-4f4d1b0.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-4f4d1b0 img{border-radius:20px 20px 20px 20px;}.elementor-5778 .elementor-element.elementor-element-2395e5a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;}.elementor-5778 .elementor-element.elementor-element-2395e5a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-f0187ca{width:var( --container-widget-width, 142.259% );max-width:142.259%;margin:0px 130px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;--container-widget-width:142.259%;--container-widget-flex-grow:0;}.elementor-5778 .elementor-element.elementor-element-f0187ca.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-f0187ca img{border-radius:20px 20px 20px 20px;}.elementor-5778 .elementor-element.elementor-element-43e71fe{width:var( --container-widget-width, 142.259% );max-width:142.259%;margin:0px 130px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;--container-widget-width:142.259%;--container-widget-flex-grow:0;}.elementor-5778 .elementor-element.elementor-element-43e71fe.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-43e71fe img{border-radius:20px 20px 20px 20px;}.elementor-5778 .elementor-element.elementor-element-80fc56d{--display:flex;}.elementor-5778 .elementor-element.elementor-element-80fc56d:not(.elementor-motion-effects-element-type-background), .elementor-5778 .elementor-element.elementor-element-80fc56d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-5778 .elementor-element.elementor-element-80fc56d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-4aa3800 img{border-radius:10px 10px 10px 10px;}.elementor-5778 .elementor-element.elementor-element-0d38c95{--display:flex;--border-radius:0px 0px 20px 20px;}.elementor-5778 .elementor-element.elementor-element-0d38c95:not(.elementor-motion-effects-element-type-background), .elementor-5778 .elementor-element.elementor-element-0d38c95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-5778 .elementor-element.elementor-element-0d38c95.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5778 .elementor-element.elementor-element-1d3e3d6 img{border-radius:10px 10px 10px 10px;}.elementor-5778 .elementor-element.elementor-element-96e3282{--display:flex;}@media(max-width:767px){.elementor-5778 .elementor-element.elementor-element-e8fcf19{width:var( --container-widget-width, 295.889px );max-width:295.889px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:295.889px;--container-widget-flex-grow:0;}.elementor-5778 .elementor-element.elementor-element-1f0cec1.e-con{--align-self:center;}.elementor-5778 .elementor-element.elementor-element-8709f4f{--width:54px;--z-index:10;}.elementor-5778 .elementor-element.elementor-element-8d6ac2c{width:var( --container-widget-width, 53px );max-width:53px;--container-widget-width:53px;--container-widget-flex-grow:0;}.elementor-5778 .elementor-element.elementor-element-d897641{--width:295px;}.elementor-5778 .elementor-element.elementor-element-4f4d1b0{width:var( --container-widget-width, 310px );max-width:310px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:310px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-5778 .elementor-element.elementor-element-25bf2a6{--width:51%;}.elementor-5778 .elementor-element.elementor-element-5fd3cfd{--width:32%;}.elementor-5778 .elementor-element.elementor-element-d5a1fd2{--width:35%;}.elementor-5778 .elementor-element.elementor-element-1bcb192{--width:32%;}.elementor-5778 .elementor-element.elementor-element-8709f4f{--width:6.697%;}.elementor-5778 .elementor-element.elementor-element-247c5b2{--width:100.308%;}.elementor-5778 .elementor-element.elementor-element-29e5e12{--width:33.623%;}.elementor-5778 .elementor-element.elementor-element-d897641{--width:48.539%;}.elementor-5778 .elementor-element.elementor-element-2395e5a{--width:20.049%;}.elementor-5778 .elementor-element.elementor-element-80fc56d{--width:131.856%;}.elementor-5778 .elementor-element.elementor-element-0d38c95{--width:100.206%;}}/* Start custom CSS for heading, class: .elementor-element-54eac28 */.fade-in-on-load {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 1.4s ease-out;
  box-shadow: 0 0px 100px rgba(0, 0, 0, 0.08); /* Shadow halus */
  border-radius: 50px; /* Opsional, biar makin halus sudutnya */
}

.fade-in-on-load.visible {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-29e5e12 */<style>
.ukuran-section {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
  padding: 20px 0;
  flex-direction: row;
}

.ukuran-deskripsi {
  max-width: 400px;
  flex: 1;
}

/* Tambahan warna untuk teks */
.ukuran-deskripsi h3 {
  color: #045d56;
  font-size: 20px;
}
.ukuran-deskripsi p {
  color: #333;
  font-size: 15px;
  line-height: 1.6;
  text-align: justify; /* Tambahan untuk justify */
}

.ukuran-deskripsi p {
  color: #333;
  font-size: 15px;
  line-height: 1.6;
}

.ukuran-deskripsi p strong {
  color: #007f73;
}

/* Garis pemisah */
.ukuran-deskripsi hr {
  border: none;
  border-top: 1.5px solid #ccc;
  margin: 16px 0;
}

.ukuran-foto {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 10px;
  flex: 1;
  max-width: 400px;
}

.ukuran-foto img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.size-display-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
  gap: 10px;
  margin-top: 12px;
  max-width: 300px;
}

.size-box {
  padding: 8px 0;
  border: 1.5px solid #ccc;
  border-radius: 8px;
  text-align: center;
  font-weight: 500;
  background-color: #f8f8f8;
  color: #333;
  font-size: 14px;
}

.size-box.unavailable {
  background-color: #eee;
  color: #999;
  text-decoration: line-through;
}
</style>

<div class="ukuran-deskripsi">
  <h3>Zipper Bag Plastik</h3>
  <p>Selain kuat dan fleksibel, <strong>Zipper Bag Plastik</strong> kami tersedia dalam berbagai ukuran, ideal untuk menyimpan makanan, aksesoris, atau perlengkapan perjalanan dengan rapi dan efisien.</p>

  <hr>

  <h3>Size</h3>
  <div class="size-display-grid">
    <div class="size-box">25x25</div>
    <div class="size-box">25x25</div>
    <div class="size-box">25x25</div>
    <div class="size-box unavailable">50x50</div>
    <div class="size-box">25x25</div>
    <div class="size-box">25x25</div>
  </div>
</div>/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4f4d1b0 */.elementor-5778 .elementor-element.elementor-element-4f4d1b0 img {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    border-radius: 6px; /* Opsional untuk sudut melengkung */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f0187ca */.elementor-5778 .elementor-element.elementor-element-f0187ca img {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    border-radius: 6px; /* Opsional untuk sudut melengkung */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-43e71fe */.elementor-5778 .elementor-element.elementor-element-43e71fe img {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
    border-radius: 6px; /* Opsional untuk sudut melengkung */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4aa3800 */.full-width-stable img {
  width: 100vw;
  height: auto;
  display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80fc56d */.full-width-stable {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1d3e3d6 */.full-width-stable img {
  width: 100vw;
  height: auto;
  display: block;
}/* End custom CSS */