/* KATEGORI YANG BELUM TERSEDIA */
#rk-app .category-disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    position: relative;
}
#rk-app .category-disabled small {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    font-weight: 600;
    color: #777;
}
/* ===================== TOKENS ===================== */
:root {
    --rk-teal:#0047AB;
    --rk-teal-dark:#003380;
    --rk-teal-light:#4472C4;
    --rk-ink:#10141C;
    --rk-mint:#EAF1FF;
    --rk-ice:#F5F8FF;
    --rk-white:#FFFFFF;
    --rk-green:#129C68;
    --rk-coral:#D9484D;
    --rk-gold:#D9930F;
    --rk-border:#DCE6FB;
    --rk-text-soft:#57647A;
    --rk-shadow-sm:0 2px 10px rgba(16,20,28,.06);
    --rk-shadow-md:0 14px 30px rgba(16,20,28,.10);
    --rk-shadow-lg:0 26px 52px rgba(16,20,28,.16);
    --rk-radius-lg:24px;
    --rk-radius-md:16px;
    --rk-radius-sm:10px;
    --rk-font-display:"Plus Jakarta Sans", sans-serif;
    --rk-font-body:"Inter", sans-serif;
    --rk-container:1200px;
  }
#rk-app {
    --rk-teal:#0047AB;
    --rk-teal-dark:#003380;
    --rk-teal-light:#4472C4;
    --rk-ink:#10141C;
    --rk-mint:#EAF1FF;
    --rk-ice:#F5F8FF;
    --rk-white:#FFFFFF;
    --rk-green:#129C68;
    --rk-coral:#D9484D;
    --rk-gold:#D9930F;
    --rk-border:#DCE6FB;
    --rk-text-soft:#57647A;
    --rk-shadow-sm:0 2px 10px rgba(16,20,28,.06);
    --rk-shadow-md:0 14px 30px rgba(16,20,28,.10);
    --rk-shadow-lg:0 26px 52px rgba(16,20,28,.16);
    --rk-radius-lg:24px;
    --rk-radius-md:16px;
    --rk-radius-sm:10px;
    --rk-font-display:"Plus Jakarta Sans", sans-serif;
    --rk-font-body:"Inter", sans-serif;
    --rk-container:1200px;
  }

/* ===================== RESET ===================== */
#rk-app *, #rk-app *::before, #rk-app *::after {box-sizing:border-box;}
#rk-app {scroll-behavior:smooth;}
#rk-app {
    margin:0;font-family:var(--rk-font-body);color:var(--rk-ink);background:var(--rk-white);
    line-height:1.55;-webkit-font-smoothing:antialiased;font-size:16px;
  }
#rk-app img {display:block;max-width:100%;}
#rk-app i[class*="fa-"] {display:inline-block;line-height:1;flex-shrink:0;font-style:normal;}
#rk-app a {color:inherit;text-decoration:none;}
#rk-app button {font-family:inherit;cursor:pointer;background:none;border:none;color:inherit;}
#rk-app ul {list-style:none;margin:0;padding:0;}
#rk-app h1, #rk-app h2, #rk-app h3, #rk-app h4 {font-family:var(--rk-font-display);margin:0;color:var(--rk-ink);}
#rk-app p {margin:0;}
#rk-app input, #rk-app select, #rk-app textarea {font-family:inherit;font-size:1rem;color:var(--rk-ink);}
#rk-app :focus-visible {outline:3px solid var(--rk-teal);outline-offset:2px;border-radius:4px;}
@media  (prefers-reduced-motion: reduce) {
#rk-app * {animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
}
/* ===================== UTILITIES ===================== */
#rk-app .rk-container {max-width:var(--rk-container);margin:0 auto;padding:0 24px;}
#rk-app .rk-eyebrow {display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rk-teal);}
#rk-app .rk-section {padding:76px 0;}
#rk-app .rk-section--tint {background:var(--rk-mint);}
#rk-app .rk-section-head {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:38px;flex-wrap:wrap;}
#rk-app .rk-section-head h2 {font-size:clamp(1.55rem,1.1rem + 1.5vw,2.25rem);font-weight:800;margin-top:10px;letter-spacing:-.01em;}
#rk-app .rk-section-head p {color:var(--rk-text-soft);margin-top:8px;max-width:520px;}
#rk-app .rk-link-arrow {display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--rk-teal);white-space:nowrap;padding-bottom:10px;}
#rk-app .rk-link-arrow i {width:16px;height:16px;transition:transform .2s ease;}
#rk-app .rk-link-arrow:hover svg {transform:translateX(3px);}
#rk-app .rk-btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:.95rem;transition:transform .15s ease, box-shadow .15s ease, background .15s ease;white-space:nowrap;}
#rk-app .rk-btn:active {transform:scale(.97);}
#rk-app .rk-btn--primary {background:var(--rk-teal);color:var(--rk-white);box-shadow:0 12px 26px rgba(14,156,135,.32);}
#rk-app .rk-btn--primary:hover {background:var(--rk-teal-dark);}
#rk-app .rk-btn--ghost {background:var(--rk-white);color:var(--rk-ink);border:1.5px solid var(--rk-border);}
#rk-app .rk-btn--ghost:hover {border-color:var(--rk-teal);color:var(--rk-teal);}
#rk-app .rk-btn--dark {background:var(--rk-ink);color:var(--rk-white);}
#rk-app .rk-btn--dark:hover {background:#0a0f1a;}
#rk-app .rk-btn--block {width:100%;}
#rk-app .rk-btn--sm {padding:10px 18px;font-size:.85rem;}
#rk-app .rk-btn[disabled] {opacity:.5;cursor:not-allowed;}
#rk-app .rk-badge {display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:800;letter-spacing:.03em;padding:5px 10px;border-radius:999px;}
#rk-app .rk-badge--terlaris {background:#FFF1DC;color:#B5730A;}
#rk-app .rk-badge--baru {background:#E6F7F0;color:var(--rk-green);}
#rk-app .rk-badge--diskon {background:var(--rk-coral);color:#fff;}
#rk-app .rk-icon {width:20px;height:20px;flex-shrink:0;}
#rk-app .rk-arch {border-radius:50% 50% 12px 12px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
/* ===================== TOPBAR ===================== */
#rk-app .rk-topbar {background:var(--rk-ink);color:#AEC3E8;font-size:.8rem;}
#rk-app .rk-topbar .rk-container {display:flex;align-items:center;justify-content:space-between;padding-top:9px;padding-bottom:9px;gap:16px;}
#rk-app .rk-topbar a {opacity:.9;}
#rk-app .rk-topbar a:hover {opacity:1;color:var(--rk-white);}
#rk-app .rk-topbar__links {display:flex;gap:20px;}
@media  (max-width:680px) {
#rk-app .rk-topbar__links {display:none;}
}
/* ===================== HEADER ===================== */
#rk-app .rk-header {position:sticky;top:0;z-index:9998;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--rk-border);}
#rk-app .rk-header__row {display:grid;grid-template-columns:auto minmax(260px,420px) 1fr auto;align-items:center;column-gap:24px;padding:16px 0;}
#rk-app .rk-logo {display:flex;align-items:center;gap:9px;font-family:var(--rk-font-display);font-weight:800;font-size:1.28rem;color:var(--rk-ink);flex-shrink:0;}
#rk-app .rk-logo__text {white-space:nowrap;}
#rk-app .rk-logo__mark {width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
#rk-app .rk-logo__mark img {width:100%;height:100%;object-fit:contain;display:block;}
#rk-app .rk-search {width:100%;max-width:none;display:flex;align-items:center;gap:10px;background:var(--rk-ice);border:1.5px solid var(--rk-border);border-radius:999px;padding:10px 18px;}
#rk-app .rk-search input {flex:1;border:none;background:none;outline:none;font-size:.9rem;}
#rk-app .rk-search i {width:20px;height:20px;color:var(--rk-text-soft);flex-shrink:0;}
#rk-app .rk-search button {color:var(--rk-text-soft);display:flex;}
#rk-app .rk-nav {display:flex;align-items:center;justify-content:center;gap:clamp(18px,2vw,30px);font-size:.9rem;font-weight:600;margin:0;}
#rk-app .rk-nav__item {position:relative;padding:8px 0;z-index:10000;}
#rk-app .rk-nav__item > a, #rk-app .rk-nav__item > button {display:flex;align-items:center;gap:5px;font-weight:600;}
#rk-app .rk-nav__item > a:hover, #rk-app .rk-nav__item.is-active > a {color:var(--rk-teal);}
#rk-app .rk-nav__item i {width:14px;height:14px;}
#rk-app .rk-dropdown {position:absolute;top:calc(100% - 1px);left:50%;z-index:10001;transform:translateX(-50%) translateY(6px);background:var(--rk-white);border:1px solid var(--rk-border);border-radius:var(--rk-radius-sm);box-shadow:var(--rk-shadow-lg);padding:10px;min-width:220px;opacity:0;visibility:hidden;transition:opacity .15s ease, transform .15s ease;}
#rk-app .rk-nav__item:hover .rk-dropdown {opacity:1;visibility:visible;transform:translateX(-50%) translateY(2px);}
#rk-app .rk-dropdown a {display:block;padding:9px 12px;border-radius:8px;font-weight:500;color:var(--rk-ink);}
#rk-app .rk-dropdown a:hover {background:var(--rk-mint);color:var(--rk-teal);}
#rk-app .rk-header, #rk-app .rk-header__row, #rk-app .rk-nav {position:relative;z-index:9998;}
#rk-app .rk-dropdown {isolation:isolate;pointer-events:auto;}
#rk-app .rk-nav__item:hover .rk-dropdown {z-index:10001;}
#rk-app .rk-header__icons {display:flex;align-items:center;gap:6px;flex-shrink:0;}
#rk-app .rk-icon-btn {position:relative;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--rk-ink);}
#rk-app .rk-icon-btn:hover {background:var(--rk-mint);color:var(--rk-teal);}
#rk-app .rk-icon-btn i {width:24px;height:24px;}
#rk-app .rk-cart-badge {position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--rk-coral);color:#fff;font-size:.62rem;font-weight:700;display:flex;align-items:center;justify-content:center;}
#rk-app .rk-burger {display:none;}
@media  (max-width:900px) {
#rk-app .rk-search {display:none;}
#rk-app .rk-nav {display:none;}
#rk-app .rk-burger {display:flex;}
}
#rk-app .rk-mobile-nav {display:none;flex-direction:column;padding:14px 0 20px;border-top:1px solid var(--rk-border);}
#rk-app .rk-mobile-nav.is-open {display:flex;}
#rk-app .rk-mobile-nav a, #rk-app .rk-mobile-nav button {padding:11px 4px;font-weight:600;text-align:left;width:100%;border-bottom:1px solid var(--rk-border);}
#rk-app .rk-mobile-search {display:flex;margin:12px 4px 4px;gap:8px;background:var(--rk-ice);border:1.5px solid var(--rk-border);border-radius:999px;padding:10px 16px;}
#rk-app .rk-mobile-search input {flex:1;border:none;background:none;outline:none;}
/* ===================== VIEWS ===================== */
#rk-app .rk-view {display:none;}
#rk-app .rk-view.is-active {display:block;animation:rkFade .35s ease;}
@keyframes  rkFade {from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
/* ===================== HERO ===================== */
#rk-app .rk-hero {position:relative;background:linear-gradient(180deg,#ffffff 0%, var(--rk-mint) 100%);overflow:hidden;padding-bottom:0;}
#rk-app .rk-hero__row {display:grid;grid-template-columns:1fr;gap:0;align-items:center;padding-top:60px;padding-bottom:70px;position:relative;z-index:2;}
#rk-app .rk-hero__row > div:first-child {max-width:720px;}
#rk-app .rk-hero h1 {font-size:clamp(2.4rem,1.6rem + 3vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;margin-top:18px;}
#rk-app .rk-hero h1 .ink {display:block;color:var(--rk-ink);}
#rk-app .rk-hero h1 .teal {display:block;color:var(--rk-teal);}
#rk-app .rk-hero p {margin-top:20px;color:var(--rk-text-soft);font-size:1.06rem;max-width:460px;}
#rk-app .rk-hero__trustrow {display:flex;gap:24px;margin-top:22px;flex-wrap:wrap;}
#rk-app .rk-hero__trustrow div {display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:700;color:var(--rk-ink);}
#rk-app .rk-hero__trustrow i {width:20px;height:20px;color:var(--rk-teal);}
#rk-app .rk-hero__actions {display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}
#rk-app .rk-shelf {position:relative;height:400px;display:flex;align-items:flex-end;justify-content:center;gap:14px;}
#rk-app .rk-shelf__glow {position:absolute;width:360px;height:360px;border-radius:50%;top:0;left:50%;transform:translateX(-50%);background:radial-gradient(circle, rgba(0,71,171,.10) 0%, rgba(0,71,171,0) 70%);}
#rk-app .rk-shelf__platform {position:absolute;bottom:18px;width:78%;height:28px;left:11%;background:radial-gradient(ellipse at center, rgba(16,20,28,.14) 0%, rgba(16,20,28,0) 75%);}
#rk-app .rk-shelf__item {position:relative;border-radius:26px 26px 12px 12px;box-shadow:var(--rk-shadow-md);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:16px;animation:rkFloat 6s ease-in-out infinite;}
#rk-app .rk-shelf__item i {width:34px;height:34px;}
#rk-app .rk-shelf__label {width:60%;height:5px;border-radius:3px;margin-top:8px;}
#rk-app .rk-shelf__label + .rk-shelf__label {width:38%;margin-top:5px;}
#rk-app .rk-shelf__item--a {width:96px;height:250px;background:#fff;border:1px solid var(--rk-border);animation-delay:.2s;}
#rk-app .rk-shelf__item--a i {color:var(--rk-teal);}
#rk-app .rk-shelf__item--a .rk-shelf__label {background:var(--rk-mint);}
#rk-app .rk-shelf__item--b {width:118px;height:320px;background:var(--rk-ink);animation-delay:0s;}
#rk-app .rk-shelf__item--b i {color:#fff;}
#rk-app .rk-shelf__item--b .rk-shelf__label {background:var(--rk-teal);}
#rk-app .rk-shelf__item--b::before {content:"";position:absolute;top:0;left:0;width:100%;height:34%;background:var(--rk-teal);border-radius:26px 26px 0 0;}
#rk-app .rk-shelf__item--c {width:92px;height:196px;background:var(--rk-teal);animation-delay:.4s;}
#rk-app .rk-shelf__item--c i {color:#fff;}
#rk-app .rk-shelf__item--c .rk-shelf__label {background:rgba(255,255,255,.6);}
#rk-app .rk-shelf__chip {position:absolute;left:-6px;bottom:34px;background:#fff;border-radius:999px;box-shadow:var(--rk-shadow-lg);padding:10px 16px 10px 10px;display:flex;align-items:center;gap:10px;z-index:3;}
#rk-app .rk-shelf__chip-star {width:34px;height:34px;border-radius:50%;background:#FFF6E4;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
#rk-app .rk-shelf__chip-star i {width:17px;height:17px;color:var(--rk-gold);}
#rk-app .rk-shelf__chip b {display:block;font-size:.86rem;font-family:var(--rk-font-display);}
#rk-app .rk-shelf__chip span {font-size:.72rem;color:var(--rk-text-soft);}
@keyframes  rkFloat {0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
#rk-app .rk-arch-divider {display:block;width:100%;height:48px;}
@media  (max-width:860px) {
#rk-app .rk-hero__row {grid-template-columns:1fr;padding-top:40px;}
#rk-app .rk-shelf {height:280px;order:-1;}
#rk-app .rk-shelf__item--a {width:74px;height:180px;}
#rk-app .rk-shelf__item--b {width:90px;height:230px;}
#rk-app .rk-shelf__item--c {width:70px;height:142px;}
}
/* ===================== TRUST STRIP ===================== */
#rk-app .rk-trust {padding:34px 0;border-bottom:1px solid var(--rk-border);}
#rk-app .rk-trust__row {display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
#rk-app .rk-trust__item {display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:8px 6px;}
#rk-app .rk-trust__icon {width:46px;height:46px;border-radius:14px;background:var(--rk-mint);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
#rk-app .rk-trust__icon i {width:24px;height:24px;color:var(--rk-teal);}
#rk-app .rk-trust__item b {display:block;font-size:.9rem;font-weight:700;text-align:center;}
#rk-app .rk-trust__item span {display:block;font-size:.78rem;color:var(--rk-text-soft);text-align:center;max-width:220px;line-height:1.5;}
@media  (max-width:860px) {
#rk-app .rk-trust__row {grid-template-columns:repeat(2,1fr);}
}
/* ===================== CATEGORY TILES (light) ===================== */
#rk-app .rk-cat-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:900px;margin:0 auto;}
#rk-app .rk-cat-tile {display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:14px 6px;border-radius:16px;transition:background .2s ease;}
#rk-app .rk-cat-tile:hover {background:var(--rk-mint);}
#rk-app .rk-cat-tile__icon {width:60px;height:60px;border-radius:50%;background:var(--rk-mint);display:flex;align-items:center;justify-content:center;transition:transform .2s ease, background .2s ease;}
#rk-app .rk-cat-tile:hover .rk-cat-tile__icon {background:var(--rk-teal);transform:translateY(-3px);}
#rk-app .rk-cat-tile__icon i {width:29px;height:29px;color:var(--rk-teal);transition:color .2s ease;}
#rk-app .rk-cat-tile:hover .rk-cat-tile__icon i {color:#fff;}
#rk-app .rk-cat-tile b {font-size:.84rem;font-weight:700;line-height:1.3;}
@media  (max-width:860px) {
#rk-app .rk-cat-grid {grid-template-columns:repeat(2,1fr);max-width:520px;}
}
@media  (max-width:480px) {
#rk-app .rk-cat-grid {gap:10px;}
}
/* ===================== PRODUCT CARD & GRID ===================== */
#rk-app .rk-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
@media  (max-width:980px) {
#rk-app .rk-grid {grid-template-columns:repeat(3,1fr);}
}
@media  (max-width:700px) {
#rk-app .rk-grid {grid-template-columns:repeat(2,1fr);}
}
@media  (max-width:460px) {
#rk-app .rk-grid {grid-template-columns:1fr 1fr;gap:14px;}
}
#rk-app .rk-card {background:var(--rk-white);border:1px solid var(--rk-border);border-radius:var(--rk-radius-md);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease, transform .2s ease;}
#rk-app .rk-card:hover {box-shadow:var(--rk-shadow-md);transform:translateY(-4px);}
#rk-app .rk-card__media {
  position:relative;
  padding:0;
  background:#fff;
  overflow:hidden;
}
#rk-app .rk-card__thumb {
  width:100%;
  height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  overflow:hidden;
  padding:0;
  background:#fff;
  border-radius:0;
}
#rk-app .rk-card__thumb img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  cursor:pointer;
}
#rk-app .rk-card__thumb i {
  width:44px;
  height:44px;
  color:#fff;
}
#rk-app .rk-card__badge {position:absolute;top:14px;left:14px;z-index:2;}
#rk-app .rk-card__thumb-label {width:44px;height:4px;border-radius:2px;background:rgba(255,255,255,.55);}
#rk-app .rk-card__thumb-label + .rk-card__thumb-label {width:28px;}
#rk-app .rk-card__body {padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1;}
#rk-app .rk-card__cat {font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rk-teal);}
#rk-app .rk-card__name {font-size:.95rem;font-weight:700;font-family:var(--rk-font-display);line-height:1.3;}
#rk-app .rk-card__tagline {font-size:.8rem;color:var(--rk-text-soft);flex:1;}
#rk-app .rk-card__rating {display:flex;align-items:center;gap:5px;font-size:.78rem;color:var(--rk-text-soft);}
#rk-app .rk-card__rating i {width:14px;height:14px;color:var(--rk-gold);}
#rk-app .rk-card__rating b {color:var(--rk-ink);}
#rk-app .rk-card__footer {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;}
#rk-app .rk-card__price-row {display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;}
#rk-app .rk-card__price {font-family:var(--rk-font-display);font-weight:800;font-size:1.02rem;}
#rk-app .rk-card__price-old {font-size:.78rem;color:var(--rk-text-soft);text-decoration:line-through;}
#rk-app .rk-card__add {width:38px;height:38px;border-radius:50%;background:var(--rk-teal);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s ease, transform .15s ease;}
#rk-app .rk-card__add:hover {background:var(--rk-teal-dark);transform:scale(1.06);}
#rk-app .rk-card__add i {width:17px;height:17px;}
#rk-app .rk-card__name-link:hover {color:var(--rk-teal);}
/* ===================== CONDITION TABS ===================== */
#rk-app .rk-tabs {display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px;}
#rk-app .rk-tab {padding:10px 20px;border-radius:999px;border:1.5px solid var(--rk-border);font-weight:600;font-size:.85rem;color:var(--rk-text-soft);background:#fff;transition:all .15s ease;}
#rk-app .rk-tab:hover {border-color:var(--rk-teal);color:var(--rk-teal);}
#rk-app .rk-tab.is-active {background:var(--rk-ink);border-color:var(--rk-ink);color:#fff;}
/* ===================== PROMO BANNER ===================== */
#rk-app .rk-promo {background:linear-gradient(120deg, var(--rk-ink) 0%, #0A2A6B 100%);border-radius:var(--rk-radius-lg);padding:48px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;position:relative;overflow:hidden;}
#rk-app .rk-promo::before {content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:var(--rk-teal);opacity:.25;top:-160px;right:-60px;}
#rk-app .rk-promo__text {position:relative;z-index:2;max-width:520px;}
#rk-app .rk-promo__text .rk-eyebrow {color:#8FB2FF;}
#rk-app .rk-promo h3 {color:#fff;font-size:clamp(1.3rem,1rem + 1.2vw,1.8rem);margin-top:10px;}
#rk-app .rk-promo p {color:#B9CBEF;margin-top:10px;}
#rk-app .rk-promo__cta {position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;gap:20px;}
#rk-app .rk-promo__mini {display:flex;align-items:flex-end;gap:8px;position:relative;z-index:2;}
#rk-app .rk-promo__mini div {border-radius:14px 14px 6px 6px;}
#rk-app .rk-promo__mini div:nth-child(1) {width:38px;height:78px;background:rgba(255,255,255,.16);}
#rk-app .rk-promo__mini div:nth-child(2) {width:46px;height:100px;background:var(--rk-teal-light);}
@media  (max-width:760px) {
#rk-app .rk-promo__mini {display:none;}
}
/* ===================== TESTIMONIALS ===================== */
#rk-app .rk-test-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media  (max-width:860px) {
#rk-app .rk-test-grid {grid-template-columns:1fr;}
}
#rk-app .rk-test-card {background:#fff;border:1px solid var(--rk-border);border-radius:var(--rk-radius-md);padding:26px;display:flex;flex-direction:column;gap:14px;}
#rk-app .rk-test-card__stars {display:flex;gap:3px;color:var(--rk-gold);letter-spacing:2px;}
#rk-app .rk-test-card__quote {color:var(--rk-ink);font-size:.92rem;flex:1;}
#rk-app .rk-test-card__who {display:flex;align-items:center;gap:12px;}
#rk-app .rk-test-card__avatar {width:44px;height:44px;border-radius:50%;background:var(--rk-mint);color:var(--rk-teal);display:flex;align-items:center;justify-content:center;font-weight:800;font-family:var(--rk-font-display);flex-shrink:0;}
#rk-app .rk-test-card__who b {display:block;font-size:.88rem;}
#rk-app .rk-test-card__who span {font-size:.76rem;color:var(--rk-text-soft);}
/* ===================== CONSULT STRIP ===================== */
#rk-app .rk-consult {display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--rk-mint);border-radius:var(--rk-radius-lg);padding:40px 48px;}
#rk-app .rk-consult h3 {font-size:1.3rem;}
#rk-app .rk-consult p {color:var(--rk-text-soft);margin-top:6px;}
/* ===================== FOOTER ===================== */
#rk-app .rk-footer {background:var(--rk-ink);color:#A9BEE0;padding-top:64px;}
#rk-app .rk-footer__grid {display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.12);}
@media  (max-width:860px) {
#rk-app .rk-footer__grid {grid-template-columns:1fr 1fr;}
}
@media  (max-width:520px) {
#rk-app .rk-footer__grid {grid-template-columns:1fr;}
}
#rk-app .rk-footer .rk-logo {color:#fff;}
#rk-app .rk-footer__about {margin-top:14px;font-size:.86rem;line-height:1.6;max-width:320px;}
#rk-app .rk-footer__social {display:flex;gap:10px;margin-top:20px;}
#rk-app .rk-footer__social a {width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;}
#rk-app .rk-footer__social a:hover {background:var(--rk-teal);}
#rk-app .rk-footer__social i {width:16px;height:16px;color:#fff;}
#rk-app .rk-footer h4 {color:#fff;font-size:.9rem;margin-bottom:16px;}
#rk-app .rk-footer ul li {margin-bottom:11px;}
#rk-app .rk-footer ul a {font-size:.86rem;}
#rk-app .rk-footer ul a:hover {color:#fff;}
#rk-app .rk-footer__contact {font-size:.86rem;margin-bottom:11px;}
#rk-app .rk-pay-row {display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
#rk-app .rk-pay-chip {font-size:.72rem;font-weight:600;padding:6px 11px;border-radius:8px;background:rgba(255,255,255,.08);color:#cfdcf9;}

#rk-app .rk-footer__findus { margin-top:0; }
#rk-app .rk-footer__findus h4 { margin-bottom:16px; }
#rk-app .rk-footer__marketplaces { display:flex; gap:10px; flex-wrap:wrap; }
#rk-app .rk-footer__marketplace-icon { width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex:0 0 40px; color:#fff; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,.16); }
#rk-app .rk-footer__marketplace-icon:hover { transform:translateY(-2px); box-shadow:0 5px 14px rgba(0,0,0,.24); filter:brightness(1.06); }
#rk-app .rk-footer__marketplace-icon svg { width:24px; height:24px; display:block; color:#fff; fill:currentColor; }
#rk-app .rk-footer__marketplace-icon img { width:30px; height:30px; object-fit:contain; display:block; }
#rk-app .rk-footer__marketplace-icon--shopee img,
#rk-app .rk-footer__marketplace-icon--tokopedia img { width:30px; height:30px; }
#rk-app .rk-footer__marketplace-icon--shopee { background:rgba(255,255,255,.08); }
#rk-app .rk-footer__marketplace-icon--tokopedia { background:rgba(255,255,255,.08); }
#rk-app .rk-footer__marketplace-icon.is-disabled { opacity:1 !important; cursor:not-allowed; }
#rk-app .rk-footer__marketplace-icon--shopee img,
#rk-app .rk-footer__marketplace-icon--tokopedia img { opacity:1 !important; filter:brightness(1.08) saturate(1.08) contrast(1.02); }
/* ===================== BREADCRUMB ===================== */
#rk-app .rk-breadcrumb {display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--rk-text-soft);padding:22px 0;}
#rk-app .rk-breadcrumb a:hover {color:var(--rk-teal);}
#rk-app .rk-breadcrumb i {width:13px;height:13px;}
/* ===================== SHOP VIEW ===================== */
#rk-app .rk-shop__layout {display:grid;grid-template-columns:250px 1fr;gap:32px;padding-bottom:80px;align-items:flex-start;}
@media  (max-width:860px) {
#rk-app .rk-shop__layout {grid-template-columns:1fr;}
}
#rk-app .rk-filters {background:#fff;border:1px solid var(--rk-border);border-radius:var(--rk-radius-md);padding:22px;position:sticky;top:96px;}
@media  (max-width:860px) {
#rk-app .rk-filters {position:static;}
}
#rk-app .rk-filters__group {padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--rk-border);}
#rk-app .rk-filters__group:last-child {border-bottom:none;margin-bottom:0;padding-bottom:0;}
#rk-app .rk-filters__group h5 {font-size:.82rem;font-weight:700;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em;}
#rk-app .rk-check {display:flex;align-items:center;gap:9px;font-size:.86rem;padding:6px 0;color:var(--rk-ink);cursor:pointer;}
#rk-app .rk-check input {accent-color:var(--rk-teal);width:16px;height:16px;}
#rk-app .rk-shop__toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap;}
#rk-app .rk-shop__toolbar select {padding:9px 14px;border-radius:10px;border:1.5px solid var(--rk-border);font-size:.85rem;background:#fff;}
#rk-app .rk-empty {text-align:center;padding:60px 20px;color:var(--rk-text-soft);}
/* ===================== PRODUCT DETAIL ===================== */
#rk-app .rk-pd {display:grid;grid-template-columns:1fr 1fr;gap:52px;padding-bottom:60px;}
@media  (max-width:860px) {
#rk-app .rk-pd {grid-template-columns:1fr;gap:32px;}
}
#rk-app .rk-pd__gallery-main {
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  max-height:560px;
  border-radius:var(--rk-radius-lg);
  background:var(--rk-ice);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:14px;
  overflow:hidden;
}
#rk-app .rk-pd__gallery-main i {width:110px;height:110px;color:#fff;}
#rk-app .rk-pd__thumbs {display:flex;gap:10px;}
#rk-app .rk-pd__thumbs div {width:64px;height:64px;border-radius:14px;background:var(--rk-ice);border:2px solid transparent;display:flex;align-items:center;justify-content:center;}
#rk-app .rk-pd__thumbs div.is-active {border-color:var(--rk-teal);}
#rk-app .rk-pd__thumbs i {width:26px;height:26px;color:#fff;}
#rk-app .rk-pd__name {font-size:clamp(1.4rem,1rem + 1.4vw,2rem);margin-top:10px;}
#rk-app .rk-pd__meta {display:flex;align-items:center;gap:16px;margin-top:10px;font-size:.88rem;color:var(--rk-text-soft);flex-wrap:wrap;}
#rk-app .rk-pd__meta .rk-card__rating i {width:15px;height:15px;}
#rk-app .rk-pd__price-row {display:flex;align-items:baseline;gap:12px;margin-top:18px;flex-wrap:wrap;}
#rk-app .rk-pd__price {font-family:var(--rk-font-display);font-size:1.9rem;font-weight:800;}
#rk-app .rk-pd__price-old {font-size:1.05rem;color:var(--rk-text-soft);text-decoration:line-through;}
#rk-app .rk-pd__desc {margin-top:14px;color:var(--rk-text-soft);}
#rk-app .rk-pd__row {display:flex;align-items:center;gap:16px;margin-top:26px;flex-wrap:wrap;}
#rk-app .rk-stepper {display:flex;align-items:center;border:1.5px solid var(--rk-border);border-radius:999px;}
#rk-app .rk-stepper button {width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
#rk-app .rk-stepper button i {width:15px;height:15px;}
#rk-app .rk-stepper span {min-width:34px;text-align:center;font-weight:700;}
#rk-app .rk-pd__trust {display:flex;gap:18px;margin-top:26px;flex-wrap:wrap;}
#rk-app .rk-pd__trust div {display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--rk-text-soft);font-weight:600;}
#rk-app .rk-pd__trust i {width:18px;height:18px;color:var(--rk-green);}
#rk-app .rk-tabs2 {display:flex;gap:26px;border-bottom:1px solid var(--rk-border);margin:56px 0 26px;overflow-x:auto;}
#rk-app .rk-tab2 {padding:12px 2px;font-weight:700;font-size:.9rem;color:var(--rk-text-soft);border-bottom:2px solid transparent;white-space:nowrap;}
#rk-app .rk-tab2.is-active {color:var(--rk-teal);border-color:var(--rk-teal);}
#rk-app .rk-tabpanel {display:none;color:var(--rk-text-soft);max-width:760px;line-height:1.7;}
#rk-app .rk-tabpanel.is-active {display:block;}
#rk-app .rk-tabpanel ul {padding-left:18px;list-style:disc;}
#rk-app .rk-tabpanel li {margin-bottom:6px;}
/* ===================== CART ===================== */
#rk-app .rk-cart__layout {display:grid;grid-template-columns:1fr 340px;gap:32px;padding-bottom:80px;align-items:flex-start;}
@media  (max-width:860px) {
#rk-app .rk-cart__layout {grid-template-columns:1fr;}
}
#rk-app .rk-cart-item {display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--rk-border);align-items:center;}
#rk-app .rk-cart-item__thumb {width:76px;height:82px;border-radius:38px 38px 10px 10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
#rk-app .rk-cart-item__thumb i {width:33px;height:33px;color:#fff;}
#rk-app .rk-cart-item__info {flex:1;min-width:0;}
#rk-app .rk-cart-item__info b {display:block;font-size:.92rem;margin-bottom:4px;}
#rk-app .rk-cart-item__info span {font-size:.8rem;color:var(--rk-text-soft);}
#rk-app .rk-cart-item__right {display:flex;flex-direction:column;align-items:flex-end;gap:10px;}
#rk-app .rk-cart-item__remove {font-size:.78rem;color:var(--rk-coral);font-weight:600;}
#rk-app .rk-summary {background:var(--rk-ice);border:1px solid var(--rk-border);border-radius:var(--rk-radius-md);padding:26px;position:sticky;top:96px;}
#rk-app .rk-summary h4 {font-size:1rem;margin-bottom:18px;}
#rk-app .rk-summary__row {display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:12px;color:var(--rk-text-soft);}
#rk-app .rk-summary__row b {color:var(--rk-ink);}
#rk-app .rk-summary__total {display:flex;justify-content:space-between;font-size:1.05rem;font-weight:800;padding-top:14px;margin-top:6px;border-top:1px solid var(--rk-border);}
/* ===================== CHECKOUT ===================== */
#rk-app .rk-checkout__layout {display:grid;grid-template-columns:1fr 340px;gap:32px;padding-bottom:80px;align-items:flex-start;}
@media  (max-width:860px) {
#rk-app .rk-checkout__layout {grid-template-columns:1fr;}
}
#rk-app .rk-form-group {margin-bottom:18px;}
#rk-app .rk-form-group label {display:block;font-size:.85rem;font-weight:600;margin-bottom:7px;}
#rk-app .rk-form-group input, #rk-app .rk-form-group textarea {width:100%;padding:12px 15px;border-radius:12px;border:1.5px solid var(--rk-border);outline:none;transition:border-color .15s ease;}
#rk-app .rk-form-group input:focus, #rk-app .rk-form-group textarea:focus {border-color:var(--rk-teal);}
#rk-app .rk-form-group.is-invalid input, #rk-app .rk-form-group.is-invalid textarea {border-color:var(--rk-coral);}
#rk-app .rk-form-error {color:var(--rk-coral);font-size:.76rem;margin-top:5px;display:none;}
#rk-app .rk-form-group.is-invalid .rk-form-error {display:block;}
#rk-app .rk-form-row {display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media  (max-width:520px) {
#rk-app .rk-form-row {grid-template-columns:1fr;}
}
#rk-app .rk-pay-option {display:flex;align-items:center;gap:14px;border:1.5px solid var(--rk-border);border-radius:14px;padding:15px 18px;margin-bottom:12px;cursor:pointer;transition:border-color .15s ease;}
#rk-app .rk-pay-option:hover {border-color:var(--rk-teal);}
#rk-app .rk-pay-option input {accent-color:var(--rk-teal);width:17px;height:17px;}
#rk-app .rk-pay-option i {width:20px;height:20px;color:var(--rk-teal);}
#rk-app .rk-pay-option b {font-size:.88rem;display:block;}
#rk-app .rk-pay-option span {font-size:.76rem;color:var(--rk-text-soft);}
#rk-app .rk-card-title {font-size:1.05rem;margin-bottom:18px;}
/* ===================== CONFIRMATION ===================== */
#rk-app .rk-confirm {max-width:520px;margin:0 auto;text-align:center;padding:70px 20px 100px;}
#rk-app .rk-confirm__icon {width:88px;height:88px;border-radius:50%;background:#E6F7F0;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;}
#rk-app .rk-confirm__icon i {width:42px;height:42px;color:var(--rk-green);}
#rk-app .rk-confirm h2 {font-size:1.6rem;}
#rk-app .rk-confirm p {color:var(--rk-text-soft);margin-top:10px;}
#rk-app .rk-confirm__order {background:var(--rk-ice);border-radius:var(--rk-radius-md);padding:22px;margin:28px 0;text-align:left;}
#rk-app .rk-confirm__order div {display:flex;justify-content:space-between;font-size:.88rem;padding:6px 0;color:var(--rk-text-soft);}
#rk-app .rk-confirm__order div b {color:var(--rk-ink);}
/* ===================== TOAST ===================== */
#rk-app .rk-toast {position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--rk-ink);color:#fff;padding:14px 22px;border-radius:999px;font-size:.86rem;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:var(--rk-shadow-lg);opacity:0;pointer-events:none;transition:opacity .25s ease, transform .25s ease;z-index:100;}
#rk-app .rk-toast.is-visible {opacity:1;transform:translateX(-50%) translateY(0);}
#rk-app .rk-toast i {width:16px;height:16px;color:var(--rk-teal-light);flex-shrink:0;}
#rk-app .rk-empty-cart {text-align:center;padding:70px 20px;}
#rk-app .rk-empty-cart i {width:70px;height:70px;color:var(--rk-border);margin:0 auto 20px;}
#rk-app .rk-empty-cart p {color:var(--rk-text-soft);margin-bottom:22px;}
/* LIGHTBOX FOTO PRODUK */
#rk-app .rk-image-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.92);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
#rk-app .rk-image-lightbox img {
  max-width: 95vw;
  max-height: 92vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
}
#rk-app .rk-image-lightbox__close {
  position: absolute;
  top: 18px;
  right: 22px;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  color: #222;
  font-size: 28px;
  line-height: 44px;
  cursor: pointer;
}
#rk-app .rk-product-main-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  cursor: pointer;
}
/* =========================================================
   IKHTIAR KARNUS - MOBILE RESPONSIVE FIX
   Tidak mengubah tampilan desktop
   ========================================================= */

@media (max-width: 680px) {

  #rk-app {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  #rk-app .rk-container {
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  /* HEADER */
  #rk-app .rk-header__row {
    gap: 10px;
    padding: 10px 0;
  }

  #rk-app .rk-logo {
    font-size: 1rem;
  }

  #rk-app .rk-logo__mark {
    width: 36px;
    height: 36px;
  }

  #rk-app .rk-header__icons {
    margin-left: auto;
  }

  #rk-app .rk-icon-btn {
    width: 38px;
    height: 38px;
  }

  /* TOPBAR */
  #rk-app .rk-topbar .rk-container {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: .72rem;
  }

  /* SEARCH */
  #rk-app .rk-mobile-search {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  /* HERO */
  #rk-app .rk-hero__row {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-top: 40px;
  }

  #rk-app .rk-hero h1 {
    font-size: clamp(2.4rem, 11vw, 3.5rem);
    line-height: 1;
  }

  #rk-app .rk-hero p {
    font-size: .95rem;
  }

  #rk-app .rk-hero__trustrow {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  #rk-app .rk-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  #rk-app .rk-hero__actions .rk-btn {
    width: 100%;
  }

  /* HERO PRODUCT */
  #rk-app .rk-shelf {
    min-height: 300px;
    transform: scale(.82);
    transform-origin: center;
    margin-top: -20px;
    margin-bottom: -30px;
  }

  /* TRUST */
  #rk-app .rk-trust__row {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  #rk-app .rk-trust__item {
    width: 100%;
    align-items: center;
    text-align: center;
  }

  /* SECTION */
  #rk-app .rk-section {
    padding: 48px 0;
  }

  #rk-app .rk-section-head {
    margin-bottom: 24px;
    gap: 12px;
  }

  #rk-app .rk-section-head h2 {
    font-size: 1.5rem;
  }

  /* CATEGORY */
  #rk-app .rk-cat-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  /* PRODUCT GRID */
  #rk-app .rk-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  #rk-app .rk-card {
    min-width: 0;
    border-radius: 14px;
  }

  #rk-app .rk-card__body {
    padding: 12px;
  }

  #rk-app .rk-card__name {
    font-size: .92rem;
    line-height: 1.25;
  }

  #rk-app .rk-card__tagline {
    font-size: .78rem;
    line-height: 1.45;
  }

  #rk-app .rk-card__price {
    font-size: 1rem;
  }

  #rk-app .rk-card__footer {
    gap: 8px;
  }

  #rk-app .rk-card__add {
    width: 34px;
    height: 34px;
  }

  #rk-app .rk-card__rating {
    font-size: .72rem;
  }

  #rk-app .rk-card__badge {
    top: 8px;
    left: 8px;
  }

  #rk-app .rk-badge {
    font-size: .62rem;
    padding: 4px 8px;
  }

  /* SHOP */
  #rk-app .rk-shop__layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  #rk-app .rk-filters {
    position: static;
    width: 100%;
  }

  /* PRODUCT DETAIL */
  #rk-app .rk-pd {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  /* CART */
  #rk-app .rk-cart__layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  #rk-app .rk-summary {
    position: static;
  }

  /* CHECKOUT */
  #rk-app .rk-checkout__layout {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  #rk-app .rk-form-row {
    grid-template-columns: 1fr;
  }

  /* PROMO */
  #rk-app .rk-promo {
    padding: 28px 20px;
  }

  /* FOOTER */
  #rk-app .rk-footer__grid {
    grid-template-columns: 1fr;
    gap: 26px;
  }
}

/* =========================================================
   HP KECIL 360-400px
   ========================================================= */

@media (max-width: 400px) {

  #rk-app .rk-container {
    padding-left: 12px;
    padding-right: 12px;
  }

  #rk-app .rk-logo__text {
    font-size: .9rem;
  }

  #rk-app .rk-logo__mark {
    width: 32px;
    height: 32px;
  }

  #rk-app .rk-grid {
    gap: 9px;
  }

  #rk-app .rk-card__body {
    padding: 10px;
  }

  #rk-app .rk-card__name {
    font-size: .84rem;
  }

  #rk-app .rk-card__tagline {
    font-size: .72rem;
  }

  #rk-app .rk-card__price {
    font-size: .92rem;
  }
}

/* ===================== NAVBAR REFINEMENT ===================== */
/* Seimbang kiri-kanan, ukuran font konsisten, keranjang tidak menimpa menu. */
#rk-app .rk-header__row {
    display:grid;
    grid-template-columns:auto minmax(260px,360px) minmax(0,1fr) 42px;
    align-items:center;
    column-gap:20px;
    padding:14px 24px;
}

#rk-app .rk-logo {
    flex:0 0 auto;
}

#rk-app .rk-search {
    width:100%;
    max-width:360px;
    min-width:0;
}

#rk-app .rk-nav {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:20px;
    margin:0;
    min-width:0;
    flex:1 1 auto;
    white-space:nowrap;
    font-size:15px;
    font-weight:600;
}

#rk-app .rk-nav__item {
    position:relative;
    padding:8px 0;
    flex:0 0 auto;
    display:flex;
    align-items:center;
}

#rk-app .rk-nav__item > a,
#rk-app .rk-nav__item > button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    min-height:24px;
    padding:0;
    font-size:15px;
    font-weight:600;
    line-height:1.2;
    white-space:nowrap;
}

#rk-app .rk-nav__item > button svg {
    display:block;
    width:14px;
    height:14px;
}

#rk-app .rk-header__icons {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    margin:0;
    width:42px;
    flex:0 0 42px;
}

#rk-app .rk-icon-btn {
    width:42px;
    height:42px;
    flex:0 0 42px;
}

#rk-app .rk-dropdown {
    min-width:230px;
    margin-top:2px;
}

/* v2.0.33: tombol Kembali ke Beranda pada halaman konfirmasi tanpa green glow. */
#rk-app #view-confirmation .rk-btn,
#rk-app #view-confirmation .rk-btn:hover,
#rk-app #view-confirmation .rk-btn:focus,
#rk-app #view-confirmation .rk-btn:active {
    box-shadow: none !important;
    filter: none !important;
}

/* Hilangkan green glow pada tombol yang diminta. */
#rk-app .rk-hero__actions .rk-btn--primary,
#rk-app .rk-empty-cart .rk-btn--primary,
#rk-app .rk-btn[data-action="consult"],
#rk-app .rk-btn[data-action="open-product"][data-id="16"],
#rk-app .rk-btn[data-action="pd-buy-now"],
#rk-app .rk-btn[data-action="go-checkout"],
#rk-app #checkout-form .rk-btn--primary {
    box-shadow:none !important;
}

#rk-app .rk-hero__actions .rk-btn--primary:hover,
#rk-app .rk-empty-cart .rk-btn--primary:hover,
#rk-app .rk-btn[data-action="consult"]:hover,
#rk-app .rk-btn[data-action="open-product"][data-id="16"]:hover,
#rk-app .rk-btn[data-action="pd-buy-now"]:hover,
#rk-app .rk-btn[data-action="go-checkout"]:hover,
#rk-app #checkout-form .rk-btn--primary:hover,
#rk-app #checkout-form .rk-btn--primary:focus,
#rk-app #checkout-form .rk-btn--primary:active {
    box-shadow:none !important;
}

/* Konten tab produk mempertahankan line break. */
#rk-app .rk-tabpanel > div,
#rk-app .rk-tabpanel > p {
    white-space:pre-line;
    line-height:1.75;
}

#rk-app .rk-pd__isi {
    margin-top:6px;
    color:var(--rk-text-soft);
    font-size:.92rem;
}

@media (max-width:1280px) and (min-width:901px) {
    #rk-app .rk-header__row {
        grid-template-columns:auto minmax(240px,300px) minmax(0,1fr) 42px;
        column-gap:16px;
        padding-left:20px;
        padding-right:20px;
    }
    #rk-app .rk-search {
        max-width:300px;
    }
    #rk-app .rk-nav {
        gap:16px;
        font-size:15px;
    }
    #rk-app .rk-nav__item > a,
    #rk-app .rk-nav__item > button {
        font-size:15px;
    }
}

@media (max-width:1080px) and (min-width:901px) {
    #rk-app .rk-header__row {
        grid-template-columns:auto minmax(210px,250px) minmax(0,1fr) 42px;
        column-gap:12px;
        padding-left:16px;
        padding-right:16px;
    }
    #rk-app .rk-search {
        max-width:250px;
    }
    #rk-app .rk-nav {
        gap:10px;
        font-size:14px;
    }
    #rk-app .rk-nav__item > a,
    #rk-app .rk-nav__item > button {
        font-size:14px;
    }
}

@media (max-width:900px) {
    #rk-app .rk-header__row {
        display:flex;
        gap:12px;
        padding:12px 16px;
    }
    #rk-app .rk-header__icons {
        margin-left:auto;
        width:auto;
        flex:0 0 auto;
    }
}

/* ===================== PRODUCT DESCRIPTION CONSISTENCY ===================== */
/* Deskripsi di bawah harga dibuat konsisten dengan isi Komposisi/Cara Penggunaan. */
#rk-app .rk-pd__desc-inline {
    margin: 14px 0 20px;
    color: var(--rk-text-soft);
    font-size: .92rem;
    line-height: 1.7;
    font-weight: 400;
    max-width: 760px;
    white-space: pre-line;
}

#rk-app .rk-pd__isi {
    margin: 6px 0 12px;
    color: var(--rk-text-soft);
    font-size: .92rem;
    line-height: 1.7;
    font-weight: 400;
    white-space: pre-line;
}

#rk-app .rk-tabpanel {
    color: var(--rk-text-soft);
    font-size: .92rem;
    line-height: 1.7;
    font-weight: 400;
}

#rk-app .rk-tabpanel > div {
    color: var(--rk-text-soft);
    font-size: .92rem;
    line-height: 1.7;
    font-weight: 400;
    white-space: pre-line;
}

#rk-app .rk-promo__cta {
    margin-left: auto;
}

@media (max-width:760px) {
    #rk-app .rk-promo__cta {
        margin-left: 0;
    }
}


/* ===================== FINAL CLEANUP ===================== */
/* Jangan tampilkan diagram/bar dekoratif pada banner program. */
#rk-app .rk-promo__mini,
#rk-app .rk-promo__mini * {
    display: none !important;
}

/* Deskripsi produk harus benar-benar memakai warna, ukuran,
   dan line-height yang sama dengan isi tab Komposisi/Cara Penggunaan. */
#rk-app .rk-pd__desc-inline {
    color: #57647A !important;
    font-size: .92rem !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    margin: 14px 0 20px !important;
    max-width: 760px;
    white-space: pre-line;
}

/* Isi tab juga dikunci ke style yang sama. */
#rk-app .rk-tabpanel,
#rk-app .rk-tabpanel p,
#rk-app .rk-tabpanel div,
#rk-app .rk-pd__isi {
    color: #57647A !important;
    font-size: .92rem !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

/* Pastikan tidak ada automatic dark-mode override. */
@media (prefers-color-scheme: dark) {
    #rk-app,
    #rk-app .rk-pd,
    #rk-app .rk-view,
    #rk-app .rk-section,
    #rk-app .rk-card,
    #rk-app .rk-pd__desc-inline,
    #rk-app .rk-tabpanel {
        color-scheme: light !important;
    }
}


/* ===================== PRODUCT DESCRIPTION FINAL ===================== */
/* Deskripsi di bawah ukuran/pack harus identik dengan warna teks
   Komposisi, Cara Penggunaan, dan Petunjuk Penggunaan. */
#rk-app .rk-pd__desc-inline,
#rk-app .rk-pd__desc-inline *,
#rk-app .rk-pd__description,
#rk-app .rk-pd__description * {
    color: var(--rk-text-soft) !important;
    font-weight: 400 !important;
}

/* Jarak dari badge BPOM/Halal/Pengiriman ke tab dibuat lebih dekat,
   sebanding dengan jarak tombol pembelian ke badge. */
#rk-app .rk-pd__trust,
#rk-app .rk-pd__badges {
    margin-bottom: 24px !important;
}

#rk-app .rk-pd__tabs,
#rk-app .rk-tabs {
    margin-top: 0 !important;
}

#rk-app .rk-pd__desc-inline {
    margin-top: 10px !important;
    margin-bottom: 18px !important;
    color: var(--rk-text-soft) !important;
    font-size: .92rem !important;
    line-height: 1.7 !important;
}

@media (prefers-color-scheme: dark) {
    #rk-app .rk-pd__desc-inline,
    #rk-app .rk-pd__desc-inline *,
    #rk-app .rk-pd__description,
    #rk-app .rk-pd__description * {
        color: var(--rk-text-soft) !important;
    }
}

/* v2.0.11 - icon sizing: slightly larger, fixed alignment */
#rk-app .rk-search i { font-size:1.08rem; display:flex; align-items:center; justify-content:center; }
#rk-app .rk-icon-btn { color:var(--rk-teal); }
#rk-app .rk-icon-btn i { font-size:1.18rem; display:flex; align-items:center; justify-content:center; }
#rk-app .rk-icon-btn:hover { color:var(--rk-teal); }
#rk-app .rk-hero__trustrow i { font-size:1.05rem; display:inline-flex; align-items:center; justify-content:center; }
#rk-app .rk-trust__icon i { font-size:1.12rem; display:flex; align-items:center; justify-content:center; }
#rk-app .rk-cat-tile__icon i { font-size:1.35rem; display:flex; align-items:center; justify-content:center; }
#rk-app .rk-cart-item__thumb i { font-size:1.25rem; display:flex; align-items:center; justify-content:center; }


/* =========================================================
   IKHTIAR KARNUS - FINAL MOBILE NAVBAR
   Mobile only: keeps logo, cart and menu aligned without wrap.
   ========================================================= */
@media (max-width: 900px) {
  #rk-app .rk-header__row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 40px 40px !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 12px !important;
  }

  #rk-app .rk-logo {
    min-width: 0 !important;
    width: 100% !important;
    gap: 8px !important;
    font-size: .98rem !important;
    overflow: hidden !important;
  }

  #rk-app .rk-logo__mark {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
  }

  #rk-app .rk-logo__text {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #rk-app .rk-search,
  #rk-app .rk-nav {
    display: none !important;
  }

  #rk-app .rk-header__icons {
    display: contents !important;
    width: auto !important;
    margin: 0 !important;
  }

  #rk-app .rk-header__icons .rk-icon-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  #rk-app .rk-header__icons .rk-icon-btn i {
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.18rem !important;
  }

  #rk-app .rk-header__icons .rk-icon-btn[data-view="cart"] {
    color: #0047AB !important;
  }

  #rk-app .rk-header__icons .rk-icon-btn[data-view="cart"]:hover {
    color: #0047AB !important;
    background: #EAF2FF !important;
  }

  #rk-app .rk-header__icons .rk-burger {
    display: flex !important;
  }

  #rk-app .rk-cart-badge {
    top: 1px !important;
    right: 0 !important;
  }

  #rk-app .rk-mobile-nav {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 12px 18px !important;
  }

  #rk-app .rk-mobile-search {
    margin: 4px 0 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 400px) {
  #rk-app .rk-header__row {
    grid-template-columns: minmax(0, 1fr) 38px 38px !important;
    gap: 6px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  #rk-app .rk-logo__mark {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
  }

  #rk-app .rk-logo__text {
    font-size: .9rem !important;
  }

  #rk-app .rk-header__icons .rk-icon-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }
}


/* =========================================================
   v2.0.14 - ICON ALIGNMENT ONLY
   Keep the existing icon sizes. Normalize the icon box and
   vertical centering so each glyph sits precisely in its
   intended UI position without shifting surrounding layout.
   ========================================================= */
#rk-app i[class*="fa-"] {
  line-height: 1 !important;
  vertical-align: middle !important;
  font-style: normal !important;
  box-sizing: border-box !important;
}

#rk-app .rk-search > i,
#rk-app .rk-search button i,
#rk-app .rk-link-arrow i,
#rk-app .rk-nav__item i,
#rk-app .rk-icon-btn i,
#rk-app .rk-hero__trustrow i,
#rk-app .rk-trust__icon i,
#rk-app .rk-shelf__item i,
#rk-app .rk-shelf__chip-star i,
#rk-app .rk-cat-tile__icon i,
#rk-app .rk-card__rating i,
#rk-app .rk-card__add i,
#rk-app .rk-footer__social i,
#rk-app .rk-breadcrumb i,
#rk-app .rk-pd__gallery-main i,
#rk-app .rk-pd__thumbs i,
#rk-app .rk-pd__meta .rk-card__rating i,
#rk-app .rk-stepper button i,
#rk-app .rk-pd__trust i,
#rk-app .rk-cart-item__thumb i,
#rk-app .rk-pay-option i,
#rk-app .rk-confirm__icon i,
#rk-app .rk-toast i,
#rk-app .rk-empty-cart i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  transform: none !important;
}

/* Header/cart: center the glyph inside the existing button,
   while keeping the button's exact footprint and navbar baseline. */
#rk-app .rk-header__icons,
#rk-app .rk-icon-btn {
  align-items: center !important;
  justify-content: center !important;
}
#rk-app .rk-icon-btn i {
  flex: 0 0 auto !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
}

/* Trust/category tiles: center the actual glyph, not just its box. */
#rk-app .rk-trust__icon,
#rk-app .rk-cat-tile__icon,
#rk-app .rk-cart-item__thumb,
#rk-app .rk-pay-option,
#rk-app .rk-confirm__icon {
  align-items: center !important;
  justify-content: center !important;
}

/* Social icons: center within their existing link/button area. */
#rk-app .rk-footer__social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Mobile: preserve the exact icon size from v2.0.12; only fix centering. */
@media (max-width: 900px) {
  #rk-app .rk-header__icons .rk-icon-btn,
  #rk-app .rk-header__icons .rk-icon-btn i {
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }
}


/* v2.0.14: Mulai Belanja — no glow in any state */
#rk-app .rk-empty-cart .rk-btn--primary,
#rk-app .rk-empty-cart .rk-btn--primary:hover,
#rk-app .rk-empty-cart .rk-btn--primary:focus,
#rk-app .rk-empty-cart .rk-btn--primary:active {
    box-shadow: none !important;
    filter: none !important;
}


/* ===================== CUSTOM CHECKOUT SHIPPING ===================== */
#rk-app .rk-shipping-box { margin-top:32px; margin-bottom:26px; }
#rk-app .rk-shipping-box .rk-card-title { margin-bottom:14px; }
#rk-app .rk-shipping-destination { margin-bottom:12px; }
#rk-app .rk-shipping-destination label { display:block; font-size:.85rem; font-weight:600; margin-bottom:7px; }
#rk-app .rk-shipping-destination select { width:100%; padding:12px 15px; border-radius:12px; border:1.5px solid var(--rk-border); background:#fff; outline:none; }
#rk-app .rk-shipping-destination input { width:100%; box-sizing:border-box; padding:12px 15px; border-radius:12px; border:1.5px solid var(--rk-border); background:#fff; outline:none; margin-bottom:8px; }
#rk-app .rk-shipping-destination input:focus, #rk-app .rk-shipping-destination select:focus { border-color:var(--rk-teal); box-shadow:0 0 0 3px rgba(0,128,128,.08); }
#rk-app .rk-shipping-status { font-size:.78rem; color:var(--rk-text-soft); margin:8px 0 12px; }
#rk-app .rk-shipping-options { display:flex; flex-direction:column; gap:10px; }
#rk-app .rk-shipping-option { display:flex; align-items:center; gap:13px; width:100%; box-sizing:border-box; border:1.5px solid var(--rk-border); border-radius:14px; padding:14px 16px; cursor:pointer; text-align:left; background:#fff; transition:border-color .15s ease, box-shadow .15s ease; }
#rk-app .rk-shipping-option:hover { border-color:var(--rk-teal); }
#rk-app .rk-shipping-option input { width:17px; height:17px; flex:0 0 auto; accent-color:var(--rk-teal); }
#rk-app .rk-shipping-option__main { flex:1; min-width:0; text-align:left; }
#rk-app .rk-shipping-option__main b { display:block; font-size:.88rem; text-align:left; }
#rk-app .rk-shipping-option__main small { display:block; margin-top:3px; font-size:.74rem; color:var(--rk-text-soft); text-align:left; }
#rk-app .rk-shipping-option strong { margin-left:auto; white-space:nowrap; font-size:.88rem; }
#rk-app .rk-shipping-loading { padding:14px; border:1.5px dashed var(--rk-border); border-radius:12px; color:var(--rk-text-soft); font-size:.82rem; text-align:center; }
#rk-app .rk-shipping-error { margin-top:6px; }
#rk-app .rk-pay-option { justify-content:flex-start; text-align:left; }
#rk-app .rk-pay-option > div { flex:1; min-width:0; text-align:left; }
#rk-app .rk-pay-option b, #rk-app .rk-pay-option span { text-align:left; }

/* Courier category tabs - v2.0.18 */
#rk-app .rk-shipping-unavailable {padding:13px 15px;border:1px dashed var(--rk-border);border-radius:12px;color:var(--rk-text-soft);font-size:.82rem;background:#fff;}

/* ===================== iPaymu Direct Payment ===================== */
#rk-app .rk-payment-options { display:flex; flex-direction:column; gap:0; }
#rk-app .rk-payment-group-title {
  margin:18px 0 10px;
  font-size:.78rem;
  font-weight:800;
  color:var(--rk-text-soft);
  text-transform:uppercase;
  letter-spacing:.04em;
}
#rk-app .rk-payment-group-title:first-child { margin-top:0; }
#rk-app .rk-payment-loading,
#rk-app .rk-payment-unavailable {
  border:1.5px dashed var(--rk-border);
  border-radius:14px;
  padding:15px 17px;
  color:var(--rk-text-soft);
  font-size:.82rem;
  background:#fff;
}
#rk-app .rk-pay-option { justify-content:flex-start; text-align:left; }
#rk-app .rk-pay-option > div { flex:1; min-width:0; text-align:left; }
#rk-app .rk-pay-option b, #rk-app .rk-pay-option span { text-align:left; }
/* v2.1 Hero product art */
#rk-app .iks-shop-hero { background:linear-gradient(90deg,#F5F8FF 0%,#D9E6FF 28%,#4472C4 58%,#003380 100%); }
#rk-app .iks-shop-hero.gradient-right { background:linear-gradient(90deg,#003380 0%,#4472C4 42%,#D9E6FF 72%,#F5F8FF 100%); }
#rk-app .iks-shop-hero .rk-eyebrow,
#rk-app .iks-shop-hero h1 .ink,
#rk-app .iks-shop-hero p,
#rk-app .iks-shop-hero .rk-hero__trustrow div { color:#10141C; }
#rk-app .iks-shop-hero h1 .teal { color:#003380; }
#rk-app .iks-shop-hero.gradient-right .rk-eyebrow,
#rk-app .iks-shop-hero.gradient-right h1 .ink,
#rk-app .iks-shop-hero.gradient-right p,
#rk-app .iks-shop-hero.gradient-right .rk-hero__trustrow div { color:#fff; }
#rk-app .iks-shop-hero.gradient-right h1 .teal { color:#D9E6FF; }
#rk-app .iks-shop-hero.gradient-right .rk-hero__trustrow i { color:#fff; }
#rk-app .iks-shop-hero .rk-hero__product-art::before { background:radial-gradient(circle,rgba(255,255,255,.46),rgba(255,255,255,0) 70%); }
#rk-app .iks-shop-hero .rk-hero__product-label { background:rgba(255,255,255,.94); }
#rk-app .iks-shop-hero .rk-hero__row { grid-template-columns:1fr 1fr; min-height:610px; }
#rk-app .rk-hero__product-art { position:relative; height:560px; display:flex; align-items:center; justify-content:center; }
#rk-app .rk-hero__product-art::before { content:""; position:absolute; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(0,125,121,.18),rgba(0,125,121,0) 70%); }
#rk-app .rk-hero__product-art img { position:relative; z-index:2; width:min(440px,82%); height:500px; object-fit:contain; filter:drop-shadow(0 28px 28px rgba(16,32,45,.18)); transition:transform .3s ease; }
#rk-app .rk-hero__product-art img:hover { transform:translateY(-7px) scale(1.015); }
#rk-app .rk-hero__product-label { position:absolute; z-index:3; right:2%; bottom:46px; background:#fff; border-radius:16px; padding:12px 16px; box-shadow:var(--rk-shadow-lg); min-width:190px; }
#rk-app .rk-hero__product-label strong,#rk-app .rk-hero__product-label span { display:block; }
#rk-app .rk-hero__product-label span { font-size:.74rem; color:var(--rk-text-soft); margin-top:3px; }
#rk-app .rk-hero__product-placeholder { position:relative; z-index:2; width:340px; height:340px; border:2px dashed #b8c9cc; border-radius:28px; display:grid; place-items:center; align-content:center; gap:10px; color:#718088; text-align:center; padding:30px; }
#rk-app .rk-hero__product-placeholder i { font-size:48px; }
@media (max-width:860px){
  #rk-app .iks-shop-hero .rk-hero__row{grid-template-columns:1fr;min-height:auto;padding-top:40px;padding-bottom:25px;}
  #rk-app .rk-hero__product-art{height:330px;order:-1;}
  #rk-app .rk-hero__product-art img{height:310px;}
  #rk-app .rk-hero__product-label{bottom:12px;right:5%;}
}
#rk-app .rk-testimonial-cta{border:1px solid var(--rk-border);border-radius:24px;background:#fff;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--rk-shadow-sm)}
#rk-app .rk-testimonial-cta h3{margin:8px 0 5px;font-size:1.5rem}.rk-testimonial-cta p{margin:0;color:var(--rk-text-soft)}
#rk-app .rk-testimonial-cta .rk-btn{white-space:nowrap}
@media(max-width:700px){#rk-app .rk-testimonial-cta{display:block;padding:26px}.rk-testimonial-cta .rk-btn{margin-top:18px}}

/* v3.2.0: marketplace logos use identical icon dimensions. */
#rk-app .rk-footer__marketplace-icon img,
#rk-app .rk-footer__marketplace-icon--shopee img,
#rk-app .rk-footer__marketplace-icon--tokopedia img {
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  min-height:26px !important;
  max-width:26px !important;
  max-height:26px !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  margin:0 !important;
}

/* v3.3.0: marketplace logos normalized and optically centered. */
#rk-app .rk-footer__marketplace-icon {
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  padding:0 !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:0 !important;
  overflow:hidden !important;
}
#rk-app .rk-footer__marketplace-icon img,
#rk-app .rk-footer__marketplace-icon--shopee img,
#rk-app .rk-footer__marketplace-icon--tokopedia img {
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  min-height:26px !important;
  max-width:26px !important;
  max-height:26px !important;
  padding:0 !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:50% 50% !important;
  display:block !important;
  flex:0 0 26px !important;
}

/* v3.9.0: Product gallery arrows, thumbnails and touch-friendly controls. */
#rk-app .rk-pd__gallery-main { position:relative; touch-action:pan-y; }
#rk-app .rk-gallery-arrow {
  position:absolute; top:50%; transform:translateY(-50%); z-index:5;
  width:42px; height:42px; border-radius:50%;
  border:1px solid rgba(255,255,255,.72); background:rgba(16,20,28,.62);
  color:#fff; display:flex; align-items:center; justify-content:center;
  cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,.16); backdrop-filter:blur(5px);
  transition:transform .18s ease, background .18s ease;
}
#rk-app .rk-gallery-arrow:hover { background:rgba(0,71,171,.9); }
#rk-app .rk-gallery-arrow--prev { left:14px; }
#rk-app .rk-gallery-arrow--next { right:14px; }
#rk-app .rk-gallery-arrow i { font-size:14px; width:auto; height:auto; }
#rk-app .rk-pd__thumbs { align-items:center; overflow-x:auto; scrollbar-width:thin; padding-bottom:2px; }
#rk-app .rk-gallery-thumb {
  width:64px; height:64px; min-width:64px; padding:0; border-radius:14px;
  background:var(--rk-ice); border:2px solid transparent; overflow:hidden; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
#rk-app .rk-gallery-thumb.is-active { border-color:var(--rk-teal); }
#rk-app .rk-gallery-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
#rk-app .rk-footer__marketplace-icon--shopee,
#rk-app .rk-footer__marketplace-icon--tokopedia { background:rgba(255,255,255,.08) !important; }
#rk-app .rk-footer__marketplace-icon--shopee img,
#rk-app .rk-footer__marketplace-icon--tokopedia img { width:26px !important; height:26px !important; object-fit:contain !important; object-position:center !important; }
@media (max-width:700px){
  #rk-app .rk-gallery-arrow { width:38px; height:38px; }
  #rk-app .rk-gallery-arrow--prev { left:9px; }
  #rk-app .rk-gallery-arrow--next { right:9px; }
}


/* v3.10.0: Hero product carousel. Arrows sit beside the product, not at the page edges. */
#rk-app .iks-hero-carousel { position:relative; }
#rk-app .iks-hero-carousel__stage { position:relative; width:min(560px,100%); height:560px; display:flex; align-items:center; justify-content:center; margin:0 auto; }
#rk-app .iks-hero-carousel__image { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; visibility:hidden; transform:translateX(8px) scale(.985); transition:opacity .28s ease, transform .28s ease, visibility .28s ease; filter:drop-shadow(0 28px 28px rgba(16,32,45,.18)); }
#rk-app .iks-hero-carousel__image.is-active { opacity:1; visibility:visible; transform:translateX(0) scale(1); }
#rk-app .iks-hero-carousel__arrow { position:absolute; top:50%; transform:translateY(-50%); width:46px; height:46px; border:0; border-radius:50%; background:rgba(16,20,28,.82); color:#fff; display:flex; align-items:center; justify-content:center; z-index:5; cursor:pointer; box-shadow:0 8px 22px rgba(0,0,0,.18); transition:transform .2s ease, background .2s ease; }
#rk-app .iks-hero-carousel__arrow:hover { background:#0047AB; transform:translateY(-50%) scale(1.06); }
#rk-app .iks-hero-carousel__arrow--prev { left:8px; }
#rk-app .iks-hero-carousel__arrow--next { right:8px; }
#rk-app .iks-hero-carousel__arrow i { font-size:16px; line-height:1; }
#rk-app .iks-hero-carousel[data-hero-count="0"] .iks-hero-carousel__stage { display:none; }
@media(max-width:860px){
  #rk-app .iks-hero-carousel__stage { height:330px; width:100%; }
  #rk-app .iks-hero-carousel__arrow { width:40px; height:40px; }
  #rk-app .iks-hero-carousel__arrow--prev { left:2px; }
  #rk-app .iks-hero-carousel__arrow--next { right:2px; }
}
/* Admin preview for multiple Hero photos. */
.iks-hero-admin-preview { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.iks-hero-admin-thumb { width:74px; height:74px; border:1px solid #dcdcde; border-radius:10px; overflow:hidden; background:#f6f7f7; display:flex; align-items:center; justify-content:center; }
.iks-hero-admin-thumb img { width:100%; height:100%; object-fit:contain; display:block; }

/* v3.12.0 founder slot and trust alignment */
#rk-app .iks-hero-founder{display:flex;align-items:center;gap:14px;margin-top:22px;max-width:590px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.58);backdrop-filter:blur(6px);}
#rk-app .iks-hero-founder__photo{width:76px;height:76px;flex:0 0 76px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(16,32,45,.14);}
#rk-app .iks-hero-founder__photo img{width:100%;height:100%;object-fit:cover;display:block;}
#rk-app .iks-hero-founder__content blockquote{margin:0 0 7px;font-size:.92rem;line-height:1.45;font-weight:600;color:#10141c;}
#rk-app .iks-hero-founder__content strong{display:block;font-size:.84rem;color:#003380;}
#rk-app .iks-hero-founder__content span{display:block;margin-top:2px;font-size:.74rem;color:#5d6875;}
#rk-app .iks-shop-hero.gradient-right .iks-hero-founder{background:rgba(0,0,0,.16);border-color:rgba(255,255,255,.18);}
#rk-app .iks-shop-hero.gradient-right .iks-hero-founder__content blockquote{color:#fff;}
#rk-app .iks-shop-hero.gradient-right .iks-hero-founder__content strong{color:#d9e6ff;}
#rk-app .iks-shop-hero.gradient-right .iks-hero-founder__content span{color:rgba(255,255,255,.78);}
/* v3.12.3: restore original trust layout; center glyphs inside each icon box */
#rk-app .iks-hero-founder{align-items:center;justify-content:flex-start;}
#rk-app .iks-hero-founder__photo{display:flex;align-items:center;justify-content:center;}
#rk-app .iks-hero-founder__content{min-width:0;flex:1;}
#rk-app .rk-trust__item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
#rk-app .rk-trust__icon{display:flex !important;align-items:center !important;justify-content:center !important;margin:0 auto !important;box-sizing:border-box;}
#rk-app .rk-trust__icon i{display:flex !important;align-items:center !important;justify-content:center !important;margin:0 !important;width:24px !important;height:24px !important;line-height:1 !important;flex:0 0 24px !important;text-align:center;}

/* v3.12.5: Tokokarnus checkmark asset — same visual size and exact center as Shopee. */
#rk-app .rk-footer__marketplace-icon--shopee img,
#rk-app .rk-footer__marketplace-icon--tokopedia img {
  width:26px !important; height:26px !important;
  min-width:26px !important; min-height:26px !important;
  max-width:26px !important; max-height:26px !important;
  padding:0 !important; margin:0 !important;
  object-fit:contain !important; object-position:50% 50% !important;
  display:block !important; flex:0 0 26px !important;
}

/* ==========================================================
   MINI TRACKING NAV — Lacak Pesanan
   Matches the footer palette: dark charcoal with green accent.
   ========================================================== */
.iks-mini-tracking-bar,
#rk-app .iks-mini-tracking-bar{
  width:100% !important;
  min-height:34px !important;
  background:#10141c !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
  display:flex !important;
  align-items:center !important;
  box-sizing:border-box !important;
  position:relative;
  z-index:10000;
}
.iks-mini-tracking-bar > .iks-mini-tracking-inner,
#rk-app .iks-mini-tracking-bar > .iks-mini-tracking-inner,
.iks-mini-tracking-bar__inner{
  width:min(1180px,calc(100% - 36px)) !important;
  min-height:34px !important;
  margin:0 auto !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  text-align:right !important;
  padding:0 24px !important;
  box-sizing:border-box !important;
}
.iks-mini-tracking-link,
#rk-app .iks-mini-tracking-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  min-height:34px !important;
  padding:0 !important;
  color:#a8bfe0 !important;
  background:transparent !important;
  text-decoration:none !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.iks-mini-tracking-link > i:first-child,
#rk-app .iks-mini-tracking-link > i:first-child{
  color:#a8bfe0 !important;
  font-size:13px !important;
}
.iks-mini-tracking-link > i:last-child,
#rk-app .iks-mini-tracking-link > i:last-child{
  color:#a8bfe0 !important;
  font-size:10px !important;
}
.iks-mini-tracking-link:hover,
#rk-app .iks-mini-tracking-link:hover{color:#a8bfe0 !important;opacity:.82 !important;text-decoration:none !important}
@media (max-width: 768px){
  .iks-mini-tracking-bar > .iks-mini-tracking-inner,
  #rk-app .iks-mini-tracking-bar > .iks-mini-tracking-inner,
  .iks-mini-tracking-bar__inner{width:calc(100% - 24px) !important;padding:0 12px !important}
  .iks-mini-tracking-link,#rk-app .iks-mini-tracking-link{min-height:34px !important;font-size:12px !important}
}

  #rk-app .iks-mini-tracking-link{min-height:36px;font-size:12px;}
}

/* IKS v3.13.7: tracking page visual refinements are enqueued from PHP. */