{"id":194,"date":"2026-08-27T07:11:04","date_gmt":"2026-08-27T07:11:04","guid":{"rendered":"https:\/\/homelift.damarnusantara.com\/?page_id=194"},"modified":"2026-08-27T07:11:04","modified_gmt":"2026-08-27T07:11:04","slug":"hidraulik-type","status":"publish","type":"page","link":"https:\/\/homelift.damarnusantara.com\/?page_id=194","title":{"rendered":"Hidraulik Type"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n:root {\n    --primary-color: #0d2b45;     \n    --accent-gold: #c99e32;       \n    --accent-gold-hover: #b08722;\n    --dark-bg: #12161a;\n    --dark-card: #1b2127;\n    --light-bg: #f5f7fa;\n    --border-color: #e5e9f0;\n    --text-main: #2b3542;\n    --text-muted: #6c7a89;\n    --white: #ffffff;\n    --wa-green: #25D366;\n}\n\n* {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\nhtml {\n    scroll-behavior: smooth;\n}\n\nbody {\n    font-family: 'Open Sans', sans-serif;\n    color: var(--text-main);\n    background-color: var(--white);\n    line-height: 1.6;\n    overflow-x: hidden;\n}\n\nh1, h2, h3, h4, h5, h6 {\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n}\n\n.container {\n    max-width: 1220px;\n    margin: 0 auto;\n    padding: 0 20px;\n}\n\n.section-padding { padding: 75px 0; }\n.bg-white { background-color: var(--white); }\n.bg-light { background-color: var(--light-bg); }\n.bg-dark { background-color: var(--dark-bg); }\n.text-white { color: var(--white) !important; }\n.text-gray { color: #9aa8b6; }\n.text-gold { color: var(--accent-gold); }\n.text-highlight { color: var(--accent-gold); }\n.text-center { text-align: center; }\n\n.sub-label {\n    display: inline-block;\n    color: var(--accent-gold);\n    font-family: 'Montserrat', sans-serif;\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    margin-bottom: 8px;\n}\n\n.section-heading h2 {\n    font-size: 2.3rem;\n    color: var(--primary-color);\n    margin-bottom: 12px;\n}\n\n.section-heading p {\n    color: var(--text-muted);\n    font-size: 1.05rem;\n    max-width: 680px;\n    margin: 0 auto 45px;\n}\n\n\/* 1. Top Bar *\/\n.top-bar {\n    background-color: #071524;\n    color: #b0c0d0;\n    font-size: 0.85rem;\n    padding: 9px 0;\n    border-bottom: 1px solid rgba(255,255,255,0.08);\n}\n.top-bar-inner {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n}\n.contact-info span {\n    margin-right: 22px;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n.contact-info i { color: var(--accent-gold); }\n.btn-top-quote {\n    color: var(--accent-gold);\n    text-decoration: none;\n    font-weight: 600;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    transition: 0.2s;\n}\n.btn-top-quote:hover { color: var(--white); }\n\n\/* 2. Main Header *\/\n.main-header {\n    position: sticky;\n    top: 0;\n    z-index: 1000;\n    background: var(--white);\n    box-shadow: 0 2px 15px rgba(0,0,0,0.06);\n}\n.header-inner {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 20px;\n}\n.logo-img {\n    height: 52px;\n    width: auto;\n    object-fit: contain;\n}\n.nav-menu ul {\n    display: flex;\n    list-style: none;\n    gap: 25px;\n}\n.nav-menu a {\n    text-decoration: none;\n    color: var(--primary-color);\n    font-weight: 600;\n    font-size: 0.95rem;\n    transition: 0.2s;\n}\n.nav-menu a:hover, .nav-menu a.active {\n    color: var(--accent-gold);\n}\n.header-cta {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n.btn-wa-header {\n    background-color: var(--wa-green);\n    color: var(--white);\n    text-decoration: none;\n    padding: 8px 18px;\n    font-weight: 700;\n    font-size: 0.88rem;\n    border-radius: 4px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    transition: 0.3s;\n}\n.btn-wa-header:hover {\n    background-color: #1eb956;\n}\n.mobile-toggle {\n    display: none;\n    background: none;\n    border: none;\n    font-size: 1.5rem;\n    color: var(--primary-color);\n    cursor: pointer;\n}\n\n\/* 3. Hero Section *\/\n.hero-section {\n    background: linear-gradient(135deg, #091929 0%, #102e4c 100%);\n    color: var(--white);\n    padding: 70px 0;\n}\n.hero-grid {\n    display: grid;\n    grid-template-columns: 1.15fr 0.85fr;\n    gap: 40px;\n    align-items: center;\n}\n.badge-tag {\n    display: inline-block;\n    background: rgba(201, 158, 50, 0.15);\n    border: 1px solid var(--accent-gold);\n    color: var(--accent-gold);\n    padding: 5px 14px;\n    border-radius: 4px;\n    font-size: 0.8rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    margin-bottom: 18px;\n}\n.hero-text h1 {\n    font-size: 3.2rem;\n    line-height: 1.15;\n    margin-bottom: 18px;\n}\n.hero-desc {\n    color: #c7d5e4;\n    font-size: 1.05rem;\n    line-height: 1.7;\n    margin-bottom: 30px;\n}\n.hero-btns {\n    display: flex;\n    gap: 15px;\n    flex-wrap: wrap;\n}\n.btn-primary-wemet {\n    background-color: var(--accent-gold);\n    color: #071524;\n    padding: 13px 26px;\n    font-weight: 700;\n    font-size: 0.95rem;\n    text-decoration: none;\n    border-radius: 4px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    transition: 0.3s;\n}\n.btn-primary-wemet:hover {\n    background-color: var(--accent-gold-hover);\n    color: var(--white);\n}\n.btn-secondary-wemet {\n    background: transparent;\n    color: var(--white);\n    border: 1px solid rgba(255,255,255,0.4);\n    padding: 13px 26px;\n    font-weight: 600;\n    font-size: 0.95rem;\n    text-decoration: none;\n    border-radius: 4px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    transition: 0.3s;\n}\n.btn-secondary-wemet:hover {\n    border-color: var(--white);\n    background: rgba(255,255,255,0.08);\n}\n.hero-image-box img {\n    width: 100%;\n    max-height: 480px;\n    object-fit: cover;\n    border-radius: 10px;\n    box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n    border: 1px solid rgba(255,255,255,0.1);\n}\n\n\/* 4. Trust \/ Stat Bar *\/\n.trust-bar {\n    background-color: #06111a;\n    color: var(--white);\n    padding: 25px 0;\n    border-bottom: 2px solid var(--accent-gold);\n}\n.trust-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 20px;\n}\n.trust-item {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n}\n.trust-item i {\n    font-size: 2rem;\n    color: var(--accent-gold);\n}\n.trust-item h4 {\n    font-size: 0.95rem;\n    margin-bottom: 2px;\n}\n.trust-item p {\n    font-size: 0.8rem;\n    color: #92a4b8;\n    margin: 0;\n}\n\n\/* 5. Product Cards *\/\n.product-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 22px;\n}\n.product-card {\n    background: var(--white);\n    border: 1px solid var(--border-color);\n    border-radius: 8px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: transform 0.3s, box-shadow 0.3s;\n}\n.product-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 12px 30px rgba(0,0,0,0.08);\n    border-color: var(--accent-gold);\n}\n.card-img-wrap {\n    position: relative;\n    height: 230px;\n    background-color: #edf2f7;\n}\n.card-img-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n.card-badge {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    background: #091929;\n    color: var(--accent-gold);\n    font-size: 0.72rem;\n    font-weight: 700;\n    padding: 3px 9px;\n    border-radius: 3px;\n    text-transform: uppercase;\n}\n.card-content {\n    padding: 20px;\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n.card-content h3 {\n    font-size: 1.15rem;\n    color: var(--primary-color);\n    margin-bottom: 3px;\n}\n.card-subtitle {\n    font-size: 0.82rem;\n    color: var(--accent-gold-hover);\n    font-weight: 600;\n    margin-bottom: 12px;\n}\n.card-specs {\n    list-style: none;\n    font-size: 0.84rem;\n    color: var(--text-muted);\n    margin-bottom: 18px;\n    flex-grow: 1;\n}\n.card-specs li {\n    margin-bottom: 6px;\n    display: flex;\n    gap: 6px;\n}\n.card-specs i {\n    color: var(--accent-gold);\n    margin-top: 3px;\n}\n.card-link {\n    color: var(--primary-color);\n    font-weight: 700;\n    font-size: 0.88rem;\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    transition: color 0.2s;\n}\n.card-link:hover {\n    color: var(--accent-gold);\n}\n\n\/* 6. Feature Grid *\/\n.features-grid-wemet {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 25px;\n}\n.feature-item {\n    background: var(--light-bg);\n    border: 1px solid var(--border-color);\n    padding: 30px 22px;\n    border-radius: 8px;\n    transition: 0.3s;\n}\n.feature-item:hover {\n    border-color: var(--accent-gold);\n    background: var(--white);\n    box-shadow: 0 10px 25px rgba(0,0,0,0.06);\n}\n.feat-icon {\n    width: 55px;\n    height: 55px;\n    background: var(--primary-color);\n    color: var(--accent-gold);\n    border-radius: 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.5rem;\n    margin-bottom: 18px;\n}\n.feature-item h4 {\n    font-size: 1.15rem;\n    color: var(--primary-color);\n    margin-bottom: 8px;\n}\n.feature-item p {\n    font-size: 0.9rem;\n    color: var(--text-muted);\n    line-height: 1.6;\n}\n\n\/* 7. Parameter Table & BlueprintS *\/\n.param-layout {\n    display: grid;\n    grid-template-columns: 1.35fr 0.9fr;\n    gap: 30px;\n    align-items: start;\n}\n.param-table-container {\n    background: var(--white);\n    border: 1px solid var(--border-color);\n    border-radius: 8px;\n    overflow: hidden;\n}\n.wemet-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 0.92rem;\n}\n.wemet-table th {\n    background-color: var(--primary-color);\n    color: var(--white);\n    padding: 13px 18px;\n    text-align: left;\n    font-family: 'Montserrat', sans-serif;\n}\n.wemet-table td {\n    padding: 11px 18px;\n    border-bottom: 1px solid var(--border-color);\n}\n.wemet-table tr:nth-child(even) td {\n    background-color: #f8fafc;\n}\n.blueprint-card {\n    background: var(--white);\n    border: 1px solid var(--border-color);\n    border-radius: 8px;\n    padding: 20px;\n}\n.blueprint-card img {\n    width: 100%;\n    height: auto;\n    border-radius: 6px;\n    margin-bottom: 18px;\n}\n.blueprint-footer h4 {\n    color: var(--primary-color);\n    font-size: 1.1rem;\n    margin-bottom: 8px;\n}\n.blueprint-footer p {\n    color: var(--text-muted);\n    font-size: 0.88rem;\n    margin-bottom: 15px;\n}\n.btn-custom-quote {\n    display: inline-block;\n    background: var(--primary-color);\n    color: var(--white);\n    padding: 9px 18px;\n    font-size: 0.85rem;\n    font-weight: 700;\n    text-decoration: none;\n    border-radius: 4px;\n    transition: 0.3s;\n}\n.btn-custom-quote:hover {\n    background: var(--accent-gold);\n    color: #091929;\n}\n\n\/* 8. Safety Grid *\/\n.safety-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 22px;\n}\n.safety-card {\n    display: flex;\n    gap: 18px;\n    background: var(--dark-card);\n    border: 1px solid rgba(255,255,255,0.06);\n    border-radius: 8px;\n    padding: 22px;\n}\n.safety-icon-wrap {\n    font-size: 2rem;\n    color: var(--accent-gold);\n    line-height: 1;\n}\n.safety-details h4 {\n    font-size: 1.1rem;\n    color: var(--white);\n    margin-bottom: 6px;\n}\n.safety-details p {\n    font-size: 0.88rem;\n    color: #9aa8b6;\n    line-height: 1.6;\n}\n\n\/* 9. Customization Tab System *\/\n.tab-wrapper {\n    max-width: 920px;\n    margin: 0 auto;\n}\n.tab-nav {\n    display: flex;\n    justify-content: center;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-bottom: 25px;\n}\n.tab-btn {\n    background: var(--light-bg);\n    border: 1px solid var(--border-color);\n    padding: 9px 20px;\n    border-radius: 4px;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 600;\n    font-size: 0.88rem;\n    cursor: pointer;\n    transition: 0.3s;\n    color: var(--primary-color);\n}\n.tab-btn.active, .tab-btn:hover {\n    background: var(--primary-color);\n    color: var(--white);\n    border-color: var(--primary-color);\n}\n.tab-pane {\n    display: none;\n    animation: fadeIn 0.4s ease;\n}\n.tab-pane.active {\n    display: block;\n}\n.tab-pane-title {\n    font-size: 1.2rem;\n    color: var(--primary-color);\n    margin-bottom: 5px;\n}\n.tab-pane-desc {\n    color: var(--text-muted);\n    font-size: 0.9rem;\n    margin-bottom: 20px;\n}\n.tab-image-box img {\n    max-width: 100%;\n    height: auto;\n    border-radius: 8px;\n    border: 1px solid var(--border-color);\n}\n\n\/* 10. Inquiry \/ Quote Form Section *\/\n.inquiry-grid {\n    display: grid;\n    grid-template-columns: 1fr 1.05fr;\n    gap: 40px;\n    align-items: center;\n}\n.inquiry-left h2 {\n    font-size: 2.1rem;\n    color: var(--primary-color);\n    margin-bottom: 12px;\n}\n.inquiry-left p {\n    color: var(--text-muted);\n    margin-bottom: 25px;\n}\n.icc-item {\n    display: flex;\n    gap: 14px;\n    margin-bottom: 16px;\n    align-items: flex-start;\n}\n.icc-item i {\n    font-size: 1.2rem;\n    color: var(--accent-gold);\n    margin-top: 4px;\n}\n.icc-item strong {\n    display: block;\n    color: var(--primary-color);\n    font-size: 0.92rem;\n}\n.icc-item span {\n    color: var(--text-muted);\n    font-size: 0.88rem;\n}\n.form-wrapper {\n    background: var(--white);\n    border: 1px solid var(--border-color);\n    border-radius: 8px;\n    padding: 30px;\n    box-shadow: 0 8px 25px rgba(0,0,0,0.05);\n}\n.form-wrapper h3 {\n    font-size: 1.25rem;\n    color: var(--primary-color);\n    margin-bottom: 18px;\n}\n.form-group {\n    margin-bottom: 14px;\n}\n.form-group label {\n    display: block;\n    font-size: 0.82rem;\n    font-weight: 600;\n    margin-bottom: 5px;\n    color: var(--primary-color);\n}\n.form-group input, .form-group select {\n    width: 100%;\n    padding: 10px 12px;\n    border: 1px solid var(--border-color);\n    border-radius: 4px;\n    font-family: inherit;\n    font-size: 0.88rem;\n    outline: none;\n    transition: border 0.2s;\n}\n.form-group input:focus, .form-group select:focus {\n    border-color: var(--accent-gold);\n}\n.form-row-2 {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n}\n.btn-submit-form {\n    width: 100%;\n    background-color: var(--wa-green);\n    color: var(--white);\n    border: none;\n    padding: 12px;\n    font-weight: 700;\n    font-size: 0.95rem;\n    border-radius: 4px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    transition: 0.3s;\n}\n.btn-submit-form:hover {\n    background-color: #1eb956;\n}\n\n\n.main-footer {\n    background-color: #06111a;\n    color: #92a4b8;\n    padding-top: 60px;\n}\n.footer-top {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr 1.3fr;\n    gap: 35px;\n    padding-bottom: 40px;\n}\n.footer-logo {\n    height: 50px;\n    width: auto;\n    margin-bottom: 14px;\n}\n.col-about p {\n    font-size: 0.88rem;\n    line-height: 1.6;\n    margin-bottom: 15px;\n}\n.footer-badges span {\n    display: inline-block;\n    border: 1px solid rgba(201,158,50,0.4);\n    color: var(--accent-gold);\n    font-size: 0.75rem;\n    padding: 4px 8px;\n    border-radius: 3px;\n    margin-right: 6px;\n}\n.footer-col h4 {\n    color: var(--white);\n    font-size: 1.05rem;\n    margin-bottom: 16px;\n    position: relative;\n}\n.footer-col h4::after {\n    content: '';\n    position: absolute;\n    bottom: -5px;\n    left: 0;\n    width: 25px;\n    height: 2px;\n    background-color: var(--accent-gold);\n}\n.footer-col ul {\n    list-style: none;\n}\n.footer-col ul li {\n    margin-bottom: 8px;\n}\n.footer-col ul li a {\n    color: #92a4b8;\n    text-decoration: none;\n    font-size: 0.88rem;\n    transition: 0.2s;\n}\n.footer-col ul li a:hover {\n    color: var(--accent-gold);\n}\n.col-contact p {\n    font-size: 0.88rem;\n    margin-bottom: 10px;\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n}\n.col-contact i {\n    color: var(--accent-gold);\n    margin-top: 4px;\n}\n.footer-bottom {\n    border-top: 1px solid rgba(255,255,255,0.08);\n    padding: 18px 0;\n    font-size: 0.82rem;\n}\n.footer-bottom-inner {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.wa-float {\n    position: fixed;\n    bottom: 25px;\n    right: 25px;\n    width: 55px;\n    height: 55px;\n    background-color: var(--wa-green);\n    color: var(--white);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 28px;\n    box-shadow: 0 5px 20px rgba(37,211,102,0.4);\n    z-index: 999;\n    text-decoration: none;\n    transition: 0.3s;\n}\n.wa-float:hover {\n    transform: scale(1.1);\n}\n\n@keyframes fadeIn {\n    from { opacity: 0; transform: translateY(6px); }\n    to { opacity: 1; transform: translateY(0); }\n}\n\n@media (max-width: 1024px) {\n    .product-grid { grid-template-columns: repeat(2, 1fr); }\n    .features-grid-wemet { grid-template-columns: repeat(2, 1fr); }\n    .trust-grid { grid-template-columns: repeat(2, 1fr); }\n    .hero-grid { grid-template-columns: 1fr; text-align: center; }\n    .hero-btns { justify-content: center; }\n    .param-layout { grid-template-columns: 1fr; }\n    .footer-top { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 768px) {\n    .top-bar { display: none; }\n    .mobile-toggle { display: block; }\n    .nav-menu {\n        display: none;\n        position: absolute;\n        top: 100%;\n        left: 0;\n        width: 100%;\n        background: var(--white);\n        flex-direction: column;\n        padding: 20px;\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n    }\n    .nav-menu.active { display: block; }\n    .nav-menu ul { flex-direction: column; gap: 15px; }\n    .hero-text h1 { font-size: 2.3rem; }\n    .product-grid { grid-template-columns: 1fr; }\n    .features-grid-wemet { grid-template-columns: 1fr; }\n    .safety-grid { grid-template-columns: 1fr; }\n    .trust-grid { grid-template-columns: 1fr; }\n    .inquiry-grid { grid-template-columns: 1fr; }\n    .form-row-2 { grid-template-columns: 1fr; }\n    .footer-top { grid-template-columns: 1fr; }\n}\n\n\n\/*  SPESIFIKASI HIDRAULIK *\/\n   .page-header-banner {\n    background: linear-gradient(135deg, rgba(9, 25, 41, 0.9) 0%, rgba(16, 46, 76, 0.9) 100%), url('image_3aec07.jpg') center\/cover;\n    padding: 80px 0;\n    color: white;\n    text-align: center;\n    border-bottom: 3px solid var(--accent-gold);\n}\n.breadcrumb {\n    font-size: 0.9rem;\n    color: var(--accent-gold);\n    margin-bottom: 15px;\n    font-weight: 600;\n}\n.breadcrumb a {\n    color: #b0c0d0;\n    text-decoration: none;\n}\n.breadcrumb a:hover { color: white; }\n\n.detail-overview {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 50px;\n    align-items: center;\n}\n.overview-img img {\n    width: 100%;\n    border-radius: 12px;\n    box-shadow: 0 15px 40px rgba(0,0,0,0.1);\n}\n.overview-text h2 {\n    font-size: 2.2rem;\n    color: var(--primary-color);\n    margin-bottom: 20px;\n}\n.overview-text p {\n    color: var(--text-muted);\n    font-size: 1.05rem;\n    line-height: 1.7;\n    margin-bottom: 30px;\n}\n\n.quick-specs-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\n    margin-bottom: 30px;\n}\n.quick-spec-box {\n    background: var(--light-bg);\n    padding: 20px;\n    border-left: 4px solid var(--accent-gold);\n    border-radius: 4px;\n}\n.quick-spec-box span {\n    display: block;\n    font-size: 0.85rem;\n    color: var(--text-muted);\n    text-transform: uppercase;\n    font-weight: 700;\n}\n.quick-spec-box strong {\n    font-size: 1.4rem;\n    color: var(--primary-color);\n    font-family: 'Montserrat', sans-serif;\n}\n\n.safety-feature-img {\n    width: 100%;\n    border-radius: 8px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.04);\n}\n\n.customization-banner img {\n    width: 100%;\n    border-radius: 10px;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n    margin-top: 30px;\n}\n\n@media (max-width: 992px) {\n    .detail-overview { grid-template-columns: 1fr; }\n}\n\n\n\/* OPTIMASI TAMPILAN MOBILE  *\/\n@media screen and (max-width: 768px) {\n\n    .section-padding { padding: 50px 0 !important; }\n    h1, .page-title { font-size: 2.2rem !important; }\n    h2, .section-title { font-size: 1.8rem !important; }\n    .page-header-banner { padding: 60px 0 !important; }\n    .breadcrumb { font-size: 0.8rem !important; }\n\n\n    .features-grid-wemet { grid-template-columns: 1fr !important; }\n    .product-grid { grid-template-columns: 1fr !important; }\n    .quick-specs-grid { grid-template-columns: 1fr !important; gap: 15px !important; }\n    \n    \n    .param-table-container { \n        overflow-x: auto !important; \n        -webkit-overflow-scrolling: touch;\n    }\n    .wemet-table { min-width: 500px; } \n    .wemet-table th, .wemet-table td { \n        padding: 10px !important; \n        font-size: 0.85rem !important; \n    }\n\n\n    .catalog-wrapper { padding: 15px !important; }\n    .belt-feature-card { padding: 20px !important; }\n    .param-blueprint-box > div { padding: 15px !important; height: auto !important; }\n    \n    \n    .tab-nav { \n        flex-direction: column; \n        gap: 8px; \n    }\n    .tab-btn { \n        width: 100%; \n        padding: 10px !important; \n        font-size: 0.9rem !important; \n    }\n\n    .safety-list .safety-card { \n        flex-direction: column; \n        text-align: center; \n        align-items: center; \n    }\n    .safety-list .safety-icon-wrap { margin-bottom: 10px; }\n}\n\n.overview-img img, \n.catalog-wrapper img, \n.tab-image-box img, \n.param-blueprint-box img {\n    transition: transform 0.6s ease;\n}\n.overview-img:hover img, \n.catalog-wrapper:hover img, \n.tab-image-box:hover img, \n.param-blueprint-box:hover img {\n    transform: scale(1.03);\n}\n\n\n.reveal {\n    opacity: 0;\n    transform: translateY(40px);\n    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n}\n.reveal.active {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n\n.wa-float-wrapper {\n    position: fixed;\n    bottom: 25px;\n    right: 25px;\n    z-index: 9999;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    pointer-events: none; \n}\n.wa-bubble-text {\n    background: var(--white);\n    color: var(--primary-color);\n    padding: 10px 18px;\n    border-radius: 8px;\n    font-size: 0.9rem;\n    font-weight: 700;\n    box-shadow: 0 5px 20px rgba(0,0,0,0.15);\n    position: relative;\n    animation: floatingBubble 2.5s infinite ease-in-out;\n    border: 1px solid var(--border-color);\n}\n.wa-bubble-text::after {\n    content: '';\n    position: absolute;\n    right: -7px;\n    top: 50%;\n    transform: translateY(-50%);\n    border-width: 7px 0 7px 7px;\n    border-style: solid;\n    border-color: transparent transparent transparent var(--white);\n}\n.wa-float-btn {\n    width: 60px;\n    height: 60px;\n    background-color: var(--wa-green);\n    color: var(--white);\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 32px;\n    box-shadow: 0 6px 20px rgba(37,211,102,0.4);\n    text-decoration: none;\n    transition: all 0.3s;\n    pointer-events: auto; \n}\n.wa-float-btn:hover {\n    transform: scale(1.1) rotate(-10deg);\n}\n@keyframes floatingBubble {\n    0%, 100% { transform: translateY(0); }\n    50% { transform: translateY(-6px); }\n}\n\n@media (max-width: 768px) {\n    .wa-bubble-text { display: none; }\n}\n\n\/* OPTIMASI KHUSUS TABLET & HANDPHONE *\/\n\n@media screen and (max-width: 992px) {\n\n    .header-inner { padding: 12px 20px; }\n    \n    \/* Layout Overview & Spesifikasi menjadi 1 kolom yang rapi *\/\n    .detail-overview { \n        grid-template-columns: 1fr !important; \n        gap: 35px !important; \n    }\n    .param-layout { \n        grid-template-columns: 1fr !important; \n        gap: 30px !important; \n    }\n    \n   \n    .product-grid { \n        grid-template-columns: repeat(2, 1fr) !important; \n        gap: 20px !important; \n    }\n    .features-grid-wemet { \n        grid-template-columns: repeat(2, 1fr) !important; \n        gap: 20px !important; \n    }\n    .safety-grid { \n        grid-template-columns: repeat(2, 1fr) !important; \n    }\n    \n    .overview-img img,\n    .catalog-wrapper,\n    .belt-feature-card {\n        max-width: 100% !important;\n    }\n}\n\n@media screen and (max-width: 768px) {\n    h1, .page-header-banner h1 { \n        font-size: 2rem !important; \n        line-height: 1.25 !important; \n    }\n    h2, .section-heading h2 { \n        font-size: 1.6rem !important; \n        line-height: 1.3 !important; \n    }\n    .hero-desc, .section-heading p { \n        font-size: 0.95rem !important; \n    }\n    .section-padding { \n        padding: 45px 0 !important; \n    }\n    .page-header-banner { \n        padding: 50px 15px !important; \n    }\n\n    .product-grid,\n    .features-grid-wemet,\n    .safety-grid,\n    .quick-specs-grid,\n    .inquiry-grid { \n        grid-template-columns: 1fr !important; \n        gap: 15px !important; \n    }\n\n    .tab-nav { \n        display: flex;\n        flex-direction: column;\n        gap: 8px; \n    }\n    .tab-btn { \n        width: 100%; \n        padding: 12px 15px !important; \n        font-size: 0.9rem !important;\n        text-align: center;\n    }\n\n    .param-table-container { \n        overflow-x: auto !important; \n        -webkit-overflow-scrolling: touch;\n        border-radius: 8px;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    }\n    .wemet-table { \n        min-width: 480px; \n    }\n    .wemet-table th, \n    .wemet-table td { \n        padding: 10px 12px !important; \n        font-size: 0.85rem !important; \n    }\n\n    .btn-primary-wemet, \n    .btn-secondary-wemet, \n    .btn-submit-form { \n        width: 100%; \n        text-align: center;\n        padding: 14px 20px !important;\n        font-size: 1rem !important;\n    }\n\n    \n    .wa-bubble-text { \n        display: none !important; \n    }\n    .wa-float-wrapper { \n        bottom: 20px; \n        right: 20px; \n    }\n    .wa-float-btn { \n        width: 52px; \n        height: 52px; \n        font-size: 26px; \n    }\n}\n\n@media (hover: none) {\n    .btn-primary-wemet:hover,\n    .btn-secondary-wemet:hover,\n    .feature-item:hover,\n    .product-card:hover {\n        transform: none !important;\n    }\n}\n\n@media screen and (max-width: 992px) {\n    .nav-menu {\n        display: none;\n        position: absolute;\n        top: 100%;\n        left: 0;\n        width: 100%;\n        background-color: var(--white);\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n        border-top: 1px solid var(--border-color);\n    }\n    .nav-menu.active {\n        display: block !important;\n    }\n    .nav-menu ul {\n        flex-direction: column;\n        padding: 0;\n    }\n    .nav-menu ul li {\n        margin: 0;\n    }\n    .nav-menu ul li a {\n        display: block;\n        padding: 15px 20px;\n        border-bottom: 1px solid var(--light-bg);\n    }\n}\n\n.hero-text {\n    background: rgba(9, 25, 41, 0.75); \n    padding: 35px 40px;\n    border-radius: 16px; \n    backdrop-filter: blur(6px); \n    border: 1px solid rgba(255, 255, 255, 0.1); \n    display: inline-block;\n}\n\n   .features-grid-wemet > div,\n   .feature-item {\n       background: rgba(255, 255, 255, 0.65) !important; \n       backdrop-filter: blur(12px) !important; \n       -webkit-backdrop-filter: blur(12px) !important; \n       border: 1px solid rgba(255, 255, 255, 0.8) !important; \n       box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05) !important; \n   }\n\n.feature-card li {\n    color: #1a2b3c !important; \n}\n\n.feature-card li span:first-child,\n.feature-card li strong {\n    color: #091929 !important; \n    font-weight: 700 !important; \n}\n\n.mobile-menu-btn {\n    display: none !important; \n}\n\n\n@media (max-width: 991px) {\n    .mobile-menu-btn {\n        display: block !important;\n    }\n\n    .nav-menu {\n        display: none;\n        width: 100%;\n        position: absolute;\n        top: 100%; \n        left: 0;\n        background-color: #ffffff; \n        box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n        padding: 20px;\n        z-index: 999;\n    }\n\n    \n    .nav-menu ul {\n        flex-direction: column;\n        gap: 15px;\n    }\n\n    .nav-menu.active {\n        display: block !important;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/\/ 1. Fungsi Klik Tab Kustomisasi Kabin\nfunction switchTab(event, tabId) {\n    const panes = document.querySelectorAll('.tab-pane');\n    panes.forEach(pane => pane.classList.remove('active'));\n\n    const btns = document.querySelectorAll('.tab-btn');\n    btns.forEach(btn => btn.classList.remove('active'));\n\n    const targetPane = document.getElementById(tabId);\n    if (targetPane) {\n        targetPane.classList.add('active');\n    }\n    event.currentTarget.classList.add('active');\n}\n\n\/\/ 2. Fungsi Animasi Scroll (Reveal)\nfunction reveal() {\n    var reveals = document.querySelectorAll(\".reveal\");\n    for (var i = 0; i < reveals.length; i++) {\n        var windowHeight = window.innerHeight;\n        var elementTop = reveals[i].getBoundingClientRect().top;\n        var elementVisible = 100; \n\n        if (elementTop < windowHeight - elementVisible) {\n            reveals[i].classList.add(\"active\");\n        }\n    }\n}\nwindow.addEventListener(\"scroll\", reveal);\nreveal();\n\n\/\/ 3. Fungsi Menu Navigasi &#038; Form WhatsApp (Dijalankan saat web selesai dimuat)\ndocument.addEventListener('DOMContentLoaded', () => {\n    \n    \/\/ -- Logika Menu Mobile --\n    const menuToggle = document.getElementById('menuToggle') || document.getElementById('mobileMenuBtn');\n    const navMenu = document.getElementById('navMenu');\n\n    if (menuToggle && navMenu) {\n        menuToggle.addEventListener('click', function() {\n            navMenu.classList.toggle('active');\n            \n            const icon = this.querySelector(\"i\");\n            if (icon) {\n                if (navMenu.classList.contains(\"active\")) {\n                    icon.classList.remove(\"fa-bars\");\n                    icon.classList.add(\"fa-xmark\"); \n                } else {\n                    icon.classList.remove(\"fa-xmark\");\n                    icon.classList.add(\"fa-bars\");\n                }\n            }\n        });\n\n        \/\/ Tutup menu otomatis saat link diklik\n        document.querySelectorAll('.nav-menu a').forEach(link => {\n            link.addEventListener('click', () => {\n                navMenu.classList.remove('active');\n                const icon = menuToggle.querySelector(\"i\");\n                if (icon) {\n                    icon.classList.remove(\"fa-xmark\");\n                    icon.classList.add(\"fa-bars\");\n                }\n            });\n        });\n    }\n\n    \/\/ -- Logika Form WhatsApp --\n    const quoteForm = document.getElementById('quoteForm');\n    \n    if (quoteForm) {\n        quoteForm.addEventListener('submit', function(e) {\n            e.preventDefault(); \n            \n            \/\/ Ambil data (ditambah fallback jika form kosong)\n            const name = document.getElementById('formName') ? document.getElementById('formName').value.trim() : '';\n            const phone = document.getElementById('formPhone') ? document.getElementById('formPhone').value.trim() : '';\n            const floors = document.getElementById('formFloors') ? document.getElementById('formFloors').value : '';\n            const liftType = document.getElementById('formLiftType') ? document.getElementById('formLiftType').value : '';\n            const city = document.getElementById('formCity') ? document.getElementById('formCity').value.trim() : '-';\n    \n            \/\/ Format Pesan\n            const message = `Halo Tim Penjualan IKAME Lift,\\n\\nSaya ingin mengajukan permintaan penawaran harga:\\n- *Nama Pemesan:* ${name}\\n- *No. WhatsApp:* ${phone}\\n- *Kebutuhan Lantai:* ${floors}\\n- *Tipe Lift:* ${liftType}\\n- *Kota \/ Lokasi Proyek:* ${city}\\n\\nMohon bantuan estimasi harga dan jadwal konsultasi. Terima kasih.`;\n            \n            \/\/ Buka WhatsApp\n            const waURL = `https:\/\/wa.me\/6281281192244?text=${encodeURIComponent(message)}`;\n            window.open(waURL, '_blank');\n        });\n    }\n});\n<\/script>\n\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Spesifikasi Home Lift Hidraulik | IKAME PT DNS<\/title>\n    <link rel=\"icon\" href=\"logo\/logo premium.png\" type=\"image\/png\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&amp;family=Open+Sans:wght@400;600&amp;display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link rel=\"stylesheet\" href=\"style.css\">\n\n<header class=\"main-header\">\n        <div class=\"container header-inner\">\n            <a href=\"index.html\" class=\"brand-logo\">\n                <img decoding=\"async\" src=\"https:\/\/homelift.damarnusantara.com\/wp-content\/uploads\/2026\/08\/logo-premium.png\" alt=\"IKAME Home Lift\" class=\"logo-img\">\n            <\/a>\n            <nav class=\"nav-menu\" id=\"navMenu\">\n                <ul>\n                    <li><a href=\"index.html\">Home<\/a><\/li>\n                    <li><a href=\"index.html#products\" class=\"active\">Model Lift<\/a><\/li>\n                    <li><a href=\"index.html#features\">Keunggulan<\/a><\/li>\n                    <li><a href=\"tentang-kami.html\">Tentang Kami<\/a><\/li>\n                <\/ul>\n            <\/nav>\n            <div class=\"header-cta\">\n                <a href=\"https:\/\/wa.me\/6281281192244\" target=\"_blank\" class=\"btn-wa-header\">\n                    <i class=\"fa-brands fa-whatsapp\"><\/i> Hubungi Kami\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <section class=\"page-header-banner\" style=\"background: url('https:\/\/homelift.damarnusantara.com\/wp-content\/uploads\/2026\/08\/HOME-LIFT-LANDCAPE-AI-scaled.png') center\/cover no-repeat;padding: 180px 0;\">\n        <div class=\"container\" style=\"position: relative; z-index: 999;\">\n            <div class=\"breadcrumb\" style=\"pointer-events: auto !important; position: relative; z-index: 999999;\">\n                <a href=\"index.html\" style=\"pointer-events: auto !important;\">Home<\/a> &nbsp;\/&nbsp; <a href=\"index.html#products\" style=\"pointer-events: auto !important;\">Model Lift<\/a> &nbsp;\/&nbsp; Hydraulic Type\n            <\/div>\n            <h1 style=\"color: #ffffff; font-size: 42px; font-weight: bold; margin-bottom: 15px; text-shadow: 0 2px 10px rgba(0,0,0,0.7);\">\n                Home Lift Hidraulik\n            <\/h1>\n            <p style=\"color: #ffffff; font-size: 16px; margin: 0; text-shadow: 0 2px 10px rgba(0,0,0,0.7); font-weight: 500;\">\n                Sistem mobilitas vertikal handal tanpa kompromi pada estetika ruang.\n            <\/p>\n        <\/div>\n    <\/section>  \n\n    <section class=\"section-padding bg-white\">\n        <div class=\"container detail-overview\">\n            <div class=\"overview-img\">\n                <img decoding=\"async\" src=\"https:\/\/homelift.damarnusantara.com\/wp-content\/uploads\/2026\/08\/hydraulik.jpg\" alt=\"Detail Layout Hidraulik\" style=\"max-width: 100%; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,0.08);\">\n            <\/div>\n            <div class=\"overview-text\">\n                <span class=\"sub-label\">HYDRAULIC TYPE<\/span>\n                <h2>Solusi Efisiensi Ruang Tanpa Batas<\/h2>\n                <p>\n                    Home lift hidraulik IKAME tidak membutuhkan ruang mesin dengan spesifikasi tinggi maupun biaya konstruksi yang besar di bagian atas shaft, sehingga ketinggian shaft dapat sejajar dengan atap bangunan. Sistem ini ideal untuk renovasi maupun bangunan dengan struktur shaft terbatas.\n                <\/p>\n\n                <div class=\"quick-specs-grid\">\n                    <div class=\"quick-spec-box\">\n                        <span>Overhead Teratas<\/span>\n                        <strong>2.400 MM<\/strong>\n                    <\/div>\n                    <div class=\"quick-spec-box\">\n                        <span>Tinggi Angkat Maks<\/span>\n                        <strong>15.000 MM<\/strong>\n                    <\/div>\n                    <div class=\"quick-spec-box\">\n                        <span>Kecepatan Standar<\/span>\n                        <strong>0,3 M\/S<\/strong>\n                    <\/div>\n                    <div class=\"quick-spec-box\">\n                        <span>Daya \/ Tegangan<\/span>\n                        <strong>24V<\/strong>\n                    <\/div>\n                <\/div>\n\n                <a href=\"#inquiry-form\" class=\"btn-primary-wemet\"><i class=\"fa-solid fa-file-signature\"><\/i> Minta Penawaran Harga<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n   <section class=\"section-padding bg-light\">\n    <div class=\"container\">\n        <div class=\"section-heading text-center\">\n            <span class=\"sub-label\">PARAMETER TEKNIK<\/span>\n            <h2>Spesifikasi Teknis <span class=\"text-highlight\">Lengkap<\/span><\/h2>\n            <p>Data teknis acuan untuk mempermudah perencanaan sipil dan arsitektur rumah Anda.<\/p>\n        <\/div>\n\n        <div class=\"param-layout\" style=\"align-items: center;\">\n            \n            <div class=\"param-table-container\">\n                <table class=\"wemet-table\">\n                    <thead>\n                        <tr>\n                            <th style=\"width: 40%;\">Parameter<\/th>\n                            <th>Deskripsi \/ Nilai Spesifikasi<\/th>\n                        <\/tr>\n                    <\/thead>\n                    <tbody>\n                        <tr>\n                            <td><strong>Tipe Penggerak<\/strong><\/td>\n                            <td>Hydraulic cylinder system<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Ruang Mesin<\/strong><\/td>\n                            <td>Tidak diperlukan ruang mesin berstandar tinggi<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Beban Struktur<\/strong><\/td>\n                            <td>Beban kabin &amp; muatan disalurkan melalui silinder hidraulik ke dasar shaft<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Tinggi Lantai (Platform Elevator)<\/strong><\/td>\n                            <td>2400 mm (top floor height)<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Kecepatan<\/strong><\/td>\n                            <td>0,3 m\/s (standar platform elevator)<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Tegangan Kontrol<\/strong><\/td>\n                            <td>24 V<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Tinggi Angkat Maksimum<\/strong><\/td>\n                            <td>15.000 mm (15 m) &#8211; untuk tipe platform<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Instalasi Kebutuhan Pit<\/strong><\/td>\n                            <td>Dengan pit (kedalaman 100mm di bawah lantai jadi) atau tanpa pit dengan ramp kemiringan 100mm<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Sistem Penggerak (Platform)<\/strong><\/td>\n                            <td>Steel belt drive (Penggerak sabuk baja)<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Model Struktur<\/strong><\/td>\n                            <td>Tersedia dalam Varian Model Platform atau Varian Model Kabin<\/td>\n                        <\/tr>\n                        <tr>\n                            <td><strong>Lingkungan Pemasangan<\/strong><\/td>\n                            <td>Di dalam ruangan (Indoor)<\/td>\n                        <\/tr>\n                    <\/tbody>\n                <\/table>\n            <\/div>\n            \n            <div class=\"param-blueprint-box\">\n                <img decoding=\"async\" src=\"https:\/\/homelift.damarnusantara.com\/wp-content\/uploads\/2026\/08\/spesifikasi-hydraulik.png\" alt=\"Detail Layout Hidraulik\" style=\"width: 130%; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); display: block;\">\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n            \n            \n    <section class=\"section-padding bg-dark text-white\">\n        <div class=\"container\">\n            <div class=\"section-heading text-center\">\n                <span class=\"sub-label text-gold\">PROTEKSI &amp; DESAIN<\/span>\n                <h2 class=\"text-white\">Safety &amp; Design Features<\/h2>\n                <p class=\"text-white\">Dirancang untuk keamanan maksimal dengan estetika modern.<\/p>\n            <\/div>\n\n            <div class=\"detail-overview\">\n                <div class=\"overview-img\">\n                    <img decoding=\"async\" src=\"https:\/\/homelift.damarnusantara.com\/wp-content\/uploads\/2026\/08\/safety-lift.png\" alt=\"Safety Features IKAME Lift\">\n                <\/div>\n                <div class=\"safety-list\">\n                    <div class=\"safety-card\" style=\"margin-bottom: 20px;\">\n                        <div class=\"safety-icon-wrap\"><i class=\"fa-solid fa-gem\"><\/i><\/div>\n                        <div class=\"safety-details\">\n                            <h4>Material Premium<\/h4>\n                            <p>Menggunakan paduan aluminium (finishing powder coating) &amp; kaca tempered.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"safety-card\" style=\"margin-bottom: 20px;\">\n                        <div class=\"safety-icon-wrap\"><i class=\"fa-solid fa-person-rays\"><\/i><\/div>\n                        <div class=\"safety-details\">\n                            <h4>Integrasi Sensor Inframerah<\/h4>\n                            <p>Memberhentikan lift secara otomatis saat pintu terbuka.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"safety-card\" style=\"margin-bottom: 20px;\">\n                        <div class=\"safety-icon-wrap\"><i class=\"fa-solid fa-toggle-on\"><\/i><\/div>\n                        <div class=\"safety-details\">\n                            <h4>Control Panel Ergonomis<\/h4>\n                            <p>Tombol minimalis, memudahkan penggunaan. Lengkap dengan Emergency Stop Button.<\/p>\n                        <\/div>\n                    <\/div>\n                    <div class=\"safety-card\">\n                        <div class=\"safety-icon-wrap\"><i class=\"fa-solid fa-arrows-down-to-line\"><\/i><\/div>\n                        <div class=\"safety-details\">\n                            <h4>Mechanical Safety Edge<\/h4>\n                            <p>Menghentikan lift secara seketika saat menyentuh objek di bawah ketika turun.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"section-padding bg-white\">\n        <div class=\"container text-center\">\n            <div class=\"section-heading\">\n                <span class=\"sub-label\">KUSTOMISASI<\/span>\n                <h2>Sempurnakan Setiap Detail <span class=\"text-highlight\">Kemewahan Anda<\/span><\/h2>\n                <p>Pilih kombinasi warna, dinding belakang, plafon, hingga lantai PVC yang sesuai dengan karakter interior rumah Anda.<\/p>\n            <\/div>\n\n            <div class=\"tab-wrapper\">\n                <div class=\"tab-nav\">\n                    <button class=\"tab-btn active\" onclick=\"switchTab(event, 'warna-tab')\">Warna Rangka Kabin<\/button>\n                    <button class=\"tab-btn\" onclick=\"switchTab(event, 'dinding-tab')\">Dinding Belakang<\/button>\n                    <button class=\"tab-btn\" onclick=\"switchTab(event, 'lantai-tab')\">Lantai PVC &amp; Marmer<\/button>\n                    <button class=\"tab-btn\" onclick=\"switchTab(event, 'plafon-tab')\">Desain Plafon LED<\/button>\n                <\/div>\n\n                <div id=\"warna-tab\" class=\"tab-pane active\">\n                    <h4 class=\"tab-pane-title\">Koleksi Warna Rangka Kabin (Seri 01 &#8211; 08)<\/h4>\n                    <p class=\"tab-pane-desc\">Pilihan warna Matte Black, Luxury Gold, Champagne, Silver, hingga Motif Kayu Alami.<\/p>\n                    <div class=\"tab-image-box\">\n                        <img decoding=\"async\" src=\"https:\/\/homelift.damarnusantara.com\/wp-content\/uploads\/2026\/08\/koleksi-warna.png\" alt=\"Koleksi Warna Rangka Kabin\">\n                    <\/div>\n                <\/div>\n\n                <div id=\"dinding-tab\" class=\"tab-pane\">\n                    <h4 class=\"tab-pane-title\">Dinding Stainless Steel Etching (Seri IK01 &#8211; IK06)<\/h4>\n                    <p class=\"tab-pane-desc\">Tekstur laser-etching elegan, Rose Gold Mirror, dan Hairline Stainless Steel tahan gores.<\/p>\n                    <div class=\"tab-image-box\">\n                        <img decoding=\"async\" src=\"https:\/\/homelift.damarnusantara.com\/wp-content\/uploads\/2026\/08\/koleksi-dinding.png\" alt=\"Koleksi Dinding Belakang Stainless Steel\">\n                    <\/div>\n                <\/div>\n\n                <div id=\"lantai-tab\" class=\"tab-pane\">\n                    <h4 class=\"tab-pane-title\">Koleksi Lantai PVC Anti-Selip (Seri F01 &#8211; F12)<\/h4>\n                    <p class=\"tab-pane-desc\">Motif marmer mewah dengan permukaan tahan gores dan mudah dibersihkan.<\/p>\n                    <div class=\"tab-image-box\">\n                        <img decoding=\"async\" src=\"https:\/\/homelift.damarnusantara.com\/wp-content\/uploads\/2026\/08\/koleksi-lantai.png\" alt=\"Koleksi Lantai PVC\">\n                    <\/div>\n                <\/div>\n\n                <div id=\"plafon-tab\" class=\"tab-pane\">\n                    <h4 class=\"tab-pane-title\">Koleksi Plafon &amp; LED Downlight (Seri ZC01 &#8211; ZC08)<\/h4>\n                    <p class=\"tab-pane-desc\">Plafon modern titanium mirror dengan pencahayaan LED hemat daya yang hangat.<\/p>\n                    <div class=\"tab-image-box\">\n                        <img decoding=\"async\" src=\"https:\/\/homelift.damarnusantara.com\/wp-content\/uploads\/2026\/08\/koleksi-plafon.png\" alt=\"Koleksi Plafon\">\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>  \n\n    <section id=\"inquiry-form\" class=\"section-padding bg-light\">\n        <div class=\"container text-center\">\n            <h2 style=\"font-size: 2rem; color: var(--primary-color); margin-bottom: 20px;\">Tertarik dengan Tipe Hidraulik Ini?<\/h2>\n            <p style=\"color: var(--text-muted); margin-bottom: 30px; max-width: 600px; margin-left: auto; margin-right: auto;\">Tim sales engineer kami siap memberikan perhitungan estimasi harga dan panduan instalasi secara gratis.<\/p>\n            <a href=\"https:\/\/wa.me\/6281281192244?text=Halo%20IKAME,%20saya%20tertarik%20dengan%20Lift%20Hidraulik%20dan%20ingin%20meminta%20penawaran%20harga.\" target=\"_blank\" class=\"btn-primary-wemet\" style=\"font-size: 1.1rem; padding: 15px 35px;\">\n                <i class=\"fa-brands fa-whatsapp\"><\/i> Hubungi Spesialis Kami\n            <\/a>\n        <\/div>\n    <\/section>\n\n<div class=\"footer-bottom\">\n            <div class=\"container footer-bottom-inner text-center\" style=\"display: block;\">\n                <p>\u00a9 2026 PT Damar Nusantara Sentosa (IKAME Group). All Rights Reserved.<\/p>\n            <\/div>\n        <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Spesifikasi Home Lift Hidraulik | IKAME PT DNS Home Model Lift Keunggulan Tentang Kami Hubungi Kami Home &nbsp;\/&nbsp; Model Lift &nbsp;\/&nbsp; Hydraulic Type Home Lift Hidraulik Sistem mobilitas vertikal handal tanpa kompromi pada estetika ruang. HYDRAULIC TYPE Solusi Efisiensi Ruang Tanpa Batas Home lift hidraulik IKAME tidak membutuhkan ruang mesin dengan spesifikasi tinggi maupun biaya [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank-slate-template.php","meta":{"footnotes":""},"class_list":["post-194","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/homelift.damarnusantara.com\/index.php?rest_route=\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/homelift.damarnusantara.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/homelift.damarnusantara.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/homelift.damarnusantara.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/homelift.damarnusantara.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=194"}],"version-history":[{"count":6,"href":"https:\/\/homelift.damarnusantara.com\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":200,"href":"https:\/\/homelift.damarnusantara.com\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions\/200"}],"wp:attachment":[{"href":"https:\/\/homelift.damarnusantara.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}