/* Match-day photography (Westerham FC) */
.mday{padding:clamp(34px,8.33vw,120px) clamp(18px,4.44vw,64px) 0}
.mday-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(16px,2.78vw,40px)}
.mday-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}
.mday-grid figure{margin:0;position:relative;border-radius:20px;overflow:hidden;background:#D9D9D6}
.mday-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.mday-grid figure:hover img{transform:scale(1.03)}
.mday-grid figcaption{position:absolute;left:16px;bottom:16px;padding:8px 14px;border-radius:999px;background:rgba(22,24,22,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#F7F7F5;font-size:13px}
.mday-grid .a{grid-column:span 8;height:clamp(260px,42vw,620px)}
.mday-grid .b{grid-column:span 4;height:clamp(260px,42vw,620px)}
.mday-grid .c,.mday-grid .d,.mday-grid .e{grid-column:span 4;height:clamp(240px,30vw,440px)}
.mday-grid .f{grid-column:span 12;height:clamp(220px,32vw,480px)}
.pband{margin:clamp(34px,8.33vw,120px) clamp(10px,0.7vw,10px) 0;position:relative;border-radius:24px;overflow:hidden;height:clamp(420px,46vw,680px);background:#1D2A1C}
.pband img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.pband::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,20,14,.82) 0%,rgba(14,20,14,.45) 38%,rgba(14,20,14,0) 65%),linear-gradient(0deg,rgba(14,20,14,.55),rgba(14,20,14,0) 45%)}
.pband .in{position:absolute;left:clamp(20px,4.44vw,64px);bottom:clamp(24px,4.44vw,64px);right:clamp(20px,4.44vw,64px);z-index:1;color:#F7F7F5;max-width:620px;display:flex;flex-direction:column;gap:16px}
.pband .in p{margin:0;color:rgba(247,247,245,.82);font-size:17px;line-height:1.55}
@media (max-width:860px){
  .mday-grid .a,.mday-grid .f{grid-column:span 12}
  .mday-grid .b,.mday-grid .c,.mday-grid .d,.mday-grid .e{grid-column:span 6}
  .mday-grid .b{height:clamp(260px,70vw,520px)}
  .pband{height:580px}
  .pband img{object-position:45% 30%}
  .pband::after{background:linear-gradient(0deg,rgba(14,20,14,.9) 15%,rgba(14,20,14,0) 70%)}
}

/* ---------- Site-wide fixes ---------- */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Bigger tap targets on touch screens */
@media (pointer:coarse){
  footer a,.ulink,.tabs a,.tabs button,.gal-tabs button{min-height:44px;display:inline-flex;align-items:center}
  footer .col{gap:2px!important}
  footer .col>.label{margin-bottom:8px}
}
/* Home sport cards: two-up and shorter on phones */
@media (max-width:640px){
  html body section[data-gw-sportcards][data-g]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body section[data-gw-sportcards] > a.gw-scard{height:230px!important;min-height:0!important;grid-column:auto!important;grid-row:auto!important}
  section[data-gw-sportcards] .gw-scard-cap>span{display:none}
  section[data-gw-sportcards] .gw-scard-cap{padding:14px 14px 16px!important}
  section[data-gw-sportcards] .gw-scard-cap .h2{font-size:20px!important}
  section[data-gw-sportcards] .gw-scard-go{transform:scale(.8)}
  section[data-gw-sportcards] .gw-scard-ph svg{width:72px;height:72px}
  section[data-gw-sportcards] .gw-scard-new{transform:scale(.85);transform-origin:top right}
}

/* Gallery: working filters and photo viewer */
.gal-tabs button{color:#A6A6A1;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.gal-tabs button.on{color:#161616;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:8px}
.gal-tabs button:focus-visible,.ic:focus-visible,.mday-grid figure:focus-visible{outline:2px solid #2C6A28;outline-offset:3px}
.ic[data-cat]{cursor:zoom-in}
.ic.gal-hide{display:none!important}
.mday-grid figure{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:2147483000;background:rgba(10,12,10,.92);display:flex;align-items:center;justify-content:center;padding:56px 16px 72px}
.lb[hidden]{display:none}
.lb img{max-width:min(1200px,100%);max-height:100%;object-fit:contain;border-radius:12px}
.lb .lb-cap{position:absolute;left:0;right:0;bottom:22px;text-align:center;color:#F7F7F5;font:300 15px Poppins,sans-serif;padding:0 70px}
.lb button{position:absolute;width:48px;height:48px;border-radius:50%;border:0;background:rgba(247,247,245,.14);color:#F7F7F5;font:300 24px/1 Poppins,sans-serif;cursor:pointer;display:grid;place-items:center}
.lb button:hover{background:rgba(247,247,245,.26)}
.lb .lb-x{top:14px;right:14px}.lb .lb-p{left:14px;top:50%;transform:translateY(-50%)}.lb .lb-n{right:14px;top:50%;transform:translateY(-50%)}
@media (max-width:640px){.lb .lb-p,.lb .lb-n{top:auto;bottom:12px;transform:none}}

/* Sizes page */
.szs{padding:clamp(34px,8.33vw,120px) clamp(18px,4.44vw,64px)}
.szs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 24px;flex-wrap:wrap;margin-bottom:clamp(18px,2.78vw,40px)}
.szs .tabs button{color:#A6A6A1;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.szs .tabs button.on{color:#161616;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:8px}
.szs-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3.89vw,56px);align-items:start}
.szt{width:100%;border-collapse:collapse;font-size:16px}
.szt th,.szt td{padding:14px 10px;border-top:1px solid #CFCFCA;text-align:center}
.szt thead th{border-top:0;font-weight:300;color:#6B6B66;font-size:13px;letter-spacing:.04em;padding-top:0}
.szt th[scope=row]{text-align:left;font-weight:500;padding-left:0}
.szt thead th:first-child{text-align:left;padding-left:0}
.szt tr.grp td{text-align:left;padding:18px 0 8px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#2C6A28;font-weight:500;border-top:0}
.szt .ab{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(115deg,#D6F544,#9BE046 50%,#4CB848);color:#161616;font-size:12px;font-weight:500;margin-right:6px}
.szcard{background:#E6E6E1;border-radius:24px;padding:clamp(20px,2.78vw,40px);display:flex;flex-direction:column;gap:16px}
.szcard img{width:100%;border-radius:14px;display:block;background:#fff}
.szcard ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.szcard li{display:flex;gap:12px;font-size:15px;line-height:1.5}
.szcard li b{flex:none;font-weight:500}
.sz-note{font-size:14px;color:#6B6B66;margin-top:18px}
.sz-other{background:#E6E6E1;border-radius:24px;padding:clamp(24px,4.44vw,64px);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,3.89vw,56px);align-items:center}
@media (max-width:860px){.szs-grid,.sz-other{grid-template-columns:minmax(0,1fr)}.szt{font-size:15px}.szt th,.szt td{padding:12px 6px}}

/* Contact form */
.req{color:#2C6A28;margin-left:3px}
.inp[aria-invalid=true]{border-color:#9E2219!important;box-shadow:0 0 0 1px #9E2219}
.f-err{display:block;color:#9E2219;font-size:13px;margin-top:6px}
/* Section headings that sit in a tab row: allow wrapping on phones */
.tabs>h2{white-space:normal}
@media (max-width:640px){.tabs:has(>h2){min-width:0;flex:1 1 auto}.tabs>h2{font-size:22px!important;line-height:1.2}}

/* New studio product shots sit on a #EFEFEF backdrop. Tone it to the card grey (#E2E2DF) so there is no box-in-a-box. */
.pc .im img[src*="assets/fb-"],.pc .im img[src*="assets/badge-"],.pc .im img[src*="assets/polo-"],.pc .im img[src*="assets/gk-cuff"],.pc .im img[src*="assets/qz-neck"],.gwk-media img[src*="assets/fb-"],.gwk-media img[src*="assets/badge-"],.gwk-media img[src*="assets/polo-"],.gwk-media img[src*="assets/gk-cuff"],.gwk-media img[src*="assets/qz-neck"],.gwk-thumbs img[src*="assets/fb-"],.gwk-thumbs img[src*="assets/badge-"],.gwk-thumbs img[src*="assets/polo-"],.gwk-thumbs img[src*="assets/gk-cuff"],.gwk-thumbs img[src*="assets/qz-neck"]{filter:brightness(.946)}