/* Summit Society premium category navigation v83 */
:root{
  --ss-ink:#17232c;
  --ss-muted:#756f66;
  --ss-line:#e7e0d6;
  --ss-gold:#9a7742;
}

#homeThemes.summit-sectors{
  position:relative;
  padding:30px 16px 26px;
  background:
    radial-gradient(circle at 96% 3%,rgba(166,132,76,.07),transparent 23%),
    linear-gradient(180deg,#fbfaf7 0%,#f9f7f2 100%);
}
.summit-sector-head{margin:0 2px 18px}
.summit-sector-head>span{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:8px;
  font-weight:850;
  letter-spacing:.19em;
  color:#9b7b4d;
}
.summit-sector-head>span::before{
  content:'';
  width:18px;
  height:1px;
  background:#b4915e;
}
.summit-sector-head h2{
  margin:7px 0 7px;
  font-size:30px;
  line-height:1.05;
  letter-spacing:-.025em;
  color:var(--ss-ink);
}
.summit-sector-head p{
  margin:0;
  max-width:460px;
  font-size:11px;
  line-height:1.62;
  color:var(--ss-muted);
  word-break:keep-all;
}

.summit-sector-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  width:100%;
}
.summit-sector-btn{
  --sector:#526577;
  --sector-bg:#f4f7fa;
  --sector-border:#dce3ea;
  position:relative;
  isolation:isolate;
  display:flex;
  min-width:0;
  min-height:108px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  gap:9px;
  overflow:hidden;
  padding:12px 10px 11px;
  border:1px solid var(--sector-border)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#fff 0%,var(--sector-bg) 100%)!important;
  color:var(--ss-ink)!important;
  box-shadow:0 7px 22px rgba(25,31,35,.045),inset 0 1px rgba(255,255,255,.9)!important;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.summit-sector-btn::before{
  content:'';
  position:absolute;
  z-index:-1;
  width:72px;
  height:72px;
  right:-30px;
  top:-31px;
  border-radius:50%;
  background:color-mix(in srgb,var(--sector) 8%,transparent);
}
.summit-sector-btn::after{
  content:'›';
  position:absolute;
  right:10px;
  top:10px;
  color:color-mix(in srgb,var(--sector) 65%,#fff);
  font:600 17px/1 Georgia,serif;
  transform:translateX(0);
  transition:transform .16s ease,color .16s ease;
}
.summit-sector-btn[data-summit-sector="BUSINESS"]{--sector:#435b72;--sector-bg:#f2f6fa;--sector-border:#d7e1ea}
.summit-sector-btn[data-summit-sector="GOLF"]{--sector:#426c55;--sector-bg:#f1f7f2;--sector-border:#d7e7da}
.summit-sector-btn[data-summit-sector="PERFORMANCE"]{--sector:#80506c;--sector-bg:#faf1f6;--sector-border:#ead4e0}
.summit-sector-btn[data-summit-sector="CHARITY"]{--sector:#a36a4c;--sector-bg:#fbf3ee;--sector-border:#ecd9ce}
.summit-sector-btn[data-summit-sector="FORUM"]{--sector:#685d87;--sector-bg:#f6f3fa;--sector-border:#e2ddef}
.summit-sector-btn[data-summit-sector="DINING"]{--sector:#8a6a4b;--sector-bg:#faf5ed;--sector-border:#eadfcf}
.summit-sector-btn[data-summit-sector="TRAVEL"]{--sector:#3f7380;--sector-bg:#f0f7f8;--sector-border:#d5e6e9}
.summit-sector-btn[data-summit-sector="LEADERSHIP"]{--sector:#9a7b42;--sector-bg:#fbf7ed;--sector-border:#e9dfc8}

.summit-sector-btn .sector-icon{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border:1px solid color-mix(in srgb,var(--sector) 18%,#fff);
  border-radius:13px;
  background:rgba(255,255,255,.82);
  color:var(--sector);
  box-shadow:0 5px 15px rgba(30,35,40,.055);
  transition:transform .16s ease,box-shadow .16s ease;
}
.summit-sector-btn .sector-icon svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.summit-sector-btn .sector-copy{display:block;min-width:0;width:100%;text-align:left}
.summit-sector-btn .sector-copy b{
  display:block;
  margin:0;
  max-width:100%;
  font-size:11px;
  line-height:1.18;
  font-weight:800;
  letter-spacing:-.025em;
  white-space:normal;
  word-break:keep-all;
  color:#1f2930;
}
.summit-sector-btn .sector-copy small{
  display:block;
  margin-top:4px;
  overflow:hidden;
  font-size:7px;
  line-height:1;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
  text-overflow:ellipsis;
  color:color-mix(in srgb,var(--sector) 82%,#777);
}
@media(hover:hover) and (pointer:fine){
  .summit-sector-btn:hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--sector) 35%,#ddd)!important;
    box-shadow:0 12px 28px rgba(25,31,35,.08),inset 0 1px rgba(255,255,255,.92)!important;
  }
  .summit-sector-btn:hover .sector-icon{transform:translateY(-1px);box-shadow:0 7px 18px rgba(30,35,40,.075)}
  .summit-sector-btn:hover::after{transform:translateX(2px);color:var(--sector)}
}
.summit-sector-btn:active{transform:scale(.965)!important;box-shadow:0 4px 12px rgba(25,31,35,.04)!important}
.summit-sector-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--sector) 70%,#9f7b43)!important;outline-offset:3px}

/* Premium bottom navigation: same visual language, existing button DOM preserved. */
.bottom{
  border-top:1px solid rgba(218,210,198,.86)!important;
  background:rgba(251,250,247,.94)!important;
  box-shadow:0 -8px 28px rgba(31,37,42,.055)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
}
.bottom button{color:#8d8982!important;transition:color .15s ease,background .15s ease!important}
.bottom button .nav-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;transition:background .15s ease,transform .15s ease}
.bottom button .nav-icon svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bottom button span:not(.nav-icon){font-size:8px!important;font-weight:800!important;letter-spacing:.08em!important}
.bottom button.active{color:#896934!important}
.bottom button.active .nav-icon{background:#f2eadc;transform:translateY(-1px)}
.bottom button.active::before{width:30px!important;height:2px!important;background:#9b7740!important}
.bottom button:active .nav-icon{transform:scale(.92)}

@media(max-width:420px){
  #homeThemes.summit-sectors{padding:27px 14px 24px}
  .summit-sector-head{margin-bottom:16px}
  .summit-sector-head h2{font-size:27px}
  .summit-sector-head p{font-size:10.5px;line-height:1.58}
  .summit-sector-grid{gap:8px}
  .summit-sector-btn{min-height:101px;padding:10px 8px 10px;border-radius:18px!important;gap:8px}
  .summit-sector-btn::after{right:8px;top:8px;font-size:16px}
  .summit-sector-btn .sector-icon{width:37px;height:37px;flex-basis:37px;border-radius:12px}
  .summit-sector-btn .sector-icon svg{width:19px;height:19px}
  .summit-sector-btn .sector-copy b{font-size:10px}
  .summit-sector-btn .sector-copy small{font-size:6.5px;letter-spacing:.08em}
}
@media(max-width:360px){
  #homeThemes.summit-sectors{padding-left:12px;padding-right:12px}
  .summit-sector-grid{gap:7px}
  .summit-sector-btn{min-height:96px;padding:9px 6px;border-radius:16px!important}
  .summit-sector-btn .sector-icon{width:34px;height:34px;flex-basis:34px}
  .summit-sector-btn .sector-icon svg{width:18px;height:18px}
  .summit-sector-btn .sector-copy b{font-size:9px}
  .summit-sector-btn .sector-copy small{font-size:6px}
}
@media(prefers-reduced-motion:reduce){
  .summit-sector-btn,.summit-sector-btn .sector-icon,.summit-sector-btn::after,.bottom button,.bottom button .nav-icon{transition:none!important}
}