/* Tampilan baru untuk halaman toko lainnya: login/daftar, akun, wishlist, tiket, retur, testimoni, FAQ, blog,
   halaman info, marketplace, brand, pencarian, 404. Navy #1e3a5f, kuning #fde68a, teks hitam. */
body{--st-navy:#1e3a5f;--st-y:#fde68a;--st-line:#e3e7ee;--st-soft:#f5f7fa}

/* ---------- lebar & judul umum ---------- */
body main.main>.container,body main.main>#container>.container{max-width:1680px;width:100%;padding-left:40px;padding-right:40px}
body main.main .breadcrumb-nav .container{max-width:none;padding:0}
body main.main .breadcrumb{background:transparent;padding:0;font-size:14px}
body main.main .breadcrumb-item,body main.main .breadcrumb-item a{color:#111!important;font-weight:600;font-size:14px}
body main.main h1.title,body main.main .page-title{font-size:32px;font-weight:800;color:#111;letter-spacing:0;text-transform:none}
body main.main .form-control{height:50px;border:2px solid var(--st-line);border-radius:10px;font-size:16px;color:#111;background:#fff}
body main.main textarea.form-control{height:auto}
body main.main .form-control:focus{border-color:var(--st-navy);box-shadow:0 0 0 3px rgba(30,58,95,.12)}
body main.main label,body main.main .control-label{font-size:15px;font-weight:700;color:#111;text-transform:none;letter-spacing:0}
body main.main select.form-control{padding-right:30px}

/* banner biru lama (FAQ, Testimoni) -> pita navy ringkas */
body .category-banner-container.bg-gray{background:transparent!important;margin:0}
body .category-banner-container .category-banner{background:var(--st-navy)!important;background-image:none!important;min-height:0!important;height:auto!important;padding:26px 0 24px}
body .category-banner-container .breadcrumb{justify-content:center}
body .category-banner-container .breadcrumb-item,body .category-banner-container .breadcrumb-item a,body .category-banner-container .breadcrumb-item.active{color:#fff!important}
body .category-banner-container h1.page-title{color:#fff!important;font-size:30px;font-weight:800;margin:8px 0 0}

/* ---------- login, daftar, lupa & reset password ---------- */
body .login-section,body .register-section,body .forgot-section,body .reset-section{background:var(--st-soft)!important;padding:48px 0!important;min-height:0!important}
body .login-card,body .register-card,body .forgot-card,body .reset-card{border-radius:16px!important;box-shadow:none!important;border:1px solid var(--st-line)!important;overflow:hidden;background:#fff}
body .login-left,body .register-left,body .forgot-left,body .reset-left{background:linear-gradient(135deg,#1e3a5f,#2b5486)!important;color:#fff}
body .login-left h2,body .register-left h2,body .forgot-left h2,body .reset-left h2{color:#fff!important;font-size:32px;font-weight:800}
body .login-left p,body .register-left p,body .forgot-left p,body .reset-left p{color:#fff!important;font-size:16px;line-height:1.7;opacity:1}
body .login-title,body .register-title,body .forgot-title,body .reset-title{font-size:28px!important;font-weight:800!important;color:#111!important}
body .login-subtitle,body .register-subtitle,body .forgot-subtitle,body .reset-subtitle{font-size:15.5px!important;color:#3d4451!important}
body .login-right .form-control,body .register-right .form-control,body .forgot-right .form-control,body .reset-right .form-control{height:52px!important;border:2px solid var(--st-line)!important;border-radius:10px!important;font-size:16px!important;color:#111!important}
body .login-right .form-control:focus,body .register-right .form-control:focus,body .forgot-right .form-control:focus,body .reset-right .form-control:focus{border-color:var(--st-navy)!important;box-shadow:0 0 0 3px rgba(30,58,95,.12)!important}
body .login-right label,body .register-right label,body .forgot-right label,body .reset-right label{font-size:15px!important;font-weight:700!important;color:#111!important}
body .btn-login,body .btn-register,body .btn-forgot,body .btn-reset{height:54px;background:var(--st-navy)!important;border:0!important;border-radius:10px!important;color:#fff!important;font-size:17px!important;font-weight:800!important;text-transform:none!important;width:100%}
body .btn-login:hover,body .btn-register:hover,body .btn-forgot:hover,body .btn-reset:hover{background:#16304f!important}
body .forgot-link,body .login-right a{color:var(--st-navy)!important;font-weight:700}
body .help-block,body .help-block strong{color:#b42318!important;font-size:14px}
body .password-info,body .password-strength{font-size:14px;color:#3d4451}

/* ---------- Akun Saya ---------- */
body .container.py-4>.card.shadow-sm,body .container.py-4 .card{border:1px solid var(--st-line)!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden}
body .container.py-4 .card-header{background:var(--st-navy)!important;color:#fff!important;border:0!important;padding:16px 22px!important}
body .container.py-4 .card-header h5,body .container.py-4 .card-header small,body .container.py-4 .card-header .text-muted{color:#fff!important}
body .container.py-4 .card-header small{opacity:.9;font-size:14px}
body .container.py-4 .card-body{color:#111;font-size:16px}
body .container.py-4 .info-card{border:1px solid var(--st-line);border-radius:12px;padding:16px;background:var(--st-soft)}
body .container.py-4 h6,body .container.py-4 .info-card h6{font-size:16px;font-weight:800;color:#111;text-transform:none}
body .container.py-4 .btn-primary,body .modal .btn-primary{background:var(--st-navy)!important;border-color:var(--st-navy)!important;color:#fff!important;font-weight:800;border-radius:10px;height:50px;text-transform:none}
body .container.py-4 .btn-outline-danger{border:2px solid #fff!important;color:#fff!important;background:transparent!important;border-radius:10px;font-weight:700}
body .container.py-4 .btn-outline-danger:hover{background:#fff!important;color:#b42318!important}
body .container.py-4 .breadcrumb{background:transparent!important;box-shadow:none!important}
body .container.py-4 .modal-header,body .modal .modal-header{background:var(--st-navy);color:#fff;border:0}
body .modal .modal-header .modal-title{color:#fff;font-weight:700}
body .modal .modal-header .close{color:#fff;opacity:1;text-shadow:none}

/* ---------- Wishlist ---------- */
body .page-header{background:transparent!important;padding:14px 0 0!important;margin:0!important;border:0}
body .page-header>.container{align-items:flex-start!important;padding:0 40px}
body .page-header .breadcrumb-nav{width:100%}
body .page-header h1{font-size:32px;font-weight:800;color:#111;margin:12px 0 0;text-transform:none;letter-spacing:0}
body .wishlist-title{display:none}
body .table-wishlist{border:1px solid var(--st-line);border-radius:14px;overflow:hidden;width:100%;background:#fff}
body .table-wishlist thead th{background:var(--st-navy)!important;color:#fff!important;font-size:14.5px;font-weight:700;border:0!important;padding:14px 16px;text-transform:none}
body .table-wishlist td{padding:16px!important;border-top:1px solid var(--st-line)!important;vertical-align:middle;color:#111}
body .table-wishlist .product-image-container{width:110px;margin:0}
body .table-wishlist .product-image-container img{width:100%;height:auto;border-radius:10px}
body .table-wishlist .product-title,body .table-wishlist .product-title a{font-size:17px;font-weight:700;color:#111!important;text-transform:none;line-height:1.4}
body .table-wishlist .btn{border-radius:10px;font-weight:700;font-size:14.5px;height:44px;padding:0 18px;text-transform:none;display:inline-flex;align-items:center}
body .table-wishlist .btn-quickview{background:#fff!important;border:2px solid var(--st-line)!important;color:#111!important}
body .table-wishlist .btn-add-cart,body .table-wishlist a.btn-add-cart{background:var(--st-navy)!important;border:2px solid var(--st-navy)!important;color:#fff!important}
body .wishlist-table-container+.text-center,body #content>p{color:#111;font-size:17px}

/* ---------- Tiket, Retur, Tulis testimoni (form) ---------- */
body .ticket-wrapper .ticket-card{border:1px solid var(--st-line)!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden}
body .ticket-wrapper .card-header{background:var(--st-navy)!important;border:0!important;padding:14px 20px}
body .ticket-wrapper .ticket-title{color:#fff!important;font-size:17px;font-weight:700}
body .ticket-wrapper .card-body,body .ticket-wrapper p{color:#111;font-size:16px}
body .ticket-wrapper .empty-box{color:#3d4451;font-size:16px;padding:30px}
body .table-ticket thead th{background:var(--st-soft);color:#111;font-weight:800;border:0!important}
body .table-ticket td{color:#111;font-size:15.5px}
body .ticket-link{color:var(--st-navy)!important;font-weight:700}
body .panel.panel-default{border:1px solid var(--st-line)!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden;margin:0 auto}
body .panel.panel-default>.panel-heading{background:var(--st-navy)!important;color:#fff!important;font-weight:700;font-size:17px;padding:14px 20px;border:0}
body .panel.panel-default>.panel-body{padding:22px}
body .form-horizontal .form-group{margin-bottom:16px}
body .form-horizontal .control-label{text-align:left}
body #content fieldset{border:1px solid var(--st-line);border-radius:14px;padding:18px 22px;margin-bottom:20px;background:#fff}
body #content legend{font-size:18px;font-weight:800;color:#111;border:0;width:auto;padding:0 8px;margin-bottom:8px}
body #content .buttons{margin-top:12px}
body #content .buttons .btn,body #content form .btn-primary,body #content form .btn-success,body #content form button[type=submit]:not(.btn-quickview),body .panel-body .btn{background:var(--st-navy)!important;border:0!important;color:#fff!important;border-radius:10px!important;font-weight:800!important;height:50px;padding:0 30px;text-transform:none!important;letter-spacing:0}
body #content form .btn-default,body #content .buttons .btn-default{background:#fff!important;border:2px solid var(--st-line)!important;color:#111!important}

/* ---------- Halaman info (Tentang Kami, Cara Berbelanja, ...) ---------- */
body .about-section{padding:10px 0 30px}
body .about-section .container{max-width:1100px;padding:0}
body .about-section h2.subtitle{font-size:32px;font-weight:800;color:#111;text-transform:none;margin:8px 0 18px}
body .article-content,body .article-content p,body .article-content li,body .article-content span,body .article-content div{color:#000!important;font-size:17px!important;line-height:1.85!important}
body .article-content h1,body .article-content h2,body .article-content h3,body .article-content h4{color:#000!important;font-weight:800;margin:24px 0 10px}
body .article-content h2{font-size:26px!important}body .article-content h3{font-size:21px!important}
body .article-content a{color:var(--st-navy)!important;font-weight:700;text-decoration:underline}
body .article-content img{max-width:100%;height:auto;border-radius:12px}
body .article-content table{width:100%;border-collapse:collapse}
body .article-content td,body .article-content th{padding:10px 14px;border:1px solid var(--st-line);color:#000!important;font-size:16px!important}
body .post-share{margin-top:28px;padding-top:16px;border-top:1px solid var(--st-line)}
body .post-share h3{font-size:17px;font-weight:800;color:#111}

/* ---------- FAQ ---------- */
body .card-accordion{border:1px solid var(--st-line)!important;border-radius:12px!important;margin-bottom:10px;overflow:hidden;box-shadow:none!important;background:#fff}
body .card-accordion .card-header{background:#fff!important;color:#111!important;font-size:17px!important;font-weight:700!important;padding:16px 20px!important;border:0!important;text-transform:none!important;display:block}
body .card-accordion .card-header:not(.collapsed){background:#eef2f8!important;color:var(--st-navy)!important}
body .card-accordion .card-header::after{color:var(--st-navy)}
body #accordion6 h3,body [id^=accordion] h3.text-primary{color:var(--st-navy)!important;font-size:22px;font-weight:800;text-transform:none;margin:30px 0 14px}
body [id^=collapse],body [id^=collapse] p,body [id^=collapse] li,body [id^=collapse] span,body .faq-content,body .faq-content p{color:#000!important;font-size:16.5px!important;line-height:1.8!important}
body [id^=collapse]{padding:14px 20px!important}
body .tableizer-table{width:100%;border-collapse:collapse}
body .tableizer-table td,body .tableizer-table th{border:1px solid var(--st-line);padding:9px 12px;color:#000}
body .tableizer-firstrow th{background:var(--st-navy);color:#fff}

/* ---------- Testimoni ---------- */
body .testimonial-section{padding:24px 0}
body .testimonial-section>.container>.btn{background:var(--st-navy)!important;color:#fff!important;border:0;border-radius:10px;font-weight:800;padding:12px 24px;margin-bottom:20px;text-transform:none}
body .testimonial.bg-blue,body .testimonial{background:#fff!important;border:1px solid var(--st-line);border-radius:14px;padding:20px 22px;box-shadow:none;position:relative}
body .testimonial blockquote,body .testimonial blockquote p,body .testimonial .text-white{color:#000!important;font-size:16.5px!important;line-height:1.75}
body .testimonial-arrow-down{display:none}
body .testimonial-owner{margin-top:14px;padding-top:12px;border-top:1px solid var(--st-line)}
body .testimonial-owner,body .testimonial-owner *{color:#111!important}

/* ---------- Marketplace ---------- */
body #content.row>[class*=col-]{padding:10px}
body #content.row>[class*=col-] a{display:block;border:1px solid var(--st-line);border-radius:14px;padding:18px;background:#fff;text-align:center;transition:.15s}
body #content.row>[class*=col-] a:hover{border-color:var(--st-navy);box-shadow:0 8px 24px rgba(30,58,95,.12)}
body #content.row>[class*=col-] img{max-height:120px;width:auto;margin:0 auto;object-fit:contain}

/* ---------- Brand, Pencarian, Promo: grid kartu ---------- */
body .sticky-wrapper>.row.pb-4,body .row.products-category{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:0}
body .sticky-wrapper>.row.pb-4>[class*=col-],body .row.products-category>[class*=col-]{width:auto;max-width:none;flex:none;padding:0;margin:0}
body .row.products-category>.col-12{grid-column:1/-1}
body .sticky-wrapper .pc,body .row.products-category .pc{height:100%}
body #content>.toolbox-pagination,body .pagination-wrap{margin:26px 0}
body .toolbox-pagination .product-pagination .pagination{display:flex;justify-content:center;gap:6px}
body .toolbox-pagination .page-link{min-width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:2px solid var(--st-line)!important;border-radius:9px!important;font-weight:700;color:#111!important;background:#fff;padding:0 12px}
body .toolbox-pagination .page-item.active .page-link{background:var(--st-navy)!important;border-color:var(--st-navy)!important;color:#fff!important}

/* ---------- Semua Kategori ---------- */
body #content .category-list-thumb{grid-template-columns:repeat(6,minmax(0,1fr))}

/* ---------- 404 ---------- */
body .message-section{text-align:center;padding:40px 0}
body .message-section h1{font-size:72px;font-weight:800;color:var(--st-navy);margin:0 0 10px}
body .message-section p{font-size:18px;color:#111}
body .message-section a{display:inline-block;margin-top:14px;background:var(--st-navy);color:#fff!important;font-weight:800;border-radius:10px;padding:13px 28px}

/* ---------- Blog & artikel ---------- */
body .topic-chip{border-radius:99px!important;font-weight:700;font-size:14.5px;padding:8px 16px!important;color:#111}
body .topic-chip.active,body .topic-chip:hover{background:var(--st-navy)!important;color:#fff!important;border-color:var(--st-navy)!important}
body .post-card-premium{border:1px solid var(--st-line)!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden;background:#fff}
body .post-card-premium .post-title,body .post-card-premium .post-title a,body .post-card-premium h3,body .post-card-premium h3 a{font-size:19px!important;font-weight:800!important;color:#111!important;line-height:1.4;text-transform:none}
body .post-card-premium p,body .post-card-premium .post-excerpt{color:#111!important;font-size:15.5px!important;line-height:1.7}
body .post-single-title{font-size:34px;font-weight:800;color:#111;line-height:1.3;text-transform:none}
body .post-single-meta,body .post-single-meta *{color:#3d4451!important;font-size:14.5px}
body .post-content,body .post-content p,body .post-content li,body .post-content span,body .post-content div{color:#000!important;font-size:17.5px!important;line-height:1.9!important}
body .post-content h2,body .post-content h3,body .post-content h4{color:#000!important;font-weight:800;margin:26px 0 10px}
body .post-content img{max-width:100%;height:auto;border-radius:12px}
body .post-content a{color:var(--st-navy)!important;font-weight:700}
body aside.sidebar .widget-title,body aside.sidebar h3{font-size:18px;font-weight:800;color:#111;text-transform:none}

@media(max-width:1300px){body .sticky-wrapper>.row.pb-4,body .row.products-category{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){
  body main.main>.container,body main.main>#container>.container{padding-left:16px;padding-right:16px}
  body .sticky-wrapper>.row.pb-4,body .row.products-category{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body #content .category-list-thumb{grid-template-columns:repeat(3,minmax(0,1fr))}
  body main.main h1.title,body .page-header h1{font-size:24px}
  body .page-header>.container{padding:0 16px}
  body .login-left,body .register-left,body .forgot-left,body .reset-left{padding:30px 22px!important}
  body .post-single-title{font-size:26px}
  body .about-section h2.subtitle{font-size:26px}
}

/* perbaikan lanjutan */
body .testimonial,body .testimonial.bg-blue,body .testimonial.testimonial-color,body section .testimonial{background:#fff!important;background-image:none!important}
body .testimonial blockquote{background:transparent!important;border:0!important;padding:0!important;margin:0}
body .testimonial blockquote::before,body .testimonial blockquote::after{display:none!important}
body .testimonial-owner span,body .testimonial-owner small,body .testimonial-owner b,body .testimonial-owner .text-white{color:#111!important}
body .row.products-category>.col-12,body .row.products-category>.col-12 *{color:#111!important;font-size:17px}
body #content .text-center>p,body #content>p{color:#111;font-size:17px}