/*
Theme Name:  LayakBeli v4
Theme URI:   https://layakbeli.com
Author:      LayakBeli Team
Description: Tema blog ulasan afiliasi LayakBeli desain clean putih profesional, kompatibel penuh dengan Elementor & Elementor Pro. Menu: Home, Software Bisnis, Tools Digital, Hosting & Website, Peralatan Usaha, Keuangan & Fintech, Rekomendasi Terbaik. CTA Ebook Gratis, tanpa statistik pembaca.
Version:     4.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License:     GNU General Public License v2 or later
Text Domain: layakbeli
Tags: blog, affiliate, review, elementor, white, clean, business
*/

:root{
  --white:#ffffff;--bg:#f9f9f7;--ink:#111111;--ink2:#3a3a3a;--ink3:#6b6b6b;
  --bdr:#e5e5e0;--blue:#1a56e8;--bluelt:#e8eefe;--teal:#0d9488;--teallt:#e6f7f5;
  --amber:#d97706;--amberlt:#fef3e2;--violet:#7c3aed;--violetlt:#f0ebff;
  --rose:#e11d48;--roselt:#fde8ee;--grn:#059669;--grnlt:#e6f5ef;
  --r:12px;--rlg:20px;--s2:0 4px 16px rgba(0,0,0,.07);--s3:0 12px 40px rgba(0,0,0,.10);
  /* Elementor hooks */
  --e-global-color-primary:#1a56e8;--e-global-color-secondary:#111111;
  --e-global-color-text:#6b6b6b;--e-global-color-accent:#059669;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans','Outfit',sans-serif;background:var(--white);color:var(--ink);overflow-x:hidden;font-size:17px;line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}

/* ── ELEMENTOR COMPATIBILITY ── */
.elementor-page #lb-main,.elementor-page .elementor-template-canvas #lb-header,
.elementor-template-canvas #lb-footer,
.elementor-template-canvas #lb-mnav,
.elementor-template-canvas .elementor-template-full-width 
.elementor-section.elementor-section-stretched{width:100%!important;max-width:100%!important}

/* ── HEADER ── */
#lb-header{background:var(--white);border-bottom:1px solid var(--bdr);position:sticky;top:0;z-index:99999;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:box-shadow .3s}
#lb-header
.lb-logo{display:flex;align-items:center;gap:14px;flex-shrink:0}
.lb-logo-mark{width:68px;height:68px;background:var(--blue);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lb-logo-text{font-size:2.2rem;font-weight:800;color:var(--ink);letter-spacing:-.04em;line-height:1}
.lb-logo-text span{color:var(--blue)}
/* Nav */
.lb-nav ul{display:flex;align-items:center;gap:0;margin:0;padding:0}
.lb-nav ul li a{font-size:.9rem;font-weight:600;color:var(--ink3);padding:5px 9px;border-radius:6px;transition:color .15s,background .15s;white-space:nowrap;display:block}
.lb-nav ul li a:hover:not([href*="rekomendasi-terbaik"]):not(.lb-nav-star),.lb-nav ul li.current-menu-item>a:not([href*="rekomendasi-terbaik"]):not(.lb-nav-star){color:var(--blue);background:var(--bluelt)}

#lb-header .lb-nav ul li a.lb-nav-star,
#lb-header .lb-nav ul li a.lb-nav-star:visited{color:#fff!important;background:#f97316!important;font-weight:700!important;border-radius:8px!important;padding:7px 15px!important;margin-left:6px!important;border:none!important;box-shadow:0 2px 8px rgba(249,115,22,.35)!important}
#lb-header .lb-nav ul li a.lb-nav-star:hover{background:#ea6c0a!important;color:#fff!important;box-shadow:0 4px 14px rgba(249,115,22,.45)!important;transform:translateY(-1px)}
.lb-nav ul li{position:relative}
.lb-nav ul li ul{display:none;position:absolute;top:100%;left:0;background:var(--white);border:1px solid var(--bdr);border-top:2px solid var(--blue);min-width:190px;z-index:99999;box-shadow:0 8px 24px rgba(0,0,0,.08);border-radius:0 0 8px 8px}
.lb-nav ul li:hover>ul{display:block}
.lb-nav ul li ul li a{padding:10px 14px;border-bottom:1px solid var(--bdr);font-size:.8rem;border-radius:0}
.lb-nav ul li ul li:last-child a{border-bottom:none}
/* Header right */
.lb-hr{display:flex;align-items:center;gap:8px;flex-shrink:0}
/* ✅ EBOOK BUTTON */
.lb-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:1px solid var(--bdr);border-radius:8px;cursor:pointer;padding:7px;flex-shrink:0}
.lb-hamburger span{display:block;width:16px;height:1.5px;background:var(--ink);transition:all .25s}
.lb-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.lb-hamburger.open span:nth-child(2){opacity:0}
.lb-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
/* Mobile nav */
#lb-mnav{display:none;background:var(--white);border-top:1px solid var(--bdr);padding:10px 24px 18px}
#lb-mnav.open{display:block}
#lb-mnav ul{margin:0;padding:0}
#lb-mnav ul li a{display:block;padding:10px 0;color:var(--ink2);font-size:.88rem;font-weight:600;border-bottom:1px solid var(--bdr);transition:color .15s}
#lb-mnav ul li a:hover{color:var(--blue)}
/* Search overlay */
/* Category strip */

/* ── MAIN ── */
#lb-main{min-height:50vh;background:var(--white)}
.elementor-page #lb-main{padding:0}
.lb-standard-content{max-width:860px;margin:0 auto;padding:56px 5%}
.lb-standard-content h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-weight:800;margin-bottom:18px}
.lb-standard-content p{margin-bottom:15px;color:var(--ink3);line-height:1.8}

/* ── SINGLE POST ── */
.lb-post-hero{padding:52px 5% 36px;border-bottom:1px solid var(--bdr);max-width:1240px;margin:0 auto}
.lb-post-hero-cat{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);margin-bottom:14px;display:inline-flex;align-items:center;gap:8px}
.lb-post-hero-title{font-size:clamp(1.1rem,2.25vw,1.5rem);font-weight:800;color:var(--ink);line-height:1.3;max-width:800px;margin-bottom:20px}
.lb-post-hero-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.75rem;color:var(--ink3)}
.lb-rating-chip{background:var(--ink);color:#fff;font-size:.7rem;font-weight:700;padding:3px 12px;border-radius:4px}
.lb-rating-chip span{color:var(--grn)}
.lb-post-featured-img{width:100%;max-height:500px;object-fit:cover}
.lb-post-layout{display:grid;grid-template-columns:1fr 300px;max-width:1240px;margin:0 auto}
.lb-post-content{padding:48px 5%;border-right:1px solid var(--bdr);font-size:1.02rem;line-height:1.82;color:#2c2c2a}
.lb-post-content h2{font-size:1.2rem;font-weight:700;margin:36px 0 12px;padding-left:14px;border-left:3px solid var(--blue)}
.lb-post-content h3{font-size:1rem;font-weight:700;margin:26px 0 10px}
.lb-post-content p{margin-bottom:16px}
.lb-post-content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.lb-post-content ul,.lb-post-content ol{margin:0 0 16px 22px}
.lb-post-content li{margin-bottom:5px}
/* Score box */
.lb-score-box{border:1px solid var(--bdr);margin:28px 0;overflow:hidden;border-radius:10px}
.lb-score-box-hd{background:var(--ink);color:#fff;padding:13px 18px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}
.lb-score-overall{font-size:1.3rem;font-weight:700;color:var(--grn)}
.lb-score-row{display:flex;align-items:center;padding:10px 18px;border-bottom:1px solid var(--bdr);gap:12px}
.lb-score-row:last-child{border-bottom:none}
.lb-score-label{font-size:.8rem;color:var(--ink3);min-width:80px}
.lb-score-bar-wrap{flex:1;height:3px;background:var(--bdr)}
.lb-score-bar{height:100%;background:var(--grn);transition:width 1s ease}
.lb-score-val{font-size:.76rem;font-weight:700;min-width:26px;text-align:right;color:var(--ink)}
/* Affiliate box */
.lb-aff-box{background:var(--grnlt);border:1px solid #a7f3d0;border-left:3px solid var(--grn);padding:18px 22px;margin:24px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:0 8px 8px 0}
.lb-aff-box-text strong{display:block;font-size:.95rem;color:var(--ink);margin-bottom:3px}
.lb-aff-box-text span{font-size:.82rem;color:var(--ink3)}
.lb-aff-box-btn{background:var(--grn);color:#fff;padding:10px 20px;font-weight:700;font-size:.8rem;white-space:nowrap;transition:background .18s;flex-shrink:0;display:inline-block;border-radius:7px}
.lb-aff-box-btn:hover{background:#047857}
/* Sidebar */
.lb-post-sidebar{padding:28px 20px;display:flex;flex-direction:column;gap:22px}
.lb-sidebar-widget{border:1px solid var(--bdr);border-radius:10px;overflow:hidden}
.lb-sidebar-widget-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink);padding:10px 14px;border-bottom:1px solid var(--bdr);background:var(--bg)}
.lb-sidebar-post{display:flex;gap:11px;padding:11px 14px;border-bottom:1px solid var(--bdr);transition:background .18s}
.lb-sidebar-post:last-child{border-bottom:none}
.lb-sidebar-post:hover{background:var(--bg)}
.lb-sidebar-thumb{width:54px;height:54px;object-fit:cover;flex-shrink:0;background:var(--bg);border-radius:6px}
.lb-sidebar-post-title{font-size:.8rem;font-weight:600;color:var(--ink);line-height:1.33;transition:color .18s}
.lb-sidebar-post:hover .lb-sidebar-post-title{color:var(--blue)}
.lb-sidebar-post-date{font-size:.65rem;color:var(--ink3);margin-top:4px}

/* ── ARCHIVE ── */
.lb-archive{padding:52px 5%;max-width:1240px;margin:0 auto}
.lb-archive-title{font-size:1rem;font-weight:800;color:var(--ink);margin-bottom:28px;padding-bottom:14px;border-bottom:1px solid var(--bdr)}
.lb-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bdr)}
.lb-post-card{background:var(--white);padding:24px;transition:background .2s}
.lb-post-card:hover{background:var(--bg)}
.lb-post-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:14px}
.lb-post-thumb-ph{width:100%;aspect-ratio:16/9;background:var(--bg);margin-bottom:14px;display:flex;align-items:center;justify-content:center;font-size:2.5rem}
.lb-post-cat{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:7px}
.lb-post-title{font-size:1.1rem;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:8px;transition:color .2s}
.lb-post-card:hover .lb-post-title{color:var(--blue)}
.lb-post-meta{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;color:var(--ink3);padding-top:12px;border-top:1px solid var(--bdr)}
.lb-post-rating{color:var(--grn);font-weight:700}
.lb-pagination{display:flex;justify-content:center;gap:5px;margin-top:40px}
.lb-pagination .page-numbers{font-size:.76rem;color:var(--ink3);padding:8px 14px;border:1px solid var(--bdr);background:var(--white);transition:all .2s}
.lb-pagination .page-numbers.current,.lb-pagination .page-numbers:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ── FOOTER ── */
/* Ebook box di footer */

/* ── ELEMENTOR WIDGET OVERRIDES ── */
.elementor-widget-heading .elementor-heading-title{font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:800!important;letter-spacing:-.02em!important}
.elementor-button{font-family:'Plus Jakarta Sans',sans-serif!important;font-weight:700!important}
.elementor-widget-text-editor{font-family:'Plus Jakarta Sans',sans-serif!important;line-height:1.75!important}

/* ── REVEAL ── */
.lb-reveal{opacity:0;transform:translateY(20px);transition:opacity .52s ease,transform .52s ease}
.lb-reveal.visible{opacity:1;transform:none}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .lb-nav{display:none}
  .lb-hamburger{display:flex}
    .lb-posts-grid{grid-template-columns:1fr 1fr}
  .lb-post-layout{grid-template-columns:1fr}
  .lb-post-content{border-right:none;border-bottom:1px solid var(--bdr)}
}
@media(max-width:640px){
  .lb-hw{padding:0 18px}
      .lb-posts-grid{grid-template-columns:1fr}
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   FRONT PAGE BUILT-IN SECTIONS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ── LAYOUT HELPERS ── */
.lb-sw{max-width:1240px;margin:0 auto;padding:0 5%}
.lb-sec{padding:72px 0}
.lb-sec-bg{background:var(--bg);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr)}
.lb-sh{margin-bottom:44px}

.lb-sec-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.9rem;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.2;margin-bottom:8px}
.lb-sec-sub{font-size:.95rem;color:var(--ink3);max-width:500px}
.lb-see-all{font-size:.8rem;font-weight:700;color:var(--blue);display:flex;align-items:center;gap:5px;margin-bottom:8px;white-space:nowrap}
.lb-rating-green{color:var(--grn);font-weight:700}

/* ── HERO ── */
.lb-hero-section{background:var(--white)}
.lb-hero{max-width:1240px;margin:0 auto;padding:80px 5% 72px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.lb-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--bluelt);color:var(--blue);font-size:.72rem;font-weight:700;padding:5px 13px;border-radius:100px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:20px}
.lb-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue);animation:lb-blink 1.8s ease infinite}
@keyframes lb-blink{0%,100%{opacity:1}50%{opacity:.3}}

.lb-hero-title em{font-style:italic;color:var(--blue);font-weight:700}
.lb-hero-desc{font-size:1.02rem;color:var(--ink3);line-height:1.75;max-width:460px;margin-bottom:28px}
.lb-hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.lb-btn-primary{background:var(--blue);color:#fff;font-size:.9rem;font-weight:700;padding:13px 26px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;transition:background .18s,transform .14s,box-shadow .18s}
.lb-btn-primary:hover{background:#1444c0;transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,86,232,.25)}
.lb-btn-outline{background:transparent;color:var(--ink2);font-size:.9rem;font-weight:600;padding:13px 26px;border-radius:10px;border:1.5px solid var(--bdr);transition:border-color .18s,color .18s;display:inline-block}
.lb-btn-outline:hover{border-color:var(--blue);color:var(--blue)}
/* ✅ Ebook nudge (gantikan stats) */
.lb-hero-ebook{display:flex;align-items:center;gap:12px;margin-top:26px;padding:14px 18px;background:linear-gradient(135deg,#f0fdf4,#e6f7f5);border:1px solid #a7f3d0;border-radius:12px;max-width:460px;flex-wrap:wrap}
.lb-hero-ebook-icon{width:40px;height:40px;background:linear-gradient(135deg,#059669,#0d9488);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
.lb-hero-ebook-copy strong{display:block;font-size:.85rem;font-weight:700;color:var(--ink);margin-bottom:2px}
.lb-hero-ebook-copy span{font-size:.75rem;color:var(--ink3)}
.lb-hero-ebook-dl{margin-left:auto;background:var(--grn);color:#fff;font-size:.72rem;font-weight:700;padding:7px 13px;border-radius:7px;white-space:nowrap;transition:background .15s;flex-shrink:0;display:inline-flex;align-items:center;gap:4px}
.lb-hero-ebook-dl:hover{background:#047857}
/* Hero visual */
.lb-hero-visual{position:relative}
.lb-hero-card{background:var(--white);border-radius:var(--rlg);box-shadow:var(--s3);overflow:hidden;border:1px solid var(--bdr)}
.lb-hero-card-head{background:linear-gradient(135deg,#1a56e8,#0d9488);padding:28px;position:relative;overflow:hidden}
.lb-hero-card-head::before{content:'';position:absolute;top:-40px;right:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.07)}
.lb-hero-card-label{font-size:.68rem;font-weight:600;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.lb-hero-card-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-weight:700;color:#fff;line-height:1.3;max-width:220px;position:relative}
.lb-hero-card-body{padding:20px}
.lb-hero-card-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--bdr);font-size:.81rem}
.lb-hero-card-row:last-child{border-bottom:none}
.lb-hero-card-row-l{display:flex;align-items:center;gap:9px;color:var(--ink2);font-weight:500}
.lb-hero-card-ico{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}
.lb-hero-card-badge{font-size:.67rem;font-weight:700;padding:2px 8px;border-radius:100px}
.lb-hero-float-a,.lb-hero-float-b{position:absolute;background:#fff;border-radius:10px;padding:9px 13px;box-shadow:var(--s2);border:1px solid var(--bdr);font-size:.76rem;font-weight:600;display:flex;align-items:center;gap:7px}
.lb-hero-float-a{top:-14px;right:-14px;color:var(--ink2);animation:lb-f1 3s ease-in-out infinite}
.lb-hero-float-b{bottom:20px;left:-18px;color:var(--grn);font-weight:700;animation:lb-f2 3.5s ease-in-out infinite}
@keyframes lb-f1{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes lb-f2{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

/* ── CATEGORY CARDS ── */
.lb-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lb-cat-card{background:var(--white);border:1px solid var(--bdr);border-radius:var(--rlg);overflow:hidden;transition:box-shadow .22s,transform .22s,border-color .22s;display:flex;flex-direction:column}
.lb-cat-card:hover{box-shadow:var(--s3);transform:translateY(-4px);border-color:transparent}

.lb-cat-card-body{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.lb-cat-card-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.lb-cat-card-ico{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;background:rgba(0,0,0,.04)}

.lb-cat-card-link{font-size:.76rem;font-weight:700;display:inline-flex;align-items:center;gap:5px;transition:gap .18s;color:var(--blue)}
.lb-theme-amber .lb-cat-card-link{color:var(--amber)}
.lb-theme-grn   .lb-cat-card-link{color:var(--grn)}
.lb-theme-violet.lb-cat-card-link,.lb-theme-violet .lb-cat-card-link{color:var(--violet)}
.lb-theme-rose  .lb-cat-card-link{color:var(--rose)}
.lb-theme-teal  .lb-cat-card-link{color:var(--teal)}
.lb-cat-card:hover .lb-cat-card-link{gap:9px}

/* ── FEATURED ARTICLES ── */
.lb-featured-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}
.lb-featured-main{background:var(--white);border:1px solid var(--bdr);border-radius:var(--rlg);overflow:hidden;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}
.lb-featured-main:hover{box-shadow:var(--s3);transform:translateY(-3px)}
.lb-featured-main-thumb{width:100%;aspect-ratio:16/8;background:linear-gradient(135deg,#1a56e8,#0d9488);overflow:hidden}
.lb-featured-main-thumb img{width:100%;height:100%;object-fit:cover}
.lb-featured-main-body{padding:26px;flex:1;display:flex;flex-direction:column}
.lb-featured-tag{display:inline-flex;align-items:center;gap:5px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:3px 10px;border-radius:100px;margin-bottom:12px;background:var(--grnlt);color:var(--grn)}
.lb-featured-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.22rem;font-weight:700;color:var(--ink);line-height:1.28;margin-bottom:10px}
.lb-featured-excerpt{font-size:.84rem;color:var(--ink3);line-height:1.7;margin-bottom:18px;flex:1}
.lb-featured-meta{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--ink3);padding-top:14px;border-top:1px solid var(--bdr)}
.lb-featured-side{background:var(--white);border:1px solid var(--bdr);border-radius:var(--r);padding:14px;display:flex;gap:13px;transition:box-shadow .18s,transform .18s}
.lb-featured-side:hover{box-shadow:var(--s2);transform:translateX(3px)}
.lb-featured-side-thumb{width:64px;height:64px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:var(--bg)}
.lb-featured-side-thumb img{width:100%;height:100%;object-fit:cover}
.lb-thumb-ph{font-size:1.8rem}
.lb-post-cat-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:2px 8px;border-radius:100px;display:inline-flex;margin-bottom:5px;background:var(--bluelt);color:var(--blue)}
.lb-featured-side-title{font-size:.86rem;font-weight:700;color:var(--ink);line-height:1.33;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-featured-side-meta{font-size:.7rem;color:var(--ink3);display:flex;align-items:center;gap:8px}

/* ── TRUST ── */
.lb-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lb-trust-card{background:var(--white);border:1px solid var(--bdr);border-radius:var(--rlg);padding:26px 22px;transition:box-shadow .2s,transform .2s}
.lb-trust-card:hover{box-shadow:var(--s2);transform:translateY(-2px)}
.lb-trust-ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:14px}
.lb-trust-card h3{font-size:.93rem;font-weight:700;color:var(--ink);margin-bottom:7px}
.lb-trust-card p{font-size:.8rem;color:var(--ink3);line-height:1.65}

/* ── EBOOK SECTION ── */
.lb-ebook-section{background:linear-gradient(135deg,#0a3d24,#064e3b 40%,#065f46);padding:72px 0;position:relative;overflow:hidden}
.lb-ebook-section::before{content:'';position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:700px;height:700px;border-radius:50%;background:rgba(255,255,255,.03)}
.lb-ebook-inner{max-width:1100px;margin:0 auto;padding:0 5%;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative}
.lb-ebook-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.9rem,3.5vw,2.7rem);font-weight:800;color:#fff;line-height:1.16;letter-spacing:-.025em;margin-bottom:14px}
.lb-ebook-title em{font-style:italic;color:#6ee7b7;font-weight:700}
.lb-ebook-sub{font-size:.98rem;color:rgba(255,255,255,.65);margin-bottom:26px;line-height:1.7;max-width:420px}
.lb-ebook-feats{display:flex;flex-direction:column;gap:9px;margin-bottom:30px}
.lb-ebook-feat{display:flex;align-items:center;gap:10px;font-size:.84rem;color:rgba(255,255,255,.75);font-weight:500}
.lb-ebook-feat-ico{width:20px;height:20px;background:rgba(110,231,183,.2);border:1px solid rgba(110,231,183,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.62rem;color:#6ee7b7;flex-shrink:0}
.lb-ebook-form{display:flex;border-radius:10px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3);max-width:420px}
.lb-ebook-input{flex:1;padding:14px 16px;border:none;font-family:'Plus Jakarta Sans',sans-serif;font-size:.88rem;color:var(--ink);outline:none;background:#fff;min-width:0}
.lb-ebook-submit{background:linear-gradient(135deg,#10b981,#0d9488);color:#fff;border:none;padding:14px 18px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.82rem;font-weight:800;cursor:pointer;transition:opacity .18s;white-space:nowrap}
.lb-ebook-submit:hover{opacity:.88}
.lb-ebook-note{margin-top:12px;font-size:.72rem;color:rgba(255,255,255,.38);display:flex;align-items:center;gap:5px}
/* Ebook mockup */
.lb-ebook-visual{display:flex;justify-content:center;align-items:center}
.lb-ebook-mock{position:relative;width:260px}
.lb-ebook-cover{background:linear-gradient(145deg,#fff,#f0fdf4);border-radius:16px;padding:32px 26px;box-shadow:0 20px 60px rgba(0,0,0,.35),0 6px 18px rgba(0,0,0,.2);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.lb-ebook-cover::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#059669,#0d9488,#1a56e8)}
.lb-ebook-cover-label{font-size:.6rem;font-weight:700;color:var(--grn);text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px;display:flex;align-items:center;gap:6px}
.lb-ebook-cover-label::before{content:'';width:16px;height:2px;background:var(--grn);flex-shrink:0}
.lb-ebook-cover-ico{font-size:2.6rem;margin-bottom:14px;display:block}
.lb-ebook-cover-ttl{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;font-weight:800;color:var(--ink);line-height:1.3;margin-bottom:8px}
.lb-ebook-cover-sub{font-size:.72rem;color:var(--ink3);line-height:1.5}
.lb-ebook-cover-footer{margin-top:22px;padding-top:14px;border-top:1px solid var(--bdr);display:flex;align-items:center;justify-content:space-between}
.lb-ebook-cover-brand{font-size:.65rem;font-weight:700;color:var(--ink3)}
.lb-ebook-cover-free{background:var(--grn);color:#fff;font-size:.62rem;font-weight:800;padding:3px 9px;border-radius:100px;text-transform:uppercase;letter-spacing:.07em}
.lb-ebook-float-a,.lb-ebook-float-b{position:absolute;background:#fff;border-radius:9px;padding:7px 11px;box-shadow:var(--s2);border:1px solid var(--bdr);font-size:.72rem;font-weight:600;display:flex;align-items:center;gap:5px}
.lb-ebook-float-a{top:-10px;right:-18px;color:var(--grn);animation:lb-f1 3s ease-in-out infinite}
.lb-ebook-float-b{bottom:14px;left:-22px;color:var(--blue);animation:lb-f2 3.5s ease-in-out infinite}

/* ── RESPONSIVE ── */
@media(max-width:1060px){
  .lb-hero{grid-template-columns:1fr;padding:52px 5% 60px}
  .lb-hero-visual{display:none}
  .lb-cat-grid{grid-template-columns:repeat(2,1fr)}
  .lb-featured-grid{grid-template-columns:1fr}
  .lb-trust-grid{grid-template-columns:repeat(2,1fr)}
  .lb-ebook-inner{grid-template-columns:1fr;gap:44px}
  .lb-ebook-visual{order:-1}.lb-ebook-mock{width:220px}
}
@media(max-width:640px){
  .lb-cat-grid{grid-template-columns:1fr}
  .lb-trust-grid{grid-template-columns:1fr}
  .lb-ebook-form{flex-direction:column;border-radius:8px}
  .lb-ebook-input{border-radius:8px 8px 0 0}
  .lb-ebook-submit{border-radius:0 0 8px 8px;padding:13px}
}

/* ── POLISH: mirip blogdu.de ──────────────────────────────────────── */

/* Kategori card: ikon lebih besar, background lebih vivid */
.lb-cat-card-img{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;height:140px}
.lb-cat-big-ico{font-size:5.5rem;line-height:1;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.12))}

/* Warna background kategori lebih solid dan vivid */
.lb-cat-img-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}
.lb-cat-img-amber{background:linear-gradient(135deg,#fef3c7,#fde68a)}
.lb-cat-img-grn{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}
.lb-cat-img-violet{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}
.lb-cat-img-rose{background:linear-gradient(135deg,#ffe4e6,#fecdd3)}
.lb-cat-img-teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4)}

/* Category card name lebih tegas */
.lb-cat-card-name{font-size:.95rem;font-weight:800;color:var(--ink)}
.lb-cat-card-desc{font-size:.83rem;line-height:1.6;color:var(--ink3);margin:8px 0 12px}

/* Section badge mirip blogdu */
.lb-sec-badge{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:10px;display:flex;align-items:center;gap:6px}

/* Hero title lebih impactful */
.lb-hero-title{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--ink)}

/* Footer: background lebih gelap & clean */

/* Copyright bar */

/* ── SIDEBAR WIDGETS ─────────────────────────────────────────── */

/* Search di sidebar */
.lb-sidebar-search .lb-sidebar-search .lb-sidebar-search 
/* Placeholder thumbnail sidebar */
.lb-sidebar-thumb-ph{width:54px;height:54px;background:var(--bg);border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem}

/* Banner Afiliasi sidebar */
.lb-sidebar-banner-widget{}
.lb-sidebar-banner{padding:0}
.lb-sidebar-banner-img{width:100%;display:block;border-bottom:1px solid var(--bdr)}
.lb-sidebar-banner-placeholder{width:100%;height:120px;background:linear-gradient(135deg,var(--blue-lt),#dde8ff);display:flex;align-items:center;justify-content:center;font-size:3rem;border-bottom:1px solid var(--bdr)}
.lb-sidebar-banner-body{padding:14px}
.lb-sidebar-banner-title{font-size:.88rem;font-weight:800;color:var(--ink);margin-bottom:5px}
.lb-sidebar-banner-desc{font-size:.78rem;color:var(--ink3);line-height:1.6;margin-bottom:12px}
.lb-sidebar-banner-btn{display:inline-flex;align-items:center;gap:6px;background:var(--blue);color:#fff;font-size:.78rem;font-weight:700;padding:9px 14px;border-radius:7px;transition:background .15s;width:100%;justify-content:center}
.lb-sidebar-banner-btn:hover{background:#1445c0}

/* Kategori sidebar */
.lb-sidebar-cats{list-style:none}

/* ── HEADER HEIGHT (logo lebih besar) ──────────────────────────────── */
.lb-hw{height:80px}

/* ── SIDEBAR SEARCH ─────────────────────────────────────────────────── */
.lb-sidebar-search-box{padding:12px 14px}
.lb-sidebar-search-box form{display:flex;gap:0;border:1.5px solid var(--bdr);border-radius:8px;overflow:hidden}
.lb-sidebar-search-input{flex:1;padding:9px 12px;border:none;font-size:.85rem;font-family:var(--font-body);color:var(--ink);outline:none;background:var(--white)}
.lb-sidebar-search-btn{background:var(--blue);color:#fff;border:none;padding:0 14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.lb-sidebar-search-btn:hover{background:#1445c0}

/* ── ARCHIVE / KATEGORI ──────────────────────────────────────────────── */
.lb-cat-wrap{}

/* Hero kategori */
.lb-cat-hero{background:linear-gradient(135deg,#0f172a,#1e3a8a);padding:48px 0 40px;margin-bottom:0}
.lb-cat-hero-badge{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#93c5fd;margin-bottom:10px}
.lb-cat-hero-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(0.9rem,1.75vw,1.3rem);font-weight:800;color:#fff;margin-bottom:10px;line-height:1.2}
.lb-cat-hero-desc{font-size:.95rem;color:rgba(255,255,255,.6);max-width:540px;line-height:1.75}

/* Section base */
.lb-cat-section{padding:56px 0}
.lb-cat-section-bg{background:var(--bg);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr)}
.lb-cat-sec-head{display:flex;align-items:center;gap:10px;margin-bottom:28px;padding-bottom:16px;border-bottom:2px solid var(--bdr)}
.lb-cat-sec-badge{font-size:1.3rem}
.lb-cat-sec-title{font-size:1.3rem;font-weight:800;color:var(--ink)}
.lb-cat-sec-sub{font-size:.82rem;color:var(--ink3);margin-left:auto}

/* Grid 3 kolom */
.lb-grid-3x2,.lb-grid-3x3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

/* Empty notice */
.lb-empty-notice{grid-column:1/-1;text-align:center;padding:40px;color:var(--ink3);font-size:.9rem;border:1.5px dashed var(--bdr);border-radius:12px}

/* ── Best Review cards ── */
.lb-review-card{display:flex;flex-direction:column;border:1.5px solid var(--bdr);border-radius:14px;overflow:hidden;background:var(--white);transition:transform .2s,box-shadow .2s;text-decoration:none}
.lb-review-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}
.lb-review-card-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg)}
.lb-review-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.lb-review-card:hover .lb-review-card-img img{transform:scale(1.04)}
.lb-review-card-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:var(--bg)}
.lb-review-badge{position:absolute;top:10px;right:10px;background:var(--ink);color:#fff;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:6px}
.lb-review-card-body{padding:16px}
.lb-review-card-title{font-size:.95rem;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-review-card-meta{display:flex;gap:10px;font-size:.72rem;color:var(--ink3)}

/* ── Artikel Populer cards ── */
.lb-pop-card{display:flex;flex-direction:column;border:1.5px solid var(--bdr);border-radius:14px;overflow:hidden;background:var(--white);transition:transform .2s,box-shadow .2s;text-decoration:none}
.lb-pop-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}
.lb-pop-card-img{aspect-ratio:16/9;overflow:hidden;background:var(--bg)}
.lb-pop-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.lb-pop-card:hover .lb-pop-card-img img{transform:scale(1.04)}
.lb-pop-card-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem}
.lb-pop-card-body{padding:14px}
.lb-pop-card-cat{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);display:block;margin-bottom:5px}
.lb-pop-card-title{font-size:.92rem;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-pop-card-meta{display:flex;justify-content:space-between;font-size:.72rem;color:var(--ink3)}

/* ── Artikel Terbaru cards ── */
.lb-new-card{display:flex;flex-direction:column;border:1.5px solid var(--bdr);border-radius:14px;overflow:hidden;background:var(--white);transition:transform .2s,box-shadow .2s;text-decoration:none}
.lb-new-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1)}
.lb-new-card-img{aspect-ratio:16/9;overflow:hidden;background:var(--bg)}
.lb-new-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.lb-new-card:hover .lb-new-card-img img{transform:scale(1.04)}
.lb-new-card-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem}
.lb-new-card-body{padding:14px;display:flex;flex-direction:column;flex:1}
.lb-new-card-cat{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);display:block;margin-bottom:5px}
.lb-new-card-title{font-size:.92rem;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lb-new-card-excerpt{font-size:.8rem;color:var(--ink3);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.lb-new-card-meta{display:flex;justify-content:space-between;font-size:.72rem;color:var(--ink3);margin-top:auto}

/* ── Navigasi Sebelumnya / Selanjutnya ── */
.lb-cat-nav{display:flex;align-items:center;justify-content:space-between;margin-top:40px;padding-top:28px;border-top:1px solid var(--bdr);gap:16px}
.lb-cat-nav-info{font-size:.82rem;color:var(--ink3);font-weight:500}
.lb-cat-nav-btn{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;padding:11px 22px;border-radius:10px;border:1.5px solid var(--bdr);color:var(--ink);background:var(--white);transition:all .15s;text-decoration:none}
.lb-cat-nav-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.lb-cat-nav-prev,.lb-cat-nav-next{min-width:160px}
.lb-cat-nav-prev{text-align:left}
.lb-cat-nav-next{text-align:right}
.lb-cat-nav-btn-next{margin-left:auto}

/* Responsive archive */
@media(max-width:900px){
  .lb-grid-3x2,.lb-grid-3x3{grid-template-columns:repeat(2,1fr)}
  .lb-cat-sec-sub{display:none}
}
@media(max-width:540px){
  .lb-grid-3x2,.lb-grid-3x3{grid-template-columns:1fr}
  .lb-cat-nav{flex-wrap:wrap;justify-content:center}
  .lb-cat-nav-info{order:-1;width:100%;text-align:center}
}

/* Sosmed */

/* Copyright */

/* ════════════════════════════════════════════════════
   TOMBOL ORANGE — REKOMENDASI TERBAIK
   Berlaku di semua halaman tanpa terkecuali
   ════════════════════════════════════════════════════ */

/* Baris atas: Logo kiri | Links+Copyright kanan */

/* Logo */

/* Kolom kanan */

/* Links navigasi */

/* Copyright */

/* Sosmed — tengah, padding bawah */

/* Responsive */
@media(max-width:640px) {
        }

/* ══ FOOTER ═══════════════════════════════════════════════════════════
   Layout:
   [Logo + Nama Situs]          [About · Contact · Privacy · Disclaimer · Sitemap]
                                [© LayakBeli 2026. All Rights Reserved.]
   ─────────────────────────────────────────────────────────────────
                    [IG]  [YT]  [TK]  [FB]  [X]
   ═══════════════════════════════════════════════════════════════════ */

/* Wrapper utama — lebar sama dengan konten (1280px) */

/* Logo kiri */

/* Kolom kanan: links di atas, copyright di bawah */

/* Links navigasi */

/* Copyright tepat di bawah links */

/* Sosmed — tengah, di bawah footer-wrap */

/* Responsive */
@media (max-width: 640px) {
  
  
  
  
}

/* ══ TOMBOL ORANGE: REKOMENDASI TERBAIK ══════════════════════════════
   Tiga cara sekaligus agar pasti bekerja:
   1. Berdasarkan href URL
   2. Berdasarkan class lb-nav-star (fallback menu)
   3. Menu item terakhir di nav (posisi)
   ═══════════════════════════════════════════════════════════════════ */

/* Cara 1 & 2: href + class */
#lb-header .lb-nav ul > li > a[href*="rekomendasi-terbaik"],
#lb-header .lb-nav ul > li.current-menu-item > a[href*="rekomendasi-terbaik"],
#lb-header .lb-nav ul > li.current-menu-ancestor > a[href*="rekomendasi-terbaik"],
#lb-header .lb-nav ul > li.current_page_item > a[href*="rekomendasi-terbaik"],
#lb-header .lb-nav ul > li > a.lb-nav-star,
#lb-header .lb-nav ul > li.current-menu-item > a.lb-nav-star {
  color: #fff !important;
  background: #f97316 !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  font-weight: 700 !important;
  margin-left: 4px !important;
  box-shadow: 0 2px 8px rgba(249,115,22,.4) !important;
}
#lb-header .lb-nav ul > li > a[href*="rekomendasi-terbaik"]:hover,
#lb-header .lb-nav ul > li > a.lb-nav-star:hover {
  background: #ea6c0a !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* Cara 3: item terakhir di nav (jika URL berbeda tapi posisi benar) */
#lb-header .lb-nav > ul > li:last-child > a {
  color: #fff !important;
  background: #f97316 !important;
  border-radius: 8px !important;
  padding: 6px 14px !important;
  font-weight: 700 !important;
  margin-left: 4px !important;
  box-shadow: 0 2px 8px rgba(249,115,22,.4) !important;
}
#lb-header .lb-nav > ul > li:last-child > a:hover {
  background: #ea6c0a !important;
  color: #fff !important;
}

/* ══ FOOTER ══════════════════════════════════════════════════════════ */

/* Wrapper — lebar & padding SAMA persis dengan header */

/* Logo kiri */

/* Kolom kanan: links di atas, copyright di bawah */

/* Links navigasi */

/* Sosmed di bawah links */

/* Copyright */

/* Responsive */
@media (max-width: 768px) {
  
  
  
  
  
}

/* ══ FOOTER ════════════════════════════════════════════════════════ */

/* Baris atas — Logo+Tagline kiri | Links+Sosmed kanan */

/* KIRI: Logo + Tagline */

/* KANAN: Links + Sosmed */

/* Links navigasi */

/* Sosmed */

/* Garis pemisah */

/* Copyright — tengah penuh */

/* Responsive */
@media (max-width: 768px) {
  
  
  
  
  
  
}

/* ══ FOOTER — LAYOUT TENGAH ══════════════════════════════════════════ */
#lb-footer {
  background: #0f172a;
  border-top: 1px solid rgba(255,255,255,.07);
}
.lb-footer-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 52px 28px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
}

/* Logo */
.lb-footer-logo {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
}
.lb-footer-logo-mark {
  width: 60px;
  height: 60px;
  background: var(--blue);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.lb-footer-logo-text {
  font-size: 2.1rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: -.04em;
  line-height: 1;
}
.lb-footer-logo-text span { color: #60a5fa; }

/* Tagline */
.lb-footer-tagline {
  font-size: .88rem;
  color: rgba(255,255,255,.4);
  line-height: 1.65;
  max-width: 360px;
  margin-top: -6px;
}

/* Links navigasi */
.lb-footer-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0;
}
.lb-footer-nav a {
  color: rgba(255,255,255,.55);
  font-size: .85rem;
  font-weight: 500;
  text-decoration: none;
  padding: 4px 8px;
  transition: color .15s;
  white-space: nowrap;
}
.lb-footer-nav a:hover { color: #fff; }
.lb-fnav-sep {
  color: rgba(255,255,255,.2);
  font-size: .82rem;
}

/* Sosmed — ikon besar */
.lb-footer-socials {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.lb-footer-soc {
  width: 52px;
  height: 52px;
  border: 1.5px solid;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .2s, box-shadow .2s, background .15s;
  text-decoration: none;
  flex-shrink: 0;
}
.lb-footer-soc:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,.35);
  background: rgba(255,255,255,.07);
}

/* Garis pemisah */
.lb-footer-hr {
  width: 100%;
  border: none;
  border-top: 1px solid rgba(255,255,255,.07);
  margin: 4px 0 0;
}

/* Copyright */
.lb-footer-copy {
  font-size: .78rem;
  color: rgba(255,255,255,.28);
  padding-bottom: 8px;
}

@media (max-width: 640px) {
  .lb-footer-inner { padding: 40px 20px 24px; gap: 16px; }
  .lb-footer-logo-text { font-size: 1.6rem; }
  .lb-footer-logo-mark { width: 46px; height: 46px; }
  .lb-footer-soc { width: 46px; height: 46px; }
}

/* ══ BREADCRUMB ══════════════════════════════════════════════════════ */
.lb-breadcrumb { display: none !important; visibility: hidden !important; height: 0 !important; overflow: hidden !important; }
.lb-breadcrumb-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 10px 5%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-size: .78rem;
  color: var(--ink3);
}
.lb-breadcrumb-inner a {
  color: var(--ink3);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: color .15s;
}
.lb-breadcrumb-inner a:hover { color: var(--blue); }
.lb-bc-sep { color: var(--bdr); font-size: .9rem; }
.lb-bc-current {
  color: var(--ink2);
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 320px;
}

/* ══ SHARE SOSMED ════════════════════════════════════════════════════ */
.lb-share-box {
  margin-top: 40px;
  padding: 24px;
  background: var(--bg);
  border: 1.5px solid var(--bdr);
  border-radius: 14px;
}
.lb-share-title {
  font-size: .8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--ink3);
  margin-bottom: 14px;
}
.lb-share-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.lb-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: .82rem;
  font-weight: 700;
  padding: 9px 16px;
  border-radius: 9px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: transform .15s, box-shadow .15s, opacity .15s;
  color: #fff;
}
.lb-share-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.15); opacity: .92; }
.lb-share-wa   { background: #25d366; }
.lb-share-fb   { background: #1877f2; }
.lb-share-tw   { background: #1da1f2; }
.lb-share-tg   { background: #0088cc; }
.lb-share-copy { background: var(--ink); font-family: var(--font-body); }

/* ══ RELATED POSTS ══════════════════════════════════════════════════ */
.lb-related {
  background: var(--bg);
  border-top: 1px solid var(--bdr);
  padding: 52px 0;
}
.lb-related-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 5%;
}
.lb-related-title {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 28px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 14px;
  border-bottom: 2px solid var(--bdr);
}
.lb-related-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.lb-related-card {
  background: var(--white);
  border: 1.5px solid var(--bdr);
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, border-color .2s;
  display: flex;
  flex-direction: column;
}
.lb-related-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0,0,0,.1);
  border-color: var(--blue);
}
.lb-related-card-img {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--bg);
}
.lb-related-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s;
}
.lb-related-card:hover .lb-related-card-img img { transform: scale(1.04); }
.lb-related-card-ph {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.5rem;
}
.lb-related-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: var(--ink);
  color: #fff;
  font-size: .68rem;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 5px;
}
.lb-related-card-body { padding: 16px; flex: 1; }
.lb-related-cat {
  font-size: .65rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--blue);
  display: block;
  margin-bottom: 5px;
}
.lb-related-card-title {
  font-size: .92rem;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.4;
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.lb-related-card-date {
  font-size: .72rem;
  color: var(--ink3);
}

/* Responsive */
@media (max-width: 768px) {
  .lb-related-grid { grid-template-columns: 1fr 1fr; }
  .lb-share-btn { font-size: .76rem; padding: 8px 12px; }
}
@media (max-width: 480px) {
  .lb-related-grid { grid-template-columns: 1fr; }
}
/* ══ EMERGENCY FIX HEADER ══ */
#lb-header{position:sticky;top:0;z-index:9999;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.07)}
.lb-hw{max-width:1280px;margin:0 auto;padding:0 28px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.lb-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.lb-logo-mark{width:52px;height:52px;background:#1a56e8;border-radius:12px;display:flex;align-items:center;justify-content:center}
.lb-logo-text{font-size:1.9rem;font-weight:800;color:#111827;letter-spacing:-.04em;line-height:1}
.lb-logo-text span{color:#1a56e8}
.lb-nav ul{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}
.lb-nav ul li a{font-size:.95rem;font-weight:600;color:#374151;padding:6px 11px;display:block;white-space:nowrap;border-radius:6px;transition:color .15s,background .15s}
.lb-nav ul li a:hover,.lb-nav ul li.current-menu-item>a:not([href*="rekomendasi-terbaik"]):not(.lb-nav-star){color:#1a56e8;background:#e8eefe}
.lb-nav ul li{position:relative}
.lb-nav ul li ul{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-top:2px solid #1a56e8;min-width:200px;z-index:99999;box-shadow:0 8px 24px rgba(0,0,0,.08);border-radius:0 0 8px 8px}
.lb-nav ul li:hover>ul{display:block}
.lb-nav ul li ul li a{padding:10px 16px;font-size:.85rem;border-bottom:1px solid #e5e7eb;border-radius:0}
.lb-hr{display:flex;align-items:center;gap:10px;margin-left:auto}
.lb-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:8px;flex-shrink:0}
.lb-hamburger span{display:block;width:18px;height:2px;background:#111827;transition:all .25s}
.lb-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.lb-hamburger.open span:nth-child(2){opacity:0}
.lb-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#lb-mnav{display:none;background:#fff;border-top:1px solid #e5e7eb;padding:10px 20px 16px}
#lb-mnav.open{display:block}
#lb-mnav ul{list-style:none;margin:0;padding:0}
#lb-mnav ul li a{display:block;padding:11px 0;color:#374151;font-size:.95rem;font-weight:600;border-bottom:1px solid #e5e7eb}
@media(max-width:900px){.lb-nav{display:none!important}.lb-hamburger{display:flex!important}.lb-hw{padding:0 20px;height:60px}}