/* ===== FootballBoots.co.uk shared platinum-page components ===== */

/* Ranked table card component (.fb-table) */

.fb-table *, .fb-table *::before, .fb-table *::after { box-sizing: border-box; }
.fb-table { margin: 28px 0; font-family: inherit; }
.fb-table__heading { font-size: 22px; font-weight: 800; color: #111; margin: 0 0 4px; }
.fb-table__sub { font-size: 13px; color: #777; margin: 0 0 18px; }
.fb-table__row { display: grid; grid-template-columns: 96px 1fr; gap: 0; border: .5px solid #e0e0e0; border-radius: 10px; overflow: hidden; margin-bottom: 10px; background: #fff; transition: box-shadow .15s; }
.fb-table__row:hover { box-shadow: 0 3px 14px rgba(0,0,0,.09); }
.fb-table__row--linked { position: relative; cursor: pointer; }
.fb-table__row--linked:hover { border-color: #1a5490; box-shadow: 0 3px 14px rgba(26,84,144,.13); }
.fb-table__row--linked .fb-table__cta::after { content: ''; position: absolute; inset: 0; z-index: 1; border-radius: 10px; }
.fb-table__left { background: #f7f9fc; border-right: .5px solid #e0e0e0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 6px; gap: 6px; flex-shrink: 0; }
.fb-table__rank { font-size: 11px; font-weight: 800; color: #1a5490; text-transform: uppercase; letter-spacing: .06em; line-height: 1; }
.fb-table__row--1 .fb-table__left { background: #fffaf0; border-right-color: #f0d890; }
.fb-table__row--1 .fb-table__rank { color: #b8860b; }
.fb-table__row--2 .fb-table__left { background: #f8f8f8; border-right-color: #d0d0d0; }
.fb-table__row--2 .fb-table__rank { color: #666; }
.fb-table__row--3 .fb-table__left { background: #fdf6f0; border-right-color: #e0c4a0; }
.fb-table__row--3 .fb-table__rank { color: #a0522d; }
.fb-table__img { width: 72px; height: 54px; object-fit: contain; background: transparent; display: block; }
.fb-table__right { padding: 12px 14px 12px 14px; display: flex; flex-direction: column; justify-content: center; gap: 5px; }
.fb-table__name { font-size: 14px; font-weight: 800; color: #111; line-height: 1.2; margin: 0; }
.fb-table__why { font-size: 12.5px; color: #555; line-height: 1.45; margin: 0; }
.fb-table__cta { display: inline-block; align-self: flex-start; margin-top: 4px; background: #1a5490; color: #fff; font-size: 11.5px; font-weight: 700; padding: 6px 14px; border-radius: 20px; text-decoration: none; white-space: nowrap; transition: background .15s; line-height: 1; }
.fb-table__cta:hover { background: #143f6e; color: #fff; text-decoration: none; }
.fb-table__link { display: inline-block; align-self: flex-start; margin-top: 4px; color: #1a5490; font-size: 11.5px; font-weight: 600; text-decoration: none; white-space: nowrap; line-height: 1; }
.fb-table__link::after { content: " \2192"; font-size: 10px; }
.fb-table__link:hover { text-decoration: underline; color: #1a5490; }
.fb-table__row--nike .fb-table__cta { background: #1a5490; }
.fb-table__row--nike .fb-table__cta:hover { background: #143f6e; }
.fb-table__row--adidas .fb-table__cta { background: #111; }
.fb-table__row--adidas .fb-table__cta:hover { background: #333; }
.fb-table__row--other .fb-table__cta { background: #f60; color: #000; }
.fb-table__row--other .fb-table__cta:hover { background: #e05500; color: #000; }
@media (max-width: 640px) {
  .fb-table__row { grid-template-columns: 78px 1fr; }
  .fb-table__left { padding: 8px 4px; gap: 4px; }
  .fb-table__img { width: 60px; height: 45px; }
  .fb-table__rank { font-size: 10px; }
  .fb-table__right { padding: 10px 12px 12px; }
  .fb-table__name { font-size: 13px; }
  .fb-table__why { font-size: 11.5px; }
  .fb-table__cta { align-self: stretch; text-align: center; padding: 8px 12px; font-size: 12px; }
  .fb-table__link { font-size: 12px; }
}

/* CRO blocks: shortcut/verdict, buy CTA, deciding cross-links, buy-lower (.fb-shortcut / .fb-buy / .fb-deciding / .fb-buy-lower) */

.fb-shortcut *, .fb-shortcut *::before, .fb-shortcut *::after { box-sizing: border-box; }
.fb-shortcut { background: #fff; border: .5px solid #e0e0e0; border-radius: 10px; padding: 20px 24px 22px; margin: 24px 0; font-family: inherit; }
.fb-shortcut__label { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #999; margin-bottom: 6px; }
.fb-shortcut__title { font-size: 18px; font-weight: 800; color: #111; margin: 0 0 16px; line-height: 1.25; }
.fb-shortcut__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 540px) { .fb-shortcut__cols { grid-template-columns: 1fr; } }
.fb-shortcut__col-head { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 10px; padding-bottom: 8px; border-bottom: .5px solid #ebebeb; }
.fb-shortcut__col--buy .fb-shortcut__col-head { color: #2a6b2a; }
.fb-shortcut__col--pass .fb-shortcut__col-head { color: #c33; }
.fb-shortcut__list { list-style: none; margin: 0; padding: 0; }
.fb-shortcut__list li { font-size: 13.5px; color: #444; line-height: 1.5; padding: 5px 0 5px 22px; position: relative; border-bottom: .5px solid #f5f5f5; }
.fb-shortcut__list li:last-child { border-bottom: none; }
.fb-shortcut__col--buy .fb-shortcut__list li::before { content: "\2713"; color: #2a6b2a; font-weight: 700; position: absolute; left: 0; top: 5px; }
.fb-shortcut__col--pass .fb-shortcut__list li::before { content: "\2717"; color: #c33; font-weight: 700; position: absolute; left: 0; top: 5px; }
.fb-shortcut__divider { border: none; border-top: .5px solid #c8d8f0; margin: 16px 0 0; }

.fb-buy *, .fb-buy *::before, .fb-buy *::after { box-sizing: border-box; }
.fb-buy { background: #fff; border: .5px solid #e0e0e0; border-radius: 10px; padding: 14px 20px; margin: 0 0 24px; display: flex; align-items: center; justify-content: center; gap: 16px; font-family: inherit; }
.fb-buy__thumbs { display: none; align-items: center; gap: 4px; flex-shrink: 0; }
@media (min-width: 560px) { .fb-buy__thumbs { display: flex; } }
.fb-buy__thumbs img { width: 56px; height: 42px; object-fit: contain; background: #fff; padding: 2px; border-radius: 4px; }
.fb-buy__centre { text-align: center; flex: 1; min-width: 0; }
.fb-buy__caption { font-size: 12px; color: #666; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fb-buy__btn { display: inline-block; background: #1a5490; color: #fff; font-size: 14px; font-weight: 700; padding: 10px 22px; border-radius: 24px; text-decoration: none; transition: background .15s; white-space: nowrap; }
.fb-buy__btn:hover { background: #143f6e; color: #fff; text-decoration: none; }

.fb-deciding *, .fb-deciding *::before, .fb-deciding *::after { box-sizing: border-box; }
.fb-deciding { margin: 32px 0; font-family: inherit; }
.fb-deciding__label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #999; margin-bottom: 6px; }
.fb-deciding__title { font-size: 18px; font-weight: 800; color: #111; margin: 0 0 16px; }
.fb-deciding__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 700px) { .fb-deciding__cards { grid-template-columns: 1fr; } }
.fb-deciding__card { border: .5px solid #e0e0e0; border-radius: 10px; overflow: hidden; text-decoration: none; display: flex; flex-direction: column; transition: box-shadow .15s; background: #fff; }
.fb-deciding__card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.10); text-decoration: none; }
.fb-deciding__img-wrap { width: 100%; aspect-ratio: 4/3; overflow: hidden; background: #f7f7f7; }
.fb-deciding__img-wrap img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.fb-deciding__body { padding: 12px 14px 14px; flex: 1; display: flex; flex-direction: column; }
.fb-deciding__name { font-size: 14px; font-weight: 800; color: #111; margin: 0 0 5px; }
.fb-deciding__hook { font-size: 13px; color: #555; line-height: 1.45; flex: 1; margin-bottom: 10px; }
.fb-deciding__link { font-size: 12.5px; font-weight: 700; color: #1a5490; display: inline-flex; align-items: center; gap: 4px; text-decoration: none; }
.fb-deciding__link::after { content: "\2192"; transition: transform .15s; }
.fb-deciding__card:hover .fb-deciding__link::after { transform: translateX(3px); }

.fb-buy-lower *, .fb-buy-lower *::before, .fb-buy-lower *::after { box-sizing: border-box; }
.fb-buy-lower { background: #fff; border: .5px solid #e0e0e0; border-radius: 10px; padding: 14px 20px; margin: 24px 0; display: flex; align-items: center; justify-content: center; gap: 16px; font-family: inherit; }
.fb-buy-lower__thumbs { display: none; align-items: center; gap: 4px; flex-shrink: 0; }
@media (min-width: 560px) { .fb-buy-lower__thumbs { display: flex; } }
.fb-buy-lower__thumbs img { width: 56px; height: 42px; object-fit: contain; background: #f5f5f5; padding: 2px; border-radius: 4px; }
.fb-buy-lower__centre { text-align: center; flex: 1; min-width: 0; }
.fb-buy-lower__caption { font-size: 12px; color: #666; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fb-buy-lower__btn { display: inline-block; background: #f60; color: #000; font-size: 14px; font-weight: 700; padding: 10px 22px; border-radius: 24px; text-decoration: none; transition: background .15s; white-space: nowrap; }
.fb-buy-lower__btn:hover { background: #e05500; color: #000; text-decoration: none; }

/* Fixed-grid photo pairs, replaces the old wp:gallery pattern (.fb-photos) */

.fb-photos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:1.2rem 0}
.fb-photos img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;border-radius:6px;background:#f5f5f5}
@media(max-width:640px){.fb-photos{grid-template-columns:1fr}}

/* Nike colourway card grid, shared unprefixed across all pages (.ph-cw) */

.ph-cw *{box-sizing:border-box}
.ph-cw-title{font-size:17px;font-weight:600;color:#111;margin:0 0 4px}
.ph-cw-sub{font-size:13px;color:#777;margin:0 0 18px}
.ph-cw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ph-cw-card{border:0.5px solid #e0e0e0;border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:border-color .15s ease}
.ph-cw-card:hover{border-color:#1a5490}
.ph-cw-imgwrap{background:#f4f4f4;border-bottom:0.5px solid #e0e0e0}
.ph-cw-imgwrap a{display:block}
.ph-cw-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ph-cw-imgwrap img.err{background:#ebebeb}
.ph-cw-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;letter-spacing:.03em;padding:4px 9px;border-radius:8px;background:#1a1a1a;color:#fff}
.ph-cw-badge.t-new{background:#2a6b2a}
.ph-cw-badge.t-fg{background:#8a5a00}
.ph-cw-badge.t-player{background:#5a2a9a}
.ph-cw-badge.t-pack{background:#1a5490}
.ph-cw-body{padding:14px 16px 16px}
.ph-cw-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.ph-cw-name{font-size:15px;font-weight:600;color:#111;margin:0 0 2px}
.ph-cw-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:13px;background:#eef4fa;color:#1a5490;text-decoration:none;font-size:10px;font-weight:600;letter-spacing:.01em;line-height:1;white-space:nowrap;transition:background .15s ease,color .15s ease}
.ph-cw-cta:hover{background:#1a5490;color:#fff}
.ph-cw-cta-arrow{font-size:12px;line-height:1}
.ph-cw-notes{font-size:12.5px;color:#555;line-height:1.6;margin:0}
@media (max-width:1100px){.ph-cw-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.ph-cw-grid{grid-template-columns:1fr 1fr}.ph-cw-head{flex-direction:column;align-items:flex-start;gap:7px}.ph-cw-cta{margin-top:1px}}

/* ===== widefeet.html page-specific components (wf-*), lifted as-is, not merged ===== */


.wf-intro *{box-sizing:border-box}

/* Lead thesis */
.wf-intro-lead{font-size:15px;line-height:1.65;color:#222;margin:0 0 1rem}
.wf-intro-lead strong{font-weight:700;color:#111}

/* Jump nav — matches .ph-nav from Phantom review */
.ph-nav *{box-sizing:border-box}
.ph-nav{border:0.5px solid #e0e0e0;border-radius:10px;padding:14px 16px;margin:1.5rem 0}
.ph-nav-label{font-size:10px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px}
.ph-nav-links{display:flex;flex-wrap:wrap;gap:8px}
.ph-nav-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#1a5490;text-decoration:none;background:#f0f5fc;border:0.5px solid #c8d8f0;border-radius:20px;padding:6px 12px;line-height:1.4;transition:background 0.15s}
.ph-nav-link:hover{background:#e0ecfb;text-decoration:none}
.ph-nav-link svg{flex-shrink:0;opacity:0.6}

/* Tester / credibility block */
.wf-tester{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:1.5rem 0;border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;align-items:stretch}
@media(max-width:640px){.wf-tester{grid-template-columns:1fr}}
.wf-tester-imgs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-right:.5px solid #e0e0e0;align-self:stretch}
@media(max-width:640px){.wf-tester-imgs{grid-template-columns:1fr 1fr;border-right:none;border-bottom:.5px solid #e0e0e0}}
.wf-tester-img{width:100%;height:100%;min-height:180px;object-fit:cover;display:block;background:#f4f4f4}
.wf-tester-imgs img:first-child{border-right:.5px solid #e0e0e0}
.wf-tester-body{padding:20px 22px;display:flex;flex-direction:column;justify-content:center;gap:10px}
@media(max-width:640px){.wf-tester-body{padding:16px}}
.wf-tester-label{font-size:10px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.06em}
.wf-tester-text{font-size:13.5px;color:#444;line-height:1.7;margin:0}
.wf-tester-detail{font-size:12.5px;color:#666;line-height:1.65;margin:0;border-left:2px solid #1a5490;padding-left:10px}



.wf-fit-table-wrap * { box-sizing: border-box; }
.wf-fit-table-wrap { margin: 28px 0; font-family: inherit; }
.wf-fit-table-wrap .wf-table__heading { font-size: 22px; font-weight: 800; color: #111; margin: 0 0 4px; }
.wf-fit-table-wrap .wf-table__sub { font-size: 13px; color: #777; margin: 0 0 18px; }

.wf-fit-table {
  width: 100%;
  border-collapse: collapse;
  border: 0.5px solid #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  font-size: 13px;
  background: #fff;
}
.wf-fit-table thead th {
  background: #f7f9fc;
  text-align: left;
  padding: 10px 14px;
  font-weight: 700;
  color: #111;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
  border-bottom: 0.5px solid #e0e0e0;
}
.wf-fit-table tbody tr { border-bottom: 0.5px solid #ebebeb; transition: background .15s; }
.wf-fit-table tbody tr:last-child { border-bottom: none; }
.wf-fit-table tbody tr:hover { background: #f7f9fc; }
.wf-fit-table tbody td { padding: 12px 14px; vertical-align: middle; color: #333; line-height: 1.45; }

/* Boot column: rank + image + name grouped together, like the original left block */
.wf-fit-table__boot { white-space: nowrap; width: 1%; }
.wf-fit-table__boot-inner { display: flex; align-items: center; gap: 10px; }
.wf-fit-table__rank {
  font-size: 11px;
  font-weight: 800;
  color: #1a5490;
  text-transform: uppercase;
  letter-spacing: .05em;
  width: 26px;
  flex-shrink: 0;
}
.wf-fit-table__img { width: 56px; height: 42px; object-fit: contain; background: transparent; flex-shrink: 0; }
.wf-fit-table__name { font-size: 14px; font-weight: 800; color: #111; white-space: normal; }

/* Gold / silver / bronze tint for top 3 */
.wf-fit-table__tr--1 .wf-fit-table__rank { color: #b8860b; }
.wf-fit-table__tr--1 { background: #fffdf7; }
.wf-fit-table__tr--1:hover { background: #fff9ea; }
.wf-fit-table__tr--2 .wf-fit-table__rank { color: #666; }
.wf-fit-table__tr--2 { background: #fbfbfb; }
.wf-fit-table__tr--2:hover { background: #f4f4f4; }
.wf-fit-table__tr--3 .wf-fit-table__rank { color: #a0522d; }
.wf-fit-table__tr--3 { background: #fdf9f5; }
.wf-fit-table__tr--3:hover { background: #fbf3ea; }

.wf-fit-table__why { max-width: 420px; }

.wf-fit-table__action { white-space: nowrap; width: 1%; text-align: right; }
.wf-fit-table__cta {
  display: inline-block;
  background: #1a5490;
  color: #fff !important;
  font-size: 11.5px;
  font-weight: 700;
  padding: 7px 16px;
  border-radius: 20px;
  text-decoration: none !important;
  white-space: nowrap;
  transition: background .15s;
}
.wf-fit-table__cta:hover { background: #143f6e; }
.wf-fit-table__link { color: #1a5490; font-size: 12.5px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.wf-fit-table__link::after { content: " \2192"; font-size: 10px; }
.wf-fit-table__link:hover { text-decoration: underline; }

/* ---- Mobile: real table becomes a stack of clean cards, no stray borders ---- */
@media (max-width: 640px) {
  .wf-fit-table thead { display: none; }
  .wf-fit-table, .wf-fit-table tbody { display: block; width: 100%; }
  .wf-fit-table tbody tr {
    display: block;
    border: none;
    border-bottom: 0.5px solid #ebebeb;
    padding: 12px 14px 14px;
  }
  .wf-fit-table tbody tr:last-child { border-bottom: none; }
  .wf-fit-table tbody td {
    display: block;
    padding: 0;
    border: none;
    white-space: normal;
    width: auto;
  }
  .wf-fit-table__boot { margin-bottom: 8px; }
  .wf-fit-table__why { max-width: none; margin-bottom: 10px; color: #555; font-size: 12.5px; }
  .wf-fit-table__action { text-align: left; }
  .wf-fit-table__cta { display: block; text-align: center; padding: 10px 14px; }
  .wf-fit-table__img { width: 64px; height: 48px; }
}



.wf-shortcut *, .wf-shortcut *::before, .wf-shortcut *::after { box-sizing: border-box; }
.wf-shortcut {
  background: #fff;
  border: .5px solid #e0e0e0;
  border-radius: 10px;
  padding: 20px 24px 22px;
  margin: 24px 0;
  font-family: inherit;
}
.wf-shortcut__label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #999;
  margin-bottom: 6px;
}
.wf-shortcut__title {
  font-size: 18px;
  font-weight: 800;
  color: #111;
  margin: 0 0 16px;
  line-height: 1.25;
}
.wf-shortcut__cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 540px) {
  .wf-shortcut__cols { grid-template-columns: 1fr; }
}
.wf-shortcut__col { }
.wf-shortcut__col-head {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: .5px solid #ebebeb;
}
.wf-shortcut__col--buy .wf-shortcut__col-head { color: #2a6b2a; }
.wf-shortcut__col--pass .wf-shortcut__col-head { color: #c33; }
.wf-shortcut__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wf-shortcut__list li {
  font-size: 13.5px;
  color: #444;
  line-height: 1.5;
  padding: 5px 0 5px 22px;
  position: relative;
  border-bottom: .5px solid #f5f5f5;
}
.wf-shortcut__list li:last-child { border-bottom: none; }
.wf-shortcut__col--buy .wf-shortcut__list li::before {
  content: "✓";
  color: #2a6b2a;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 5px;
}
.wf-shortcut__col--pass .wf-shortcut__list li::before {
  content: "✗";
  color: #c33;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 5px;
}
.wf-shortcut__divider {
  border: none;
  border-top: .5px solid #c8d8f0;
  margin: 16px 0 0;
}



.wf-buy *, .wf-buy *::before, .wf-buy *::after { box-sizing: border-box; }
.wf-buy {
  background: #fff;
  border: .5px solid #e0e0e0;
  border-radius: 10px;
  padding: 14px 20px;
  margin: 0 0 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: inherit;
}
.wf-buy__thumbs {
  display: none;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
@media (min-width: 560px) { .wf-buy__thumbs { display: flex; } }
.wf-buy__thumbs img {
  width: 56px;
  height: 42px;
  object-fit: contain;
  background: #fff;
  padding: 2px;
  border-radius: 4px;
}
.wf-buy__centre {
  text-align: center;
  flex: 1;
  min-width: 0;
}
.wf-buy__caption {
  font-size: 12px;
  color: #666;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wf-buy__btn {
  display: inline-block;
  background: #1a5490;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 22px;
  border-radius: 24px;
  text-decoration: none;
  transition: background .15s;
  white-space: nowrap;
}
.wf-buy__btn:hover { background: #143f6e; color: #fff; text-decoration: none; }



.wf-deciding *, .wf-deciding *::before, .wf-deciding *::after { box-sizing: border-box; }
.wf-deciding {
  margin: 32px 0;
  font-family: inherit;
}
.wf-deciding__label {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #999;
  margin-bottom: 6px;
}
.wf-deciding__title {
  font-size: 18px;
  font-weight: 800;
  color: #111;
  margin: 0 0 16px;
}
.wf-deciding__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
@media (max-width: 700px) {
  .wf-deciding__cards { grid-template-columns: 1fr; }
}
.wf-deciding__card {
  border: .5px solid #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: box-shadow .15s;
  background: #fff;
}
.wf-deciding__card:hover {
  box-shadow: 0 4px 16px rgba(0,0,0,.10);
  text-decoration: none;
}
.wf-deciding__img-wrap {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #f7f7f7;
}
.wf-deciding__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
}
.wf-deciding__body {
  padding: 12px 14px 14px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.wf-deciding__name {
  font-size: 14px;
  font-weight: 800;
  color: #111;
  margin: 0 0 5px;
}
.wf-deciding__hook {
  font-size: 13px;
  color: #555;
  line-height: 1.45;
  flex: 1;
  margin-bottom: 10px;
}
.wf-deciding__link {
  font-size: 12.5px;
  font-weight: 700;
  color: #1a5490;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
}
.wf-deciding__link::after { content: "→"; transition: transform .15s; }
.wf-deciding__card:hover .wf-deciding__link::after { transform: translateX(3px); }



/* .wf-3col — 3-column dual imagery layout */
.wf-3col *{box-sizing:border-box}
.wf-3col{display:grid;grid-template-columns:1fr 1.25fr 1fr;border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;margin:1.25rem 0}
@media(max-width:640px){.wf-3col{grid-template-columns:1fr}}
.wf-3col-left{border-right:.5px solid #e0e0e0}
@media(max-width:640px){.wf-3col-left{border-right:none;border-bottom:.5px solid #e0e0e0}}
.wf-3col-right{border-left:.5px solid #e0e0e0}
@media(max-width:640px){.wf-3col-right{border-left:none;border-top:.5px solid #e0e0e0}}
.wf-3col-img{width:100%;height:100%;object-fit:cover;display:block;min-height:220px;background:#f0f0f0}
@media(max-width:640px){.wf-3col-img{min-height:180px;max-height:220px}}
.wf-3col-body{padding:18px 20px;display:flex;flex-direction:column;gap:10px}
@media(max-width:640px){.wf-3col-body{padding:16px}}
.wf-3col-rank{font-size:10px;font-weight:700;color:#1a5490;text-transform:uppercase;letter-spacing:.06em}
.wf-3col-title{font-size:16px;font-weight:700;color:#111;line-height:1.3;margin-top:-2px}
.wf-3col-sub{font-size:13px;color:#666;font-style:italic;line-height:1.5;border-left:2px solid #1a5490;padding-left:10px}
.wf-3col-text{font-size:13px;color:#444;line-height:1.7}
.wf-3col-hr{border:none;border-top:.5px solid #ebebeb;margin:2px 0}
.wf-3col-who-label{font-size:10px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.wf-3col-who{font-size:12px;color:#555;line-height:1.55}
.wf-3col-pros{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}
.wf-3col-pro{font-size:12px;color:#2a6b2a;padding-left:16px;position:relative;line-height:1.5}
.wf-3col-pro:before{content:"✓";position:absolute;left:0;font-size:10px;top:2px}
.wf-3col-cons{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}
.wf-3col-con{font-size:12px;color:#777;padding-left:16px;position:relative;line-height:1.5}
.wf-3col-con:before{content:"–";position:absolute;left:2px;color:#bbb}
.wf-3col-cta{display:block;text-decoration:none;text-align:center;padding:10px 14px;border-radius:6px;font-size:13px;font-weight:600;margin-top:4px;color:#fff}
.wf-3col-cta:hover{opacity:.88;color:#fff;text-decoration:none}
.wf-cta-nike{background:#1a5490}
.wf-cta-adidas{background:#111}
.wf-cta-other{background:#f60;color:#000}
.wf-cta-other:hover{color:#000}

/* .wf-cw — colourway bar (boots 1, 2, 4, 5 only) */
.wf-cw *{box-sizing:border-box}
.wf-cw{margin:.6rem 0 1.2rem}
.wf-cw-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-ms-overflow-style:none}
.wf-cw-row::-webkit-scrollbar{display:none}
.wf-cw-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px}
.wf-cw-img{width:94px;height:63px;object-fit:contain;border-radius:6px;background:#f5f5f5;border:.5px solid #e0e0e0;display:block}
.wf-cw-name{font-size:10px;color:#777;text-align:center;line-height:1.3;max-width:90px}
.wf-cw-foot{display:flex;align-items:center;justify-content:flex-end;margin-top:5px}
.wf-cw-link{font-size:11.5px;color:#1a5490;text-decoration:none;font-weight:500}
.wf-cw-link:hover{text-decoration:underline}

/* .ph-cw — colourway card grid (boots 1, 2, 5) */
.ph-cw *{box-sizing:border-box}
.ph-cw-sub{font-size:13px;color:#777;margin:0 0 18px}
.ph-cw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ph-cw-card{border:0.5px solid #e0e0e0;border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:border-color .15s ease}
.ph-cw-card:hover{border-color:#1a5490}
.ph-cw-imgwrap{background:#f4f4f4;border-bottom:0.5px solid #e0e0e0}
.ph-cw-imgwrap a{display:block}
.ph-cw-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ph-cw-imgwrap img.err{background:#ebebeb}
.ph-cw-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;letter-spacing:.03em;padding:4px 9px;border-radius:8px;background:#1a1a1a;color:#fff}
.ph-cw-badge.t-new{background:#2a6b2a}
.ph-cw-badge.t-fg{background:#8a5a00}
.ph-cw-badge.t-player{background:#5a2a9a}
.ph-cw-badge.t-pack{background:#1a5490}
.ph-cw-body{padding:14px 16px 16px}
.ph-cw-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}
.ph-cw-name{font-size:15px;font-weight:600;color:#111;margin:0 0 2px}
.ph-cw-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:13px;background:#eef4fa;color:#1a5490;text-decoration:none;font-size:10px;font-weight:600;letter-spacing:.01em;line-height:1;white-space:nowrap;transition:background .15s ease,color .15s ease}
.ph-cw-cta:hover{background:#1a5490;color:#fff}
.ph-cw-cta-arrow{font-size:12px;line-height:1}
.ph-cw-notes{font-size:12.5px;color:#555;line-height:1.6;margin:0}
@media (max-width:1100px){.ph-cw-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.ph-cw-grid{grid-template-columns:1fr 1fr}.ph-cw-head{flex-direction:column;align-items:flex-start;gap:7px}.ph-cw-cta{margin-top:1px}}



.wf-lower *{box-sizing:border-box}

/* Section wrapper — adds scroll anchor target */
.wf-section{margin:2rem 0}

/* Speed boots verdict grid */
.wf-speed-intro{font-size:14px;color:#444;line-height:1.7;margin:0 0 1.2rem}
.wf-speed-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:1rem 0}
@media(max-width:640px){.wf-speed-grid{grid-template-columns:1fr}}
.wf-speed-card{border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.wf-speed-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;gap:10px;border-bottom:.5px solid #e0e0e0}
.wf-speed-boot{font-size:13.5px;font-weight:700;color:#111}
.wf-speed-verdict{font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:10px;white-space:nowrap}
.wf-verdict-works{background:#e8f5e9;color:#2a6b2a}
.wf-verdict-try{background:#fff8e1;color:#8a5a00}
.wf-verdict-avoid{background:#fdecea;color:#b71c1c}
.wf-speed-body{padding:10px 14px 14px;font-size:12.5px;color:#555;line-height:1.6}
.wf-speed-note{font-size:11.5px;color:#888;margin-top:6px;line-height:1.5;padding-left:10px;border-left:2px solid #e0e0e0}
.wf-speed-cta-row{margin-top:1.2rem;font-size:13.5px;color:#444;line-height:1.7;padding:14px 16px;background:#f7f9fc;border:.5px solid #e0e0e0;border-radius:8px}

/* Fit test checklist */
.wf-fit-items{display:flex;flex-direction:column;gap:10px;margin:1rem 0}
.wf-fit-item{border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;display:grid;grid-template-columns:40px 1fr}
.wf-fit-num{background:#f0f5fc;border-right:.5px solid #e0e0e0;display:flex;align-items:flex-start;justify-content:center;padding-top:15px;font-size:14px;font-weight:800;color:#1a5490}
.wf-fit-body{padding:13px 16px}
.wf-fit-q{font-size:13.5px;font-weight:700;color:#111;margin:0 0 5px;line-height:1.4}
.wf-fit-a{font-size:12.5px;color:#555;line-height:1.65;margin:0}

/* UK sizing notes */
.wf-sizing-items{display:flex;flex-direction:column;gap:8px;margin:1rem 0}
.wf-sizing-item{padding:12px 16px;border-left:3px solid #1a5490;background:#f7f9fc;border-radius:0 8px 8px 0;font-size:13px;color:#444;line-height:1.65}
.wf-sizing-item strong{color:#111;font-weight:700}

/* FAQ */
.wf-faq-items{display:flex;flex-direction:column;gap:10px;margin:1rem 0}
.wf-faq-item{border:.5px solid #e0e0e0;border-radius:10px;padding:15px 18px}
.wf-faq-q{font-size:13.5px;font-weight:700;color:#111;margin:0 0 7px;line-height:1.4}
.wf-faq-a{font-size:13px;color:#555;line-height:1.7;margin:0}

/* Kids section */
.wf-kids-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:1rem 0}
@media(max-width:640px){.wf-kids-grid{grid-template-columns:1fr}}
.wf-kids-card{border:.5px solid #e0e0e0;border-radius:10px;padding:14px 16px}
.wf-kids-card-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}
.wf-kids-card-label.go{color:#2a6b2a}
.wf-kids-card-label.avoid{color:#b71c1c}
.wf-kids-card-text{font-size:12.5px;color:#555;line-height:1.65;margin:0}

/* Lower CTA */
.wf-lower-cta{border:.5px solid #c8d8f0;border-radius:10px;background:#f0f5fc;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:1.5rem 0}
@media(max-width:640px){.wf-lower-cta{flex-direction:column;align-items:flex-start}}
.wf-lower-cta-text{font-size:13.5px;color:#1a5490;font-weight:600;line-height:1.5}
.wf-lower-cta-sub{font-size:12px;color:#666;font-weight:400;margin-top:2px}
.wf-lower-cta-btn{flex-shrink:0;display:inline-block;background:#1a5490;color:#fff;font-size:12.5px;font-weight:700;padding:10px 18px;border-radius:20px;text-decoration:none;white-space:nowrap;transition:background .15s}
.wf-lower-cta-btn:hover{background:#143f6e;color:#fff;text-decoration:none}

/* Final verdict */
.wf-verdict-block{border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;margin:1.5rem 0}
.wf-verdict-head{background:#f7f9fc;border-bottom:.5px solid #e0e0e0;padding:13px 18px;font-size:11px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.06em}
.wf-verdict-body{padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.wf-verdict-text{font-size:14px;color:#333;line-height:1.75;margin:0}
.wf-verdict-closer{font-size:14px;font-weight:600;color:#111;line-height:1.6;margin:0;border-left:3px solid #1a5490;padding-left:14px}



.wf-sizing-table-wrap * { box-sizing: border-box; }
.wf-sizing-table-wrap { margin: 8px 0 0; font-family: inherit; }
.wf-sizing-table {
  width: 100%;
  border-collapse: collapse;
  border: 0.5px solid #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  font-size: 13.5px;
  background: #fff;
}
.wf-sizing-table thead th {
  background: #f7f9fc;
  text-align: left;
  padding: 10px 14px;
  font-weight: 700;
  color: #111;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .04em;
  border-bottom: 0.5px solid #e0e0e0;
}
.wf-sizing-table tbody tr { border-bottom: 0.5px solid #ebebeb; transition: background .15s; }
.wf-sizing-table tbody tr:last-child { border-bottom: none; }
.wf-sizing-table tbody tr:hover { background: #f7f9fc; }
.wf-sizing-table tbody td { padding: 12px 14px; vertical-align: top; color: #333; line-height: 1.55; }
.wf-sizing-table__who { font-weight: 800; color: #111; white-space: nowrap; width: 1%; }
.wf-sizing-table__note { }
.wf-sizing-table__note strong { color: #111; }

@media (max-width: 640px) {
  .wf-sizing-table thead { display: none; }
  .wf-sizing-table, .wf-sizing-table tbody { display: block; width: 100%; }
  .wf-sizing-table tbody tr { display: block; border: none; border-bottom: 0.5px solid #ebebeb; padding: 12px 14px 14px; }
  .wf-sizing-table tbody tr:last-child { border-bottom: none; }
  .wf-sizing-table tbody td { display: block; padding: 0; border: none; white-space: normal; width: auto; }
  .wf-sizing-table__who { margin-bottom: 4px; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #1a5490; }
}



.wf-buy-lower *, .wf-buy-lower *::before, .wf-buy-lower *::after { box-sizing: border-box; }
.wf-buy-lower {
  background: #fff;
  border: .5px solid #e0e0e0;
  border-radius: 10px;
  padding: 14px 20px;
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: inherit;
}
.wf-buy-lower__thumbs {
  display: none;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
@media (min-width: 560px) { .wf-buy-lower__thumbs { display: flex; } }
.wf-buy-lower__thumbs img {
  width: 56px;
  height: 42px;
  object-fit: contain;
  background: #fff;
  padding: 2px;
  border-radius: 4px;
}
.wf-buy-lower__centre {
  text-align: center;
  flex: 1;
  min-width: 0;
}
.wf-buy-lower__caption {
  font-size: 12px;
  color: #666;
  margin-bottom: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.wf-buy-lower__btn {
  display: inline-block;
  background: #f60;
  color: #000;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 22px;
  border-radius: 24px;
  text-decoration: none;
  transition: background .15s;
  white-space: nowrap;
}
.wf-buy-lower__btn:hover { background: #e05500; color: #000; text-decoration: none; }




/* ===== Shared boot-review page components (ph-*), consistent across review-superfly/vapor/phantom, reusable for future reviews ===== */


.ph-nav *{box-sizing:border-box}
.ph-nav{border:0.5px solid #e0e0e0;border-radius:10px;padding:14px 16px;margin:1.5rem 0}
.ph-nav-label{font-size:10px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px}
.ph-nav-links{display:flex;flex-wrap:wrap;gap:8px}
.ph-nav-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#1a5490;text-decoration:none;background:#f0f5fc;border:0.5px solid #c8d8f0;border-radius:20px;padding:6px 12px;line-height:1.4;transition:background 0.15s}
.ph-nav-link:hover{background:#e0ecfb;text-decoration:none}
.ph-nav-link svg{flex-shrink:0;opacity:0.6}



.ph-rating{display:flex;align-items:center;gap:16px;padding:14px 18px;border:0.5px solid #e0e0e0;border-radius:10px;background:#fafafa;margin:1rem 0}
.ph-rating .score{font-size:38px;font-weight:800;color:#111;line-height:1;flex-shrink:0}
.ph-rating .score-denom{font-size:14px;font-weight:400;color:#999;margin-left:2px}
.ph-rating .right{display:flex;flex-direction:column;gap:4px}
.ph-rating .stars{font-size:22px;letter-spacing:2px;line-height:1}
.ph-rating .label{font-size:12px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:0.5px}
.ph-rating .sub{font-size:12px;color:#888;line-height:1.4}



.ph-glance *{box-sizing:border-box}
.ph-glance{border:0.5px solid #e0e0e0;border-radius:10px;overflow:hidden;margin:1.5rem 0}
.ph-glance table{width:100%;border-collapse:collapse;font-size:13px}
.ph-glance th{padding:10px 14px;text-align:left;font-weight:600;color:#111;background:#f7f7f7;border-bottom:0.5px solid #ebebeb;width:38%;white-space:nowrap}
.ph-glance td{padding:10px 14px;color:#444;border-bottom:0.5px solid #ebebeb;line-height:1.5}
.ph-glance tr:last-child th,.ph-glance tr:last-child td{border-bottom:none}
.ph-glance .tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:8px;font-weight:600;background:#e8f0fb;color:#1a5490}



.ph-id-card *{box-sizing:border-box}
.ph-id-card{border:0.5px solid #e0e0e0;border-radius:10px;overflow:hidden;margin:1.5rem 0}
.ph-id-card-head{padding:12px 16px;background:#e8f0fb;border-bottom:0.5px solid #c8d8f0}
.ph-id-card-label{font-size:10px;font-weight:600;color:#1a5490;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:3px}
.ph-id-card-title{font-size:16px;font-weight:700;color:#111}
.ph-id-card-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:540px){.ph-id-card-body{grid-template-columns:1fr}}
.ph-id-col{padding:14px 16px}
.ph-id-col:first-child{border-right:0.5px solid #ebebeb}
@media(max-width:540px){.ph-id-col:first-child{border-right:none;border-bottom:0.5px solid #ebebeb}}
.ph-id-col h4{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 6px}
.ph-id-col p{font-size:13px;color:#333;line-height:1.6;margin:0 0 10px}
.ph-id-col p:last-child{margin-bottom:0}
.ph-id-list{list-style:none;padding:0;margin:0}
.ph-id-list li{font-size:13px;color:#444;padding:3px 0 3px 16px;position:relative;line-height:1.5}
.ph-id-list li:before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:50%;background:#1a5490}
.ph-id-not{background:#f9f9f9;border-top:0.5px solid #ebebeb;padding:10px 16px;font-size:12px;color:#777;line-height:1.5}



.ph-shortcut{border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;margin:1.5rem 0}
.ph-shortcut-head{padding:14px 16px;background:#e8f0fb;border-bottom:.5px solid #c8d8f0;display:flex;align-items:center;gap:8px}
.ph-shortcut-head h3{font-size:16px;font-weight:700;color:#111;margin:0}
.ph-shortcut-star{font-size:16px;line-height:1}
.ph-shortcut-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
.ph-shortcut-col{padding:16px}
.ph-shortcut-col:first-child{border-right:.5px solid #ebebeb}
@media(max-width:540px){.ph-shortcut-body{grid-template-columns:1fr}.ph-shortcut-col:first-child{border-right:none;border-bottom:.5px solid #ebebeb}}
.ph-shortcut-col h4{font-size:13px;font-weight:600;color:#333;margin:0 0 10px}
.ph-shortcut-list{list-style:none;padding:0;margin:0}
.ph-shortcut-list li{font-size:13px;color:#444;padding:4px 0 4px 22px;position:relative;line-height:1.55}
.ph-shortcut-list.yes li:before{content:"✓";position:absolute;left:0;top:4px;color:#2a6b2a;font-weight:700}
.ph-shortcut-list.no li:before{content:"✗";position:absolute;left:0;top:4px;color:#c33;font-weight:700}



.ph-buy{border:.5px solid #e0e0e0;border-radius:10px;padding:14px 18px;margin:1.5rem 0;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:nowrap;background:#fafbfc}
.ph-buy-thumbs{display:none;gap:6px;flex-shrink:0}
.ph-buy-thumbs img{width:56px;height:42px;object-fit:contain;border-radius:6px;border:.5px solid #e0e0e0;background:#fff;padding:3px;display:block}
.ph-buy-cta{display:inline-flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.ph-buy-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 24px;border-radius:24px;background:#1a5490;color:#fff;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap;transition:background .15s ease}
.ph-buy-btn:hover{background:#143f6e;text-decoration:none;color:#fff}
.ph-buy-btn.alt{background:#f60;color:#111}
.ph-buy-btn.alt:hover{background:#e05500;color:#111}
.ph-buy-sub{font-size:11px;color:#999;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media(min-width:560px){.ph-buy-thumbs{display:flex}}



.ph-deciding{margin:1.5rem 0}
.ph-deciding-label{font-size:10px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.ph-deciding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:700px){.ph-deciding-grid{grid-template-columns:1fr}}
.ph-deciding-card{display:block;border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;text-decoration:none;transition:border-color .15s ease,background .15s ease}
.ph-deciding-card:hover{border-color:#1a5490;background:#f7fafd;text-decoration:none}
.ph-deciding-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.ph-deciding-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ph-deciding-imgwrap img.err{background:#ebebeb}
.ph-deciding-body{padding:14px 16px 16px}
.ph-deciding-name{font-size:15px;font-weight:700;color:#111;margin-bottom:4px}
.ph-deciding-line{font-size:13px;color:#555;line-height:1.5;margin:0 0 10px}
.ph-deciding-cta{font-size:12px;font-weight:600;color:#1a5490}
.ph-deciding-cta .arrow{display:inline-block;margin-left:3px;transition:transform .15s ease}
.ph-deciding-card:hover .ph-deciding-cta .arrow{transform:translateX(3px)}



.ph-amb *{box-sizing:border-box}
.ph-amb{margin:1.5rem 0}
.ph-amb-label{font-size:10px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:10px}
.ph-amb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:540px){.ph-amb-grid{grid-template-columns:1fr}}
.ph-amb-card{border:0.5px solid #e0e0e0;border-radius:10px;overflow:hidden}
.ph-amb-img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top center;display:block}
.ph-amb-body{padding:12px 14px}
.ph-amb-name{font-size:15px;font-weight:700;color:#111;margin-bottom:4px}
.ph-amb-role{font-size:11px;color:#1a5490;font-weight:600;background:#e8f0fb;padding:2px 7px;border-radius:8px;display:inline-block;margin-bottom:10px}
.ph-amb-quote{font-size:13px;color:#333;line-height:1.65;font-style:italic;border-left:2px solid #1a5490;padding-left:10px;margin:0}



.ph-who *{box-sizing:border-box}
.ph-who{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:1.5rem 0}
.pw-card{border:0.5px solid #e0e0e0;border-radius:10px;padding:12px 14px}
.pw-type{font-size:13px;font-weight:600;color:#111;margin-bottom:4px}
.pw-player{font-size:10px;font-weight:600;color:#1a5490;background:#e8f0fb;padding:2px 7px;border-radius:8px;display:inline-block;margin-bottom:8px}
.pw-desc{font-size:12px;color:#555;line-height:1.6;margin:0}
.ph-who-note{margin-top:10px;padding:10px 14px;background:#fff8f0;border:0.5px solid #f5dfc0;border-radius:8px;font-size:12px;color:#7a4a00;line-height:1.5}



.ph-perf *{box-sizing:border-box}
.ph-perf{border:0.5px solid #e0e0e0;border-radius:10px;overflow:hidden;margin:1.5rem 0}
.ph-perf table{width:100%;border-collapse:collapse;font-size:13px}
.ph-perf thead tr{background:#f7f7f7;border-bottom:0.5px solid #e0e0e0}
.ph-perf th{padding:10px 14px;text-align:left;font-weight:600;color:#111}
.ph-perf td{padding:10px 14px;color:#444;border-bottom:0.5px solid #ebebeb;line-height:1.5;vertical-align:top}
.ph-perf tr:last-child td{border-bottom:none}
.ph-perf .score{font-weight:700;color:#1a5490;white-space:nowrap}
.ph-perf .score-bar{display:inline-block;height:4px;border-radius:2px;background:#1a5490;margin-left:6px;vertical-align:middle}
@media(max-width:520px){.ph-perf .note-col{display:none}}



.ph-test *{box-sizing:border-box}
.ph-test{border:0.5px solid #e0e0e0;border-radius:10px;overflow:hidden;margin:1.5rem 0;display:grid;grid-template-columns:220px 1fr}
@media(max-width:560px){.ph-test{grid-template-columns:1fr}}
.ph-test-img{width:100%;height:100%;object-fit:cover;display:block;min-height:180px}
@media(max-width:560px){.ph-test-img{height:200px}}
.ph-test-body{padding:14px 16px}
.ph-test-label{font-size:10px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:12px}
.ph-test-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
@media(max-width:400px){.ph-test-grid{grid-template-columns:1fr}}
.ph-test-row{padding:7px 0;border-bottom:0.5px solid #ebebeb}
.ph-test-row:last-child{border-bottom:none}
.ph-test-key{font-size:11px;font-weight:600;color:#999;margin-bottom:2px}
.ph-test-val{font-size:13px;color:#333;line-height:1.4}



.ph-tech *{box-sizing:border-box}
.ph-tech{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:1.5rem 0}
@media(max-width:560px){.ph-tech{grid-template-columns:1fr}}
.ph-card{border:0.5px solid #e0e0e0;border-radius:10px;overflow:hidden}
.ph-card-imgs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:0.5px solid #e0e0e0}
.ph-card-imgs img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ph-card-imgs img:first-child{border-right:0.5px solid #e0e0e0}
.ph-card-head{padding:12px 14px 10px;background:#f7f7f7;border-bottom:0.5px solid #e0e0e0}
.ph-card-label{font-size:10px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:3px}
.ph-card-name{font-size:14px;font-weight:600;color:#111}
.ph-card-body{padding:12px 14px}
.ph-card-what{font-size:12px;font-weight:600;color:#555;margin-bottom:4px}
.ph-card-desc{font-size:12px;color:#444;line-height:1.6;margin:0 0 10px}
.ph-card-when{font-size:11px;font-weight:600;color:#888;margin-bottom:4px}
.ph-card-list{list-style:none;padding:0;margin:0 0 8px}
.ph-card-list li{font-size:12px;color:#555;padding:2px 0 2px 14px;position:relative;line-height:1.5}
.ph-card-list li:before{content:"";position:absolute;left:4px;top:8px;width:4px;height:4px;border-radius:50%;background:#1a5490}
.ph-card-note{font-size:11px;color:#888;border-top:0.5px solid #ebebeb;padding-top:8px;margin-top:2px;line-height:1.5;font-style:italic}



.ph-hist *{box-sizing:border-box}
.ph-hist{display:flex;flex-direction:column;gap:14px}
.ph-hist-card{border:0.5px solid #e0e0e0;border-radius:10px;overflow:hidden}
.ph-hist-imgs{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:0.5px solid #e0e0e0}
.ph-hist-imgs img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ph-hist-imgs img:first-child{border-right:0.5px solid #e0e0e0}
.ph-hist-body{padding:16px}
.ph-hist-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ph-hist-icon{width:72px;height:40px;object-fit:cover;object-position:center;border-radius:6px;display:block;flex-shrink:0}
.ph-hist-meta{display:flex;flex-direction:column;gap:4px}
.ph-hist-toprow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ph-hist-year{font-size:11px;font-weight:600;color:#999}
.ph-hist-tag{display:inline-block;font-size:10px;padding:2px 7px;border-radius:8px;font-weight:600}
.t-early{background:#f2f2f2;color:#666}
.t-miss{background:#fbe8e8;color:#8a2a2a}
.t-step{background:#fdf3e3;color:#8a5a00}
.t-pivot{background:#f3eefb;color:#5a2a9a}
.t-break{background:#e8f0fb;color:#1a5490}
.t-women{background:#fbeaf4;color:#8a2a5a}
.t-current{background:#e8f4e8;color:#2a6b2a}
.ph-hist-name{font-size:15px;font-weight:600;color:#111;margin:0}
.ph-hist-desc{font-size:13px;color:#555;line-height:1.65;margin:0 0 10px}
.ph-hist-desc:last-child{margin-bottom:0}
.ph-hist-desc a{color:#1a5490;text-decoration:underline}
.ph-hist-note{font-size:12px;color:#888;font-style:italic;margin:8px 0 0;padding-left:10px;border-left:2px solid #ddd;line-height:1.55}
.ph-hist-quote{font-size:13px;color:#333;font-style:italic;margin:10px 0 0;padding:10px 12px;background:#f7f7f7;border-radius:8px;line-height:1.6}
.ph-hist-quote span{display:block;margin-top:5px;font-size:11px;font-style:normal;font-weight:600;color:#999}
.ph-hist-toggle summary{cursor:pointer;list-style:none;font-size:13px;color:#555;line-height:1.65}
.ph-hist-toggle summary::-webkit-details-marker{display:none}
.ph-hist-toggle summary:hover{color:#333}
.ph-hist-more{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#ebebeb;color:#666;font-size:12px;line-height:1;margin-left:7px;vertical-align:middle;transition:transform .18s ease,background .18s ease}
.ph-hist-toggle[open] .ph-hist-more{transform:rotate(45deg);background:#e0e0e0}
.ph-hist-toggle-body{margin-top:10px}



.ph-sel *{box-sizing:border-box;margin:0;padding:0}
.ph-sel input[type=radio]{display:none}

/* Tab bar */
.ph-sel .tab-bar{display:flex;border:0.5px solid #e0e0e0;border-radius:8px;overflow:hidden;margin-bottom:1.5rem;background:#f7f7f7}
.ph-sel .tab-bar label{flex:1;text-align:center;padding:10px 4px;font-size:12px;font-weight:600;color:#777;cursor:pointer;border-right:0.5px solid #e0e0e0;line-height:1.3;transition:background 0.15s,color 0.15s}
.ph-sel .tab-bar label:last-child{border-right:none}
.ph-sel .tab-bar label:hover{background:#efefef;color:#111}
.ph-sel .tab-bar .price-sub{display:block;font-weight:400;font-size:10px;color:#aaa;margin-top:2px}

/* Active tab */
#ps-elite:checked ~ .tab-bar label[for=ps-elite],
#ps-pro:checked ~ .tab-bar label[for=ps-pro],
#ps-academy:checked ~ .tab-bar label[for=ps-academy],
#ps-club:checked ~ .tab-bar label[for=ps-club]{background:#fff;color:#111;box-shadow:inset 0 -2px 0 #1a5490}
#ps-elite:checked ~ .tab-bar label[for=ps-elite] .price-sub,
#ps-pro:checked ~ .tab-bar label[for=ps-pro] .price-sub,
#ps-academy:checked ~ .tab-bar label[for=ps-academy] .price-sub,
#ps-club:checked ~ .tab-bar label[for=ps-club] .price-sub{color:#1a5490}

/* Panels — hidden by default */
.ph-sel .panel{display:none}
#ps-elite:checked ~ .panel-elite{display:block}
#ps-pro:checked ~ .panel-pro{display:block}
#ps-academy:checked ~ .panel-academy{display:block}
#ps-club:checked ~ .panel-club{display:block}

/* Panel — tier header */
.ph-sel .tier-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f7f7f7;border:0.5px solid #e0e0e0;border-radius:8px 8px 0 0;border-bottom:none}
.ph-sel .tier-name{font-size:15px;font-weight:700;color:#111}
.ph-sel .tier-badge{font-size:11px;padding:3px 9px;border-radius:20px;font-weight:600;margin-left:8px}
.ph-sel .badge-elite{background:#e8f0fb;color:#1a5490}
.ph-sel .badge-pro{background:#e8f4e8;color:#2a6b2a}
.ph-sel .badge-budget{background:#f2f2f2;color:#555;border:0.5px solid #ccc}
.ph-sel .stars{font-size:15px;letter-spacing:1px}

/* Panel — main body */
.ph-sel .tier-body{border:0.5px solid #e0e0e0;border-top:none;border-radius:0 0 8px 8px;overflow:hidden}

/* Desc + colourways grid */
.ph-sel .tier-main{display:grid;grid-template-columns:1fr 1.2fr}
@media(max-width:560px){.ph-sel .tier-main{grid-template-columns:1fr}}
.ph-sel .desc-col{padding:14px 16px;border-right:0.5px solid #e0e0e0}
@media(max-width:560px){.ph-sel .desc-col{border-right:none;border-bottom:0.5px solid #e0e0e0}}
.ph-sel .desc-text{font-size:13px;color:#444;line-height:1.65;margin-bottom:8px}
.ph-sel .who-box{background:#f9f9f9;border-radius:6px;padding:8px 10px;margin-top:10px}
.ph-sel .who-label{font-size:10px;text-transform:uppercase;letter-spacing:0.5px;color:#999;margin-bottom:2px}
.ph-sel .who-main{font-size:13px;font-weight:600;color:#111}
.ph-sel .who-sub{font-size:12px;color:#777;margin-top:2px}
.ph-sel .price-text{font-size:12px;font-weight:700;color:#111;margin-top:10px}
.ph-sel .pitch-row{display:flex;gap:4px;margin-top:8px;flex-wrap:wrap}
.ph-sel .pp{font-size:10px;padding:2px 6px;border-radius:8px;font-weight:600}
.ph-sel .fg{background:#e8f4e8;color:#2a6b2a}
.ph-sel .ag{background:#e3f0fb;color:#1a5490}
.ph-sel .tf{background:#fdf3e3;color:#8a5a00}
.ph-sel .mg{background:#f3ece8;color:#7a4a30}
.ph-sel .sg{background:#ede8fb;color:#5a1a90}

/* Buy CTA in desc col */
.ph-sel .buy-btn{display:inline-block;margin-top:12px;background:#111;color:#fff;font-size:12px;font-weight:600;padding:8px 14px;border-radius:6px;text-decoration:none}
.ph-sel .buy-btn:hover{background:#333}

/* Colourway column */
.ph-sel .cw-col{padding:12px 14px}
.ph-sel .cut-toggle{display:flex;justify-content:flex-end;gap:4px;margin-bottom:8px}
.ph-sel .ctb{background:#f2f2f2;border:0.5px solid #ddd;border-radius:5px;font-size:10px;font-weight:600;padding:3px 8px;cursor:pointer;color:#666}
.ph-sel .ctb.on{background:#e8f0fb;color:#1a5490;border-color:#b8d0f0}
.ph-sel .cw-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:0.5px solid #ebebeb}
.ph-sel .cw-row:last-child{border-bottom:none}
.ph-sel .cw-img{width:64px;height:44px;object-fit:contain;border-radius:4px;background:#f5f5f5;flex-shrink:0}
.ph-sel .cw-info{flex:1;min-width:0}
.ph-sel .cw-name{font-size:12px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-sel .cw-badge{display:inline-block;font-size:9px;padding:1px 5px;border-radius:4px;font-weight:600;margin-left:4px;background:#fef3cd;color:#8a6000;border:0.5px solid #e8d080}
.ph-sel .cw-buy{font-size:11px;color:#1a5490;text-decoration:none;white-space:nowrap;flex-shrink:0;font-weight:600}
.ph-sel .cw-buy:hover{text-decoration:underline}

/* Recommendation block */
.ph-sel .rec-block{margin:12px 0;padding:12px 14px;background:#fffbea;border:0.5px solid #f0d060;border-radius:8px}
.ph-sel .rec-title{font-size:13px;font-weight:700;color:#7a5c00;margin-bottom:4px}
.ph-sel .rec-main{font-size:13px;font-weight:700;color:#111;margin-bottom:6px}
.ph-sel .rec-text{font-size:12px;color:#555;line-height:1.6}

/* Why Choose expandable */
.ph-sel .why-wrap{border-top:0.5px solid #e0e0e0}
.ph-sel .why-details{padding:0}
.ph-sel .why-sum{list-style:none;padding:11px 16px;font-size:13px;font-weight:600;color:#1a5490;cursor:pointer;display:flex;align-items:center;gap:6px;background:#fafafa}
.ph-sel .why-sum::-webkit-details-marker{display:none}
.ph-sel .why-sum::before{content:"\25b6";font-size:9px;transition:transform 0.2s;flex-shrink:0}
.ph-sel .why-details[open] .why-sum::before{transform:rotate(90deg)}
.ph-sel .why-body{padding:12px 16px 16px;display:grid;gap:12px}
.ph-sel .why-item h4{font-size:13px;font-weight:700;color:#111;margin-bottom:4px}
.ph-sel .why-item p{font-size:13px;color:#444;line-height:1.65}



.ph-verdict *{box-sizing:border-box}
.ph-verdict{border:0.5px solid #e0e0e0;border-radius:10px;overflow:hidden;margin:1.5rem 0}
.ph-verdict-head{padding:12px 16px;background:#f7f7f7;border-bottom:0.5px solid #ebebeb}
.ph-verdict-head h3{font-size:15px;font-weight:700;color:#111;margin:0}
.ph-verdict-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:540px){.ph-verdict-body{grid-template-columns:1fr}}
.ph-v-col{padding:14px 16px}
.ph-v-col:first-child{border-right:0.5px solid #ebebeb}
@media(max-width:540px){.ph-v-col:first-child{border-right:none;border-bottom:0.5px solid #ebebeb}}
.ph-v-col h4{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 8px}
.ph-v-list{list-style:none;padding:0;margin:0}
.ph-v-list li{font-size:13px;color:#444;padding:3px 0 3px 16px;position:relative;line-height:1.5}
.ph-v-list.buy li:before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:50%;background:#2a6b2a}
.ph-v-list.avoid li:before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:50%;background:#cc3333}
.ph-verdict-foot{padding:12px 16px;background:#e8f0fb;border-top:0.5px solid #c8d8f0;font-size:13px;color:#1a3a6a;line-height:1.6}



/* Nike By You pairing components (nby-*), shared across player/build pages */


.nby-pair *{box-sizing:border-box}
.nby-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}
.nby-pair-cell{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;background:#f4f4f4}
.nby-pair-img{display:block;background:#f4f4f4}
.nby-pair-img img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.nby-pair-img img.err{background:#ececec}
.nby-pair-cap{margin:0;padding:10px 14px;font-size:12.5px;color:#555;line-height:1.45;background:#fff;border-top:.5px solid #ebebeb;text-align:center}
@media (max-width:560px){.nby-pair{grid-template-columns:1fr}}



.nby-video *{box-sizing:border-box}
.nby-video{margin:24px 0}
.nby-video-frame{position:relative;width:100%;aspect-ratio:16/9;border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;background:#000}
.nby-video-btn{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.nby-video-btn::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18);transition:background .15s ease}
.nby-video-btn:hover::after{background:rgba(0,0,0,.30)}
.nby-video-play{position:relative;z-index:1;width:72px;height:50px;border-radius:12px;background:#1a5490;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}
.nby-video-btn:hover .nby-video-play{background:#143f6e;transform:scale(1.05)}
.nby-video-play svg{width:24px;height:24px;fill:#fff;margin-left:3px}
.nby-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.nby-video-cap{margin:10px 2px 0;font-size:12.5px;color:#777;line-height:1.45}
.nby-video-cap b{color:#444;font-weight:700}



.nby-sticky *{box-sizing:border-box}
.nby-sticky{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translate(-50%,140%);
  z-index:9999;
  width:min(560px,calc(100% - 32px));
  background:#111;
  color:#fff;
  border-radius:16px;
  box-shadow:0 12px 32px rgba(0,0,0,.28);
  padding:14px 18px;
  display:flex;
  align-items:center;
  gap:16px;
  opacity:0;
  transition:transform .35s ease, opacity .35s ease;
  pointer-events:none;
}
.nby-sticky.is-visible{
  transform:translate(-50%,0);
  opacity:1;
  pointer-events:auto;
}
.nby-sticky-thumbs{display:flex;flex-shrink:0}
.nby-sticky-thumbs img{
  width:60px;height:60px;object-fit:cover;border-radius:50%;
  background:#2a2a2a;display:block;position:relative;
}
.nby-sticky-thumbs img:not(:first-child){margin-left:-16px}
.nby-sticky-thumbs img:nth-child(1){z-index:2}
.nby-sticky-thumbs img:nth-child(2){z-index:1}
.nby-sticky-text{
  font-size:13px;line-height:1.4;color:#e8e8e8;margin:0;flex:1 1 auto;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.nby-sticky-cta{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;
  padding:9px 16px;border-radius:20px;background:#fff;color:#111;
  text-decoration:none;font-size:12.5px;font-weight:600;white-space:nowrap;
  transition:background .15s ease,color .15s ease;
}
.nby-sticky-cta:hover{background:#1a5490;color:#fff}
.nby-sticky-arrow{font-size:13px;line-height:1}
.nby-sticky-close{
  position:absolute;top:-9px;right:-9px;width:24px;height:24px;
  border:2px solid #111;border-radius:50%;background:#3a3a3a;color:#fff;
  font-size:14px;line-height:1;cursor:pointer;display:flex;
  align-items:center;justify-content:center;
  transition:background .15s ease,transform .15s ease;
}
.nby-sticky-close:hover{background:#555;transform:scale(1.08)}
@media (max-width:560px){
  .nby-sticky{align-items:flex-start;gap:10px;padding:12px}
  .nby-sticky-thumbs{display:none}
  .nby-sticky-text{font-size:12px}
  .nby-sticky-cta{padding:8px 13px;font-size:12px}
}



/* Player boot-tier component (eh-tiers), shared across player pages */


.eh-tiers *{box-sizing:border-box}
.eh-tiers{margin:24px 0;font-size:13px;color:#333}
.eh-tiers-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:.5px solid #e0e0e0;border-radius:12px}
.eh-tiers table{border-collapse:collapse;width:100%;min-width:560px;background:#fff}
.eh-tiers th,.eh-tiers td{border:.5px solid #e8e8e8;padding:12px;text-align:center;vertical-align:middle}
.eh-tiers .eh-rowlab{background:#fff;font-weight:700;color:#111;font-size:14px;text-align:left;position:sticky;left:0;z-index:2;min-width:96px;box-shadow:1px 0 0 #e8e8e8}
.eh-tiers thead .eh-rowlab{background:#f3f3f3}
.eh-tiers thead th{background:#f3f3f3;color:#111;font-size:15px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;padding:14px 12px}
.eh-tiers thead th .eh-tier-sub{display:block;font-size:9.5px;font-weight:700;letter-spacing:.05em;color:#1a5490;margin-top:3px;text-transform:none}
.eh-tiers .eh-bootcell{padding:8px}
.eh-tiers .eh-bootcell a{display:block;border-radius:8px;transition:background .15s ease}
.eh-tiers .eh-bootcell a:hover{background:#f6f9fc}
.eh-tiers .eh-bootcell img{width:100%;max-width:200px;aspect-ratio:16/9;object-fit:contain;display:block;margin:0 auto}
.eh-tiers .eh-bootcell img.err{background:#efefef;border-radius:6px}
.eh-tiers .eh-spec-main{font-weight:700;color:#111;display:block;line-height:1.35}
.eh-tiers .eh-spec-sub{display:block;font-size:11.5px;color:#666;margin-top:3px;line-height:1.35}
.eh-tiers .eh-types{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.eh-tiers .eh-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:11px;font-weight:800;color:#fff;letter-spacing:-.02em}
.eh-tiers .eh-fg{background:#e21d1d}
.eh-tiers .eh-ag{background:#2f9e44}
.eh-tiers .eh-mg{background:#1d1d1d}
.eh-tiers .eh-tf{background:#e0a800}
.eh-tiers .eh-in{background:#f08a00}
.eh-tiers-legend{display:flex;gap:16px;flex-wrap:wrap;margin:10px 2px 0;font-size:11.5px;color:#777}
.eh-tiers-legend span{display:inline-flex;align-items:center;gap:5px}
.eh-tiers-legend i{width:11px;height:11px;border-radius:50%;display:inline-block}
.eh-tiers-hint{display:none;font-size:11.5px;color:#999;margin:8px 2px 0}
@media (max-width:560px){.eh-tiers-hint{display:block}}



/* ===== shinpads.html page-specific components, lifted as-is ===== */


.sp-hero *{box-sizing:border-box}
.sp-hero{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;margin:1rem 0 1.5rem;background:#fff}
.sp-hero-img{width:100%;aspect-ratio:16/7;object-fit:cover;display:block;background:#ebebeb}
.sp-hero-img-placeholder{width:100%;aspect-ratio:16/7;display:flex;align-items:center;justify-content:center;background:#ebebeb;color:#999;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.sp-hero-body{padding:18px 20px 20px}
.sp-hero-title{font-size:26px;font-weight:800;color:#111;margin:0 0 8px;line-height:1.2}
.sp-hero-sub{font-size:15px;color:#555;line-height:1.5;margin:0 0 16px}
.sp-hero-chips{display:flex;gap:8px;flex-wrap:wrap}
.sp-hero-chip{background:#f2f6fb;color:#1a5490;font-size:12px;font-weight:700;padding:6px 12px;border-radius:14px}

.sp-verdict *{box-sizing:border-box}
.sp-verdict{background:#f7f9fc;border:.5px solid #d8e3f0;border-left:3px solid #1a5490;border-radius:8px;padding:18px 20px;margin:1.25rem 0}
.sp-verdict-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1a5490;margin:0 0 8px}
.sp-verdict-text{font-size:15px;color:#222;line-height:1.65;margin:0}

.sp-quickguide *{box-sizing:border-box}
.sp-quickguide{margin:1.25rem 0}
.sp-quickguide-title{font-size:18px;font-weight:800;color:#111;margin:0 0 12px}
.sp-quickguide-rows{display:flex;flex-direction:column;gap:8px}
.sp-quickguide-row{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;gap:10px;border:.5px solid #e0e0e0;border-radius:8px;padding:12px 14px;background:#fff}
@media(max-width:560px){.sp-quickguide-row{grid-template-columns:1fr;text-align:left}}
.sp-quickguide-situation{font-size:13.5px;color:#444;line-height:1.4}
.sp-quickguide-arrow{color:#bbb;font-size:14px;text-align:center}
@media(max-width:560px){.sp-quickguide-arrow{display:none}}
.sp-quickguide-rec{font-size:13.5px;font-weight:700;color:#1a5490;line-height:1.4}

.sp-category-grid *{box-sizing:border-box}
.sp-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:1.25rem 0}
@media(max-width:700px){.sp-category-grid{grid-template-columns:1fr}}
.sp-cat-card{border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.sp-cat-card-img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f7f7f7;padding:10px}
.sp-cat-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.sp-cat-card-label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#1a5490}
.sp-cat-card-name{font-size:15px;font-weight:800;color:#111;margin:0}
.sp-cat-card-why{font-size:13px;color:#444;line-height:1.55}
.sp-cat-card-who{font-size:12px;color:#666;line-height:1.5}
.sp-cat-card-limit{font-size:12px;color:#888;line-height:1.5;padding-left:14px;position:relative}
.sp-cat-card-limit:before{content:"\2013";position:absolute;left:0;color:#bbb}
.sp-cat-card-cta{display:inline-block;align-self:flex-start;margin-top:6px;padding:7px 16px;border-radius:18px;font-size:12px;font-weight:700;text-decoration:none;color:#fff}
.sp-cta-nike{background:#1a5490}
.sp-cta-adidas{background:#111}
.sp-cta-other{background:#f60;color:#000}

.sp-compare *{box-sizing:border-box}
.sp-compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;margin:1.25rem 0}
@media(max-width:600px){.sp-compare{grid-template-columns:1fr}}
.sp-compare-col{padding:16px 18px}
.sp-compare-col + .sp-compare-col{border-left:.5px solid #e0e0e0}
@media(max-width:600px){.sp-compare-col + .sp-compare-col{border-left:none;border-top:.5px solid #e0e0e0}}
.sp-compare-title{font-size:14px;font-weight:800;color:#111;margin:0 0 8px}
.sp-compare-text{font-size:13px;color:#444;line-height:1.6;margin:0}

.sp-mvf *{box-sizing:border-box}
.sp-mvf{display:grid;grid-template-columns:220px 1fr;gap:0;border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;margin:1.25rem 0}
@media(max-width:560px){.sp-mvf{grid-template-columns:1fr}}
.sp-mvf-img-wrap{background:#ebebeb;min-height:180px;position:relative}
.sp-mvf-img{width:100%;height:100%;object-fit:cover;display:block}
.sp-mvf-img-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;font-size:11px;color:#999;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.sp-mvf-body{padding:16px 18px}
.sp-mvf-text{font-size:13.5px;color:#444;line-height:1.65;margin:0 0 10px}
.sp-mvf-text:last-child{margin-bottom:0}



.sp-shortcut *, .sp-shortcut *::before, .sp-shortcut *::after { box-sizing: border-box; }
.sp-shortcut { background: #fff; border: .5px solid #e0e0e0; border-radius: 10px; padding: 20px 24px 22px; margin: 24px 0; font-family: inherit; }
.sp-shortcut__label { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #999; margin-bottom: 6px; }
.sp-shortcut__title { font-size: 18px; font-weight: 800; color: #111; margin: 0 0 16px; line-height: 1.25; }
.sp-shortcut__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 540px) { .sp-shortcut__cols { grid-template-columns: 1fr; } }
.sp-shortcut__col-head { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 10px; padding-bottom: 8px; border-bottom: .5px solid #ebebeb; }
.sp-shortcut__col--buy .sp-shortcut__col-head { color: #2a6b2a; }
.sp-shortcut__col--pass .sp-shortcut__col-head { color: #c33; }
.sp-shortcut__list { list-style: none; margin: 0; padding: 0; }
.sp-shortcut__list li { font-size: 13.5px; color: #444; line-height: 1.5; padding: 5px 0 5px 22px; position: relative; border-bottom: .5px solid #f5f5f5; }
.sp-shortcut__list li:last-child { border-bottom: none; }
.sp-shortcut__col--buy .sp-shortcut__list li::before { content: "\2713"; color: #2a6b2a; font-weight: 700; position: absolute; left: 0; top: 5px; }
.sp-shortcut__col--pass .sp-shortcut__list li::before { content: "\2717"; color: #c33; font-weight: 700; position: absolute; left: 0; top: 5px; }
.sp-shortcut__divider { border: none; border-top: .5px solid #c8d8f0; margin: 16px 0 0; }

.sp-buy *, .sp-buy *::before, .sp-buy *::after { box-sizing: border-box; }
.sp-buy { background: #fff; border: .5px solid #e0e0e0; border-radius: 10px; padding: 14px 20px; margin: 0 0 24px; display: flex; align-items: center; justify-content: center; gap: 16px; font-family: inherit; }
.sp-buy__thumbs { display: none; align-items: center; gap: 4px; flex-shrink: 0; }
@media (min-width: 560px) { .sp-buy__thumbs { display: flex; } }
.sp-buy__thumbs img { width: 56px; height: 42px; object-fit: contain; background: #fff; padding: 2px; border-radius: 4px; }
.sp-buy__centre { text-align: center; flex: 1; min-width: 0; }
.sp-buy__caption { font-size: 12px; color: #666; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sp-buy__btn { display: inline-block; background: #1a5490; color: #fff; font-size: 14px; font-weight: 700; padding: 10px 22px; border-radius: 24px; text-decoration: none; transition: background .15s; white-space: nowrap; }
.sp-buy__btn:hover { background: #143f6e; color: #fff; text-decoration: none; }

.sp-deciding *, .sp-deciding *::before, .sp-deciding *::after { box-sizing: border-box; }
.sp-deciding { margin: 32px 0; font-family: inherit; }
.sp-deciding__label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #999; margin-bottom: 6px; }
.sp-deciding__title { font-size: 18px; font-weight: 800; color: #111; margin: 0 0 16px; }
.sp-deciding__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 700px) { .sp-deciding__cards { grid-template-columns: 1fr; } }
.sp-deciding__card { border: .5px solid #e0e0e0; border-radius: 10px; overflow: hidden; text-decoration: none; display: flex; flex-direction: column; transition: box-shadow .15s; background: #fff; }
.sp-deciding__card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.10); text-decoration: none; }
.sp-deciding__img-wrap { width: 100%; aspect-ratio: 4/3; overflow: hidden; background: #f7f7f7; }
.sp-deciding__img-wrap img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.sp-deciding__body { padding: 12px 14px 14px; flex: 1; display: flex; flex-direction: column; }
.sp-deciding__name { font-size: 14px; font-weight: 800; color: #111; margin: 0 0 5px; }
.sp-deciding__hook { font-size: 13px; color: #555; line-height: 1.45; flex: 1; margin-bottom: 10px; }
.sp-deciding__link { font-size: 12.5px; font-weight: 700; color: #1a5490; display: inline-flex; align-items: center; gap: 4px; text-decoration: none; }
.sp-deciding__link::after { content: "\2192"; transition: transform .15s; }
.sp-deciding__card:hover .sp-deciding__link::after { transform: translateX(3px); }

.sp-buy-lower *, .sp-buy-lower *::before, .sp-buy-lower *::after { box-sizing: border-box; }
.sp-buy-lower { background: #fff; border: .5px solid #e0e0e0; border-radius: 10px; padding: 14px 20px; margin: 24px 0; display: flex; align-items: center; justify-content: center; gap: 16px; font-family: inherit; }
.sp-buy-lower__thumbs { display: none; align-items: center; gap: 4px; flex-shrink: 0; }
@media (min-width: 560px) { .sp-buy-lower__thumbs { display: flex; } }
.sp-buy-lower__thumbs img { width: 56px; height: 42px; object-fit: contain; background: #f5f5f5; padding: 2px; border-radius: 4px; }
.sp-buy-lower__centre { text-align: center; flex: 1; min-width: 0; }
.sp-buy-lower__caption { font-size: 12px; color: #666; margin-bottom: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sp-buy-lower__btn { display: inline-block; background: #f60; color: #000; font-size: 14px; font-weight: 700; padding: 10px 22px; border-radius: 24px; text-decoration: none; transition: background .15s; white-space: nowrap; }
.sp-buy-lower__btn:hover { background: #e05500; color: #000; text-decoration: none; }



/* ===== review-tiempo.html page-specific components, lifted as-is ===== */


.tm-snap *{box-sizing:border-box}
.tm-snap{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;margin:22px 0;background:#fff}
.tm-snap-head{background:#1a5490;color:#fff;padding:12px 18px;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.tm-snap-grid{display:grid;grid-template-columns:1fr 1fr}
.tm-snap-cell{padding:16px 18px;border-top:.5px solid #ebebeb}
.tm-snap-cell:nth-child(odd){border-right:.5px solid #ebebeb}
.tm-snap-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#999;margin:0 0 5px}
.tm-snap-val{font-size:14.5px;color:#111;line-height:1.5;margin:0}
.tm-snap-val a{color:#1a5490;text-decoration:none;font-weight:600}
.tm-snap-val a:hover{text-decoration:underline}
.tm-snap-cta{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:.5px solid #ebebeb;background:#fafafa;flex-wrap:wrap}
.tm-snap-cta p{margin:0;font-size:12.5px;color:#555;flex:1;min-width:160px}
.tm-snap-btn{display:inline-flex;align-items:center;gap:6px;background:#f60;color:#111;text-decoration:none;font-size:12.5px;font-weight:700;padding:10px 18px;border-radius:24px;line-height:1;transition:background .15s ease}
.tm-snap-btn:hover{background:#e05500;color:#fff}
@media (max-width:560px){.tm-snap-grid{grid-template-columns:1fr}.tm-snap-cell:nth-child(odd){border-right:none}}



.tm-sc *{box-sizing:border-box}
.tm-sc{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;margin:22px 0;background:#fff}
.tm-sc-head{background:#1a5490;color:#fff;padding:12px 18px;font-size:14px;font-weight:700}
.tm-sc-grid{display:grid;grid-template-columns:1fr 1fr}
.tm-sc-col{padding:16px 18px}
.tm-sc-col:first-child{border-right:.5px solid #ebebeb}
.tm-sc-ttl{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin:0 0 12px}
.tm-sc-ttl.buy{color:#2a6b2a}
.tm-sc-ttl.think{color:#c33}
.tm-sc-li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:#444;line-height:1.5;margin:0 0 11px}
.tm-sc-li:last-child{margin-bottom:0}
.tm-sc-mark{flex:0 0 auto;font-weight:800;font-size:13px;line-height:1.45}
.tm-sc-mark.tick{color:#2a6b2a}
.tm-sc-mark.cross{color:#c33}
@media (max-width:540px){.tm-sc-grid{grid-template-columns:1fr}.tm-sc-col:first-child{border-right:none;border-bottom:.5px solid #ebebeb}}



.tm-buy *{box-sizing:border-box}
.tm-buy{display:flex;align-items:center;gap:14px;border:.5px solid #e0e0e0;border-radius:10px;background:#fff;padding:12px 16px;margin:18px 0}
.tm-buy-thumbs{display:none}
.tm-buy-thumb{width:56px;height:42px;object-fit:contain;background:#fff;border:.5px solid #ebebeb;border-radius:6px;padding:3px}
.tm-buy-thumb.err{background:#ebebeb}
.tm-buy-mid{flex:1;min-width:0;text-align:center}
.tm-buy-cap{font-size:12.5px;color:#555;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-buy-btn{display:inline-flex;align-items:center;gap:6px;background:#1a5490;color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:11px 22px;border-radius:24px;line-height:1;transition:background .15s ease}
.tm-buy-btn:hover{background:#143f6e}
@media (min-width:560px){.tm-buy-thumbs{display:flex;gap:8px}}



.tm-dec *{box-sizing:border-box}
.tm-dec{margin:26px 0}
.tm-dec-h{font-size:18px;font-weight:700;color:#111;margin:0 0 5px}
.tm-dec-sub{font-size:13px;color:#777;margin:0 0 14px}
.tm-dec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tm-dec-card{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:border-color .15s ease}
.tm-dec-card:hover{border-color:#1a5490}
.tm-dec-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.tm-dec-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.tm-dec-imgwrap img.err{background:#ececec}
.tm-dec-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.tm-dec-name{font-size:15px;font-weight:700;color:#111;margin:0 0 5px}
.tm-dec-hook{font-size:12.5px;color:#555;line-height:1.55;margin:0 0 12px}
.tm-dec-link{margin-top:auto;font-size:12.5px;font-weight:700;color:#1a5490;display:inline-flex;align-items:center;gap:5px}
.tm-dec-card:hover .tm-dec-arrow{transform:translateX(3px)}
.tm-dec-arrow{transition:transform .15s ease}
@media (max-width:700px){.tm-dec-grid{grid-template-columns:1fr}}



.tm-tiers *{box-sizing:border-box}
.tm-tiers{margin:24px 0;font-size:13px;color:#333}
.tm-tiers-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:.5px solid #e0e0e0;border-radius:12px}
.tm-tiers table{border-collapse:collapse;width:100%;min-width:580px;background:#fff}
.tm-tiers th,.tm-tiers td{border:.5px solid #e8e8e8;padding:12px;text-align:center;vertical-align:middle}
.tm-tiers .tm-rowlab{background:#fff;font-weight:700;color:#111;font-size:14px;text-align:left;position:sticky;left:0;z-index:2;min-width:96px;box-shadow:1px 0 0 #e8e8e8}
.tm-tiers thead .tm-rowlab{background:#f3f3f3}
.tm-tiers thead th{background:#f3f3f3;color:#111;font-size:15px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;padding:14px 12px}
.tm-tiers thead th .tm-tier-sub{display:block;font-size:9.5px;font-weight:700;letter-spacing:.05em;color:#1a5490;margin-top:3px;text-transform:none}
.tm-tiers .tm-bootcell{padding:8px}
.tm-tiers .tm-bootcell a{display:block;border-radius:8px;transition:background .15s ease}
.tm-tiers .tm-bootcell a:hover{background:#f6f9fc}
.tm-tiers .tm-bootcell img{width:100%;max-width:200px;aspect-ratio:16/9;object-fit:contain;display:block;margin:0 auto}
.tm-tiers .tm-bootcell img.err{background:#efefef;border-radius:6px}
.tm-tiers .tm-spec-main{font-weight:700;color:#111;display:block;line-height:1.35}
.tm-tiers .tm-spec-sub{display:block;font-size:11.5px;color:#666;margin-top:3px;line-height:1.35}
.tm-tiers .tm-types{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.tm-tiers .tm-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:11px;font-weight:800;color:#fff;letter-spacing:-.02em}
.tm-tiers .tm-fg{background:#e21d1d}
.tm-tiers .tm-ag{background:#2f9e44}
.tm-tiers .tm-mg{background:#1d1d1d}
.tm-tiers .tm-sg{background:#6741d9}
.tm-tiers .tm-tf{background:#e0a800}
.tm-tiers .tm-in{background:#f08a00}
.tm-tiers .tm-price{font-weight:800;color:#111;font-size:14px}
.tm-tiers-legend{display:flex;gap:16px;flex-wrap:wrap;margin:10px 2px 0;font-size:11.5px;color:#777}
.tm-tiers-legend span{display:inline-flex;align-items:center;gap:5px}
.tm-tiers-legend i{width:11px;height:11px;border-radius:50%;display:inline-block}
.tm-tiers-hint{display:none;font-size:11.5px;color:#999;margin:8px 2px 0}
@media (max-width:580px){.tm-tiers-hint{display:block}}



.tm-faq *{box-sizing:border-box}
.tm-faq{margin:26px 0;border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden}
.tm-faq-head{background:#1a5490;color:#fff;padding:13px 18px;font-size:15px;font-weight:700}
.tm-faq-item{padding:16px 18px;border-top:.5px solid #ebebeb}
.tm-faq-q{font-size:14.5px;font-weight:700;color:#111;margin:0 0 6px}
.tm-faq-a{font-size:13.5px;color:#555;line-height:1.62;margin:0}
.tm-faq-a a{color:#1a5490;text-decoration:none;font-weight:600}
.tm-faq-a a:hover{text-decoration:underline}



.tm-verdict *{box-sizing:border-box}
.tm-verdict{border:0.5px solid #e0e0e0;border-radius:10px;overflow:hidden;margin:1.5rem 0}
.tm-verdict-head{padding:12px 16px;background:#f7f7f7;border-bottom:0.5px solid #ebebeb}
.tm-verdict-head h3{font-size:15px;font-weight:700;color:#111;margin:0}
.tm-verdict-body{display:grid;grid-template-columns:1fr 1fr;gap:0}
@media(max-width:540px){.tm-verdict-body{grid-template-columns:1fr}}
.tm-v-col{padding:14px 16px}
.tm-v-col:first-child{border-right:0.5px solid #ebebeb}
@media(max-width:540px){.tm-v-col:first-child{border-right:none;border-bottom:0.5px solid #ebebeb}}
.tm-v-col h4{font-size:11px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:0.05em;margin:0 0 8px}
.tm-v-list{list-style:none;padding:0;margin:0}
.tm-v-list li{font-size:13px;color:#444;padding:3px 0 3px 16px;position:relative;line-height:1.5}
.tm-v-list.buy li:before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:50%;background:#2a6b2a}
.tm-v-list.avoid li:before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px;border-radius:50%;background:#cc3333}
.tm-verdict-foot{padding:12px 16px;background:#e8f0fb;border-top:0.5px solid #c8d8f0;font-size:13px;color:#1a3a6a;line-height:1.6}



.tm-buyl *{box-sizing:border-box}
.tm-buyl{display:flex;align-items:center;gap:14px;border:.5px solid #e0e0e0;border-radius:10px;background:#fff;padding:12px 16px;margin:18px 0}
.tm-buyl-thumbs{display:none}
.tm-buyl-thumb{width:56px;height:42px;object-fit:contain;background:#fff;border:.5px solid #ebebeb;border-radius:6px;padding:3px}
.tm-buyl-thumb.err{background:#ebebeb}
.tm-buyl-mid{flex:1;min-width:0;text-align:center}
.tm-buyl-cap{font-size:12.5px;color:#555;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm-buyl-btn{display:inline-flex;align-items:center;gap:6px;background:#f60;color:#111;text-decoration:none;font-size:13px;font-weight:700;padding:11px 22px;border-radius:24px;line-height:1;transition:background .15s ease}
.tm-buyl-btn:hover{background:#e05500;color:#fff}
@media (min-width:560px){.tm-buyl-thumbs{display:flex;gap:8px}}



/* ===== gripsocks.html page-specific components, lifted as-is ===== */


.gs-nav *{box-sizing:border-box}
.gs-nav{border:.5px solid #e0e0e0;border-radius:10px;padding:14px 16px;margin:1.5rem 0;font-family:inherit}
.gs-nav-label{font-size:10px;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.gs-nav-links{display:flex;flex-wrap:wrap;gap:8px}
.gs-nav-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#1a5490;text-decoration:none;background:#f0f5fc;border:.5px solid #c8d8f0;border-radius:20px;padding:6px 12px;line-height:1.4;transition:background .15s;white-space:nowrap}
.gs-nav-link:hover{background:#e0ecfb;text-decoration:none}
.gs-nav-link svg{flex-shrink:0;opacity:.6}



.gs-pick *{box-sizing:border-box}
.gs-pick{margin:1.5rem 0;font-family:inherit}
.gs-pick-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#999;margin-bottom:6px}
.gs-pick-title{font-size:18px;font-weight:800;color:#111;margin:0 0 16px;line-height:1.25}
.gs-pick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:540px){.gs-pick-grid{grid-template-columns:1fr}}
.gs-pick-card{border:.5px solid #e0e0e0;border-radius:10px;padding:16px 18px;background:#fff}
.gs-pick-card--top{border-color:#c8d8f0;background:#f7faff}
.gs-pick-scenario{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#999;margin:0 0 8px}
.gs-pick-card--top .gs-pick-scenario{color:#1a5490}
.gs-pick-brand{font-size:15px;font-weight:800;color:#111;margin:0 0 6px;line-height:1.3}
.gs-pick-reason{font-size:12.5px;color:#555;line-height:1.55;margin:0}
.gs-pick-divider{border:none;border-top:.5px solid #e8ecf0;margin:16px 0 0}
.gs-pick-note{font-size:12px;color:#888;line-height:1.55;margin:0;padding-top:12px}



.gs-table *, .gs-table *::before, .gs-table *::after { box-sizing: border-box; }

.gs-table {
  margin: 0 0 40px;
  font-family: inherit;
}

.gs-table__row {
  display: grid;
  grid-template-columns: 104px 1fr;
  gap: 0;
  border: .5px solid #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
  background: #fff;
  transition: box-shadow .15s;
}
.gs-table__row:hover { box-shadow: 0 3px 14px rgba(0,0,0,.09); }

.gs-table__row--1 { border-color: #d4a800; }
.gs-table__row--1 .gs-table__left { background: #fffaf0; border-right-color: #f0d890; }
.gs-table__row--1 .gs-table__rank { color: #b8860b; }
.gs-table__row--1 .gs-table__right { background: #fffffe; }
.gs-table__row--2 .gs-table__left { background: #f8f8f8; border-right-color: #d0d0d0; }
.gs-table__row--2 .gs-table__rank { color: #666; }
.gs-table__row--3 .gs-table__left { background: #fdf6f0; border-right-color: #e0c4a0; }
.gs-table__row--3 .gs-table__rank { color: #a0522d; }

.gs-table__left {
  background: #f7f9fc;
  border-right: .5px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 6px;
  gap: 6px;
  flex-shrink: 0;
}

.gs-table__rank {
  font-size: 11px;
  font-weight: 800;
  color: #1a5490;
  text-transform: uppercase;
  letter-spacing: .06em;
  line-height: 1;
}

.gs-table__img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  display: block;
}

.gs-table__right {
  padding: 11px 14px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
}

.gs-table__badge {
  display: inline-block;
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #b8860b;
  background: #fef9e7;
  border: 1px solid #f0d890;
  border-radius: 3px;
  padding: 2px 6px;
  align-self: flex-start;
  line-height: 1.4;
}

.gs-table__name {
  font-size: 14px;
  font-weight: 800;
  color: #111;
  line-height: 1.2;
  margin: 0;
}
.gs-table__name a { color: #111; text-decoration: none; }
.gs-table__name a:hover { color: #1a5490; text-decoration: underline; }

.gs-table__text {
  font-size: 12.5px;
  color: #555;
  line-height: 1.4;
  margin: 0;
}

.gs-table__ctas {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2px;
}

.gs-table__link {
  color: #1a5490;
  font-size: 11.5px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
}
.gs-table__link::after { content: " →"; font-size: 10px; }
.gs-table__link:hover { text-decoration: underline; }

.gs-table__shop {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  background: #111;
  border-radius: 4px;
  padding: 4px 10px;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.3;
  letter-spacing: .02em;
}
.gs-table__shop:hover { background: #333; }

@media (max-width: 640px) {
  .gs-table__row { grid-template-columns: 78px 1fr; }
  .gs-table__left { padding: 8px 4px; gap: 4px; }
  .gs-table__img { width: 60px; height: 60px; }
  .gs-table__rank { font-size: 10px; }
  .gs-table__right { padding: 10px 12px 12px; }
  .gs-table__name { font-size: 13px; }
  .gs-table__text { font-size: 11.5px; }
  .gs-table__link { font-size: 12px; }
  .gs-table__ctas { flex-direction: column; align-items: stretch; gap: 6px; }
  .gs-table__shop { text-align: center; }
}



.gs-edu *{box-sizing:border-box}
.gs-edu{margin:2rem 0;font-family:inherit}

/* Accordion */
.gs-acc{border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:8px;background:#fff}
.gs-acc > summary{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;cursor:pointer;font-size:15px;font-weight:700;color:#111;list-style:none;user-select:none;gap:12px}
.gs-acc > summary::-webkit-details-marker,.gs-acc > summary::marker{display:none}
.gs-acc-chev{width:16px;height:16px;flex-shrink:0;opacity:.4;transition:transform .2s}
.gs-acc[open] .gs-acc-chev{transform:rotate(180deg)}
.gs-acc-body{padding:2px 18px 18px}

/* Open sections (always visible) */
.gs-open-sec{margin-bottom:16px;padding:18px 18px 14px;border:.5px solid #e8ecf0;border-radius:10px;background:#fafafa}
.gs-open-heading{font-size:15px;font-weight:700;color:#111;margin:0 0 12px;padding:0;line-height:1.3}

/* Prose */
.gs-acc-body p{font-size:14px;color:#444;line-height:1.65;margin:0 0 10px}
.gs-acc-body ul{font-size:14px;color:#444;line-height:1.65;padding-left:18px;margin:0 0 10px}
.gs-acc-body li{margin-bottom:5px}
.gs-acc-body strong{color:#111}
.gs-acc-body p:last-child,.gs-acc-body ul:last-child{margin-bottom:0}
.gs-acc-sh{font-size:11px;font-weight:700;color:#1a5490;text-transform:uppercase;letter-spacing:.07em;margin:14px 0 6px}

/* Boot type cards */
.gs-bt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
@media(max-width:540px){.gs-bt-grid{grid-template-columns:1fr}}
.gs-bt-card{border:.5px solid #e0e0e0;border-radius:8px;padding:13px 15px;background:#fafafa}
.gs-bt-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#999;margin:0 0 3px}
.gs-bt-title{font-size:13px;font-weight:700;color:#111;margin:0 0 5px;line-height:1.3}
.gs-bt-text{font-size:12.5px;color:#555;line-height:1.5;margin:0 0 5px}
.gs-bt-pick{font-size:11.5px;font-weight:600;color:#1a5490;margin:0}

/* Thickness comparison */
.gs-th-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:10px 0}
@media(max-width:540px){.gs-th-grid{grid-template-columns:1fr}}
.gs-th-card{border:.5px solid #e0e0e0;border-radius:8px;padding:13px 15px;background:#fafafa}
.gs-th-card--mid{border-color:#c8d8f0;background:#f7faff}
.gs-th-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#999;margin:0 0 3px}
.gs-th-card--mid .gs-th-badge{color:#1a5490}
.gs-th-title{font-size:13px;font-weight:700;color:#111;margin:0 0 5px;line-height:1.3}
.gs-th-brands{font-size:11.5px;font-weight:600;color:#1a5490;margin:0 0 5px}
.gs-th-text{font-size:12.5px;color:#555;line-height:1.5;margin:0}

/* Position cards */
.gs-pos-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}
@media(max-width:540px){.gs-pos-grid{grid-template-columns:1fr}}
.gs-pos-card{border:.5px solid #e0e0e0;border-radius:8px;padding:13px 15px;background:#fafafa}
.gs-pos-title{font-size:13px;font-weight:700;color:#111;margin:0 0 5px;line-height:1.3}
.gs-pos-text{font-size:12.5px;color:#555;line-height:1.5;margin:0 0 5px}
.gs-pos-pick{font-size:11.5px;font-weight:600;color:#1a5490;margin:0}

/* Myths */
.gs-myth-item{border:.5px solid #f0dddd;border-radius:8px;padding:13px 15px;margin:0 0 8px;background:#fffafa}
.gs-myth-claim{font-size:13px;font-weight:700;color:#b44;margin:0 0 5px}
.gs-myth-truth{font-size:13px;color:#444;line-height:1.55;margin:0}

/* Closing */
.gs-closing{border:.5px solid #e0e0e0;border-radius:10px;padding:22px 24px;background:#f8f8f6;margin:1.5rem 0}
.gs-closing p{font-size:14px;color:#444;line-height:1.7;margin:0 0 10px}
.gs-closing p:last-child{margin-bottom:0}
.gs-closing strong{color:#111}
/* Pull-quote */
.gs-pullquote{border-left:3px solid #111;margin:20px 0 0;padding:10px 16px;background:transparent}
.gs-pullquote p{font-size:14px;font-weight:700;color:#111;line-height:1.55;margin:0;font-style:normal}

/* Inline CTA */
.gs-cta{display:flex;align-items:center;gap:14px;background:#f8f8f6;border:.5px solid #e0e0e0;border-radius:10px;padding:14px 16px;margin:16px 0}
.gs-cta-img{width:54px;height:54px;object-fit:contain;border-radius:6px;border:.5px solid #e0e0e0;padding:3px;background:#fff;flex-shrink:0}
.gs-cta-body{flex:1;min-width:0}
.gs-cta-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1a5490;margin-bottom:2px}
.gs-cta-name{font-size:14px;font-weight:800;color:#111;line-height:1.2;margin-bottom:3px}
.gs-cta-code{font-size:12px;color:#555;margin:0;line-height:1.4}
.gs-cta-code strong{color:#111}
.gs-cta-btn{display:inline-block;background:#111;color:#fff;font-size:11.5px;font-weight:700;padding:8px 14px;border-radius:6px;text-decoration:none;white-space:nowrap;flex-shrink:0}
.gs-cta-btn:hover{background:#333;color:#fff;text-decoration:none}
@media(max-width:480px){.gs-cta{flex-wrap:wrap}.gs-cta-btn{width:100%;text-align:center;padding:10px}}



.gs-faq *{box-sizing:border-box}
.gs-faq{margin:2.5rem 0;font-family:inherit}
.gs-faq-heading{font-size:20px;font-weight:700;color:#111;margin:0 0 14px;padding-bottom:12px;border-bottom:.5px solid #e0e0e0}
.gs-faq-acc{border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;margin-bottom:8px;background:#fff}
.gs-faq-acc > summary{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;cursor:pointer;font-size:14px;font-weight:700;color:#111;list-style:none;gap:12px;line-height:1.4}
.gs-faq-acc > summary::-webkit-details-marker,.gs-faq-acc > summary::marker{display:none}
.gs-faq-chev{width:15px;height:15px;flex-shrink:0;opacity:.4;transition:transform .2s}
.gs-faq-acc[open] .gs-faq-chev{transform:rotate(180deg)}
.gs-faq-acc[open] > summary{border-bottom:.5px solid #f0f0f0}
.gs-faq-a{padding:14px 18px 16px}
.gs-faq-a p{font-size:14px;color:#444;line-height:1.65;margin:0}



.gs-links *{box-sizing:border-box}
.gs-links{margin:2rem 0;font-family:inherit}
.gs-links-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#999;margin:0 0 6px}
.gs-links-heading{font-size:18px;font-weight:800;color:#111;margin:0 0 14px;line-height:1.25}
.gs-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:640px){.gs-links-grid{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.gs-links-grid{grid-template-columns:1fr}}
.gs-link-card{display:flex;flex-direction:column;border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:box-shadow .15s}
.gs-link-card:hover{box-shadow:0 3px 14px rgba(0,0,0,.09);text-decoration:none}
.gs-link-img-wrap{background:#f7f7f7;padding:16px;display:flex;align-items:center;justify-content:center}
.gs-link-img{width:70px;height:60px;object-fit:contain;display:block}
.gs-link-body{padding:10px 12px 13px;flex:1;display:flex;flex-direction:column}
.gs-link-name{font-size:13px;font-weight:700;color:#111;margin:0 0 4px;line-height:1.3}
.gs-link-desc{font-size:12px;color:#555;line-height:1.45;margin:0 0 8px;flex:1}
.gs-link-cta{font-size:11.5px;font-weight:600;color:#1a5490;margin:0}



.gs-popup *{box-sizing:border-box}
.gs-popup{position:fixed;bottom:20px;right:20px;width:280px;background:#fff;border:.5px solid #c8d8f0;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.18);z-index:9999;padding:16px 18px;font-family:inherit;transform:translateY(130%);transition:transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none}
.gs-popup.gs-popup--show{transform:translateY(0);pointer-events:auto}
.gs-popup-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.gs-popup-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1a5490}
.gs-popup-close{background:none;border:none;cursor:pointer;padding:2px 4px;line-height:1;color:#aaa;font-size:20px;border-radius:4px}
.gs-popup-close:hover{color:#555}
.gs-popup-body{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.gs-popup-img{width:54px;height:54px;object-fit:contain;border-radius:6px;border:.5px solid #e0e0e0;padding:4px;flex-shrink:0;background:#fff}
.gs-popup-info{flex:1;min-width:0}
.gs-popup-name{font-size:14px;font-weight:800;color:#111;margin:0 0 4px;line-height:1.2}
.gs-popup-code{font-size:12px;color:#555;margin:0;line-height:1.45}
.gs-popup-code strong{color:#111;background:#f0f5fc;border:.5px solid #c8d8f0;border-radius:3px;padding:1px 5px;font-size:11px;letter-spacing:.04em}
.gs-popup-btn{display:block;background:#111;color:#fff;text-align:center;padding:10px;border-radius:7px;text-decoration:none;font-size:12.5px;font-weight:700;letter-spacing:.02em}
.gs-popup-btn:hover{background:#333;color:#fff;text-decoration:none}
@media(max-width:380px){.gs-popup{width:calc(100vw - 32px);right:16px;bottom:16px}}



/* ===== nike.html page-specific components, lifted as-is ===== */


.nk-picks{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:28px 0;box-sizing:border-box}
@media (max-width:900px){.nk-picks{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.nk-picks{grid-template-columns:1fr}}
.nk-pick-card{box-sizing:border-box;border:.5px solid #e0e0e0;border-radius:10px;padding:16px;text-align:center;background:#fff}
.nk-pick-label{display:inline-block;background:#1a5490;color:#fff;font-size:.7em;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:4px 10px;border-radius:24px;margin-bottom:10px}
.nk-pick-card img{width:100%;height:90px;object-fit:contain;background:#f5f5f5;border-radius:6px;margin-bottom:10px}
.nk-pick-card h4{margin:0 0 6px;font-size:.95em;color:#111}
.nk-pick-card p{margin:0 0 10px;font-size:.82em;color:#555;line-height:1.4}
.nk-pick-cta{display:inline-block;padding:6px 14px;background:#f60;color:#111;border-radius:24px;text-decoration:none;font-size:.8em;font-weight:600}
.nk-pick-cta:hover{background:#e05500;color:#fff}



.nk-fit-table{box-sizing:border-box;width:100%;border-collapse:separate;border-spacing:0;font-family:inherit;margin:20px 0}
.nk-fit-table th{background:#f5f5f5;color:#111;font-weight:700;padding:10px;text-align:left;border-bottom:.5px solid #e0e0e0}
.nk-fit-table td{padding:12px 10px;text-align:left;vertical-align:top;border-bottom:.5px solid #ebebeb;color:#444;font-size:.92em;line-height:1.4}
.nk-fit-table td:first-child{font-weight:700;color:#111}



.nk-elite-table{box-sizing:border-box;width:100%;border-collapse:separate;border-spacing:0;font-family:inherit}
.nk-elite-table th{background:#f5f5f5;color:#111;font-weight:700;padding:10px;text-align:center;border-bottom:.5px solid #e0e0e0}
.nk-elite-table td{padding:12px 10px;text-align:center;vertical-align:middle;border-bottom:.5px solid #ebebeb}
.nk-elite-table img{max-width:100%;height:auto}
.nk-elite-name{display:block;font-weight:700;color:#111;text-decoration:none;margin-top:6px}
.nk-elite-name:hover{color:#1a5490}
.nk-elite-quality sub{display:block;color:#555;font-size:.85em;line-height:1.4}
.nk-elite-cta{display:inline-block;margin-top:8px;padding:8px 16px;background:#1a5490;color:#fff;border-radius:24px;text-decoration:none;font-size:.85em;font-weight:600}
.nk-elite-cta:hover{background:#143f6e}



.nk-silo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}
@media (max-width:700px){.nk-silo{grid-template-columns:1fr}}
.nk-silo-card{box-sizing:border-box;border:.5px solid #e0e0e0;border-radius:10px;padding:18px 20px;background:#fafafa}
.nk-silo-card h4{margin:0 0 10px;color:#1a5490;font-size:1.05em}
.nk-silo-card dl{margin:0}
.nk-silo-card dt{font-weight:700;color:#111;font-size:.82em;text-transform:uppercase;letter-spacing:.02em;margin-top:10px}
.nk-silo-card dt:first-child{margin-top:0}
.nk-silo-card dd{margin:2px 0 0;color:#444;font-size:.9em;line-height:1.4}



.nk-deciding{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}
@media (max-width:900px){.nk-deciding{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.nk-deciding{grid-template-columns:1fr}}
.nk-deciding-card{box-sizing:border-box;border:.5px solid #e0e0e0;border-radius:10px;overflow:hidden;text-decoration:none;display:block;color:#111;transition:border-color .2s}
.nk-deciding-card:hover{border-color:#1a5490}
.nk-deciding-card img{width:100%;height:140px;object-fit:cover;display:block}
.nk-deciding-body{padding:14px}
.nk-deciding-body h4{margin:0 0 6px;font-size:1em}
.nk-deciding-body p{margin:0 0 8px;color:#555;font-size:.88em;line-height:1.4}
.nk-deciding-arrow{color:#1a5490;font-weight:600;font-size:.85em}
.nk-deciding-card:hover .nk-deciding-arrow{color:#143f6e}



.nk-positions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.nk-position-link{box-sizing:border-box;flex:1 1 150px;text-align:center;padding:14px 10px;border:.5px solid #e0e0e0;border-radius:10px;text-decoration:none;color:#111;font-weight:600;background:#fafafa}
.nk-position-link:hover{border-color:#1a5490;color:#1a5490}



.nk-tier-table{box-sizing:border-box;width:100%;border-collapse:separate;border-spacing:0;font-family:inherit}
.nk-tier-table th{background:#f5f5f5;color:#111;font-weight:700;padding:10px;text-align:center;border-bottom:.5px solid #e0e0e0}
.nk-tier-table td{padding:12px 10px;text-align:center;vertical-align:middle;border-bottom:.5px solid #ebebeb}
.nk-tier-table img{max-width:100%;height:auto}
.nk-tier-table img.err{background:#ebebeb}
.nk-tier-link{display:block;font-weight:700;color:#1a5490;text-decoration:none}
.nk-tier-link:hover{color:#143f6e;text-decoration:underline}



/* ===== 2026worldcup.html page-specific components, lifted as-is ===== */


.wc-nk *{box-sizing:border-box}
.wc-nk{margin:0 0 8px}
.wc-nk-sub{font-size:13px;color:#777;margin:0 0 18px}
.wc-nk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wc-nk-card{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:border-color .15s ease}
.wc-nk-card:hover{border-color:#1a5490}
.wc-nk-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.wc-nk-imgwrap a{display:block}
.wc-nk-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.wc-nk-imgwrap img.err{background:#ebebeb}
.wc-nk-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;letter-spacing:.03em;padding:4px 9px;border-radius:8px;background:#e0218a;color:#fff}
.wc-nk-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.wc-nk-name{font-size:15px;font-weight:600;color:#111;margin:0 0 2px}
.wc-nk-silo{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#aaa;margin:0 0 8px}
.wc-nk-notes{font-size:12.5px;color:#555;line-height:1.6;margin:0 0 14px}
.wc-nk-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 12px;border-radius:24px;background:#1a5490;color:#fff;text-decoration:none;font-size:12px;font-weight:600;line-height:1;transition:background .15s ease}
.wc-nk-cta:hover{background:#143f6e}
.wc-nk-cta-arrow{font-size:13px;line-height:1}
@media (max-width:1100px){.wc-nk-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.wc-nk-grid{grid-template-columns:1fr}}



.wc-video *{box-sizing:border-box}
.wc-video{margin:24px 0}
.wc-video-frame{position:relative;width:100%;aspect-ratio:16/9;border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;background:#000}
.wc-video-btn{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.wc-video-btn::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18);transition:background .15s ease}
.wc-video-btn:hover::after{background:rgba(0,0,0,.30)}
.wc-video-play{position:relative;z-index:1;width:72px;height:50px;border-radius:12px;background:#1a5490;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}
.wc-video-btn:hover .wc-video-play{background:#143f6e;transform:scale(1.05)}
.wc-video-play svg{width:24px;height:24px;fill:#fff;margin-left:3px}
.wc-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wc-video-cap{margin:10px 2px 0;font-size:12.5px;color:#777;line-height:1.45}
.wc-video-cap b{color:#444;font-weight:700}



.wc-ad *{box-sizing:border-box}
.wc-ad{margin:0 0 8px}
.wc-ad-sub{font-size:13px;color:#777;margin:0 0 18px}
.wc-ad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wc-ad-card{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:border-color .15s ease}
.wc-ad-card:hover{border-color:#c8102e}
.wc-ad-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.wc-ad-imgwrap a{display:block}
.wc-ad-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.wc-ad-imgwrap img.err{background:#ebebeb}
.wc-ad-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;letter-spacing:.03em;padding:4px 9px;border-radius:8px;background:#c8102e;color:#fff}
.wc-ad-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.wc-ad-name{font-size:15px;font-weight:600;color:#111;margin:0 0 2px}
.wc-ad-silo{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#aaa;margin:0 0 8px}
.wc-ad-notes{font-size:12.5px;color:#555;line-height:1.6;margin:0 0 14px}
.wc-ad-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 12px;border-radius:24px;background:#111;color:#fff;text-decoration:none;font-size:12px;font-weight:600;line-height:1;transition:background .15s ease}
.wc-ad-cta:hover{background:#c8102e}
.wc-ad-cta-arrow{font-size:13px;line-height:1}
@media (max-width:1100px){.wc-ad-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.wc-ad-grid{grid-template-columns:1fr}}



.wc-pm *{box-sizing:border-box}
.wc-pm{margin:0 0 8px}
.wc-pm-sub{font-size:13px;color:#777;margin:0 0 18px}
.wc-pm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.wc-pm-card{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column;transition:border-color .15s ease}
.wc-pm-card:hover{border-color:#ff1e6f}
.wc-pm-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.wc-pm-imgwrap a{display:block}
.wc-pm-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.wc-pm-imgwrap img.err{background:#ebebeb}
.wc-pm-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;letter-spacing:.03em;padding:4px 9px;border-radius:8px;background:#ff1e6f;color:#fff}
.wc-pm-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.wc-pm-name{font-size:15px;font-weight:600;color:#111;margin:0 0 2px}
.wc-pm-silo{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#aaa;margin:0 0 8px}
.wc-pm-notes{font-size:12.5px;color:#555;line-height:1.6;margin:0 0 14px}
.wc-pm-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:9px 12px;border-radius:24px;background:#1a5490;color:#fff;text-decoration:none;font-size:12px;font-weight:600;line-height:1;transition:background .15s ease}
.wc-pm-cta:hover{background:#143f6e}
.wc-pm-cta-arrow{font-size:13px;line-height:1}
@media (max-width:520px){.wc-pm-grid{grid-template-columns:1fr}}



/* ===== mbappeboots.html page-specific components, lifted as-is ===== */


.km-snap *{box-sizing:border-box}
.km-snap{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;margin:22px 0;background:#fff}
.km-snap-head{background:#1a5490;color:#fff;padding:12px 18px;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.km-snap-grid{display:grid;grid-template-columns:1fr 1fr}
.km-snap-cell{padding:16px 18px;border-top:.5px solid #ebebeb}
.km-snap-cell:nth-child(odd){border-right:.5px solid #ebebeb}
.km-snap-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#999;margin:0 0 5px}
.km-snap-val{font-size:14.5px;color:#111;line-height:1.5;margin:0}
.km-snap-val a{color:#1a5490;text-decoration:none;font-weight:600}
.km-snap-val a:hover{text-decoration:underline}
.km-snap-cta{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:.5px solid #ebebeb;background:#fafafa;flex-wrap:wrap}
.km-snap-cta p{margin:0;font-size:12.5px;color:#555;flex:1;min-width:160px}
.km-snap-btn{display:inline-flex;align-items:center;gap:6px;background:#1a5490;color:#fff;text-decoration:none;font-size:12.5px;font-weight:700;padding:10px 18px;border-radius:24px;line-height:1;transition:background .15s ease}
.km-snap-btn:hover{background:#143f6e}
@media (max-width:560px){.km-snap-grid{grid-template-columns:1fr}.km-snap-cell:nth-child(odd){border-right:none}}



.km-wc *{box-sizing:border-box}
.km-wc{margin:26px 0}
.km-wc-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b3fa0;margin:0 0 4px}
.km-wc-h{font-size:23px;font-weight:700;color:#111;margin:0 0 10px;line-height:1.2}
.km-wc-intro{font-size:14.5px;color:#444;line-height:1.65;margin:0 0 20px;max-width:760px}
.km-wc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 22px}
.km-wc-card{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:border-color .15s ease}
.km-wc-card:hover{border-color:#6b3fa0}
.km-wc-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.km-wc-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.km-wc-imgwrap img.err{background:#ececec}
.km-wc-badge{position:absolute;top:12px;left:12px;font-size:10px;font-weight:700;letter-spacing:.03em;padding:4px 10px;border-radius:8px;color:#fff}
.km-wc-badge.pink{background:#e0218a}
.km-wc-badge.purple{background:#6b3fa0}
.km-wc-body{padding:15px 17px 17px;display:flex;flex-direction:column;flex:1}
.km-wc-name{font-size:16px;font-weight:700;color:#111;margin:0 0 2px}
.km-wc-role{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#aaa;margin:0 0 9px}
.km-wc-notes{font-size:13px;color:#555;line-height:1.6;margin:0 0 14px}
.km-wc-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:24px;text-decoration:none;font-size:12.5px;font-weight:600;line-height:1;background:#1a5490;color:#fff;transition:background .15s ease}
.km-wc-cta:hover{background:#143f6e}
.km-wc-callout{border-left:4px solid #6b3fa0;background:#f4eefb;border-radius:0 12px 12px 0;padding:18px 22px;margin:0;font-size:15.5px;line-height:1.55;color:#2f2340;font-weight:500}
@media (max-width:640px){.km-wc-grid{grid-template-columns:1fr}.km-wc-h{font-size:20px}.km-wc-callout{font-size:14px}}



.km-id *{box-sizing:border-box}
.km-id{margin:26px 0}
.km-id-h{font-size:21px;font-weight:700;color:#111;margin:0 0 8px;line-height:1.25}
.km-id-intro{font-size:14.5px;color:#444;line-height:1.65;margin:0 0 18px;max-width:760px}
.km-id-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.km-id-card{border:.5px solid #e0e0e0;border-radius:12px;padding:18px 18px 20px;background:#fff}
.km-id-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b3fa0;margin:0 0 8px}
.km-id-name{font-size:15.5px;font-weight:700;color:#111;margin:0 0 7px}
.km-id-text{font-size:13px;color:#555;line-height:1.62;margin:0}
@media (max-width:760px){.km-id-grid{grid-template-columns:1fr}}



.km-faq *{box-sizing:border-box}
.km-faq{margin:26px 0;border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden}
.km-faq-head{background:#1a5490;color:#fff;padding:13px 18px;font-size:15px;font-weight:700}
.km-faq-item{padding:16px 18px;border-top:.5px solid #ebebeb}
.km-faq-q{font-size:14.5px;font-weight:700;color:#111;margin:0 0 6px}
.km-faq-a{font-size:13.5px;color:#555;line-height:1.62;margin:0}
.km-faq-a a{color:#1a5490;text-decoration:none;font-weight:600}
.km-faq-a a:hover{text-decoration:underline}



.km-dec *{box-sizing:border-box}
.km-dec{margin:26px 0}
.km-dec-h{font-size:18px;font-weight:700;color:#111;margin:0 0 14px}
.km-dec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.km-dec-card{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:border-color .15s ease}
.km-dec-card:hover{border-color:#1a5490}
.km-dec-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.km-dec-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.km-dec-imgwrap img.err{background:#ececec}
.km-dec-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.km-dec-name{font-size:15px;font-weight:700;color:#111;margin:0 0 5px}
.km-dec-hook{font-size:12.5px;color:#555;line-height:1.55;margin:0 0 12px}
.km-dec-link{margin-top:auto;font-size:12.5px;font-weight:700;color:#1a5490;display:inline-flex;align-items:center;gap:5px}
.km-dec-card:hover .km-dec-arrow{transform:translateX(3px)}
.km-dec-arrow{transition:transform .15s ease}
@media (max-width:700px){.km-dec-grid{grid-template-columns:1fr}}



/* ===== viniciusjrboots.html page-specific components, lifted as-is ===== */


.vj-snap *{box-sizing:border-box}
.vj-snap{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;margin:22px 0;background:#fff}
.vj-snap-head{background:#1a5490;color:#fff;padding:12px 18px;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.vj-snap-grid{display:grid;grid-template-columns:1fr 1fr}
.vj-snap-cell{padding:16px 18px;border-top:.5px solid #ebebeb}
.vj-snap-cell:nth-child(odd){border-right:.5px solid #ebebeb}
.vj-snap-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#999;margin:0 0 5px}
.vj-snap-val{font-size:14.5px;color:#111;line-height:1.5;margin:0}
.vj-snap-val a{color:#1a5490;text-decoration:none;font-weight:600}
.vj-snap-val a:hover{text-decoration:underline}
.vj-snap-cta{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:.5px solid #ebebeb;background:#fafafa;flex-wrap:wrap}
.vj-snap-cta p{margin:0;font-size:12.5px;color:#555;flex:1;min-width:160px}
.vj-snap-btn{display:inline-flex;align-items:center;gap:6px;background:#f60;color:#111;text-decoration:none;font-size:12.5px;font-weight:700;padding:10px 18px;border-radius:24px;line-height:1;transition:background .15s ease}
.vj-snap-btn:hover{background:#e05500;color:#fff}
@media (max-width:560px){.vj-snap-grid{grid-template-columns:1fr}.vj-snap-cell:nth-child(odd){border-right:none}}



.vj-wc *{box-sizing:border-box}
.vj-wc{margin:26px 0}
.vj-wc-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1f9d55;margin:0 0 4px}
.vj-wc-h{font-size:23px;font-weight:700;color:#111;margin:0 0 10px;line-height:1.2}
.vj-wc-intro{font-size:14.5px;color:#444;line-height:1.65;margin:0 0 20px;max-width:760px}
.vj-wc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 22px}
.vj-wc-card{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:border-color .15s ease}
.vj-wc-card:hover{border-color:#1f9d55}
.vj-wc-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.vj-wc-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.vj-wc-imgwrap img.err{background:#ececec}
.vj-wc-badge{position:absolute;top:12px;left:12px;font-size:10px;font-weight:700;letter-spacing:.03em;padding:4px 10px;border-radius:8px;color:#fff}
.vj-wc-badge.pink{background:#e0218a}
.vj-wc-badge.green{background:#1f9d55}
.vj-wc-body{padding:15px 17px 17px;display:flex;flex-direction:column;flex:1}
.vj-wc-name{font-size:16px;font-weight:700;color:#111;margin:0 0 2px}
.vj-wc-role{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#aaa;margin:0 0 9px}
.vj-wc-notes{font-size:13px;color:#555;line-height:1.6;margin:0 0 14px}
.vj-wc-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:24px;text-decoration:none;font-size:12.5px;font-weight:600;line-height:1;background:#1a5490;color:#fff;transition:background .15s ease}
.vj-wc-cta:hover{background:#143f6e}
.vj-wc-callout{border-left:4px solid #1f9d55;background:#eef7f1;border-radius:0 12px 12px 0;padding:18px 22px;margin:0;font-size:15.5px;line-height:1.55;color:#1f3328;font-weight:500}
@media (max-width:640px){.vj-wc-grid{grid-template-columns:1fr}.vj-wc-h{font-size:20px}.vj-wc-callout{font-size:14px}}



.vj-id *{box-sizing:border-box}
.vj-id{margin:26px 0}
.vj-id-h{font-size:21px;font-weight:700;color:#111;margin:0 0 8px;line-height:1.25}
.vj-id-intro{font-size:14.5px;color:#444;line-height:1.65;margin:0 0 18px;max-width:760px}
.vj-id-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vj-id-card{border:.5px solid #e0e0e0;border-radius:12px;padding:18px 18px 20px;background:#fff}
.vj-id-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1f9d55;margin:0 0 8px}
.vj-id-name{font-size:15.5px;font-weight:700;color:#111;margin:0 0 7px}
.vj-id-text{font-size:13px;color:#555;line-height:1.62;margin:0}
@media (max-width:760px){.vj-id-grid{grid-template-columns:1fr}}



.vj-faq *{box-sizing:border-box}
.vj-faq{margin:26px 0;border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden}
.vj-faq-head{background:#1a5490;color:#fff;padding:13px 18px;font-size:15px;font-weight:700}
.vj-faq-item{padding:16px 18px;border-top:.5px solid #ebebeb}
.vj-faq-q{font-size:14.5px;font-weight:700;color:#111;margin:0 0 6px}
.vj-faq-a{font-size:13.5px;color:#555;line-height:1.62;margin:0}
.vj-faq-a a{color:#1a5490;text-decoration:none;font-weight:600}
.vj-faq-a a:hover{text-decoration:underline}



.vj-dec *{box-sizing:border-box}
.vj-dec{margin:26px 0}
.vj-dec-h{font-size:18px;font-weight:700;color:#111;margin:0 0 14px}
.vj-dec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vj-dec-card{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:border-color .15s ease}
.vj-dec-card:hover{border-color:#1a5490}
.vj-dec-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.vj-dec-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.vj-dec-imgwrap img.err{background:#ececec}
.vj-dec-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.vj-dec-name{font-size:15px;font-weight:700;color:#111;margin:0 0 5px}
.vj-dec-hook{font-size:12.5px;color:#555;line-height:1.55;margin:0 0 12px}
.vj-dec-link{margin-top:auto;font-size:12.5px;font-weight:700;color:#1a5490;display:inline-flex;align-items:center;gap:5px}
.vj-dec-card:hover .vj-dec-arrow{transform:translateX(3px)}
.vj-dec-arrow{transition:transform .15s ease}
@media (max-width:700px){.vj-dec-grid{grid-template-columns:1fr}}



/* ===== messiboots.html page-specific components, lifted as-is ===== */


.ms-snap *{box-sizing:border-box}
.ms-snap{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;margin:22px 0;background:#fff}
.ms-snap-head{background:#1a5490;color:#fff;padding:12px 18px;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.ms-snap-grid{display:grid;grid-template-columns:1fr 1fr}
.ms-snap-cell{padding:16px 18px;border-top:.5px solid #ebebeb}
.ms-snap-cell:nth-child(odd){border-right:.5px solid #ebebeb}
.ms-snap-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#999;margin:0 0 5px}
.ms-snap-val{font-size:14.5px;color:#111;line-height:1.5;margin:0}
.ms-snap-val a{color:#1a5490;text-decoration:none;font-weight:600}
.ms-snap-val a:hover{text-decoration:underline}
.ms-snap-cta{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:.5px solid #ebebeb;background:#fafafa;flex-wrap:wrap}
.ms-snap-cta p{margin:0;font-size:12.5px;color:#555;flex:1;min-width:160px}
.ms-snap-btn{display:inline-flex;align-items:center;gap:6px;background:#1a5490;color:#fff;text-decoration:none;font-size:12.5px;font-weight:700;padding:10px 18px;border-radius:24px;line-height:1;transition:background .15s ease}
.ms-snap-btn:hover{background:#143f6e}
@media (max-width:560px){.ms-snap-grid{grid-template-columns:1fr}.ms-snap-cell:nth-child(odd){border-right:none}}



.ms-wc *{box-sizing:border-box}
.ms-wc{margin:26px 0}
.ms-wc-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a8842c;margin:0 0 4px}
.ms-wc-h{font-size:23px;font-weight:700;color:#111;margin:0 0 10px;line-height:1.2}
.ms-wc-intro{font-size:14.5px;color:#444;line-height:1.65;margin:0 0 20px;max-width:760px}
.ms-wc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 22px}
.ms-wc-card{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:border-color .15s ease}
.ms-wc-card:hover{border-color:#1a5490}
.ms-wc-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.ms-wc-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ms-wc-imgwrap img.err{background:#ececec}
.ms-wc-badge{position:absolute;top:12px;left:12px;font-size:10px;font-weight:700;letter-spacing:.03em;padding:4px 10px;border-radius:8px;color:#fff}
.ms-wc-badge.blue{background:#1a5490}
.ms-wc-badge.gold{background:#a8842c}
.ms-wc-body{padding:15px 17px 17px;display:flex;flex-direction:column;flex:1}
.ms-wc-name{font-size:16px;font-weight:700;color:#111;margin:0 0 2px}
.ms-wc-role{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#aaa;margin:0 0 9px}
.ms-wc-notes{font-size:13px;color:#555;line-height:1.6;margin:0 0 14px}
.ms-wc-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:24px;text-decoration:none;font-size:12.5px;font-weight:600;line-height:1;background:#1a5490;color:#fff;transition:background .15s ease}
.ms-wc-cta:hover{background:#143f6e}
.ms-wc-callout{border-left:4px solid #a8842c;background:#fbf6e8;border-radius:0 12px 12px 0;padding:18px 22px;margin:0;font-size:16px;line-height:1.55;color:#3a3120;font-weight:500}
@media (max-width:640px){.ms-wc-grid{grid-template-columns:1fr}.ms-wc-h{font-size:20px}.ms-wc-callout{font-size:14.5px}}



.ms-id *{box-sizing:border-box}
.ms-id{margin:26px 0}
.ms-id-h{font-size:21px;font-weight:700;color:#111;margin:0 0 8px;line-height:1.25}
.ms-id-intro{font-size:14.5px;color:#444;line-height:1.65;margin:0 0 18px;max-width:760px}
.ms-id-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ms-id-card{border:.5px solid #e0e0e0;border-radius:12px;padding:18px 18px 20px;background:#fff}
.ms-id-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1a5490;margin:0 0 8px}
.ms-id-name{font-size:15.5px;font-weight:700;color:#111;margin:0 0 7px}
.ms-id-text{font-size:13px;color:#555;line-height:1.62;margin:0}
@media (max-width:760px){.ms-id-grid{grid-template-columns:1fr}}



.ms-faq *{box-sizing:border-box}
.ms-faq{margin:26px 0;border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden}
.ms-faq-head{background:#1a5490;color:#fff;padding:13px 18px;font-size:15px;font-weight:700}
.ms-faq-item{padding:16px 18px;border-top:.5px solid #ebebeb}
.ms-faq-q{font-size:14.5px;font-weight:700;color:#111;margin:0 0 6px}
.ms-faq-a{font-size:13.5px;color:#555;line-height:1.62;margin:0}
.ms-faq-a a{color:#1a5490;text-decoration:none;font-weight:600}
.ms-faq-a a:hover{text-decoration:underline}



.ms-dec *{box-sizing:border-box}
.ms-dec{margin:26px 0}
.ms-dec-h{font-size:18px;font-weight:700;color:#111;margin:0 0 14px}
.ms-dec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ms-dec-card{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:border-color .15s ease}
.ms-dec-card:hover{border-color:#1a5490}
.ms-dec-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.ms-dec-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ms-dec-imgwrap img.err{background:#ececec}
.ms-dec-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.ms-dec-name{font-size:15px;font-weight:700;color:#111;margin:0 0 5px}
.ms-dec-hook{font-size:12.5px;color:#555;line-height:1.55;margin:0 0 12px}
.ms-dec-link{margin-top:auto;font-size:12.5px;font-weight:700;color:#1a5490;display:inline-flex;align-items:center;gap:5px}
.ms-dec-card:hover .ms-dec-arrow{transform:translateX(3px)}
.ms-dec-arrow{transition:transform .15s ease}
@media (max-width:700px){.ms-dec-grid{grid-template-columns:1fr}}



/* ===== haalandboots.html page-specific components, lifted as-is ===== */


.eh-snap *{box-sizing:border-box}
.eh-snap{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;margin:22px 0;background:#fff}
.eh-snap-head{background:#1a5490;color:#fff;padding:12px 18px;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.eh-snap-grid{display:grid;grid-template-columns:1fr 1fr}
.eh-snap-cell{padding:16px 18px;border-top:.5px solid #ebebeb}
.eh-snap-cell:nth-child(odd){border-right:.5px solid #ebebeb}
.eh-snap-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#999;margin:0 0 5px}
.eh-snap-val{font-size:14.5px;color:#111;line-height:1.5;margin:0}
.eh-snap-val a{color:#1a5490;text-decoration:none;font-weight:600}
.eh-snap-val a:hover{text-decoration:underline}
.eh-snap-cta{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:.5px solid #ebebeb;background:#fafafa;flex-wrap:wrap}
.eh-snap-cta p{margin:0;font-size:12.5px;color:#555;flex:1;min-width:160px}
.eh-snap-btn{display:inline-flex;align-items:center;gap:6px;background:#f60;color:#111;text-decoration:none;font-size:12.5px;font-weight:700;padding:10px 18px;border-radius:24px;line-height:1;transition:background .15s ease}
.eh-snap-btn:hover{background:#e05500;color:#fff}
@media (max-width:560px){.eh-snap-grid{grid-template-columns:1fr}.eh-snap-cell:nth-child(odd){border-right:none}}



.eh-wc *{box-sizing:border-box}
.eh-wc{margin:26px 0}
.eh-wc-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3a7d2c;margin:0 0 4px}
.eh-wc-h{font-size:23px;font-weight:700;color:#111;margin:0 0 10px;line-height:1.2}
.eh-wc-intro{font-size:14.5px;color:#444;line-height:1.65;margin:0 0 20px;max-width:760px}
.eh-wc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 22px}
.eh-wc-card{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:border-color .15s ease}
.eh-wc-card:hover{border-color:#3a7d2c}
.eh-wc-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.eh-wc-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.eh-wc-imgwrap img.err{background:#ececec}
.eh-wc-badge{position:absolute;top:12px;left:12px;font-size:10px;font-weight:700;letter-spacing:.03em;padding:4px 10px;border-radius:8px;color:#fff}
.eh-wc-badge.green{background:#3a7d2c}
.eh-wc-badge.orange{background:#f60}
.eh-wc-body{padding:15px 17px 17px;display:flex;flex-direction:column;flex:1}
.eh-wc-name{font-size:16px;font-weight:700;color:#111;margin:0 0 2px}
.eh-wc-role{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#aaa;margin:0 0 9px}
.eh-wc-notes{font-size:13px;color:#555;line-height:1.6;margin:0 0 14px}
.eh-wc-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:24px;text-decoration:none;font-size:12.5px;font-weight:600;line-height:1;background:#1a5490;color:#fff;transition:background .15s ease}
.eh-wc-cta:hover{background:#143f6e}
.eh-wc-callout{border-left:4px solid #3a7d2c;background:#f0f7ee;border-radius:0 12px 12px 0;padding:18px 22px;margin:0;font-size:15.5px;line-height:1.55;color:#27331f;font-weight:500}
@media (max-width:640px){.eh-wc-grid{grid-template-columns:1fr}.eh-wc-h{font-size:20px}.eh-wc-callout{font-size:14px}}



.eh-id *{box-sizing:border-box}
.eh-id{margin:26px 0}
.eh-id-h{font-size:21px;font-weight:700;color:#111;margin:0 0 8px;line-height:1.25}
.eh-id-intro{font-size:14.5px;color:#444;line-height:1.65;margin:0 0 18px;max-width:760px}
.eh-id-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.eh-id-card{border:.5px solid #e0e0e0;border-radius:12px;padding:18px 18px 20px;background:#fff}
.eh-id-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1a5490;margin:0 0 8px}
.eh-id-name{font-size:15.5px;font-weight:700;color:#111;margin:0 0 7px}
.eh-id-text{font-size:13px;color:#555;line-height:1.62;margin:0}
@media (max-width:760px){.eh-id-grid{grid-template-columns:1fr}}



.eh-faq *{box-sizing:border-box}
.eh-faq{margin:26px 0;border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden}
.eh-faq-head{background:#1a5490;color:#fff;padding:13px 18px;font-size:15px;font-weight:700}
.eh-faq-item{padding:16px 18px;border-top:.5px solid #ebebeb}
.eh-faq-q{font-size:14.5px;font-weight:700;color:#111;margin:0 0 6px}
.eh-faq-a{font-size:13.5px;color:#555;line-height:1.62;margin:0}
.eh-faq-a a{color:#1a5490;text-decoration:none;font-weight:600}
.eh-faq-a a:hover{text-decoration:underline}



.eh-dec *{box-sizing:border-box}
.eh-dec{margin:26px 0}
.eh-dec-h{font-size:18px;font-weight:700;color:#111;margin:0 0 14px}
.eh-dec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.eh-dec-card{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:border-color .15s ease}
.eh-dec-card:hover{border-color:#1a5490}
.eh-dec-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.eh-dec-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.eh-dec-imgwrap img.err{background:#ececec}
.eh-dec-body{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.eh-dec-name{font-size:15px;font-weight:700;color:#111;margin:0 0 5px}
.eh-dec-hook{font-size:12.5px;color:#555;line-height:1.55;margin:0 0 12px}
.eh-dec-link{margin-top:auto;font-size:12.5px;font-weight:700;color:#1a5490;display:inline-flex;align-items:center;gap:5px}
.eh-dec-card:hover .eh-dec-arrow{transform:translateX(3px)}
.eh-dec-arrow{transition:transform .15s ease}
@media (max-width:700px){.eh-dec-grid{grid-template-columns:1fr}}



/* ===== cr7ronaldoboots.html page-specific components, lifted as-is ===== */


.cr7-snap *{box-sizing:border-box}
.cr7-snap{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;margin:22px 0;background:#fff}
.cr7-snap-head{background:#1a5490;color:#fff;padding:12px 18px;font-size:13px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.cr7-snap-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}
.cr7-snap-cell{padding:16px 18px;border-top:.5px solid #ebebeb}
.cr7-snap-cell:nth-child(odd){border-right:.5px solid #ebebeb}
.cr7-snap-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#999;margin:0 0 5px}
.cr7-snap-val{font-size:14.5px;color:#111;line-height:1.5;margin:0}
.cr7-snap-val a{color:#1a5490;text-decoration:none;font-weight:600}
.cr7-snap-val a:hover{text-decoration:underline}
.cr7-snap-cta{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:.5px solid #ebebeb;background:#fafafa;flex-wrap:wrap}
.cr7-snap-cta p{margin:0;font-size:12.5px;color:#555;flex:1;min-width:160px}
.cr7-snap-btn{display:inline-flex;align-items:center;gap:6px;background:#f60;color:#111;text-decoration:none;font-size:12.5px;font-weight:700;padding:10px 18px;border-radius:24px;line-height:1;transition:background .15s ease}
.cr7-snap-btn:hover{background:#e05500;color:#fff}
@media (max-width:560px){.cr7-snap-grid{grid-template-columns:1fr}.cr7-snap-cell:nth-child(odd){border-right:none}}



.cr7-wc *{box-sizing:border-box}
.cr7-wc{margin:26px 0}
.cr7-wc-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#b8902f;margin:0 0 4px}
.cr7-wc-h{font-size:23px;font-weight:700;color:#111;margin:0 0 10px;line-height:1.2}
.cr7-wc-intro{font-size:14.5px;color:#444;line-height:1.65;margin:0 0 20px;max-width:760px}
.cr7-wc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 22px}
.cr7-wc-card{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;position:relative;transition:border-color .15s ease}
.cr7-wc-card:hover{border-color:#b8902f}
.cr7-wc-imgwrap{background:#f4f4f4;border-bottom:.5px solid #e0e0e0}
.cr7-wc-imgwrap img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.cr7-wc-imgwrap img.err{background:#ececec}
.cr7-wc-badge{position:absolute;top:12px;left:12px;font-size:10px;font-weight:700;letter-spacing:.03em;padding:4px 10px;border-radius:8px;color:#fff}
.cr7-wc-badge.pink{background:#e0218a}
.cr7-wc-badge.gold{background:#b8902f}
.cr7-wc-body{padding:15px 17px 17px;display:flex;flex-direction:column;flex:1}
.cr7-wc-name{font-size:16px;font-weight:700;color:#111;margin:0 0 2px}
.cr7-wc-role{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#aaa;margin:0 0 9px}
.cr7-wc-notes{font-size:13px;color:#555;line-height:1.6;margin:0 0 14px}
.cr7-wc-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border-radius:24px;text-decoration:none;font-size:12.5px;font-weight:600;line-height:1;transition:background .15s ease}
.cr7-wc-cta.blue{background:#1a5490;color:#fff}
.cr7-wc-cta.blue:hover{background:#143f6e}
.cr7-wc-cta.goldbtn{background:#b8902f;color:#fff}
.cr7-wc-cta.goldbtn:hover{background:#9c7926}
.cr7-wc-quote{border-left:4px solid #b8902f;background:#fbf6e8;border-radius:0 12px 12px 0;padding:20px 24px;margin:0}
.cr7-wc-quote blockquote{margin:0;font-size:17px;line-height:1.55;color:#3a3120;font-style:italic;font-weight:500}
.cr7-wc-quote cite{display:block;margin-top:12px;font-style:normal;font-size:13px;font-weight:700;color:#8a6d22}
@media (max-width:640px){.cr7-wc-grid{grid-template-columns:1fr}.cr7-wc-h{font-size:20px}.cr7-wc-quote blockquote{font-size:15.5px}}



.cr7-id *{box-sizing:border-box}
.cr7-id{margin:26px 0}
.cr7-id-h{font-size:21px;font-weight:700;color:#111;margin:0 0 8px;line-height:1.25}
.cr7-id-intro{font-size:14.5px;color:#444;line-height:1.65;margin:0 0 18px;max-width:760px}
.cr7-id-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cr7-id-card{border:.5px solid #e0e0e0;border-radius:12px;padding:18px 18px 20px;background:#fff}
.cr7-id-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1a5490;margin:0 0 8px}
.cr7-id-name{font-size:15.5px;font-weight:700;color:#111;margin:0 0 7px}
.cr7-id-text{font-size:13px;color:#555;line-height:1.62;margin:0}
@media (max-width:760px){.cr7-id-grid{grid-template-columns:1fr}}



.cr-video *{box-sizing:border-box}
.cr-video{margin:24px 0}
.cr-video-frame{position:relative;width:100%;aspect-ratio:16/9;border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden;background:#000}
.cr-video-btn{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;cursor:pointer;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.cr-video-btn::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18);transition:background .15s ease}
.cr-video-btn:hover::after{background:rgba(0,0,0,.30)}
.cr-video-play{position:relative;z-index:1;width:72px;height:50px;border-radius:12px;background:#1a5490;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}
.cr-video-btn:hover .cr-video-play{background:#143f6e;transform:scale(1.05)}
.cr-video-play svg{width:24px;height:24px;fill:#fff;margin-left:3px}
.cr-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cr-video-cap{margin:10px 2px 0;font-size:12.5px;color:#777;line-height:1.45}
.cr-video-cap b{color:#444;font-weight:700}



.cr7-faq *{box-sizing:border-box}
.cr7-faq{margin:26px 0;border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden}
.cr7-faq-head{background:#1a5490;color:#fff;padding:13px 18px;font-size:15px;font-weight:700}
.cr7-faq-item{padding:16px 18px;border-top:.5px solid #ebebeb}
.cr7-faq-q{font-size:14.5px;font-weight:700;color:#111;margin:0 0 6px}
.cr7-faq-a{font-size:13.5px;color:#555;line-height:1.62;margin:0}
.cr7-faq-a a{color:#1a5490;text-decoration:none;font-weight:600}
.cr7-faq-a a:hover{text-decoration:underline}



/* ===== mercurial-vs-phantom.html page-specific component, deduped from 18 copies to 1 ===== */


.fbp-compare {
  --fbp-orange: #ff6600;
  --fbp-orange-dark: #c94d00;
  --fbp-ink: #171717;
  --fbp-muted: #5f6368;
  --fbp-line: #dedede;
  --fbp-soft: #f6f6f4;
  --fbp-warm: #fff5eb;
  --fbp-green: #19733b;
  --fbp-red: #a22a2a;
  --fbp-radius: 16px;
  --fbp-shadow: 0 10px 30px rgba(0, 0, 0, .07);
  color: var(--fbp-ink);
  font-size: 17px;
  line-height: 1.6;
}

.fbp-compare *,
.fbp-compare *::before,
.fbp-compare *::after {
  box-sizing: border-box;
}

.fbp-compare section {
  scroll-margin-top: 90px;
  margin: 34px 0;
}

.fbp-compare h2 {
  margin: 0 0 12px;
  font-size: clamp(1.6rem, 4vw, 2.35rem);
  line-height: 1.15;
}

.fbp-compare h3 {
  margin: 0 0 8px;
  font-size: clamp(1.15rem, 3vw, 1.45rem);
  line-height: 1.25;
}

.fbp-compare p {
  margin: 0 0 14px;
}

.fbp-compare a {
  text-underline-offset: 3px;
}

.fbp-kicker {
  margin-bottom: 8px;
  color: var(--fbp-orange-dark);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.fbp-lede {
  max-width: 760px;
  font-size: clamp(1.08rem, 2.5vw, 1.25rem);
}

.fbp-hero-media {
  overflow: hidden;
  margin: 22px 0;
  border: 1px solid var(--fbp-line);
  border-radius: var(--fbp-radius);
  background: #fff;
  box-shadow: var(--fbp-shadow);
}

.fbp-hero-media img,
.fbp-media img {
  display: block;
  width: 100%;
  height: auto;
}

.fbp-caption {
  margin: 0;
  padding: 10px 14px;
  color: var(--fbp-muted);
  font-size: .84rem;
}

.fbp-verdict {
  padding: 22px;
  border: 2px solid var(--fbp-ink);
  border-left: 7px solid var(--fbp-orange);
  border-radius: var(--fbp-radius);
  background: #fff;
  box-shadow: var(--fbp-shadow);
}

.fbp-verdict strong {
  display: block;
  margin-bottom: 7px;
  font-size: 1.12rem;
}

.fbp-grid {
  display: grid;
  gap: 16px;
}

.fbp-grid-2 {
  grid-template-columns: 1fr;
}

.fbp-grid-3 {
  grid-template-columns: 1fr;
}

.fbp-choice {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 20px;
  border: 1px solid var(--fbp-line);
  border-radius: var(--fbp-radius);
  background: #fff;
  box-shadow: var(--fbp-shadow);
}

.fbp-choice[data-choice="mercurial"] {
  border-top: 5px solid var(--fbp-orange);
}

.fbp-choice[data-choice="phantom"] {
  border-top: 5px solid var(--fbp-ink);
}

.fbp-choice-badge {
  display: inline-flex;
  align-self: flex-start;
  margin-bottom: 12px;
  padding: 5px 9px;
  border-radius: 999px;
  background: var(--fbp-soft);
  font-size: .78rem;
  font-weight: 800;
}

.fbp-list {
  margin: 8px 0 18px;
  padding: 0;
  list-style: none;
}

.fbp-list li {
  position: relative;
  margin: 9px 0;
  padding-left: 28px;
}

.fbp-list li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--fbp-green);
  font-weight: 900;
  content: "✓";
}

.fbp-list-negative li::before {
  color: var(--fbp-red);
  content: "×";
}

.fbp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
}

.fbp-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 16px;
  border: 2px solid var(--fbp-ink);
  border-radius: 10px;
  background: var(--fbp-orange);
  color: #111 !important;
  font-weight: 850;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
}

.fbp-button:hover {
  background: #ff7a22;
}

.fbp-button-secondary {
  background: #fff;
  color: var(--fbp-ink) !important;
}

.fbp-button-secondary:hover {
  background: var(--fbp-soft);
}

.fbp-button:focus-visible,
.fbp-compare summary:focus-visible,
.fbp-chip:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 3px;
}

.fbp-trust {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--fbp-line);
  border-radius: var(--fbp-radius);
  background: var(--fbp-line);
}

.fbp-trust div {
  padding: 14px;
  background: #fff;
}

.fbp-trust strong {
  display: block;
  font-size: 1.05rem;
}

.fbp-trust span {
  display: block;
  color: var(--fbp-muted);
  font-size: .84rem;
}

.fbp-jumps {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 4px 2px 9px;
  scrollbar-width: thin;
}

.fbp-chip {
  flex: 0 0 auto;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid var(--fbp-line);
  border-radius: 999px;
  background: #fff;
  color: var(--fbp-ink) !important;
  font-size: .88rem;
  font-weight: 750;
  text-decoration: none !important;
}

.fbp-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--fbp-line);
  border-radius: var(--fbp-radius);
  background: #fff;
  -webkit-overflow-scrolling: touch;
}

.fbp-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  font-size: .94rem;
}

.fbp-table th,
.fbp-table td {
  padding: 13px 14px;
  border-bottom: 1px solid var(--fbp-line);
  text-align: left;
  vertical-align: top;
}

.fbp-table th {
  background: var(--fbp-soft);
  font-weight: 850;
}

.fbp-table tr:last-child td {
  border-bottom: 0;
}

.fbp-table .fbp-winner {
  color: var(--fbp-green);
  font-weight: 850;
}

.fbp-scroll-note {
  margin: 7px 0 0;
  color: var(--fbp-muted);
  font-size: .8rem;
}

.fbp-details {
  margin: 12px 0;
  border: 1px solid var(--fbp-line);
  border-radius: 12px;
  background: #fff;
}

.fbp-details[open] {
  box-shadow: 0 6px 18px rgba(0, 0, 0, .05);
}

.fbp-details summary {
  position: relative;
  min-height: 50px;
  padding: 14px 48px 14px 16px;
  cursor: pointer;
  font-weight: 850;
  list-style: none;
}

.fbp-details summary::-webkit-details-marker {
  display: none;
}

.fbp-details summary::after {
  position: absolute;
  top: 50%;
  right: 17px;
  width: 24px;
  height: 24px;
  transform: translateY(-50%);
  color: var(--fbp-orange-dark);
  font-size: 1.4rem;
  line-height: 22px;
  text-align: center;
  content: "+";
}

.fbp-details[open] summary::after {
  content: "−";
}

.fbp-details-body {
  padding: 0 16px 16px;
}

.fbp-details-body > :last-child {
  margin-bottom: 0;
}

.fbp-callout {
  padding: 18px;
  border-radius: var(--fbp-radius);
  background: var(--fbp-warm);
}

.fbp-callout strong {
  display: block;
  margin-bottom: 5px;
}

.fbp-spectrum {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin: 14px 0;
}

.fbp-spectrum span {
  padding: 9px 7px;
  border-radius: 8px;
  background: var(--fbp-soft);
  font-size: .78rem;
  font-weight: 750;
  text-align: center;
}

.fbp-spectrum .is-active {
  background: var(--fbp-orange);
  color: #111;
}

.fbp-score {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 10px 0;
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--fbp-soft);
}

.fbp-score strong {
  white-space: nowrap;
}

.fbp-media {
  overflow: hidden;
  margin: 18px 0;
  border: 1px solid var(--fbp-line);
  border-radius: var(--fbp-radius);
  background: #fff;
}

.fbp-final {
  padding: 24px;
  border-radius: var(--fbp-radius);
  background: var(--fbp-ink);
  color: #fff;
}

.fbp-final a:not(.fbp-button) {
  color: #fff;
}

.fbp-small {
  color: var(--fbp-muted);
  font-size: .84rem;
}

.fbp-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
}

@media (min-width: 720px) {
  .fbp-compare section {
    margin: 52px 0;
  }

  .fbp-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fbp-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .fbp-trust {
    grid-template-columns: repeat(4, 1fr);
  }

  .fbp-choice {
    padding: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fbp-compare *,
  .fbp-compare *::before,
  .fbp-compare *::after {
    scroll-behavior: auto !important;
  }
}
.fbp-image-placeholder {
  display: grid;
  place-items: center;
  min-height: clamp(220px, 52vw, 520px);
  padding: 24px;
  border: 2px dashed #a9a9a9;
  background:
    linear-gradient(135deg, rgba(255, 102, 0, .06), rgba(255, 255, 255, .85)),
    repeating-linear-gradient(45deg, transparent, transparent 16px, rgba(0, 0, 0, .025) 16px, rgba(0, 0, 0, .025) 32px);
  color: var(--fbp-muted);
  text-align: center;
}

.fbp-image-placeholder strong,
.fbp-image-placeholder span,
.fbp-image-placeholder small {
  display: block;
}

.fbp-image-placeholder strong {
  color: var(--fbp-ink);
  font-size: 1.1rem;
}

.fbp-image-placeholder span {
  font-weight: 800;
}

.fbp-image-placeholder small {
  max-width: 620px;
}


/* Affiliate disclosure, small/subtle text under first outbound product link */
.aff-disclosure { font-size: 11.5px; color: #888; line-height: 1.5; margin: 8px 0 0; }


/* Tier quality label, replaces the old per-row star rating column */
.nk-tier-rating { font-size: 13px; color: #b8860b; font-weight: 700; margin: -4px 0 12px; }


/* Horizontal scroll wrapper for nk-elite-table / nk-tier-table on mobile, prevents column-crush */
.nk-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: 10px; margin: 0 0 12px; }
.nk-table-scroll .nk-tier-table { min-width: 460px; }
.nk-table-scroll .nk-elite-table { min-width: 480px; }
@media (max-width: 640px) { .nk-table-scroll .nk-tier-table { min-width: 420px; } .nk-table-scroll .nk-elite-table { min-width: 440px; } }
.nk-elite-table .nk-elite-name{margin-top:0}


/* ===== kids.html page-specific components ===== */

/* Simple generic comparison table, used for tiers/silo/surface breakdowns */
.fb-simple-table{box-sizing:border-box;width:100%;border-collapse:separate;border-spacing:0;font-family:inherit;font-size:13.5px}
.fb-simple-table th{background:#f5f5f5;color:#111;font-weight:700;padding:10px;text-align:left;border-bottom:.5px solid #e0e0e0}
.fb-simple-table td{padding:10px;text-align:left;vertical-align:top;border-bottom:.5px solid #ebebeb;line-height:1.5}
.fb-simple-table td a{color:#1a5490;font-weight:600;text-decoration:none}
.fb-simple-table td a:hover{text-decoration:underline}

/* Horizontal scroll wrapper for fb-simple-table on mobile */
.fb-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px;margin:0 0 12px}
.fb-table-scroll .fb-simple-table{min-width:560px}
@media (max-width:640px){.fb-table-scroll .fb-simple-table{min-width:520px}}