/* Halaman produk & kategori baru (navy #1e3a5f, kuning #fde68a, teks hitam, lebar 1680px).
   Semua aturan diberi awalan "body" agar menang atas CSS tema lama & <style> bawaan tiap halaman. */
body{--pg-navy:#1e3a5f;--pg-y:#fde68a;--pg-line:#e3e7ee;--pg-soft:#f5f7fa}

/* ---------- lebar sama dengan beranda ---------- */
body main.main>.container{max-width:1680px;width:100%;padding-left:40px;padding-right:40px}
body .breadcrumb-nav{margin:0;padding:14px 0 6px}
body .breadcrumb{padding:0;background:transparent;font-size:14px}
body .breadcrumb-item a,body .breadcrumb-item.active a{color:#111!important;font-weight:600;font-size:14px}
body .breadcrumb-item a:hover{color:var(--pg-navy)!important}

/* =====================================================================
   HALAMAN PRODUK
   ===================================================================== */
body .product-single-container.product-single-default{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0}
body .product-sticky-wrapper{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:52px;margin:0;align-items:start}
body .product-sticky-wrapper>.col-lg-5,body .product-sticky-wrapper>.col-lg-7{width:auto;max-width:none;flex:none;padding:0}
body .product-gallery-sticky{position:sticky;top:150px;min-width:0}
body .product-sticky-wrapper>*{min-width:0}
body .product-single-details h1.product-title{font-size:30px;line-height:1.3;font-weight:800;color:#111;margin:4px 0 10px;letter-spacing:0}
body .product-single-details .ratings-container{margin:0 0 8px}
body .product-single-details .short-divider,body .product-single-details .divider{display:none}

/* harga */
body .product-single-details .price-box{background:var(--pg-soft);border:1px solid var(--pg-line);border-radius:14px;padding:18px 22px;margin:14px 0 8px;display:block}
body .product-single-details .old-price{font-size:18px!important;font-weight:500!important;color:#333!important;text-decoration:line-through;display:block;margin:0 0 4px}
body .product-single-details .new-price{font-size:38px!important;font-weight:800!important;color:var(--pg-navy)!important;line-height:1.15}
body .product-single-details .wholesale{background:#fff;border:1px dashed var(--pg-line);border-radius:10px;padding:8px 12px;margin:0 0 8px;font-weight:600;color:#111}
body .product-single-details .col-md-10{max-width:100%;flex:0 0 100%;margin:0;padding:0}

/* ringkasan spek singkat */
body .product-single-details .product-desc{background:#fff;border:1px solid var(--pg-line);border-radius:12px;padding:14px 18px;margin:12px 0}
body .product-single-details .product-desc p,body .product-single-details .product-desc *{color:#111!important;font-size:16px!important;line-height:1.7!important;margin:0}
body .single-info-list{margin:8px 0 14px}
body .single-info-list li{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid var(--pg-line);font-size:16px;color:#111}
body .single-info-list li b{width:110px;flex:none;color:#111;font-weight:700;text-transform:none;letter-spacing:0}
body .single-info-list li a,body .single-info-list li span{color:#111;font-weight:500;text-transform:none}
body .single-info-list li a span{color:var(--pg-navy);font-weight:700}

/* opsi */
body .product-options-wrapper .subtitle{font-size:16px;font-weight:800;color:#111;margin:14px 0 8px;letter-spacing:0;text-transform:none}
body .product-options-wrapper label{font-size:15px;font-weight:700;color:#111}
body .product-options-wrapper select.form-control{height:50px;font-size:16px;color:#111;border:2px solid var(--pg-line);border-radius:10px}

/* tombol beli */
body .product-single-details .product-action{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin:18px 0 6px}
body .product-single-details .product-action .product-single-qty{margin:0;flex:none}
body .product-single-details .product-action .btn-dark{flex:1;min-width:190px;height:54px;background:var(--pg-navy)!important;border:2px solid var(--pg-navy)!important;color:#fff!important;border-radius:10px;font-size:16px;font-weight:800;letter-spacing:0;text-transform:none;margin:0!important}
body .product-single-details .product-action .btn-dark:hover{background:#16304f!important}
body .btn-wa{flex:1;min-width:210px;height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#1f9d55;color:#fff!important;border-radius:10px;font-weight:800;font-size:16px;text-decoration:none!important}
body .btn-wa:hover{background:#178446}
body .product-single-details .product-action .wishlist{flex:0 0 100%;padding:0;margin-top:4px}
body .product-single-details .product-action .wishlist a{font-size:14.5px;color:var(--pg-navy)!important;font-weight:700!important;text-transform:none}

/* 4 kotak keunggulan */
body .product-features{margin:22px -6px 0}
body .product-features>[class*=col-]{padding:0 6px;margin-bottom:12px!important}
body .feature-card{border:1px solid var(--pg-line)!important;border-radius:12px!important;padding:14px!important;box-shadow:none!important;background:#fff}
body .feature-card:hover{transform:none;box-shadow:0 6px 18px rgba(30,58,95,.10)!important}
body .feature-card .feature-icon{width:46px;height:46px;min-width:46px;border-radius:12px;background:#eef2f8!important;color:var(--pg-navy)!important;font-size:19px}
body .feature-card.feature-disabled .feature-icon{background:#f1f2f4!important;color:#8a919c!important}
body .feature-card .feature-title{font-size:16px;font-weight:700;color:#111}
body .feature-card .feature-status{font-size:14px;font-weight:600}
body .feature-card.feature-enabled .feature-status{color:#0a6b3a}
body .feature-card.feature-disabled .feature-status{color:#5b6472}
body .feature-card.feature-disabled .feature-title{color:#4b5563}

/* bagikan */
body .product-single-share{border:0;background:transparent;padding:0;margin:14px 0 0}
body .product-share-wrapper{border:1px solid var(--pg-line)!important;border-radius:14px!important;padding:0!important;overflow:hidden;background:#fff;box-shadow:none!important;margin:0!important}
body .product-share-header{background:var(--pg-navy);padding:11px 18px!important;margin:0!important;border:0!important}
body .product-share-title{color:#fff!important;font-size:16px!important;font-weight:700!important;margin:0!important;text-transform:none;letter-spacing:0}
body .product-share-subtitle{color:#222!important;font-size:15px!important;padding:12px 18px 0;margin:0!important}
body .social-share-grid{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px 16px!important;margin:0!important}
body .social-share-btn{display:inline-flex!important;align-items:center;gap:9px;background:#fff!important;border:2px solid var(--pg-line)!important;border-radius:10px!important;padding:9px 16px!important;font-size:15px!important;font-weight:600!important;color:#111!important;cursor:pointer;height:auto!important;width:auto!important;text-decoration:none!important;transition:.15s}
body .social-share-btn:hover{border-color:var(--pg-navy)!important;background:var(--pg-soft)!important;transform:none!important}
body .social-share-btn img{width:20px;height:20px;display:block}
body .social-share-btn span{color:#111!important;font-weight:600}
body .admin-actions{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;background:#fffbe8;border-top:2px dashed var(--pg-y);padding:14px 18px!important;margin:0!important}
body .admin-actions form{margin:0}
body .admin-actions .btn{padding:9px 18px;border-radius:9px;font-weight:800;font-size:15px;color:#fff!important;border:0}
body .admin-actions .btn-info{background:var(--pg-navy)!important}
body .admin-actions .btn-danger{background:#b42318!important}
body .product-single-share>.wishlist{margin-top:10px}
body .product-single-share>.wishlist button{padding:8px 0!important;color:var(--pg-navy)!important;font-weight:700!important;font-size:15px!important;text-transform:none!important;font-family:inherit!important;letter-spacing:0!important}

/* tab: pita judul */
body .product-single-tabs{margin-top:56px}
body .product-single-tabs .nav-tabs{display:flex;flex-wrap:wrap;gap:4px;border:0;border-bottom:3px solid var(--pg-navy);margin:0}
body .product-single-tabs .nav-tabs .nav-item{margin:0}
body .product-single-tabs .nav.nav-tabs .nav-item .nav-link{line-height:1.3;border:0;border-radius:10px 10px 0 0;background:#eef2f8;color:#111!important;font-size:16px;font-weight:700;padding:13px 24px;text-transform:none;letter-spacing:0;margin:0}
body .product-single-tabs .nav.nav-tabs .nav-item .nav-link.active{background:var(--pg-navy);color:#fff!important}
body .product-single-tabs .tab-content{padding:28px 0}

/* deskripsi: hitam pekat, besar, enak dibaca */
body .product-single-tabs .tab-pane>*{max-width:1100px}
body .product-single-tabs .tab-pane,
body .product-single-tabs .tab-pane p,
body .product-single-tabs .tab-pane li,
body .product-single-tabs .tab-pane span,
body .product-single-tabs .tab-pane div,
body .product-single-tabs .tab-pane td,
body .product-single-tabs .tab-pane strong,
body .product-single-tabs .tab-pane b,
body .product-single-tabs .tab-pane em{color:#000!important;font-size:17px!important;line-height:1.85!important}
body .product-single-tabs .tab-pane p{margin:0 0 14px}
body .product-single-tabs .tab-pane li{margin:4px 0}
body .product-single-tabs .tab-pane ul,body .product-single-tabs .tab-pane ol{padding-left:26px;margin:0 0 14px}
body .product-single-tabs .tab-pane h1,body .product-single-tabs .tab-pane h2,body .product-single-tabs .tab-pane h3,body .product-single-tabs .tab-pane h4,body .product-single-tabs .tab-pane h5,body .product-single-tabs .tab-pane h6{color:#000!important;font-weight:800!important;line-height:1.35!important;margin:24px 0 10px;letter-spacing:0;text-transform:none}
body .product-single-tabs .tab-pane h1,body .product-single-tabs .tab-pane h2{font-size:26px!important}
body .product-single-tabs .tab-pane h3{font-size:22px!important}
body .product-single-tabs .tab-pane h4,body .product-single-tabs .tab-pane h5,body .product-single-tabs .tab-pane h6{font-size:19px!important}
body .product-single-tabs .tab-pane img{max-width:100%;height:auto}
body .product-single-tabs .tab-pane table{width:100%;max-width:1100px;border-collapse:collapse;border:0}
body .product-single-tabs .tab-pane table td,body .product-single-tabs .tab-pane table th{padding:12px 16px!important;border:0!important;border-bottom:1px solid var(--pg-line)!important;color:#000!important;font-size:16.5px!important;line-height:1.6!important;vertical-align:top}
body .product-single-tabs .tab-pane table tr:nth-child(odd) td,body .product-single-tabs .tab-pane table tr:nth-child(odd) th{background:var(--pg-soft)}
body .product-single-tabs .tab-pane table th:first-child,body .product-single-tabs .tab-pane table td:first-child{width:260px;font-weight:700!important}
body .product-single-tabs .tab-pane table th+th{font-weight:500!important}

/* produk terkait: 5 kolom */
body .products-section .section-title,body .rel-sec .section-title{font-size:24px;font-weight:800;color:#111;text-transform:none;letter-spacing:0;border:0;margin:48px 0 16px;padding:0}
body .rel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
body .rel-grid>.pc{height:100%}

/* =====================================================================
   HALAMAN KATEGORI
   ===================================================================== */
body .category-banner{min-height:180px!important}
@media(min-width:992px){
  body main.main>.container>.row:has(>.sidebar-shop){display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;margin:0;align-items:start}
  body main.main>.container>.row:has(>.sidebar-shop)>.sidebar-shop{position:sticky;top:150px;width:auto;max-width:none;flex:none;padding:0;border:1px solid var(--pg-line);border-radius:12px;overflow:hidden;background:#fff}
  body main.main>.container>.row:has(>.sidebar-shop)>#content{width:auto;max-width:none;flex:none;padding:0}
  body main.main>.container>.row:has(>.sidebar-shop)>.sidebar-overlay{position:fixed}
}
body .sidebar-shop .sidebar-wrapper{padding:0;border:0}
body .sidebar-shop .sidebar-wrapper>.subtitle{background:var(--pg-navy);color:#fff!important;font-size:16px;font-weight:700;padding:12px 16px;margin:0;text-transform:none;letter-spacing:0}
body .sidebar-shop .widget{padding:14px 16px;margin:0;border-bottom:1px solid var(--pg-line)}
body .sidebar-shop .widget-title{margin:0 0 10px;padding:0;border:0}
body .sidebar-shop .widget-title a{font-size:15.5px;font-weight:800;color:#111!important;text-transform:none;letter-spacing:0;border:0;padding:0}
body .sidebar-shop .cat-list li{padding:3px 0;list-style:none}
body .sidebar-shop .checkbox label,body .sidebar-shop .cat-list li>a{font-size:15px;font-weight:500;color:#111!important;display:flex;align-items:center;gap:9px;text-transform:none;letter-spacing:0;cursor:pointer}
body .sidebar-shop input[type=checkbox]{width:17px;height:17px;accent-color:var(--pg-navy);margin:0;position:static}
body .sidebar-shop .products-count{color:#3d4451;font-size:13.5px;margin-left:auto}
body .sidebar-shop .form-control{height:44px;border:2px solid var(--pg-line);border-radius:8px;font-size:15px;color:#111}
body .sidebar-shop .btn-block{height:46px;border-radius:9px;font-weight:800;font-size:15px;text-transform:none;background:var(--pg-navy)!important;border-color:var(--pg-navy)!important;color:#fff}

body #content h1.title{font-size:32px;font-weight:800;color:#111;margin:4px 0 16px;text-transform:none;letter-spacing:0}
body #content .subtitle{font-size:20px;font-weight:800;color:#111;text-transform:none;letter-spacing:0;margin:20px 0 12px}
body .toolbox.sticky-header{background:#fff;border:0;padding:0 0 12px}
body .toolbox .layout-modes{display:none}
body .toolbox .sidebar-toggle{border:2px solid var(--pg-navy);color:var(--pg-navy);border-radius:10px;padding:8px 16px;font-weight:700}

/* grid kartu produk */
body #content .row.pb-4{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0}
body #content .row.pb-4>.productBox{width:auto;max-width:none;flex:none;padding:0;margin:0}
body #content .row.pb-4>.productBox>.pc{height:100%}

/* sub-kategori (ubin) */
body .category-list-thumb{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:0 0 24px!important}
body .category-list-thumb>.product-default{width:auto;max-width:none;flex:none;padding:12px;margin:0;border:1px solid var(--pg-line);border-radius:14px;background:#fff;text-align:center}
body .category-list-thumb figure{margin:0 0 8px}
body .category-list-thumb figure img+img{display:none}
body .category-list-thumb .product-title a{font-size:15.5px;font-weight:700;color:#111}
body .category-list-thumb .product-action{display:none}

/* finder tinta/toner */
body .fdr{background:linear-gradient(90deg,#1e3a5f,#2b5486);color:#fff;border-radius:14px;padding:14px 20px;margin:0 0 26px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
body .fdr-h{display:flex;gap:10px;align-items:center;flex:0 0 auto}
body .fdr-h b{display:block;font-size:18px;line-height:1.3;color:#fff}
body .fdr-h span{display:block;font-size:13.5px;opacity:.92;color:#fff}
body .fdr-f{display:flex;gap:12px;flex:1 1 640px;align-items:flex-end;flex-wrap:wrap;margin:0}
body .fdr-f label{flex:1 1 160px;margin:0;display:block}
body .fdr-f label span{display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:#fff}
body .fdr-f select{width:100%;height:44px;border:0;border-radius:9px;padding:0 10px;font-size:15px;color:#111;background:#fff}
body .fdr-f button{height:44px;padding:0 26px;border:0;border-radius:9px;background:var(--pg-y);color:#111;font-weight:800;font-size:15px;cursor:pointer}

/* pagination */
body .product-pagination{flex:0 0 100%;max-width:100%;padding:0}
body .toolbox-pagination{border:0;justify-content:center;margin:26px 0}
body .product-pagination .pagination{display:flex;justify-content:center;gap:6px;margin:0}
body .product-pagination .page-link{min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:2px solid var(--pg-line)!important;border-radius:9px!important;font-weight:700;font-size:15px;color:#111!important;background:#fff;padding:0 12px;margin:0;letter-spacing:0;text-transform:none}
body .product-pagination .page-item.active .page-link{background:var(--pg-navy)!important;border-color:var(--pg-navy)!important;color:#fff!important}
body .product-pagination .page-item.disabled .page-link{opacity:.45}

/* ---------- responsif ---------- */
@media(max-width:1300px){
  body .rel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body .category-list-thumb{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1200px){body #content .row.pb-4{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){
  body main.main>.container{padding-left:16px;padding-right:16px}
  body .product-sticky-wrapper{grid-template-columns:minmax(0,1fr);gap:20px}
  body .product-gallery-sticky{position:static}
  body .product-single-details h1.product-title{font-size:23px}
  body .product-single-details .new-price{font-size:30px!important}
  body #content h1.title{font-size:24px}
  body #content .row.pb-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body .rel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body .category-list-thumb{grid-template-columns:repeat(3,minmax(0,1fr))}
  body .fdr{padding:14px}
  body .fdr-f label{flex:1 1 130px}
  body .product-single-tabs .nav.nav-tabs .nav-item .nav-link{line-height:1.3;padding:11px 14px;font-size:15px}
  body .product-single-tabs .tab-pane,body .product-single-tabs .tab-pane p,body .product-single-tabs .tab-pane li,body .product-single-tabs .tab-pane span,body .product-single-tabs .tab-pane div,body .product-single-tabs .tab-pane td{font-size:16.5px!important}
  body .product-single-tabs .tab-pane table th:first-child,body .product-single-tabs .tab-pane table td:first-child{width:130px}
}
@media(max-width:575px){body .product-single-details .product-action .btn-dark,body .btn-wa{min-width:100%}}

/* sidebar filter: tinggi dibatasi agar bisa di-scroll sendiri */
@media(min-width:992px){body main.main>.container>.row:has(>.sidebar-shop)>.sidebar-shop{max-height:calc(100vh - 170px);overflow-y:auto}}
body .sidebar-shop .cat-list li>a{padding:6px 0;justify-content:space-between}
body .sidebar-shop .cat-sublist{padding:4px 0 6px 6px}

/* stok kosong */
body .stok-kosong{display:inline-block;margin-top:8px;background:var(--pg-y);color:#111;font-weight:800;font-size:14px;padding:4px 12px;border-radius:99px}

/* urutkan produk */
body .pg-sort{display:flex;align-items:center;gap:10px;margin:0}
body .pg-sort label{margin:0;font-weight:700;font-size:15px;color:#111}
body .pg-sort select{height:44px;border:2px solid var(--pg-line);border-radius:10px;padding:0 12px;font-size:15px;font-weight:600;color:#111;background:#fff}
body .toolbox .toolbox-right{margin-left:auto}

/* deskripsi kategori (SEO) */
body .cat-seo{margin-top:40px;padding-top:22px;border-top:1px solid var(--pg-line);max-width:1100px}
body .cat-seo h2{font-size:22px;font-weight:800;color:#111;margin:0 0 12px;text-transform:none;letter-spacing:0}
body .cat-seo-body,body .cat-seo-body p,body .cat-seo-body li,body .cat-seo-body span,body .cat-seo-body div{color:#000!important;font-size:16.5px!important;line-height:1.85!important}
body .cat-seo-body h1,body .cat-seo-body h2,body .cat-seo-body h3,body .cat-seo-body h4{color:#000!important;font-weight:800;margin:18px 0 8px;font-size:19px!important}
body .cat-seo-body ul,body .cat-seo-body ol{padding-left:24px}
body .cat-seo-clip{max-height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
body .cat-seo-more{margin-top:10px;background:none;border:2px solid var(--pg-navy);color:var(--pg-navy);font-weight:700;font-size:15px;border-radius:9px;padding:8px 18px;cursor:pointer}

/* bilah beli menempel (HP) */
body .pg-sticky{display:none}
@media(max-width:991px){
  body .pg-sticky{display:flex;align-items:center;gap:8px;position:fixed;left:0;right:0;bottom:var(--pg-nav,0px);z-index:90;background:#fff;border-top:1px solid var(--pg-line);box-shadow:0 -6px 18px rgba(30,58,95,.10);padding:9px 12px}
  body .pg-sticky-p{flex:1;min-width:0;font-weight:800;color:var(--pg-navy);font-size:17px;line-height:1.2}
  body .pg-sticky-p small{display:block;font-size:12px;font-weight:700;color:#111}
  body .pg-sticky-wa,body .pg-sticky-buy{height:44px;border-radius:10px;padding:0 14px;font-weight:800;font-size:14.5px;display:inline-flex;align-items:center;gap:6px;border:0;color:#fff!important;text-decoration:none!important;white-space:nowrap}
  body .pg-sticky-wa{background:#1f9d55}
  body .pg-sticky-buy{background:var(--pg-navy);cursor:pointer}
}
@media(max-width:991px){
  /* di halaman produk, bilah beli menggantikan bilah bawah lama & tombol WhatsApp melayang */
  body:has(.pg-sticky) .sticky-navbar{display:none!important}
  body:has(.pg-sticky) .sh-fw{display:none!important}
  body:has(.pg-sticky) main.main{padding-bottom:80px}
}