/* W-SunucuSite A — ana sayfa sunucu seçimi (views/sunucu_secim.php). Mobil önce; hover yalnız süs, işlev tek dokunuş. */
.srv-pick{--srv-serif:var(--serif,"Cinzel",Georgia,serif);--srv-sans:var(--sans,"Segoe UI",system-ui,Roboto,Arial,sans-serif);
  list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:1fr;gap:16px;width:100%;max-width:1160px;text-align:left}
.srv-pick>li{margin:0;padding:0;display:flex;min-width:0}
.srv-card{--c:#e9c779;--c2:#fbe7ad;--glow:233,178,90;
  position:relative;display:flex;flex-direction:column;width:100%;min-width:0;border-radius:16px;overflow:hidden;
  color:#efe3c8;text-decoration:none;background:linear-gradient(180deg,rgba(24,14,9,.92),rgba(12,7,5,.96));
  border:1px solid rgba(var(--glow),.45);box-shadow:0 14px 40px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.04);
  -webkit-tap-highlight-color:transparent;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.srv-altay{--c:#8fdcff;--c2:#d9f4ff;--glow:111,200,255;background:linear-gradient(180deg,rgba(9,18,26,.93),rgba(5,10,15,.97))}
.srv-card:hover,.srv-card:focus-visible{text-decoration:none;color:#efe3c8;border-color:rgba(var(--glow),.85);box-shadow:0 18px 48px rgba(0,0,0,.65),0 0 0 1px rgba(var(--glow),.5),0 0 34px rgba(var(--glow),.22)}
.srv-card:focus-visible{outline:2px solid var(--c2);outline-offset:3px}
.srv-card:active{transform:scale(.985)}

.srv-art{position:relative;display:block;aspect-ratio:1120/699;background:#0b0706}
.srv-art picture{position:absolute;inset:0;display:block}
.srv-art img{display:block;width:100%;height:100%}
.srv-art img{object-fit:cover;max-width:none}
.srv-art::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,transparent,rgba(10,6,4,.9));pointer-events:none}
.srv-altay .srv-art::after{background:linear-gradient(180deg,transparent,rgba(5,10,15,.92))}

.srv-st{position:absolute;top:10px;right:10px;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 10px;border-radius:999px;
  font:700 12px/1 var(--srv-sans);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(8,6,5,.78);
  border:1px solid rgba(255,255,255,.22);box-shadow:0 4px 14px rgba(0,0,0,.55)}
.srv-st i{width:9px;height:9px;border-radius:50%;background:currentColor;flex:none}
.srv-st-acik{color:#7dffa0;border-color:rgba(125,255,160,.55)}
.srv-st-acik i{box-shadow:0 0 0 0 rgba(125,255,160,.7);animation:srvPulse 2s ease-out infinite}
.srv-st-yakinda{color:#ffd36b;border-color:rgba(255,211,107,.55)}
.srv-st-bakim{color:#ff8a6b;border-color:rgba(255,138,107,.55)}
@keyframes srvPulse{0%{box-shadow:0 0 0 0 rgba(125,255,160,.7)}70%{box-shadow:0 0 0 9px rgba(125,255,160,0)}100%{box-shadow:0 0 0 0 rgba(125,255,160,0)}}

.srv-body{position:relative;display:flex;flex-direction:column;gap:10px;padding:4px 16px 16px;flex:1}
.srv-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.srv-name{font:800 26px/1.1 var(--srv-serif);letter-spacing:.04em;color:var(--c2);text-shadow:0 2px 10px rgba(0,0,0,.8)}
.srv-tag{display:inline-block;padding:6px 11px;border-radius:8px;font:700 13px/1 var(--srv-sans);letter-spacing:.06em;text-transform:uppercase;
  color:#1a0f06;background:linear-gradient(180deg,var(--c2),var(--c));box-shadow:0 2px 8px rgba(0,0,0,.4)}
.srv-altay .srv-tag{color:#04121b}
.srv-msg{font:600 13px/1.4 var(--srv-sans);color:#ffd36b}
.srv-list{display:flex;flex-direction:column;gap:7px;margin:0;padding:0}
.srv-li{position:relative;padding-left:20px;font:500 15px/1.4 var(--srv-sans);color:#ece0c4}
.srv-altay .srv-li{color:#e2eef3}
.srv-li::before{content:"";position:absolute;left:3px;top:.52em;width:8px;height:8px;transform:rotate(45deg);background:var(--c);box-shadow:0 0 8px rgba(var(--glow),.7)}
.srv-go{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border-radius:12px;
  font:800 15px/1 var(--srv-serif);letter-spacing:.08em;text-transform:uppercase;color:#1a0f06;
  background:linear-gradient(180deg,var(--c2),var(--c) 55%,rgba(var(--glow),1));box-shadow:0 6px 18px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.5)}
.srv-altay .srv-go{color:#04121b}
.srv-go svg{width:20px;height:20px;flex:none}

/* ana sayfa kahramanı (story) — sunucu kartlarıyla tek sütun */
.ch-hero.has-srv{padding-bottom:84px}
.has-srv .hero2{width:100%;max-width:1160px}
.has-srv .hero2-h{font-size:clamp(30px,5.4vw,60px);margin:4px 0 10px}
.has-srv .hero2-lede{font-size:17px;margin:0 auto 18px;max-width:640px}
.has-srv .srv-pick{animation:rise 1.2s .45s cubic-bezier(.2,.7,.1,1) both}
.has-srv .cta2{margin-top:20px}
.has-srv .hero-stone{display:none}

/* eski ana sayfa (home.php) */
.hero-home .srv-pick{margin:18px auto 22px}

@media (min-width:760px){
  .srv-pick{grid-template-columns:1fr 1fr;gap:22px}
  .srv-body{padding:6px 20px 20px;gap:12px}
  .srv-name{font-size:30px}
  .srv-li{font-size:16px}
  .srv-st{top:14px;right:14px;font-size:13px;padding:7px 14px 7px 11px}
}
@media (min-width:1000px){
  .ch-hero.has-srv{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:none;padding-left:40px;padding-right:40px}
  .has-srv .hero2{max-width:1160px}
  .has-srv .hero2-lede{margin:0 auto 22px}
  .has-srv .cta2{justify-content:center}
}
@media (max-width:759px){
  .srv-art{aspect-ratio:16/9}
  .srv-art img{object-position:50% 0}
  .has-srv .hero2-lede{font-size:15.5px;margin-bottom:14px}
  .has-srv .hero2-h{margin-bottom:8px}
}
@media (max-width:380px){
  .srv-name{font-size:23px}
  .srv-tag{font-size:12px;padding:5px 9px}
  .srv-li{font-size:14.5px}
}
@media (prefers-reduced-motion:reduce){
  .srv-card{transition:none}
  .srv-st-acik i{animation:none}
  .has-srv .srv-pick{animation:none}
}