/* =========================================================
   GEMA SUNYI
   Clean Final CSS + Editorial Premium Lift
   Root: #ss-gema-directory
   Prefix: ssgd-
   Scoped, TagDiv Newspaper Safe
========================================================= */


/* =========================================================
   0. HARD SCOPE RESET
========================================================= */

#ss-gema-directory,
#ss-gema-directory *,
#ss-gema-directory *::before,
#ss-gema-directory *::after{
  box-sizing:border-box !important;
}

#ss-gema-directory{
  --ssgd-bg:#07101d;
  --ssgd-bg-deep:#040914;
  --ssgd-bg-soft:#0d1d32;

  --ssgd-text:#f4efe6;
  --ssgd-muted:rgba(244,239,230,.74);
  --ssgd-soft:rgba(244,239,230,.56);
  --ssgd-faint:rgba(244,239,230,.42);

  --ssgd-surface:rgba(255,255,255,.060);
  --ssgd-surface-2:rgba(255,255,255,.092);
  --ssgd-surface-3:rgba(255,255,255,.124);

  --ssgd-border:rgba(255,255,255,.10);
  --ssgd-border-2:rgba(255,255,255,.15);
  --ssgd-border-gold:rgba(203,166,99,.30);
  --ssgd-border-gold-strong:rgba(203,166,99,.46);
  --ssgd-border-blue:rgba(109,142,173,.34);
  --ssgd-border-green:rgba(116,168,141,.28);
  --ssgd-border-violet:rgba(143,132,201,.28);
  --ssgd-border-copper:rgba(185,122,84,.30);

  --ssgd-gold:#c9a767;
  --ssgd-gold-2:#efdca5;
  --ssgd-blue:#6d8ead;
  --ssgd-green:#74a88d;
  --ssgd-violet:#8f84c9;
  --ssgd-copper:#b97a54;

  --ssgd-gold-soft:rgba(201,167,103,.16);
  --ssgd-blue-soft:rgba(109,142,173,.14);
  --ssgd-green-soft:rgba(116,168,141,.11);
  --ssgd-violet-soft:rgba(143,132,201,.11);
  --ssgd-copper-soft:rgba(185,122,84,.11);

  --ssgd-shadow:0 28px 84px rgba(0,0,0,.34);
  --ssgd-shadow-soft:0 18px 52px rgba(0,0,0,.16);

  --ssgd-radius-xl:32px;
  --ssgd-radius-lg:24px;
  --ssgd-radius-md:18px;
  --ssgd-radius-sm:14px;

  --ssgd-max:1120px;
  --ssgd-serif:Georgia, "Times New Roman", serif;
  --ssgd-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  width:100% !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:0 !important;

  color:var(--ssgd-text) !important;
  font-family:var(--ssgd-sans) !important;
  font-size:16px !important;
  line-height:1.7 !important;

  background:
    radial-gradient(circle at 14% 7%, rgba(201,167,103,.15), transparent 31%),
    radial-gradient(circle at 84% 11%, rgba(109,142,173,.18), transparent 34%),
    radial-gradient(circle at 50% 96%, rgba(116,168,141,.075), transparent 36%),
    radial-gradient(circle at 18% 82%, rgba(143,132,201,.045), transparent 34%),
    linear-gradient(90deg, rgba(201,167,103,.016) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, var(--ssgd-bg-deep) 0%, var(--ssgd-bg) 43%, var(--ssgd-bg-soft) 100%) !important;
  background-size:auto, auto, auto, auto, 58px 58px, auto !important;
}

#ss-gema-directory[data-theme="light"]{
  --ssgd-bg:#f7f1e7;
  --ssgd-bg-deep:#fcf8ef;
  --ssgd-bg-soft:#edf2f4;

  --ssgd-text:#172235;
  --ssgd-muted:rgba(23,34,53,.74);
  --ssgd-soft:rgba(23,34,53,.56);
  --ssgd-faint:rgba(23,34,53,.42);

  --ssgd-surface:rgba(255,255,255,.74);
  --ssgd-surface-2:rgba(255,255,255,.94);
  --ssgd-surface-3:rgba(255,255,255,.98);

  --ssgd-border:rgba(22,36,56,.13);
  --ssgd-border-2:rgba(22,36,56,.18);
  --ssgd-border-gold:rgba(126,91,38,.28);
  --ssgd-border-gold-strong:rgba(126,91,38,.42);
  --ssgd-border-blue:rgba(65,111,152,.28);
  --ssgd-border-green:rgba(71,124,98,.24);
  --ssgd-border-violet:rgba(105,96,164,.24);
  --ssgd-border-copper:rgba(152,99,67,.24);

  --ssgd-gold:#9f7430;
  --ssgd-gold-2:#7d5520;
  --ssgd-blue:#416f98;
  --ssgd-green:#477c62;
  --ssgd-violet:#6960a4;
  --ssgd-copper:#986343;

  --ssgd-gold-soft:rgba(159,116,48,.12);
  --ssgd-blue-soft:rgba(65,111,152,.10);
  --ssgd-green-soft:rgba(71,124,98,.10);
  --ssgd-violet-soft:rgba(105,96,164,.10);
  --ssgd-copper-soft:rgba(152,99,67,.10);

  --ssgd-shadow:0 26px 78px rgba(30,36,48,.12);
  --ssgd-shadow-soft:0 18px 52px rgba(30,36,48,.10);

  color:var(--ssgd-text) !important;
  background:
    radial-gradient(circle at 14% 7%, rgba(159,116,48,.15), transparent 31%),
    radial-gradient(circle at 84% 11%, rgba(65,111,152,.11), transparent 34%),
    radial-gradient(circle at 50% 96%, rgba(71,124,98,.060), transparent 36%),
    linear-gradient(90deg, rgba(159,116,48,.018) 0 1px, transparent 1px 100%),
    linear-gradient(145deg, #fcf8ef 0%, #f4ede1 48%, #edf2f4 100%) !important;
  background-size:auto, auto, auto, 58px 58px, auto !important;
}


/* =========================================================
   1. TAGDIV AND NEWSPAPER GUARD
========================================================= */

#ss-gema-directory h1,
#ss-gema-directory h2,
#ss-gema-directory h3,
#ss-gema-directory h4,
#ss-gema-directory p,
#ss-gema-directory span,
#ss-gema-directory strong,
#ss-gema-directory em,
#ss-gema-directory a,
#ss-gema-directory button,
#ss-gema-directory input,
#ss-gema-directory select,
#ss-gema-directory label,
#ss-gema-directory div,
#ss-gema-directory section,
#ss-gema-directory article,
#ss-gema-directory aside,
#ss-gema-directory header,
#ss-gema-directory main,
#ss-gema-directory nav,
#ss-gema-directory details,
#ss-gema-directory summary,
#ss-gema-directory blockquote,
#ss-gema-directory ol,
#ss-gema-directory li{
  font-family:inherit !important;
  text-shadow:none !important;
}

#ss-gema-directory h1,
#ss-gema-directory h2,
#ss-gema-directory h3,
#ss-gema-directory h4{
  margin-top:0 !important;
  color:var(--ssgd-text) !important;
  font-family:var(--ssgd-serif) !important;
  text-transform:none !important;
}

#ss-gema-directory p{
  margin-top:0 !important;
  color:var(--ssgd-muted) !important;
}

#ss-gema-directory a,
#ss-gema-directory a:link,
#ss-gema-directory a:visited,
#ss-gema-directory a:hover,
#ss-gema-directory a:active{
  color:inherit;
  text-decoration:none !important;
  outline:none !important;
}

#ss-gema-directory button{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  outline:none !important;
  background:none !important;
  font:inherit !important;
  cursor:pointer !important;
}

#ss-gema-directory input,
#ss-gema-directory select{
  outline:none !important;
}


/* =========================================================
   2. LAYOUT AND TYPE
========================================================= */

#ss-gema-directory .ssgd-shell{
  width:min(var(--ssgd-max), calc(100% - 32px)) !important;
  margin:0 auto !important;
  position:relative !important;
  z-index:2 !important;
}

#ss-gema-directory h1{
  max-width:760px !important;
  margin:0 auto 18px !important;
  font-size:clamp(34px, 4.25vw, 49px) !important;
  line-height:1.03 !important;
  letter-spacing:-.046em !important;
  font-weight:730 !important;
}

#ss-gema-directory h2{
  margin:0 !important;
  font-size:clamp(25px, 2.55vw, 36px) !important;
  line-height:1.14 !important;
  letter-spacing:-.032em !important;
  font-weight:700 !important;
}

#ss-gema-directory h3{
  margin:0 0 8px !important;
  font-size:clamp(18px, 1.45vw, 22px) !important;
  line-height:1.2 !important;
  letter-spacing:-.018em !important;
  font-weight:700 !important;
}

#ss-gema-directory .ssgd-kicker,
#ss-gema-directory .ssgd-card-label{
  display:inline-flex !important;
  align-items:center !important;
  margin:0 0 11px !important;
  color:var(--ssgd-gold) !important;
  font-size:11px !important;
  font-weight:860 !important;
  line-height:1.2 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
}


/* =========================================================
   3. BACKGROUND LAYERS
========================================================= */

#ss-gema-directory .ssgd-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

#ss-gema-directory .ssgd-orbit{
  position:absolute !important;
  left:50% !important;
  top:5% !important;
  transform:translateX(-50%) !important;
  border-radius:50% !important;
  border:1px solid rgba(201,167,103,.08) !important;
}

#ss-gema-directory .ssgd-orbit-1{
  width:520px !important;
  height:520px !important;
}

#ss-gema-directory .ssgd-orbit-2{
  width:860px !important;
  height:860px !important;
  opacity:.46 !important;
}

#ss-gema-directory .ssgd-glow{
  position:absolute !important;
  border-radius:999px !important;
  filter:blur(46px) !important;
  opacity:.28 !important;
}

#ss-gema-directory .ssgd-glow-1{
  width:420px !important;
  height:420px !important;
  left:6% !important;
  top:9% !important;
  background:rgba(109,142,173,.26) !important;
}

#ss-gema-directory .ssgd-glow-2{
  width:340px !important;
  height:340px !important;
  right:7% !important;
  top:22% !important;
  background:rgba(201,167,103,.14) !important;
}


/* =========================================================
   4. TOPBAR
========================================================= */

#ss-gema-directory .ssgd-topbar{
  position:sticky !important;
  top:0 !important;
  z-index:40 !important;
  border-bottom:1px solid var(--ssgd-border) !important;
  background:rgba(7,16,29,.76) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-topbar{
  background:rgba(247,241,231,.86) !important;
}

#ss-gema-directory .ssgd-topbar-inner{
  min-height:62px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
}

#ss-gema-directory .ssgd-brand{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  flex:0 0 auto !important;
  color:var(--ssgd-text) !important;
  font-size:12px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.040em !important;
  white-space:nowrap !important;
}

#ss-gema-directory .ssgd-brand-mark{
  width:31px !important;
  height:31px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  border:1px solid var(--ssgd-border-gold) !important;
  background:var(--ssgd-gold-soft) !important;
  color:var(--ssgd-gold) !important;
  box-shadow:0 0 28px rgba(201,167,103,.12) !important;
}

#ss-gema-directory .ssgd-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

#ss-gema-directory .ssgd-nav a,
#ss-gema-directory .ssgd-theme-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid var(--ssgd-border) !important;
  background:rgba(255,255,255,.052) !important;
  color:var(--ssgd-muted) !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
  transition:
    transform .25s ease,
    border-color .25s ease,
    background .25s ease,
    color .25s ease !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-nav a,
#ss-gema-directory[data-theme="light"] .ssgd-theme-toggle{
  background:rgba(255,255,255,.72) !important;
}

#ss-gema-directory .ssgd-nav a:hover,
#ss-gema-directory .ssgd-theme-toggle:hover{
  transform:translateY(-2px) !important;
  color:var(--ssgd-text) !important;
  border-color:var(--ssgd-border-gold) !important;
  background:var(--ssgd-surface-2) !important;
}


/* =========================================================
   5. BUTTONS
========================================================= */

#ss-gema-directory .ssgd-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 15px !important;
  border-radius:999px !important;
  border:1px solid var(--ssgd-border) !important;
  background:rgba(255,255,255,.060) !important;
  color:var(--ssgd-text) !important;
  font-size:12.5px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:.020em !important;
  cursor:pointer !important;
  transition:
    transform .25s ease,
    border-color .25s ease,
    background .25s ease,
    color .25s ease,
    box-shadow .25s ease !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-btn{
  background:rgba(255,255,255,.70) !important;
}

#ss-gema-directory .ssgd-btn:hover{
  transform:translateY(-2px) !important;
  border-color:var(--ssgd-border-gold) !important;
  background:var(--ssgd-surface-2) !important;
}

#ss-gema-directory .ssgd-btn-primary,
#ss-gema-directory .ssgd-btn-primary:hover,
#ss-gema-directory .ssgd-btn-primary:focus-visible{
  color:#120f0a !important;
  background:linear-gradient(135deg, #d9b66e, #f2dda3) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:0 16px 42px rgba(201,167,103,.16) !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-btn-primary{
  color:#120f0a !important;
  background:linear-gradient(135deg, #d3ad62, #f2dda3) !important;
}

#ss-gema-directory .ssgd-btn-soft{
  background:var(--ssgd-surface-2) !important;
}


/* =========================================================
   6. HERO
========================================================= */

#ss-gema-directory .ssgd-main{
  position:relative !important;
  z-index:2 !important;
}

#ss-gema-directory .ssgd-hero{
  position:relative !important;
  padding:62px 0 24px !important;
}

#ss-gema-directory .ssgd-hero-center{
  position:relative !important;
  overflow:hidden !important;
  max-width:980px !important;
  margin:0 auto !important;
  padding:clamp(30px, 4vw, 48px) !important;
  text-align:center !important;
  border:1px solid var(--ssgd-border-gold) !important;
  border-radius:var(--ssgd-radius-xl) !important;
  background:
    radial-gradient(circle at 50% 18%, rgba(201,167,103,.16), transparent 34%),
    radial-gradient(circle at 14% 82%, rgba(109,142,173,.12), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.080), rgba(255,255,255,.030)) !important;
  box-shadow:var(--ssgd-shadow) !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-hero-center{
  background:
    radial-gradient(circle at 50% 18%, rgba(159,116,48,.12), transparent 34%),
    radial-gradient(circle at 14% 82%, rgba(65,111,152,.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.64)) !important;
}

#ss-gema-directory .ssgd-hero-center::before{
  content:"" !important;
  position:absolute !important;
  inset:20px !important;
  border-radius:26px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  pointer-events:none !important;
}

#ss-gema-directory .ssgd-hero-center::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:min(78%, 640px) !important;
  aspect-ratio:1 / 1 !important;
  transform:translate(-50%, -50%) rotate(11deg) !important;
  border-radius:50% !important;
  border:1px dashed rgba(201,167,103,.18) !important;
  box-shadow:
    0 0 88px rgba(109,142,173,.08),
    inset 0 0 70px rgba(201,167,103,.045) !important;
  pointer-events:none !important;
  opacity:.72 !important;
}

#ss-gema-directory .ssgd-hero-center > *{
  position:relative !important;
  z-index:2 !important;
}

#ss-gema-directory .ssgd-lead{
  max-width:720px !important;
  margin:0 auto 22px !important;
  color:var(--ssgd-muted) !important;
  font-size:clamp(15.5px, 1.18vw, 17.5px) !important;
  line-height:1.74 !important;
}

#ss-gema-directory .ssgd-hero-actions,
#ss-gema-directory .ssgd-featured-actions,
#ss-gema-directory .ssgd-napas-actions{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
}

#ss-gema-directory .ssgd-hero-actions-center,
#ss-gema-directory .ssgd-closing-actions{
  justify-content:center !important;
}


/* =========================================================
   7. GEMA HARI INI
========================================================= */

#ss-gema-directory .ssgd-featured-section{
  padding:14px 0 34px !important;
}

#ss-gema-directory .ssgd-featured-card{
  position:relative !important;
  overflow:hidden !important;
  max-width:920px !important;
  margin:0 auto !important;
  padding:clamp(26px, 3.7vw, 44px) !important;
  border:1px solid var(--ssgd-border-gold) !important;
  border-radius:var(--ssgd-radius-xl) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(201,167,103,.13), transparent 34%),
    radial-gradient(circle at 90% 88%, rgba(109,142,173,.10), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.076), rgba(255,255,255,.032)) !important;
  box-shadow:var(--ssgd-shadow) !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-featured-card{
  background:
    radial-gradient(circle at 12% 18%, rgba(159,116,48,.10), transparent 34%),
    radial-gradient(circle at 90% 88%, rgba(65,111,152,.065), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.66)) !important;
}

#ss-gema-directory .ssgd-featured-card::before{
  content:"" !important;
  position:absolute !important;
  inset:18px !important;
  border-radius:24px !important;
  border:1px solid rgba(201,167,103,.15) !important;
  pointer-events:none !important;
}

#ss-gema-directory .ssgd-featured-card::after{
  content:"" !important;
  position:absolute !important;
  right:-120px !important;
  bottom:-140px !important;
  width:340px !important;
  height:340px !important;
  border-radius:50% !important;
  border:1px solid rgba(109,142,173,.13) !important;
  box-shadow:
    0 0 0 46px rgba(109,142,173,.014),
    0 0 0 96px rgba(201,167,103,.010) !important;
  pointer-events:none !important;
  opacity:.50 !important;
}

#ss-gema-directory .ssgd-featured-card > *{
  position:relative !important;
  z-index:2 !important;
}

#ss-gema-directory .ssgd-featured-top{
  display:flex !important;
  justify-content:space-between !important;
  gap:18px !important;
  align-items:flex-start !important;
}

#ss-gema-directory .ssgd-featured-card h2{
  max-width:820px !important;
  margin:0 !important;
  font-size:clamp(22px, 2.35vw, 28px) !important;
  line-height:1.12 !important;
  letter-spacing:-.030em !important;
}

#ss-gema-directory .ssgd-icon-btn{
  width:38px !important;
  height:38px !important;
  flex:0 0 auto !important;
  display:grid !important;
  place-items:center !important;
  border-radius:999px !important;
  border:1px solid var(--ssgd-border) !important;
  background:rgba(255,255,255,.060) !important;
  color:var(--ssgd-text) !important;
  font-size:16px !important;
  transition:transform .25s ease, border-color .25s ease, background .25s ease !important;
}

#ss-gema-directory .ssgd-icon-btn:hover{
  transform:rotate(18deg) !important;
  border-color:var(--ssgd-border-gold) !important;
  background:var(--ssgd-gold-soft) !important;
}

#ss-gema-directory .ssgd-featured-text{
  margin:24px 0 16px !important;
  padding:0 !important;
  border:0 !important;
  color:var(--ssgd-text) !important;
  font-family:var(--ssgd-serif) !important;
  font-size:clamp(24px, 2.8vw, 38px) !important;
  line-height:1.24 !important;
  letter-spacing:-.024em !important;
  font-weight:520 !important;
}

#ss-gema-directory .ssgd-featured-meta,
#ss-gema-directory .ssgd-card-meta{
  display:flex !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}

#ss-gema-directory .ssgd-featured-meta{
  margin-bottom:14px !important;
}

#ss-gema-directory .ssgd-featured-meta span,
#ss-gema-directory .ssgd-card-meta span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:24px !important;
  padding:5px 8px !important;
  border-radius:999px !important;
  border:1px solid var(--ssgd-border) !important;
  background:rgba(255,255,255,.044) !important;
  color:var(--ssgd-muted) !important;
  font-size:10px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
}

#ss-gema-directory .ssgd-featured-meaning{
  max-width:760px !important;
  margin:0 0 20px !important;
  color:var(--ssgd-muted) !important;
  font-size:14px !important;
  line-height:1.66 !important;
}


/* =========================================================
   8. SATU NAPAS AND DIRECTORY GATE
========================================================= */

#ss-gema-directory .ssgd-napas-section,
#ss-gema-directory .ssgd-directory-gate-section{
  padding:14px 0 38px !important;
}

#ss-gema-directory .ssgd-napas-card,
#ss-gema-directory .ssgd-directory-gate-card{
  position:relative !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  gap:24px !important;
  align-items:center !important;
  padding:clamp(24px, 3vw, 34px) !important;
  border:1px solid var(--ssgd-border-gold) !important;
  border-radius:var(--ssgd-radius-xl) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(201,167,103,.12), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(109,142,173,.10), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.030)) !important;
  box-shadow:var(--ssgd-shadow) !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-napas-card,
#ss-gema-directory[data-theme="light"] .ssgd-directory-gate-card{
  background:
    radial-gradient(circle at 12% 18%, rgba(159,116,48,.10), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(65,111,152,.065), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.64)) !important;
}

#ss-gema-directory .ssgd-napas-card::before,
#ss-gema-directory .ssgd-directory-gate-card::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:32px !important;
  bottom:32px !important;
  width:3px !important;
  border-radius:999px !important;
  background:linear-gradient(to bottom, transparent, var(--ssgd-blue), transparent) !important;
  opacity:.42 !important;
}

#ss-gema-directory .ssgd-napas-card > *,
#ss-gema-directory .ssgd-directory-gate-card > *{
  position:relative !important;
  z-index:2 !important;
}

#ss-gema-directory .ssgd-napas-card h2,
#ss-gema-directory .ssgd-directory-gate-card h2{
  margin:0 0 10px !important;
}

#ss-gema-directory .ssgd-napas-card p,
#ss-gema-directory .ssgd-directory-gate-card p{
  max-width:720px !important;
  margin:0 !important;
  color:var(--ssgd-muted) !important;
  font-size:15px !important;
  line-height:1.66 !important;
}

#ss-gema-directory .ssgd-napas-actions{
  justify-content:flex-end !important;
}

#ss-gema-directory #ssgd-directory-gate.is-muted{
  opacity:.66 !important;
}


/* =========================================================
   9. SEARCH DIRECTORY
========================================================= */

#ss-gema-directory .ssgd-search-section{
  padding:6px 0 44px !important;
}

#ss-gema-directory .ssgd-search-section.is-collapsed{
  display:none !important;
}

#ss-gema-directory .ssgd-search-section.is-open{
  display:block !important;
}

#ss-gema-directory .ssgd-search-panel{
  position:relative !important;
  overflow:hidden !important;
  padding:clamp(24px, 3vw, 34px) !important;
  border:1px solid var(--ssgd-border-gold) !important;
  border-radius:var(--ssgd-radius-xl) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(201,167,103,.12), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(109,142,173,.10), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.030)) !important;
  box-shadow:var(--ssgd-shadow) !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-search-panel{
  background:
    radial-gradient(circle at 12% 18%, rgba(159,116,48,.10), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(65,111,152,.065), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.64)) !important;
}

#ss-gema-directory .ssgd-search-panel::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:32px !important;
  bottom:32px !important;
  width:3px !important;
  border-radius:999px !important;
  background:linear-gradient(to bottom, transparent, var(--ssgd-green), transparent) !important;
  opacity:.42 !important;
}

#ss-gema-directory .ssgd-search-panel > *{
  position:relative !important;
  z-index:2 !important;
}

#ss-gema-directory .ssgd-search-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:20px !important;
  margin-bottom:18px !important;
}

#ss-gema-directory .ssgd-search-head h2{
  max-width:760px !important;
  margin:0 !important;
}

#ss-gema-directory .ssgd-reset{
  min-height:34px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid var(--ssgd-border) !important;
  background:rgba(255,255,255,.060) !important;
  color:var(--ssgd-muted) !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
}

#ss-gema-directory .ssgd-mode-tabs{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 0 14px !important;
}

#ss-gema-directory .ssgd-mode-tabs button{
  min-height:34px !important;
  padding:8px 13px !important;
  border-radius:999px !important;
  border:1px solid var(--ssgd-border) !important;
  background:rgba(255,255,255,.052) !important;
  color:var(--ssgd-muted) !important;
  font-size:11px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}

#ss-gema-directory .ssgd-mode-tabs button:hover{
  border-color:var(--ssgd-border-gold) !important;
  color:var(--ssgd-text) !important;
  background:var(--ssgd-gold-soft) !important;
}

#ss-gema-directory .ssgd-mode-tabs button.is-active{
  border-color:var(--ssgd-border-gold) !important;
  background:var(--ssgd-gold-soft) !important;
  color:var(--ssgd-text) !important;
}

#ss-gema-directory .ssgd-search-input{
  width:100% !important;
  min-height:54px !important;
  padding:14px 16px !important;
  border-radius:18px !important;
  border:1px solid var(--ssgd-border-gold) !important;
  background:rgba(255,255,255,.065) !important;
  color:var(--ssgd-text) !important;
  font-size:14px !important;
  line-height:1.4 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-search-input{
  background:rgba(255,255,255,.90) !important;
}

#ss-gema-directory .ssgd-search-input::placeholder{
  color:var(--ssgd-faint) !important;
}

#ss-gema-directory .ssgd-quick-chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:14px 0 18px !important;
}

#ss-gema-directory .ssgd-quick-chips button{
  min-height:31px !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  border:1px solid var(--ssgd-border) !important;
  background:rgba(255,255,255,.050) !important;
  color:var(--ssgd-muted) !important;
  font-size:12px !important;
  font-weight:820 !important;
  line-height:1.2 !important;
}

#ss-gema-directory .ssgd-quick-chips button:hover{
  border-color:var(--ssgd-border-gold) !important;
  color:var(--ssgd-text) !important;
  background:var(--ssgd-gold-soft) !important;
}

#ss-gema-directory .ssgd-filter-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:10px !important;
}

#ss-gema-directory .ssgd-filter-grid label{
  display:block !important;
  min-width:0 !important;
}

#ss-gema-directory .ssgd-filter-grid span{
  display:block !important;
  margin:0 0 6px !important;
  color:var(--ssgd-soft) !important;
  font-size:10px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

#ss-gema-directory .ssgd-filter-grid select{
  width:100% !important;
  min-height:42px !important;
  padding:9px 10px !important;
  border-radius:14px !important;
  border:1px solid var(--ssgd-border) !important;
  background:rgba(255,255,255,.060) !important;
  color:var(--ssgd-text) !important;
  font-size:13px !important;
  font-weight:780 !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-filter-grid select{
  background:rgba(255,255,255,.92) !important;
}

#ss-gema-directory .ssgd-filter-grid option{
  color:#151515 !important;
}

#ss-gema-directory .ssgd-result-bar{
  display:flex !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-top:16px !important;
  color:var(--ssgd-muted) !important;
  font-size:12px !important;
  font-weight:780 !important;
  line-height:1.45 !important;
}

#ss-gema-directory .ssgd-result-note{
  color:var(--ssgd-faint) !important;
  text-align:right !important;
}


/* =========================================================
   10. DIRECTORY RESULTS
========================================================= */

#ss-gema-directory .ssgd-search-section:not(.has-query) .ssgd-grid,
#ss-gema-directory .ssgd-search-section:not(.has-query) .ssgd-empty,
#ss-gema-directory .ssgd-search-section:not(.has-query) .ssgd-load-more-wrap{
  display:none !important;
}

#ss-gema-directory .ssgd-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
  margin-top:18px !important;
}

#ss-gema-directory .ssgd-gema-card{
  position:relative !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:248px !important;
  padding:18px !important;
  border-radius:20px !important;
  border:1px solid var(--ssgd-border) !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(109,142,173,.095), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.022)) !important;
  box-shadow:var(--ssgd-shadow-soft) !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-gema-card{
  background:
    radial-gradient(circle at 90% 10%, rgba(65,111,152,.075), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.56)) !important;
}

#ss-gema-directory .ssgd-gema-card::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(201,167,103,.44), transparent) !important;
  opacity:.62 !important;
}

#ss-gema-directory .ssgd-gema-card.is-filosofis{
  border-color:var(--ssgd-border-blue) !important;
}

#ss-gema-directory .ssgd-gema-card.is-praktis{
  border-color:var(--ssgd-border-gold) !important;
}

#ss-gema-directory .ssgd-gema-card:hover{
  border-color:var(--ssgd-border-gold) !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(201,167,103,.12), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.074), rgba(255,255,255,.030)) !important;
}

#ss-gema-directory .ssgd-card-type{
  margin:0 0 10px !important;
  color:var(--ssgd-gold) !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1.3 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

#ss-gema-directory .ssgd-card-text{
  margin:0 0 14px !important;
  color:var(--ssgd-text) !important;
  font-family:var(--ssgd-serif) !important;
  font-size:20px !important;
  line-height:1.34 !important;
  letter-spacing:-.018em !important;
}

#ss-gema-directory .ssgd-card-meta{
  margin:auto 0 14px !important;
}

#ss-gema-directory .ssgd-card-actions{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

#ss-gema-directory .ssgd-card-actions button{
  min-height:32px !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  border:1px solid var(--ssgd-border) !important;
  background:rgba(255,255,255,.060) !important;
  color:var(--ssgd-text) !important;
  font-size:10.5px !important;
  font-weight:850 !important;
  line-height:1.2 !important;
}

#ss-gema-directory .ssgd-card-actions button:first-child{
  background:var(--ssgd-gold-soft) !important;
  border-color:var(--ssgd-border-gold) !important;
}

#ss-gema-directory .ssgd-empty{
  display:none !important;
  margin-top:18px !important;
  padding:18px !important;
  border-radius:18px !important;
  border:1px solid var(--ssgd-border) !important;
  background:rgba(255,255,255,.055) !important;
  color:var(--ssgd-muted) !important;
  text-align:center !important;
  font-size:14px !important;
  line-height:1.6 !important;
}

#ss-gema-directory .ssgd-empty.is-visible{
  display:block !important;
}

#ss-gema-directory .ssgd-load-more-wrap{
  display:flex !important;
  justify-content:center !important;
  margin-top:20px !important;
}


/* =========================================================
   11. INFO / PUSAT MAKNA
========================================================= */

#ss-gema-directory .ssgd-info-section{
  padding:34px 0 40px !important;
}

#ss-gema-directory .ssgd-info-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.12fr) minmax(0, .84fr) minmax(0, .84fr) !important;
  gap:16px !important;
}

#ss-gema-directory .ssgd-info-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:220px !important;
  padding:clamp(22px, 2.6vw, 30px) !important;
  border:1px solid var(--ssgd-border) !important;
  border-radius:var(--ssgd-radius-lg) !important;
  background:
    radial-gradient(circle at 86% 12%, rgba(109,142,173,.095), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.060), rgba(255,255,255,.022)) !important;
  box-shadow:var(--ssgd-shadow-soft) !important;
}

#ss-gema-directory .ssgd-info-card-large{
  border-color:var(--ssgd-border-gold) !important;
  border-radius:var(--ssgd-radius-xl) !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(201,167,103,.12), transparent 34%),
    radial-gradient(circle at 92% 88%, rgba(109,142,173,.10), transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.030)) !important;
  box-shadow:var(--ssgd-shadow) !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-info-card{
  background:
    radial-gradient(circle at 86% 12%, rgba(65,111,152,.075), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,255,255,.56)) !important;
}

#ss-gema-directory .ssgd-info-card::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(201,167,103,.44), transparent) !important;
  opacity:.62 !important;
}

#ss-gema-directory .ssgd-info-card > *{
  position:relative !important;
  z-index:2 !important;
}

#ss-gema-directory .ssgd-info-card h2,
#ss-gema-directory .ssgd-info-card h3{
  margin:0 0 11px !important;
}

#ss-gema-directory .ssgd-info-card p{
  margin:0 !important;
  color:var(--ssgd-muted) !important;
  font-size:14.5px !important;
  line-height:1.68 !important;
}


/* =========================================================
   12. FAQ
========================================================= */

#ss-gema-directory .ssgd-faq-section{
  padding:30px 0 40px !important;
}

#ss-gema-directory .ssgd-section-head{
  max-width:760px !important;
  margin-bottom:22px !important;
}

#ss-gema-directory .ssgd-section-head h2{
  margin:0 0 10px !important;
}

#ss-gema-directory .ssgd-faq-list{
  display:grid !important;
  gap:10px !important;
}

#ss-gema-directory .ssgd-faq-list details{
  position:relative !important;
  overflow:hidden !important;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  border:1px solid var(--ssgd-border) !important;
  border-radius:20px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.058), rgba(255,255,255,.024)) !important;
  box-shadow:0 16px 44px rgba(0,0,0,.12) !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-faq-list details{
  background:
    linear-gradient(145deg, rgba(255,255,255,.90), rgba(255,255,255,.62)) !important;
  box-shadow:0 16px 44px rgba(24,33,48,.09) !important;
}

#ss-gema-directory .ssgd-faq-list details::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  top:0 !important;
  height:1px !important;
  background:linear-gradient(90deg, rgba(201,167,103,.44), transparent) !important;
  opacity:.62 !important;
}

#ss-gema-directory .ssgd-faq-list summary{
  position:relative !important;
  z-index:2 !important;
  cursor:pointer !important;
  padding:17px 20px !important;
  color:var(--ssgd-text) !important;
  font-family:var(--ssgd-serif) !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  letter-spacing:-.018em !important;
  list-style:none !important;
}

#ss-gema-directory .ssgd-faq-list summary::-webkit-details-marker{
  display:none !important;
}

#ss-gema-directory .ssgd-faq-list summary::after{
  content:"+" !important;
  float:right !important;
  width:28px !important;
  height:28px !important;
  display:inline-grid !important;
  place-items:center !important;
  margin-left:16px !important;
  border-radius:999px !important;
  border:1px solid var(--ssgd-border-gold) !important;
  color:var(--ssgd-gold) !important;
  background:var(--ssgd-gold-soft) !important;
  font-family:var(--ssgd-sans) !important;
  font-size:18px !important;
  line-height:1 !important;
  transition:transform .24s ease !important;
}

#ss-gema-directory .ssgd-faq-list details[open]{
  border-color:var(--ssgd-border-gold) !important;
  background:
    radial-gradient(circle at 94% 12%, rgba(201,167,103,.10), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.064), rgba(255,255,255,.024)) !important;
}

#ss-gema-directory .ssgd-faq-list details[open] summary::after{
  transform:rotate(45deg) !important;
}

#ss-gema-directory .ssgd-faq-list p{
  position:relative !important;
  z-index:2 !important;
  margin:0 !important;
  padding:0 20px 18px !important;
  color:var(--ssgd-muted) !important;
  font-size:14.5px !important;
  line-height:1.7 !important;
}


/* =========================================================
   13. CLOSING
========================================================= */

#ss-gema-directory .ssgd-closing{
  padding:26px 0 58px !important;
}

#ss-gema-directory .ssgd-closing-card{
  position:relative !important;
  overflow:hidden !important;
  padding:clamp(26px, 3.5vw, 40px) !important;
  border:1px solid var(--ssgd-border-gold) !important;
  border-radius:var(--ssgd-radius-xl) !important;
  background:
    radial-gradient(circle at 12% 30%, rgba(201,167,103,.14), transparent 34%),
    radial-gradient(circle at 88% 20%, rgba(109,142,173,.12), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.034)) !important;
  box-shadow:var(--ssgd-shadow) !important;
  text-align:center !important;
}

#ss-gema-directory[data-theme="light"] .ssgd-closing-card{
  background:
    radial-gradient(circle at 12% 30%, rgba(159,116,48,.11), transparent 34%),
    radial-gradient(circle at 88% 20%, rgba(65,111,152,.08), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,255,255,.66)) !important;
}

#ss-gema-directory .ssgd-closing-card::before{
  content:"" !important;
  position:absolute !important;
  left:-8% !important;
  top:-40% !important;
  width:360px !important;
  height:360px !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(109,142,173,.14), transparent 68%) !important;
  pointer-events:none !important;
}

#ss-gema-directory .ssgd-closing-card > *{
  position:relative !important;
  z-index:2 !important;
}

#ss-gema-directory .ssgd-closing-card h2{
  max-width:780px !important;
  margin:0 auto 22px !important;
  font-size:clamp(24px, 2.5vw, 34px) !important;
  line-height:1.18 !important;
}


/* =========================================================
   14. SATU NAPAS OVERLAY SAFETY
========================================================= */

#sunyi-ritus,
.sunyi-ritual,
.sunyi-overlay,
.sunyi-panel{
  z-index:950000 !important;
}


/* =========================================================
   15. RESPONSIVE
========================================================= */

@media(max-width:920px){
  #ss-gema-directory .ssgd-napas-card,
  #ss-gema-directory .ssgd-directory-gate-card,
  #ss-gema-directory .ssgd-info-grid{
    grid-template-columns:1fr !important;
  }

  #ss-gema-directory .ssgd-filter-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  #ss-gema-directory .ssgd-search-head,
  #ss-gema-directory .ssgd-result-bar{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  #ss-gema-directory .ssgd-napas-actions{
    justify-content:flex-start !important;
  }

  #ss-gema-directory .ssgd-directory-gate-card .ssgd-btn{
    width:100% !important;
  }
}

@media(max-width:700px){

  #ss-gema-directory .ssgd-icon-btn {
    display:none!important;
  }
  
  #ss-gema-directory .ssgd-shell{
    width:min(100% - 24px, var(--ssgd-max)) !important;
  }

  #ss-gema-directory .ssgd-topbar{
    position:relative !important;
  }

  #ss-gema-directory .ssgd-topbar-inner{
    min-height:auto !important;
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:11px !important;
    padding:13px 0 !important;
  }

  #ss-gema-directory .ssgd-brand{
    white-space:normal !important;
  }

  #ss-gema-directory .ssgd-nav{
    width:100% !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    padding-bottom:3px !important;
    -webkit-overflow-scrolling:touch !important;
  }

  #ss-gema-directory .ssgd-nav a,
  #ss-gema-directory .ssgd-theme-toggle{
    flex:0 0 auto !important;
  }

  #ss-gema-directory .ssgd-hero{
    padding:34px 0 18px !important;
  }

  #ss-gema-directory .ssgd-hero-center{
    text-align:left !important;
  }

  #ss-gema-directory h1{
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    font-size:clamp(31px, 9vw, 42px) !important;
    line-height:1.06 !important;
    letter-spacing:-.036em !important;
  }

  #ss-gema-directory h2{
    font-size:clamp(23px, 6.8vw, 31px) !important;
    line-height:1.14 !important;
    letter-spacing:-.028em !important;
  }

  #ss-gema-directory h3{
    font-size:clamp(18px, 5.4vw, 22px) !important;
  }

  #ss-gema-directory .ssgd-lead{
    margin-left:0 !important;
    margin-right:0 !important;
    font-size:15px !important;
    line-height:1.68 !important;
  }

  #ss-gema-directory .ssgd-hero-actions,
  #ss-gema-directory .ssgd-featured-actions,
  #ss-gema-directory .ssgd-napas-actions,
  #ss-gema-directory .ssgd-closing-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  #ss-gema-directory .ssgd-btn{
    width:100% !important;
  }

  #ss-gema-directory .ssgd-hero-actions-center{
    justify-content:flex-start !important;
  }

  #ss-gema-directory .ssgd-hero-center,
  #ss-gema-directory .ssgd-featured-card,
  #ss-gema-directory .ssgd-napas-card,
  #ss-gema-directory .ssgd-directory-gate-card,
  #ss-gema-directory .ssgd-search-panel,
  #ss-gema-directory .ssgd-info-card,
  #ss-gema-directory .ssgd-closing-card{
    padding:22px !important;
    border-radius:24px !important;
  }

  #ss-gema-directory .ssgd-featured-top{
    flex-direction:column !important;
  }

  #ss-gema-directory .ssgd-featured-card h2{
    max-width:100% !important;
    font-size:clamp(21px, 6.3vw, 27px) !important;
  }

  #ss-gema-directory .ssgd-featured-text{
    font-size:clamp(22px, 7vw, 31px) !important;
    line-height:1.28 !important;
  }

  #ss-gema-directory .ssgd-filter-grid,
  #ss-gema-directory .ssgd-grid{
    grid-template-columns:1fr !important;
  }

  #ss-gema-directory .ssgd-info-card,
  #ss-gema-directory .ssgd-gema-card{
    min-height:auto !important;
  }

  #ss-gema-directory .ssgd-result-note{
    text-align:left !important;
  }

  #ss-gema-directory .ssgd-faq-list summary{
    padding:16px 18px !important;
  }

  #ss-gema-directory .ssgd-faq-list p{
    padding:0 18px 18px !important;
  }
}

@media(max-width:420px){
  #ss-gema-directory .ssgd-shell{
    width:min(100% - 18px, var(--ssgd-max)) !important;
  }

  #ss-gema-directory .ssgd-hero-center,
  #ss-gema-directory .ssgd-featured-card,
  #ss-gema-directory .ssgd-napas-card,
  #ss-gema-directory .ssgd-directory-gate-card,
  #ss-gema-directory .ssgd-search-panel,
  #ss-gema-directory .ssgd-info-card,
  #ss-gema-directory .ssgd-closing-card{
    padding:18px !important;
    border-radius:20px !important;
  }
}

@media(prefers-reduced-motion:reduce){
  #ss-gema-directory *,
  #ss-gema-directory *::before,
  #ss-gema-directory *::after{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}