/* Klikseller Shop v1.5.0 — tampilan toko ala marketplace, warna mengikuti tema blog (biru–cyan, aksen oranye) */
:root{--ks-price:#e2650b;--ks-page:#f3f6fa;--ks-card:#fff;--ks-line:#e7edf3;--ks-radius:8px;--ks-star:#f5a000}
body.woocommerce-page:not(.woocommerce-account){background:var(--ks-page)}
.ks-shop-main{margin-top:16px}
.woocommerce-breadcrumb{font-size:13px;color:var(--ks-muted);margin:0 0 12px!important;padding:0}
.woocommerce-breadcrumb a{color:var(--ks-muted)}.woocommerce-breadcrumb a:hover{color:var(--ks-blue)}

/* Header: ikon keranjang */
.header-cart{position:relative;display:flex;align-items:center;color:#fff;padding:8px 10px;line-height:1}
.header-cart:hover{color:#fff;opacity:.85}
.ks-cart-count{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#fff;color:#c2570a;font-size:11px;font-weight:800;line-height:18px;text-align:center}
.ks-cart-count.is-zero{display:none}
@media(max-width:760px){.header-cart{order:1}}

/* Bagian atas halaman Toko */
.ks-top-block{margin:0 0 14px;display:grid;gap:12px}
.ks-shop-search{display:flex;background:#fff;border:2px solid var(--ks-blue);border-radius:var(--ks-radius);overflow:hidden}
.ks-shop-search input[type=search]{flex:1;min-width:0;border:0;padding:12px 16px;font-size:15px;background:transparent;outline:0}
.ks-shop-search button{border:0;background:var(--ks-blue);color:#fff;font-weight:700;padding:0 26px;cursor:pointer}
.ks-shop-search button:hover{background:#0b559d}
.ks-infobar{margin:0;font-size:13px;color:#53606c;background:#fff;border:1px dashed #b9d4f1;border-radius:var(--ks-radius);padding:8px 14px;text-align:center}
.ks-banner-slider{border-radius:var(--ks-radius);overflow:hidden;background:#e8f0fe}
.ks-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ks-slides::-webkit-scrollbar{display:none}
.ks-slide{flex:0 0 100%;scroll-snap-align:start}
.ks-slide img,.ks-slide a{display:block;width:100%}.ks-slide img{aspect-ratio:3/1;object-fit:cover;border-radius:0}
.ks-cat-tiles{background:var(--ks-card);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:12px 14px}
.ks-block-title{font-size:15px;font-weight:800;color:#66717d;text-transform:uppercase;margin:0 0 10px;letter-spacing:.2px}
.ks-cat-tiles ul{list-style:none;margin:0;padding:0 0 4px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin}
.ks-cat-tiles li{flex:0 0 88px}
.ks-cat-tiles a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 2px;border-radius:var(--ks-radius);color:#33475b;text-align:center}
.ks-cat-tiles a:hover{background:#f2f8ff;color:var(--ks-blue)}
.ks-cat-img{width:62px;height:62px;border-radius:16px;background:#eaf3ff;overflow:hidden;display:grid;place-items:center}
.ks-cat-img img{width:100%;height:100%;object-fit:cover;border-radius:0}
.ks-cat-ph{font-size:24px;font-weight:800;color:var(--ks-blue)}
.ks-cat-name{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Dua kolom: filter + produk */
.ks-shop-layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:18px;align-items:start}
.ks-shop-content{min-width:0}
.ks-shop-content .woocommerce-products-header{margin:0 0 10px}
.ks-shop-content .page-title{font-size:20px;line-height:1.3;margin:0 0 4px;color:var(--ks-ink)}
.ks-shop-content .term-description{font-size:14px;color:#586a7b}
.ks-filter-box{background:var(--ks-card);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:14px 16px}
@media(min-width:901px){.ks-filter-box{position:sticky;top:16px}.admin-bar .ks-filter-box{top:48px}.ks-filter-box>summary{pointer-events:none}}
.ks-filter-box>summary{list-style:none;cursor:pointer;font-weight:800;font-size:15px;color:var(--ks-ink);margin:0 0 4px}
.ks-filter-box>summary::-webkit-details-marker{display:none}
.ks-f-group{padding:12px 0;border-top:1px solid var(--ks-line)}.ks-filter-box>summary+.ks-f-group,.ks-filter-box>summary+form .ks-f-group:first-child{border-top:0}
.ks-f-group h3{font-size:13px;font-weight:800;color:#66717d;text-transform:uppercase;margin:0 0 8px}
.ks-f-cats{list-style:none;margin:0;padding:0}
.ks-f-cats a{display:block;padding:6px 8px;border-radius:5px;font-size:14px;color:#33475b;line-height:1.4}
.ks-f-cats a:hover{background:#f2f8ff;color:var(--ks-blue)}
.ks-f-cats .is-cur>a{color:var(--ks-blue);font-weight:700;background:#eef6ff;box-shadow:inset 3px 0 0 var(--ks-hover,#f49b16)}
.ks-f-cats .is-sub a{margin-left:14px;font-size:13px}
.ks-f-price{display:flex;align-items:center;gap:6px}
.ks-f-price input{width:100%;min-width:0;padding:7px 8px;border:1px solid #cfd9e4;border-radius:5px;font-size:13px}
.ks-f-check{display:flex;align-items:center;gap:7px;font-size:14px;margin:0 0 6px;cursor:pointer}
.ks-stars{color:var(--ks-star);letter-spacing:1px}
.ks-f-apply{width:100%;margin-top:6px;border:0;border-radius:5px;background:var(--ks-blue);color:#fff;font-weight:700;padding:9px;cursor:pointer}.ks-f-apply:hover{background:#0b559d}
.ks-f-reset{display:block;text-align:center;font-size:13px;margin-top:8px}
@media(max-width:900px){
.ks-shop-layout{grid-template-columns:1fr;gap:12px}
.ks-filter-box>summary{display:flex;justify-content:space-between;align-items:center;margin:0}
.ks-filter-box>summary:after{content:"";width:8px;height:8px;border:solid #66717d;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s}
.ks-filter-box[open]>summary:after{transform:rotate(225deg)}
.ks-filter-box[open]>summary{margin-bottom:6px}
}

/* Tab urutan */
.ks-sortbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:#eef3f9;border-radius:var(--ks-radius);padding:8px 12px;margin:0 0 12px}
.ks-sort-label{font-size:13px;color:#66717d;margin-right:4px}
.ks-sort-tab{padding:7px 16px;background:#fff;border-radius:5px;font-size:13.5px;color:#33475b;white-space:nowrap}
.ks-sort-tab:hover{color:var(--ks-blue)}
.ks-sort-tab.is-on{background:var(--ks-blue);color:#fff;font-weight:700}
.ks-count{margin-left:auto;font-size:13px;color:#66717d}
@media(max-width:760px){.ks-sortbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:8px}.ks-sortbar::-webkit-scrollbar{display:none}.ks-sort-label,.ks-count{display:none}}

/* Grid produk (beranda, arsip, terkait) */
ul.products{--c:5;display:grid!important;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:10px;list-style:none;margin:0 0 20px!important;padding:0!important;float:none!important;width:auto!important}
ul.products::before,ul.products::after{display:none!important;content:none!important}
ul.products.columns-2{--c:2}ul.products.columns-3{--c:3}ul.products.columns-4{--c:4}ul.products.columns-5{--c:5}ul.products.columns-6{--c:6}
ul.products li.product{position:relative;display:flex;flex-direction:column;float:none!important;width:auto!important;margin:0!important;padding:0!important;background:var(--ks-card);border:1px solid var(--ks-line);border-radius:6px;overflow:hidden;text-align:left;transition:border-color .15s,box-shadow .15s}
ul.products li.product:hover{border-color:var(--ks-blue);box-shadow:0 6px 18px rgba(22,116,209,.14)}
ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1;color:inherit}
ul.products li.product a img{display:block;width:100%!important;height:auto;aspect-ratio:1/1;object-fit:cover;margin:0!important;border-radius:0;box-shadow:none;background:#f0f5fb}
ul.products li.product .woocommerce-loop-product__title{font-size:13px!important;font-weight:400;line-height:1.4;color:#273849;margin:0!important;padding:9px 10px 0!important;min-height:calc(2.8em + 9px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
ul.products li.product:hover .woocommerce-loop-product__title{color:var(--ks-blue)}
ul.products li.product .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px;padding:6px 10px 0;margin:0;color:var(--ks-price)!important;font-size:16px;font-weight:700;line-height:1.35}
ul.products li.product .price del{order:2;color:#98a4b3;font-size:12px;font-weight:400;opacity:1}
ul.products li.product .price ins{order:1;text-decoration:none;background:none;color:inherit}
ul.products li.product .price .woocommerce-Price-currencySymbol{font-size:.78em;margin-right:1px}
.ks-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:5px 10px 0;font-size:11.5px;color:var(--ks-muted)}
.ks-rate{color:var(--ks-star);font-weight:700}.ks-rate i{font-style:normal}
.ks-sold{margin-left:auto}
.woocommerce ul.products li.product a.button,.woocommerce ul.products li.product a.added_to_cart{display:block;box-sizing:border-box;width:calc(100% - 20px);margin:9px 10px 10px;padding:7px 8px;border:1px solid var(--ks-blue);border-radius:5px;background:#fff;color:var(--ks-blue);font-size:13px;font-weight:600;line-height:1.3;text-align:center}
.woocommerce ul.products li.product a.button:hover{background:var(--ks-blue);color:#fff}
.woocommerce ul.products li.product a.added_to_cart{margin-top:-4px;border-color:transparent;font-weight:400;font-size:12px;padding:0 8px 8px}
.woocommerce ul.products li.product a.button.loading{opacity:.6}
.woocommerce ul.products li.product a.button.loading:after,.woocommerce ul.products li.product a.button.added:after{top:.55em}

/* Label diskon */
.woocommerce span.onsale.ks-badge{position:absolute;top:0;right:0;left:auto;margin:0;min-width:0;min-height:0;padding:3px 7px;border-radius:0 6px 0 8px;background:#fff1d6;color:#b84a05;font-size:12px;font-weight:800;line-height:1.4;z-index:3}
.woocommerce ul.products li.product .onsale.ks-badge{top:0;right:0}

/* Paginasi */
.woocommerce nav.woocommerce-pagination{margin:6px 0 24px}
.woocommerce nav.woocommerce-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;border:0;margin:0;padding:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;float:none;overflow:visible}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{display:block;min-width:38px;padding:8px 12px;border:1px solid var(--ks-line);border-radius:6px;background:#fff;color:#33475b;font-size:14px;text-align:center}
.woocommerce nav.woocommerce-pagination ul li a:hover{border-color:var(--ks-blue);color:var(--ks-blue);background:#fff}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ks-blue);border-color:var(--ks-blue);color:#fff}

/* Notifikasi */
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:#fff;border:1px solid var(--ks-line);border-top:3px solid var(--ks-blue);border-radius:var(--ks-radius);color:#33475b;padding:14px 18px 14px 48px;margin:0 0 16px}
.woocommerce-error{border-top-color:#d63638}
.woocommerce-message a.button,.woocommerce-info a.button{background:var(--ks-blue);color:#fff;border-radius:5px;padding:8px 14px}

/* Halaman produk */
.single-product div.product{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:10px 30px;background:var(--ks-card);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:22px;margin-bottom:16px}
.single-product div.product{position:relative}
.single-product div.product>span.onsale.ks-badge{top:0;left:0;right:auto;border-radius:8px 0 8px 0;font-size:14px;padding:5px 11px}
.single-product div.product>*{grid-column:1/-1}
.single-product div.product>.woocommerce-product-gallery{grid-column:1;grid-row:1;float:none!important;width:100%!important;margin:0!important;position:relative}
.single-product div.product>.summary{grid-column:2;grid-row:1;float:none!important;width:100%!important;margin:0!important}
.single-product div.product div.images img{border-radius:6px}
.woocommerce div.product div.images .flex-control-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:8px 0 0;padding:0;list-style:none}
.woocommerce div.product div.images .flex-control-thumbs li{float:none;width:auto;margin:0}
.woocommerce div.product div.images .flex-control-thumbs img{opacity:.6;border:2px solid transparent;border-radius:5px;aspect-ratio:1/1;object-fit:cover}
.woocommerce div.product div.images .flex-control-thumbs img.flex-active,.woocommerce div.product div.images .flex-control-thumbs img:hover{opacity:1;border-color:var(--ks-blue)}
.single-product .product_title{font-size:22px;line-height:1.35;font-weight:600;color:var(--ks-ink);margin:0 0 8px}
.ks-stats{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin:0 0 12px;font-size:14px;color:#66717d}
.ks-st{padding:0 14px;border-left:1px solid #d6dee8}.ks-st:first-child{padding-left:0;border-left:0}
.ks-st b{color:var(--ks-ink);font-size:15px}.ks-st .ks-stars{font-style:normal;font-size:13px}
.single-product .summary p.price,.single-product .summary span.price{display:block;background:#f6f9fd;border-radius:6px;padding:14px 18px;margin:0 0 16px;color:var(--ks-price);font-size:28px;font-weight:700;line-height:1.3}
.single-product .summary .price del{color:#98a4b3;font-size:16px;font-weight:400;margin-right:8px}
.single-product .summary .price ins{background:none;text-decoration:none}
.woocommerce-product-details__short-description{font-size:14.5px;color:#46586a;margin:0 0 16px}
.single-product form.cart{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px}
.single-product form.cart .variations{width:100%;margin:0 0 6px}
.single-product form.cart .variations td,.single-product form.cart .variations th{display:block;padding:0 0 6px;text-align:left}
.single-product form.cart .variations select{width:100%;max-width:340px;padding:9px 10px;border:1px solid #cfd9e4;border-radius:5px}
.single-product form.cart .woocommerce-variation-add-to-cart,.single-product form.cart .woocommerce-variation{display:flex;flex-wrap:wrap;gap:10px;align-items:center;width:100%}
.single-product form.cart .woocommerce-variation{display:block}
.single-product .quantity .qty{width:72px;padding:11px 8px;border:1px solid #cfd9e4;border-radius:5px;text-align:center}
.single-product .single_add_to_cart_button{background:#eaf3ff!important;color:var(--ks-blue)!important;border:1px solid var(--ks-blue)!important;border-radius:5px;padding:12px 22px;font-weight:700}
.single-product .single_add_to_cart_button:hover{background:#dcebff!important}
.single-product .ks-buy-now{background:var(--ks-blue);color:#fff;border:1px solid var(--ks-blue);border-radius:5px;padding:12px 26px;font-weight:700;cursor:pointer}
.single-product .ks-buy-now:hover{background:#0b559d;color:#fff}
.single-product .summary .stock{font-size:14px;color:#1a8a46}.single-product .summary .stock.out-of-stock{color:#d63638}
.single-product .product_meta{font-size:13px;color:#66717d;border-top:1px solid var(--ks-line);padding-top:12px;margin-top:8px}
.single-product .product_meta>span{display:block;margin-bottom:3px}
.woocommerce-tabs{margin-top:10px}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;gap:4px;padding:0;margin:0 0 16px;border-bottom:1px solid var(--ks-line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:0;border-radius:0;margin:0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{display:block;padding:10px 18px;font-weight:700;font-size:15px;color:#66717d;border-bottom:3px solid transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ks-blue);border-bottom-color:var(--ks-blue)}
.woocommerce div.product .woocommerce-tabs .panel{margin:0;font-size:15px}
.woocommerce div.product .woocommerce-tabs .panel>h2:first-child{font-size:17px;color:var(--ks-ink)}
.single-product section.related,.single-product section.up-sells{margin-top:14px}
.single-product section.related>h2,.single-product section.up-sells>h2{font-size:17px;font-weight:800;color:#66717d;text-transform:uppercase;margin:0 0 12px}
#reviews #comments ol.commentlist{padding:0}
.woocommerce #review_form #respond .form-submit input{background:var(--ks-blue);color:#fff;border-radius:5px}

/* Keranjang & checkout */
.woocommerce-cart .entry-content>.woocommerce,.woocommerce-checkout .entry-content>.woocommerce,.woocommerce-account .entry-content>.woocommerce{background:var(--ks-card);border:1px solid var(--ks-line);border-radius:var(--ks-radius);padding:20px}
.woocommerce table.shop_table{border:1px solid var(--ks-line);border-radius:var(--ks-radius);border-collapse:separate;border-spacing:0;overflow:hidden}
.woocommerce table.shop_table th{background:#f6f9fd;color:#46586a;font-weight:700}
.entry-content table.shop_table,table.shop_table{display:table;overflow:visible;width:100%}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border:0;border-top:1px solid var(--ks-line);padding:12px;text-align:left}
.entry-content .woocommerce h2,.entry-content .woocommerce h3{border-left:0;padding-left:0;margin-top:0}
.entry-content .woocommerce img{border-radius:6px}
.woocommerce table.shop_table thead th{border-top:0}
.woocommerce-cart table.cart img{width:70px;border-radius:6px}
.woocommerce a.remove{color:#d63638!important}.woocommerce a.remove:hover{background:#d63638!important;color:#fff!important}
.woocommerce-cart .cart-collaterals .cart_totals{background:#f6f9fd;border-radius:var(--ks-radius);padding:16px}
.woocommerce-cart .cart_totals h2,.woocommerce-checkout h3{font-size:18px;color:var(--ks-ink)}
.woocommerce a.checkout-button,.woocommerce #place_order{background:var(--ks-blue)!important;color:#fff!important;border-radius:6px;font-size:16px;font-weight:700;padding:14px 20px}
.woocommerce a.checkout-button:hover,.woocommerce #place_order:hover{background:#0b559d!important}
.woocommerce #place_order{width:100%;float:none}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container--default .select2-selection--single{border:1px solid #cfd9e4;border-radius:5px;padding:10px;min-height:42px}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--ks-blue);outline:0;box-shadow:0 0 0 3px rgba(22,116,209,.15)}
.woocommerce-checkout #payment{background:#f6f9fd;border-radius:var(--ks-radius)}
.woocommerce-checkout #payment div.payment_box{background:#e8f0fe;color:#33475b}.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#e8f0fe}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--ks-line)}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0}.woocommerce-MyAccount-navigation li a{display:block;padding:10px 14px;border-radius:5px;color:#33475b}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{background:#eef6ff;color:var(--ks-blue);font-weight:700}

/* Tablet & HP */
@media(max-width:1100px){ul.products,ul.products[class*=columns-]{--c:4}.ks-shop-layout ul.products,.ks-shop-layout ul.products[class*=columns-]{--c:3}}
@media(max-width:900px){ul.products,ul.products[class*=columns-],.ks-shop-layout ul.products,.ks-shop-layout ul.products[class*=columns-]{--c:3}.single-product div.product{grid-template-columns:1fr}.single-product div.product>.woocommerce-product-gallery,.single-product div.product>.summary{grid-column:1;grid-row:auto}}
@media(max-width:760px){
.ks-shop-main{margin-top:10px}
ul.products,ul.products[class*=columns-],.ks-shop-layout ul.products,.ks-shop-layout ul.products[class*=columns-]{--c:2;gap:8px}
ul.products li.product .woocommerce-loop-product__title{font-size:12.5px!important}
ul.products li.product .price{font-size:14.5px}
.ks-slide img{aspect-ratio:2/1}
.ks-shop-search button{padding:0 18px}
.single-product div.product{padding:14px;gap:8px}
.single-product .product_title{font-size:19px}
.single-product .summary p.price{font-size:23px;padding:11px 14px}
.single-product form.cart .single_add_to_cart_button,.single-product .ks-buy-now{flex:1 1 140px}
.woocommerce-cart .entry-content>.woocommerce,.woocommerce-checkout .entry-content>.woocommerce,.woocommerce-account .entry-content>.woocommerce{padding:12px}
}
@media(prefers-reduced-motion:reduce){ul.products li.product{transition:none}}