.pub{background:var(--canvas);min-height:100vh;color:var(--ink-900);flex-direction:column;display:flex}.pub-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}.pub-head{z-index:10;background:var(--paper);border-bottom:1px solid var(--ink-200);position:sticky;top:0}.pub-head-in{align-items:center;gap:12px;height:60px;display:flex}.pub-logo{color:var(--ink-900);flex-shrink:0;align-items:center;gap:8px;font-size:17px;font-weight:750;text-decoration:none;display:flex}.pub-logo img{border-radius:7px}.pub-cari{flex:1;gap:6px;min-width:0;display:flex}.pub-cari input{border:1px solid var(--ink-200);background:var(--paper);min-width:0;height:36px;color:inherit;border-radius:8px;flex:1;padding:0 12px;font-size:16px}.pub-main{flex:1;padding-top:20px;padding-bottom:40px}.pub-main-polos{flex:1}.pub-foot{border-top:1px solid var(--ink-200);background:var(--paper);color:var(--ink-600);padding:36px 0 0;font-size:13.5px}.pub-foot-grid{grid-template-columns:1.6fr 1fr 1.1fr 1.5fr;gap:32px;padding-bottom:28px;display:grid}.pub-foot .pub-logo span{display:inline}.pub-foot-merek p{max-width:340px;margin:12px 0 0;line-height:1.65}.pub-foot nav,.pub-foot-kontak{flex-direction:column;gap:9px;min-width:0;display:flex}.pub-foot strong{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-900);margin-bottom:4px;font-size:12px;font-weight:700}.pub-foot nav a{color:var(--ink-600);text-decoration:none}.pub-foot nav a:hover,.pub-foot-kontak a:hover{color:var(--brand-700)}.pub-foot-kontak a,.pub-foot-kontak span{color:var(--ink-600);overflow-wrap:anywhere;align-items:flex-start;gap:8px;line-height:1.5;text-decoration:none;display:flex}.pub-foot-kontak svg{color:var(--ink-400);flex-shrink:0;margin-top:2px}.pub-foot-bawah{border-top:1px solid var(--ink-150);color:var(--ink-500);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:16px 0 22px;font-size:12.5px;display:flex}.pub h1{margin:0 0 6px;font-size:22px;font-weight:750;line-height:1.25}.pub h2{margin:28px 0 12px;font-size:17px;font-weight:700}.pub-remah{color:var(--ink-500);flex-wrap:wrap;gap:6px;margin-bottom:12px;font-size:12.5px;display:flex}.pub-remah a{color:var(--brand-700);text-decoration:none}.pub-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.pub-kartu{color:inherit;flex-direction:column;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.pub-kartu:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.pub-foto{aspect-ratio:1;min-height:0;color:var(--ink-300);background:#fff;place-items:center;font-size:11px;display:grid;position:relative;overflow:hidden}.pub-foto img{object-fit:contain;width:100%;height:100%;padding:8px}.pub-foto .pill{font-size:10.5px;font-weight:650;position:absolute;top:8px;left:8px}.pub-isi{flex-direction:column;flex:1;gap:3px;padding:10px 12px 12px;display:flex}.pub-nama{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.pub-pn{color:var(--ink-500);font-size:11px}.pub-harga{color:var(--brand-700);margin-top:2px;font-size:15.5px;font-weight:750}.pub-meta{color:var(--ink-500);font-size:11px}.pub-detail{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.pub-detail-foto{aspect-ratio:1;border:1px solid var(--ink-200);color:var(--ink-300);background:#fff;border-radius:12px;place-items:center;display:grid;overflow:hidden}.pub-detail-foto img{object-fit:contain;width:100%;height:100%;padding:16px}.pub-detail-harga{color:var(--brand-700);margin:14px 0 2px;font-size:28px;font-weight:800}.pub-detail-aksi{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.pub-spek{border-collapse:collapse;margin-top:20px;font-size:13.5px}.pub-spek th{text-align:left;color:var(--ink-500);vertical-align:top;padding:6px 18px 6px 0;font-weight:550}.pub-spek td{padding:6px 0}@media (max-width:900px){.pub-foot-grid{grid-template-columns:1fr 1fr;gap:24px}.pub-foot-merek{grid-column:1/-1}}@media (max-width:560px){.pub-foot-kontak{grid-column:1/-1}}@media (max-width:720px){.pub-detail{grid-template-columns:1fr;gap:16px}.pub-masuk,.pub-logo span{display:none}.pub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pub-detail-harga{font-size:24px}}