/* Selabaya Signature v2.0: shared commercial design system. No external CSS dependencies. */
:root{
  --sb2-navy:#10243a;--sb2-navy-dark:#0a192d;--sb2-teal:#087f75;--sb2-teal-700:#066a61;
  --sb2-amber:#f4b544;--sb2-cloud:#ffffff;--sb2-soft:#ffffff;--sb2-ink:#182b3e;
  --sb2-muted:#607186;--sb2-border:#dee6eb;--sb2-white:#fff;
  --sb2-radius:18px;--sb2-radius-sm:12px;--sb2-radius-lg:26px;
  --sb2-shadow:0 12px 35px rgba(16,36,58,.075);--sb2-shadow-lg:0 26px 70px rgba(16,36,58,.12);
  --sb2-font:Inter,Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;
  --sbp-primary:var(--sb2-teal);--sbp-primary-dark:var(--sb2-teal-700);--sbp-gold:var(--sb2-amber);
}
html{scroll-behavior:smooth}body{font-family:var(--sb2-font);color:var(--sb2-ink)}
:where(button,input,select,textarea,a){-webkit-tap-highlight-color:transparent}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--sb2-amber)!important;outline-offset:3px!important}
:where(button,input,select,textarea){font-family:inherit}
:where(button,[type='submit']){cursor:pointer}
:where(button,[type='submit']):disabled{opacity:.55;cursor:wait}
:where(img){max-width:100%}
::selection{background:rgba(8,127,117,.19);color:#10243a}
/* Shared website chrome */
.sl-topline{background:var(--sb2-navy)!important;color:#dbe9ee!important;border:0!important}
.sl-topline :where(a,span){color:#e9f5f4!important}
.sl-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--sb2-border)!important;box-shadow:0 5px 22px rgba(16,36,58,.04)}
.sl-nav{max-width:1340px!important;min-height:78px}
.sl-cat-btn,.sl-link,.sl-ico,.sl-user-btn{border-radius:var(--sb2-radius-sm)!important}
.sl-cat-btn,.sl-ico,.sl-user-btn{border-color:var(--sb2-border)!important}
.sl-post,.sl-search button,.sbp-btn-primary,.sbp-main-search button{background:var(--sb2-teal)!important;color:#fff!important;border-color:var(--sb2-teal)!important}
.sl-post:hover,.sl-search button:hover,.sbp-btn-primary:hover,.sbp-main-search button:hover{background:var(--sb2-teal-700)!important}
.sl-search{border:1px solid var(--sb2-border)!important;border-radius:15px!important;box-shadow:0 3px 16px rgba(16,36,58,.035)!important}
.sl-search:focus-within{border-color:var(--sb2-teal)!important;box-shadow:0 0 0 4px rgba(8,127,117,.09)!important}
.sl-cat-menu,.sl-user-menu{border-radius:var(--sb2-radius-lg)!important;box-shadow:var(--sb2-shadow-lg)!important}
.sl-cat-item:hover{background:#eaf7f4!important}
/* Reusable shared components */
.sb2-container{max-width:1320px;margin-inline:auto;padding-inline:22px}
.sb2-eyebrow{text-transform:uppercase;color:var(--sb2-teal);font-size:11px;letter-spacing:.12em;font-weight:900}
.sb2-heading{margin:7px 0 0;letter-spacing:-.045em;line-height:1.07;font-weight:900;color:var(--sb2-navy)}
.sb2-muted{color:var(--sb2-muted)}
.sb2-surface{background:var(--sb2-white);border:1px solid var(--sb2-border);border-radius:var(--sb2-radius-lg);box-shadow:var(--sb2-shadow)}
.sb2-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 18px;border-radius:12px;border:1px solid var(--sb2-border);background:#fff;color:var(--sb2-navy);font:800 13px/1.25 var(--sb2-font);text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s}
.sb2-btn:hover{transform:translateY(-2px);box-shadow:var(--sb2-shadow)}
.sb2-btn-primary{background:var(--sb2-teal);border-color:var(--sb2-teal);color:#fff}
.sb2-btn-primary:hover{background:var(--sb2-teal-700)}
.sb2-btn-amber{background:var(--sb2-amber);border-color:var(--sb2-amber);color:var(--sb2-navy)}
.sb2-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #cee9e4;background:#eaf7f4;color:#05675d;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:800}
.sb2-form-control{width:100%;min-height:45px;border:1px solid var(--sb2-border);border-radius:12px;background:#fff;padding:10px 13px;color:var(--sb2-ink)}
.sb2-alert{padding:14px 17px;border:1px solid var(--sb2-border);border-radius:15px;background:#f4f8fa;color:var(--sb2-navy)}
.sb2-alert-success{background:#edf9f1;border-color:#c7ead2}.sb2-alert-danger{background:#fff0ef;border-color:#f4d2cf}
.sb2-skeleton{background:linear-gradient(100deg,#e9eff2 5%,#f6f8fa 24%,#e9eff2 44%);background-size:200% 100%;animation:sb2-shimmer 1.3s ease-in-out infinite}
@keyframes sb2-shimmer{to{background-position-x:-200%}}
/* Home: premium restrained hero, real trust signals, four marketplace paths */
.sbp-home{background:linear-gradient(180deg,#f3f9f9 0%,#fff 44%,#f7f9fb 100%)!important}
.sbp-top-banner{max-width:1320px!important;margin:20px auto 0!important;border:1px solid #dce9e8;border-radius:22px;box-shadow:var(--sb2-shadow);overflow:hidden}
.sbp-top-banner img{display:block;width:100%;max-height:265px;object-fit:cover}
.sbp-hero{padding:40px 0 24px!important}
.sbp-container{max-width:1320px!important;padding-inline:22px!important}
.sbp-hero-grid{gap:26px!important;align-items:stretch!important}
.sbp-hero-copy{padding:30px 0 12px}
.sbp-kicker{background:#eaf6f3!important;color:var(--sb2-teal-700)!important;border-color:#cfe9e2!important}
.sbp-hero h1{font-size:clamp(38px,5vw,65px)!important;line-height:1.04!important;letter-spacing:-.065em!important;color:var(--sb2-navy)!important}
.sbp-hero h1 strong{color:var(--sb2-teal)!important}
.sbp-hero p{color:#52667a!important;line-height:1.67!important}
.sbp-hero-visual{border:1px solid #d6e6e4!important;border-radius:30px!important;box-shadow:var(--sb2-shadow-lg)!important;overflow:hidden}
.sbp-floating-card{border:1px solid rgba(222,230,235,.8)!important;box-shadow:0 16px 34px rgba(16,36,58,.13)!important}
.sbp-hero-badge{background:var(--sb2-amber)!important;color:var(--sb2-navy)!important}
.sbp-main-search{border:1px solid #d8e7e5!important;border-radius:20px!important;box-shadow:var(--sb2-shadow)!important;background:#fff!important}
.sbp-main-search :where(input,select){color:var(--sb2-ink)!important}
.sbp-main-search input:focus{outline:0!important;box-shadow:inset 0 -3px var(--sb2-teal)!important}
.sbp-stats{background:transparent!important}
.sbp-stat{background:#fff!important;border:1px solid var(--sb2-border)!important;border-radius:16px!important;box-shadow:0 4px 12px rgba(16,36,58,.045)!important}
.sbp-stat strong{color:var(--sb2-navy)!important}
.sbp-section{padding-top:55px!important}
.sbp-section h2{color:var(--sb2-navy)!important;letter-spacing:-.045em!important}
.sbp-subtitle{color:var(--sb2-muted)!important}
.sbp-category-grid{gap:14px!important}
.sbp-cat-card{border:1px solid var(--sb2-border)!important;background:#fff!important;border-radius:18px!important;box-shadow:0 4px 18px rgba(16,36,58,.04)!important;transition:transform .2s,box-shadow .2s!important}
.sbp-cat-card:hover{transform:translateY(-4px)!important;box-shadow:var(--sb2-shadow)!important}
.sbp-cat-img img{object-fit:cover}
.sbp-product-grid{gap:15px!important}
.sbp-product-card{border:1px solid var(--sb2-border)!important;border-radius:18px!important;overflow:hidden;box-shadow:0 5px 18px rgba(16,36,58,.045)!important;transition:transform .2s,box-shadow .2s!important}
.sbp-product-card:hover{transform:translateY(-4px)!important;box-shadow:var(--sb2-shadow)!important}
.sbp-product-thumb{background:#f1f5f7!important;overflow:hidden!important}
.sbp-product-thumb img{display:block;width:100%;object-fit:cover;object-position:center}
.sbp-book-card .sbp-product-thumb img{object-fit:contain!important;padding:9px;background:#f9fafb}
.sbp-card-title,.sbp-product-card .sbp-card-title{color:var(--sb2-navy)!important}
.sbp-price,.sbp-product-card .sbp-price{color:var(--sb2-teal-700)!important}
.sbp-trust-card,.sbp-news-card,.sbp-seller-card{border:1px solid var(--sb2-border)!important;border-radius:19px!important;box-shadow:0 5px 20px rgba(16,36,58,.045)!important}
.sbp-seller-banner{background:linear-gradient(112deg,var(--sb2-navy),#08665f)!important;border-radius:25px!important;box-shadow:var(--sb2-shadow-lg)!important}
/* New distinct commerce discovery row */
.sb2-market-types{margin-top:5px;padding-block:20px 5px}
.sb2-market-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:15px}
.sb2-market-intro h2{font-size:clamp(22px,2.3vw,31px);letter-spacing:-.055em;color:var(--sb2-navy);margin:5px 0 0}
.sb2-market-intro p{color:var(--sb2-muted);font-size:13px;max-width:470px;margin:0}
.sb2-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.sb2-market-tile{min-width:0;display:flex;align-items:flex-start;gap:14px;padding:19px 16px;background:#fff;border:1px solid var(--sb2-border);border-radius:20px;text-decoration:none;color:var(--sb2-navy);box-shadow:0 5px 18px rgba(16,36,58,.04);transition:transform .2s,box-shadow .2s,border-color .2s}
.sb2-market-tile:hover{transform:translateY(-4px);box-shadow:var(--sb2-shadow);border-color:#b4dad4}
.sb2-market-icon{flex:0 0 45px;width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:#e6f6f3;color:var(--sb2-teal);font-size:22px}
.sb2-market-tile:nth-child(2) .sb2-market-icon{background:#edf0fb;color:#324d91}
.sb2-market-tile:nth-child(3) .sb2-market-icon{background:#fff5df;color:#94650c}
.sb2-market-tile:nth-child(4) .sb2-market-icon{background:#f1eafa;color:#7647a5}
.sb2-market-copy{min-width:0;display:grid;gap:6px}
.sb2-market-copy strong{font-size:14px;line-height:1.2;letter-spacing:-.02em}
.sb2-market-copy span{font-size:12px;line-height:1.45;color:var(--sb2-muted)}
.sb2-market-copy em{font-size:11px;color:var(--sb2-teal-700);font-style:normal;font-weight:850}
/* Search and city templates */
.search-shell,.city-shell{background:linear-gradient(180deg,#f0f7f7,#f6f8fb 46%,#f7f8fb)!important}
.search-wrap,.city-wrap{max-width:1320px!important;padding-inline:20px!important}
.search-hero,.city-hero{border-radius:26px!important;border:1px solid #d9e7e6!important;box-shadow:var(--sb2-shadow)!important}
.search-title,.city-title{color:var(--sb2-navy)!important;letter-spacing:-.052em!important}
.search-layout,.city-layout{gap:18px!important}
.search-layout>aside,.city-layout>aside{min-width:0}
.search-card,.city-card,.search-sidebar-card,.city-sidebar-card{border:1px solid var(--sb2-border)!important;border-radius:18px!important;box-shadow:0 4px 16px rgba(16,36,58,.05)!important;overflow:hidden}
.search-card:hover,.city-card:hover{box-shadow:var(--sb2-shadow)!important;transform:translateY(-2px)}
.search-img-wrap,.city-img-wrap{background:#f1f5f7!important;overflow:hidden}
.search-img-wrap img,.city-img-wrap img{width:100%;height:100%;object-fit:cover}
.search-card.book .search-img-wrap img,.city-card.book .city-img-wrap img{object-fit:contain!important;background:#f9fbfc}
.search-card-title,.city-card-title{color:var(--sb2-navy)!important}
.search-card-price,.city-card-price{color:var(--sb2-teal-700)!important}
.search-btn.primary,.city-btn.primary{background:var(--sb2-teal)!important;color:#fff!important}
.search-hero .search-stat,.city-hero .city-stat{border-color:var(--sb2-border)!important}
/* Listing details */
.sb-ad-page{background:linear-gradient(180deg,#f0f8f7,#f7f9fb)!important}
.sb-ad-wrap{max-width:1320px!important;padding:20px 18px 48px!important}
.sb-card,.sb-price-card{border-radius:22px!important;border-color:var(--sb2-border)!important;box-shadow:var(--sb2-shadow)!important}
.sb-gallery-main{background:#f3f5f8!important}
.sb-gallery-main img{height:min(580px,65vw)!important;object-fit:contain!important;background:#f4f7fa!important}
.sb-gallery-main.book img{object-fit:contain!important}
.sb-title{color:var(--sb2-navy)!important;letter-spacing:-.045em!important}
.sb-price{color:var(--sb2-teal-700)!important}
.sb-cta.primary{background:var(--sb2-teal)!important;color:#fff!important}
.sb-stat,.sb-kv>div,.sb-chip{border-color:var(--sb2-border)!important}
.sb-th.active{border-color:var(--sb2-teal)!important}
.sb-price-card{top:96px!important}
.sb-bread a{color:var(--sb2-teal-700)!important}
/* Digital book/product detail */
.sbp-wrap .sbp-shell,.sbp-wrap .sbp-reco-panel{border-color:var(--sb2-border)!important;border-radius:22px!important;box-shadow:var(--sb2-shadow)!important}
/* Authentication and account templates retain existing form processing */
.signin-wrap,.signup-container{max-width:1120px!important}
.s-card,.signup-card,.signup-side,.signup-info{border-radius:23px!important;border-color:var(--sb2-border)!important;box-shadow:var(--sb2-shadow)!important}
.s-hero,.signup-card-head{background:linear-gradient(120deg,#edf7f5,#f8fafc)!important}
.s-title,.signup-card h1{color:var(--sb2-navy)!important;letter-spacing:-.04em!important}
.s-in,.signup-input{border-radius:12px!important;border-color:var(--sb2-border)!important;background:#f9fbfc!important}
.s-in:focus,.signup-input:focus{border-color:var(--sb2-teal)!important;background:#fff!important}
.s-btn:not(.gray),.signup-submit,.signup-btn-primary{background:var(--sb2-teal)!important;color:#fff!important}
/* Management shared shell and phase 1 security pages */
.mg-header,.mg-topline{font-family:var(--sb2-font)}
.mg-header{border-bottom:1px solid var(--sb2-border)!important;box-shadow:0 8px 24px rgba(16,36,58,.055)!important}
.mg-topline{background:var(--sb2-navy)!important;color:#e6f2f4!important}
.mg-topline a{color:#e6f2f4!important}
.mg-post{background:var(--sb2-teal)!important;color:#fff!important}
.sidebar{border-color:var(--sb2-border)!important;box-shadow:var(--sb2-shadow)!important}
.sidebar .nav a{border-radius:12px!important}
.sidebar .nav a.active,.sidebar .nav a[aria-current='page']{background:#e9f6f4!important;color:#055f58!important}
.mg-user-btn,.mg-icon,.mg-link{border-color:var(--sb2-border)!important}
.main .commandStrip,.main .hero{border-radius:24px!important}
.main .panel,.main .stat,.main .listPanel,.main .workforceOverview{border-radius:19px!important}
/* Loading and AJAX enhancement */
.sb2-loading{position:relative;pointer-events:none;opacity:.74}
.sb2-loading:after{content:'';display:inline-block;width:13px;height:13px;margin-left:9px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sb2-spin .8s linear infinite;vertical-align:middle}
@keyframes sb2-spin{to{transform:rotate(360deg)}}
.sb2-autocomplete{position:fixed;z-index:990;background:#fff;border:1px solid var(--sb2-border);border-radius:15px;box-shadow:var(--sb2-shadow-lg);padding:6px;max-height:320px;overflow:auto}
.sb2-autocomplete[hidden]{display:none!important}
.sb2-suggestion{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;background:#fff;border:0;border-radius:9px;text-align:left;font-size:13px;color:var(--sb2-ink)}
.sb2-suggestion:hover,.sb2-suggestion:focus{background:#eaf7f4}
.sb2-suggestion small{font-size:10px;color:var(--sb2-muted);white-space:nowrap}
/* Footer retains genuine existing links and newsletter handler */
.sb-footer{background:linear-gradient(135deg,#10243a,#063b39)!important}
.sb-footer-trust-strip{background:linear-gradient(90deg,#0a5d56,#087f75)!important}
.sb-footer a:hover{color:var(--sb2-amber)!important}
/* Responsive layouts */
@media(max-width:1050px){.sb2-market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sbp-hero-copy{padding-top:10px}.sbp-container{padding-inline:18px!important}}
@media(max-width:720px){.sb2-container{padding-inline:14px}.sb2-market-types{padding-block:12px 0}.sb2-market-intro{align-items:flex-start;flex-direction:column;gap:4px}.sb2-market-grid{gap:9px}.sb2-market-tile{gap:10px;padding:14px 11px;border-radius:15px}.sb2-market-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:17px}.sb2-market-copy strong{font-size:12px}.sb2-market-copy span{font-size:11px}.sbp-hero{padding-top:24px!important}.sbp-hero h1{font-size:clamp(34px,8vw,46px)!important}.sbp-hero-visual{min-height:340px!important}.sbp-top-banner{margin:9px 12px 0!important}.sbp-product-card{border-radius:13px!important}.search-wrap,.city-wrap{padding-inline:12px!important}.sb-gallery-main img{height:min(390px,85vw)!important}.sb-price-card{position:static!important}}
@media(max-width:370px){.sb2-market-grid{grid-template-columns:1fr}.sb2-market-tile{flex-direction:row}.sbp-hero h1{font-size:33px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Live category and subcategory results share the search/card system. */
.cat-shell{background:linear-gradient(180deg,#f0f8f7,#f6f8fb 44%,#f7f8fb)!important}
.cat-wrap{max-width:1320px!important;padding-inline:20px!important}
.cat-hero{border:1px solid #d9e7e6!important;background:linear-gradient(125deg,#fff,#edf8f5)!important;border-radius:26px!important;box-shadow:var(--sb2-shadow)!important}
.cat-title{color:var(--sb2-navy)!important;letter-spacing:-.05em!important}
.cat-breadcrumb a{color:var(--sb2-teal-700)!important}
.cat-btn.primary{background:var(--sb2-teal)!important;color:#fff!important}
.cat-layout{gap:18px!important}
.cat-panel,.cat-toolbar,.cat-featured-strip,.cat-card,.cat-mini-card{border:1px solid var(--sb2-border)!important;border-radius:18px!important;box-shadow:0 5px 18px rgba(16,36,58,.048)!important}
.cat-card:hover{box-shadow:var(--sb2-shadow)!important}
.cat-img-wrap{background:#f2f6f8!important}
.cat-card img.cat-img{object-fit:cover}
.cat-card.book img.cat-img{object-fit:contain!important}
.cat-card-title,.cat-section-head h2{color:var(--sb2-navy)!important}
.cat-price,.cat-mini-price{color:var(--sb2-teal-700)!important}
.cat-chip.active,.cat-view-toggle a.active{background:#e5f4f1!important;color:var(--sb2-teal-700)!important;border-color:#b8dcd5!important}
.cat-chip:hover{background:#eaf7f4!important}
/* Shared listing/product layout refinements */
.sb-product-grid,.sbp-shell,.sbp-rails{min-width:0}
.sb-product-grid .sb-card,.sbp-wrap .sbp-shell{border:1px solid var(--sb2-border)!important}
.sb-tabs-card{border-radius:22px!important;box-shadow:var(--sb2-shadow)!important}
.sb-related-sec .sb-rel-grid a{border-radius:16px!important;overflow:hidden}
/* Mobile controls should remain comfortably touchable. */
@media(max-width:720px){
 .cat-wrap{padding-inline:12px!important}
 .cat-sidebar{position:static!important}
 .cat-toolbar input,.cat-toolbar select,.search-layout input,.search-layout select,.city-layout input,.city-layout select{min-height:44px!important}
 .cat-grid.list .cat-card{grid-template-columns:1fr!important}
 .sb-product-grid{grid-template-columns:1fr!important}
}


/* ==============================================================
   SELABAYA SIGNATURE 2.1 - WHITE PAGE CANVAS
   Site-wide page/shell surfaces are PURE WHITE (#FFFFFF).
   Do not remove intentional colour from hero artwork, buttons,
   success/error messages, highlighted tabs, coloured trust strips
   or the dark branded footer.
   ============================================================== */
:root {
  --sb2-page-background:#ffffff;
  --sb2-cloud:#ffffff;
  --sb2-soft:#ffffff;
  --sb-color-page:#ffffff;
  --sb-cloud-50:#ffffff;
  --bg:#ffffff;
}
html, body {
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
}
/* Public homepage, discovery, category, city, listing shells. */
.sbp-home,
.sbp-section,
.sbp-stats,
.sb2-market-types,
.search-shell,
.city-shell,
.cat-shell,
.sb-ad-page {
  background:#ffffff !important;
  background-image:none !important;
}
/* Light marketplace hero/heading panels: white, framed, not tinted. */
.search-hero,
.city-hero,
.cat-hero,
.s-hero,
.signup-card-head {
  background:#ffffff !important;
  background-image:none !important;
}
/* Management canvas and sidebar, removing old green radial glows. */
body:has(.layout),
.layout,
.layout > .main,
.layout > .sidebar,
.sidebar,
.topbar,
.mg-topline + .mg-header,
.mg-header {
  background-color:#ffffff !important;
  background-image:none !important;
}
/* Keep the original navy top bar, which carries white text. */
.mg-topline { background:var(--sb2-navy) !important; }
/* Neutral section strips on Site Settings, not mint. */
.main .tabs { background-color:#ffffff !important; }
/* Intentionally dark/high-contrast Selabaya artwork remains branded. */
.sbp-seller-banner,
.sb-footer,
.sb-footer-trust-strip,
.sbp-hero-visual,
.um-hero,
.ss-hero,
.mg-user-banner,
.mg-sidebar-dim {
  /* Their individual colour and image styling is intentionally retained. */
}