.katalog-page{--kt-line:#f0e3e3}.katalog-page .kt-head{text-align:center;margin-bottom:6px}.katalog-page .kt-head .kt-eyebrow{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--rs-gold);margin-bottom:4px}.katalog-page .kt-head h1{font-family:var(--font-heading);color:var(--rs-black);font-weight:700;font-size:2.1rem;margin:0}.katalog-page .kt-head .kt-sub{color:#9a8a8a;font-size:.92rem;margin-top:4px}.katalog-page .kt-divider{width:64px;height:3px;background:linear-gradient(90deg,var(--rs-primary),var(--rs-gold));border-radius:3px;margin:10px auto 26px}.katalog-page .kt-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px}.katalog-page .kt-tab{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border-radius:30px;font-size:.9rem;font-weight:600;color:#7a6a6a;background:#fff;border:1px solid var(--kt-line);text-decoration:none;box-shadow:0 2px 8px rgba(61,61,61,.05);transition:transform .18s ease,box-shadow .2s ease,color .2s ease,background .2s ease,border-color .2s ease}.katalog-page .kt-tab:hover{transform:translateY(-2px);color:var(--rs-primary);border-color:var(--rs-blush-2);box-shadow:0 6px 16px rgba(217,140,140,.2)}.katalog-page .kt-tab.active{color:#fff;background:linear-gradient(135deg,var(--rs-primary),var(--rs-primary-dark));border-color:transparent;box-shadow:0 8px 20px rgba(217,140,140,.4)}.katalog-page .filter-box{border:1px solid var(--kt-line);border-radius:calc(var(--rs-radius) + 4px);box-shadow:0 10px 30px rgba(217,140,140,.1);background:linear-gradient(180deg,#fff 0%,var(--rs-cream) 100%)}.katalog-page .filter-box h5{display:flex;align-items:center;gap:8px;padding-bottom:12px;margin-bottom:16px !important;border-bottom:1px solid var(--kt-line)}.katalog-page .filter-box h5::before{content:"\f1de";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--rs-primary);font-size:.95rem}.katalog-page .filter-box .form-control,.katalog-page .filter-box .form-select{border-radius:12px;border-color:var(--kt-line);font-size:.9rem}.katalog-page .filter-box .form-control:focus,.katalog-page .filter-box .form-select:focus{border-color:var(--rs-primary);box-shadow:0 0 0 .18rem rgba(217,140,140,.18)}.katalog-page .filter-box .form-check-input:checked{background-color:var(--rs-primary);border-color:var(--rs-primary)}.katalog-page .filter-box .btn-primary-custom,.katalog-page .filter-box .btn-outline-custom{border-radius:30px;font-weight:600}.katalog-page .kt-resultbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px}.katalog-page .kt-count{font-size:.9rem;color:#8a7a7a}.katalog-page .kt-count b{color:var(--rs-primary-dark)}.katalog-page .card-produk{border:1px solid var(--kt-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(61,61,61,.06);transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease}.katalog-page .card-produk:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(217,140,140,.24)}.katalog-page .card-produk>a:first-of-type{display:block;overflow:hidden;border-radius:18px 18px 0 0;position:relative;aspect-ratio:4 / 5}.katalog-page .card-produk .produk-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,.61,.36,1)}.katalog-page .card-produk:hover .produk-img{transform:scale(1.06)}.katalog-page .card-produk .badge-promo{background:linear-gradient(135deg,#e05a72,#c9727a);box-shadow:0 4px 12px rgba(224,90,114,.4);font-weight:700;padding:5px 11px}.katalog-page .card-produk .wishlist-btn{top:12px;right:12px;bottom:auto;width:40px;height:40px;background:rgba(255,255,255,.92);backdrop-filter:blur(4px);box-shadow:0 4px 12px rgba(61,61,61,.18);color:var(--rs-primary);transition:transform .2s ease,background .2s ease,color .2s ease;z-index:3}.katalog-page .card-produk .wishlist-btn:hover{transform:scale(1.12);background:var(--rs-primary);color:#fff}.katalog-page .card-produk .p-3{padding:14px 16px 16px !important}.katalog-page .card-produk .p-3>p.small:first-child{font-size:.68rem;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--rs-primary)}.katalog-page .card-produk h6 a{color:var(--rs-black) !important;font-weight:600}.katalog-page .card-produk h6 a:hover{color:var(--rs-primary) !important}.katalog-page .card-produk .harga-baru{font-size:1.15rem;color:var(--rs-primary-dark)}.katalog-page .card-produk .kt-stok{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:20px;margin-top:6px}.katalog-page .card-produk .kt-stok.ada{color:#1f8a4c;background:#e7f6ec}.katalog-page .card-produk .kt-stok.habis{color:#c0392b;background:#fdeaea}.katalog-page .card-produk .kt-stok .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.katalog-page .card-produk .btn-kasir,.katalog-page .card-produk .btn-outline-custom{border-radius:30px}.katalog-page .card-produk .btn-outline-custom.btn-sm{width:42px;display:inline-flex;align-items:center;justify-content:center}.katalog-page .kt-empty{grid-column:1 / -1;text-align:center;padding:50px 20px;color:#9a8a8a}.katalog-page .kt-empty i{font-size:2.4rem;color:var(--rs-blush-2);display:block;margin-bottom:12px}@media (max-width:767.98px){.katalog-page .kt-head h1{font-size:1.5rem}.katalog-page .kt-tabs{gap:7px}.katalog-page .kt-tab{padding:7px 14px;font-size:.8rem}.katalog-page .card-produk{border-radius:14px}.katalog-page .card-produk>a:first-of-type{border-radius:14px 14px 0 0}.katalog-page .card-produk .wishlist-btn{width:32px;height:32px;top:8px;right:8px}.katalog-page .card-produk .harga-baru{font-size:.98rem}}
.katalog-page{--kt-gold:var(--rs-gold,#c9a15a);--kt-line:#efe2df}.katalog-page .kt-head{margin-bottom:4px}.katalog-page .kt-head .kt-eyebrow{letter-spacing:3px;font-size:.7rem;color:var(--kt-gold);position:relative;padding:0 26px}.katalog-page .kt-head .kt-eyebrow::before,.katalog-page .kt-head .kt-eyebrow::after{content:"";position:absolute;top:50%;width:18px;height:1px;background:linear-gradient(90deg,transparent,var(--kt-gold))}.katalog-page .kt-head .kt-eyebrow::before{left:0;transform:scaleX(-1)}.katalog-page .kt-head .kt-eyebrow::after{right:0}.katalog-page .kt-head h1{font-size:2.6rem;font-weight:700;letter-spacing:.5px;line-height:1.15;margin-top:6px}.katalog-page .kt-head .kt-sub{font-size:.95rem;color:#a89a98;font-style:italic;margin-top:8px;letter-spacing:.2px}.katalog-page .kt-divider{position:relative;width:90px;height:1px;background:linear-gradient(90deg,transparent,var(--kt-gold),transparent);margin:16px auto 30px}.katalog-page .kt-divider::after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:var(--kt-gold);transform:translate(-50%,-50%) rotate(45deg)}.katalog-page .kt-tab{padding:10px 22px;font-size:.86rem;font-weight:500;letter-spacing:.3px;color:#8a7a78;background:#fff;border:1px solid var(--kt-line);box-shadow:0 2px 10px rgba(61,61,61,.04)}.katalog-page .kt-tab i{color:var(--kt-gold);font-size:.82rem}.katalog-page .kt-tab.active{background:linear-gradient(135deg,var(--rs-primary),var(--rs-primary-dark));border-color:transparent;color:#fff;box-shadow:0 10px 24px rgba(217,140,140,.36)}.katalog-page .kt-tab.active i{color:rgba(255,255,255,.9)}.katalog-page .kt-resultbar{border-bottom:1px solid var(--kt-line);padding-bottom:12px;margin-bottom:22px}.katalog-page .kt-count{font-size:.88rem;color:#a89a98;letter-spacing:.2px}.katalog-page .kt-count b{color:var(--rs-primary-dark);font-weight:600}.katalog-page .filter-box{border:1px solid var(--kt-line);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(217,140,140,.08);padding:22px 20px;position:relative}@media (min-width:992px){.katalog-page .filter-col .filter-box,.filter-col .filter-box{position:sticky;top:96px;max-height:none;overflow:visible;padding:16px 16px 14px}.katalog-page .filter-box h5{font-size:1rem;margin-bottom:.6rem !important;padding-bottom:.5rem;border-bottom:1px solid rgba(217,140,140,.16)}.katalog-page .filter-box .mb-3{margin-bottom:.6rem !important}.katalog-page .filter-box .form-label{font-size:.68rem;letter-spacing:.04em;margin-bottom:.22rem;font-weight:600}.katalog-page .filter-box .form-control,.katalog-page .filter-box .form-select{padding:.38rem .7rem;font-size:.84rem;min-height:0;height:auto}.katalog-page .filter-box .form-select{background-position:right .55rem center;padding-right:1.8rem}.katalog-page .filter-box .form-check{margin-bottom:.22rem;min-height:0}.katalog-page .filter-box .form-check-label{font-size:.82rem}.katalog-page .filter-box .btn{padding:.48rem .8rem;font-size:.86rem}.katalog-page .filter-box .btn + .btn,.katalog-page .filter-box .btn.mt-2{margin-top:.4rem !important}}@media (min-width:992px) and (max-height:800px){.katalog-page .filter-col .filter-box,.filter-col .filter-box{padding:12px 14px 10px}.katalog-page .filter-box h5{font-size:.92rem;margin-bottom:.45rem !important;padding-bottom:.38rem}.katalog-page .filter-box .mb-3{margin-bottom:.45rem !important}.katalog-page .filter-box .form-control,.katalog-page .filter-box .form-select{padding:.3rem .6rem;font-size:.8rem}.katalog-page .filter-box .form-label{font-size:.64rem;margin-bottom:.16rem}.katalog-page .filter-box .btn{padding:.4rem .7rem;font-size:.82rem}}@media (max-width:991px){.katalog-page .filter-col .filter-box,.filter-col .filter-box{position:static;max-height:none;overflow:visible}}.katalog-page .filter-box h5{font-family:var(--font-heading);font-size:1.15rem;letter-spacing:.3px;padding-bottom:14px;margin-bottom:18px !important;border-bottom:1px solid var(--kt-line)}.katalog-page .filter-box h5::before{color:var(--kt-gold)}.katalog-page .filter-box .form-label{font-size:.74rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#9a8a88}.katalog-page .filter-box .form-control,.katalog-page .filter-box .form-select{border-radius:11px;border-color:#eee0dd;font-size:.88rem;padding:9px 13px;background:#fdfaf9}.katalog-page .filter-box .form-control:focus,.katalog-page .filter-box .form-select:focus{background:#fff;border-color:var(--rs-primary);box-shadow:0 0 0 .18rem rgba(217,140,140,.14)}.katalog-page .filter-box .btn-primary-custom{border-radius:30px;font-weight:600;letter-spacing:.3px;padding:11px;box-shadow:0 8px 20px rgba(217,140,140,.3)}.katalog-page .filter-box .btn-outline-custom{border-radius:30px}.katalog-page .card-produk{border:1px solid var(--kt-line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(61,61,61,.05);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,border-color .35s ease}.katalog-page .card-produk:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(217,140,140,.22);border-color:rgba(201,161,90,.4)}.katalog-page .card-produk>a:first-of-type{display:block;overflow:hidden;border-radius:20px 20px 0 0;position:relative;aspect-ratio:4 / 5;background:linear-gradient(135deg,var(--rs-blush,#F7E8E8),#fff)}.katalog-page .card-produk>a:first-of-type::after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .7s ease;pointer-events:none;z-index:2}.katalog-page .card-produk:hover>a:first-of-type::after{left:130%}.katalog-page .card-produk .produk-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.katalog-page .card-produk:hover .produk-img{transform:scale(1.07)}.katalog-page .card-produk .badge-promo{background:linear-gradient(135deg,#b76e79,#8f434e);box-shadow:0 6px 16px rgba(143,67,78,.4);font-weight:600;letter-spacing:.5px;padding:6px 12px;border-radius:30px}.katalog-page .card-produk .wishlist-btn{top:14px;right:14px;bottom:auto;width:42px;height:42px;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);box-shadow:0 6px 16px rgba(61,61,61,.16);color:var(--rs-primary);border:1px solid rgba(201,161,90,.25);z-index:3}.katalog-page .card-produk .wishlist-btn:hover{transform:scale(1.12);background:var(--rs-primary);color:#fff;border-color:var(--rs-primary)}.katalog-page .card-produk .p-3{padding:16px 18px 18px !important}.katalog-page .card-produk .p-3>p.small:first-child{font-size:.66rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--kt-gold);margin-bottom:5px !important;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.katalog-page .card-produk h6{font-family:var(--font-heading);font-size:1.05rem;letter-spacing:.2px;margin-bottom:6px !important}.katalog-page .card-produk h6 a{color:var(--rs-black) !important;font-weight:600}.katalog-page .card-produk h6 a:hover{color:var(--rs-primary) !important}.katalog-page .card-produk .harga-lama{font-size:.8rem;color:#bcaaa8}.katalog-page .card-produk .harga-baru{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--rs-primary-dark);letter-spacing:.2px}.katalog-page .card-produk .kt-stok{font-size:.7rem;padding:4px 11px;margin-top:8px;border-radius:30px;letter-spacing:.3px}.katalog-page .card-produk .kt-stok.ada{color:#1f8a4c;background:#eaf6ee}.katalog-page .card-produk .kt-stok.habis{color:#c0392b;background:#fdeaea}.katalog-page .card-produk .p-3 .d-flex.gap-2.mt-2{margin-top:14px !important;padding-top:14px;border-top:1px solid var(--kt-line)}.katalog-page .card-produk .p-3{min-width:0}.katalog-page .card-produk .btn-kasir{height:38px;min-height:38px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:clamp(4px,.8vw,7px);border-radius:30px;font-weight:600;letter-spacing:.1px;font-size:clamp(.72rem,1.9vw,.84rem);padding:0 clamp(6px,1.6vw,14px);line-height:1;white-space:nowrap;overflow:hidden;background:linear-gradient(135deg,var(--rs-primary),var(--rs-primary-dark));border:none;box-shadow:0 6px 16px rgba(217,140,140,.28);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.katalog-page .card-produk .btn-kasir .rsk-full,.katalog-page .card-produk .btn-kasir .rsk-short{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.katalog-page .card-produk .btn-kasir .rsk-short{display:none}@media (max-width:575.98px){.katalog-page .card-produk .btn-kasir{height:36px;min-height:36px;font-size:.78rem;padding:0 10px;gap:6px}.katalog-page .card-produk .btn-kasir .rsk-full{display:none}.katalog-page .card-produk .btn-kasir .rsk-short{display:inline}}@media (min-width:992px){.katalog-page .card-produk .btn-kasir{height:40px;min-height:40px;font-size:.84rem;padding:0 16px;gap:8px}}.katalog-page .card-produk .btn-kasir.btn-kasir-habis,.katalog-page .card-produk .btn-kasir.btn-kasir-habis:hover{background:#f1e9e9;color:#a89a9a;box-shadow:none;cursor:not-allowed;transform:none}.katalog-page .card-produk .btn-outline-custom.btn-sm{width:44px;border-radius:30px;border:1px solid rgba(201,161,90,.35);color:var(--kt-gold);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.katalog-page .card-produk .btn-outline-custom.btn-sm:hover{background:var(--kt-gold);border-color:var(--kt-gold);color:#fff}.katalog-page .card-produk .produk-img[src*="placehold"]{filter:saturate(.8) brightness(1.02)}@media (max-width:991.98px){.katalog-page .kt-head h1{font-size:2rem}}@media (max-width:767.98px){.katalog-page .kt-head h1{font-size:1.6rem}.katalog-page .kt-head .kt-eyebrow{letter-spacing:2px;padding:0 20px}.katalog-page .card-produk{border-radius:16px}.katalog-page .card-produk>a:first-of-type{border-radius:16px 16px 0 0}.katalog-page .card-produk h6{font-size:.9rem}.katalog-page .card-produk .harga-baru{font-size:1.05rem}.katalog-page .card-produk .wishlist-btn{width:34px;height:34px;top:10px;right:10px}.katalog-page .filter-box{border-radius:16px;padding:18px 16px}}.katalog-page .kt-pemisah-habis{display:flex;align-items:center;gap:16px;margin:26px 0 10px;padding:14px 20px;border-radius:14px;background:linear-gradient(135deg,#fdeaea 0%,#fbf3f2 100%);border:1px solid #f2cfcb;border-left:5px solid #c0392b;box-shadow:0 4px 14px rgba(192,57,43,.10)}.katalog-page .kt-pemisah-habis::after{content:"";flex:1 1 auto;height:2px;border-radius:2px;background:linear-gradient(90deg,#e8b4ae,transparent)}.katalog-page .kt-pemisah-habis span{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;font-size:.95rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#a5281a;white-space:nowrap}.katalog-page .kt-pemisah-habis span i{font-size:1rem;color:#c0392b}.katalog-page .kt-pemisah-habis .kt-ph-sub{font-style:normal;font-weight:600;opacity:.8}.katalog-page .kt-habis-mulai .card-produk{opacity:.72;filter:grayscale(.25);transition:opacity .3s ease,filter .3s ease}.katalog-page .kt-habis-mulai .card-produk:hover{opacity:1;filter:none}@media (max-width:575.98px){.katalog-page .kt-pemisah-habis{gap:12px;margin:18px 0 6px;padding:11px 14px;border-left-width:4px;border-radius:12px}.katalog-page .kt-pemisah-habis span{font-size:.84rem;gap:7px}.katalog-page .kt-pemisah-habis .kt-ph-sub{display:none}.katalog-page .kt-pemisah-habis span i{font-size:.9rem}}