:root {
    --primary-dark: #1F1008;
    --primary-brown: #331D10;
    --accent-gold: #B8860B;
    --accent-gold-glow: #D4AF37;
    --accent-light-gold: #E6CA65;
    --bg-light: #E9DCC3;
    --bg-card: rgba(244, 236, 225, 0.7);
    --text-dark: #1C120C;
    --text-muted: #5C4C42;
    --white: #FFFFFF;
    --glass-bg: rgba(255, 255, 255, 0.88);
    --glass-border: rgba(212, 175, 55, 0.35);
    --shadow-glow: 0 10px 30px rgba(184, 134, 11, 0.15);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    background-color: var(--bg-light);
    color: var(--text-dark);
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.gold-text {
    background: linear-gradient(135deg, var(--accent-light-gold), var(--accent-gold));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Top Bar */
.top-bar {
    background-color: #120904;
    padding: 8px 5%;
    font-size: 0.82rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.top-info span {
    margin-right: 15px;
    color: #D2C4B7;
}

.top-info i {
    color: var(--accent-light-gold);
    margin-right: 6px;
}

.top-socials a {
    color: var(--white);
    margin-left: 12px;
    font-size: 1rem;
    transition: color 0.3s;
}

.top-socials a:hover {
    color: var(--accent-light-gold);
}

/* Header & Nav */
header {
    background-color: rgba(31, 16, 8, 0.95);
    backdrop-filter: blur(10px);
    color: var(--white);
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid var(--glass-border);
}

nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 5%;
    flex-wrap: wrap;
    gap: 15px;
}

.brand-logo-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.brand-logo-img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    padding: 4px;
    border: 1px solid var(--accent-light-gold);
}

.brand-text h1 {
    font-family: 'Playfair Display', serif;
    font-size: 1.3rem;
    letter-spacing: 0.5px;
    line-height: 1.1;
    color: var(--white);
}

.brand-text p {
    font-size: 0.6rem;
    letter-spacing: 1.5px;
    color: var(--accent-light-gold);
    text-transform: uppercase;
}

.nav-links {
    display: flex;
    gap: 8px;
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
}

.nav-links a {
    color: var(--white);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.85rem;
    padding: 6px 12px;
    border-radius: 20px;
    transition: all 0.3s;
}

.nav-links a:hover, .nav-links a.active {
    background: linear-gradient(135deg, var(--accent-gold), var(--primary-brown));
    color: var(--white);
    box-shadow: 0 4px 15px rgba(184, 134, 11, 0.4);
}

.btn-wa-header {
    background: linear-gradient(135deg, #25D366, #128C7E);
    color: white;
    padding: 8px 18px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
    white-space: nowrap;
}

.btn-wa-header i {
    font-size: 1.1rem;
}

/* Banner & Container */
.page-banner {
    background: linear-gradient(rgba(31, 16, 8, 0.88), rgba(51, 29, 16, 0.85)), url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=1600&q=80') center/cover;
    color: var(--white);
    padding: 50px 5%;
    text-align: center;
}

.page-banner h2 {
    font-family: 'Playfair Display', serif;
    font-size: 2.2rem;
    margin-bottom: 10px;
}

.page-banner p {
    font-size: 1rem;
    color: #E2D7CD;
    max-width: 750px;
    margin: 0 auto;
}

.section-container {
    padding: 40px 5%;
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

.glass-card {
    background: var(--glass-bg);
    backdrop-filter: blur(10px);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
    padding: 25px;
    box-shadow: var(--shadow-glow);
    transition: all 0.3s;
    width: 100%;
}

.glass-card:hover {
    border-color: var(--accent-gold-glow);
    transform: translateY(-3px);
}

/* Hero */
.hero {
    background: linear-gradient(rgba(31, 16, 8, 0.85), rgba(31, 16, 8, 0.75)), url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=1600&q=80') center/cover;
    color: var(--white);
    padding: 80px 5% 90px 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.hero-content {
    max-width: 750px;
}

.hero-badge {
    background: rgba(184, 134, 11, 0.25);
    border: 1px solid var(--accent-light-gold);
    color: var(--accent-light-gold);
    padding: 6px 16px;
    border-radius: 30px;
    display: inline-block;
    font-size: 0.8rem;
    margin-bottom: 15px;
    font-weight: 600;
}

.hero h2 {
    font-family: 'Playfair Display', serif;
    font-size: 2.8rem;
    line-height: 1.2;
    margin-bottom: 15px;
}

.hero p {
    font-size: 1.05rem;
    color: #E2D7CD;
    margin-bottom: 30px;
}

.hero-btns {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn-glow {
    background: linear-gradient(135deg, var(--accent-gold), var(--primary-brown));
    color: var(--white);
    padding: 12px 28px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    border: 1px solid var(--accent-light-gold);
    box-shadow: 0 4px 20px rgba(184, 134, 11, 0.4);
    transition: all 0.3s;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.btn-outline {
    background: transparent;
    color: var(--white);
    border: 2px solid var(--accent-light-gold);
    padding: 10px 26px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s;
    display: inline-block;
    text-align: center;
}

/* Catalog & Grid */
.catalog-controls {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
    width: 100%;
}

.search-box {
    position: relative;
    width: 100%;
    max-width: 500px;
}

.search-box input {
    width: 100%;
    padding: 12px 20px 12px 45px;
    border: 2px solid var(--accent-gold);
    border-radius: 30px;
    font-size: 0.95rem;
    background-color: var(--white);
    outline: none;
}

.search-box i {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--accent-gold);
}

.category-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

.tab-btn {
    background-color: var(--bg-card);
    color: var(--text-dark);
    border: 1px solid rgba(184, 134, 11, 0.3);
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.tab-btn.active, .tab-btn:hover {
    background: var(--primary-brown);
    color: var(--white);
    border-color: var(--accent-gold);
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 20px;
    width: 100%;
}

.product-card {
    background: var(--white);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid rgba(184, 134, 11, 0.2);
    display: flex;
    flex-direction: column;
}

.product-img {
    height: 180px;
    position: relative;
    overflow: hidden;
}

.product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: var(--primary-dark);
    color: var(--accent-light-gold);
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 600;
}

.product-info {
    padding: 18px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.product-info h4 {
    font-family: 'Playfair Display', serif;
    font-size: 1.2rem;
    color: var(--primary-dark);
    margin-bottom: 6px;
}

.product-info p {
    font-size: 0.85rem;
    color: var(--text-muted);
    margin-bottom: 15px;
    flex-grow: 1;
}

.product-actions {
    display: flex;
    gap: 8px;
}

.btn-more {
    background-color: var(--bg-card);
    color: var(--primary-dark);
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid var(--accent-gold);
    cursor: pointer;
}

.btn-order-product {
    background: linear-gradient(135deg, var(--primary-brown), #2A170C);
    color: var(--white);
    padding: 8px 12px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 0.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-grow: 1;
    justify-content: center;
}

/* Tabel Harga */
.price-table-wrapper {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 30px;
    background: var(--white);
    border-radius: 14px;
    box-shadow: var(--shadow-glow);
    border: 1px solid var(--glass-border);
}

.price-table {
    width: 100%;
    min-width: 550px;
    border-collapse: collapse;
    text-align: left;
    font-size: 0.9rem;
}

.price-table thead {
    background: var(--primary-dark);
    color: var(--accent-light-gold);
}

.price-table th, .price-table td {
    padding: 12px 15px;
    border-bottom: 1px solid rgba(184, 134, 11, 0.15);
}

.btn-table-wa {
    background: #25D366;
    color: white;
    padding: 5px 12px;
    border-radius: 15px;
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Calculator */
.calculator-container {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    background: var(--primary-brown);
    color: var(--white);
    padding: 25px;
    border-radius: 16px;
    border: 1px solid var(--accent-light-gold);
}

.calc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-top: 15px;
}

.calc-input label {
    font-size: 0.85rem;
    color: var(--accent-light-gold);
    display: block;
    margin-bottom: 5px;
}

.calc-input input, .calc-input select {
    width: 100%;
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #555;
    background: var(--primary-dark);
    color: var(--white);
    font-size: 0.95rem;
}

.calc-result-box {
    grid-column: span 2;
    background: var(--primary-dark);
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    border: 1px dashed var(--accent-light-gold);
}

.calc-result-box span {
    font-size: 2rem;
    font-weight: 800;
}

/* Modal Pop-up */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 2000;
    padding: 15px;
}

.modal-overlay.active {
    display: flex;
}

.modal-box {
    background: var(--white);
    max-width: 600px;
    width: 100%;
    max-height: 85vh;
    border-radius: 16px;
    overflow-y: auto;
    position: relative;
}

.modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    background: var(--primary-dark);
    color: var(--white);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
}

.modal-img {
    height: 200px;
    width: 100%;
    object-fit: cover;
}

.modal-body {
    padding: 20px;
}

.modal-spec-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    background: var(--bg-card);
    padding: 12px;
    border-radius: 10px;
    margin: 15px 0;
}

/* Artikel */
.article-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    width: 100%;
}

.article-card {
    background: var(--white);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid rgba(184, 134, 11, 0.2);
    display: flex;
    flex-direction: column;
}

.article-img {
    height: 160px;
    object-fit: cover;
    width: 100%;
}

.article-body {
    padding: 18px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Testimoni Form */
.testimonial-form-card {
    background: var(--white);
    border-radius: 14px;
    padding: 22px;
    box-shadow: var(--shadow-glow);
    border: 1px solid var(--glass-border);
    margin-bottom: 35px;
    width: 100%;
}

.star-rating-input {
    display: flex;
    gap: 6px;
    font-size: 1.5rem;
    color: #DDD;
    cursor: pointer;
    margin-bottom: 12px;
}

.star-rating-input i.active {
    color: #FFB800;
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 12px;
}

.form-group.full-width {
    grid-column: span 2;
}

.form-group label {
    font-size: 0.85rem;
    font-weight: 600;
}

.form-group input, .form-group textarea {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #CCC;
    font-size: 0.9rem;
}

.testimonial-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    width: 100%;
}

.testimonial-card {
    background: var(--white);
    padding: 20px;
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    border: 1px solid rgba(184, 134, 11, 0.2);
}

.stars {
    color: #FFB800;
    margin-bottom: 10px;
}

/* Footer */
footer {
    background-color: #120904;
    color: #A5968A;
    padding: 30px 5% 15px 5%;
    font-size: 0.85rem;
    margin-top: auto;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.footer-col h4 {
    color: var(--white);
    font-family: 'Playfair Display', serif;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

.footer-bottom {
    text-align: center;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.05);
    font-size: 0.75rem;
}

/* Floating WhatsApp Button Melayang */
.floating-wa-btn {
    position: fixed;
    bottom: 25px;
    right: 25px;
    background: linear-gradient(135deg, #25D366, #128C7E);
    color: #FFFFFF;
    padding: 12px 22px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.45);
    z-index: 9999;
    transition: all 0.3s ease;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

.floating-wa-btn i {
    font-size: 1.4rem;
}

.floating-wa-btn:hover {
    transform: translateY(-5px) scale(1.03);
    box-shadow: 0 12px 30px rgba(37, 211, 102, 0.6);
    color: #FFFFFF;
}

/* Responsive Styles Mobile */
@media (max-width: 992px) {
    nav {
        flex-direction: column;
        text-align: center;
    }
    .hero h2 {
        font-size: 2.3rem;
    }
}

@media (max-width: 768px) {
    .top-bar {
        flex-direction: column;
        text-align: center;
    }
    
    .top-info span {
        margin-right: 0;
        display: block;
        margin-bottom: 4px;
    }

    nav {
        padding: 10px 4%;
    }

    .brand-text h1 {
        font-size: 1.2rem;
    }

    .nav-links {
        gap: 5px;
    }

    .nav-links a {
        font-size: 0.78rem;
        padding: 5px 10px;
    }

    .hero {
        padding: 50px 4% 60px 4%;
    }

    .hero h2 {
        font-size: 1.8rem;
    }

    .hero p {
        font-size: 0.95rem;
    }

    .hero-btns {
        flex-direction: column;
        width: 100%;
    }

    .btn-glow, .btn-outline {
        width: 100%;
    }

    .page-banner {
        padding: 35px 4%;
    }

    .page-banner h2 {
        font-size: 1.7rem;
    }

    .section-container {
        padding: 25px 4%;
    }

    .product-grid, .article-grid, .testimonial-grid {
        grid-template-columns: 1fr;
    }

    .calc-grid, .modal-spec-grid, .form-grid {
        grid-template-columns: 1fr;
    }

    .form-group.full-width, .calc-result-box {
        grid-column: span 1;
    }

    .calc-result-box span {
        font-size: 1.6rem;
    }

    .floating-wa-btn {
        bottom: 18px;
        right: 18px;
        padding: 10px 18px;
        font-size: 0.85rem;
    }
    
    .floating-wa-btn i {
        font-size: 1.2rem;
    }
}
/* ===== Perbaikan: aksesibilitas, menu mobile, bagbagian baru ===== */
:focus-visible{outline:3px solid var(--accent-gold-glow);outline-offset:2px}
header{position:sticky;top:0;z-index:100;transition:box-shadow .3s}
header.scrolled{box-shadow:0 6px 20px rgba(0,0,0,.25)}
.menu-toggle{display:none;background:none;border:1.5px solid rgba(255,255,255,.35);color:#fff;width:44px;height:44px;border-radius:12px;font-size:1.2rem;cursor:pointer}
.sec-head{text-align:center;max-width:620px;margin:0 auto 32px}
.sec-head h3{font-family:'Playfair Display',serif;font-size:2rem;color:var(--primary-dark);margin-bottom:8px}
.sec-head p{color:var(--text-muted)}
.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.step-card{text-align:center}.step-no{display:block;font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:700;color:var(--accent-gold)}
.cta-band{background:linear-gradient(135deg,var(--primary-dark),var(--primary-brown));color:#fff;border-radius:24px;padding:clamp(28px,6vw,56px);text-align:center}
.cta-band h3{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:10px}
.cta-band p{color:#D2C4B7;max-width:520px;margin:0 auto 22px}
.cta-band .hero-btns{justify-content:center}
.field-err{color:#B3402F;font-size:.82rem;margin-top:4px;display:none}
.calc-input.has-err input{border-color:#B3402F}.calc-input.has-err .field-err{display:block}
.calc-note{font-size:.78rem;color:#C5B7AB;margin-top:12px}
.calc-wa{display:none;margin-top:16px;justify-content:center}
.calc-wa.show{display:inline-flex}
.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:var(--primary-dark);color:#fff;padding:12px 20px;border-radius:12px;opacity:0;pointer-events:none;transition:.3s;z-index:300;max-width:90%}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media (max-width:992px){
  header nav{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;text-align:left}
  .menu-toggle{display:inline-grid;place-items:center}
  .btn-wa-header{display:none}
  .nav-links{display:none;width:100%;flex-direction:column;gap:2px;padding:10px 0 14px}
  .nav-links.open{display:flex}
  .nav-links a{display:block;padding:14px 12px;border-radius:12px;font-size:.95rem}
}
@media (max-width:600px){
  .hero-btns{flex-direction:column}.hero-btns a{text-align:center}
  .floating-wa-btn span{display:none}
  .sec-head h3{font-size:1.6rem}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== Redesign v2 ===== */
.hero.hero-pro{min-height:min(88vh,720px);display:flex;align-items:center;padding:90px 5% 150px;position:relative;background:linear-gradient(105deg,rgba(18,9,4,.92) 0%,rgba(31,16,8,.78) 45%,rgba(31,16,8,.35) 100%),url('../images/hero-bg.jpg') center/cover no-repeat;text-align:left;justify-content:flex-start}
.hero-pro .hero-content{max-width:680px;margin:0}
.hero-pro h2{font-family:'Playfair Display',serif;font-size:clamp(2.3rem,6vw,4.2rem);line-height:1.08;color:#fff;margin-bottom:18px}
.hero-pro p{font-size:1.1rem;color:#E6D9CB;max-width:540px;margin-bottom:28px}
.hero-pro .hero-btns{justify-content:flex-start}
.hero-pro .btn-outline{border-color:rgba(255,255,255,.6);color:#fff}
.strip{position:relative;z-index:5;max-width:1100px;margin:-80px auto 0;padding:0 5%}
.strip-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));background:#fff;border-radius:22px;box-shadow:0 20px 50px rgba(31,16,8,.18);overflow:hidden;border:1px solid var(--glass-border)}
.strip-item{display:flex;gap:14px;align-items:flex-start;padding:24px;border-right:1px solid #EFE6D8}
.strip-item:last-child{border-right:0}
.strip-item i{width:46px;height:46px;flex:none;border-radius:14px;background:linear-gradient(135deg,var(--accent-light-gold),var(--accent-gold));color:#fff;display:grid;place-items:center;font-size:1.15rem}
.strip-item h4{font-size:1rem;color:var(--primary-dark);margin-bottom:2px}.strip-item p{font-size:.85rem;color:var(--text-muted);line-height:1.5}
.eyebrow{display:block;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-gold);margin-bottom:10px}
.tabs-home{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.tabs-home button{border:1.5px solid #DCCBB5;background:#fff;color:var(--primary-dark);padding:10px 22px;border-radius:999px;font-weight:600;cursor:pointer;transition:.25s}
.tabs-home button.on,.tabs-home button:hover{background:var(--primary-dark);color:#fff;border-color:var(--primary-dark)}
.dark-band{background:linear-gradient(135deg,#1F1008,#331D10);color:#fff;border-radius:28px;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}
.dark-band h3{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,3.5vw,2.3rem);margin-bottom:12px}
.dark-band p{color:#D2C4B7;margin-bottom:20px}
.mini-calc{background:rgba(255,255,255,.07);border:1px solid rgba(212,175,55,.35);border-radius:20px;padding:24px;text-align:center}
.mini-calc small{letter-spacing:.14em;color:var(--accent-light-gold);font-weight:700}.mini-calc b{display:block;font-size:2.8rem;margin:6px 0}
.loc-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;align-items:stretch}
.loc-card{background:#fff;border:1px solid var(--glass-border);border-radius:22px;padding:28px}
.loc-card li{list-style:none;display:flex;gap:12px;margin-bottom:16px;color:var(--text-muted)}.loc-card li i{color:var(--accent-gold);margin-top:5px;width:18px}
.loc-map{border-radius:22px;overflow:hidden;min-height:320px;border:1px solid var(--glass-border)}.loc-map iframe{width:100%;height:100%;min-height:320px;border:0}
.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}
.footer-col a{display:block;color:#C5B7AB;text-decoration:none;padding:3px 0;font-size:.9rem}.footer-col a:hover{color:var(--accent-light-gold)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.in{opacity:1;transform:none}
.product-card{transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(31,16,8,.15)}
.product-img img{transition:transform .6s}.product-card:hover .product-img img{transform:scale(1.06)}
@media (max-width:900px){.dark-band,.loc-grid{grid-template-columns:1fr}.strip-item{border-right:0;border-bottom:1px solid #EFE6D8}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.hero.hero-pro{padding:60px 5% 120px;min-height:auto}.footer-grid{grid-template-columns:1fr}}

/* ===== Efek v3 ===== */
#topProgress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent-gold),var(--accent-light-gold));z-index:400}
.hero.hero-pro{background:#1F1008;overflow:hidden;isolation:isolate}
.hero-pro::before{content:"";position:absolute;inset:-6%;z-index:-2;background:url('../images/hero-bg.jpg') center/cover;animation:kb 22s ease-in-out infinite alternate;transform:translateY(var(--py,0px))}
.hero-pro::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(18,9,4,.93) 0%,rgba(31,16,8,.78) 45%,rgba(31,16,8,.3) 100%),radial-gradient(circle at 85% 20%,rgba(212,175,55,.25),transparent 45%)}
@keyframes kb{from{scale:1}to{scale:1.12}}
.hero-pro .hero-content>*{animation:up .8s cubic-bezier(.2,.7,.2,1) both}
.hero-pro .hero-content>*:nth-child(1){animation-delay:.1s}.hero-pro .hero-content>*:nth-child(2){animation-delay:.25s}.hero-pro .hero-content>*:nth-child(3){animation-delay:.4s}.hero-pro .hero-content>*:nth-child(4){animation-delay:.55s}
@keyframes up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.gold-text{background-size:200% auto;background-image:linear-gradient(110deg,var(--accent-gold) 20%,#F6E7A8 45%,var(--accent-gold) 70%);-webkit-background-clip:text;background-clip:text;animation:shine 5s linear infinite}
@keyframes shine{to{background-position:-200% center}}
.hero-wave{position:absolute;left:0;bottom:-1px;width:100%;height:70px;z-index:1}
.hero-badge{backdrop-filter:blur(6px)}
.btn-glow,.btn-order-product,.btn-wa-header{position:relative;overflow:hidden}
.btn-glow::after,.btn-order-product::after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .6s}
.btn-glow:hover::after,.btn-order-product:hover::after{left:130%}
.btn-glow:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(212,175,55,.45)}
.floating-wa-btn{animation:ring 2.4s infinite}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.marquee{overflow:hidden;background:var(--primary-dark);margin:48px 0 8px;padding:16px 0;border-block:1px solid rgba(212,175,55,.3)}
.marquee-track{display:flex;gap:0;width:max-content;animation:mq 30s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee span{color:var(--accent-light-gold);font-family:'Playfair Display',serif;font-size:1.3rem;padding:0 28px;white-space:nowrap}
.marquee span::after{content:"✦";margin-left:56px;color:var(--accent-gold);font-size:.9rem}
@keyframes mq{to{transform:translateX(-50%)}}
.sec-head h3{position:relative;padding-bottom:14px}
.sec-head h3::after{content:"";position:absolute;left:50%;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent-gold),var(--accent-light-gold));border-radius:3px;transform:translateX(-50%);transition:width .9s .3s}
.reveal.in .sec-head h3::after{width:70px}
.product-grid .product-card{animation:pop .6s cubic-bezier(.2,.7,.2,1) both}
.product-grid .product-card:nth-child(2){animation-delay:.08s}.product-grid .product-card:nth-child(3){animation-delay:.16s}.product-grid .product-card:nth-child(4){animation-delay:.24s}.product-grid .product-card:nth-child(5){animation-delay:.32s}.product-grid .product-card:nth-child(6){animation-delay:.4s}
@keyframes pop{from{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
.reveal.in .home-grid>*,.reveal.in .strip-item{animation:pop .7s cubic-bezier(.2,.7,.2,1) both}
.reveal.in .home-grid>*:nth-child(2){animation-delay:.12s}.reveal.in .home-grid>*:nth-child(3){animation-delay:.24s}.reveal.in .home-grid>*:nth-child(4){animation-delay:.36s}
.glass-card,.step-card{transition:transform .35s,box-shadow .35s,border-color .35s}
.glass-card:hover{transform:translateY(-8px);box-shadow:0 20px 44px rgba(184,134,11,.22);border-color:var(--accent-gold)}
.glass-card i.fa-solid{transition:transform .4s}.glass-card:hover i.fa-solid{transform:scale(1.2) rotate(-6deg)}
.product-card.tilt{transition:transform .15s}
.mini-calc{animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px)}}
#toTop{position:fixed;right:18px;bottom:96px;width:44px;height:44px;border-radius:50%;border:0;background:var(--primary-dark);color:var(--accent-light-gold);cursor:pointer;opacity:0;transform:translateY(20px);pointer-events:none;transition:.3s;z-index:90}
#toTop.show{opacity:1;transform:none;pointer-events:auto}
header.hide{transform:translateY(-100%)}
header{transition:transform .35s,box-shadow .3s}

/* ===== Fix responsif v4 ===== */
html{display:block;overflow-x:hidden;min-height:0}
body{display:flex;flex-direction:column;min-height:100vh;overflow-x:clip}
main{flex:1;width:100%}
header{position:sticky;top:0}
.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px;margin-bottom:8px}
.table-scroll table{min-width:560px;width:100%}
.table-hint{display:none;font-size:.78rem;color:var(--text-muted);margin:0 0 8px}
@media (max-width:700px){.table-hint{display:block}}
img,iframe,video{max-width:100%}
@media (max-width:1180px) and (min-width:993px){.nav-links a{padding:6px 8px;font-size:.8rem}.btn-wa-header span{display:none}.btn-wa-header{padding:8px 12px}}
@media (max-width:480px){.section-container{padding-left:16px;padding-right:16px}h1,h2{overflow-wrap:anywhere}.top-bar{font-size:.74rem}}

/* ===== Artikel ===== */
.article-card.art-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.article-card.art-link:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(31,16,8,.15)}
.article-card .article-img{transition:transform .6s}.article-card:hover .article-img{transform:scale(1.05)}
.article-card{overflow:hidden}
.read-more{margin-top:auto;font-weight:600;color:var(--accent-gold);font-size:.9rem}.read-more i{transition:transform .25s}a:hover>.read-more i,a:hover .read-more i{transform:translateX(5px)}.read-more small{color:var(--text-muted);font-weight:500}
.feat{display:grid;grid-template-columns:1.1fr 1fr;background:#fff;border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;text-decoration:none;color:inherit;margin-bottom:32px;box-shadow:var(--shadow-glow)}
.feat img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}
.feat-body{padding:clamp(22px,4vw,44px);display:flex;flex-direction:column;justify-content:center;gap:12px}
.feat-body h2{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;color:var(--primary-dark)}
.feat-body p{color:var(--text-muted)}
.blog-tools{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:24px}
.chips2{display:flex;gap:8px;flex-wrap:wrap}.chips2 button{border:1.5px solid #DCCBB5;background:#fff;color:var(--primary-dark);padding:8px 18px;border-radius:999px;font-weight:600;font-size:.85rem;cursor:pointer;transition:.25s}.chips2 button.on,.chips2 button:hover{background:var(--primary-dark);color:#fff;border-color:var(--primary-dark)}
.art-hero{background:linear-gradient(135deg,#1F1008,#331D10);color:#fff;padding:48px 5% 56px}
.art-hero-in{max-width:860px;margin:0 auto}
.art-hero h1{font-family:'Playfair Display',serif;font-size:clamp(1.7rem,4.5vw,2.9rem);line-height:1.2;margin:12px 0 16px}
.crumb{font-size:.82rem;color:#C5B7AB;margin-bottom:14px}.crumb a{color:var(--accent-light-gold);text-decoration:none}
.art-meta{color:#D2C4B7;font-size:.88rem}.art-meta i{color:var(--accent-light-gold)}
.art-layout{max-width:1160px;margin:0 auto;padding:40px 5% 8px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.art-cover{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:20px;margin-bottom:24px;display:block;background:#EADFCB}
.art-lead{font-size:1.15rem;color:var(--text-muted);border-left:4px solid var(--accent-gold);padding-left:16px;margin-bottom:28px}
.art-content{font-size:1.04rem;line-height:1.85}
.art-content h2{font-family:'Playfair Display',serif;font-size:clamp(1.35rem,2.6vw,1.75rem);color:var(--primary-dark);margin:38px 0 12px;scroll-margin-top:90px}
.art-content p{margin-bottom:16px}.art-content ul{margin:0 0 18px 22px}.art-content li{margin-bottom:8px}
.art-content a{color:var(--accent-gold);font-weight:600}
.callout{background:#FBF3DE;border-left:4px solid var(--accent-gold);border-radius:0 14px 14px 0;padding:16px 20px;margin:20px 0;font-size:.98rem}
.tbl{overflow-x:auto;margin:20px 0;border-radius:14px;border:1px solid #E7DAC4;-webkit-overflow-scrolling:touch}
.tbl table{width:100%;min-width:480px;border-collapse:collapse;font-size:.92rem}
.tbl th{background:var(--primary-dark);color:var(--accent-light-gold);text-align:left;padding:12px 14px}.tbl td{padding:12px 14px;border-top:1px solid #EFE6D8;background:#fff}
.art-cta{background:linear-gradient(135deg,#1F1008,#331D10);color:#fff;border-radius:22px;padding:28px;margin:40px 0 18px;text-align:center}
.art-cta h3{font-family:'Playfair Display',serif;margin-bottom:8px}.art-cta p{color:#D2C4B7;margin-bottom:18px}
.art-share{display:flex;gap:10px;align-items:center;color:var(--text-muted);font-size:.9rem}.art-share a,.art-share button{width:40px;height:40px;border-radius:50%;border:1.5px solid #DCCBB5;background:#fff;color:var(--primary-dark);display:grid;place-items:center;cursor:pointer;text-decoration:none}
.art-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:18px}
.side-box{background:#fff;border:1px solid var(--glass-border);border-radius:20px;padding:20px}.side-box h4{margin-bottom:10px;color:var(--primary-dark)}
.side-box.dark{background:var(--primary-dark);color:#fff}.side-box.dark h4{color:#fff}.side-box.dark p{color:#D2C4B7;font-size:.9rem;margin-bottom:14px}
#toc{margin:0 0 0 18px;font-size:.9rem}#toc li{margin-bottom:8px}#toc a{color:var(--text-muted);text-decoration:none}#toc a:hover,#toc a.on{color:var(--accent-gold);font-weight:600}
.side-link{display:block;padding:8px 0;color:var(--primary-dark);text-decoration:none;font-weight:500}.side-link i{color:var(--accent-gold);width:22px}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.rel-card{display:flex;gap:14px;background:#fff;border:1px solid var(--glass-border);border-radius:18px;padding:12px;text-decoration:none;color:inherit;align-items:center;transition:.3s}.rel-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(31,16,8,.12)}
.rel-card img{width:84px;height:84px;object-fit:cover;border-radius:12px;flex:none}.rel-card h4{font-size:.95rem;line-height:1.35;margin-top:4px;color:var(--primary-dark)}
@media (max-width:900px){.art-layout{grid-template-columns:minmax(0,1fr)}.art-side{position:static;order:-1}.feat{grid-template-columns:1fr}.feat img{min-height:200px;max-height:260px}}
@media (max-width:900px){.side-box:not(:first-child){display:none}.side-box:first-child{display:block}}
.feat .article-tag,.art-hero .article-tag,.rel-card .article-tag{display:inline-block;align-self:flex-start;background:rgba(184,134,11,.14);color:var(--accent-gold);border:1px solid rgba(184,134,11,.4);padding:4px 12px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.art-hero .article-tag{background:rgba(212,175,55,.15);color:var(--accent-light-gold)}
.art-fig{margin:26px 0}
.art-fig img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:18px;display:block;background:#EADFCB}
.art-fig figcaption{font-size:.85rem;color:var(--text-muted);margin-top:8px;line-height:1.5}
.art-fig figcaption span{display:block;font-size:.76rem;opacity:.8}
.crumb{display:block!important;padding:0!important;text-align:left;margin-bottom:14px}
.crumb a{display:inline!important;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.crumb a+*,.crumb{word-spacing:.15em}

/* ===== Logo & testimoni ===== */
.brand-logo-img{width:56px!important;height:56px!important;padding:0!important;border:2px solid var(--accent-gold)!important;border-radius:16px!important;background:#F1E8D9!important;object-fit:cover!important;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.brand-logo-wrapper:hover .brand-logo-img{transform:rotate(-3deg) scale(1.05);transition:.3s}
.footer-logo{width:110px;height:110px;border-radius:22px;margin-bottom:12px;display:block}
@media (max-width:480px){.brand-logo-img{width:46px!important;height:46px!important}.brand-text p{display:none}}
.t-feature{position:relative;background:linear-gradient(135deg,#1F1008,#331D10);color:#fff;border-radius:28px;padding:clamp(28px,6vw,60px);max-width:900px;margin:0 auto;overflow:hidden;box-shadow:var(--shadow-glow)}
.t-feature::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.3),transparent 70%)}
.t-bigq{position:absolute;left:24px;top:-6px;font:700 8rem/1 'Playfair Display',serif;color:rgba(212,175,55,.25)}
.t-feature .stars{color:var(--accent-light-gold);font-size:1.1rem;margin-bottom:14px;position:relative}
.t-feature blockquote{margin:0 0 24px;font:italic 500 clamp(1.2rem,2.8vw,1.8rem)/1.5 'Playfair Display',serif;position:relative}
.t-who{display:flex;align-items:center;gap:12px;position:relative}.t-who b{display:block}.t-who span{font-size:.82rem;opacity:.75}
.t-av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--accent-light-gold),var(--accent-gold));color:#1F1008;display:grid;place-items:center;font-weight:800;flex:none}
.t-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.t-card{position:relative;background:#fff;border:1px solid var(--glass-border);border-radius:22px;padding:28px 24px 22px;transition:.3s;animation:pop .6s both}
.t-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(184,134,11,.2);border-color:var(--accent-gold)}
.t-quote{position:absolute;right:20px;top:2px;font:700 4.5rem/1 'Playfair Display',serif;color:rgba(184,134,11,.18)}
.t-card .stars{margin-bottom:10px}.t-card p{color:var(--text-dark);margin-bottom:18px;line-height:1.7}
.t-card .t-who span{color:var(--text-muted);opacity:1}
.t-split{display:grid;grid-template-columns:1fr 1.15fr;gap:32px;align-items:start;max-width:1050px;margin:0 auto}
.t-side h3{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2.1rem);color:var(--primary-dark);margin-bottom:12px}
.t-side p{color:var(--text-muted);margin-bottom:18px}
.t-points{list-style:none;margin-bottom:22px}.t-points li{margin-bottom:10px;color:var(--text-dark)}.t-points i{color:var(--accent-gold);margin-right:8px}
.btn-outline-dark{display:inline-flex;align-items:center;border:1.5px solid var(--primary-dark);color:var(--primary-dark);padding:11px 22px;border-radius:999px;text-decoration:none;font-weight:600;transition:.25s}.btn-outline-dark:hover{background:var(--primary-dark);color:#fff}
.t-form{margin:0!important;max-width:none!important}
.star-btn{background:none;border:0;cursor:pointer;font-size:1.7rem;padding:2px 4px;transition:transform .2s}.star-btn:hover{transform:scale(1.25)}
.star-btn i{color:#D9CDBB;transition:color .2s}.star-btn i.active{color:var(--accent-gold-glow)}
.t-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}.t-actions>*{flex:1 1 180px;text-align:center;justify-content:center}
.btn-wa-solid{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;border:0;border-radius:999px;padding:12px 20px;font-weight:600;cursor:pointer;font-family:inherit}
.t-note{font-size:.78rem;color:var(--text-muted);margin-top:12px}
@media (max-width:860px){.t-split{grid-template-columns:1fr}}

.t-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}
.t-invite{text-decoration:none;color:inherit;border:2px dashed var(--accent-gold);background:#FBF3DE;display:flex;flex-direction:column;gap:8px;justify-content:center;text-align:center;align-items:center}
.t-invite i.fa-pen-to-square{font-size:1.8rem;color:var(--accent-gold)}.t-invite h4{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--primary-dark)}.t-invite p{margin:0!important;color:var(--text-muted)!important}

/* ===== Logo baru (transparan, emas) ===== */
.brand-logo-img{width:auto!important;height:54px!important;max-width:84px;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;object-fit:contain!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}
.footer-logo{width:150px!important;height:auto!important;border-radius:0!important;margin-bottom:10px}
@media (max-width:480px){.brand-logo-img{height:44px!important}}
/* ===== Kinerja pemuatan ===== */
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-solid-900.woff2) format("woff2")}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-regular-400.woff2) format("woff2")}
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/webfonts/fa-brands-400.woff2) format("woff2")}
.product-img,.article-img,.feat,.art-cover,.rel-card img,.art-fig img,.modal-img{background:linear-gradient(100deg,#EADFCB 30%,#F5EEE0 50%,#EADFCB 70%) 0 0/200% 100%;animation:skel 1.4s linear infinite}
@keyframes skel{to{background-position:-200% 0}}
.js .product-img img,.js .article-img,.js .art-cover,.js .feat img,.js .rel-card img,.js .art-fig img,.js .modal-img{opacity:0;transition:opacity .5s ease}
.js img.loaded{opacity:1!important}
.product-img img,.article-img,.art-cover{content-visibility:auto}
.hero-pro::before{will-change:transform}

/* ===== Tombol WA header: ikon saja ===== */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btn-wa-header{display:inline-flex!important;align-items:center;justify-content:center;width:46px;height:46px;padding:0!important;border-radius:50%!important;flex:none;transition:transform .25s,box-shadow .25s;box-shadow:0 4px 14px rgba(37,211,102,.4)}
.btn-wa-header i{font-size:1.6rem;margin:0!important}
.btn-wa-header:hover{transform:translateY(-2px) scale(1.06);box-shadow:0 8px 22px rgba(37,211,102,.55)}
@media (max-width:992px){.btn-wa-header{order:2;margin-left:auto;margin-right:10px;width:44px;height:44px}.menu-toggle{order:3}.nav-links{order:4}}
/* ===== Nav muat satu baris ===== */
.brand-logo-wrapper{flex:0 1 auto;min-width:0}
@media (min-width:993px) and (max-width:1320px){
  header nav{gap:10px}
  .brand-text p{display:none}
  .brand-text h1{font-size:1.1rem}
  .nav-links{flex-wrap:nowrap;gap:2px}
  .nav-links a{padding:6px 9px;font-size:.8rem;white-space:nowrap}
}
@media (min-width:993px) and (max-width:1120px){
  .nav-links a{padding:6px 6px;font-size:.76rem}
  .brand-logo-img{height:46px!important}
}
@media (max-width:992px){
  header nav{flex-wrap:wrap;row-gap:0;gap:0}
  .brand-logo-wrapper{flex:1 1 0}
}
@media (max-width:480px){
  .brand-text h1{font-size:.98rem!important;letter-spacing:0}
  .brand-logo-wrapper{gap:8px}
  .brand-logo-img{height:40px!important}
  .btn-wa-header{width:40px;height:40px;margin-right:8px}
  .menu-toggle{width:40px;height:40px}
}

/* ===== Foto produk asli ===== */
.product-grid .product-img{height:auto!important;aspect-ratio:1/1}
.product-grid .product-img img{width:100%;height:100%;object-fit:cover}
.tabs-home,.tab-container,.category-tabs{flex-wrap:wrap}

.catalog-banner{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:32px;align-items:center;background:#fff;border:1px solid var(--glass-border);border-radius:24px;padding:20px;margin-bottom:32px;box-shadow:var(--shadow-glow)}
.catalog-banner img{width:100%;height:auto;border-radius:16px;display:block}
.catalog-banner h3{font-family:'Playfair Display',serif;font-size:clamp(1.4rem,3vw,2rem);color:var(--primary-dark);margin:6px 0 10px}
.catalog-banner p{color:var(--text-muted);margin-bottom:16px}
@media (max-width:760px){.catalog-banner{grid-template-columns:1fr}}

/* ===== Galeri pengiriman ===== */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:0 auto}
.g-item{position:relative;margin:0;border-radius:20px;overflow:hidden;aspect-ratio:3/4;cursor:zoom-in;background:#EADFCB;box-shadow:0 6px 20px rgba(31,16,8,.12)}
.g-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.g-item:hover img{transform:scale(1.07)}
.g-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 14px;color:#fff;font-size:.86rem;font-weight:600;line-height:1.35;background:linear-gradient(to top,rgba(20,10,4,.85),transparent)}
.js .g-item img{opacity:0;transition:opacity .5s,transform .6s}.js .g-item img.loaded{opacity:1}
@media (max-width:900px){.gallery{grid-template-columns:repeat(2,1fr)}}
@media (max-width:420px){.gallery{gap:10px}.g-item figcaption{font-size:.76rem;padding:26px 10px 10px}}
#lightbox{border:0;padding:0;background:transparent;max-width:min(92vw,720px);width:100%}
#lightbox::backdrop{background:rgba(10,5,2,.85)}
#lightbox img{width:100%;max-height:86vh;object-fit:contain;border-radius:16px;display:block}
#lightbox p{color:#fff;text-align:center;margin:10px 0 0;font-size:.95rem}
#lightbox button{position:absolute;top:8px;right:8px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:1.3rem;cursor:pointer}

/* ===== Daftar harga v2 ===== */
.hg-tools{display:flex;flex-direction:column;gap:14px;margin-bottom:18px}
.hg-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hg-lbl{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);min-width:96px}
.hg-find{gap:12px}.hg-find .search-box{flex:1 1 280px;max-width:420px}
.hg-find select,.hg-fields select,.hg-fields input{height:46px;border:1.5px solid #DCCBB5;border-radius:12px;background:#fff;padding:0 12px;font:inherit;color:var(--text-dark);width:100%}
.hg-find select{width:auto;min-width:170px}
.hg-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-muted);margin-bottom:8px}
.hg-card{background:#fff;border:1px solid var(--glass-border);border-radius:22px;box-shadow:var(--shadow-glow);overflow:hidden}
.hg-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hg-table{width:100%;border-collapse:collapse;min-width:520px}
.hg-table th{background:var(--primary-dark);color:var(--accent-light-gold);text-align:left;padding:14px 16px;font-size:.85rem;white-space:nowrap;position:sticky;top:0}
.hg-table td{padding:12px 16px;border-top:1px solid #F0E6D5;vertical-align:middle}
.hg-table tbody tr{transition:background .2s}.hg-table tbody tr:hover{background:#FBF5E6}
.hg-num{text-align:right!important;white-space:nowrap}.hg-num strong{display:block;color:var(--primary-dark);font-size:1.05rem}.hg-num small{color:var(--text-muted);font-size:.72rem}.hg-num em{color:var(--text-muted);font-style:normal;font-size:.88rem}
.hg-prod{display:flex;align-items:center;gap:12px;min-width:240px}
.hg-prod img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none;background:#EADFCB}
.hg-prod b{display:block;color:var(--text-dark);line-height:1.25}.hg-prod span{font-size:.78rem;color:var(--text-muted)}
.hg-act{width:1%;white-space:nowrap}
.hg-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;padding:9px 16px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.85rem;transition:.25s}
.hg-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(37,211,102,.4)}.hg-btn i{font-size:1.05rem}
.hg-empty{text-align:center;color:var(--text-muted);padding:30px!important}
.hg-note{font-size:.85rem;color:var(--text-muted);margin-top:14px}.hg-note i{color:var(--accent-gold)}
.hg-est{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;background:linear-gradient(135deg,#1F1008,#331D10);color:#fff;border-radius:28px;padding:clamp(24px,5vw,48px)}
.hg-est h3{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,3vw,2rem);margin:6px 0 10px}.hg-est p{color:#D2C4B7;margin-bottom:16px}
.hg-fields{display:grid;grid-template-columns:1.6fr 1fr 90px;gap:12px}.hg-fields label{font-size:.78rem;font-weight:600;color:#D2C4B7;display:block}.hg-fields select,.hg-fields input{margin-top:6px}
.hg-est-out{background:rgba(255,255,255,.07);border:1px solid rgba(212,175,55,.35);border-radius:20px;padding:24px;text-align:center;display:flex;flex-direction:column;gap:10px;justify-content:center}
#esOut small{letter-spacing:.14em;color:var(--accent-light-gold);font-weight:700;text-transform:uppercase;font-size:.72rem}#esOut b{display:block;font-size:clamp(1.8rem,4vw,2.5rem);margin:4px 0}#esOut span{color:#D2C4B7;font-size:.88rem}
.hg-est-out p{font-size:.76rem;margin:0}
@media (max-width:860px){.hg-est{grid-template-columns:1fr}.hg-fields{grid-template-columns:1fr 1fr}.hg-fields label:first-child{grid-column:1/-1}}
@media (max-width:560px){.hg-lbl{min-width:100%}.hg-btn span{display:none}.hg-btn{padding:10px 12px}.hg-table td,.hg-table th{padding:10px 10px}.hg-prod{min-width:170px}.hg-prod img{width:44px;height:44px}.hg-table{min-width:0}}
.hg-table:has(th:nth-child(7)){min-width:900px}

/* ===== Latar hero: foto alat berat & dump truck ===== */
.hero-pro::before{background-image:url('../images/hero-bg.jpg')!important;background-position:68% 55%!important;background-size:cover!important}
.hero-pro::after{background:linear-gradient(100deg,rgba(18,9,4,.92) 0%,rgba(31,16,8,.78) 38%,rgba(31,16,8,.32) 70%,rgba(31,16,8,.18) 100%),radial-gradient(circle at 85% 15%,rgba(212,175,55,.22),transparent 45%)!important}
@media (max-width:700px){.hero-pro::before{background-image:url('../images/hero-bg-m.jpg')!important;background-position:62% 50%!important}
 .hero-pro::after{background:linear-gradient(180deg,rgba(18,9,4,.88) 0%,rgba(31,16,8,.7) 55%,rgba(31,16,8,.45) 100%)!important}}

/* ===== Bar geser tabel harga ===== */
.hg-bar{display:none;align-items:center;gap:10px;padding:10px 14px;background:#FBF5E6;border-bottom:1px solid #EFE3CC}
.hg-bar.on{display:flex}
.hg-bar.static .hg-top{opacity:.35;pointer-events:none}
.hg-top{flex:1;height:18px;overflow-x:scroll;overflow-y:hidden;border-radius:999px}
.hg-top>div{height:1px}
.hg-nav{width:38px;height:38px;flex:none;border-radius:50%;border:1.5px solid var(--accent-gold);background:#fff;color:var(--primary-dark);cursor:pointer;transition:.2s}
.hg-nav:hover{background:var(--primary-dark);color:var(--accent-light-gold)}
.hg-top::-webkit-scrollbar,.hg-scroll::-webkit-scrollbar{height:14px}
.hg-top::-webkit-scrollbar-track,.hg-scroll::-webkit-scrollbar-track{background:#EFE3CC;border-radius:999px}
.hg-top::-webkit-scrollbar-thumb,.hg-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--accent-gold),var(--accent-light-gold));border-radius:999px;border:3px solid #EFE3CC}
.hg-top,.hg-scroll{scrollbar-color:#B8860B #EFE3CC;scrollbar-width:auto}
.hg-prod{position:sticky;left:0;background:inherit;z-index:1}
.hg-table tbody td.hg-prod{background:#fff}.hg-table tbody tr:hover td.hg-prod{background:#FBF5E6}
.hg-table th:first-child{position:sticky;left:0;z-index:3}

/* ===== Tentang kami v2 ===== */
.ab-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;padding:90px 5% 130px;background:#1F1008}
.ab-hero::before{content:"";position:absolute;inset:-6%;z-index:-2;background:url('../images/hero-bg.jpg') center/cover;animation:kb 24s ease-in-out infinite alternate;transform:translateY(var(--py,0px))}
.ab-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(18,9,4,.95),rgba(31,16,8,.82) 55%,rgba(31,16,8,.5)),radial-gradient(circle at 85% 20%,rgba(212,175,55,.25),transparent 45%)}
.ab-hero-in{max-width:760px;margin:0 auto 0 max(0px,calc((100% - 1160px)/2))}
.ab-hero-in>*{animation:up .8s cubic-bezier(.2,.7,.2,1) both}.ab-hero-in>*:nth-child(2){animation-delay:.1s}.ab-hero-in>*:nth-child(3){animation-delay:.2s}.ab-hero-in>*:nth-child(4){animation-delay:.3s}.ab-hero-in>*:nth-child(5){animation-delay:.4s}
.ab-hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.2rem,6vw,4rem);line-height:1.1;margin:8px 0 16px}
.ab-hero p{color:#E6D9CB;font-size:1.1rem;max-width:620px;margin-bottom:26px}
.ab-hero .btn-outline{border-color:rgba(255,255,255,.6);color:#fff}
.ab-hero .crumb{color:#C5B7AB}.ab-hero .crumb a{color:var(--accent-light-gold)}
.ab-h2{font-family:'Playfair Display',serif;font-size:clamp(1.7rem,3.5vw,2.5rem);line-height:1.2;color:var(--primary-dark);margin:6px 0 16px}
.ab-who-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.ab-who p{color:var(--text-muted);margin-bottom:14px}
.ab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.ab-stat{background:#fff;border:1px solid var(--glass-border);border-radius:18px;padding:16px;text-align:center;transition:.3s}
.ab-stat:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(184,134,11,.2)}
.ab-stat b{display:block;font:700 2.2rem/1 'Playfair Display',serif;color:var(--accent-gold)}.ab-stat span{font-size:.8rem;color:var(--text-muted)}
.ab-photo{position:relative}
.ab-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;display:block;box-shadow:0 24px 50px rgba(31,16,8,.25);background:#EADFCB}
.ab-photo::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:2px solid var(--accent-gold);border-radius:28px;z-index:-1;opacity:.6}
.ab-badge{position:absolute;left:-18px;bottom:28px;display:flex;gap:12px;align-items:center;background:#fff;border-radius:18px;padding:14px 18px;box-shadow:0 14px 34px rgba(31,16,8,.22);animation:float 5s ease-in-out infinite;max-width:260px}
.ab-badge i{font-size:1.5rem;color:var(--accent-gold)}.ab-badge b{display:block;font-size:.95rem;color:var(--primary-dark)}.ab-badge span{font-size:.74rem;color:var(--text-muted);line-height:1.3;display:block}
.ab-ic{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--accent-light-gold),var(--accent-gold));color:#fff;display:grid;place-items:center;font-size:1.4rem;margin-bottom:14px;transition:transform .4s}
.vm-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;max-width:1100px;margin:0 auto}
.vm-card,.val-card,.cat-card{position:relative;background:#fff;border:1px solid var(--glass-border);border-radius:24px;padding:28px;transition:.35s;overflow:hidden}
.vm-card:hover,.val-card:hover,.cat-card:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(184,134,11,.22);border-color:var(--accent-gold)}
.vm-card:hover .ab-ic,.val-card:hover .ab-ic,.cat-card:hover .ab-ic{transform:rotate(-8deg) scale(1.12)}
.vm-card::after,.val-card::after{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.2),transparent 70%)}
.vm-card h3{font-family:'Playfair Display',serif;font-size:1.6rem;color:var(--primary-dark);margin-bottom:10px}.vm-card p{color:var(--text-muted)}
.vm-list{list-style:none}.vm-list li{display:flex;gap:10px;margin-bottom:12px;color:var(--text-muted)}.vm-list i{color:var(--accent-gold);margin-top:5px}
.val-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:1100px;margin:0 auto}
.val-no{position:absolute;right:22px;top:14px;font:700 3.6rem/1 'Playfair Display',serif;color:rgba(184,134,11,.14)}
.val-card h4,.cat-card h4{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--primary-dark);margin-bottom:8px}.val-card p,.cat-card p{color:var(--text-muted);font-size:.95rem}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;max-width:1100px;margin:0 auto}
.cat-card{text-decoration:none;color:inherit;display:block}.cat-card b{position:absolute;right:22px;top:16px;font:700 2.8rem/1 'Playfair Display',serif;color:var(--accent-gold)}
.tl{list-style:none;max-width:760px;margin:0 auto;position:relative;padding-left:8px}
.tl::before{content:"";position:absolute;left:30px;top:10px;bottom:10px;width:3px;background:linear-gradient(var(--accent-gold),rgba(184,134,11,.1));border-radius:3px}
.tl li{display:flex;gap:20px;margin-bottom:26px;position:relative}
.tl-dot{flex:none;width:46px;height:46px;border-radius:50%;background:var(--primary-dark);color:var(--accent-light-gold);display:grid;place-items:center;font-weight:700;border:3px solid var(--accent-gold);z-index:1}
.tl h4{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--primary-dark);margin:6px 0 4px}.tl p{color:var(--text-muted)}.tl a{color:var(--accent-gold);font-weight:600}
.city-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.city-chips span{background:#FBF3DE;border:1px solid rgba(184,134,11,.4);color:var(--primary-dark);padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:600}
.faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq details{background:#fff;border:1px solid var(--glass-border);border-radius:18px;padding:0 20px;transition:.3s}
.faq details[open]{border-color:var(--accent-gold);box-shadow:0 10px 26px rgba(184,134,11,.15)}
.faq summary{cursor:pointer;font-weight:600;color:var(--primary-dark);padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font-size:1.5rem;color:var(--accent-gold);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{color:var(--text-muted);padding-bottom:18px}.faq a{color:var(--accent-gold);font-weight:600}
@media (max-width:860px){.ab-who-grid,.vm-grid{grid-template-columns:1fr}.ab-photo{order:-1;max-width:420px;margin:0 auto 24px}.ab-photo::before{display:none}.ab-badge{left:10px}.ab-hero{padding:60px 5% 110px}}
@media (max-width:480px){.ab-stats{gap:8px}.ab-stat{padding:12px 6px}.ab-stat b{font-size:1.7rem}}

.hg-track{position:relative;flex:1;height:16px;background:#E6D6B8;border-radius:999px;cursor:pointer;touch-action:none;box-shadow:inset 0 1px 3px rgba(31,16,8,.18)}
.hg-thumb{position:absolute;left:0;top:0;height:16px;border-radius:999px;background:linear-gradient(90deg,var(--accent-gold),var(--accent-light-gold));box-shadow:0 2px 6px rgba(31,16,8,.3);cursor:grab;touch-action:none;transition:filter .2s}
.hg-thumb:hover{filter:brightness(1.08)}.hg-thumb.drag{cursor:grabbing;filter:brightness(1.12)}
.hg-bar.static .hg-track{opacity:.4;pointer-events:none}
.hg-bar::after{content:"Geser untuk melihat semua kolom";display:none;font-size:.72rem;color:var(--text-muted);white-space:nowrap}
@media (min-width:700px){.hg-bar.on:not(.static)::after{display:block}}
/* ===== Foto Tentang Kami: lebih kecil ===== */
.ab-photo{max-width:400px;width:100%;justify-self:center}
.ab-photo img{aspect-ratio:1/1;object-position:center 62%}
.ab-who-grid{grid-template-columns:1.25fr 1fr;gap:48px}
@media (max-width:860px){.ab-photo{max-width:320px}}
.ab-photo img{height:auto!important}
.ab-photo{width:min(100%,400px)!important;max-width:none!important}
@media (max-width:860px){.ab-photo{width:min(100%,320px)!important;justify-self:center}}
@media (max-width:860px){.ab-who-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px}}


/* Social showcase & subtle premium motion */
.social-showcase{padding-top:28px;padding-bottom:72px}
.social-showcase-inner{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1.05fr);gap:38px;align-items:center;padding:clamp(26px,4vw,48px);border-radius:28px;background:radial-gradient(circle at 92% 8%,rgba(212,175,55,.25),transparent 32%),linear-gradient(135deg,#1f1008 0%,#3b2414 55%,#201108 100%);border:1px solid rgba(212,175,55,.42);box-shadow:0 24px 65px rgba(31,16,8,.2)}
.social-showcase-inner:before,.social-showcase-inner:after{content:"";position:absolute;z-index:-1;border:1px solid rgba(230,202,101,.16);border-radius:50%;pointer-events:none}
.social-showcase-inner:before{width:310px;height:310px;right:-110px;top:-155px;box-shadow:0 0 0 25px rgba(230,202,101,.025),0 0 0 55px rgba(230,202,101,.02)}
.social-showcase-inner:after{width:180px;height:180px;left:35%;bottom:-135px}
.social-copy{position:relative;z-index:1;color:#fff}
.social-copy .eyebrow{color:var(--accent-light-gold);font-size:.78rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.social-copy h3{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.15;margin:12px 0 14px}
.social-copy p{max-width:460px;color:#e2d7cd;font-size:.98rem}
.social-follow-note{display:flex;align-items:center;gap:10px;margin-top:22px;color:#f1e6d5;font-size:.86rem}
.social-live-dot{width:9px;height:9px;display:inline-block;border-radius:50%;background:#b9df8a;box-shadow:0 0 0 5px rgba(185,223,138,.12);animation:socialPulse 2s infinite}
.social-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:relative;z-index:1}
.social-platform{min-width:0;display:flex;align-items:center;gap:12px;padding:17px 14px;border:1px solid rgba(255,255,255,.14);border-radius:17px;text-decoration:none;color:#fff;background:rgba(255,255,255,.075);backdrop-filter:blur(12px);transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease}
.social-platform:hover{transform:translateY(-5px);border-color:rgba(230,202,101,.72);background:rgba(255,255,255,.13);box-shadow:0 14px 30px rgba(0,0,0,.2)}
.social-platform-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.12);font-size:1.35rem;transition:transform .28s ease}
.social-platform:hover .social-platform-icon{transform:rotate(-7deg) scale(1.08)}
.social-instagram .social-platform-icon{background:linear-gradient(135deg,#f9ce34,#ee2a7b 55%,#6228d7)}
.social-tiktok .social-platform-icon{background:linear-gradient(135deg,#151515,#343434)}
.social-facebook .social-platform-icon{background:#1877f2}
.social-location .social-platform-icon{background:linear-gradient(135deg,#34a853,#16875b)}
.social-platform-label{display:flex;flex-direction:column;min-width:0;flex:1}
.social-platform-label strong{font-size:.91rem;line-height:1.4}
.social-platform-label small{font-size:.72rem;color:#d9cbb9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-arrow{font-size:.75rem;color:var(--accent-light-gold);opacity:.8;transition:transform .25s}
.social-platform:hover .social-arrow{transform:translate(3px,-3px)}
.map-directions{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;color:#6b4b00!important;font-size:1rem;min-height:54px;box-sizing:border-box}.btn-outline.map-directions:hover{color:#fff!important;background:#6b4b00}
@keyframes socialPulse{0%,100%{box-shadow:0 0 0 5px rgba(185,223,138,.12)}50%{box-shadow:0 0 0 9px rgba(185,223,138,.025)}}
/* Polished interaction details across pages; respects reduced-motion preferences */
.btn-glow,.btn-outline,.btn-wa-header{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.btn-glow:hover,.btn-outline:hover,.btn-wa-header:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 12px 28px rgba(184,134,11,.22)}
.nav-links a{transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease}
.nav-links a:hover{transform:translateY(-1px)}
.g-item img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.g-item:hover img{transform:scale(1.045);filter:saturate(1.08)}
@media(max-width:800px){.social-showcase-inner{grid-template-columns:1fr;gap:25px}.social-copy{text-align:center}.social-copy p{margin-left:auto;margin-right:auto}.social-follow-note{justify-content:center}}
@media(max-width:480px){.social-showcase-inner{padding:24px 17px;border-radius:22px}.social-platform-grid{grid-template-columns:1fr}.social-platform{padding:14px}.social-platform-icon{width:40px;height:40px;flex-basis:40px}}
@media(prefers-reduced-motion:reduce){.social-live-dot{animation:none}.social-platform,.social-platform-icon,.social-arrow,.btn-glow,.btn-outline,.btn-wa-header,.nav-links a,.g-item img{transition:none}}
.t-more{display:block;margin:22px auto 0;cursor:pointer;font-family:inherit;background:transparent}
.t-card[hidden]{display:none}