.elementor-1981 .elementor-element.elementor-element-6349320{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1981 .elementor-element.elementor-element-fd8cbfe{--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-1981 .elementor-element.elementor-element-e19c9f9{--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;--overlay-opacity:1;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1981 .elementor-element.elementor-element-e19c9f9:not(.elementor-motion-effects-element-type-background), .elementor-1981 .elementor-element.elementor-element-e19c9f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1981 .elementor-element.elementor-element-e19c9f9::before, .elementor-1981 .elementor-element.elementor-element-e19c9f9 > .elementor-background-video-container::before, .elementor-1981 .elementor-element.elementor-element-e19c9f9 > .e-con-inner > .elementor-background-video-container::before, .elementor-1981 .elementor-element.elementor-element-e19c9f9 > .elementor-background-slideshow::before, .elementor-1981 .elementor-element.elementor-element-e19c9f9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1981 .elementor-element.elementor-element-e19c9f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://liwa.ly/wp-content/uploads/2020/10/shape-6.png");--background-overlay:'';background-size:cover;}.elementor-1981 .elementor-element.elementor-element-c119151{--display:flex;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1981 .elementor-element.elementor-element-09b7268 .elementor-heading-title{color:var( --e-global-color-9365c65 );}.elementor-1981 .elementor-element.elementor-element-4ac0ec2{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1981 .elementor-element.elementor-element-3df4422 .elementor-button:hover, .elementor-1981 .elementor-element.elementor-element-3df4422 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-1981 .elementor-element.elementor-element-3df4422{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1981 .elementor-element.elementor-element-3df4422 .elementor-button{font-family:"Barlow", Sans-serif;font-size:17px;font-weight:700;text-transform:uppercase;padding:20px 30px 20px 30px;}.elementor-1981 .elementor-element.elementor-element-9d7127c:not(.elementor-motion-effects-element-type-background), .elementor-1981 .elementor-element.elementor-element-9d7127c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://liwa.ly/wp-content/uploads/2021/01/shape-22.png");background-position:center left;background-repeat:no-repeat;}.elementor-1981 .elementor-element.elementor-element-9d7127c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1981 .elementor-element.elementor-element-9d7127c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1981 .elementor-element.elementor-element-0c4cdd9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1981 .elementor-element.elementor-element-c59238a{--display:flex;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1981 .elementor-element.elementor-element-4d7de92{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 0px 0px 0px;}.elementor-1981 .elementor-element.elementor-element-4d7de92 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:34px;font-weight:600;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1981 .elementor-element.elementor-element-076c9dd{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1981 .elementor-element.elementor-element-076c9dd .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1981 .elementor-element.elementor-element-076c9dd:after{content:"0.66";}.elementor-1981 .elementor-element.elementor-element-076c9dd .elementor-post__thumbnail__link{width:100%;}.elementor-1981 .elementor-element.elementor-element-076c9dd.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1981 .elementor-element.elementor-element-076c9dd.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1981 .elementor-element.elementor-element-076c9dd.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-1981 .elementor-element.elementor-element-076c9dd > .elementor-widget-container{margin:0px 0px 180px 0px;padding:0px 0px 0px 0px;}.elementor-1981 .elementor-element.elementor-element-076c9dd .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1981 .elementor-element.elementor-element-076c9dd:after{content:"0.5";}.elementor-1981 .elementor-element.elementor-element-076c9dd .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-1981 .elementor-element.elementor-element-c119151{--width:70%;}.elementor-1981 .elementor-element.elementor-element-4ac0ec2{--width:30%;}.elementor-1981 .elementor-element.elementor-element-329d5a4{width:57.368%;}.elementor-1981 .elementor-element.elementor-element-c5d895d{width:42.588%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1981 .elementor-element.elementor-element-329d5a4{width:100%;}.elementor-1981 .elementor-element.elementor-element-c5d895d{width:100%;}}/* Start custom CSS *//* 1. Reset & Aturan Dasar Tabel */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    color: #333333;
    background-color: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden; /* Agar radius sudut terlihat */
}

/* 2. Merapikan Baris Pertama (Header Tabel) */
table tbody tr:first-child {
    background-color: #1a365d; /* Warna biru gelap formal */
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
}

/* Memastikan teks header berwarna putih walau ada class bawaan */
table tbody tr:first-child span {
    color: #ffffff !important;
    font-weight: bold;
}

/* 3. Desain Sel (Padding dan Alignment) */
table td {
    padding: 12px 16px;
    border-bottom: 1px solid #e2e8f0; /* Garis pembatas abu-abu tipis */
    vertical-align: middle; /* Menjaga teks tetap di tengah secara vertikal saat ada rowspan */
    line-height: 1.5;
}

/* Menghilangkan margin bawaan tag <p> di dalam tabel agar tidak terlalu renggang */
table td p {
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Efek Zebra & Hover (Membantu keterbacaan data) */
table tbody tr:not(:first-child):nth-child(even) {
    background-color: #f8fafc; /* Warna selang-seling abu-abu sangat muda */
}

table tbody tr:not(:first-child):hover {
    background-color: #f1f5f9; /* Efek highlight saat mouse diarahkan ke baris */
    transition: background-color 0.2s ease;
}

/* 5. Sentuhan Tambahan untuk Kolom Tertentu */
/* Kolom terakhir (Accessories & Surface Treatment) yang digabung (colspan) */
table td[colspan="4"] {
    background-color: #f8fafc;
    font-style: italic;
    color: #4a5568;
}

/* ==========================================================================
   TATA LETAK & KERAPIAN TABEL
   ========================================================================== */

/* 1. Struktur Dasar Tabel */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}

/* 2. Merapikan Baris Pertama (Header Tabel) */
table tbody tr:first-child {
    font-weight: bold;
}

/* Memastikan teks header tetap tebal walau ada class bawaan */
table tbody tr:first-child span {
    font-weight: bold !important;
}

/* 3. Desain Sel (Padding dan Penyelarasan) */
table td {
    padding: 12px 16px;
    border: 1px solid; /* Menggunakan warna border default sistem */
    vertical-align: middle; /* Menjaga teks tetap di tengah secara vertikal saat ada rowspan */
    line-height: 1.5;
}

/* Menghilangkan margin bawaan tag <p> di dalam tabel agar tidak renggang */
table td p {
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================================
   TATA LETAK & KERAPIAN LIST (UL & LI)
   ========================================================================== */

/* 1. Aturan Dasar Unordered List */
ul {
    padding-left: 20px; /* Jarak masuk list ke dalam */
    margin: 10px 0;
}

/* 2. Jarak Antar Item List */
ul li {
    margin-bottom: 6px;
    line-height: 1.5;
}

/* 3. Penyesuaian jika List berada di dalam Tabel */
table td ul {
    margin: 5px 0;
    padding-left: 15px;
}

.conten-product ul, .conten-product li {
    list-style: disc;
}/* End custom CSS */