/* Dipindah dari shop/product.php (blok #3, id=shared-nav-footer) */
        /* ==========================================================
           Shared Navbar + Footer (samakan dgn halaman utama)
           ========================================================== */
        .tg-nav.sg-nav {
            position:sticky; top:0; z-index:50;
            padding:12px 0;
            background:rgba(255,255,255,.78);
            border-bottom:1px solid rgba(15,23,42,.08);
            backdrop-filter:blur(18px) saturate(140%);
            -webkit-backdrop-filter:blur(18px) saturate(140%);
        }
        [data-theme="dark"] .tg-nav.sg-nav {
            background:rgba(7,14,28,.78);
            border-bottom-color:rgba(255,255,255,.10);
        }
        .sg-nav-container { max-width:1180px; margin:0 auto; padding:0 16px; }
        .sg-nav-row { display:flex; align-items:center; justify-content:space-between; gap:14px; }
        .sg-brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; line-height:1; color:inherit; }
        .sg-brand-logo {
            width:38px; height:38px; border-radius:12px;
            display:inline-flex; align-items:center; justify-content:center;
            color:#fff; font-size:1.05rem;
            background:linear-gradient(135deg, #1f8cff, #38d4ff);
            box-shadow:0 10px 24px -8px rgba(31,140,255,.65), inset 0 0 0 1px rgba(255,255,255,.18);
        }
        .sg-brand-logo i { color:#fff; }
        .sg-brand-text { display:inline-flex; flex-direction:column; gap:2px; letter-spacing:.4px; }
        .sg-brand-text strong { font-size:.72rem; font-weight:900; color:#1f8cff; letter-spacing:1.6px; line-height:1; }
        .sg-brand-text > span { font-size:1rem; font-weight:900; color:#0a0b0d; line-height:1; letter-spacing:.6px; }
        [data-theme="dark"] .sg-brand-text strong { color:#38d4ff; }
        [data-theme="dark"] .sg-brand-text > span { color:#fff; }

        .sg-nav-menu { display:flex; align-items:center; gap:4px; flex:1; justify-content:flex-start; margin-left:18px; }
        .sg-nav-menu-link {
            display:inline-flex; align-items:center;
            padding:9px 12px; border-radius:10px;
            font-weight:700; font-size:.84rem;
            color:#475569; text-decoration:none;
            transition: color .2s, background .2s;
        }
        .sg-nav-menu-link:hover { color:#0a0b0d; background:#eaf2ff; }
        .sg-nav-menu-link.is-active { color:#0a4cff; background:#e6efff; }
        [data-theme="dark"] .sg-nav-menu-link { color:rgba(226,239,255,.74); }
        [data-theme="dark"] .sg-nav-menu-link:hover { color:#fff; background:rgba(56,212,255,.12); }
        [data-theme="dark"] .sg-nav-menu-link.is-active { color:#fff; background:rgba(56,212,255,.18); }

        .sg-nav-actions { display:flex; align-items:center; gap:10px; }
        .sg-nav-cta-btn {
            display:inline-flex; align-items:center; gap:8px;
            padding:10px 14px; border-radius:12px;
            font-weight:800; font-size:.84rem; text-decoration:none;
            background:linear-gradient(135deg, #0a4cff, #1f8cff);
            color:#fff;
            box-shadow:0 12px 26px -10px rgba(10,76,255,.55);
            transition: transform .15s, box-shadow .2s, filter .2s;
        }
        .sg-nav-cta-btn:hover { transform:translateY(-1px); filter:brightness(1.05); color:#fff; }
        .sg-nav-cta-btn i { font-size:.95rem; }

        .theme-btn.sg-theme-btn {
            width:40px; height:40px; border-radius:12px;
            background:#F1F5FB; border:1px solid rgba(15,23,42,.08); color:#0F172A;
            display:inline-flex; align-items:center; justify-content:center;
            cursor:pointer;
        }
        [data-theme="dark"] .theme-btn.sg-theme-btn {
            background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.10); color:#fff;
        }

        .sg-nav-burger {
            display:none; width:40px; height:40px; border-radius:12px;
            border:1px solid rgba(15,23,42,.10);
            background:#fff; color:#0F172A; font-size:1.25rem; cursor:pointer;
        }
        [data-theme="dark"] .sg-nav-burger {
            background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.10); color:#fff;
        }

        .sg-nav-mobile {
            display:flex; flex-direction:column; gap:4px;
            padding:14px 4px; border-top:1px solid rgba(15,23,42,.08); margin-top:12px;
        }
        .sg-nav-mobile[hidden] { display:none; }
        .sg-nav-mobile-link {
            display:inline-flex; align-items:center; gap:10px;
            padding:11px 14px; border-radius:12px; text-decoration:none;
            font-weight:700; font-size:.92rem; color:#1f2937; background:#F5F8FF;
        }
        .sg-nav-mobile-link i { color:#1f8cff; }
        .sg-nav-mobile-link.sg-nav-mobile-cta { background:linear-gradient(135deg,#16a34a,#22c55e); color:#fff; }
        .sg-nav-mobile-link.sg-nav-mobile-cta i { color:#fff; }
        [data-theme="dark"] .sg-nav-mobile { border-top-color:rgba(255,255,255,.10); }
        [data-theme="dark"] .sg-nav-mobile-link { background:rgba(255,255,255,.05); color:#e7f2ff; }

        @media (max-width:980px) {
            .sg-nav-menu { display:none; }
            .sg-nav-cta-btn span { display:none; }
            .sg-nav-cta-btn { padding:10px 12px; }
        }
        @media (max-width:720px) {
            .sg-nav-burger { display:inline-flex; align-items:center; justify-content:center; }
            .sg-nav-cta-btn { display:none; }
        }

        /* Footer (samakan dgn homepage, dark) */
        .tg-footer.sg-footer {
            background:linear-gradient(180deg,#040813 0%, #02060d 100%);
            padding:56px 0 28px;
            border-top:1px solid rgba(148,197,255,.14);
            color:rgba(226,239,255,.62);
            margin-top:36px;
        }
        .sg-footer-inner { max-width:1180px; margin:0 auto; padding:0 20px; }
        .sg-footer-grid { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; margin-bottom:28px; }
        .sg-footer-brand .sg-brand-text > span { color:#fff; }
        .sg-footer-brand .sg-brand-text strong { color:#66adff; }
        .sg-footer-brand p { color:rgba(226,239,255,.6); line-height:1.65; max-width:380px; margin:14px 0 16px; font-size:.86rem; }
        .sg-footer-badges { display:flex; flex-wrap:wrap; gap:8px; }
        .sg-footer-badges span {
            display:inline-flex; align-items:center; gap:6px;
            padding:6px 11px; border-radius:999px;
            font-size:.72rem; font-weight:700;
            background:rgba(26, 134, 255,.08);
            border:1px solid rgba(77,138,255,.22);
            color:#a8c4ff;
        }
        .sg-footer-badges span i { color:#66adff; }
        .sg-footer h5 { color:#fff; font-size:.92rem; margin:0 0 14px; letter-spacing:.3px; font-weight:800; }
        .sg-footer-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:9px; }
        .sg-footer-list a {
            display:inline-flex; align-items:center; gap:9px;
            color:rgba(226,239,255,.62);
            font-size:.86rem; text-decoration:none;
            transition:color .2s;
        }
        .sg-footer-list a i { color:#66adff; width:18px; text-align:center; }
        .sg-footer-list-label { color:rgba(226,239,255,.52); }
        .sg-footer-cat-link i { color:#66adff; }
        .sg-footer-list a:hover { color:#fff; }
        .sg-footer hr { border:0; border-top:1px solid rgba(148,197,255,.10); margin:28px 0 16px; }
        .sg-footer-bottom { text-align:center; }
        .sg-footer-bottom p { color:rgba(226,239,255,.45); font-size:.78rem; margin:0 0 6px; }
        .sg-footer-disclaimer { color:rgba(226,239,255,.32); font-size:.72rem; }

        @media (max-width:880px) {
            .sg-footer-grid { grid-template-columns:1fr 1fr; gap:22px; }
            .sg-footer-brand { grid-column:1 / -1; }
        }
        @media (max-width:520px) {
            .sg-footer-grid { grid-template-columns:1fr; }
        }
        @media (max-width:560px) {
            .tg-footer.sg-footer { padding:36px 0 22px; margin-top:24px; }
            .sg-footer-inner { padding:0 16px; }
            .sg-footer h5 { font-size:.86rem; margin-bottom:10px; }
            .sg-footer-list a { font-size:.82rem; }
            .sg-footer-brand p { font-size:.82rem; margin:12px 0 12px; }
        }