/* Football Kit Encyclopedia v3.7.4.3 — Kit gallery and quick-facts visual polish. */

/* Keep this file loaded after relations.css: it intentionally wins over legacy gallery rules. */
.fke-kit-reconstruction .fke-kit-reconstruction__primary{
  grid-template-columns:minmax(0,1fr) 320px;
  gap:24px;
  align-items:start;
}

.fke-kit-reconstruction .fke-kit-reconstruction__gallery{
  min-width:0;
}

.fke-kit-reconstruction .fke-kit-gallery{
  display:grid;
  grid-template-columns:minmax(0,1fr) 168px;
  gap:14px;
  padding:14px;
  border:1px solid #e5dccd;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(16,36,63,.055);
}

.fke-kit-reconstruction .fke-kit-gallery__stage{
  position:relative;
  min-width:0;
  min-height:640px;
  overflow:hidden;
  border:1px solid #ece4d8;
  border-radius:15px;
  background:
    radial-gradient(circle at 78% 12%,rgba(201,163,91,.12),transparent 28%),
    linear-gradient(180deg,#fbfaf7 0%,#f4f1ea 100%);
}

.fke-kit-reconstruction .fke-kit-gallery__zoom{
  display:flex;
  width:100%;
  height:100%;
  min-height:640px;
  align-items:center;
  justify-content:center;
  padding:26px;
  border:0;
  background:transparent;
  cursor:zoom-in;
  position:relative;
  text-align:left;
}

.fke-kit-reconstruction .fke-kit-gallery__main-image{
  display:block;
  width:100%;
  height:588px;
  min-height:0;
  max-height:none;
  object-fit:contain;
  object-position:center;
  background:transparent;
  filter:drop-shadow(0 12px 18px rgba(12,29,49,.07));
  transition:opacity .18s ease,transform .24s ease;
}

.fke-kit-reconstruction .fke-kit-gallery__zoom:hover .fke-kit-gallery__main-image{
  transform:scale(1.008);
}

.fke-kit-reconstruction .fke-kit-gallery__main-label{
  position:absolute;
  left:18px;
  bottom:16px;
  max-width:62%;
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(7,38,70,.88);
  box-shadow:0 8px 22px rgba(7,38,70,.13);
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  backdrop-filter:blur(6px);
}

.fke-kit-reconstruction .fke-kit-gallery__zoom-hint{
  position:absolute;
  top:16px;
  right:16px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.44);
  border-radius:50%;
  background:rgba(7,38,70,.86);
  box-shadow:0 10px 24px rgba(7,38,70,.16);
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:20px;
  line-height:1;
  opacity:1;
  backdrop-filter:blur(6px);
  transition:transform .18s ease,background .18s ease;
}

.fke-kit-reconstruction .fke-kit-gallery__zoom:hover .fke-kit-gallery__zoom-hint{
  transform:scale(1.05);
  background:#0c3966;
}

.fke-kit-reconstruction .fke-kit-gallery__nav{
  position:absolute;
  top:50%;
  z-index:3;
  width:48px;
  height:48px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  padding:0 0 4px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:50%;
  background:rgba(7,38,70,.78);
  box-shadow:0 10px 24px rgba(7,38,70,.14);
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:31px;
  font-weight:300;
  line-height:1;
  cursor:pointer;
  opacity:1;
  backdrop-filter:blur(6px);
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}

.fke-kit-reconstruction .fke-kit-gallery__nav:hover,
.fke-kit-reconstruction .fke-kit-gallery__nav:focus-visible{
  background:#0c3966;
  box-shadow:0 12px 28px rgba(7,38,70,.22);
  transform:translateY(-50%) scale(1.045);
  outline:none;
}

.fke-kit-reconstruction .fke-kit-gallery__nav--prev{left:16px}
.fke-kit-reconstruction .fke-kit-gallery__nav--next{right:16px}

.fke-kit-reconstruction .fke-kit-gallery__counter{
  position:absolute;
  right:18px;
  bottom:16px;
  z-index:3;
  min-width:48px;
  padding:9px 12px;
  border:1px solid rgba(7,38,70,.08);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 7px 18px rgba(16,36,63,.08);
  color:#0a2949;
  font-size:12px;
  font-weight:800;
  text-align:center;
  backdrop-filter:blur(6px);
}

.fke-kit-reconstruction .fke-kit-gallery__thumbs{
  display:flex;
  flex-direction:column;
  gap:11px;
  max-height:640px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:1px 4px 1px 1px;
  scrollbar-width:thin;
  scrollbar-color:#b9aa90 transparent;
  scroll-behavior:smooth;
}

.fke-kit-reconstruction .fke-kit-gallery__thumbs::-webkit-scrollbar{width:5px}
.fke-kit-reconstruction .fke-kit-gallery__thumbs::-webkit-scrollbar-thumb{background:#c8b99e;border-radius:999px}

.fke-kit-reconstruction .fke-kit-gallery__thumb{
  display:block;
  width:100%;
  flex:0 0 auto;
  padding:7px;
  border:1px solid #e7dfd3;
  border-radius:13px;
  overflow:hidden;
  background:#faf9f6;
  box-shadow:0 5px 14px rgba(18,39,62,.035);
  cursor:pointer;
  opacity:1;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}

.fke-kit-reconstruction .fke-kit-gallery__thumb:hover,
.fke-kit-reconstruction .fke-kit-gallery__thumb:focus-visible{
  border-color:#c9a45c;
  background:#fffdf8;
  box-shadow:0 9px 22px rgba(18,39,62,.08);
  transform:translateY(-1px);
  outline:none;
}

.fke-kit-reconstruction .fke-kit-gallery__thumb.is-active{
  border-color:#b97a15;
  background:#fffdf8;
  box-shadow:0 0 0 2px rgba(185,122,21,.12),0 9px 22px rgba(18,39,62,.075);
}

.fke-kit-reconstruction .fke-kit-gallery__thumb img{
  display:block;
  width:100%;
  height:106px;
  aspect-ratio:auto;
  border-radius:8px;
  object-fit:contain;
  object-position:center;
  background:linear-gradient(180deg,#f7f7f5,#efede8);
}

/* Quick facts visually belongs to the gallery, rather than feeling like a separate admin box. */
.fke-kit-reconstruction .fke-kit-reconstruction__facts{
  position:sticky;
  top:20px;
  padding:25px 24px 22px;
  border:1px solid #e5dccd;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(16,36,63,.05);
}

.fke-kit-reconstruction .fke-kit-reconstruction__facts h2{
  margin:0 0 17px;
  padding-bottom:15px;
  border-bottom:1px solid #ece3d6;
  color:#222a34;
  font-size:28px;
  line-height:1.05;
}

.fke-kit-reconstruction .fke-kit-reconstruction__facts dl{margin:0}
.fke-kit-reconstruction .fke-kit-reconstruction__facts dl div{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:13px;
  align-items:start;
  padding:13px 0;
  border-top:1px solid #eee6da;
}
.fke-kit-reconstruction .fke-kit-reconstruction__facts dl div:first-child{border-top:0}
.fke-kit-reconstruction .fke-kit-reconstruction__facts dt{
  color:#758296;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.06em;
  line-height:1.35;
  text-transform:uppercase;
}
.fke-kit-reconstruction .fke-kit-reconstruction__facts dd{
  margin:0;
  color:#12233a;
  font-size:14px;
  font-weight:750;
  line-height:1.45;
  overflow-wrap:anywhere;
}

.fke-kit-reconstruction .fke-kit-rating{
  margin-top:11px;
  padding-top:17px;
  border-top:1px solid #ece3d6;
}
.fke-kit-reconstruction .fke-kit-rating__label{
  margin-bottom:9px;
  color:#758296;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.06em;
}
.fke-kit-reconstruction .fke-kit-rating__stars{font-size:27px;letter-spacing:1.8px}
.fke-kit-reconstruction .fke-kit-rating strong{margin-left:12px;color:#12233a;font-size:15px}
.fke-kit-reconstruction .fke-kit-rating small{margin-top:8px;color:#66758a}

/* Lightbox: editorial viewer with explicit button resets so theme button CSS cannot distort controls. */
html.fke-gallery-open,
html.fke-gallery-open body{overflow:hidden!important}

.fke-kit-gallery__lightbox[hidden]{display:none!important}
.fke-kit-gallery__lightbox{
  position:fixed!important;
  inset:0!important;
  z-index:999999!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  padding:24px!important;
}
.fke-kit-gallery__lightbox-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(5,14,25,.965)!important;
  backdrop-filter:blur(5px)!important;
  cursor:zoom-out!important;
}
.fke-kit-gallery__lightbox-panel{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  place-items:center!important;
  width:min(92vw,1220px)!important;
  height:min(92vh,900px)!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.fke-kit-gallery__lightbox-figure{
  position:relative!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  place-items:center!important;
  width:calc(100% - 136px)!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
}
.fke-kit-gallery__lightbox-figure img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:calc(92vh - 76px)!important;
  margin:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:14px!important;
  background:#f4f5f6!important;
  box-shadow:0 28px 90px rgba(0,0,0,.46)!important;
  object-fit:contain!important;
}
.fke-kit-gallery__lightbox-figure figcaption{
  min-height:28px!important;
  margin:0!important;
  padding:10px 8px 0!important;
  color:#dbe4ee!important;
  font-size:13px!important;
  line-height:1.35!important;
  text-align:center!important;
}

/* Reset Storefront/WooCommerce/theme button padding and min-width inside the viewer. */
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-close,
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-nav{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(10,36,63,.84)!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-weight:400!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:none!important;
  box-shadow:0 10px 30px rgba(0,0,0,.28)!important;
  cursor:pointer!important;
  backdrop-filter:blur(7px)!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-close{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  z-index:6!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  font-size:27px!important;
  line-height:42px!important;
}
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-nav{
  position:absolute!important;
  top:50%!important;
  z-index:5!important;
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  font-size:34px!important;
  line-height:44px!important;
  transform:translateY(-50%)!important;
}
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-nav--prev{left:14px!important}
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-nav--next{right:14px!important}
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-close:hover,
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-close:focus-visible,
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-nav:hover,
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-nav:focus-visible{
  background:#0c426f!important;
  border-color:rgba(255,255,255,.5)!important;
  outline:none!important;
}
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-nav:hover,
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-nav:focus-visible{transform:translateY(-50%) scale(1.04)!important}
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-close:hover,
.fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-close:focus-visible{transform:scale(1.04)!important}
.fke-kit-gallery__lightbox-counter{
  position:absolute!important;
  top:13px!important;
  right:62px!important;
  z-index:5!important;
  min-width:52px!important;
  margin:0!important;
  padding:7px 11px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(10,36,63,.72)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
  box-shadow:0 8px 22px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(7px)!important;
}

@media (max-width:1180px){
  .fke-kit-reconstruction .fke-kit-reconstruction__primary{grid-template-columns:minmax(0,1fr) 290px;gap:18px}
  .fke-kit-reconstruction .fke-kit-gallery{grid-template-columns:minmax(0,1fr) 144px}
  .fke-kit-reconstruction .fke-kit-gallery__stage,
  .fke-kit-reconstruction .fke-kit-gallery__zoom{min-height:570px}
  .fke-kit-reconstruction .fke-kit-gallery__main-image{height:520px}
  .fke-kit-reconstruction .fke-kit-gallery__thumbs{max-height:570px}
  .fke-kit-reconstruction .fke-kit-gallery__thumb img{height:91px}
}

@media (max-width:1000px){
  .fke-kit-reconstruction .fke-kit-reconstruction__primary{grid-template-columns:1fr}
  .fke-kit-reconstruction .fke-kit-reconstruction__facts{position:static;display:block;padding:22px}
  .fke-kit-reconstruction .fke-kit-reconstruction__facts h2{grid-column:auto}
  .fke-kit-reconstruction .fke-kit-reconstruction__facts dl{display:block}
  .fke-kit-reconstruction .fke-kit-reconstruction__facts dl div{grid-template-columns:150px minmax(0,1fr);padding-right:0}
}

@media (max-width:820px){
  .fke-kit-reconstruction .fke-kit-gallery{
    grid-template-columns:1fr;
    gap:11px;
    padding:11px;
    border-radius:15px;
  }
  .fke-kit-reconstruction .fke-kit-gallery__stage,
  .fke-kit-reconstruction .fke-kit-gallery__zoom{min-height:500px}
  .fke-kit-reconstruction .fke-kit-gallery__main-image{height:450px}
  .fke-kit-reconstruction .fke-kit-gallery__thumbs{
    flex-direction:row;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
    padding:1px 1px 6px;
    scroll-snap-type:x proximity;
  }
  .fke-kit-reconstruction .fke-kit-gallery__thumb{flex:0 0 112px;scroll-snap-align:start}
  .fke-kit-reconstruction .fke-kit-gallery__thumb img{height:88px}
}

@media (max-width:560px){
  .fke-kit-reconstruction .fke-kit-gallery{padding:8px;border-radius:13px}
  .fke-kit-reconstruction .fke-kit-gallery__stage,
  .fke-kit-reconstruction .fke-kit-gallery__zoom{min-height:420px;border-radius:12px}
  .fke-kit-reconstruction .fke-kit-gallery__zoom{padding:15px}
  .fke-kit-reconstruction .fke-kit-gallery__main-image{height:382px}
  .fke-kit-reconstruction .fke-kit-gallery__main-label{left:12px;bottom:12px;max-width:56%;padding:8px 10px;font-size:11px}
  .fke-kit-reconstruction .fke-kit-gallery__counter{right:12px;bottom:12px;padding:8px 10px}
  .fke-kit-reconstruction .fke-kit-gallery__zoom-hint{top:12px;right:12px;width:38px;height:38px;font-size:18px}
  .fke-kit-reconstruction .fke-kit-gallery__nav{width:42px;height:42px;font-size:27px}
  .fke-kit-reconstruction .fke-kit-gallery__nav--prev{left:10px}
  .fke-kit-reconstruction .fke-kit-gallery__nav--next{right:10px}
  .fke-kit-reconstruction .fke-kit-gallery__thumb{flex-basis:88px;padding:5px;border-radius:10px}
  .fke-kit-reconstruction .fke-kit-gallery__thumb img{height:72px;border-radius:6px}
  .fke-kit-reconstruction .fke-kit-reconstruction__facts{margin-top:14px;padding:19px 17px;border-radius:15px}
  .fke-kit-reconstruction .fke-kit-reconstruction__facts h2{font-size:24px}
  .fke-kit-reconstruction .fke-kit-reconstruction__facts dl div{grid-template-columns:105px minmax(0,1fr);gap:10px;padding:11px 0}
  .fke-kit-gallery__lightbox{padding:8px}
}

/* v3.7.4.4 lightbox responsive correction. */
@media (max-width:760px){
  .fke-kit-gallery__lightbox{padding:8px!important}
  .fke-kit-gallery__lightbox-panel{width:100%!important;height:100%!important}
  .fke-kit-gallery__lightbox-figure{width:100%!important;height:100%!important;padding:54px 8px 58px!important;box-sizing:border-box!important}
  .fke-kit-gallery__lightbox-figure img{max-width:100%!important;max-height:calc(100vh - 130px)!important;border-radius:10px!important}
  .fke-kit-gallery__lightbox-figure figcaption{padding-top:8px!important;font-size:12px!important}
  .fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-close{top:10px!important;right:10px!important;width:40px!important;height:40px!important;font-size:25px!important;line-height:38px!important}
  .fke-kit-gallery__lightbox-counter{top:13px!important;right:58px!important;padding:6px 10px!important;font-size:12px!important}
  .fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-nav{top:50%!important;width:42px!important;height:42px!important;font-size:30px!important;line-height:38px!important;border-radius:50%!important}
  .fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-nav--prev{left:10px!important}
  .fke-kit-gallery__lightbox .fke-kit-gallery__lightbox-nav--next{right:10px!important}
}

/* v3.7.5.5 — compact gallery and rating refinement */
.fke-kit-reconstruction .fke-kit-reconstruction__primary{
  grid-template-columns:minmax(0,1fr) 300px;
  gap:18px;
}

.fke-kit-reconstruction .fke-kit-gallery{
  grid-template-columns:minmax(0,1fr) 132px;
  gap:12px;
  padding:12px;
  border-radius:16px;
}

.fke-kit-reconstruction .fke-kit-gallery__stage{
  min-height:560px;
}

.fke-kit-reconstruction .fke-kit-gallery__zoom{
  min-height:560px;
  padding:22px;
}

.fke-kit-reconstruction .fke-kit-gallery__main-image{
  height:510px;
}

.fke-kit-reconstruction .fke-kit-gallery__thumbs{
  max-height:560px;
  gap:10px;
}

.fke-kit-reconstruction .fke-kit-gallery__thumb img{
  height:82px;
}

.fke-kit-reconstruction .fke-kit-gallery__thumb{
  border-radius:12px;
}

.fke-kit-reconstruction .fke-kit-reconstruction__facts{
  padding:22px 20px 20px;
  border-radius:16px;
}

.fke-kit-reconstruction .fke-kit-reconstruction__facts h2{
  font-size:24px;
}

.fke-kit-reconstruction .fke-kit-reconstruction__facts dl div{
  grid-template-columns:96px minmax(0,1fr);
  gap:12px;
}

.fke-kit-reconstruction .fke-kit-reconstruction__facts dd{
  font-size:13.5px;
}

.fke-kit-reconstruction .fke-kit-rating{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
}

.fke-kit-reconstruction .fke-kit-rating__label{
  flex:0 0 100%;
  margin-bottom:0;
}

.fke-kit-reconstruction .fke-kit-rating__stars{
  position:relative;
  display:inline-block;
  color:#d8dde5;
  font-size:22px;
  line-height:1;
  letter-spacing:1px;
  white-space:nowrap;
}

.fke-kit-reconstruction .fke-kit-rating__fill{
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
  color:#d29a1f;
  white-space:nowrap;
}

.fke-kit-reconstruction .fke-kit-rating strong{
  margin-left:0;
  font-size:14px;
}

.fke-kit-reconstruction .fke-kit-rating small{
  margin-top:0;
  font-size:12px;
}

@media (max-width:1180px){
  .fke-kit-reconstruction .fke-kit-reconstruction__primary{
    grid-template-columns:minmax(0,1fr) 280px;
  }

  .fke-kit-reconstruction .fke-kit-gallery{
    grid-template-columns:minmax(0,1fr) 122px;
  }

  .fke-kit-reconstruction .fke-kit-gallery__stage,
  .fke-kit-reconstruction .fke-kit-gallery__zoom{
    min-height:520px;
  }

  .fke-kit-reconstruction .fke-kit-gallery__main-image{
    height:470px;
  }

  .fke-kit-reconstruction .fke-kit-gallery__thumbs{
    max-height:520px;
  }

  .fke-kit-reconstruction .fke-kit-gallery__thumb img{
    height:74px;
  }
}

@media (max-width:820px){
  .fke-kit-reconstruction .fke-kit-gallery__stage,
  .fke-kit-reconstruction .fke-kit-gallery__zoom{
    min-height:460px;
  }

  .fke-kit-reconstruction .fke-kit-gallery__main-image{
    height:410px;
  }
}

@media (max-width:560px){
  .fke-kit-reconstruction .fke-kit-gallery__stage,
  .fke-kit-reconstruction .fke-kit-gallery__zoom{
    min-height:400px;
  }

  .fke-kit-reconstruction .fke-kit-gallery__main-image{
    height:355px;
  }

  .fke-kit-reconstruction .fke-kit-rating__stars{
    font-size:20px;
  }
}