/* AUHost (T-140): penimpa tema Samudra → brand AUHost gaya kotak. Dimuat paling akhir. */
@font-face { font-family: 'Archivo'; font-weight: 100 900; font-display: swap; src: url('../fonts/archivo-400.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 500; font-display: swap; src: url('../fonts/ibm-plex-mono-500.woff2') format('woff2'); }
:root {
  --blue: #E11D48; --blue-d: #BE123C; --blue-soft: #FFE4EA;
  --ink: #0B1220; --ink-2: #0A2540; --text: #2A384C; --mute: #4F5F75;
  --fog: #F2F6FA; --line: #D3DCE7; --r: 0px;
  --sd-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --font-family-sans-serif: 'Archivo', system-ui, sans-serif;
  --navy: #0A2540;
}
/* gaya kotak: semua sudut tajam */
.ca-body *, .ca-body *::before, .ca-body *::after { border-radius: 0 !important; }
.ca-body .av, .ca-body .dot { border-radius: 0 !important; }
/* tema.css Samudra punya radius !important dgn selector lebih kuat (.sd-konten .card, .ak-card, #order-standard_cart ...) → dikalahin di sini */
.ca-body.ca-body.ca-body *, .ca-body.ca-body.ca-body *::before, .ca-body.ca-body.ca-body *::after,
.ca-body #order-standard_cart *, .ca-body #order-standard_cart *::before, .ca-body #order-standard_cart *::after,
#order-standard_cart#order-standard_cart *:not([type=radio]) { border-radius: 0 !important; }
body.ca-body, .ca-body button, .ca-body input, .ca-body select, .ca-body textarea, .ca-body h1, .ca-body h2, .ca-body h3, .ca-body h4, .ca-body h5,
.ca-body .btn, .ca-body .hd, .ca-body .ft { font-family: 'Archivo', system-ui, sans-serif !important; }
.ca-body h1, .ca-body h2, .ca-body h3 { letter-spacing: -0.02em; }
/* header: garis tegas kayak auhost.site */
.ca-body .hd { border-bottom: 2px solid var(--ink) !important; box-shadow: none !important; }
.ca-body .hd-logo img { height: 40px; width: auto; }
.ca-body .promo { background: var(--ink) !important; }
.ca-body .promo a { color: #fff !important; }
/* band judul navy + grid */
.ca-body .ca-hero { background-color: var(--navy) !important; background-image: linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px) !important; background-size: 48px 48px !important; border-bottom: 2px solid var(--ink); }
.ca-body .ca-sub { border-bottom: 2px solid var(--ink) !important; }
.ca-body .ca-sub nav a.on { box-shadow: inset 0 -3px 0 var(--blue) !important; }
/* tombol kotak dengan bayangan geser */
.ca-body .btn { border-width: 2px !important; font-weight: 700 !important; transition: transform .18s, box-shadow .18s !important; }
.ca-body .btn-blue, .ca-body .btn-primary { background: var(--blue) !important; border-color: var(--blue) !important; color: #fff !important; }
.ca-body .btn-line { border-color: var(--ink) !important; color: var(--ink) !important; background: #fff !important; }
.ca-body .btn:hover { transform: translate(-2px, -2px); box-shadow: 3px 3px 0 var(--ink) !important; }
@media (prefers-reduced-motion: reduce) { .ca-body .btn:hover { transform: none; } }
/* kartu/panel: garis 2px gelap */
.ca-body .card, .ca-body .ca-kartu, .ca-body .kartu, .ca-body .panel { border: 2px solid var(--ink) !important; box-shadow: none !important; }
.ca-body input.form-control, .ca-body select.form-control, .ca-body textarea.form-control, .ca-body .form-control { border: 2px solid var(--line) !important; box-shadow: none !important; }
.ca-body .form-control:focus { border-color: var(--ink) !important; box-shadow: 3px 3px 0 var(--blue) !important; }
/* footer gelap */
.ca-body .ft { background: var(--ink) !important; color: #A9BCD3; }
.ca-body .ft h4 { color: #fff !important; font-family: 'IBM Plex Mono', monospace !important; font-size: 12px !important; letter-spacing: .1em; text-transform: uppercase; }
.ca-body .ft a { color: #A9BCD3 !important; }
.ca-body .ft a:hover { color: #fff !important; }
.ca-body .ft-logo { height: 40px; width: auto; }
.ca-body .ft-top { grid-template-columns: 1.4fr repeat(3, 1fr); }
/* band judul navy: teks putih */
.ca-body .ca-hero h1, .ca-body .ca-hero > .wrap > div > p, .ca-body .ca-hero p { color: #fff !important; }
.ca-body .ca-hero .breadcrumb, .ca-body .ca-hero .breadcrumb a, .ca-body .ca-hero .breadcrumb-item, .ca-body .ca-hero .breadcrumb-item::before { color: #A9BCD3 !important; }
.ca-body .ca-hero .breadcrumb-item.active { color: #fff !important; }
.ca-body .ca-hero .sd-prog span { color: #A9BCD3 !important; }
.ca-body .ca-hero .sd-prog li.kini span { color: #fff !important; }
.ca-body .ca-hero .sd-prog li::before, .ca-body .ca-hero .sd-prog li::after { background: #2A4A70 !important; }
.ca-body .ca-hero .btn-line { background: transparent !important; color: #fff !important; border-color: #fff !important; }
/* login: panel kiri navy grid (ganti video Samudra) */
.ca-body .masuk-kiri { background-color: var(--navy) !important; background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px) !important; background-size: 48px 48px !important; }
.au-masuk-vis { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 18px; padding: 32px; }
.au-masuk-vis img { width: 208px; height: auto; }
.au-masuk-vis span { font: 500 13px 'IBM Plex Mono', monospace; color: #A9BCD3; letter-spacing: .04em; }
.ca-body .masuk-kiri .sapa, .ca-body .masuk-kiri .sapa-sub { position: relative; z-index: 1; }
/* palet Samudra (hijau/oranye) → AUHost: navy, merah, tinta */
.ca-body .ca-slide.hijau { background: linear-gradient(140deg, #0A2540, #0B1220 85%) !important; }
.ca-body .ca-slide.biru { background: linear-gradient(140deg, #E11D48, #0B1220 85%) !important; }
.ca-body .ca-slide.oranye { background: linear-gradient(140deg, #16406E, #0B1220 85%) !important; }
.ca-body .ca-slide { border: 2px solid var(--ink); }
.ca-body .ca-slide-vis { transform: none !important; border: 2px solid var(--ink); box-shadow: 6px 6px 0 var(--blue) !important; }
.ca-body .st-ic, .ca-body .dsv-ic { background: var(--navy) !important; color: #fff !important; }
.ca-body .lay-ring .perlu .st-ic { background: var(--blue) !important; }
.ca-body .lay-ring { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
@media (max-width: 760px) {
  .ca-body .ft-top { grid-template-columns: 1fr 1fr !important; }
  .ca-body .ft-top .ft-about { grid-column: 1 / -1; }
  .ca-body .lay-ring { grid-template-columns: 1fr 1fr !important; }
  .ca-body .lay-ring > div:last-child { grid-column: 1 / -1; }
}
/* login: logo jelas di atas lapisan gelap, sapaan putih + kotak merah */
.ca-body .au-masuk-vis { z-index: 2; }
.ca-body .masuk-kiri.masuk-sapa::before { background: linear-gradient(180deg, transparent 55%, rgba(11,18,32,.7) 100%) !important; }
.ca-body .sapa-kata { background: none !important; color: #fff !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; }
.ca-body .sapa-kata::after { content: ''; display: inline-block; width: .32em; height: .32em; margin-left: .08em; background: var(--blue); vertical-align: baseline; }
.ca-body .au-masuk-vis span { color: #C8D5E5; }
/* Slide Black Friday di dashboard klien (owner 01/11 07:14), ilang sendiri abis 30 Nov */
.ca-body .ca-slide.bf { background-color: #000 !important; background-image: linear-gradient(rgba(225,29,72,.16) 1px, transparent 1px), linear-gradient(90deg, rgba(225,29,72,.16) 1px, transparent 1px) !important; background-size: 32px 32px !important; position: relative; overflow: hidden; border-color: #E11D48 !important; }
.ca-body .ca-slide.bf .ca-slide-isi, .ca-body .ca-slide.bf .ca-slide-vis { position: relative; z-index: 1; }
.ca-body .ca-slide.bf small { background: #FFD400 !important; color: #000 !important; border-color: #000 !important; }
.ca-body .ca-slide.bf h2 { color: #fff !important; }
.ca-body .ca-slide.bf h2::after { content: ''; display: block; width: 64px; height: 6px; background: #FFD400; margin-top: 10px; }
.ca-body .ca-slide.bf .ca-slide-btn { background: #FFD400 !important; color: #000 !important; border: 2px solid #000 !important; }
.ca-body .ca-slide.bf .ca-slide-vis { background: #0B0D13 !important; border: 2px solid #E11D48 !important; box-shadow: 6px 6px 0 #FFD400 !important; color: #fff; }
.ca-body .ca-slide.bf .ca-slide-vis b, .ca-body .ca-slide.bf .ca-slide-vis span { color: #C8D5E5 !important; }
.ca-body .ca-slide.bf .ca-slide-vis strong { color: #FFD400 !important; }
.bf-raksasa-s { position: absolute; z-index: 0; right: -20px; bottom: -18px; font: 900 110px/.85 'Archivo', sans-serif; letter-spacing: -0.04em; white-space: nowrap; color: transparent; -webkit-text-stroke: 2px rgba(225,29,72,.4); pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
  .bf-raksasa-s { animation: auGlitch 4.5s steps(1) infinite; }
  .ca-body .ca-slide.bf .ca-slide-vis strong { animation: auDenyut 2.4s ease-in-out infinite; }
}
@keyframes auGlitch { 0%, 100% { transform: none; -webkit-text-stroke-color: rgba(225,29,72,.4); } 6% { transform: translateX(-6px) skewX(-6deg); -webkit-text-stroke-color: rgba(255,212,0,.6); } 8% { transform: none; } 52% { opacity: 1; } 53% { opacity: .3; } 55% { opacity: 1; } }
@keyframes auDenyut { 0%, 100% { text-shadow: 0 0 14px rgba(255,212,0,.25); } 50% { text-shadow: 0 0 28px rgba(255,212,0,.65); } }
@media (max-width: 760px) { .bf-raksasa-s { font-size: 64px; } }

/* ===== Keliling 01/11 (owner: "gak mau ada bug + default WHMCS"): sisa warna biru/teal Bootstrap & Samudra ===== */
.ca-body .text-primary, .ca-body .text-info { color: var(--blue) !important; }
.ca-body .btn-info, .ca-body .btn-primary { background: var(--blue) !important; border: 2px solid var(--blue) !important; color: #fff !important; box-shadow: none !important; }
.ca-body .btn-info:hover, .ca-body .btn-primary:hover { background: var(--blue-d) !important; border-color: var(--blue-d) !important; }
.ca-body .btn-link, .ca-body a.btn-link, .ca-body #cvvWhereLink { color: var(--blue) !important; }
.ca-body .progress { background: var(--fog) !important; border: 1px solid var(--line); }
.ca-body .progress-bar, .ca-body .progress-bar.bg-info, .ca-body .progress-bar.bg-primary { background: var(--ink) !important; color: #fff !important; }
.ca-body .progress-bar.bg-danger { background: var(--blue) !important; } .ca-body .progress-bar.bg-warning { background: #F2B705 !important; color: #000 !important; } .ca-body .progress-bar.bg-success { background: #0F7B53 !important; }
.ca-body .label-info, .ca-body .badge-info, .ca-body .label-primary, .ca-body .badge-primary { background: var(--ink) !important; color: #fff !important; }
.ca-body .alert, .ca-body #order-standard_cart .alert { border: 2px solid var(--ink) !important; border-left-width: 6px !important; box-shadow: none !important; font-size: 14.5px; }
.ca-body .alert-info, .ca-body #order-standard_cart .alert-info { background: #fff !important; color: var(--ink) !important; border-color: var(--ink) !important; }
.ca-body .alert-warning, .ca-body .sd-konten .alert-warning, .ca-body #order-standard_cart .alert-warning { background: #FFF8DB !important; color: #4A3A00 !important; border-color: #F2B705 !important; }
.ca-body .alert-danger, .ca-body #order-standard_cart .alert-danger { background: #FFF1F4 !important; color: #9F1239 !important; border-color: var(--blue) !important; }
.ca-body .alert-success, .ca-body #order-standard_cart .alert-success { background: #E6F4EE !important; color: #0F5C40 !important; border-color: #0F7B53 !important; }
/* halaman error/404 bawaan ("Oops!") */
.ca-body .sd-konten-penuh .text-center.p-5 .display-1 { color: var(--ink) !important; letter-spacing: -0.04em; }
.ca-body .sd-konten-penuh .text-center.p-5 .fa-exclamation-circle { color: var(--blue) !important; }
.ca-body .sd-konten-penuh .text-center.p-5 .buttons .btn-info { background: #fff !important; color: var(--ink) !important; border-color: var(--ink) !important; }

/* ===== Halaman yang masih susunan bawaan WHMCS (keliling 01/11): metode bayar, downloads, pilih akun, quotes, upgrade, perpanjang domain ===== */
.sd-t-account-paymentmethods-manage .sd-konten > .card, .sd-t-user-switch-account .sd-konten > .card, .sd-t-downloads .sd-konten,
.sd-t-clientareaquotes .sd-konten > .table-container, .sd-t-upgrade .sd-konten-penuh .card, .sd-t-upgrade .sd-konten > .card {
  background: #fff; border: 2px solid var(--ink) !important; box-shadow: 6px 6px 0 var(--ink) !important; }
.sd-t-account-paymentmethods-manage .sd-konten > .card > .card-body, .sd-t-user-switch-account .sd-konten > .card > .card-body { padding: 28px 30px !important; }
.sd-t-downloads .sd-konten { padding: 26px 28px; }
.ca-body .sd-konten .card-title { font: 800 22px/1.2 'Archivo', sans-serif !important; letter-spacing: -0.02em; color: var(--ink); margin: 0 0 22px !important; padding-bottom: 16px; border-bottom: 2px solid var(--ink); }
/* form bawaan (label kiri, isian kanan) */
.sd-t-account-paymentmethods-manage .form-group.row { align-items: center; margin-bottom: 16px; }
.sd-t-account-paymentmethods-manage .control-label, .sd-t-account-paymentmethods-manage .col-form-label { font: 600 12px var(--sd-mono) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--mute) !important; padding-top: 0 !important; }
.sd-t-account-paymentmethods-manage .form-control, .sd-t-downloads .form-control, .sd-t-clientareaquotes .form-control, .sd-t-upgrade .form-control, .sd-t-upgrade select {
  height: 46px !important; border: 2px solid var(--line) !important; background-color: #fff; box-shadow: none !important; font-size: 15px; }
.sd-t-account-paymentmethods-manage .form-control:focus, .sd-t-downloads .form-control:focus, .sd-t-clientareaquotes .form-control:focus { border-color: var(--ink) !important; }
.sd-t-account-paymentmethods-manage .input-group-text { border: 2px solid var(--line) !important; border-left: 0 !important; background: var(--fog) !important; font: 500 12px var(--sd-mono); }
.sd-t-account-paymentmethods-manage .form-group:last-child, .sd-t-account-paymentmethods-manage .text-center:last-child { margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--line); }
.sd-t-account-paymentmethods-manage .btn, .sd-t-upgrade .btn { height: 46px; padding: 0 22px; font-weight: 700; }
.sd-t-account-paymentmethods-manage .btn-default, .sd-t-account-paymentmethods-manage .btn-secondary { border: 2px solid var(--ink) !important; background: #fff !important; color: var(--ink) !important; }
/* downloads: cari + kosong */
.sd-t-downloads .kb-search { margin-bottom: 18px; }
.sd-t-downloads .kb-search .btn { height: 46px !important; padding: 0 24px; }
.sd-t-downloads .alert-info { margin: 0; text-align: left !important; }
/* pilih akun */
.sd-t-user-switch-account .card { max-width: 640px; }
.sd-t-user-switch-account .card-body > p { font: 600 12px var(--sd-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--mute); margin-bottom: 14px; }
.sd-t-user-switch-account .select-account a { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px !important; margin: 0 0 -2px !important;
  border: 2px solid var(--ink) !important; background: #fff !important; color: var(--ink) !important; font-weight: 600; text-decoration: none; transition: background .15s, transform .15s; }
.sd-t-user-switch-account .select-account a:hover { background: var(--fog) !important; transform: translateX(3px); }
.sd-t-user-switch-account .select-account .label { font: 600 10px var(--sd-mono) !important; letter-spacing: .08em; text-transform: uppercase; padding: 5px 8px !important; }
/* quotes: tabel dataTables */
.sd-t-clientareaquotes .table-container { padding: 0; overflow: hidden; }
.sd-t-clientareaquotes .listtable { padding: 0; }
.sd-t-clientareaquotes .dataTables_filter, .sd-t-clientareaquotes .dataTables_info { padding: 16px 20px 0; font: 500 12px var(--sd-mono); color: var(--mute); }
.sd-t-clientareaquotes .dataTables_filter input { width: 240px !important; height: 40px !important; }
.sd-t-clientareaquotes table.table-list { margin: 16px 0 0 !important; border: 0 !important; }
.sd-t-clientareaquotes table.table-list thead th { background: var(--ink) !important; color: #fff !important; font: 600 11px var(--sd-mono) !important; letter-spacing: .08em; text-transform: uppercase; border: 0 !important; padding: 14px 20px !important; }
.sd-t-clientareaquotes table.table-list td { padding: 16px 20px !important; border-color: var(--line) !important; }
.sd-t-clientareaquotes .dataTables_empty { padding: 40px 20px !important; color: var(--mute); text-align: center; }
.sd-t-clientareaquotes .dataTables_length, .sd-t-clientareaquotes .dataTables_paginate { padding: 14px 20px; }
/* upgrade paket */
.sd-t-upgrade .card-body, .sd-t-upgrade .sd-konten-penuh > .card > div { padding: 28px 30px; }
.sd-t-upgrade table, .sd-t-upgrade .table { border: 2px solid var(--ink) !important; background: #fff; }
.sd-t-upgrade table tr:nth-child(odd) td, .sd-t-upgrade .table-striped tbody tr:nth-of-type(odd) { background: var(--fog) !important; }
.sd-t-upgrade table td { padding: 20px !important; vertical-align: middle !important; border-color: var(--line) !important; font-size: 16px; }
@media (max-width: 600px) {
  .sd-t-account-paymentmethods-manage .sd-konten > .card > .card-body, .sd-t-user-switch-account .sd-konten > .card > .card-body, .sd-t-downloads .sd-konten { padding: 20px 16px !important; }
  .sd-t-account-paymentmethods-manage .control-label { margin-bottom: 6px; }
  .sd-t-clientareaquotes .dataTables_filter input { width: 100% !important; }
  .sd-t-upgrade table td { display: block; width: 100% !important; padding: 14px 16px !important; }
}
/* centang/radio iCheck: sprite biru twenty-one → salinan merah AUHost (css/merah.png, dibikin dari blue.png) */
.ca-body .icheckbox_square-blue, .ca-body .iradio_square-blue { background-image: url(merah.png) !important; }
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .ca-body .icheckbox_square-blue, .ca-body .iradio_square-blue { background-image: url(merah@2x.png) !important; background-size: 240px 24px !important; }
}
/* tab "#" bawaan WHMCS (filter quotes Delivered/Accepted) gak ada tujuannya → sembunyiin; langkah keranjang gak nyambung di perpanjang domain */
.ca-body .sd-tabnav a[href$="#"] { display: none !important; }
.sd-t-domain-renewals .sd-prog { display: none !important; }
@media (max-width: 600px) { .sd-t-clientareaquotes .table-container { overflow-x: auto; } .sd-t-clientareaquotes table.table-list { min-width: 560px; } }
/* langkah domain di keranjang: kotak cari AI WHMCS 9 jadi satu baris (order-sd.js) */
#order-standard_cart #domainregister textarea#message { display: block; width: 100%; height: 56px !important; min-height: 56px; resize: none; overflow: hidden; padding: 15px 16px !important;
  border: 2px solid var(--ink) !important; background: #fff; font: 500 16px/1.5 'Archivo', sans-serif; color: var(--ink); box-shadow: none !important; }
#order-standard_cart #domainregister textarea#message:focus { outline: none; box-shadow: 4px 4px 0 var(--blue) !important; }
#order-standard_cart #domainregister #btnCheckAvailability { height: 56px !important; font-weight: 700; font-size: 16px; }
#order-standard_cart #domainregister .domains-row { margin: 0 !important; }
#order-standard_cart .sd-dopsi { display: none !important; }
/* hasil cari domain di keranjang (bawaan WHMCS) → gaya kotak AUHost */
#order-standard_cart #DomainSearchResults { margin-top: 22px; }
#order-standard_cart #DomainSearchResults .primary-domain-header, #order-standard_cart .suggested-domains .panel-heading, #order-standard_cart .suggested-domains .card-header {
  background: var(--ink) !important; color: #fff !important; font: 600 11px var(--sd-mono) !important; letter-spacing: .1em; text-transform: uppercase; padding: 12px 18px !important; border: 0 !important; }
#order-standard_cart #searchDomainInfo { background: #fff; border: 2px solid var(--ink); border-top: 0; padding: 22px 18px; text-align: center; }
#order-standard_cart .domain-checker-available, #order-standard_cart .domain-available { color: #0F7B53 !important; font: 800 22px/1.3 'Archivo', sans-serif !important; }
#order-standard_cart .domain-checker-unavailable, #order-standard_cart .domain-unavailable { color: var(--blue) !important; font: 800 22px/1.3 'Archivo', sans-serif !important; }
#order-standard_cart .spotlight-tlds { background: transparent !important; padding: 0 !important; margin: 16px 0 !important; }
#order-standard_cart .spotlight-tlds .spotlight-tld-container { padding: 0 6px !important; }
#order-standard_cart .spotlight-tld { background: #fff !important; border: 2px solid var(--ink) !important; box-shadow: 4px 4px 0 var(--ink); padding: 16px 14px !important; font: 800 20px 'Archivo', sans-serif !important; color: var(--ink) !important; height: auto !important; }
#order-standard_cart .spotlight-tld .price { display: block; margin: 4px 0 12px; font: 500 14px var(--sd-mono) !important; color: var(--mute) !important; }
#order-standard_cart .btn-add-to-cart, #order-standard_cart .spotlight-tld .btn { background: var(--blue) !important; border: 2px solid var(--blue) !important; color: #fff !important; font: 700 13px 'Archivo', sans-serif !important;
  height: 40px; padding: 0 16px !important; width: auto !important; margin: 0 !important; box-shadow: none !important; }
#order-standard_cart .btn-add-to-cart:hover { background: var(--blue-d) !important; border-color: var(--blue-d) !important; }
#order-standard_cart .btn-add-to-cart.checkout, #order-standard_cart .btn-add-to-cart .added { background: #0F7B53 !important; }
#order-standard_cart .spotlight-tld .btn.unavailable, #order-standard_cart .spotlight-tld .btn.invalid { background: var(--fog) !important; border-color: var(--line) !important; color: var(--mute) !important; }
#order-standard_cart .suggested-domains { border: 2px solid var(--ink) !important; background: #fff; margin-top: 18px; }
#order-standard_cart .suggested-domains .panel-heading, #order-standard_cart .suggested-domains .card-header { border-bottom: 0 !important; }
#order-standard_cart .domain-suggestion { display: flex !important; align-items: center; gap: 12px; padding: 12px 18px !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; font-size: 16px; }
#order-standard_cart .domain-suggestion[style*="none"], #order-standard_cart .domain-suggestion.sd-dopsi { display: none !important; }
#order-standard_cart .domain-suggestion .domain { margin-right: -12px; }
#order-standard_cart .domain-suggestion .extension { font-weight: 800; color: var(--ink); }
#order-standard_cart .domain-suggestion .actions { margin-left: auto; float: none !important; display: flex; align-items: center; gap: 14px; flex-direction: row-reverse; }
#order-standard_cart .domain-suggestion .price { font: 600 15px var(--sd-mono); color: var(--ink); min-width: 104px; text-align: right; }
#order-standard_cart .domain-suggestion .promo:not(.w-hidden) { background: #FFD400; color: #000; font: 700 10px var(--sd-mono); padding: 3px 6px; text-transform: uppercase; }
#order-standard_cart .suggested-domains .more-suggestions, #order-standard_cart #moreSuggestions { background: var(--fog) !important; border-top: 2px solid var(--ink) !important; font-weight: 700; color: var(--ink) !important; padding: 14px !important; }
#order-standard_cart .domain-suggestions-warning, #order-standard_cart #DomainSearchResults .text-center small { color: var(--mute); font-size: 12px; }
#order-standard_cart #DomainSearchResults hr, #order-standard_cart .domain-checker-result-headline + hr { border-color: var(--line) !important; }
#order-standard_cart .domain-lookup-result .btn, #order-standard_cart #btnDomainContinue { min-width: 180px; }
@media (max-width: 600px) {
  #order-standard_cart .domain-suggestion { flex-wrap: wrap; }
  #order-standard_cart .domain-suggestion .actions { margin-left: 0; width: 100%; justify-content: space-between; flex-direction: row; }
  #order-standard_cart .domain-suggestion .price { text-align: left; min-width: 0; }
  #order-standard_cart .spotlight-tlds .spotlight-tld-container { margin-bottom: 12px; }
}
@media (max-width: 600px) { #order-standard_cart .spotlight-tlds .spotlight-tld-container { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } }
/* checkout ala Samudra (order-sd.js): kolom kanan gak boleh melebar; judul form (Sign Up, Personal, Billing...) jadi label tanpa nomor */
.sd-co2 { grid-template-columns: minmax(0, 1fr) minmax(0, 400px) !important; }
.sd-co-kanan { min-width: 0; grid-template-columns: minmax(0, 1fr); }
.sd-co-kanan > *, .sd-co-kanan .sd-ring, .sd-co-kanan .sd-bayar { min-width: 0; max-width: 100%; }
.sd-co-kanan #paymentGatewaysContainer, .sd-co-kanan .paypal-checkout, .sd-co-kanan [class*=gateway] { max-width: 100%; overflow-wrap: anywhere; }
.sd-co-kanan .sd-ring, .sd-co-kanan .sd-bayar { border: 2px solid var(--ink) !important; }
#frmCheckout .sd-co-kiri .sub-heading { counter-increment: none; margin: 26px 0 10px !important; padding-bottom: 8px; border-bottom: 1px solid var(--line); }
#frmCheckout .sd-co-kiri .sub-heading::before, #frmCheckout .sd-co-kanan .sub-heading::before { display: none !important; }
#frmCheckout .sd-co-kiri .sub-heading span, #frmCheckout .sd-co-kiri .sub-heading, #frmCheckout .sd-co-kanan .sub-heading span {
  font: 600 12px var(--sd-mono) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--mute) !important; background: none !important; }
#frmCheckout .sd-co-kiri { background: #fff; border: 2px solid var(--ink) !important; }
@media (max-width: 980px) { .sd-co2 { grid-template-columns: minmax(0, 1fr) !important; } }
/* keranjang: promo yang kepasang (teksnya dulu putih di atas putih) */
#order-standard_cart .view-cart-promotion-code { color: #3D2F00 !important; background: #FFF8DB !important; border: 2px dashed #F2B705 !important; font: 700 14px 'Archivo', sans-serif !important; padding: 12px 14px !important; text-align: left; }
#order-standard_cart .view-cart-promotion-code::before { content: 'Applied · '; font: 600 11px var(--sd-mono); letter-spacing: .08em; text-transform: uppercase; color: #8A6A00; }
#order-standard_cart #applyPromo .btn-xs { height: 34px; padding: 0 14px; margin-top: 10px; font-size: 12.5px; }
/* checkout: centang Terms rapi (tombol bayar tetap nempel ala Samudra, owner 30/10) */
.sd-co-tombol label, .sd-co-tombol .checkbox { display: flex !important; align-items: flex-start; gap: 10px; margin: 2px 0 12px !important; font-size: 13.5px; color: var(--text); }
.sd-co-tombol label a { color: var(--blue); font-weight: 600; }

/* ===== Mega menu header panel = sama persis kayak auhost.site (owner 01/11 10:31). Disalin dari public/au2/au.css web, awalan aum- ===== */
.hd-v3 .hd-drop.au-drop { position: relative; }
.au-drop > .hd-link .bf-titik { width: 8px; height: 8px; background: #FFD400; border: 1px solid #000; display: inline-block; margin-left: 2px; }
.aum-mega { position: absolute; top: calc(100% + 16px); left: -16px; width: 860px; display: grid; grid-template-columns: 210px 1fr; background: #fff; text-align: left;
  border: 2px solid #0B1220; box-shadow: 10px 10px 0 #E11D48; visibility: hidden; opacity: 0; transform: translateY(8px); transition: opacity .2s, transform .2s, visibility 0s linear .2s; z-index: 80; }
.aum-mega::before { content: ''; position: absolute; left: 0; right: 0; top: -18px; height: 18px; }
.au-drop:hover .aum-mega, .au-drop:focus-within .aum-mega, .au-drop.buka .aum-mega { visibility: visible; opacity: 1; transform: none; transition: opacity .2s, transform .2s; }
.au-drop:hover > .hd-link .hd-chev, .au-drop.buka > .hd-link .hd-chev { transform: rotate(180deg); }
.aum-lbl { display: block; font: 600 11px/1 var(--sd-mono) !important; letter-spacing: .1em; text-transform: uppercase; color: #4F5F75; margin: 0 0 12px; }
.aum-kat { background: #0B1220; padding: 22px 12px; display: flex; flex-direction: column; gap: 2px; }
.aum-kat .aum-lbl { color: #7F95B0; padding: 0 10px; }
.aum-kat button { display: flex; align-items: center; gap: 10px; padding: 12px 10px; background: none; border: 0; border-left: 3px solid transparent; color: #C8D5E5; font: 600 15px 'Archivo', sans-serif; text-align: left; cursor: pointer; }
.aum-kat button:hover, .aum-kat button.on { background: #0A2540; color: #fff; border-left-color: #E11D48; }
.aum-mega .ic { width: 18px; height: 18px; flex: none; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: square; stroke-linejoin: miter; color: inherit; }
.aum-kat button .bf-lbl { margin-left: auto; }
.aum-panel { display: none; grid-template-columns: 1fr 230px; }
.aum-panel.on { display: grid; animation: aumMasuk .25s ease; }
@keyframes aumMasuk { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: none; } }
.aum-isi { padding: 22px 22px 18px; }
.aum-grid { display: grid; gap: 0; border-top: 2px solid #0B1220; }
.aum-mega a.aum-item { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: start; padding: 14px 6px; border-bottom: 1px solid #D3DCE7; text-decoration: none; color: #0B1220; transition: background .15s, padding .15s; }
.aum-mega a.aum-item:hover { background: #F2F6FA; padding-left: 12px; }
.aum-item .kt { width: 40px; height: 40px; display: grid; place-items: center; background: #0A2540; color: #fff; transition: background .15s; }
.aum-item .kt .ic { width: 20px; height: 20px; }
.aum-item:hover .kt { background: #E11D48; }
.aum-item b { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font: 700 15px 'Archivo', sans-serif; color: #0B1220; }
.aum-item b i { font: 600 10px/1 var(--sd-mono); font-style: normal; letter-spacing: .06em; text-transform: uppercase; background: #E11D48; color: #fff; padding: 4px 6px; }
.aum-item small { display: block; font-size: 13px; color: #4F5F75; line-height: 1.4; margin-top: 3px; }
.aum-mega .bf-lbl { display: inline-block; font: 700 9px/1 var(--sd-mono); letter-spacing: .08em; text-transform: uppercase; background: #000; color: #FFD400; padding: 4px 6px; border: 1px solid #000; }
.aum-mega a.aum-fitur { display: flex; flex-direction: column; padding: 22px; color: #fff; text-decoration: none; background-color: #E11D48;
  background-image: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px); background-size: 24px 24px; border-left: 2px solid #0B1220; }
.aum-fitur small { font: 500 11px var(--sd-mono); letter-spacing: .08em; text-transform: uppercase; color: #FFE4EA; }
.aum-fitur b { font: 800 22px/1.15 'Archivo', sans-serif; margin: 10px 0 8px; letter-spacing: -0.02em; color: #fff; }
.aum-fitur span { font-size: 14px; color: #FFE4EA; line-height: 1.5; }
.aum-fitur em { margin-top: auto; padding-top: 18px; display: inline-flex; align-items: center; gap: 8px; font: 700 14px 'Archivo', sans-serif; font-style: normal; color: #fff; }
.aum-fitur:hover em { color: #0B1220; }
.aum-fitur .ic { width: 16px; height: 16px; transition: transform .2s; }
.aum-fitur:hover .ic { transform: translateX(4px); }
.aum-mega a.aum-fitur.bf-fitur { background-color: #000; border-left-color: #E11D48; }
.aum-fitur.bf-fitur small, .aum-fitur.bf-fitur b { color: #FFD400; }
.aum-fitur.bf-fitur:hover em { color: #FFD400; }
@media (max-width: 1100px) { .aum-mega { width: min(860px, calc(100vw - 40px)); } .aum-panel { grid-template-columns: 1fr; } .aum-mega a.aum-fitur { display: none; } }
@media (prefers-reduced-motion: reduce) { .aum-mega, .aum-panel.on { transition: none; animation: none; } }
.aum-mega, .aum-mega * { white-space: normal; }
.aum-panel > * { min-width: 0; }
header.hd.hd-v3 { z-index: 95 !important; }
/* cari domain ala Samudra (au-domain.js / order-sd.js): kolom satu baris + daftar baris kotak */
.au-dcari-in { display: flex !important; gap: 10px; flex-wrap: nowrap; }
.au-dcari-in #inputDomain { height: 54px !important; padding: 0 16px !important; border: 2px solid var(--ink) !important; font: 500 16px 'Archivo', sans-serif !important; box-shadow: none !important; flex: 1; }
.au-dcari-in #inputDomain:focus { box-shadow: 4px 4px 0 var(--blue) !important; outline: none; }
.au-dcari-in #btnCheckAvailability, .au-dcari-in .input-group-append .btn { height: 54px !important; min-width: 150px; font-weight: 700; }
body.au-dlist #DomainSearchResults { display: none !important; }
.sd-dsaran .sd-dr { border: 2px solid var(--line) !important; background: #fff; text-align: left; font-family: 'Archivo', sans-serif; }
.sd-dsaran .sd-dr.ada:hover:not(:disabled) { border-color: var(--ink) !important; box-shadow: 4px 4px 0 var(--blue) !important; }
.sd-dsaran .sd-dr .dr-n i { color: var(--blue); font-weight: 800; }
.sd-dsaran .sd-dr .dr-s { font: 600 10.5px var(--sd-mono) !important; letter-spacing: .08em; text-transform: uppercase; }
.sd-dsaran .sd-dr .dr-h { font: 600 15px var(--sd-mono) !important; }
.sd-dsaran .sd-dr.ada .dr-p { font-weight: 700; }
.sd-dsaran .sd-dlain { height: 44px; padding: 0 18px; border: 2px solid var(--ink); background: #fff; font-weight: 700; color: var(--ink); justify-self: start; }
.sd-dsaran .sd-dinfo { padding: 12px 16px; background: #FFF8DB; border: 2px solid #F2B705; }
@media (max-width: 600px) {
  .au-dcari-in { flex-wrap: wrap; } .au-dcari-in #btnCheckAvailability { flex: 1 1 100%; }
  .sd-dsaran .sd-dr { grid-template-columns: minmax(0, 1fr) auto !important; row-gap: 10px !important; }
  .sd-dsaran .sd-dr .dr-n { grid-column: 1 / -1; grid-row: 1; }
  .sd-dsaran .sd-dr .dr-s { grid-column: 1; grid-row: 2; justify-self: start; }
  .sd-dsaran .sd-dr .dr-h { grid-column: 2; grid-row: 2; display: block !important; min-width: 0; }
  .sd-dsaran .sd-dr .dr-p { grid-column: 1 / -1; grid-row: 3; }
  .sd-dsaran .sd-dr .dr-p:empty { display: none; }
}
.au-dcari-in::before { display: none !important; }

/* ===== Dialog konfirmasi (hapus keranjang, dll) gaya AUHost (owner 01/11 12:11 "jelek, rapihin stylingnya") ===== */
.modal-backdrop.show { opacity: .55; background: #0B1220; }
.ca-body .modal-dialog { max-width: 440px; margin: 18vh auto 0; padding: 0 16px; }
.ca-body .modal-content { border: 2px solid var(--ink); border-radius: 0; box-shadow: 8px 8px 0 var(--blue); background: #fff; }
.ca-body .modal-body { padding: 26px 26px 22px; font-size: 15.5px; line-height: 1.55; color: var(--text); text-align: left; position: relative; }
.ca-body .modal-body .float-right { position: absolute; right: 12px; top: 10px; float: none; }
.ca-body .modal-body .close { width: 32px; height: 32px; border: 0; background: none; font-size: 24px; line-height: 1; color: var(--mute); opacity: 1; cursor: pointer; }
.ca-body .modal-body .close:hover { color: var(--ink); }
.ca-body .modal-title { display: flex; align-items: center; gap: 14px; margin: 0 0 14px !important; font: 800 22px/1.2 'Archivo', sans-serif; letter-spacing: -0.02em; color: var(--ink); }
.ca-body .modal-title .fas, .ca-body .modal-title .far, .ca-body .modal-title i[class*="fa-"] { display: grid; place-items: center; flex: none; width: 44px; height: 44px; margin: 0; font-size: 18px !important; background: var(--blue-soft); color: var(--blue); }
.ca-body .modal-title span { margin: 0; }
.ca-body .modal-footer { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 26px 22px; border: 0; background: #fff; }
.ca-body .modal-footer .btn { min-width: 92px; height: 44px; padding: 0 20px; font-weight: 700; border-radius: 0; }
.ca-body .modal-footer .btn-default, .ca-body .modal-footer .btn-secondary { background: #fff !important; border: 2px solid var(--ink) !important; color: var(--ink) !important; }
.ca-body .modal-footer .btn-default:hover { background: var(--fog) !important; }
.ca-body .modal-footer .btn-primary, .ca-body .modal-footer .btn-danger { background: var(--blue) !important; border: 2px solid var(--blue) !important; color: #fff !important; }
.ca-body .modal-footer .btn-primary:hover, .ca-body .modal-footer .btn-danger:hover { background: var(--blue-d) !important; border-color: var(--blue-d) !important; }
@media (max-width: 600px) { .ca-body .modal-dialog { margin-top: 12vh; } .ca-body .modal-footer { flex-direction: column-reverse; } .ca-body .modal-footer .btn { width: 100%; } }