/* OJM Toko - ikon berwarna dan gaya marketplace (bawaan / shopee / tokopedia / amazon) */
.hbtn .ojmt-svg,.hsearch button .ojmt-svg{flex:none}
.hsearch button{display:inline-flex;align-items:center;gap:6px}
.hbtn{position:relative}.hbtn .ojmt-count{position:absolute;top:-6px;right:-6px}
.usp div{display:flex;align-items:center;gap:12px}.usp .ojmt-ic{width:42px;height:42px;border-radius:12px}.usp span{display:block;line-height:1.35}
.cat{display:flex;flex-direction:column;align-items:center;gap:6px}.cat .ojmt-ic{width:54px;height:54px;border-radius:16px;margin-bottom:4px}.cat b{font-weight:700}
.slider{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 10px;-webkit-overflow-scrolling:touch}.slider .ojmt-card-p{min-width:176px;max-width:176px;scroll-snap-align:start}
.flash{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}.flash-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.flash-h h2{margin:0;font-size:22px;display:flex;align-items:center;gap:8px}.flash-h h2 .ojmt-svg{color:var(--c-acc)}.flash-h>a{margin-left:auto;font-weight:600}
.cd{font-size:13px;color:var(--mut)}.cd b{display:inline-block;background:#111;color:#fff;border-radius:6px;padding:2px 8px;margin-left:4px;font-variant-numeric:tabular-nums}.vc{font-size:13px;border:1px dashed var(--c);color:var(--c);border-radius:99px;padding:2px 12px}
.arch{display:block}.arch-side{display:none}
.sp-top{display:grid;grid-template-columns:2fr 1fr;gap:6px}.sp-main{background:linear-gradient(120deg,#ee4d2d,#ff7337 70%,#ffb23f);color:#fff;padding:56px 44px;min-height:260px;display:flex;align-items:center;border-radius:3px}.sp-main h1{font-size:clamp(26px,4vw,42px)}.sp-main p{font-size:17px;opacity:.95;max-width:480px}.sp-main .ojmt-btn{background:#ffbf00;border-color:#ffbf00;color:#222}
.sp-side{display:grid;gap:6px}.sp-side a{position:relative;display:block;overflow:hidden;border-radius:3px;min-height:127px}.sp-side img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.sp-side span{position:absolute;left:0;right:0;bottom:0;padding:18px 12px 8px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65));font-weight:600;font-size:14px}
@media(max-width:900px){.sp-top{grid-template-columns:1fr}.sp-side{display:none}.sp-main{padding:34px 24px;min-height:0}}
.az-boxes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;position:relative}
.az-box{background:var(--card);padding:18px;display:flex;flex-direction:column;gap:10px;border-radius:4px}.az-box h2{font-size:19px;margin:0;display:flex;align-items:center;gap:8px}.az-box .ojmt-ic{width:28px;height:28px;border-radius:8px}
.az-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.az-mini a{text-decoration:none;color:var(--txt);font-size:12px;line-height:1.3}.az-mini img{width:100%;aspect-ratio:1;object-fit:cover;display:block;margin-bottom:3px}.az-more{margin-top:auto;font-size:14px;text-decoration:none;color:#007185}.az-more:hover{text-decoration:underline;color:#c45500}
@media(max-width:980px){.az-boxes{grid-template-columns:1fr 1fr}}@media(max-width:560px){.az-boxes{grid-template-columns:1fr}}

/* ===== SHOPEE ===== */
html:not([data-theme=dark]) body.gaya-shopee{--bg:#f5f5f5}
.gaya-shopee{--r:4px}
.gaya-shopee .topbar{background:#d73211}.gaya-shopee .topbar a{color:#fff}
.gaya-shopee .site-header{background:linear-gradient(#f53d2d,#f63);border-bottom:0;color:#fff}
.gaya-shopee .brand{color:#fff}.gaya-shopee .brand small{color:rgba(255,255,255,.85)}
.gaya-shopee .hsearch{max-width:700px;background:#fff;border-radius:3px;padding:3px}.gaya-shopee .hsearch input{border:0;background:#fff;color:#222;border-radius:2px}.gaya-shopee .hsearch button{background:#fb5533;border-radius:2px;color:#fff;padding:0 22px}
.gaya-shopee .hbtn{border:0;color:#fff;background:transparent}.gaya-shopee .hbtn:hover{color:#fff;background:rgba(255,255,255,.15)}.gaya-shopee .ojmt-count{background:#fff;color:#ee4d2d}
.gaya-shopee .nav{border:0}.gaya-shopee .nav a{color:#fff;font-size:13px;font-weight:500;padding:4px 12px 10px;border:0}.gaya-shopee .nav a:hover,.gaya-shopee .nav .current-menu-item>a{color:#fff;opacity:.8}
.gaya-shopee .usp{background:#fff;border:1px solid var(--line);border-radius:3px;gap:0;margin:8px 0}.gaya-shopee .usp div{border:0;border-radius:0;background:transparent}.gaya-shopee .usp .ojmt-ic{border-radius:50%}
.gaya-shopee .sec-h{border-bottom:4px solid #ee4d2d;background:#fff;padding:14px 18px;margin-bottom:8px;border-radius:3px 3px 0 0}.gaya-shopee .sec-h h2{font-size:17px;color:#ee4d2d;text-transform:uppercase;letter-spacing:.3px}
.gaya-shopee .cats-sec{background:#fff;border-radius:3px}.gaya-shopee .cats-sec .sec-h{margin:0;border-bottom:1px solid var(--line)}.gaya-shopee .cats-sec .sec-h h2{color:#757575}
.gaya-shopee .cats{display:flex;overflow-x:auto;gap:0}.gaya-shopee .cat{border:0;border-radius:0;min-width:116px;padding:16px 8px;background:transparent}.gaya-shopee .cat .ojmt-ic{border-radius:50%;width:60px;height:60px;box-shadow:none}.gaya-shopee .cat b{font-size:13px;font-weight:500}.gaya-shopee .cat span{display:none}
.gaya-shopee .flash{border:0;border-radius:3px}.gaya-shopee .flash-h h2{color:#ee4d2d;font-style:italic;font-weight:900}.gaya-shopee .flash-h h2 .ojmt-svg{color:#ee4d2d;fill:#ee4d2d}.gaya-shopee .flash-h>a{color:#ee4d2d}
.gaya-shopee .ojmt-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}@media(max-width:1100px){.gaya-shopee .ojmt-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.gaya-shopee .ojmt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.gaya-shopee .ojmt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gaya-shopee .ojmt-card-p{border:0;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.1)}.gaya-shopee .ojmt-card-p:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #ee4d2d,0 4px 10px rgba(0,0,0,.1)}
.gaya-shopee .ojmt-info{padding:8px 10px 10px;gap:6px}.gaya-shopee .ojmt-info h3{font-size:13px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}
.gaya-shopee .ojmt-price b{color:#ee4d2d;font-size:16px;font-weight:500}.gaya-shopee .ojmt-tag-d{left:auto;right:0;top:0;border-radius:0 0 0 4px;background:#feeeea;color:#ee4d2d;padding:4px 6px}
.gaya-shopee .ojmt-tag{border-radius:0 0 4px 0;left:0;top:0}
.gaya-shopee .ojmt-btn{border-radius:2px;padding:7px 10px;font-size:12px}.gaya-shopee .ojmt-price-lg{background:#fafafa;padding:12px 16px}.gaya-shopee .ojmt-price-lg b{font-size:30px;font-weight:500}
.gaya-shopee .slider .ojmt-card-p{min-width:150px;max-width:150px}
.gaya-shopee .site-footer{background:#fff;color:#555;border-top:4px solid #ee4d2d}.gaya-shopee .site-footer h4{color:#222}.gaya-shopee .site-footer a{color:#ee4d2d}.gaya-shopee .copy{border-color:var(--line)}
.gaya-shopee .pill.on,.gaya-shopee .pill:hover{background:#ee4d2d;border-color:#ee4d2d}.gaya-shopee .hero{border-radius:3px}

/* ===== TOKOPEDIA ===== */
html:not([data-theme=dark]) body.gaya-tokopedia{--bg:#f0f3f7}
.gaya-tokopedia{--r:10px}
.gaya-tokopedia .topbar{background:#f3f4f6;color:#6d7588}.gaya-tokopedia .topbar a{color:#03ac0e;font-weight:600}
.gaya-tokopedia .site-header{box-shadow:0 1px 6px rgba(0,0,0,.12);border-bottom:0}
.gaya-tokopedia .brand{color:#03ac0e}.gaya-tokopedia .hsearch{max-width:640px}.gaya-tokopedia .hsearch input{border-radius:8px 0 0 8px;border-color:#bfc9d9}.gaya-tokopedia .hsearch input:focus{outline:0;border-color:#03ac0e}.gaya-tokopedia .hsearch button{background:#03ac0e;border-radius:0 8px 8px 0}
.gaya-tokopedia .hbtn{border:0}.gaya-tokopedia .hbtn:hover{color:#03ac0e}.gaya-tokopedia .ojmt-count{background:#ef144a;color:#fff}
.gaya-tokopedia .nav{border-top:1px solid #e5e7eb}.gaya-tokopedia .nav a{font-weight:500;color:#6d7588;font-size:14px}.gaya-tokopedia .nav a:hover,.gaya-tokopedia .nav .current-menu-item>a{color:#03ac0e;border-color:#03ac0e}
.gaya-tokopedia .hero{background:linear-gradient(110deg,#02820a,#03ac0e 55%,#6fd96f);border-radius:16px;padding:40px 40px}.gaya-tokopedia .hero .ojmt-btn{background:#fff;color:#03ac0e;border-color:#fff}
.gaya-tokopedia .usp div{border:0;box-shadow:0 1px 6px rgba(0,0,0,.08)}.gaya-tokopedia .usp .ojmt-ic{border-radius:50%}
.gaya-tokopedia .sec-h h2{font-size:21px}
.gaya-tokopedia .cats-sec{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 6px rgba(0,0,0,.08)}
.gaya-tokopedia .cats{display:flex;overflow-x:auto;gap:8px}.gaya-tokopedia .cat{border:1px solid #e5e7eb;min-width:128px;padding:14px 8px}.gaya-tokopedia .cat .ojmt-ic{border-radius:50%;width:52px;height:52px}.gaya-tokopedia .cat span{display:none}.gaya-tokopedia .cat:hover{border-color:#03ac0e;color:#03ac0e}
.gaya-tokopedia .flash{background:linear-gradient(120deg,#02820a,#03ac0e);border:0;color:#fff;border-radius:16px}.gaya-tokopedia .flash-h h2{color:#fff}.gaya-tokopedia .flash-h h2 .ojmt-svg{color:#ffe14d;fill:#ffe14d}.gaya-tokopedia .flash-h>a{color:#fff}.gaya-tokopedia .cd{color:#d7f5d7}.gaya-tokopedia .vc{border-color:#fff;color:#fff}.gaya-tokopedia .flash .ojmt-card-p{color:var(--txt)}
.gaya-tokopedia .ojmt-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}@media(max-width:1000px){.gaya-tokopedia .ojmt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.gaya-tokopedia .ojmt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.gaya-tokopedia .ojmt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gaya-tokopedia .ojmt-card-p{border:0;border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.1)}.gaya-tokopedia .ojmt-card-p:hover{box-shadow:0 4px 14px rgba(0,0,0,.16);transform:none}
.gaya-tokopedia .ojmt-info{padding:10px 12px 12px;gap:6px}.gaya-tokopedia .ojmt-info h3{font-size:14px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gaya-tokopedia .ojmt-price b{color:var(--txt);font-size:16px}.gaya-tokopedia .ojmt-tag-d{background:#ffe4ea;color:#ef144a;border-radius:4px;top:8px;left:8px}
.gaya-tokopedia .ojmt-btn{background:#fff;color:#03ac0e;border-color:#03ac0e;border-radius:8px;padding:7px 12px;font-size:13px}.gaya-tokopedia .ojmt-btn:hover{background:#03ac0e;color:#fff;border-color:#03ac0e}
.gaya-tokopedia .entry .ojmt-btn,.gaya-tokopedia .ojmt-btn-lg,.gaya-tokopedia .ojmt-buy .ojmt-btn:not(.ojmt-btn-line){background:#03ac0e;color:#fff;border-color:#03ac0e}.gaya-tokopedia .hero .ojmt-btn{background:#fff;color:#03ac0e;border-color:#fff}
.gaya-tokopedia .slider .ojmt-card-p{min-width:168px;max-width:168px}
.gaya-tokopedia .site-footer{background:#fff;color:#6d7588;border-top:1px solid #e5e7eb}.gaya-tokopedia .site-footer h4{color:#212121}.gaya-tokopedia .site-footer a{color:#03ac0e}.gaya-tokopedia .copy{border-color:#e5e7eb}
.gaya-tokopedia .pill.on,.gaya-tokopedia .pill:hover{background:#03ac0e;border-color:#03ac0e}

/* ===== AMAZON ===== */
html:not([data-theme=dark]) body.gaya-amazon{--bg:#eaeded}
.gaya-amazon{--r:4px}
.gaya-amazon .topbar{background:#131921;color:#ccc;border-bottom:1px solid #2b3846}.gaya-amazon .topbar a{color:#febd69}
.gaya-amazon .site-header{background:#131921;border:0;color:#fff}
.gaya-amazon .brand{color:#fff}.gaya-amazon .brand small{color:#ccc}
.gaya-amazon .hsearch{max-width:none}.gaya-amazon .hsearch input{background:#fff;color:#111;border:0;border-radius:4px 0 0 4px}.gaya-amazon .hsearch button{background:#febd69;color:#111;border-radius:0 4px 4px 0;padding:0 16px}.gaya-amazon .hsearch button .t{display:none}.gaya-amazon .hsearch button:hover{background:#f3a847}
.gaya-amazon .hbtn{border:1px solid transparent;color:#fff;background:transparent;border-radius:2px}.gaya-amazon .hbtn:hover{border-color:#fff;color:#fff}.gaya-amazon .ojmt-count{background:#febd69;color:#111}
.gaya-amazon .nav{background:#232f3e;border:0}.gaya-amazon .nav a{color:#fff;font-size:14px;font-weight:500;padding:8px 12px;border:1px solid transparent;border-radius:2px;margin:3px 0}.gaya-amazon .nav a:hover,.gaya-amazon .nav .current-menu-item>a{color:#fff;border-color:#fff}
.gaya-amazon .hero{border-radius:0;background:linear-gradient(#232f3e,#37475a 60%,var(--bg));padding:54px 40px 170px;margin:-26px calc(50% - 50vw) 0;grid-template-columns:1fr}.gaya-amazon .hero>div{max-width:var(--w);margin:0 auto;width:100%}.gaya-amazon .hero-pics{display:none}.gaya-amazon .hero .ojmt-btn{background:#ffd814;border-color:#fcd200;color:#0f1111;border-radius:99px}.gaya-amazon .hero .ojmt-btn-line{background:#fff;color:#0f1111;border-color:#fff}
.gaya-amazon .az-boxes{margin-top:-130px}
.gaya-amazon .usp div{border:0;border-radius:4px}.gaya-amazon .usp .ojmt-ic{border-radius:8px}
.gaya-amazon .sec-h h2{font-size:21px}
.gaya-amazon .cats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gaya-amazon .cat{border:0;border-radius:4px}
.gaya-amazon .flash{background:#fff;border:0;border-radius:4px}.gaya-amazon .flash-h h2{font-size:21px}.gaya-amazon .flash-h h2 .ojmt-svg{display:none}.gaya-amazon .flash-h>a{color:#007185}
.gaya-amazon .ojmt-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}@media(max-width:1100px){.gaya-amazon .ojmt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.gaya-amazon .ojmt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.gaya-amazon .ojmt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gaya-amazon .ojmt-card-p{border:0;border-radius:4px;background:#fff;box-shadow:none}.gaya-amazon .ojmt-card-p:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.gaya-amazon .ojmt-thumb{background:#f7f7f7;padding:12px}.gaya-amazon .ojmt-thumb img{object-fit:contain}
.gaya-amazon .ojmt-info h3{font-size:14px;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gaya-amazon .ojmt-info h3 a:hover{color:#c45500}
.gaya-amazon .ojmt-price b{color:#0f1111;font-size:20px;font-weight:500}.gaya-amazon .ojmt-tag-d{background:#cc0c39;border-radius:2px;top:8px;left:8px}.gaya-amazon .ojmt-tag{border-radius:2px;background:#232f3e}
.gaya-amazon .ojmt-btn{background:#ffd814;border-color:#fcd200;color:#0f1111;border-radius:99px;font-weight:500;padding:8px 14px}.gaya-amazon .ojmt-btn:hover{background:#f7ca00;border-color:#f2c200;color:#0f1111}.gaya-amazon .ojmt-btn-line{background:#fff;border-color:#d5d9d9}.gaya-amazon .ojmt-btn-line:hover{background:#f7fafa;border-color:#d5d9d9;color:#0f1111}
.gaya-amazon .slider .ojmt-card-p{min-width:188px;max-width:188px;border:1px solid #eee}
.gaya-amazon .site-footer{background:#232f3e;color:#ddd;border-top:0}.gaya-amazon .site-footer a{color:#fff}
.gaya-amazon .pill-row{display:none}
.gaya-amazon .arch{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}
.gaya-amazon .arch-side{display:block;background:#fff;padding:16px;border-radius:4px;position:sticky;top:130px}.gaya-amazon .arch-side h3{font-size:16px;margin:0 0 8px}.gaya-amazon .arch-side ul{list-style:none;margin:0 0 18px;padding:0}.gaya-amazon .arch-side li{margin:4px 0}.gaya-amazon .arch-side a{display:flex;align-items:center;gap:8px;color:#0f1111;text-decoration:none;font-size:14px;padding:3px 0}.gaya-amazon .arch-side a:hover{color:#c45500}.gaya-amazon .arch-side a.on{font-weight:700}.gaya-amazon .arch-side .ojmt-ic{width:22px;height:22px;border-radius:6px;box-shadow:none}
.gaya-amazon .sortbar{background:#fff;padding:10px 14px;border-radius:4px}
@media(max-width:820px){.gaya-amazon .arch{grid-template-columns:1fr}.gaya-amazon .arch-side{position:static}.gaya-amazon .hero{padding:34px 22px 150px}}
@media(max-width:700px){.gaya-shopee .nav a{padding:10px 14px}.gaya-amazon .nav a{padding:10px 14px}.slider .ojmt-card-p{min-width:150px;max-width:150px}}
.ojmt-price del{display:inline-block;white-space:nowrap}
@media(max-width:700px){.gaya-shopee .hsearch{flex:1 1 100%;min-width:0;width:100%;max-width:100%}.gaya-shopee .hsearch input{min-width:0;width:100%}.gaya-shopee .hsearch button{padding:0 14px}}
.gaya-shopee .site-footer,.gaya-tokopedia .site-footer{background:var(--card);color:var(--mut)}.gaya-shopee .site-footer h4,.gaya-tokopedia .site-footer h4{color:var(--txt)}