/* A quieter hierarchy: address, contact, then practical visiting details. */
#locations .section-heading{display:block;max-width:720px;margin-bottom:32px}
#locations .section-heading .eyebrow{margin-bottom:12px}
#locations .section-heading h2{font-size:clamp(32px,3.4vw,44px);line-height:1.15}
#locations .section-intro{max-width:560px;padding-top:16px;font-size:15px;line-height:1.7}
#locations .branches{gap:24px;align-items:stretch}
#locations .branch-card{padding:30px;background:#111313;border:1px solid #ffffff14;border-radius:16px;min-width:0;box-shadow:none}
#locations .branch-top{margin-bottom:20px}
#locations .branch-top .tag{padding:0;border:0;background:none;font-size:12px;letter-spacing:.04em;color:#a8ada8}
#locations .branch-top>.icon{width:20px;height:20px;color:#b8a741}
#locations .branch-card h3{font-size:clamp(23px,2.15vw,29px);line-height:1.3;letter-spacing:-.7px;margin:0 0 24px;font-weight:650;max-width:100%;overflow-wrap:anywhere}
#locations .branch-contacts{border-top:1px solid #ffffff10;padding-top:12px}
#locations .branch-contacts a{display:grid;grid-template-columns:80px 1fr 18px;gap:12px;min-height:48px;padding:10px 0;border:0;align-items:center}
#locations .branch-contacts a>span{font-size:13px;color:#999f9a}
#locations .branch-contacts strong{font-size:17px;font-weight:600;letter-spacing:0}
#locations .branch-contacts .icon{width:16px;height:16px;color:#7b827c}
#locations .branch-contacts a:hover strong{color:var(--yellow)}
#locations .hours{margin:20px 0 24px;padding-top:20px;border-top:1px solid #ffffff10;gap:8px 16px;font-size:13px;line-height:1.6;color:#999f9a}
#locations .hours strong{font-size:13px;font-weight:500;color:#d0d4cf;text-align:right}
#locations .branch-card>.button{display:flex;min-height:46px;width:100%;justify-content:space-between;padding:11px 16px;border:1px solid #ffffff24;background:transparent;font-size:13px;font-weight:600;color:#f4f4ef;box-shadow:none}
#locations .branch-card>.button:hover{border-color:#b8a741;background:#f4ce2108;transform:none}
#locations>.fine-print{font-size:12px;margin-top:16px;color:#929992}
@media(max-width:700px){
  #locations .branches{grid-template-columns:1fr;gap:16px}
  #locations .section-heading{margin-bottom:24px}
  #locations .section-intro{font-size:14px;padding-top:12px;line-height:1.65}
  #locations .branch-card{padding:24px;border-radius:14px}
  #locations .branch-top{margin-bottom:16px}
  #locations .branch-card h3{font-size:25px;margin-bottom:20px}
  #locations .branch-contacts a{grid-template-columns:66px 1fr 16px;gap:8px;min-height:48px}
  #locations .branch-contacts strong{font-size:16px}
  #locations .branch-contacts a>span{font-size:12px}
  #locations .hours{margin:16px 0 20px;padding-top:16px;font-size:12px;gap:8px 12px}
  #locations .hours strong{font-size:12px}
  #locations>.fine-print{font-size:11px;line-height:1.6}
}
@media(max-width:360px){#locations .branch-card{padding:20px}#locations .branch-card h3{font-size:23px}}
.branch-carousel-controls{display:none}
@media(max-width:600px){
  #locations .section-intro,#locations>.fine-print{display:none}
  #locations{background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
  #locations .section-heading h2,#locations .branch-carousel-status{color:#161c17}
  #locations .section-heading .eyebrow{color:#7b6800}
  #locations .section-intro,#locations>.fine-print{color:#59615a}
  #locations .branch-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
  #locations .branch-carousel-status{font-size:13px;font-weight:650;color:#161c17}
  #locations .branch-carousel-controls>div{display:flex;gap:10px}
  #locations .branch-carousel-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--yellow);border-radius:50%;background:var(--yellow);color:#15180d;font-size:23px;line-height:1}
  #locations .branch-carousel-controls button:disabled{background:transparent;border-color:#c4cbc4;color:#687268;opacity:.6}
  #locations .branch-carousel-controls .icon{width:22px;height:22px;fill:currentColor;stroke:none}
  #locations [data-branch-previous] .icon{transform:rotate(180deg)}
  #locations .branches{display:flex;align-items:stretch;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:4px 0 16px;scrollbar-width:thin;scrollbar-color:#a48b00 #e8ece6}
  #locations .branch-card{flex:0 0 92%;scroll-snap-align:start;scroll-snap-stop:always;padding:20px}
}