/* Pasar Raya — product-first marketplace. Scoped to the active skin. */
body.st-skin-pasar-raya {
 --st-primary:#c92332; --st-primary-dark:#a41926; --st-primary-soft:#fff0f1;
 --st-text:#22252a; --st-muted:#686b73; --st-line:#e6e7e9;
 --st-bg:#f5f5f5; --st-card:#fff; --st-radius:6px; --st-radius-sm:4px;
 --st-shadow:none; --st-max:1280px;
 font-family:Arial,Helvetica,sans-serif; background:var(--st-bg); color:var(--st-text);
}
.st-skin-pasar-raya .st-shell {max-width:none;box-shadow:none}
.st-skin-pasar-raya .st-main {max-width:1280px;margin:auto;padding:24px 28px}
.st-skin-pasar-raya .pr-utility {background:#292b30;color:#fff;display:flex;justify-content:space-between;gap:16px;padding:8px max(28px,calc((100% - 1224px)/2));font-size:12px}
.st-skin-pasar-raya .pr-utility span {overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.st-skin-pasar-raya .pr-utility a {white-space:nowrap}
.st-skin-pasar-raya .st-header {background:#fff;border-bottom:1px solid var(--st-line);padding:14px max(28px,calc((100% - 1224px)/2)) 0;display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px 32px}
.st-skin-pasar-raya .st-header__bar {gap:12px}
.st-skin-pasar-raya .st-logo {margin-right:auto}
.st-skin-pasar-raya .st-logo__text {font-size:27px;letter-spacing:-1px}
.st-skin-pasar-raya .st-search {padding:0;align-self:center;min-width:0}
.st-skin-pasar-raya .st-search__form {border:2px solid var(--st-primary);border-radius:5px;background:#fff;min-height:46px;box-shadow:none}
.st-skin-pasar-raya .st-search__input {font-family:inherit}
.st-skin-pasar-raya .pr-nav {grid-column:1/-1;display:flex;gap:32px;overflow:auto;font-size:13px;font-weight:600}
.st-skin-pasar-raya .pr-nav a {padding:10px 0 13px;white-space:nowrap}
.st-skin-pasar-raya .pr-nav a:first-child {color:var(--st-primary);border-bottom:3px solid var(--st-primary)}
.st-skin-pasar-raya .pr-discovery {display:grid;grid-template-columns:224px minmax(0,1fr);gap:16px}
.st-skin-pasar-raya .pr-departments {background:white;border:1px solid var(--st-line);border-radius:6px;padding:16px 0}
.st-skin-pasar-raya .pr-departments h2 {font-size:15px;margin:0 16px 10px}
.st-skin-pasar-raya .pr-departments a {display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px}
.st-skin-pasar-raya .pr-departments a:hover {background:var(--st-primary-soft);color:var(--st-primary)}
.st-skin-pasar-raya .pr-departments a span {display:flex;width:20px;flex-shrink:0}
.st-skin-pasar-raya .pr-departments svg {width:20px;height:20px}
.st-skin-pasar-raya .pr-departments b {margin-left:auto;font-size:18px;font-weight:400;color:#92949a}
.st-skin-pasar-raya .pr-departments .pr-all {margin-top:10px;padding-top:15px;border-top:1px solid var(--st-line);color:var(--st-primary);font-weight:700}
.st-skin-pasar-raya .pr-campaign {display:flex;position:relative;isolation:isolate;overflow:hidden;background:#f2e7de;border-radius:6px;min-height:340px;align-items:center}
.st-skin-pasar-raya .pr-campaign__copy {padding:36px;flex:1;min-width:0;position:relative;z-index:1}
.st-skin-pasar-raya .pr-eyebrow {font-size:11px;letter-spacing:1.8px;font-weight:700;color:#8c352d}
.st-skin-pasar-raya .pr-campaign h1 {font-size:clamp(28px,3.4vw,46px);font-weight:800;line-height:1.07;letter-spacing:-1.5px;max-width:580px;margin:18px 0}
.st-skin-pasar-raya .pr-campaign p {font-size:14px;line-height:1.65;color:#63554d;max-width:360px;margin:0 0 25px}
.st-skin-pasar-raya .pr-campaign__image {width:43%;align-self:stretch;display:flex;align-items:center}
.st-skin-pasar-raya .pr-campaign__image img {width:100%;height:100%;object-fit:contain;max-height:420px}
.st-skin-pasar-raya .st-btn {border-radius:4px;font-size:13px}
.st-skin-pasar-raya .pr-promos {display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:16px}
.st-skin-pasar-raya .pr-promo {background:#e9eff3;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;padding:20px;border-radius:5px;min-height:120px}
.st-skin-pasar-raya .pr-promo:nth-child(2n) {background:#e9eddf}
.st-skin-pasar-raya .pr-promo:nth-child(3n) {background:#f5e6df}
.st-skin-pasar-raya .pr-promo span {flex:1;min-width:0}
.st-skin-pasar-raya .pr-promo strong {font-size:17px;line-height:1.2;display:block}
.st-skin-pasar-raya .pr-promo small {font-size:12px;color:#555c63;display:block;margin-top:7px}
.st-skin-pasar-raya .pr-promo img {width:90px;height:90px;object-fit:contain}
.st-skin-pasar-raya .pr-promo b {align-self:flex-start;font-weight:400}
.st-skin-pasar-raya .st-cats {margin:20px 0;padding:18px;background:#fff;border:1px solid var(--st-line);border-radius:6px}
.st-skin-pasar-raya .st-cats__inner {justify-content:space-around;gap:18px}
.st-skin-pasar-raya .st-cat__icon {background:#f6f6f6;color:#444850;border:1px solid #ececee;border-radius:12px;width:48px;height:48px;box-shadow:none}
.st-skin-pasar-raya .st-cat__label {font-size:12px;font-weight:500}
.st-skin-pasar-raya .st-section {padding:20px;margin:20px 0;background:#fff;border:1px solid var(--st-line);border-radius:6px}
.st-skin-pasar-raya .st-section__head {margin-bottom:18px;gap:14px;align-items:center}
.st-skin-pasar-raya .st-section__title {font-size:21px;letter-spacing:-.6px}
.st-skin-pasar-raya .st-section__more {font-size:12px;font-weight:700}
.st-skin-pasar-raya .st-flash {border-top:3px solid var(--st-primary);background:#fff9f8}
.st-skin-pasar-raya .st-flash .st-section__title {color:var(--st-primary)}
.st-skin-pasar-raya .st-countdown {margin-bottom:18px}
.st-skin-pasar-raya .st-countdown__box {background:#292b30;color:white;border-radius:3px}
.st-skin-pasar-raya .st-grid {grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.st-skin-pasar-raya .st-scroller {gap:14px;padding:2px 0 10px;scrollbar-width:thin}
.st-skin-pasar-raya .st-scroller>.st-card {min-width:172px;max-width:172px}
.st-skin-pasar-raya .st-card {border:1px solid var(--st-line);border-radius:4px;box-shadow:none;transition:border-color .15s}
.st-skin-pasar-raya .st-card:hover {border-color:#b5b6bb}
.st-skin-pasar-raya .st-card__media {background:#f6f6f6}
.st-skin-pasar-raya .st-card__media img {object-fit:contain}
.st-skin-pasar-raya .st-card__body {padding:12px 10px;gap:10px}
.st-skin-pasar-raya .st-card__title {font-size:13px;font-weight:400;line-height:1.45;min-height:38px}
.st-skin-pasar-raya .st-price {color:#b51d2b;font-size:15px;letter-spacing:-.3px}
.st-skin-pasar-raya .st-price-old {font-size:11px;color:#757880}
.st-skin-pasar-raya .st-badge-disc {border-radius:3px;background:#fff0f1;color:#b51d2b}
.st-skin-pasar-raya .st-btn-cart {width:32px;height:32px;flex-basis:32px;border-radius:4px}
.st-skin-pasar-raya .st-footer {max-width:1224px;margin:30px auto 0;border-top:1px solid #ddd;background:transparent}
.st-skin-pasar-raya .st-bottomnav {max-width:1280px;border-top:1px solid var(--st-line);box-shadow:none}
.st-skin-pasar-raya :focus-visible {outline:3px solid #215ac5;outline-offset:3px}
.st-skin-pasar-raya .pr-skip {position:fixed;top:8px;left:8px;transform:translateY(-150%);background:#fff;padding:12px 18px;z-index:9999}
.st-skin-pasar-raya .pr-skip:focus {transform:translateY(0)}
@media(min-width:1000px) {
 .st-skin-pasar-raya .st-flash {display:grid;grid-template-columns:190px minmax(0,1fr);gap:0 20px}
 .st-skin-pasar-raya .st-flash .st-section__head {grid-column:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-bottom:12px}
 .st-skin-pasar-raya .st-flash .st-countdown {grid-column:1;align-self:start;flex-wrap:wrap;justify-content:flex-start}
 .st-skin-pasar-raya .st-flash .st-countdown__label {width:100%}
 .st-skin-pasar-raya .st-flash .st-scroller {grid-column:2;grid-row:1/3}
}
@media(max-width:1100px) {.st-skin-pasar-raya .st-grid {grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px) {
 .st-skin-pasar-raya .pr-utility {padding:7px 16px;font-size:11px}
 .st-skin-pasar-raya .st-main {padding:14px 12px}
 .st-skin-pasar-raya .st-header {display:block;padding:6px 16px 0}
 .st-skin-pasar-raya .st-search {margin-top:6px}
 .st-skin-pasar-raya .pr-nav {gap:24px;margin-top:6px;font-size:12px}
 .st-skin-pasar-raya .pr-discovery {display:block}
 .st-skin-pasar-raya .pr-departments {display:none}
 .st-skin-pasar-raya .pr-campaign {min-height:240px}
 .st-skin-pasar-raya .pr-campaign__copy {padding:24px}
 .st-skin-pasar-raya .pr-campaign h1 {font-size:30px;letter-spacing:-1px}
 .st-skin-pasar-raya .pr-campaign p {font-size:12px;margin-bottom:18px}
 .st-skin-pasar-raya .pr-campaign__image {width:36%}
 .st-skin-pasar-raya .pr-eyebrow {font-size:9px;letter-spacing:1px}
 .st-skin-pasar-raya .pr-promos {display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
 .st-skin-pasar-raya .pr-promo {min-width:260px;scroll-snap-align:start}
 .st-skin-pasar-raya .st-cats {padding:14px 8px;margin:14px 0}
 .st-skin-pasar-raya .st-cats__inner {justify-content:flex-start}
 .st-skin-pasar-raya .st-section {padding:14px 12px;margin:14px 0}
 .st-skin-pasar-raya .st-section__title {font-size:19px}
 .st-skin-pasar-raya .st-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
}
@media(max-width:519px) {
 .st-skin-pasar-raya .st-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .st-skin-pasar-raya .pr-campaign__copy {padding:22px 16px}
 .st-skin-pasar-raya .pr-campaign h1 {font-size:26px}
 .st-skin-pasar-raya .pr-campaign .st-btn {font-size:11px;padding:10px 12px}
 .st-skin-pasar-raya .st-section__more {font-size:11px}
 .st-skin-pasar-raya .st-price {font-size:14px}
 .st-skin-pasar-raya .st-card__foot {gap:4px}
}
/* Match the theme's eight-product pagination without leaving an incomplete row. */
@media(min-width:1101px) {.st-skin-pasar-raya .st-grid {grid-template-columns:repeat(4,minmax(0,1fr))}}
.st-skin-pasar-raya .st-cat {flex:0 0 90px;min-width:0}
.st-skin-pasar-raya .st-countdown {align-content:start}