/* BEAUNITY · Navigasi baru + Universal Search (dipasang atas mockup) */
.subnav{display:none!important}
nav.main.nsx{display:flex!important;gap:2px;align-items:center;position:relative;margin-left:10px;min-width:0}
.hdr .brandlock,.hdr .bl-txt,.hdr .logo,.hdr .butile{flex:none}
.nsx .nsx-item{position:relative}
.nsx .nsx-top{border:0;background:transparent;color:var(--fg);font:600 14px var(--display);padding:9px 10px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.nsx .nsx-top:hover,.nsx .nsx-top[aria-expanded="true"]{background:var(--chip)}
.nsx .nsx-top[aria-current="page"]{background:var(--plum);color:var(--on-plum)}
.nsx .nsx-top .car{display:none}
.nsx-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:260px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 18px 40px rgba(30,26,29,.14);display:none;z-index:40}
.nsx-item.open .nsx-panel{display:block}
.nsx-panel a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--fg)}
.nsx-panel a:hover{background:var(--chip)}
.nsx-panel a b{font-size:14.5px;font-weight:700}
.nsx-panel a span{font-size:12.5px;color:var(--muted)}
.nsx-panel a .soon{font:600 10px var(--mono);color:var(--accent-ink);letter-spacing:.06em}
.nsx-brandlink{font:600 13px var(--display);color:var(--accent-ink);text-decoration:none;white-space:nowrap;padding:8px 6px}
.nsx-ico{width:42px;height:42px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);display:inline-grid;place-items:center;cursor:pointer;flex:none}
.nsx-ico svg{width:19px;height:19px}
.nsx-burger{display:none}
@media (max-width:1320px){
  nav.main.nsx{display:none!important}
  .nsx-burger{display:inline-grid}
  .nsx-brandlink{display:none}
  .hdr .login-btn,.hdr .me-btn .lbtxt{display:none}
}
@media (max-width:640px){.hdr .lang,.hdr .lang-sw{display:none!important}.hdr .me-btn{display:none}}
/* Butang Menu berlabel */
.nsx-burger.nsx-menu{width:auto;padding:0 16px 0 13px;gap:7px;grid-auto-flow:column;font:700 14.5px var(--display);letter-spacing:-.01em}
.nsx-burger.nsx-menu svg{width:18px;height:18px}
.nsx-burger.nsx-menu:hover{border-color:var(--fg)}
@media (max-width:480px){.hdr .bu-ak:has(>[data-ak=masuk]){display:none}.nsx-burger.nsx-menu{padding:0 13px 0 11px;gap:6px;font-size:14px}}
@media (max-width:340px){.nsx-ml{display:none}.nsx-burger.nsx-menu{padding:0;width:42px}}

/* Laci menu mobile */
.nsx-drawer{position:fixed;inset:0;z-index:80;display:none}
.nsx-drawer.open{display:block}
.nsx-drawer .bg{position:absolute;inset:0;background:rgba(20,14,19,.45)}
.nsx-drawer .sheet{position:absolute;top:0;right:0;bottom:0;width:min(380px,90vw);background:var(--bg);padding:max(16px,env(safe-area-inset-top)) 16px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.nsx-drawer .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.nsx-drawer details{border-bottom:1px solid var(--line)}
.nsx-drawer summary{list-style:none;cursor:pointer;padding:15px 4px;font:800 17px var(--display);display:flex;justify-content:space-between}
.nsx-drawer summary::-webkit-details-marker{display:none}
.nsx-drawer details[open] summary .car{transform:rotate(180deg)}
.nsx-drawer details a{display:block;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--fg);font-size:15px}
.nsx-drawer details a:hover{background:var(--chip)}
.nsx-drawer .extra{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

/* Bar bawah mobile */
.nsx-bottom{display:none}
@media (max-width:760px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .nsx-bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;align-items:flex-end}
  .nsx-bottom a,.nsx-bottom button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--muted);font:600 11px var(--display);background:none;border:0;padding:4px 0;cursor:pointer}
  .nsx-bottom svg{width:22px;height:22px}
  .nsx-bottom .on{color:var(--fg)}
  .nsx-bottom .cari .bub{width:52px;height:52px;border-radius:999px;background:var(--accent);color:var(--ink);display:grid;place-items:center;margin-top:-22px;box-shadow:0 8px 20px rgba(196,102,74,.35)}
}

/* Universal Search */
.uss{position:fixed;inset:0;z-index:90;display:none;background:var(--bg);overflow-y:auto}
.uss.open{display:block}
.uss .wrap{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:40px;max-width:860px}
.uss-top{display:flex;gap:10px;align-items:center;position:sticky;top:0;background:var(--bg);padding:10px 0 12px;z-index:2}
.uss-box{flex:1;display:flex;align-items:center;gap:8px;background:var(--surface);border:1.5px solid var(--accent);border-radius:999px;padding:5px 5px 5px 18px}
.uss-box input{flex:1;min-width:0;border:0;background:transparent;font:500 16.5px var(--display);color:var(--fg);outline:none;min-height:44px}
.uss-box .go{min-height:44px;padding:0 18px}
.uss-close{border:0;background:none;color:var(--fg);font:700 15px var(--display);cursor:pointer;padding:8px}
.uss-help{color:var(--muted);font-size:14px;margin:2px 4px 14px}
.uss-sec{margin:18px 0 8px;font:600 12px var(--mono);letter-spacing:.1em;color:var(--accent-ink);text-transform:uppercase}
.uss-chips{display:flex;flex-wrap:wrap;gap:8px}
.uss-sug{display:flex;flex-direction:column}
.uss-sug button{display:flex;justify-content:space-between;gap:12px;align-items:center;text-align:left;border:0;background:none;color:var(--fg);font:600 15.5px var(--display);padding:12px 6px;border-bottom:1px solid var(--line);cursor:pointer}
.uss-sug button:hover,.uss-sug button.act{background:var(--chip)}
.uss-sug .t{font:600 11px var(--mono);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;flex:none}
.uss-filters{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 16px}
.uss-group{margin-bottom:22px}
.uss-group h3{font-size:18px;font-weight:800;margin-bottom:10px;display:flex;justify-content:space-between;align-items:baseline}
.uss-group h3 small{font:500 12px var(--mono);color:var(--muted)}
.uss-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:13px 15px;text-decoration:none;color:var(--fg);margin-bottom:8px}
.uss-card:hover{border-color:var(--accent)}
.uss-card b{font-size:15.5px;font-weight:800;overflow-wrap:anywhere}
.uss-card .m{font:500 12px var(--mono);color:var(--muted)}
.uss-card p{font-size:14px;color:var(--muted);margin-top:4px}
.uss-card .src{font:600 10.5px var(--mono);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:3px 6px;white-space:nowrap;flex:none}
.uss-more{border:1px dashed var(--line);border-radius:14px;background:none;color:var(--accent-ink);font:700 14px var(--display);padding:11px 14px;cursor:pointer;width:100%;text-align:left}
.uss-empty{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;color:var(--muted)}
.uss-note{font-size:12.5px;color:var(--muted);margin-top:18px}
.uss-load{color:var(--muted);padding:14px 4px}

.nsx-item.nsx-b .nsx-top{color:var(--accent-ink)}
.nsx-item.nsx-b .nsx-panel{left:auto;right:0}

.hdr:has(nav.nsx){gap:12px}
.hdr .login-btn{display:none!important}

/* Kotak contoh rekaan: padat di phone */
@media (max-width:760px){
  .demo{padding:16px;gap:8px;border-radius:18px}
  .demo .lbl{font-size:10.5px;letter-spacing:.06em;opacity:.8}
  .demo h2{font-size:18px}
  #hm-demo .drow{padding:8px 10px;min-height:0;gap:10px}
  #hm-demo .drow .art{display:none}
  #hm-demo .drow .t b{font-size:14px;line-height:1.2}
  #hm-demo .drow .t small{font-size:11.5px;white-space:nowrap}
  #hm-demo .tag{font-size:10.5px;padding:4px 8px;white-space:nowrap}
  .demo .more{font-size:14px}
}

/* Produk pilihan (homepage) */
.pl-list{display:flex;flex-direction:column;gap:8px}
.pl-row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:var(--fg);text-decoration:none;transition:border-color .15s,transform .15s}
.pl-row:hover{border-color:var(--accent);transform:translateY(-1px)}
.pl-art{flex:0 0 46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--plum);color:var(--on-plum);font:800 17px/1 var(--display);overflow:hidden}
.pl-art.t{background:var(--accent);color:#fff}
.pl-art img{width:100%;height:100%;object-fit:cover;background:#fff}
.pl-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pl-t small{font:600 10.5px/1 var(--mono);letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.pl-t b{font-size:14.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pl-row .tag{font-size:11px;padding:4px 8px;white-space:nowrap}
.pl-sk{height:68px;background:linear-gradient(90deg,var(--bg),var(--surface),var(--bg));background-size:200% 100%;animation:plsk 1.2s infinite}
@keyframes plsk{to{background-position:-200% 0}}
@media (max-width:760px){.pl-row{padding:8px 10px}.pl-art{flex-basis:40px;height:40px;font-size:15px}.pl-t b{font-size:14px}.pl-sk{height:58px}}

/* Tab modul Semak dulu */
.pl-tabs{display:flex;gap:6px;flex-wrap:wrap}
.pl-tabs:empty{display:none}
.pl-tabs button{min-height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--fg);font:700 13px/1 var(--display);cursor:pointer}
.pl-tabs button[aria-selected="true"]{background:var(--plum);border-color:var(--plum);color:var(--on-plum)}
.pl-art.w{background:var(--bad-bg,#F6DCD5);color:var(--bad-fg,#8A2E1D);font-size:20px}
.pl-desc{font-family:inherit!important;font-weight:400!important;font-size:12px!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pl-warn .pl-t b{font-size:14.5px}
.pl-chips{display:flex;flex-wrap:wrap;gap:8px}
.pl-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 6px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:600 14px/1 var(--display);cursor:pointer}
.pl-chip:hover{border-color:var(--accent)}
.pl-rank{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--plum);color:var(--on-plum);font:700 12px/1 var(--mono)}
.pl-note{margin:4px 2px 0;font-size:12.5px;color:var(--muted)}
@media (max-width:760px){.pl-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:4px}.pl-tabs::-webkit-scrollbar{display:none}.pl-tabs button{flex:none;min-height:34px;padding:0 12px;font-size:12.5px}}

/* Produk popular (data sebenar) + slot Ditaja */
.pop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.pop-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--fg);text-decoration:none;transition:border-color .15s,transform .15s}
.pop-card:hover{border-color:var(--accent);transform:translateY(-1px)}
.pop-card.is-ad{border-style:dashed}
.pop-rank{position:absolute;top:-7px;left:-7px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--fg);color:var(--bg);font:700 11px/1 var(--mono)}
.pop-art{flex:0 0 52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--plum);color:var(--on-plum);font:800 18px/1 var(--display);overflow:hidden}
.pop-art.t{background:var(--accent);color:#fff}
.pop-art img{width:100%;height:100%;object-fit:cover;background:#fff}
.pop-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.pop-t small{font:600 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pop-t b{font-size:14.5px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pop-card .tag{font-size:11px;padding:4px 8px;white-space:nowrap}
.ad-chip{font:600 10.5px/1 var(--mono);padding:5px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.pop-note{margin:8px 2px 0;font-size:12.5px;color:var(--muted)}

/* Banner ditaja: satu kad sahaja, sebaris dengan kandungan */
.ad-slot{margin:28px 0;display:flex;flex-direction:column;gap:6px}
.ad-banner{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:20px;border:1px dashed var(--line);background:var(--surface);color:var(--fg);text-decoration:none}
.ad-banner:hover{border-color:var(--accent)}
.ad-banner .pop-art{flex-basis:64px;height:64px}
.ad-bt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ad-bt small{font:600 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ad-bt b{font:800 17px/1.2 var(--display)}
.ad-bt span{font-size:13.5px;color:var(--muted)}
.ad-cta{font:700 14px/1 var(--display);color:var(--accent-ink);white-space:nowrap}
.ad-lbl{font:500 11px/1 var(--mono);color:var(--muted);padding-left:6px}
.ad-lbl a{color:inherit}

/* Pop-up */
.pu-ov{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(30,18,28,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}
.pu-ov.on{opacity:1}
.pu{position:relative;width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:36px 30px 26px;border-radius:28px;background:var(--surface);color:var(--fg);text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:translateY(12px) scale(.98);transition:transform .2s}
.pu-ov.on .pu{transform:none}
.pu-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--fg);font:600 16px/1 var(--display);cursor:pointer;display:grid;place-items:center}
.pu-x:hover{border-color:var(--accent)}
.pu h2{margin:6px 0 10px;font:800 30px/1.12 var(--display);letter-spacing:-.02em;color:var(--logo-bea,var(--plum))}
.pu p{margin:0 0 18px;color:var(--muted);font-size:17px;line-height:1.5}
.pu-icon img{border-radius:18px;box-shadow:0 8px 24px rgba(59,31,58,.25)}
.pu-img{width:100%;aspect-ratio:1/1;max-height:52dvh;object-fit:cover;border-radius:16px;margin:4px 0 12px;background:#fff}
.pu-brand{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pu-cta{width:100%}
.pu-later{margin-top:10px;border:0;background:none;color:var(--muted);font:600 14px/1 var(--display);cursor:pointer;padding:8px}
.pu-ios{font-size:13px!important;margin:12px 0 0!important}
.pu-lbl{display:block;margin-top:12px;font:500 11px/1 var(--mono);color:var(--muted)}
.pu-lbl a{color:inherit}
@media (max-width:760px){.ad-banner{padding:12px 14px;gap:12px}.ad-banner .pop-art{flex-basis:48px;height:48px}.ad-bt b{font-size:15px}.ad-cta{display:none}.pop-grid{grid-template-columns:1fr}}
.pl-art img,.pop-art img{object-fit:contain;padding:3px;background:#fff}

/* Showcase produk (kad besar, gaya .pc mockup) */
.pc.sc{position:relative}
.pc.sc.is-ad{border-style:dashed}
.sc-art{display:grid;place-items:center;height:220px;background:#fff;text-decoration:none}
.sc-art img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .25s}
.pc.sc:hover .sc-art img{transform:scale(1.04)}
.sc-ini{font:800 40px/1 var(--display);color:var(--plum)}
.sc-link{color:inherit;text-decoration:none}
.sc-link:hover{text-decoration:underline}
.sc-meta{margin:0;font-size:13px;color:var(--muted)}
.sc-go{font:700 14px/1 var(--display);color:var(--accent-ink);text-decoration:none;white-space:nowrap}
.pc.sc .pop-rank{top:10px;left:10px;z-index:1}
.pc.sc h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:820px){.sc-art{height:170px}.sc-art img{padding:10px}.pc.sc h3{font-size:15px}.pc.sc .pc-body{padding:12px}}

/* Betulkan limpahan gambar: kunci saiz kotak, gambar diletak mutlak */
#hm-pop-grid .sc-art{position:relative;display:block;overflow:hidden;height:200px;padding:0}
#hm-pop-grid .sc-art img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;padding:14px;box-sizing:border-box}
#hm-pop-grid .sc-art .sc-ini{position:absolute;inset:0;display:grid;place-items:center}
@media (max-width:820px){#hm-pop-grid .sc-art{height:160px}#hm-pop-grid .sc-art img{padding:10px}}
.pl-art,.pop-art{position:relative}
.pl-art img,.pop-art img{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box}
.x-profil{display:inline-flex!important;align-items:center;gap:8px;margin:14px 0 0;align-self:flex-start;min-height:44px;padding:10px 18px;border-radius:999px;background:var(--plum,#3B1F3A);color:#F6F1EA!important;font-weight:700;text-decoration:none;box-shadow:0 4px 14px rgba(59,31,58,.18);transition:transform .15s,box-shadow .15s}
.x-profil:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(59,31,58,.24)}.x-profil:focus-visible{outline:3px solid var(--terracotta,#C4664A);outline-offset:2px}
.x-profil::after{content:'→';margin-left:2px}
@media (max-width:760px){.x-profil{display:flex!important;align-self:stretch;justify-content:center;margin:12px 0 0;width:100%;box-sizing:border-box;text-align:center}}
/* Mobile: elak hero melimpah ke kanan (grid ikut lebar kandungan) */
.hero-grid>*{min-width:0}
@media (max-width:760px){.hero-grid{grid-template-columns:minmax(0,1fr)!important}.x-profil{white-space:normal}}

.pu .pu-cta{font-size:17px;padding:15px 24px;min-width:70%}.pu-icon img{width:96px;height:96px}.pu-ios{text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px 16px!important;color:var(--fg)!important;line-height:1.7!important}.pu-share{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--surface);border:1px solid var(--line);font-size:13px}
.pu-why{list-style:none;margin:0 0 20px;padding:0;text-align:left;display:grid;gap:10px}.pu-why li{position:relative;padding-left:30px;font-size:15.5px;line-height:1.45;color:var(--fg)}.pu-why li::before{content:'✓';position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--plum,#6b2d5c);color:#fff;font-size:12px;display:grid;place-items:center}

/* Slider hero (tajaan rumah_hero + slaid Beaunity sendiri). Nipis: tidak mengalahkan carian. */
.hero-grid{align-items:start!important}
.hs{position:relative;height:104px;border-radius:18px;overflow:hidden;background:var(--plum,#3B1F3A);color:#F6F1EA;margin-bottom:6px;box-shadow:0 10px 28px -14px rgba(59,31,58,.5)}
.hs:empty{display:none}
.hs-t{display:flex;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.hs-s{flex:0 0 100%;display:flex;align-items:center;gap:16px;padding:14px 18px;text-decoration:none;color:inherit;min-width:0;position:relative}
.hs-s:hover .hs-cta{transform:translateX(3px)}
.hs-img{flex:none;width:76px;height:76px;border-radius:14px;background:#F6F1EA;display:grid;place-items:center;overflow:hidden;font:800 26px/1 var(--display);color:var(--plum,#3B1F3A)}
.hs-img img{width:100%;height:100%;object-fit:cover}
.hs-tx{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
.hs-tx small{font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#E8C9BC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-tx b{font:800 18px/1.2 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-tx .hs-d{font-size:13.5px;line-height:1.35;color:#E3D3DE;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.hs-cta{flex:none;font:800 13px var(--display);background:#C4664A;color:#fff;border-radius:999px;padding:9px 14px;transition:transform .2s;white-space:nowrap}
.hs-lbl{position:absolute;top:8px;right:12px;font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#E8C9BC;opacity:.85}
.hs-lbl a{color:inherit}
.hs-dot{position:absolute;bottom:8px;right:14px;display:flex;gap:5px}
.hs-dot button{width:7px;height:7px;border-radius:99px;border:0;padding:0;background:rgba(246,241,234,.35);cursor:pointer;transition:width .25s,background .25s}
.hs-dot button[aria-current=true]{width:18px;background:#F6F1EA}
.hs-s.rumah{background:linear-gradient(110deg,#3B1F3A 0%,#55294F 100%)}
.hs-s.amaran{background:linear-gradient(110deg,#5A1A14 0%,#8A2E1F 100%)}
.hs-s.kad{background:linear-gradient(110deg,#170B17 0%,#3B1F3A 60%,#6A3A5E 100%)}
.hs-s.mata{background:linear-gradient(110deg,#3B1F3A 0%,#7A3E33 100%)}
@media (max-width:860px){.hs{order:20;margin:6px 0 0}}
@media (max-width:560px){.hs{height:92px;border-radius:16px}.hs-img{width:60px;height:60px;border-radius:12px;font-size:21px}.hs-s{gap:12px;padding:12px 14px}.hs-tx b{font-size:15.5px}.hs-tx .hs-d{font-size:12.5px}.hs-cta{display:none}}
@media (prefers-reduced-motion:reduce){.hs-t{transition:none}}

.uss-betul{margin:0 0 12px;font-size:14px;color:var(--muted)}.uss-betul b{color:var(--fg)}

/* Footer bersatu (sama dengan laman utama; disalin dari laman.css untuk halaman pelayan) */
.ft2{padding-block:44px 0}
.ft2-main{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:32px 64px;padding-bottom:32px}
.ft2-brand{display:flex;flex-direction:column;gap:12px}
.ft2-tag{margin:-6px 0 4px;color:var(--muted);font-size:14px}
.ft2 .news label{font-size:14px}
.ft2 .social,.ft2 .bu-sos{margin:0;gap:8px}
.ft2 .bu-sos a{font-size:0;gap:0;padding:0;width:38px;height:38px;justify-content:center}
.ft2 .bu-sos svg{width:17px;height:17px}
.ft2-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ft2-cols>div{display:flex;flex-direction:column;gap:2px}
.ft2-cols .lbl{font:700 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.ft2-cols a{color:var(--fg);text-decoration:none;font-size:14.5px}
.ft2-cols a:hover{text-decoration:underline}
.ft2-base{border-top:1px solid var(--line);padding-top:18px;padding-bottom:100px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--muted)}
.ft2-base p{margin:0}
.ft2-base a{color:var(--muted)}
.ft2-legal{display:flex;flex-wrap:wrap;gap:0 16px;font-size:13px;margin-bottom:4px}
.ft2-legal a{text-decoration:none}
.ft2-legal a:hover{text-decoration:underline;color:var(--fg)}
@media (max-width:820px){.ft2-main{grid-template-columns:1fr}}
@media (max-width:480px){.ft2-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ft2 .bu-sos{margin:0}