/* Katalog Hitam: a dark, typographic catalog with horizontal product rows. */
body.st-skin-katalog-hitam{--st-primary:#b63e0d;--st-primary-dark:#963009;--st-primary-soft:#fff0e7;--st-bg:#f4f4ef;--st-card:#fff;--st-text:#222725;--st-muted:#68716b;--st-line:#dfe3df;--st-radius:2px;--st-radius-sm:2px;--st-shadow:none;--st-max:1180px;background:#111313;font-family:Arial,Helvetica,sans-serif}
.st-skin-katalog-hitam .st-shell{max-width:1180px;background:var(--st-bg);box-shadow:none}
.st-skin-katalog-hitam .st-header{padding:14px 20px;background:#111313;border-bottom:1px solid #353936;color:#f2f1e9;display:flex;align-items:center;gap:28px}
.st-skin-katalog-hitam .st-header__bar{gap:12px;flex:0 0 270px}
.st-skin-katalog-hitam .st-header .st-logo__text{color:#f2f1e9;font-size:25px;font-weight:800;letter-spacing:-1.3px}
.st-skin-katalog-hitam .st-header .st-icon-btn{color:#f2f1e9;border-radius:0;min-height:44px;min-width:44px}
.st-skin-katalog-hitam .st-cart-count{background:#ff763e;color:#161616;border-radius:1px}
.st-skin-katalog-hitam .st-search{padding:0;margin:0;flex:1;min-width:0}
.st-skin-katalog-hitam .st-search__form{border:1px solid #505651;border-radius:0;background:#1b1e1c;box-shadow:none;color:#dfdfd4;min-height:44px}
.st-skin-katalog-hitam .st-search__input{color:#f2f1e9;font-family:inherit;font-size:12px}
.st-skin-katalog-hitam .st-search__input::placeholder{color:#a7afa8}
.st-skin-katalog-hitam .st-suggest{color:#222725}
.st-skin-katalog-hitam .kh-home{background:#111313;color:#f2f1e9;padding:0 28px 36px}
.st-skin-katalog-hitam .kh-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 24px}
.st-skin-katalog-hitam .kh-eyebrow{font-family:monospace;font-size:10px;letter-spacing:2px;color:#a8b0a9}
.st-skin-katalog-hitam .kh-intro h1{font-family:'Arial Black',Arial,sans-serif;font-size:clamp(52px,9vw,112px);font-weight:900;line-height:1;letter-spacing:-7px;margin:16px 0 0;color:#f0f0e5}
.st-skin-katalog-hitam .kh-intro>a{display:grid;place-items:center;width:74px;height:74px;background:#ff763e;color:#111313;font-size:48px;flex-shrink:0}
.st-skin-katalog-hitam .kh-categories{display:flex;overflow-x:auto;gap:0;border-top:1px solid #3d423d;border-bottom:1px solid #3d423d;margin-bottom:30px;scrollbar-width:thin;scrollbar-color:#626a62 #111313}
.st-skin-katalog-hitam .kh-categories a{padding:16px 18px;font-family:monospace;font-size:12px;white-space:nowrap;border-right:1px solid #3d423d;color:#b2bab2}
.st-skin-katalog-hitam .kh-categories .kh-all{color:#ff8f61;padding-left:0;padding-right:22px}
.st-skin-katalog-hitam .kh-categories a:hover{color:#fff}
.st-skin-katalog-hitam .kh-home .st-section{padding:0;margin:0 0 38px}
.st-skin-katalog-hitam .kh-home .st-section__head{margin:0 0 18px;gap:16px;align-items:center}
.st-skin-katalog-hitam .kh-home .st-section__title{color:#f0f0e5;font-size:18px;letter-spacing:-.4px;font-weight:600}
.st-skin-katalog-hitam .kh-home .st-section__more{color:#ff8f61;font-family:monospace;font-size:11px;white-space:nowrap}
.st-skin-katalog-hitam .kh-home .st-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.st-skin-katalog-hitam .kh-home .st-card{background:transparent;border-radius:0;box-shadow:none;border-bottom:1px solid #383e38;padding:18px 0;display:grid;grid-template-columns:44% minmax(0,1fr);gap:20px;min-width:0;color:#f0f0e5}
.st-skin-katalog-hitam .kh-home .st-card__media{border-radius:0;background:#d9dbd6;align-self:start}
.st-skin-katalog-hitam .kh-home .st-card__media img{object-fit:contain}
.st-skin-katalog-hitam .kh-home .st-card__body{padding:6px 0;gap:12px;min-width:0}
.st-skin-katalog-hitam .kh-home .st-card__title{font-size:15px;font-weight:500;line-height:1.4;min-height:0;color:#f0f0e5}
.st-skin-katalog-hitam .kh-home .st-card__rating{color:#dedfbf}
.st-skin-katalog-hitam .kh-home .st-card__rating-count{color:#a6afa7}
.st-skin-katalog-hitam .kh-home .st-card__foot{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap}
.st-skin-katalog-hitam .kh-home .st-price{font-family:monospace;font-size:16px;font-weight:600;color:#f2f1e9;letter-spacing:-.5px}
.st-skin-katalog-hitam .kh-home .st-price-old{color:#a5afa6;font-size:11px}
.st-skin-katalog-hitam .kh-home .st-btn-cart{border-radius:0;width:40px;height:40px;flex-basis:40px;background:#ff763e;color:#111313;border:0}
.st-skin-katalog-hitam .kh-home .st-wish{border-radius:0;background:#f0f0e5;color:#414940;box-shadow:none}
.st-skin-katalog-hitam .kh-home .st-wish.is-active{color:#b63e0d}
.st-skin-katalog-hitam .kh-home .st-badge-disc{background:#222a23;color:#eef1df;border-radius:0;top:auto;bottom:0;left:0;font-family:monospace;font-size:10px;padding:4px 7px}
.st-skin-katalog-hitam .kh-home .st-loadmore{border:1px solid #596259;background:transparent;color:#f0f0e5;border-radius:0;font-family:monospace;font-size:12px;width:100%;padding:16px;min-height:48px}
.st-skin-katalog-hitam .kh-home .st-loadmore:hover{background:#242925}
.st-skin-katalog-hitam .kh-home .st-flash{border-top:2px solid #ff763e;padding-top:22px}
.st-skin-katalog-hitam .kh-home .st-countdown{background:transparent;color:#aab6ac;padding:0;justify-content:flex-start;flex-wrap:wrap}
.st-skin-katalog-hitam .kh-home .st-countdown__box{background:#ff763e;color:#111313;border-radius:0}
.st-skin-katalog-hitam .kh-home .st-scroller{gap:20px;scrollbar-width:thin;scrollbar-color:#626a62 #111313}
.st-skin-katalog-hitam .kh-home .st-scroller>.st-card{display:flex;min-width:190px;max-width:190px;gap:0;padding:0 0 16px;border:0}
.st-skin-katalog-hitam .kh-home .st-scroller .st-card__body{padding-top:12px}
.st-skin-katalog-hitam .kh-promos{display:flex;flex-direction:column;margin-bottom:36px;border-top:1px solid #414840}
.st-skin-katalog-hitam .kh-promo{display:flex;align-items:center;gap:28px;padding:24px 0;border-bottom:1px solid #414840}
.st-skin-katalog-hitam .kh-promo span{flex:1;min-width:0}
.st-skin-katalog-hitam .kh-promo strong{font-size:26px;line-height:1.15;letter-spacing:-1px;display:block}
.st-skin-katalog-hitam .kh-promo small{display:block;font-size:12px;line-height:1.5;color:#a7b0a7;margin-top:10px}
.st-skin-katalog-hitam .kh-promo img{width:100px;height:100px;object-fit:contain}
.st-skin-katalog-hitam .kh-promo b{font-size:28px;color:#ff8f61;font-weight:400}
.st-skin-katalog-hitam .kh-home .st-artikel{background:#1d231e;color:#f0f0e5;border-radius:0}
.st-skin-katalog-hitam .st-footer{background:#202621;color:#d9dfd6;border-top:1px solid #414840;padding:30px 24px}
.st-skin-katalog-hitam .st-footer .st-logo__text{color:#f0f0e5}
.st-skin-katalog-hitam .st-bottomnav{max-width:1180px;background:#111313;border-top:1px solid #3c433c;box-shadow:none}
.st-skin-katalog-hitam .st-bottomnav__item{color:#a8b2a9}
.st-skin-katalog-hitam .st-bottomnav__item.is-active{color:#ff8f61}
.st-skin-katalog-hitam :focus-visible{outline:3px solid #ff8f61;outline-offset:3px}
.st-skin-katalog-hitam .kh-skip{position:fixed;top:8px;left:8px;transform:translateY(-160%);background:#fff;padding:12px 18px;z-index:9999}
.st-skin-katalog-hitam .kh-skip:focus{transform:translateY(0)}
@media(max-width:767px){
.st-skin-katalog-hitam .st-header{display:block;padding:8px 18px 14px}
.st-skin-katalog-hitam .st-header__bar{min-height:44px}
.st-skin-katalog-hitam .st-logo{margin-right:auto}
.st-skin-katalog-hitam .st-search{margin-top:8px}
.st-skin-katalog-hitam .kh-home{padding:0 18px 24px}
.st-skin-katalog-hitam .kh-intro{padding:26px 0 24px;gap:12px}
.st-skin-katalog-hitam .kh-intro h1{font-size:54px;letter-spacing:-3px;margin-top:12px}
.st-skin-katalog-hitam .kh-intro>a{width:46px;height:46px;font-size:30px}
.st-skin-katalog-hitam .kh-eyebrow{font-size:9px;letter-spacing:1.3px}
.st-skin-katalog-hitam .kh-categories{margin-bottom:24px}
.st-skin-katalog-hitam .kh-categories a{font-size:11px;padding:14px}
.st-skin-katalog-hitam .kh-home .st-grid{grid-template-columns:minmax(0,1fr);gap:0}
.st-skin-katalog-hitam .kh-home .st-card{grid-template-columns:42% minmax(0,1fr);gap:18px;padding:16px 0}
.st-skin-katalog-hitam .kh-home .st-section__head{margin-bottom:0}
.st-skin-katalog-hitam .kh-home .st-card__title{font-size:14px}
.st-skin-katalog-hitam .kh-home .st-card__body{padding:2px 0;gap:10px}
.st-skin-katalog-hitam .kh-home .st-price{font-size:14px}
.st-skin-katalog-hitam .kh-home .st-flash .st-section__head{margin-bottom:16px}
.st-skin-katalog-hitam .kh-promo{gap:16px}
.st-skin-katalog-hitam .kh-promo strong{font-size:21px}
.st-skin-katalog-hitam .kh-promo img{width:72px;height:84px}
}
@media(max-width:359px){.st-skin-katalog-hitam .kh-intro h1{font-size:44px}.st-skin-katalog-hitam .kh-home .st-card{gap:12px}.st-skin-katalog-hitam .kh-home .st-card__foot{align-items:center}.st-skin-katalog-hitam .kh-home .st-price{font-size:12px}.st-skin-katalog-hitam .kh-home .st-btn-cart{width:36px;height:36px;flex-basis:36px}}
/* Remove the base theme's page gutter only on this custom home template. */
.st-skin-katalog-hitam .st-main:has(>.kh-home){padding:0;background:#111313}