/* Dedicated server location directory and individual city offer pages. */
.server-location-content,.server-location-detail-content{max-width:1060px}
.server-location-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;padding:14px 17px;border:1px solid #e0e8e0;border-radius:8px;background:#fff}
.server-location-summary>div{display:flex;align-items:baseline;gap:8px}
.server-location-summary strong{color:#16727a;font:800 23px var(--display)}
.server-location-summary span{color:#355462;font-size:11px}
.server-location-summary small{color:#75878a;font-size:9px}
.server-location-filters{display:grid;grid-template-columns:minmax(200px,1fr) 180px 180px auto auto;align-items:center;gap:9px;margin-bottom:28px;padding:9px;border:1px solid #dfe8df;border-radius:8px;background:#fff}
.server-location-filters select{height:40px;width:100%;padding:0 10px;border:1px solid #dbe5dc;border-radius:5px;background:#fbfcf9;color:#274451;font:500 11px var(--body-font)}
.server-location-filters .button{min-height:40px;padding:0 14px;font-size:10px}
.server-location-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:30px 0 17px}
.server-location-heading h2,.server-location-detail-heading h2{margin:7px 0 0;color:#1b3546;font:800 27px var(--display);letter-spacing:-1px}
.server-location-heading>p{max-width:370px;margin:0;color:#6c8184;font-size:11px;line-height:1.7}
.server-location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.server-location-card{display:flex;min-width:0;flex-direction:column;padding:17px;border:1px solid #dfe8df;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(20,49,61,.04);transition:transform .18s,border-color .18s,box-shadow .18s}
.server-location-card:hover{transform:translateY(-3px);border-color:#a6c9ba;box-shadow:0 14px 28px rgba(20,49,61,.08)}
.server-location-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#74878a;font-size:9px}
.server-location-card-top .location-pin{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#eaf3ed;color:#16727a;font-size:16px}
.server-location-card h3{margin:13px 0 2px;color:#203a4b;font:750 17px var(--display)}
.server-location-card>p{margin:0;color:#718388;font-size:11px}
.server-location-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:9px;margin-top:18px;padding-top:12px;border-top:1px solid #edf1ec}
.server-location-card-bottom>span{color:#60787d;font-size:9px}
.server-location-card-bottom>b{color:#146d72;font-size:11px;text-align:right}
.server-location-card-bottom>b small{font-size:8px;font-weight:500;color:#75878a}
.server-location-card-bottom>.sold-out-text{color:#8b5b50}
.server-location-view{display:flex;justify-content:space-between;margin-top:12px;color:#16727a;font-size:10px}
.server-location-offline-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}
.server-location-hero{position:relative;overflow:hidden;padding:38px 0 43px;background:radial-gradient(ellipse at 82% 35%,rgba(231,179,111,.16),transparent 37%),linear-gradient(120deg,#102b3b,#173c49 65%,#1a4b50);color:#fff}
.server-location-hero:before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 65%);content:"";pointer-events:none}
.server-location-hero>.container{position:relative;z-index:1}
.server-location-hero .breadcrumb{display:flex;gap:9px;margin-bottom:24px;color:#b0c2bf;font-size:10px}
.server-location-hero .breadcrumb span:last-child{color:#fff}
.server-location-hero .eyebrow{color:#d1dfda}
.server-location-hero .eyebrow-dot{background:#e8b46f;box-shadow:0 0 0 4px rgba(232,180,111,.16)}
.server-location-hero h1{margin:16px 0;color:#fff;font:800 clamp(42px,5vw,60px)/1.06 var(--display);letter-spacing:-3px}
.server-location-hero h1 span{color:#e8b46f}
.server-location-hero>.container>p{max-width:610px;color:#c6d5d0;font-size:13px;line-height:1.8}
.server-location-hero-meta{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:15px;border-top:1px solid rgba(225,240,232,.18);max-width:340px}
.server-location-hero-meta>span{color:#e8b46f;font:800 25px var(--display)}
.server-location-hero-meta small{color:#d0ddda;font-size:10px}
.server-location-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 0 18px}
.location-inventory-note{margin-top:24px}
@media(max-width:900px){.server-location-filters{grid-template-columns:minmax(150px,1fr) 150px 150px auto}.server-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.server-location-summary{align-items:flex-start;flex-direction:column;gap:4px}.server-location-summary strong{font-size:20px}.server-location-filters{grid-template-columns:1fr 1fr;gap:7px;padding:8px}.server-location-filters .catalog-search{grid-column:1/-1}.server-location-filters select{height:42px}.server-location-filters .button{grid-column:1/-1;width:100%}.server-location-filters .catalog-clear{grid-column:1/-1;justify-self:center;padding:4px}.server-location-heading{align-items:flex-start;flex-direction:column;gap:7px}.server-location-heading h2,.server-location-detail-heading h2{font-size:22px}.server-location-grid{grid-template-columns:1fr;gap:9px}.server-location-card{padding:14px}.server-location-hero{padding:28px 0 32px}.server-location-hero .breadcrumb{flex-wrap:wrap;margin-bottom:20px}.server-location-hero h1{font-size:43px;letter-spacing:-2.5px}.server-location-hero>.container>p{font-size:12px}.server-location-detail-heading{align-items:flex-start;flex-direction:column}}