.sbc-list{--sbc-card:#fff;--sbc-line:#fbd3e3;--sbc-accent:#ec4899;--sbc-accent2:#f43f5e;--sbc-deep:#be185d;--sbc-soft:#ffe4ef;--sbc-mist:#fff1f7;--sbc-ink:#3f2433;--sbc-muted:#8a6577;--sbc-good:#15803d;--sbc-good-bg:#dcfce7;--sbc-on-accent:#fff;--sbc-radius:24px;--sbc-shadow:0 14px 34px -20px #ec4899b3;grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.sbc-card{border-radius:var(--sbc-radius);border:1px solid var(--sbc-line);background:var(--sbc-card);min-width:0;color:var(--sbc-ink);box-shadow:var(--sbc-shadow);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;gap:10px;padding:12px;transition:transform .25s cubic-bezier(.2,.9,.3,1.3),box-shadow .25s;display:flex;position:relative}@media (hover:hover){.sbc-card:hover{transform:translateY(-3px)}}.sbc-hero{border:2px solid var(--sbc-accent);box-shadow:0 0 0 4px var(--sbc-soft),var(--sbc-shadow)}.sbc-top{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:12px;display:grid}.sbc-img{background:var(--sbc-mist);min-height:80px;box-shadow:inset 0 0 0 1px var(--sbc-line);border-radius:14px;position:relative;overflow:hidden}.sbc-img img{width:100%;height:auto;display:block}.sbc-head{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.sbc-tags{flex-wrap:wrap;gap:6px;display:flex}.sbc-ribbon,.sbc-toppick{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:800;line-height:1.4;display:inline-block}.sbc-ribbon{background:linear-gradient(135deg,var(--sbc-accent),var(--sbc-accent2));color:var(--sbc-on-accent)}.sbc-toppick{color:#7c4a03;background:linear-gradient(135deg,#fff3b0,#ffd36b)}.sbc-name{color:var(--sbc-ink);overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:800;line-height:1.25}.sbc-pr{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.sbc-price{color:var(--sbc-deep);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:24px;font-weight:900;line-height:1.1}.sbc-was{color:var(--sbc-muted);white-space:nowrap;font-size:13px;font-weight:800;text-decoration-thickness:2px}.sbc-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sbc-chips{flex-wrap:wrap;gap:6px;display:flex}.sbc-save,.sbc-age{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800;line-height:1.4;display:inline-block}.sbc-save{color:var(--sbc-good);background:var(--sbc-good-bg)}.sbc-age{color:var(--sbc-deep);background:var(--sbc-soft)}.sbc-inc{gap:5px;margin:0;padding:0;font-size:13.5px;font-weight:600;line-height:1.45;list-style:none;display:grid}.sbc-inc li{grid-template-columns:18px minmax(0,1fr);gap:4px;display:grid}.sbc-inc li:before{content:"✓";color:var(--sbc-accent);font-weight:900}.sbc-desc{color:var(--sbc-ink);-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.sbc-note{color:var(--sbc-muted);margin:0;font-size:12px;font-weight:800}.sbc-why{background:var(--sbc-mist);color:var(--sbc-ink);border-radius:14px;margin:0;padding:9px 11px;font-size:13px;font-weight:600;line-height:1.5}.sbc-why b{color:var(--sbc-deep);font-weight:900}.sbc-actions{margin-top:auto}.sbc-actions>div{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:8px;display:grid}.sbc-actions>div>:only-child,.sbc-actions .stl-try,.sbc-actions .sbc-try{grid-column:1/-1}.sbc-actions .stl-order,.sbc-actions .stl-ask,.sbc-actions .stl-try{margin-top:0}.sbc-actions .stl-ask{padding:6px 16px}.sbc-buy,.sbc-ask{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:46px;padding:10px 16px;font-size:14px;font-weight:900;line-height:1.15;transition:transform .15s;display:flex}.sbc-buy:active,.sbc-ask:active{transform:scale(.96)}.sbc-buy{color:#fff;background:linear-gradient(90deg,#ec4899,#f43f5e);border:0;box-shadow:0 4px #be185d,0 12px 20px -12px #db2777b3}.sbc-buy:disabled{cursor:not-allowed;box-shadow:none;background:linear-gradient(90deg,#a78bfa,#8b5cf6)}.sbc-ask{color:#059669;background:#fff;border:2px solid #a7f3d0}@media (min-width:768px){.sbc-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sbc-hero,.sbc-wide{grid-column:1/-1}.sbc-top{grid-template-columns:112px minmax(0,1fr)}.sbc-hero .sbc-top{grid-template-columns:150px minmax(0,1fr);gap:18px}.sbc-hero .sbc-name{font-size:20px}.sbc-hero .sbc-price{font-size:30px}.sbc-hero .sbc-inc,.sbc-wide .sbc-inc{grid-template-columns:1fr 1fr;column-gap:18px}.sbc-hero .sbc-actions,.sbc-wide .sbc-actions{width:100%;max-width:560px}.sbc-hero .sbc-actions>div,.sbc-wide .sbc-actions>div{grid-template-columns:repeat(2,minmax(0,1fr))}}.stl-senja .sbc-list{--sbc-card:linear-gradient(150deg,#ffffffeb,#ffffffa8);--sbc-line:#fffffff2;--sbc-accent:#ff8a5b;--sbc-accent2:#c86dd7;--sbc-deep:#d0562a;--sbc-soft:#ffe3cc;--sbc-mist:#ffecded9;--sbc-ink:#5e3150;--sbc-muted:#9a6b7e;--sbc-radius:28px;--sbc-shadow:inset 0 1px 0 #fff,0 22px 40px -28px #c86e966b}.stl-senja .sbc-img{background:linear-gradient(160deg,#fff,#ffe9dc)}.stl-taman .sbc-list{--sbc-card:linear-gradient(150deg,#fffffff0,#ffffffb3);--sbc-line:#fffffff2;--sbc-accent:#d45d8c;--sbc-accent2:#f0a8c4;--sbc-deep:#b03a6c;--sbc-soft:#ffe6f0;--sbc-mist:#ffecf4e6;--sbc-ink:#7d3452;--sbc-muted:#a86b82;--sbc-radius:26px;--sbc-shadow:inset 0 1px 0 #fff,0 22px 36px -24px #d45d8c57}.stl-taman .sbc-img{background:radial-gradient(circle at 32% 26%,#fff,#ffe9f2 70%);border-radius:20px}.stl-malam .sbc-list{--sbc-card:radial-gradient(160px 100px at 20% 0%,#ffd6782e,#ffd67800 70%),linear-gradient(165deg,#2a2148 0%,#141228 75%);--sbc-line:#ffdc9657;--sbc-accent:#f2c94c;--sbc-accent2:#ff9fbd;--sbc-deep:#f2c94c;--sbc-soft:#ffe9a829;--sbc-mist:#ffffff12;--sbc-ink:#fff6de;--sbc-muted:#c9bddf;--sbc-good:#8de8bd;--sbc-good-bg:#7ee0b029;--sbc-on-accent:#2a1530;--sbc-radius:26px;--sbc-shadow:0 16px 26px -18px #000000d9}.stl-malam .sbc-img{background:linear-gradient(160deg,#ffffff29,#ffffff0d)}.stl-malam .sbc-age{color:#ffe9a8}.stl-malam .sbc-hero{box-shadow:0 0 0 4px #f2c94c29,0 0 40px -10px #ffd67873}.stl-gula .sbc-list{--sbc-card:#fff;--sbc-line:#ffd0dc;--sbc-accent:#ff4d7a;--sbc-accent2:#ff9a6b;--sbc-deep:#d6245a;--sbc-soft:#ffe4ec;--sbc-mist:#fff6d8;--sbc-ink:#4a2030;--sbc-muted:#b86a82;--sbc-radius:14px;--sbc-shadow:0 16px 26px -18px #dc466e61;gap:22px}.stl-gula .sbc-card{margin-top:6px}.stl-gula .sbc-card:before{content:"";background:linear-gradient(90deg,#ffe7a3eb,#ffd678eb);border-radius:3px;width:62px;height:18px;margin-left:-31px;position:absolute;top:-9px;left:50%;transform:rotate(-3deg)}.stl-gula .sbc-img{background:linear-gradient(160deg,#fff7fa,#ffe4ec);border-radius:6px}.stl-gula .sbc-price{border:2px dashed var(--sbc-accent);background:#fff0f4d9;border-radius:999px;padding:2px 10px;display:inline-block;transform:rotate(-2deg)}.stl-gula .sbc-why{border:1px dashed #f5c86a}.stl-gula .sbc-hero{border-style:dashed}.sj-shelf .sbc-list{padding:6px 18px 12px}.ml-shelf .sbc-list{padding:8px 16px 10px}.gl-shelf .sbc-list{padding:10px 4px 6px}@media (min-width:800px){.sj-shelf .sbc-list,.sj-shelf .sj-row{max-width:980px;margin:0 auto}}.stl-desc{color:var(--sub);text-align:left;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:6px 4px 0;font-size:12px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.stl-more{color:var(--a);text-align:left;margin:3px 4px 0;font-size:11px;font-weight:800;display:block}.ml-ticket .stl-desc{color:#d8ccec;margin:6px 2px 4px}.ml-ticket .stl-more{color:#f2c94c;margin:0 2px 4px}.gl-shot .stl-more{margin:3px 0 0}.gl-shot .stl-desc{color:#7a4a5c;margin:8px 0 0}@media (prefers-reduced-motion:reduce){.sbc-card,.sbc-buy,.sbc-ask{transition:none}}.sbc-actions .sbc-try a{color:#a3195b;background:#fce7f3;box-shadow:inset 0 0 0 1.5px #f9cfe2}.sbc-ribbon{background:var(--sbc-deep)}.stl-malam .sbc-ribbon{background:linear-gradient(135deg,var(--sbc-accent),var(--sbc-accent2))}.sbc-why b{white-space:nowrap}
.gy-pop{background:#fff0f6}.gy-pop .shop-hero{background:linear-gradient(160deg,#f2307f,#a80d54);border-color:#0000}.gy-pop .shop-namepill{box-shadow:none;background:#fff}.gy-pop .shop-namepill p{background:linear-gradient(90deg,#d4146a,#f2307f);color:#0000;-webkit-background-clip:text;background-clip:text}.gy-pop .shop-bio{background:#ffffff24;border-color:#ffffff40}.gy-pop .shop-bio p{color:#ffe0ee}.gy-pop .shop-catalog-title{color:#fff}.gy-pop .shop-catalog-sub{color:#ffc2dc}.gy-pop .shop-avatar-ring{background:#fff}.gy-pop .shop-showing{color:#b86a8d}.gy-pop .shop-showing span{color:#d4146a}.gy-pop .sl-shelf{--sl-ink:#3d1f2e;--sl-sub:#8d5f74;--sl-acc:#d4146a;--sl-chip:#ffe0ee;--sl-bg:#fff;--sl-press:#fff0f6}.gy-pop .is-open .sl-title{letter-spacing:.12em;text-transform:uppercase;color:#f2307f;font-size:11px;font-weight:800}.gy-pop .is-open .sl-tag{color:#7a0b3e;margin-top:1px;font-size:22px}.gy-pop .sl-chev{color:#fff;background:#f2307f}.gy-pop .sl-shelf.is-closed,.gy-pop .sl-shelf.is-closed.is-first,.gy-pop .sl-shelf.is-closed.is-last,.gy-pop .sl-shelf.is-closed.is-first.is-last{background:#fff;border:0;border-radius:18px;box-shadow:0 12px 24px -18px #a80d54}.gy-pop .sl-shelves>.sl-shelf.is-closed:not(.is-first),.gy-pop.gy-pop .sl-shelf.is-closed:not(.is-first){margin-top:10px}.gy-pop .is-closed>.sl-head{grid-template-columns:auto minmax(0,1fr) auto auto;min-height:70px}.gy-pop .sl-shelf.is-closed>.sl-head:before{content:"•";color:#fff;background:linear-gradient(145deg,#ff94c2,#f2307f);border-radius:14px;grid-area:1/1/span 2;place-items:center;width:46px;height:46px;font-size:17px;font-weight:800;display:grid;position:static}.gy-pop .is-closed .sl-title{grid-column:2}.gy-pop .is-closed .sl-tag{color:#d4146a;grid-column:2}.gy-pop .is-closed .sl-count{grid-column:3}.gy-pop .is-closed .sl-chev{grid-column:4}.gy-pop .sl-shelf[data-shelf=interactive-game].is-closed>.sl-head:before{content:"G"}.gy-pop .sl-shelf[data-shelf=bundle-jimat].is-closed>.sl-head:before{content:"M"}.gy-pop .sl-shelf[data-shelf=story].is-closed>.sl-head:before{content:"B"}.gy-pop .sl-shelf[data-shelf=worksheet-bm].is-closed>.sl-head:before{content:"BM";font-size:14px}.gy-pop .sl-shelf[data-shelf=worksheet-en].is-closed>.sl-head:before{content:"EN";font-size:14px}.gy-pop .sl-shelf[data-shelf=pinned].is-closed>.sl-head:before{content:"♥"}.gy-pop .sl-shelf[data-shelf=sekolah-rendah].is-closed>.sl-head:before{content:"S"}.gy-pop .sl-shelf[data-shelf=bundle].is-closed>.sl-head:before{content:"B"}.gy-pop .sbc-list{--sbc-accent:#f2307f;--sbc-accent2:#d4146a;--sbc-deep:#d4146a;--sbc-soft:#ffe0ee;--sbc-mist:#fff0f6;--sbc-ink:#3d1f2e;--sbc-muted:#8d5f74;--sbc-line:#ffc2dc;--sbc-good:#a80d54;--sbc-good-bg:#ffe0ee;--sbc-shadow:0 14px 30px -20px #a80d5480}.gy-pop .sbc-card{overflow:visible}.gy-pop .sbc-head .sbc-name{padding-right:48px}.gy-pop .sbc-hero .sbc-head .sbc-name{padding-right:0}.gy-pop .sbc-save{z-index:2;color:#fff;background:#7a0b3e;border-radius:12px;padding:7px 11px;font-size:12.5px;position:absolute;top:-12px;right:-6px;transform:rotate(6deg);box-shadow:0 5px #4a0626}.gy-pop .sbc-hero{box-shadow:0 0 0 4px #ffe0ee,var(--sbc-shadow);border:2px solid #f2307f}.gy-pop .sbc-ribbon{color:#d4146a;background:#ffe0ee}.gy-pop .sbc-price{color:#d4146a}.gy-pop .sbc-inc li:before{color:#fff;background:#f2307f;border-radius:50%;place-items:center;width:18px;height:18px;margin-top:1px;font-size:11px;display:grid}.gy-pop .sbc-why{background:#fff0f6;border-left:4px solid #f2307f;border-radius:4px 12px 12px 4px}.gy-pop .sbc-buy,.gy-pop .shop-buy.sbc-buy{background:#f2307f;box-shadow:0 5px #a80d54}.gy-pop .sbc-ask{color:#d4146a;border-color:#ffc2dc}.gy-pop .sbc-actions .sbc-try a{color:#a80d54;box-shadow:none;background:#ffe0ee}@media (min-width:768px){.gy-pop .is-open .sl-title{font-size:13px}.gy-pop .is-open .sl-tag{font-size:26px}}
