/* === CART PAGE === */
.cart-page{background:var(--bg);min-height:80vh;padding:32px 0 80px;}
.cart-inner{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:flex-start;}
.cart-empty{text-align:center;padding:80px 24px;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:16px;}
.cart-empty h2{font-family:var(--font-disp);font-size:28px;font-weight:900;color:var(--white);}
.cart-empty p{font-family:var(--font-sans);font-size:14px;}
.buyer-info-box{background:var(--bg2);border:1px solid var(--border);padding:16px;margin-bottom:16px;}
.bib-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;color:var(--text-dim);margin-bottom:10px;}
.bib-row{display:flex;gap:8px;flex-wrap:wrap;}
.bib-input{flex:1;min-width:160px;background:var(--bg3);border:1px solid var(--border);color:var(--text);font-family:var(--font-sans);font-size:13px;padding:9px 12px;outline:none;}
.bib-input:focus{border-color:var(--accent-text);}
.store-group{background:var(--bg2);border:1px solid var(--border);margin-bottom:12px;}
.sg-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg3);}
.sg-name{font-family:var(--font-disp);font-size:16px;font-weight:700;color:var(--white);}
.sg-clear{background:none;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:10px;cursor:pointer;}
.sg-clear:hover{color:var(--red);}
.sg-items{padding:12px 16px;display:flex;flex-direction:column;gap:10px;}
.cart-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);}
.cart-item:last-child{border-bottom:none;}
.ci-img{width:56px;height:56px;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--border);flex-shrink:0;}
.ci-info{flex:1;min-width:0;}
.ci-name{font-family:var(--font-sans);font-size:13px;color:var(--white);margin-bottom:2px;}
.ci-variant{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);}
.ci-price{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);}
.ci-qty{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.ci-qty button{background:var(--bg3);border:1px solid var(--border);color:var(--text);width:28px;height:28px;cursor:pointer;font-size:14px;transition:all .2s;}
.ci-qty button:hover{border-color:var(--accent-text);color:var(--accent-text);}
.ci-qty span{font-family:var(--font-mono);font-size:13px;color:var(--white);min-width:20px;text-align:center;}
.ci-del{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:16px;transition:color .2s;flex-shrink:0;}
.ci-del:hover{color:var(--red);}
.sg-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--border);}
.sg-subtotal{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);}
.sg-subtotal strong{color:var(--white);}
.btn-wa-store-checkout{display:flex;align-items:center;gap:7px;background:#25D366;color:#06331a;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:10px 18px;text-decoration:none;transition:opacity .2s;}
.btn-wa-store-checkout:hover{opacity:.85;}
.cart-summary{background:var(--bg2);border:1px solid var(--border);padding:20px;position:sticky;top:72px;}
.cs-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12px;color:var(--text-dim);padding:8px 0;border-bottom:1px solid var(--border);}
.cs-row.total{font-size:14px;font-weight:700;}
.cs-row.total span:last-child{color:var(--white);}
.cs-note{font-family:var(--font-sans);font-size:12px;color:var(--text-dim);margin:12px 0;line-height:1.5;}
.btn-checkout-all{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#25D366;color:#06331a;border:none;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;padding:14px;cursor:pointer;margin-bottom:8px;transition:opacity .2s;}
.btn-checkout-all:hover{opacity:.85;}
.btn-clear-all{width:100%;background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:11px;padding:10px;cursor:pointer;transition:all .2s;}
.btn-clear-all:hover{border-color:var(--red);color:var(--red);}

/* === STORE PROFILE === */
.store-profile{background:var(--bg2);border-bottom:1px solid var(--border);}
.sp-banner{height:120px;background:linear-gradient(135deg,var(--bg3),var(--bg2));}
.sp-header{display:flex;align-items:flex-start;gap:16px;padding:16px 0 24px;transform:translateY(-24px);}
.sp-avatar{width:80px;height:80px;background:var(--accent-dim);border:3px solid var(--bg2);display:flex;align-items:center;justify-content:center;font-family:var(--font-disp);font-size:40px;font-weight:900;color:var(--accent-text);flex-shrink:0;}
.sp-info{flex:1;padding-top:28px;}
.sp-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px;}
.sp-name{font-family:var(--font-disp);font-size:28px;font-weight:900;color:var(--white);line-height:1;}
.sp-ver{font-family:var(--font-mono);font-size:10px;color:var(--green);}
.sp-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;padding:3px 8px;}
.sp-tagline{font-family:var(--font-sans);font-size:13px;color:var(--text-dim);margin-bottom:8px;}
.sp-meta{display:flex;flex-wrap:wrap;gap:12px;font-family:var(--font-mono);font-size:10px;color:var(--text-dim);margin-bottom:8px;}
.sp-status{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;}
.sp-status.open{color:var(--green);}
.sp-status.closed{color:var(--red);}
.sp-dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.sp-tz{color:var(--text-dim);font-weight:400;}
.sp-actions{padding-top:32px;flex-shrink:0;}
.btn-wa-store{display:flex;align-items:center;gap:8px;background:#25D366;color:#06331a;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:12px 20px;text-decoration:none;transition:opacity .2s;}
.btn-wa-store:hover{opacity:.85;}
.store-tabs-wrap{background:var(--bg2);border-bottom:1px solid var(--border);}
.store-tabs{display:flex;max-width:1280px;margin:0 auto;padding:0 24px;}
.stab{background:none;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;padding:12px 16px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;}
.stab.active{color:var(--accent-text);border-bottom-color:var(--accent-text);}
.store-content{padding:32px 0 60px;}
.stab-content{display:none;}
.stab-content.active{display:block;}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.info-card{background:var(--bg2);border:1px solid var(--border);padding:20px;}
.info-card h3{font-family:var(--font-disp);font-size:18px;font-weight:700;color:var(--white);margin-bottom:10px;}
.info-card p{font-family:var(--font-sans);font-size:13px;color:var(--text-dim);line-height:1.6;}
.info-tags{display:flex;flex-wrap:wrap;gap:6px;}
.info-tag{background:var(--bg3);border:1px solid var(--border);font-family:var(--font-mono);font-size:10px;color:var(--text-dim);padding:4px 10px;}
.jam-card{background:var(--bg2);border:1px solid var(--border);padding:24px;max-width:400px;}
.jam-card h3{font-family:var(--font-disp);font-size:20px;font-weight:700;color:var(--white);margin-bottom:16px;}
.jam-tz{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);}
.jam-grid{display:flex;flex-direction:column;gap:0;}
.jam-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:12px;}
.jam-row:last-child{border-bottom:none;}
.jam-day{color:var(--text-dim);}
.jam-time{color:var(--white);}
.jam-row.closed .jam-time{color:var(--red);}
.empty-store{padding:40px;text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--text-dim);}

/* === FOOTER === */
.lk-footer{background:var(--bg);padding:48px 0 0;}
.lk-fg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--border);}
.lf-brand{}
.lf-logo{font-family:var(--font-disp);font-size:22px;font-weight:900;color:var(--white);margin-bottom:10px;}
.lf-brand p{font-family:var(--font-sans);font-size:13px;color:var(--text-dim);line-height:1.6;margin-bottom:12px;}
.lf-back{font-family:var(--font-mono);font-size:11px;color:var(--accent-text);text-decoration:none;}
.lf-col h5{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;color:var(--text-dim);margin-bottom:14px;}
.lf-col a{display:block;font-family:var(--font-sans);font-size:13px;color:var(--text-dim);text-decoration:none;margin-bottom:8px;transition:color .2s;}
.lf-col a:hover{color:var(--white);}
.lf-btm{display:flex;justify-content:space-between;padding:16px 0;font-family:var(--font-mono);font-size:10px;color:var(--text-dim);}

/* === LISTING INTRO (SEO copy unik) === */
.listing-intro{background:var(--bg);padding:40px 0 8px;border-bottom:1px solid var(--border);}
.li-title{font-family:var(--font-disp);font-size:clamp(24px,3.5vw,42px);font-weight:900;color:var(--white);line-height:1.05;margin-bottom:12px;}
.li-title::after{content:'';display:block;width:52px;height:3px;background:var(--accent);margin-top:12px;}
.li-desc{font-family:var(--font-sans);font-size:14px;color:var(--text-dim);line-height:1.7;max-width:760px;}

/* === FILTER SIDEBAR + LISTING === */
.listing-layout{background:var(--bg);padding:24px 0 80px;}
.listing-inner{display:flex;gap:20px;align-items:flex-start;}
.filter-sidebar{width:220px;flex-shrink:0;background:var(--bg2);border:1px solid var(--border);position:sticky;top:72px;}
.fs-hdr{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--text);}
.fs-clear{background:none;border:none;color:var(--accent-text);font-family:var(--font-mono);font-size:9px;cursor:pointer;}
.filter-group{padding:14px;border-bottom:1px solid var(--border);}
.fg-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.18em;color:var(--text-dim);margin-bottom:8px;}
.fg-opts{display:flex;flex-direction:column;gap:5px;}
.fg-opt{display:flex;align-items:center;gap:7px;font-family:var(--font-sans);font-size:12px;color:var(--text-dim);cursor:pointer;}
.fg-opt:hover{color:var(--white);}
.fg-r,.fg-c{accent-color:var(--accent-text);}
.fg-cnt{margin-left:auto;font-family:var(--font-mono);font-size:9px;color:var(--text-dim);}
.price-range{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);}
.price-range input{flex:1;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:6px 8px;font-family:var(--font-mono);font-size:11px;outline:none;width:100%;}
.price-range input:focus{border-color:var(--accent-text);}
.btn-apply{width:100%;background:none;border:1px solid var(--accent);color:var(--accent-text);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;padding:6px;cursor:pointer;transition:all .2s;}
.btn-apply:hover{background:var(--accent);color:#fff;}
.prod-area{flex:1;min-width:0;}
.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px;flex-wrap:wrap;}
.tb-left{display:flex;align-items:center;gap:10px;}
.result-cnt{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);}
.mobile-filter{display:none;align-items:center;gap:5px;background:none;border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:10px;padding:6px 10px;cursor:pointer;}
.tb-right{display:flex;align-items:center;gap:7px;}
.sort-sel{background:var(--bg2);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:10px;padding:7px 10px;outline:none;cursor:pointer;}
.sort-sel:focus{border-color:var(--accent-text);}
.view-toggle{display:flex;gap:2px;}
.vt{background:var(--bg2);border:1px solid var(--border);color:var(--text-dim);width:30px;height:30px;cursor:pointer;font-size:14px;transition:all .2s;}
.vt.active{background:var(--accent-dim);border-color:var(--accent-text);color:var(--accent-text);}
.active-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;}.af-chip{display:inline-flex;align-items:center;gap:6px;background:var(--accent-dim);border:1px solid var(--accent-text);color:var(--accent-text);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;padding:4px 8px;cursor:pointer;text-transform:uppercase;}.af-chip:hover{background:var(--accent);color:#fff;border-color:var(--accent);}
.af-tag{display:inline-flex;align-items:center;gap:5px;background:var(--accent-dim);border:1px solid rgba(0,102,255,.3);color:var(--accent-text);font-family:var(--font-mono);font-size:9px;padding:3px 8px;}
.af-tag button{background:none;border:none;color:var(--accent-text);cursor:pointer;font-size:11px;line-height:1;}
.empty-state{text-align:center;padding:60px 24px;color:var(--text-dim);}
.empty-state p{font-family:var(--font-sans);font-size:14px;margin-bottom:12px;}
.empty-state button{background:none;border:1px solid var(--accent);color:var(--accent-text);font-family:var(--font-mono);font-size:11px;padding:9px 18px;cursor:pointer;}

/* === TOAST === */
.lk-toast{position:fixed;bottom:24px;right:24px;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:11px;padding:10px 18px;z-index:9999;animation:slideUp .2s ease;}
@keyframes slideUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* === RESPONSIVE === */
@media(max-width:1200px){.prod-grid{grid-template-columns:repeat(3,1fr);}.cat-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:1024px){.cart-inner{grid-template-columns:1fr;}.lk-fg{grid-template-columns:1fr 1fr;}.info-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:900px){.sp-header{flex-direction:column;}.sp-actions{padding-top:0;}}
@media(max-width:768px){
  .listing-inner{flex-direction:column;}
  .filter-sidebar{width:100%;position:static;display:none;}
  .filter-sidebar.open{display:block;}
  .mobile-filter{display:flex;}
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .prod-grid-store{grid-template-columns:repeat(2,1fr);}
  .store-grid{grid-template-columns:1fr;}
  .scta-box{flex-direction:column;padding:24px;}
  .scta-right{width:100%;}
  .lk-fg{grid-template-columns:1fr;}
  .cat-grid{grid-template-columns:repeat(2,1fr);}
  .hb-slide{padding:24px;flex-direction:column;}
  .hb-art{display:none;}
  .stats-bar{flex-wrap:wrap;}
  .sb-item{min-width:50%;}
  /* Navbar mobile */
  .lk-nav-inner{gap:6px;padding:0 12px;}
  .search-wrap{max-width:none;flex:1;}
  .btn-sm-outline,.btn-sm-primary{padding:7px 10px;font-size:10px;}
  /* Flash sale row → grid di mobile */
  .prod-row{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;overflow-x:unset;padding-bottom:0;}
  .prod-row .pc{min-width:unset;}
  /* Cart page */
  .cart-inner{grid-template-columns:1fr;}
  .cart-summary{position:static;}
  .bib-row{flex-direction:column;}
  .bib-input{min-width:100%;}
}
@media(max-width:480px){
  .prod-grid,.cat-grid,.prod-row{grid-template-columns:1fr;}
  .prod-grid-store{grid-template-columns:1fr;}
  .hb-title{font-size:28px;}
  .sec-title{font-size:22px;}
  .lk-back{display:none;}
  .nav-right .btn-sm-outline{display:none;}
  .lk-brand{font-size:18px;}
  .ann-bar{font-size:10px;padding:6px 10px;gap:6px;}
  /* Stats bar — 2x2 grid di HP kecil */
  .sb-item{min-width:50%;}
  .sb-num{font-size:18px;}
  /* Seller CTA */
  .scta-feats{flex-direction:column;gap:4px;}
  /* Footer */
  .lk-fg{grid-template-columns:1fr;}
  .lf-btm{flex-direction:column;gap:6px;font-size:9px;}
  /* Store profile */
  .sp-meta{flex-direction:column;gap:4px;}
  .sp-name{font-size:22px;}
  /* Jam grid */
  .jam-card{max-width:100%;}
  /* Hero */
  .hb-slide{padding:20px 16px;}
  .hb-cta{padding:10px 16px;font-size:11px;}
}