<section id="fp-retail-page" class="fp-retail-page" data-page="fashion-personnel-retail">
  <style>
    .fp-retail-page {
      --fp-ink: #000000;
      --fp-muted: #374047;
      --fp-soft: #eff2f4;
      --fp-card: #ffffff;
      --fp-accent: #b3b3b3;
      --fp-accent-dark: #374047;
      --fp-border: #dde1e4;
      --fp-green: #000000;
      --fp-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
      color: var(--fp-ink);
      font-family: Arial, Helvetica, sans-serif;
      line-height: 1.6;
      background: linear-gradient(180deg, #eff2f4 0%, #ffffff 42%, #eff2f4 100%);
      overflow: hidden;
    }
    .fp-retail-page * {
      box-sizing: border-box;
    }
    .fp-wrap {
      width: min(1120px, calc(100% - 32px));
      margin: 0 auto;
    }
    .fp-hero {
      padding: 70px 0 46px;
    }
    .fp-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 7px 12px;
      border: 1px solid var(--fp-border);
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.78);
      color: var(--fp-accent-dark);
      font-size: 0.86rem;
      font-weight: 700;
      letter-spacing: 0.02em;
      text-transform: uppercase;
    }
    .fp-kicker::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--fp-accent);
      display: inline-block;
    }
    .fp-hero h1 {
      margin: 18px 0 18px;
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: clamp(2.3rem, 6vw, 5rem);
      line-height: 0.96;
      letter-spacing: -0.06em;
      max-width: 900px;
      color: var(--fp-ink);
    }
    .fp-hero h1 span {
      color: var(--fp-accent-dark);
    }
    .fp-lede {
      max-width: 900px;
      color: var(--fp-muted);
      font-size: clamp(1.04rem, 1.8vw, 1.25rem);
      margin: 0 0 28px;
    }
    .fp-hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
      max-width: 900px;
      margin-bottom: 28px;
    }
    .fp-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      border-radius: 999px;
      padding: 13px 20px;
      border: 1px solid transparent;
      text-decoration: none;
      font-weight: 800;
      transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
      cursor: pointer;
      font: inherit;
    }
    .fp-btn-primary {
      background: var(--fp-ink);
      color: #ffffff;
      box-shadow: 0 12px 25px rgba(0, 0, 0, 0.12);
    }
    .fp-btn-secondary {
      background: #ffffff;
      color: var(--fp-ink);
      border-color: var(--fp-border);
    }
    .fp-btn:hover,
    .fp-btn:focus-visible {
      transform: translateY(-2px);
      box-shadow: var(--fp-shadow);
    }
    .fp-stats {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      max-width: 900px;
    }
    .fp-stat {
      border: 1px solid var(--fp-border);
      border-radius: 20px;
      padding: 16px;
      background: #ffffff;
    }
    .fp-stat strong {
      display: block;
      font-size: 1.7rem;
      letter-spacing: -0.04em;
      color: var(--fp-accent-dark);
      line-height: 1;
    }
    .fp-stat span {
      display: block;
      margin-top: 7px;
      color: var(--fp-muted);
      font-size: 0.94rem;
    }
    .fp-section {
      padding: 42px 0;
    }
    .fp-section-head {
      max-width: 780px;
      margin-bottom: 24px;
    }
    .fp-section-head h2 {
      margin: 0 0 10px;
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: clamp(1.75rem, 3vw, 2.65rem);
      line-height: 1.05;
      letter-spacing: -0.04em;
      color: var(--fp-ink);
    }
    .fp-section-head p {
      margin: 0;
      color: var(--fp-muted);
      font-size: 1.04rem;
    }
    .fp-chip-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 11px;
    }
    .fp-chip {
      display: inline-flex;
      padding: 10px 14px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid var(--fp-border);
      font-weight: 750;
      color: var(--fp-ink);
      text-decoration: none;
      cursor: pointer;
      transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
    }
    .fp-chip:hover,
    .fp-chip:focus-visible {
      border-color: var(--fp-accent-dark);
      box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
    }
    .fp-step-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
      background: var(--fp-soft);
      border-radius: 20px;
      padding: 20px 22px;
    }
    .fp-step {
      display: inline-flex;
      padding: 10px 16px;
      border-radius: 999px;
      background: #ffffff;
      border: 1px solid var(--fp-border);
      font-weight: 750;
      color: var(--fp-ink);
      text-decoration: none;
      cursor: pointer;
      transition: border-color 150ms ease, box-shadow 150ms ease;
    }
    .fp-step:hover,
    .fp-step:focus-visible {
      border-color: var(--fp-accent-dark);
      box-shadow: 0 6px 14px rgba(0, 0, 0, 0.06);
    }
    .fp-step-arrow {
      color: var(--fp-muted);
      font-size: 15px;
      font-weight: 700;
      flex: 0 0 auto;
    }
    .fp-card-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }
    .fp-service-card {
      background: #ffffff;
      border: 1px solid var(--fp-border);
      border-radius: 24px;
      padding: 22px;
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.04);
      min-height: 190px;
    }
    .fp-service-card .fp-number {
      width: 34px;
      height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: var(--fp-soft);
      color: var(--fp-accent-dark);
      font-weight: 900;
      margin-bottom: 14px;
    }
    .fp-service-card h3 {
      margin: 0 0 8px;
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: 1.12rem;
      line-height: 1.2;
      color: var(--fp-ink);
    }
    .fp-service-card p {
      margin: 0;
      color: var(--fp-muted);
    }
    .fp-closing-line {
      max-width: 900px;
      margin: 0 auto 8px;
      text-align: center;
      color: var(--fp-ink);
      font-family: 'Roboto', Arial, Helvetica, sans-serif;
      font-size: clamp(1.15rem, 2.4vw, 1.5rem);
      font-weight: 800;
      letter-spacing: -0.02em;
    }
    .fp-end-links {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 18px;
      margin: 18px 0 70px;
      padding-top: 20px;
    }
    .fp-end-links a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      padding: 12px 18px;
      border: 1px solid var(--fp-border);
      background: #ffffff;
      color: var(--fp-accent-dark);
      text-decoration: none;
      font-weight: 800;
      transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
    }
    .fp-end-links a:hover,
    .fp-end-links a:focus-visible {
      transform: translateY(-2px);
      box-shadow: var(--fp-shadow);
      opacity: 0.9;
    }
    .fp-reveal {
      opacity: 0;
      transform: translateY(16px);
      transition: opacity 480ms ease, transform 480ms ease;
    }
    .fp-reveal.is-visible {
      opacity: 1;
      transform: translateY(0);
    }
    @media (max-width: 860px) {
      .fp-card-grid {
        grid-template-columns: 1fr;
      }
      .fp-stats {
        grid-template-columns: 1fr;
      }
      .fp-hero {
        padding-top: 46px;
      }
      .fp-hero-actions {
        align-items: stretch;
      }
      .fp-btn {
        width: 100%;
      }
    }
  </style>
  <div class="fp-wrap">
    <header class="fp-hero fp-reveal is-visible">
      <p class="fp-kicker">Fashion Personnel Retail Operations Recruitment</p>
      <h1>
        Retail Operations
        <span>Fashion Recruitment</span>
      </h1>
      <p class="fp-lede">
        Retail operations is fast-paced, people-focused and commercially driven. We take the time to understand your stores, culture and customer experience, helping us find people who can lead teams, drive performance and deliver results.
      </p>
      <div class="fp-hero-actions">
        <a class="fp-btn fp-btn-primary" href="mailto:hello@fashionpersonnel.co.uk?subject=Retail%20Operations%20Recruitment%20Enquiry">
          Brief our team on a requirement
        </a>
        <a class="fp-btn fp-btn-secondary" href="tel:+442074360220">
          Call 020 7436 0220
        </a>
      </div>
      <div class="fp-stats" aria-label="Retail operations recruitment highlights">
        <div class="fp-stat">
          <strong>9</strong>
          <span>Role levels, Assistant Store Manager to Retail Director</span>
        </div>
        <div class="fp-stat">
          <strong>UK & International</strong>
          <span>Reach across retail markets</span>
        </div>
        <div class="fp-stat">
          <strong>Store → Boardroom</strong>
          <span>Talent at every level of retail leadership</span>
        </div>
      </div>
    </header>
    <section class="fp-section fp-reveal is-visible" aria-labelledby="retail-chip-heading">
      <div class="fp-section-head">
        <h2 id="retail-chip-heading">Roles we recruit</h2>
        <p>
          Explore current opportunities across retail operations and leadership positions.
        </p>
      </div>
      <div class="fp-step-row" aria-label="Retail operations career path, Assistant Store Manager to Retail Director">
        <a class="fp-step" href="/jobs?search=Assistant%20Store%20Manager">Assistant Store Manager</a>
        <span class="fp-step-arrow" aria-hidden="true">→</span>
        <a class="fp-step" href="/jobs?search=Deputy%20Store%20Manager">Deputy Store Manager</a>
        <span class="fp-step-arrow" aria-hidden="true">→</span>
        <a class="fp-step" href="/jobs?search=Store%20Manager">Store Manager</a>
        <span class="fp-step-arrow" aria-hidden="true">→</span>
        <a class="fp-step" href="/jobs?search=Cluster%20Manager">Cluster Manager</a>
        <span class="fp-step-arrow" aria-hidden="true">→</span>
        <a class="fp-step" href="/jobs?search=Area%20Manager">Area Manager</a>
        <span class="fp-step-arrow" aria-hidden="true">→</span>
        <a class="fp-step" href="jobs?search=Regional%20Manager">Regional Manager</a>
        <span class="fp-step-arrow" aria-hidden="true">→</span>
        <a class="fp-step" href="/jobs?search=Operations%20Director">Operations Director</a>
        <span class="fp-step-arrow" aria-hidden="true">→</span>
        <a class="fp-step" href="/jobs?search=Head%20of%20Retail">Head of Retail</a>
        <span class="fp-step-arrow" aria-hidden="true">→</span>
        <a class="fp-step" href="/jobs?search=Retail%20Director">Retail Director</a>
      </div>
    </section>
    <section class="fp-section fp-reveal is-visible" aria-labelledby="retail-card-heading">
      <div class="fp-section-head">
        <h2 id="retail-card-heading">Our retail operations recruitment services</h2>
        <p>
          Understanding your stores, culture and customer experience so we find leaders who fit.
        </p>
      </div>
      <div class="fp-card-grid">
        <article class="fp-service-card">
          <span class="fp-number">1</span>
          <h3>Retail expertise</h3>
          <p>We take the time to understand your stores, culture and customer experience.</p>
        </article>
        <article class="fp-service-card">
          <span class="fp-number">2</span>
          <h3>Targeted search</h3>
          <p>Direct search and targeted headhunting help uncover candidates beyond the active market.</p>
        </article>
        <article class="fp-service-card">
          <span class="fp-number">3</span>
          <h3>UK & International Reach</h3>
          <p>Supporting retail operations recruitment across the UK and international markets.</p>
        </article>
      </div>
    </section>
    <p class="fp-closing-line fp-reveal is-visible">The right leaders. Stronger teams. Better retail.</p>
    <div class="fp-end-links">
      <a href="/jobs/retail-management">
        View Retail Management Roles
      </a>
      <a href="/fashion-personnel-recruitment-divisions">
        Explore our other divisions
      </a>
    </div>
  </div>
  <script>
    (function () {
      var root = document.getElementById("fp-retail-page");
      if (!root) return;
      var seo = {
        title: "Retail Operations Fashion Recruitment | Fashion Personnel",
        description: "Retail operations recruitment across store management and leadership, from Store Manager to Director, across UK and international retail markets.",
        canonical: "https://www.fashionpersonnel.co.uk/fashion-personnel-retail-division"
      };
      document.title = seo.title;
      function upsertMeta(selector, create) {
        var element = document.head.querySelector(selector);
        if (!element) {
          element = document.createElement(create.tag);
          Object.keys(create.attrs).forEach(function (key) {
            element.setAttribute(key, create.attrs[key]);
          });
          document.head.appendChild(element);
        }
        return element;
      }
      upsertMeta('meta[name="description"]', {
        tag: "meta",
        attrs: { name: "description" }
      }).setAttribute("content", seo.description);
      upsertMeta('link[rel="canonical"]', {
        tag: "link",
        attrs: { rel: "canonical" }
      }).setAttribute("href", seo.canonical);
      upsertMeta('meta[property="og:title"]', {
        tag: "meta",
        attrs: { property: "og:title" }
      }).setAttribute("content", seo.title);
      upsertMeta('meta[property="og:description"]', {
        tag: "meta",
        attrs: { property: "og:description" }
      }).setAttribute("content", seo.description);
      upsertMeta('meta[property="og:type"]', {
        tag: "meta",
        attrs: { property: "og:type" }
      }).setAttribute("content", "website");
      upsertMeta('meta[property="og:url"]', {
        tag: "meta",
        attrs: { property: "og:url" }
      }).setAttribute("content", seo.canonical);
      var schema = {
        "@context": "https://schema.org",
        "@graph": [
          {
            "@type": "EmploymentAgency",
            "@id": seo.canonical + "#agency",
            "name": "Fashion Personnel",
            "url": "https://www.fashionpersonnel.co.uk/",
            "email": "hello@fashionpersonnel.co.uk",
            "telephone": "+44 20 7436 0220"
          },
          {
            "@type": "Service",
            "@id": seo.canonical + "#service",
            "name": "Retail Operations Recruitment",
            "serviceType": "Retail management recruitment",
            "provider": {
              "@id": seo.canonical + "#agency"
            },
            "areaServed": ["United Kingdom", "International"],
            "description": seo.description
          }
        ]
      };
      var existingSchema = document.getElementById("fp-retail-schema");
      if (existingSchema) existingSchema.remove();
      var schemaScript = document.createElement("script");
      schemaScript.type = "application/ld+json";
      schemaScript.id = "fp-retail-schema";
      schemaScript.text = JSON.stringify(schema);
      document.head.appendChild(schemaScript);
      var revealItems = root.querySelectorAll(".fp-reveal");
      if ("IntersectionObserver" in window) {
        var observer = new IntersectionObserver(function (entries) {
          entries.forEach(function (entry) {
            if (entry.isIntersecting) {
              entry.target.classList.add("is-visible");
              observer.unobserve(entry.target);
            }
          });
        }, { threshold: 0.14 });
        revealItems.forEach(function (item) {
          observer.observe(item);
        });
      } else {
        revealItems.forEach(function (item) {
          item.classList.add("is-visible");
        });
      }
    })();
  </script>
</section>