{"id":7,"date":"2026-08-02T14:41:57","date_gmt":"2026-08-02T14:41:57","guid":{"rendered":"https:\/\/pitchandthread.co.uk\/?page_id=7"},"modified":"2026-08-02T14:43:02","modified_gmt":"2026-08-02T14:43:02","slug":"home","status":"publish","type":"page","link":"https:\/\/pitchandthread.co.uk\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a76f5a e-flex e-con-boxed e-con e-parent\" data-id=\"5a76f5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-093a4d7 elementor-widget elementor-widget-html\" data-id=\"093a4d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>UKSoccerShirts.co.uk \u2013 Retro Football Shirts<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@400;600;700;900&family=Barlow:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --navy: #0A0A0A;\n    --navy-mid: #161616;\n    --navy-light: #222222;\n    --red: #D6122E;\n    --red-dark: #A50D26;\n    --white: #FFFFFF;\n    --off-white: #FFF6E0;\n    --gold: #FFC400;\n    --text-muted: #7A7A7A;\n    --border: #E5E5E2;\n  }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    font-family: 'Barlow', sans-serif;\n    background: var(--navy);\n    color: white;\n    overflow-x: hidden;\n  }\n\n  \/* \u2500\u2500 NAV DROPDOWN \u2500\u2500 *\/\n  .has-dropdown { position: relative; }\n\n  .dropdown {\n    display: none;\n    position: absolute;\n    top: calc(100% + 1px);\n    left: 0;\n    background: var(--navy);\n    border: 1px solid var(--border);\n    border-radius: 8px;\n    box-shadow: 0 8px 32px rgba(13,31,60,0.12);\n    list-style: none;\n    min-width: 180px;\n    padding: 8px 0;\n    z-index: 200;\n  }\n\n  .has-dropdown:hover .dropdown { display: block; }\n\n  .dropdown li a {\n    display: block;\n    padding: 9px 18px;\n    color: var(--navy) !important;\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    letter-spacing: 0.04em;\n    white-space: nowrap;\n    transition: background 0.15s, color 0.15s;\n  }\n\n  .dropdown li a:hover {\n    background: var(--navy);\n    color: var(--red) !important;\n  }\n\n  \/* \u2500\u2500 ANNOUNCEMENT BAR \u2500\u2500 *\/\n  .announcement {\n    background: var(--navy);\n    color: white;\n    text-align: center;\n    padding: 9px 16px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  \/* \u2500\u2500 NAV \u2500\u2500 *\/\n  nav {\n    background: white;\n    padding: 0 24px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    position: sticky;\n    top: 0;\n    z-index: 100;\n    height: 72px;\n    box-shadow: 0 1px 0 rgba(0,0,0,0.1);\n  }\n\n  .nav-logo img {\n    height: 52px;\n    width: auto;\n    display: block;\n  }\n\n  .nav-links {\n    display: flex;\n    gap: 32px;\n    list-style: none;\n  }\n\n  .nav-links a {\n    color: var(--navy);\n    text-decoration: none;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 15px;\n    font-weight: 600;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    transition: color 0.2s;\n  }\n\n  .nav-links a:hover { color: var(--red); }\n\n  .nav-right {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n  }\n\n  .nav-cart {\n    background: var(--red);\n    color: white;\n    border: none;\n    border-radius: 6px;\n    padding: 9px 18px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    transition: background 0.2s;\n  }\n\n  .nav-cart:hover { background: var(--red-dark); }\n\n  .hamburger {\n    display: none;\n    flex-direction: column;\n    gap: 5px;\n    cursor: pointer;\n    background: none;\n    border: none;\n    padding: 4px;\n  }\n\n  .hamburger span {\n    display: block;\n    width: 24px;\n    height: 2px;\n    background: var(--navy);\n    border-radius: 2px;\n    transition: 0.3s;\n  }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .hero {\n    position: relative;\n    min-height: 88vh;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    align-items: center;\n    overflow: hidden;\n    background: var(--red);\n  }\n\n  .hero-bg { display: none; }\n  .hero-overlay { display: none; }\n\n  .hero-img-side {\n    position: relative;\n    height: 100%;\n    min-height: 88vh;\n    overflow: hidden;\n  }\n\n  .hero-img-side img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center top;\n    display: block;\n    transition: transform 8s ease;\n  }\n\n  .hero:hover .hero-img-side img { transform: scale(1.04); }\n\n  .hero-content {\n    position: relative;\n    z-index: 2;\n    padding: 80px 56px 80px 48px;\n  }\n\n  .hero-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    background: var(--gold);\n    color: var(--navy);\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    padding: 6px 14px;\n    border-radius: 3px;\n    margin-bottom: 22px;\n  }\n\n  .hero-eyebrow::before { display: none; }\n\n  .hero h1 {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(48px, 6vw, 88px);\n    font-weight: 900;\n    color: var(--navy);\n    line-height: 0.95;\n    text-transform: uppercase;\n    letter-spacing: -0.01em;\n    margin-bottom: 22px;\n  }\n\n  .hero h1 em {\n    font-style: normal;\n    color: var(--navy);\n    display: block;\n  }\n\n  .hero p {\n    color: var(--gold);\n    font-size: 19px;\n    font-weight: 400;\n    line-height: 1.65;\n    max-width: 520px;\n    margin-bottom: 38px;\n  }\n\n  .hero-ctas {\n    display: flex;\n    gap: 14px;\n    flex-wrap: wrap;\n  }\n\n  .btn-primary {\n    background: var(--red);\n    color: white;\n    border: none;\n    border-radius: 6px;\n    padding: 16px 32px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 17px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    cursor: pointer;\n    text-decoration: none;\n    display: inline-block;\n    transition: background 0.2s, transform 0.15s;\n  }\n\n  .btn-primary:hover { background: var(--red-dark); transform: translateY(-2px); }\n\n  .btn-ghost {\n    background: transparent;\n    color: var(--navy);\n    border: 2px solid var(--border);\n    border-radius: 6px;\n    padding: 14px 28px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 17px;\n    font-weight: 600;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    cursor: pointer;\n    text-decoration: none;\n    display: inline-block;\n    transition: border-color 0.2s, background 0.2s;\n  }\n\n  .btn-ghost:hover { border-color: var(--navy); background: rgba(10,10,10,0.04); }\n\n  .hero .btn-primary {\n    background: var(--navy);\n    color: white;\n  }\n\n  .hero .btn-primary:hover { background: #1A1A1A; transform: translateY(-2px); }\n\n  .hero .btn-ghost {\n    color: var(--navy);\n    border: 2px solid rgba(10,10,10,0.35);\n  }\n\n  .hero .btn-ghost:hover { border-color: var(--navy); background: rgba(10,10,10,0.08); }\n\n\n\n  .hero-scroll-hint {\n    position: absolute;\n    bottom: 28px;\n    left: 50%;\n    transform: translateX(-50%);\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    color: rgba(10,10,10,0.5);\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 11px;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    animation: bounce 2s infinite;\n    grid-column: 1 \/ -1;\n    pointer-events: none;\n  }\n\n  @keyframes bounce {\n    0%, 100% { transform: translateX(-50%) translateY(0); }\n    50% { transform: translateX(-50%) translateY(6px); }\n  }\n\n  .hero-scroll-hint::after {\n    content: '\u2193';\n    font-size: 18px;\n    opacity: 0.5;\n    color: var(--navy);\n  }\n\n  \/* \u2500\u2500 TRUST STRIP \u2500\u2500 *\/\n  .trust-strip {\n    background: var(--navy-mid);\n    padding: 18px 24px;\n  }\n\n  .trust-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n    display: flex;\n    justify-content: center;\n    gap: 40px;\n    flex-wrap: wrap;\n  }\n\n  .trust-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    color: rgba(255,255,255,0.75);\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 14px;\n    font-weight: 600;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n  }\n\n  .trust-item svg {\n    color: var(--gold);\n    flex-shrink: 0;\n  }\n\n  \/* \u2500\u2500 GLOBAL BLACK BG TEXT OVERRIDES \u2500\u2500 *\/\n  .section-title { color: white; }\n  .section-label { color: var(--gold); }\n\n  \/* Collections *\/\n  .collections { background: var(--navy); }\n\n  \/* How it works *\/\n  .how { background: var(--navy); }\n  .step-title { color: white; }\n  .step p { color: rgba(255,255,255,0.55); }\n\n  \/* Reviews *\/\n  .reviews { background: var(--navy); }\n  .review-card { background: #1A1A1A; box-shadow: none; border: 1px solid rgba(255,255,255,0.07); }\n  .review-text { color: rgba(255,255,255,0.8); }\n  .review-name { color: white; }\n  .review-location { color: rgba(255,255,255,0.45); }\n\n  \/* Trust strip *\/\n  .trust-strip { background: #111111; }\n\n  \/* Product card text already fine (dark text on cream card) *\/\n  \/* Filter tabs *\/\n  .filter-tab { color: rgba(255,255,255,0.55); border-color: rgba(255,255,255,0.15); background: transparent; }\n\n  \/* Quality section *\/\n  .quality { background: #111111; }\n\n  \/* Newsletter *\/\n  .newsletter { background: var(--red); }\n\n  \/* Nav dropdown stays white bg \u2014 fine *\/\n  .section-label {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: 0.18em;\n    text-transform: uppercase;\n    color: var(--red);\n    margin-bottom: 10px;\n  }\n\n  .section-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(32px, 5vw, 52px);\n    font-weight: 900;\n    text-transform: uppercase;\n    color: var(--navy);\n    line-height: 1;\n    letter-spacing: -0.01em;\n  }\n\n  \/* \u2500\u2500 FEATURED COLLECTIONS \u2500\u2500 *\/\n  .collections {\n    background: var(--navy);\n    padding: 80px 24px;\n  }\n\n  .collections-inner { max-width: 1100px; margin: 0 auto; }\n\n  .collections-header {\n    margin-bottom: 42px;\n  }\n\n  .collections-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n\n  .collection-card {\n    position: relative;\n    border-radius: 10px;\n    overflow: hidden;\n    aspect-ratio: 3\/4;\n    cursor: pointer;\n    display: block;\n    text-decoration: none;\n  }\n\n  .collection-card img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n  }\n\n  .collection-card:hover img { transform: scale(1.06); }\n\n  .collection-card-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to top, rgba(13,31,60,0.88) 0%, rgba(13,31,60,0.1) 55%);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    padding: 24px;\n  }\n\n  .collection-tag {\n    display: inline-block;\n    background: var(--red);\n    color: white;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    padding: 4px 10px;\n    border-radius: 3px;\n    margin-bottom: 10px;\n    width: fit-content;\n  }\n\n  .collection-name {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 26px;\n    font-weight: 900;\n    color: white;\n    text-transform: uppercase;\n    line-height: 1.1;\n    margin-bottom: 8px;\n  }\n\n  .collection-cta {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,0.65);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color 0.2s;\n  }\n\n  .collection-card:hover .collection-cta { color: white; }\n\n  .collections-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: auto auto;\n    gap: 16px;\n  }\n\n  \/* Full-width Premier League banner *\/\n  .collection-card.full {\n    grid-column: 1 \/ -1;\n    aspect-ratio: 16\/6;\n  }\n\n  .collection-card.full img {\n    object-position: center 40%;\n  }\n\n  \/* International \u2014 spans 2 cols *\/\n  .collection-card.large {\n    grid-column: span 2;\n    aspect-ratio: unset;\n    min-height: 340px;\n  }\n\n  \/* Right stack wrapper *\/\n  .collection-right-stack {\n    grid-column: span 1;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .collection-right-stack .collection-card {\n    flex: 1;\n    aspect-ratio: unset;\n    min-height: 160px;\n  }\n\n  \/* \u2500\u2500 PRODUCT GRID \u2500\u2500 *\/\n  .products {\n    padding: 80px 24px;\n    background: var(--navy);\n  }\n\n  .products .section-label { color: var(--gold); }\n  .products .section-title { color: white; }\n  .products .filter-tab { color: rgba(255,255,255,0.6); border-color: rgba(255,255,255,0.15); }\n  .products .filter-tab.active, .products .filter-tab:hover { background: var(--gold); border-color: var(--gold); color: var(--navy); }\n\n  .products-inner { max-width: 1100px; margin: 0 auto; }\n\n  .products-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    margin-bottom: 40px;\n    flex-wrap: wrap;\n    gap: 16px;\n  }\n\n  .filter-tabs {\n    display: flex;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n\n  .filter-tab {\n    padding: 8px 18px;\n    border: 2px solid var(--border);\n    border-radius: 100px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n    text-transform: uppercase;\n    color: var(--text-muted);\n    cursor: pointer;\n    background: none;\n    transition: 0.2s;\n  }\n\n  .filter-tab.active, .filter-tab:hover {\n    background: var(--navy);\n    border-color: var(--navy);\n    color: white;\n  }\n\n  .product-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 22px;\n  }\n\n  .product-card {\n    border-radius: 8px;\n    overflow: hidden;\n    background: #1A1A1A;\n    border: 1px solid rgba(255,255,255,0.07);\n    cursor: pointer;\n    transition: transform 0.2s, box-shadow 0.2s;\n    position: relative;\n  }\n\n  .product-card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 36px rgba(13,31,60,0.14);\n  }\n\n  .product-img-wrap {\n    position: relative;\n    aspect-ratio: 3\/4;\n    overflow: hidden;\n  }\n\n  .product-img-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.4s;\n  }\n\n  .product-card:hover .product-img-wrap img { transform: scale(1.05); }\n\n  .product-badge {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    background: var(--red);\n    color: white;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    padding: 4px 9px;\n    border-radius: 3px;\n    z-index: 2;\n  }\n\n  .product-badge.new { background: var(--navy); }\n\n  .product-quick {\n    position: absolute;\n    bottom: 12px;\n    left: 12px;\n    right: 12px;\n    background: var(--navy);\n    color: white;\n    border: none;\n    border-radius: 6px;\n    padding: 10px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    cursor: pointer;\n    opacity: 0;\n    transform: translateY(6px);\n    transition: 0.2s;\n    z-index: 2;\n  }\n\n  .product-card:hover .product-quick {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .product-info {\n    padding: 14px 14px 16px;\n  }\n\n  .product-team {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: var(--red);\n    margin-bottom: 4px;\n  }\n\n  .product-name {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 17px;\n    font-weight: 700;\n    color: white;\n    text-transform: uppercase;\n    line-height: 1.2;\n    margin-bottom: 10px;\n  }\n\n  .product-price-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .product-price {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 20px;\n    font-weight: 900;\n    color: white;\n  }\n\n  .product-price .was {\n    font-size: 14px;\n    font-weight: 400;\n    color: rgba(255,255,255,0.4);\n    text-decoration: line-through;\n    margin-right: 6px;\n  }\n\n  .product-size-dots {\n    display: flex;\n    gap: 4px;\n  }\n\n  .size-dot {\n    width: 22px;\n    height: 22px;\n    border-radius: 50%;\n    border: 1.5px solid rgba(255,255,255,0.2);\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 9px;\n    font-weight: 700;\n    color: rgba(255,255,255,0.5);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  \/* \u2500\u2500 QUALITY SECTION \u2500\u2500 *\/\n  .quality {\n    background: var(--navy);\n    padding: 80px 24px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .quality::before {\n    content: '';\n    position: absolute;\n    top: -60px;\n    right: -80px;\n    width: 400px;\n    height: 400px;\n    border: 60px solid rgba(200,16,46,0.08);\n    border-radius: 50%;\n  }\n\n  .quality-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    align-items: center;\n  }\n\n  .quality-img {\n    border-radius: 10px;\n    overflow: hidden;\n    aspect-ratio: 4\/3;\n    position: relative;\n  }\n\n  .quality-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .quality-img-label {\n    position: absolute;\n    bottom: 20px;\n    left: 20px;\n    background: var(--red);\n    color: white;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    padding: 8px 16px;\n    border-radius: 5px;\n  }\n\n  .quality-text .section-label { color: var(--gold); }\n  .quality-text .section-title { color: white; margin-bottom: 20px; }\n\n  .quality-text p {\n    color: rgba(255,255,255,0.68);\n    font-size: 16px;\n    line-height: 1.7;\n    margin-bottom: 32px;\n  }\n\n  .quality-list {\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .quality-list li {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    color: rgba(255,255,255,0.82);\n    font-size: 15px;\n    font-family: 'Barlow', sans-serif;\n  }\n\n  .quality-list li::before {\n    content: '';\n    flex-shrink: 0;\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--red);\n  }\n\n  \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n  .how {\n    padding: 80px 24px;\n    background: var(--navy);\n  }\n\n  .how-inner { max-width: 900px; margin: 0 auto; text-align: center; }\n\n  .how-inner .section-label { text-align: center; }\n  .how-inner .section-title { margin-bottom: 50px; }\n\n  .steps {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    position: relative;\n  }\n\n  .steps::before {\n    content: '';\n    position: absolute;\n    top: 30px;\n    left: 12%;\n    right: 12%;\n    height: 2px;\n    background: repeating-linear-gradient(90deg, var(--red) 0, var(--red) 8px, transparent 8px, transparent 16px);\n    z-index: 0;\n  }\n\n  .step {\n    position: relative;\n    z-index: 1;\n    text-align: center;\n  }\n\n  .step-icon {\n    width: 60px;\n    height: 60px;\n    border-radius: 50%;\n    background: var(--gold);\n    color: var(--navy);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0 auto 16px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 22px;\n    font-weight: 900;\n  }\n\n  .step-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 17px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--navy);\n    margin-bottom: 8px;\n  }\n\n  .step p {\n    font-size: 14px;\n    color: var(--text-muted);\n    line-height: 1.5;\n  }\n\n  \/* \u2500\u2500 REVIEWS \u2500\u2500 *\/\n  .reviews {\n    padding: 80px 24px;\n    background: var(--navy);\n  }\n\n  .reviews-inner { max-width: 1100px; margin: 0 auto; }\n\n  .reviews-header { margin-bottom: 40px; }\n\n  .reviews-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n  }\n\n  .review-card {\n    background: var(--navy);\n    border-radius: 10px;\n    padding: 28px;\n    box-shadow: 0 2px 12px rgba(0,0,0,0.04);\n  }\n\n  .review-stars {\n    color: var(--gold);\n    font-size: 18px;\n    margin-bottom: 14px;\n    letter-spacing: 2px;\n  }\n\n  .review-text {\n    font-size: 15px;\n    color: var(--navy);\n    line-height: 1.65;\n    margin-bottom: 20px;\n    font-style: italic;\n  }\n\n  .review-author {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .review-avatar {\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    background: var(--navy);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 16px;\n    font-weight: 700;\n    flex-shrink: 0;\n  }\n\n  .review-name {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--navy);\n  }\n\n  .review-location {\n    font-size: 13px;\n    color: var(--text-muted);\n  }\n\n  \/* \u2500\u2500 NEWSLETTER \u2500\u2500 *\/\n  .newsletter {\n    background: var(--red);\n    padding: 60px 24px;\n  }\n\n  .newsletter-inner {\n    max-width: 600px;\n    margin: 0 auto;\n    text-align: center;\n  }\n\n  .newsletter h2 {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: clamp(28px, 4vw, 40px);\n    font-weight: 900;\n    text-transform: uppercase;\n    color: white;\n    line-height: 1.1;\n    margin-bottom: 12px;\n  }\n\n  .newsletter p {\n    color: rgba(255,255,255,0.8);\n    font-size: 15px;\n    margin-bottom: 28px;\n  }\n\n  .newsletter-form {\n    display: flex;\n    gap: 10px;\n    max-width: 440px;\n    margin: 0 auto;\n  }\n\n  .newsletter-form input {\n    flex: 1;\n    padding: 14px 18px;\n    border-radius: 6px;\n    border: none;\n    font-size: 15px;\n    font-family: 'Barlow', sans-serif;\n    outline: none;\n  }\n\n  .newsletter-form button {\n    background: var(--navy);\n    color: white;\n    border: none;\n    border-radius: 6px;\n    padding: 14px 22px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 15px;\n    font-weight: 700;\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    cursor: pointer;\n    white-space: nowrap;\n    transition: background 0.2s;\n  }\n\n  .newsletter-form button:hover { background: #0A1628; }\n\n  \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n  footer {\n    background: #080F1E;\n    padding: 60px 24px 32px;\n  }\n\n  .footer-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .footer-top {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr 1fr 1fr;\n    gap: 40px;\n    margin-bottom: 48px;\n  }\n\n  .footer-brand img {\n    height: 64px;\n    width: auto;\n    margin-bottom: 16px;\n    display: block;\n  }\n\n  .footer-brand p {\n    color: rgba(255,255,255,0.5);\n    font-size: 14px;\n    line-height: 1.65;\n    max-width: 260px;\n  }\n\n  .footer-col h4 {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    color: white;\n    margin-bottom: 16px;\n  }\n\n  .footer-col ul { list-style: none; }\n\n  .footer-col ul li {\n    margin-bottom: 10px;\n  }\n\n  .footer-col ul li a {\n    color: rgba(255,255,255,0.5);\n    text-decoration: none;\n    font-size: 14px;\n    transition: color 0.2s;\n  }\n\n  .footer-col ul li a:hover { color: white; }\n\n  .footer-bottom {\n    border-top: 1px solid rgba(255,255,255,0.08);\n    padding-top: 24px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: gap;\n    gap: 12px;\n  }\n\n  .footer-bottom p {\n    color: rgba(255,255,255,0.35);\n    font-size: 13px;\n  }\n\n  .footer-cards {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n\n  .footer-card {\n    background: rgba(255,255,255,0.08);\n    border-radius: 4px;\n    padding: 4px 8px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    color: rgba(255,255,255,0.5);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n  }\n\n  \/* \u2500\u2500 MOBILE MENU \u2500\u2500 *\/\n  .mobile-menu {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--navy);\n    z-index: 200;\n    flex-direction: column;\n    padding: 0;\n  }\n\n  .mobile-menu.open { display: flex; }\n\n  .mobile-menu-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 24px;\n    border-bottom: 1px solid rgba(255,255,255,0.1);\n    height: 72px;\n  }\n\n  .mobile-menu-header img {\n    height: 44px;\n    width: auto;\n  }\n\n  .mobile-close {\n    background: none;\n    border: none;\n    color: white;\n    font-size: 30px;\n    cursor: pointer;\n    line-height: 1;\n    padding: 4px;\n  }\n\n  .mobile-nav-links {\n    list-style: none;\n    padding: 28px 24px;\n    flex: 1;\n  }\n\n  .mobile-nav-links li {\n    border-bottom: 1px solid rgba(255,255,255,0.07);\n  }\n\n  .mobile-nav-links a {\n    display: block;\n    color: white;\n    text-decoration: none;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 26px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    padding: 16px 0;\n  }\n\n  .mobile-menu-footer {\n    padding: 24px;\n    border-top: 1px solid rgba(255,255,255,0.1);\n  }\n\n  .mobile-menu-footer .btn-primary {\n    width: 100%;\n    text-align: center;\n    font-size: 18px;\n    padding: 18px;\n  }\n\n  \/* \u2500\u2500 SCROLL REVEAL \u2500\u2500 *\/\n  .reveal {\n    opacity: 0;\n    transform: translateY(28px);\n    transition: opacity 0.6s ease, transform 0.6s ease;\n  }\n\n  .reveal.visible {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .reveal-delay-1 { transition-delay: 0.1s; }\n  .reveal-delay-2 { transition-delay: 0.2s; }\n  .reveal-delay-3 { transition-delay: 0.3s; }\n  .reveal-delay-4 { transition-delay: 0.4s; }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 1024px) {\n    .product-grid { grid-template-columns: repeat(3, 1fr); }\n    .footer-top { grid-template-columns: 1fr 1fr; }\n    .reviews-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  @media (max-width: 768px) {\n    .nav-links, .nav-cart { display: none; }\n    .hamburger { display: flex; }\n\n    \/* Bigger logo on mobile *\/\n    .nav-logo img { height: 58px; }\n    nav { height: 80px; }\n\n    \/* Hero stacks: image top, text bottom *\/\n    .hero {\n      grid-template-columns: 1fr;\n      min-height: auto;\n    }\n\n    .hero-img-side {\n      min-height: 52vw;\n      max-height: 360px;\n      order: -1;\n    }\n\n    .hero-content { padding: 36px 24px 48px; }\n\n    .collections-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .collection-card.full,\n    .collection-card.large {\n      grid-column: span 1;\n      min-height: 220px;\n      aspect-ratio: 16\/8;\n    }\n\n    .collection-right-stack {\n      grid-column: span 1;\n      flex-direction: row;\n    }\n\n    .collection-right-stack .collection-card {\n      min-height: 160px;\n      flex: 1;\n    }\n\n    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }\n\n    .quality-inner {\n      grid-template-columns: 1fr;\n      gap: 36px;\n    }\n\n    .steps {\n      grid-template-columns: 1fr 1fr;\n      gap: 28px;\n    }\n\n    .steps::before { display: none; }\n\n    .reviews-grid { grid-template-columns: 1fr; }\n\n    .newsletter-form {\n      flex-direction: column;\n    }\n\n    .footer-top { grid-template-columns: 1fr 1fr; gap: 28px; }\n    .footer-brand { grid-column: span 2; }\n  }\n\n  @media (max-width: 480px) {\n    .nav-logo img { height: 54px; }\n\n    .collections-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .collection-right-stack {\n      flex-direction: column;\n    }\n\n    .product-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\n    .steps { grid-template-columns: 1fr; }\n\n    .footer-top { grid-template-columns: 1fr; }\n    .footer-brand { grid-column: span 1; }\n    .footer-bottom { flex-direction: column; text-align: center; }\n\n    .trust-inner { gap: 16px; }\n    .trust-item { font-size: 12px; }\n\n    .hero { min-height: 100svh; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- Announcement Bar -->\n<div class=\"announcement\">\n  \ud83c\uddec\ud83c\udde7 Free UK Delivery on Orders Over \u00a340 &nbsp;\u00b7&nbsp; New Arrivals Every Week\n<\/div>\n\n<!-- Nav -->\n<nav>\n  <a class=\"nav-logo\" href=\"#\">\n    <img decoding=\"async\" src=\"https:\/\/mediumslateblue-narwhal-844876.hostingersite.com\/wp-content\/uploads\/2026\/07\/38dd6c48-2efa-4ad7-a335-73373445b957.jpeg\" alt=\"UKSoccerShirts.co.uk\">\n  <\/a>\n    <ul class=\"nav-links\">\n    <li><a href=\"#\">Shop All<\/a><\/li>\n    <li class=\"has-dropdown\">\n      <a href=\"#\">Leagues \u25be<\/a>\n      <ul class=\"dropdown\">\n        <li><a href=\"premier-league.html\">Premier League<\/a><\/li>\n        <li><a href=\"championship.html\">Championship<\/a><\/li>\n        <li><a href=\"la-liga.html\">La Liga<\/a><\/li>\n        <li><a href=\"serie-a.html\">Serie A<\/a><\/li>\n        <li><a href=\"ligue-1.html\">Ligue 1<\/a><\/li>\n        <li><a href=\"bundesliga.html\">Bundesliga<\/a><\/li>\n        <li><a href=\"scottish-league.html\">Scottish League<\/a><\/li>\n        <li><a href=\"eredivisie.html\">Eredivisie<\/a><\/li>\n        <li><a href=\"liga-portugal.html\">Liga Portugal<\/a><\/li>\n      <\/ul>\n    <\/li>\n    <li class=\"has-dropdown\">\n      <a href=\"#\">More \u25be<\/a>\n      <ul class=\"dropdown\">\n        <li><a href=\"international.html\">International<\/a><\/li>\n        <li><a href=\"world-cup-2026.html\">World Cup 2026<\/a><\/li>\n        <li><a href=\"retro.html\">Retro<\/a><\/li>\n        <li><a href=\"kids.html\">Kids<\/a><\/li>\n        <li><a href=\"women.html\">Women<\/a><\/li>\n        <li><a href=\"tracksuits.html\">Tracksuits<\/a><\/li>\n        <li><a href=\"other.html\">Other<\/a><\/li>\n      <\/ul>\n    <\/li>\n    <li><a href=\"#\" style=\"color:var(--red);font-weight:700;\">Sale<\/a><\/li>\n  <\/ul>\n  <div class=\"nav-right\">\n    <button class=\"nav-cart\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"\/><circle cx=\"20\" cy=\"21\" r=\"1\"\/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"\/><\/svg>\n      Bag (0)\n    <\/button>\n    <button class=\"hamburger\" onclick=\"document.querySelector('.mobile-menu').classList.add('open')\">\n      <span><\/span><span><\/span><span><\/span>\n    <\/button>\n  <\/div>\n<\/nav>\n\n<!-- Mobile Menu -->\n<div class=\"mobile-menu\">\n  <div class=\"mobile-menu-header\">\n    <img decoding=\"async\" src=\"https:\/\/mediumslateblue-narwhal-844876.hostingersite.com\/wp-content\/uploads\/2026\/07\/38dd6c48-2efa-4ad7-a335-73373445b957.jpeg\" alt=\"UKSoccerShirts\">\n    <button class=\"mobile-close\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">\u2715<\/button>\n  <\/div>\n  <ul class=\"mobile-nav-links\">\n    <li><a href=\"#\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Shop All<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Premier League<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Championship<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">La Liga<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Serie A<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Ligue 1<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Bundesliga<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Scottish League<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Eredivisie<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Liga Portugal<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">International<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">World Cup 2026<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Retro<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Kids<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Women<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Tracksuits<\/a><\/li>\n    <li><a href=\"serie-a.html\" onclick=\"document.querySelector('.mobile-menu').classList.remove('open')\">Other<\/a><\/li>\n  <\/ul>\n  <div class=\"mobile-menu-footer\">\n    <a href=\"#\" class=\"btn-primary\">View All Shirts<\/a>\n  <\/div>\n<\/div>\n\n<!-- Hero -->\n<section class=\"hero\">\n  <div class=\"hero-content\">\n    <div class=\"hero-eyebrow\">UKSoccerShirts.co.uk<\/div>\n    <h1>\n      Premier League\n      <em>&amp; International<\/em>\n    <\/h1>\n    <p>Shop iconic Premier League and International shirts \u2014 plus a full range of retro classics from across the decades. Delivered fast across the UK.<\/p>\n    <div class=\"hero-ctas\">\n      <a href=\"#\" class=\"btn-primary\">Shop Premier League<\/a>\n      <a href=\"#\" class=\"btn-ghost\">International Shirts<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hero-img-side\">\n    <img decoding=\"async\" src=\"https:\/\/mediumslateblue-narwhal-844876.hostingersite.com\/wp-content\/uploads\/2026\/07\/images-5.jpeg\" alt=\"Retro football shirts collection\">\n  <\/div>\n  <div class=\"hero-scroll-hint\">Scroll<\/div>\n<\/section>\n\n<!-- Trust Strip -->\n<div class=\"trust-strip\">\n  <div class=\"trust-inner\">\n    <div class=\"trust-item\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n      Quality Checked\n    <\/div>\n    <div class=\"trust-item\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\n      Free UK Delivery \u00a340+\n    <\/div>\n    <div class=\"trust-item\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n      Secure Checkout\n    <\/div>\n    <div class=\"trust-item\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"1 4 1 10 7 10\"\/><path d=\"M3.51 15a9 9 0 1 0 .49-3.65\"\/><\/svg>\n      Easy Returns\n    <\/div>\n    <div class=\"trust-item\">\n      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"\/><\/svg>\n      UK Owned & Operated\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Collections -->\n<section class=\"collections\">\n  <div class=\"collections-inner\">\n    <div class=\"collections-header reveal\">\n      <div class=\"section-label\">Browse by Category<\/div>\n      <h2 class=\"section-title\">What We Stock<\/h2>\n    <\/div>\n    <div class=\"collections-grid\">\n\n      <!-- Premier League \u2014 full width top -->\n      <a href=\"#\" class=\"collection-card full reveal\">\n        <img decoding=\"async\" src=\"https:\/\/mediumslateblue-narwhal-844876.hostingersite.com\/wp-content\/uploads\/2026\/06\/Shirt-Lineup-3-e1627032584463-992x560-1.png\" alt=\"Premier League Shirts\" loading=\"lazy\" style=\"object-position: center center;\">\n        <div class=\"collection-card-overlay\">\n          <span class=\"collection-tag\">Most Popular<\/span>\n          <div class=\"collection-name\">Premier League Shirts<\/div>\n          <div class=\"collection-cta\">View Collection \u2192<\/div>\n        <\/div>\n      <\/a>\n\n      <!-- International \u2014 large left -->\n      <a href=\"#\" class=\"collection-card large reveal reveal-delay-1\">\n        <img decoding=\"async\" src=\"https:\/\/mediumslateblue-narwhal-844876.hostingersite.com\/wp-content\/uploads\/2026\/06\/1_Untitled-1.avif\" alt=\"International Shirts\" loading=\"lazy\">\n        <div class=\"collection-card-overlay\">\n          <span class=\"collection-tag\">International<\/span>\n          <div class=\"collection-name\">International Shirts<\/div>\n          <div class=\"collection-cta\">View Collection \u2192<\/div>\n        <\/div>\n      <\/a>\n\n      <!-- Retro \u2014 smaller right, stacked with stock image below -->\n      <div class=\"collection-right-stack\">\n        <a href=\"#\" class=\"collection-card reveal reveal-delay-2\">\n          <img decoding=\"async\" src=\"https:\/\/mediumslateblue-narwhal-844876.hostingersite.com\/wp-content\/uploads\/2026\/06\/TELEMMGLPICT000435339632_17549386083260_trans_NvBQzQNjv4BqqVzuuqpFlyLIwiB6NTmJwfSVWeZ_vEN7c6bHu2jJnT8.jpeg\" alt=\"Retro Shirts\" loading=\"lazy\">\n          <div class=\"collection-card-overlay\">\n            <span class=\"collection-tag\">Retro<\/span>\n            <div class=\"collection-name\">Retro Classics<\/div>\n            <div class=\"collection-cta\">View Collection \u2192<\/div>\n          <\/div>\n        <\/a>\n        <a href=\"#\" class=\"collection-card reveal reveal-delay-3\">\n          <img decoding=\"async\" src=\"https:\/\/mediumslateblue-narwhal-844876.hostingersite.com\/wp-content\/uploads\/2026\/06\/42dc620b-19cc-464d-9369-5f70c5cabbe9.jpg\" alt=\"Retro Football Shirts\" loading=\"lazy\">\n          <div class=\"collection-card-overlay\">\n            <span class=\"collection-tag\">New In<\/span>\n            <div class=\"collection-name\">New Arrivals<\/div>\n            <div class=\"collection-cta\">Shop Now \u2192<\/div>\n          <\/div>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Products -->\n<section class=\"products\" id=\"shop\">\n  <div class=\"products-inner\">\n    <div class=\"products-header reveal\">\n      <div>\n        <div class=\"section-label\">New In<\/div>\n        <h2 class=\"section-title\">Just Arrived<\/h2>\n      <\/div>\n      <div class=\"filter-tabs\">\n        <button class=\"filter-tab active\" onclick=\"setTab(this)\">All<\/button>\n        <button class=\"filter-tab\" onclick=\"setTab(this)\">Clubs<\/button>\n        <button class=\"filter-tab\" onclick=\"setTab(this)\">International<\/button>\n        <button class=\"filter-tab\" onclick=\"setTab(this)\">80s<\/button>\n        <button class=\"filter-tab\" onclick=\"setTab(this)\">90s<\/button>\n      <\/div>\n    <\/div>\n    <div class=\"product-grid\">\n\n      <div class=\"product-card reveal\">\n        <div class=\"product-img-wrap\">\n          <span class=\"product-badge\">Sale<\/span>\n          <img decoding=\"async\" src=\"https:\/\/mediumslateblue-narwhal-844876.hostingersite.com\/wp-content\/uploads\/2026\/06\/re_1776281765_2026-2027-england-nike-home-football-shirt-650x0-1.jpg\" alt=\"England Home Shirt\" loading=\"lazy\">\n          <button class=\"product-quick\">Quick Add<\/button>\n        <\/div>\n        <div class=\"product-info\">\n          <div class=\"product-team\">England<\/div>\n          <div class=\"product-name\">1990 Home Shirt<\/div>\n          <div class=\"product-price-row\">\n            <div class=\"product-price\"><span class=\"was\">\u00a355<\/span>\u00a339<\/div>\n            <div class=\"product-size-dots\">\n              <div class=\"size-dot\">S<\/div>\n              <div class=\"size-dot\">M<\/div>\n              <div class=\"size-dot\">L<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"product-card reveal reveal-delay-1\">\n        <div class=\"product-img-wrap\">\n          <span class=\"product-badge new\">New<\/span>\n          <img decoding=\"async\" src=\"https:\/\/mediumslateblue-narwhal-844876.hostingersite.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-10-at-14.46.30.png\" alt=\"Premier League Shirt\" loading=\"lazy\">\n          <button class=\"product-quick\">Quick Add<\/button>\n        <\/div>\n        <div class=\"product-info\">\n          <div class=\"product-team\">Premier League<\/div>\n          <div class=\"product-name\">Classic Away Kit<\/div>\n          <div class=\"product-price-row\">\n            <div class=\"product-price\">\u00a345<\/div>\n            <div class=\"product-size-dots\">\n              <div class=\"size-dot\">M<\/div>\n              <div class=\"size-dot\">L<\/div>\n              <div class=\"size-dot\">XL<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"product-card reveal reveal-delay-2\">\n        <div class=\"product-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/mediumslateblue-narwhal-844876.hostingersite.com\/wp-content\/uploads\/2026\/06\/42dc620b-19cc-464d-9369-5f70c5cabbe9.jpg\" alt=\"Retro Shirt\" loading=\"lazy\">\n          <button class=\"product-quick\">Quick Add<\/button>\n        <\/div>\n        <div class=\"product-info\">\n          <div class=\"product-team\">European Club<\/div>\n          <div class=\"product-name\">Vintage Third Kit<\/div>\n          <div class=\"product-price-row\">\n            <div class=\"product-price\">\u00a349<\/div>\n            <div class=\"product-size-dots\">\n              <div class=\"size-dot\">S<\/div>\n              <div class=\"size-dot\">L<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"product-card reveal reveal-delay-3\">\n        <div class=\"product-img-wrap\">\n          <span class=\"product-badge\">Sale<\/span>\n          <img decoding=\"async\" src=\"https:\/\/mediumslateblue-narwhal-844876.hostingersite.com\/wp-content\/uploads\/2026\/06\/PSG-Home-Shirt-Nike-2015-16-kit_1200x.webp\" alt=\"PSG Shirt\" loading=\"lazy\">\n          <button class=\"product-quick\">Quick Add<\/button>\n        <\/div>\n        <div class=\"product-info\">\n          <div class=\"product-team\">International<\/div>\n          <div class=\"product-name\">PSG 2015\/16 Home Shirt<\/div>\n          <div class=\"product-price-row\">\n            <div class=\"product-price\"><span class=\"was\">\u00a350<\/span>\u00a334<\/div>\n            <div class=\"product-size-dots\">\n              <div class=\"size-dot\">M<\/div>\n              <div class=\"size-dot\">XL<\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Quality -->\n<section class=\"quality\">\n  <div class=\"quality-inner\">\n    <div class=\"quality-img reveal\">\n      <img decoding=\"async\" src=\"https:\/\/mediumslateblue-narwhal-844876.hostingersite.com\/wp-content\/uploads\/2026\/06\/authentic-retro-football-shirt-badge-stitching-quality-check-mystery-jersey-king-1.webp\" alt=\"Quality check\" loading=\"lazy\">\n      <div class=\"quality-img-label\">Quality Guaranteed<\/div>\n    <\/div>\n    <div class=\"quality-text reveal reveal-delay-1\">\n      <div class=\"section-label\">Our Promise<\/div>\n      <h2 class=\"section-title\">Every Shirt, Checked.<\/h2>\n      <p>We know how much a football shirt means \u2014 it's not just fabric, it's a memory. That's why every shirt in our collection goes through a proper quality check before it reaches you.<\/p>\n      <ul class=\"quality-list\">\n        <li>Badge and crest stitching inspected<\/li>\n        <li>Colour accuracy verified against original<\/li>\n        <li>Material and fabric condition checked<\/li>\n        <li>Accurate sizing label confirmed<\/li>\n        <li>Packaged with care, ready to gift<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- How it Works -->\n<section class=\"how\">\n  <div class=\"how-inner\">\n    <div class=\"section-label\">How It Works<\/div>\n    <h2 class=\"section-title reveal\">From Browse to Doorstep<\/h2>\n    <div class=\"steps\">\n      <div class=\"step reveal\">\n        <div class=\"step-icon\">1<\/div>\n        <div class=\"step-title\">Browse<\/div>\n        <p>Explore hundreds of shirts sorted by club, era, or international team.<\/p>\n      <\/div>\n      <div class=\"step reveal reveal-delay-1\">\n        <div class=\"step-icon\">2<\/div>\n        <div class=\"step-title\">Select<\/div>\n        <p>Pick your size and add to bag. No accounts required to checkout.<\/p>\n      <\/div>\n      <div class=\"step reveal reveal-delay-2\">\n        <div class=\"step-icon\">3<\/div>\n        <div class=\"step-title\">We Check<\/div>\n        <p>We inspect and carefully pack your order before it ships.<\/p>\n      <\/div>\n      <div class=\"step reveal reveal-delay-3\">\n        <div class=\"step-icon\">4<\/div>\n        <div class=\"step-title\">Delivered<\/div>\n        <p>Fast UK delivery right to your door \u2014 tracked and insured.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Reviews -->\n<section class=\"reviews\">\n  <div class=\"reviews-inner\">\n    <div class=\"reviews-header reveal\">\n      <div class=\"section-label\">Customer Reviews<\/div>\n      <h2 class=\"section-title\">What Our Customers Say<\/h2>\n    <\/div>\n    <div class=\"reviews-grid\">\n      <div class=\"review-card reveal\">\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"review-text\">\"Absolutely buzzing with my order. The shirt arrived in perfect condition, exactly as described. Packaging was great too \u2014 came in a proper poly bag, not just chucked in an envelope.\"<\/p>\n        <div class=\"review-author\">\n          <div class=\"review-avatar\">JT<\/div>\n          <div>\n            <div class=\"review-name\">James T.<\/div>\n            <div class=\"review-location\">Manchester<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"review-card reveal reveal-delay-1\">\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"review-text\">\"Found a shirt I'd been searching for years \u2014 couldn't believe it was in stock. Ordered Monday, arrived Wednesday. Can't ask for more than that.\"<\/p>\n        <div class=\"review-author\">\n          <div class=\"review-avatar\">SR<\/div>\n          <div>\n            <div class=\"review-name\">Steve R.<\/div>\n            <div class=\"review-location\">Birmingham<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"review-card reveal reveal-delay-2\">\n        <div class=\"review-stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n        <p class=\"review-text\">\"Bought as a birthday gift for my dad \u2014 he was proper emotional when he opened it. The quality check definitely shows, it was in brilliant condition.\"<\/p>\n        <div class=\"review-author\">\n          <div class=\"review-avatar\">KL<\/div>\n          <div>\n            <div class=\"review-name\">Kieran L.<\/div>\n            <div class=\"review-location\">Leeds<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Newsletter -->\n<section class=\"newsletter\">\n  <div class=\"newsletter-inner\">\n    <h2 reveal>New Shirts Land Every Week<\/h2>\n    <p>Get first access to new arrivals, exclusive drops, and members-only deals straight to your inbox.<\/p>\n    <div class=\"newsletter-form\">\n      <input type=\"email\" placeholder=\"Your email address\">\n      <button type=\"button\">Subscribe<\/button>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- Footer -->\n<footer>\n  <div class=\"footer-inner\">\n    <div class=\"footer-top\">\n      <div class=\"footer-brand\">\n        <img decoding=\"async\" src=\"https:\/\/mediumslateblue-narwhal-844876.hostingersite.com\/wp-content\/uploads\/2026\/07\/38dd6c48-2efa-4ad7-a335-73373445b957.jpeg\" alt=\"UKSoccerShirts\">\n        <p>The UK's home of retro football shirts. Sourced, checked, and dispatched with care \u2014 because every shirt tells a story.<\/p>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Shop<\/h4>\n        <ul>\n          <li><a href=\"#\">All Shirts<\/a><\/li>\n          <li><a href=\"#\">Premier League<\/a><\/li>\n          <li><a href=\"#\">International<\/a><\/li>\n          <li><a href=\"#\">80s Era<\/a><\/li>\n          <li><a href=\"#\">90s Era<\/a><\/li>\n          <li><a href=\"#\">Sale<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>Help<\/h4>\n        <ul>\n          <li><a href=\"#\">Delivery Info<\/a><\/li>\n          <li><a href=\"#\">Returns Policy<\/a><\/li>\n          <li><a href=\"#\">Sizing Guide<\/a><\/li>\n          <li><a href=\"mailto:Uksoccershirts@hotmail.com\">Uksoccershirts@hotmail.com<\/a><\/li>\n          <li><a href=\"#\">Track Your Order<\/a><\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"footer-col\">\n        <h4>About<\/h4>\n        <ul>\n          <li><a href=\"#\">Our Story<\/a><\/li>\n          <li><a href=\"#\">Quality Promise<\/a><\/li>\n          <li><a href=\"#\">Privacy Policy<\/a><\/li>\n          <li><a href=\"#\">Terms & Conditions<\/a><\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"footer-bottom\">\n      <p>\u00a9 2026 UKSoccerShirts.co.uk \u00b7 All rights reserved<\/p>\n      <div class=\"footer-cards\">\n        <div class=\"footer-card\">Visa<\/div>\n        <div class=\"footer-card\">Mastercard<\/div>\n        <div class=\"footer-card\">PayPal<\/div>\n        <div class=\"footer-card\">Klarna<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/footer>\n\n<script>\n  \/\/ Filter tabs\n  function setTab(el) {\n    document.querySelectorAll('.filter-tab').forEach(t => t.classList.remove('active'));\n    el.classList.add('active');\n  }\n\n  \/\/ Scroll reveal\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach(e => {\n      if (e.isIntersecting) {\n        e.target.classList.add('visible');\n        observer.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\n\n  document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n  \/\/ Close mobile menu on ESC\n  document.addEventListener('keydown', e => {\n    if (e.key === 'Escape') {\n      document.querySelector('.mobile-menu').classList.remove('open');\n    }\n  });\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>UKSoccerShirts.co.uk \u2013 Retro Football Shirts \ud83c\uddec\ud83c\udde7 Free UK Delivery on Orders Over \u00a340 &nbsp;\u00b7&nbsp; New Arrivals Every Week Shop All Leagues \u25be Premier League Championship La Liga Serie A Ligue 1 Bundesliga Scottish League Eredivisie Liga Portugal More \u25be International World Cup 2026 Retro Kids Women Tracksuits Other Sale Bag (0) \u2715 Shop All Premier [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pitchandthread.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pitchandthread.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pitchandthread.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pitchandthread.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pitchandthread.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":4,"href":"https:\/\/pitchandthread.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/pitchandthread.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/pitchandthread.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}