body {
  font-family: var(--ddsweb-theme-font-family-heading);
}

.template-wrapper:has([data-mfe='mfe-digital-content']
      .full-width-wrapper) {
  max-width: 1512px;
}

.GFBBX8J3xVhnirO{
  margin-bottom: var(--ddsweb-theme-spacing-md);
}
.gMJt9NjyplQxFeh {
  background-color: var(--ddsweb-theme-colors-white);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  height: 50px;
  width: 50px;
}

.MplShcGzD3_wzmF {
  height: auto;
  width: 42px;
}

@media (min-width: 1008px) {
  .gMJt9NjyplQxFeh {
    height: 97px;
    width: 97px;
  }
  .MplShcGzD3_wzmF {
    width: 76px;
  }
  .gMJt9NjyplQxFeh.T81vEChhv0qm_5q {
    display: none;
  }
}
.Is30a0ILFDZIio9 {
  margin-bottom: 0;
}

.Is30a0ILFDZIio9 li {
  flex-basis: 26.5%;
}

.Is30a0ILFDZIio9 li:first-child {
  flex-basis: 13%;
  align-items: flex-start;
  background: var(--step-indicator-left-line-gradient) left/50% 100%,
    var(--step-indicator-right-line-gradient) 0% 100%;
}

.Is30a0ILFDZIio9 li:last-child {
  flex-basis: 13%;
  align-items: flex-end;
  background: var(--step-indicator-left-line-gradient) left/50% 100%,
    var(--step-indicator-right-line-gradient) 0% 100%;
}

.Is30a0ILFDZIio9 .ddsweb-step-indicator__step__label {
  white-space: nowrap;
}

.sFp3yMlAVQt9Arl > .ddsweb-step-indicator__step__horizontal-content {
  display: block;
}

.K4uUcXNeuKLb_fd > .ddsweb-step-indicator__step__horizontal-content {
  display: none;
}

.qnXEgLVRscwtb3Q > .ddsweb-step-indicator__step__horizontal-content {
  display: block;
}

@media (min-width: 756px) {
  .qnXEgLVRscwtb3Q > .ddsweb-step-indicator__step__horizontal-content {
    display: none;
  }
}

@media (min-width: 1008px) {
  .Is30a0ILFDZIio9 .ddsweb-step-indicator__step__label {
    white-space: initial;
  }
  
  .qnXEgLVRscwtb3Q > .ddsweb-step-indicator__step__horizontal-content {
    display: block;
  }
}
.s4A8dd9IC1VmDro {
  display: flex;
}

.iJ4gSu0nx0zOVvx {
  font-size: var(--ddsweb-theme-font-size-md);
  font-weight: bold;
  color: var(--ddsweb-theme-colors-text-dark);
}

.iJ4gSu0nx0zOVvx span {
  white-space: nowrap;
}

.Ad9JbY2UYLffiDn {
  margin-left: var(--ddsweb-theme-spacing-md);
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex: 1 1 0;
}

.FydchTGI0fqPt1H {
  margin-left: initial;
}

@media (min-width: 756px) {
  .FydchTGI0fqPt1H {
    margin-left: 0;
  }
}

.pudDUx9mSpWxi9j {
  margin-top: var(--ddsweb-theme-spacing-sm);
  color: var(--ddsweb-theme-colors-grayscale);
  font-family: var(--ddsweb-theme-font-family-text);
}

.TZa7tYhtK6cJMjg {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-grow: 1;
  margin-top: var(--ddsweb-theme-spacing-md);
  padding: var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-xs);
  background-color: var(--ddsweb-theme-background-dark);
}

@media (min-width: 1008px) {
  .TZa7tYhtK6cJMjg {
    padding: var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-xl);
  }
}

.uK_XUmTr6G7frB5 {
  padding: initial;
}

@media (min-width: 756px) {
  .uK_XUmTr6G7frB5 {
    padding: var(--ddsweb-theme-spacing-md);
  }
}

.iQ94RdtNAH9LPk2 {
  margin-bottom: 0;
}

.hcs0oRhT41x46Et {
  margin-top: var(--ddsweb-theme-spacing-sm);
}

.hcs0oRhT41x46Et .ddsweb-link__text {
  white-space: normal;
}

.kkjIY8nFjsSBpO6 {
  margin-top: var(--ddsweb-theme-spacing-sm);
  display: none;
}

.kkjIY8nFjsSBpO6 .ddsweb-link__text {
  white-space: normal;
}

@media (min-width: 756px) {
  .kkjIY8nFjsSBpO6 {
    display: block;
  }
}
.cDs3J7_fuYUDpPY {
  border: none;
  margin-top: var(--ddsweb-theme-spacing-md);
}

.A2d2Q_AepAh0ji4 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: var(--ddsweb-theme-spacing-sm);
  height: 80px;
  gap: var(--ddsweb-theme-spacing-xx);
}
.b9y5VQoqd0AFzbq {
  margin: 0;
}

.J2zvshnfdP8Jlpk {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: var(--ddsweb-theme-spacing-md);
}

.m39eSjKMYVXBEbv {
  display: block;
  margin-top: var(--ddsweb-theme-spacing-md);
}

.m39eSjKMYVXBEbv > button {
  width: 100%;
}

/* TabletLarge breakpoint — 1008px and up */
@media (min-width: 1008px) {
  .J2zvshnfdP8Jlpk {
    flex-direction: row;
  }

  .m39eSjKMYVXBEbv {
    margin-top: 0;
    margin-left: var(--ddsweb-theme-spacing-md);
  }

  .m39eSjKMYVXBEbv > button {
    width: max-content;
  }
}

.N2OeAkA_z2fz0vd {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: var(--ddsweb-theme-spacing-md);
  height: 354px;
}
.PNlwLwuIq97T0Rt {
  display: none;
}

@media (min-width: 1008px) {
  .PNlwLwuIq97T0Rt {
    display: block;
    flex: 1; /* added only here because flex:1 will have no impact on display:none*/
    margin-left: var(--ddsweb-theme-spacing-md);
  }
}

.IAg57qqED9WV2k7 {
  background: var(--ddsweb-theme-colors-background-dark);
  padding: var(--ddsweb-theme-spacing-sm);
  display: block;
}

.IAg57qqED9WV2k7 strong {
  color: var(--ddsweb-theme-colors-base);
}

.g2Xbg0TNLuXQ8K_ {
  display: flex;
  width: 100%;
  margin-top: var(--ddsweb-theme-spacing-xl);
}

.qT_DuQANJtZGBOG {
  display: flex;
}

.zs9VsVckvpzhSzk {
  color: var(--ddsweb-theme-color-base);
}

@media (min-width: 504px) {
  .zs9VsVckvpzhSzk {
    margin-top: var(--ddsweb-theme-spacing-xx);
  }
}

.zs9VsVckvpzhSzk .ddsweb-text > span {
  white-space: nowrap;
}

.QOb1oXzQcWQkIUY {
  flex: 1;
}

.M6uoL7ZSpCm7Jd0 {
  margin-top: var(--ddsweb-theme-spacing-md);
}

.VIoBXRYBDy6G_2p {
  padding: var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-sm);
}

@media (min-width: 756px) {
  .VIoBXRYBDy6G_2p {
    padding: initial;
  }
}
.SqGvVApBmhutkJw {
    color: inherit;
}

.n_f4ZNwCtbHa3kW{
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip-path: inset(50%);
}
.JPQZo5WaTyd_UQ6 {
  margin-top: var(--ddsweb-theme-spacing-md); /* Mobile default */
  display: flex;
  width: 100%;
  font-family: var(--ddsweb-theme-base-font-family);
}

.JPQZo5WaTyd_UQ6 strong {
  color: var(--ddsweb-theme-colors-base);
}

.VFeBBiorNMuTvXj {
  padding: var(--ddsweb-theme-spacing-md); /* Mobile padding */
}

@media (min-width: 504px) {
  .JPQZo5WaTyd_UQ6 {
    margin-top: var(
      --ddsweb-theme-spacing-xl
    ); /* Larger spacing for tablet and up */
  }
}

.fLa93Xts5htsB3e {
  display: flex;
  width: 100%;
  margin-top: var(--ddsweb-theme-spacing-md);
}

.YqsWgp2lVZtR_L2 {
  margin-top: var(--ddsweb-theme-spacing-lg);
}

.TlqGzIM4T_oiOLJ {
  margin-top: 0;
}

/* Add override for tablet and up */
@media (min-width: 756px) {
  .TlqGzIM4T_oiOLJ {
    margin-top: var(
      --ddsweb-theme-spacing-lg
    ); /*margin-top remains whatever default (spacing.lg) was set.*/
  }
}

/* Default (mobile) */
.hHsl42JiWbRkZBd {
  display: flex;
  flex-direction: column;
  gap: var(--ddsweb-theme-spacing-sm);
}

.J8ReY9pA8_dcdzR strong {
  white-space: nowrap;
}

.IgGkuQbTZP8I25Q {
  display: block;
  margin-top: var(--ddsweb-theme-spacing-xs);
}

.H1D35MjIiebljNR{
  display: none;
}

/* Tablet and above */
@media (min-width: 756px) {
  .hHsl42JiWbRkZBd {
    flex-direction: row;
  }
  .J8ReY9pA8_dcdzR {
    display: block;
  }
  .H1D35MjIiebljNR{
    display: block;
  }
}

.yzqkAKjFy3wtvlT {
  margin-top: var(--ddsweb-theme-spacing-lg);
}

.dQhcIslVC0VrOrn {
  display: none;
}

.KEWYNtSdMNE1r3v {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.YxMmyJt6Lp48mTs {
  height: 64px;
  display: none;
}

@media (min-width: 1008px) {
  .LJYzK0hoGnLf31E {
    display: block;
  }
}

.dEo9Xr8uSksFLqb {
  display: flex;
  flex-direction: column;
}

.dEo9Xr8uSksFLqb form {
  margin-left: 0;
}

@media (min-width: 504px) {
  .dEo9Xr8uSksFLqb button {
    margin-top: var(--ddsweb-theme-spacing-md);
  }
}

.UwpJiJOMck3Sp5m {
  margin-bottom: 12px;
}

.t0ExlSjnnhJ7oho {
  width: 100%;
}

.QFUUDtZegPhR_V9,
.tUwXGxcdFJRp2JI {
  width: 100%;
}

@media (min-width: 756px) {
  .QFUUDtZegPhR_V9,
  .tUwXGxcdFJRp2JI {
    width: auto;
  }
}

/* Context Card Styled Components converted to CSS Module with mobile-first approach */

.YpVoSBNQ9HOFYh7 {
  display: flex;
  width: 100%;
  margin-top: var(--ddsweb-theme-spacing-md);
}

.BArxzbwDoYUqXxD {
  margin-top: var(--ddsweb-theme-spacing-xs);
}

.uoUktWZu7dYP09i {
  display: flex;
  width: 100%;
  margin-top: var(--ddsweb-theme-spacing-md);
  justify-content: space-between;
}

.hI6zT5CS1GMT_Ks {
  height: 64px;
  /* Mobile-first: hidden by default, shown at tablet-large and above */
  display: none;
}

@media (min-width: 1008px) {
  .hI6zT5CS1GMT_Ks {
    display: block;
  }
}

.XiqeDEXAGtnY8_q {
  margin-bottom: var(--ddsweb-theme-spacing-xl);
}

@media (min-width: 1008px) {
  .XiqeDEXAGtnY8_q .ddsweb-link__text {
    white-space: normal;
  }
}

.xDBsYzMaYjpf1EE {
  margin-top: var(--ddsweb-theme-spacing-lg);
  max-width: 538px;
}

.xDBsYzMaYjpf1EE .ddsweb-grid__column {
  /* Mobile-first: full width by default */
  width: 100%;
}

@media (min-width: 1008px) {
  .xDBsYzMaYjpf1EE .ddsweb-grid__column {
    /* Reset width at tablet-large and above */
    width: auto;
  }
}

.ZnaUNDIs0ooOeYd {
  text-align: start;
  margin-bottom: var(--ddsweb-theme-spacing-xl);
}

.ZnaUNDIs0ooOeYd .ddsweb-button__icon-container {
  margin-left: var(--ddsweb-theme-spacing-xs);
}

/*  Mobile-first: show links on mobile by default */
._WhiQWqqiFnMTxU {
  display: flex;
  flex-direction: column;
  gap: var(--ddsweb-theme-spacing-sm);
  margin-top: var(--ddsweb-theme-spacing-sm);
  padding: var(--ddsweb-theme-spacing-md);
}

/*  Remove border/padding variant */
.HfneSieSWRahGwr {
  border: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

/*  Tablet and above: hide container */
@media (min-width: 756px) {
  ._WhiQWqqiFnMTxU {
    display: none;
  }
}

/*  Browse container: mobile default = column */
.IWIVZeSsYnCqKzh {
  display: flex;
  flex-direction: column;
  gap: var(--ddsweb-theme-spacing-sm);
}

.IWIVZeSsYnCqKzh > * {
  flex-grow: 1;
}

/*  Larger screens: row layout */
@media (min-width: 504px) {
  .IWIVZeSsYnCqKzh {
    flex-direction: row;
  }
}

/* Link wrapper */
.kzeOQBaTmHH8LO7 {
  flex-grow: 1;
}

.driGKCaYSevtGzJ > *:not(.S2OfDhQZ3yXw1A8) {
  font-family: var(--ddsweb-theme-base-font-family);
}

/*  Base styles */
.ui-components-library .ui-panel {
  background-color: red; /*the value of exact red is not avaialable in css varaible*/
}

.ui-components-library .ui-panel::after {
  content: '';
  display: grid;
  clear: both;
}

.ui-components-library .ui-panel .ui-panel {
  padding-left: 0;
  padding-right: 0;
}

/*  Tablet overrides (min-width: 756px) */
@media (min-width: 756px) {
  .ui-components-library .ui-panel {
    padding-left: 0;
    padding-right: 0;
  }
}

/*  Desktop overrides (min-width: 1260px) */
@media (min-width: 1260px) {
  .ui-components-library .ui-panel {
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    max-width: 1076px; /* Indent slightly if no basket, taking into account components 12 px exclusion zone */
  }

  .home-page__assets.has-trolley
    .ui-components-library
    .ui-panel {
    max-width: 1002px; /* 1260 - 18 - 240 : Indent slightly if no basket, taking into account components 12 px exclusion zone*/
  }
}

/* Fixes the hidden link icon in banner */
.CjKOBzFdwiLPhSj .ddsweb-skinny-banner__links-container {
  z-index: 1;
}

/* Dynamic styles using CSS custom properties */
.CjKOBzFdwiLPhSj .ddsweb-skinny-banner__panel {
  background-image: var(--panel-background-image);
  background-color: var(--panel-background-color);
}

.CjKOBzFdwiLPhSj .ddsweb-skinny-banner__links-container {
  position: absolute;
  right: 104px;
  bottom: var(--ddsweb-theme-spacing-xs);

  span {
    color: var(--cta-color);
    background-color: var(--cta-background-color);
  }
}

.Mhz2RcW37MjuxvX .ddsweb-skinny-banner__content > * {
  color: var(--content-text-color);
}

.Mhz2RcW37MjuxvX .ddsweb-skinny-banner__heading {
  font-size: var(--ddsweb-theme-font-size-sm);
}

.Mhz2RcW37MjuxvX .ddsweb-responsive-image__image,
.Mhz2RcW37MjuxvX .ddsweb-skinny-banner__image-container,
.Mhz2RcW37MjuxvX .ddsweb-skinny-banner__panel {
  min-height: 110px;
}

.Mhz2RcW37MjuxvX .ddsweb-value-tile__container {
  min-height: 110px;
  min-width: 110px;
}

@media (min-width: 756px) {
  .Mhz2RcW37MjuxvX {
    height: 112px;
  }

  .eG3_XC_og26e0_j {
    height: 134px;
  }

  .eG3_XC_og26e0_j .ddsweb-responsive-image__image,
  .eG3_XC_og26e0_j .ddsweb-skinny-banner__image-container,
  .eG3_XC_og26e0_j .ddsweb-skinny-banner__panel {
    min-height: 132px;
  }

  .eG3_XC_og26e0_j .ddsweb-value-tile__container {
    min-height: 132px;
  }
}
.k4dTbsAPZ7_Mevw {
  margin-right: var(--ddsweb-theme-spacing-sm);
}

.k4dTbsAPZ7_Mevw.X9wrEVVM_O8tj6i {
  text-align: center;
}

/* Font color styles - applied to all children */
.k4dTbsAPZ7_Mevw.RY7HQbLlRVwfZm9 > * {
  color: var(--font-color);
}

.k4dTbsAPZ7_Mevw.X6Uj3V5swzbrrnZ {
  margin-top: var(--ddsweb-theme-spacing-md);
  margin-bottom: 0;
}

.f8sN6Bbfd92OXlq {
  margin-top: var(--ddsweb-theme-spacing-md);
}

@media (min-width: 1008px) {
  .k4dTbsAPZ7_Mevw {
    margin-right: 0;
  }

  .k4dTbsAPZ7_Mevw.X6Uj3V5swzbrrnZ {
    margin-top: var(--ddsweb-theme-spacing-xxxl);
    margin-bottom: var(--ddsweb-theme-spacing-md);
  }

  .f8sN6Bbfd92OXlq {
    margin-top: var(--ddsweb-theme-spacing-xxxl);
  }
}

.KfHbsewS74WEgND {
  display: inline-block;
  margin-bottom: var(--ddsweb-theme-spacing-md);
  margin-top: 48px;
  text-align: left;
}

.Ptbk14bhNk7rk2U {
  font-size: var(--ddsweb-theme-font-size-sm);
}

@media (min-width: 320px) {
  .KfHbsewS74WEgND {
    margin-bottom: var(--ddsweb-theme-spacing-xl);
  }
}

@media (min-width: 504px) {
  .Ptbk14bhNk7rk2U {
    font-size: var(--ddsweb-theme-font-size-lg);
  }
}

.emKaG56KM7gRPyb {
  background: transparent;
  /* TODO: recheck this approach to have full height content stamps */
  /* height and margin-bottom is supposed to come from DDS component */
  height: 100%;
}

.emKaG56KM7gRPyb .ddsweb-responsive-image__image {
  min-height: auto;
  aspect-ratio: 16 / 9;
}
.WHEVcpxb70jFsJg {
  font-family: var(--ddsweb-theme-font-family-text);
  margin: 0;
}

.WHEVcpxb70jFsJg .ddsweb-value-tile__container {
  max-width: 100%;
  justify-content: center;
}

/* Non-horizontal and non-clubcard variant styles */
.LCAP0D3u4rYYwxG.KIqgwVxSZTSaJlf .ddsweb-value-tile__container {
  padding: var(--ddsweb-theme-spacing-sm) 0;
}

/* Horizontal and clubcard variant styles */
.KjWRir3wyGjk9j5.JOb1IhyOinqB2Zk .ddsweb-value-tile__container {
  width: 100%;
}

.sWbXZ8sYbYyDO12 {
  background: transparent;
}

.sWbXZ8sYbYyDO12 .ddsweb-content-stamp__link-container .ddsweb-link__anchor {
  width: auto;
}

.sWbXZ8sYbYyDO12 .ddsweb-responsive-image__image {
  min-height: auto;
  aspect-ratio: 16 / 9;
}

.sWbXZ8sYbYyDO12:focus .ddsweb-link__anchor:after {
  opacity: 1;
}
.QoXe2mfjwFZHhlS {
  margin-bottom: var(--ddsweb-theme-spacing-xxxl);
}

.QoXe2mfjwFZHhlS .ddsweb-skinny-banner__links-container {
  position: absolute;
  right: var(--ddsweb-theme-spacing-xs);
  bottom: var(--ddsweb-theme-spacing-xs);
  z-index: 1;
}

@media (min-width: 1008px) {
  .QoXe2mfjwFZHhlS {
    margin-bottom: initial;
  }
}
/* Target the parent UL that directly contains our module-scoped <li class="wrapper"> */
ul:has(> .tRFwZz8b_WXX_W6) {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: auto;
  border: none;
  gap: var(--ddsweb-theme-spacing-md, 16px);
}
@media (min-width: 504px) {
  ul:has(> .tRFwZz8b_WXX_W6) {
    gap: var(
      --ddsweb-theme-spacing-xl,
      24px
    ); /* was spacing.xl for 504–1007px */
  }
}
@media (min-width: 1008px) {
  ul:has(> .tRFwZz8b_WXX_W6) {
    display: block; /* UL default */
    gap: initial; /* remove our gap override */
    border: revert; /* stop forcing 'none' so upstream styles can apply */
    height: revert; /* stop forcing 'auto' */
    /* flex-direction no longer matters once display:block */
  }
}

/* Base (mobile-first) — force the small-VP look, ignoring config vars */
.tRFwZz8b_WXX_W6 {
  list-style: none;

  /* force small-VP sizing/box */
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  border: 1px solid var(--ddsweb-theme-colors-lines-base);
  padding: var(--ddsweb-theme-spacing-md);

  /* force small-VP layout */
  display: flex;
  flex-direction: row;
  float: none;

  /* force small-VP colors */
  color: var(--ddsweb-theme-colors-heading);
  background-color: var(--ddsweb-theme-colors-white);

  /* keep only what was not overridden in SC small block */
  margin: var(--tile-margin, initial);
}

/* ≥ tabletLarge (1008px) — hand control back to config vars */
@media (min-width: 1008px) {
  .tRFwZz8b_WXX_W6 {
    /* match original desktop sizing */
    min-height: 200px;
    max-height: 200px;
    border: none;
    padding: initial;

    /* now use tile config vars */
    width: var(--tile-width, 100%);
    color: var(--tile-color, var(--ddsweb-theme-colors-heading));
    background-color: var(--tile-bg, var(--ddsweb-theme-colors-white));
    display: var(--tile-display, flex);
    flex-direction: var(--tile-direction, row);
    float: var(--tile-float, none);
  }
}

.HRJOB1ViypteDMY {
  color: inherit;
}

@media (max-width: 1008px) {
  .HRJOB1ViypteDMY {
    /* tabletLarge and up — override if needed */
    font-size: var(--ddsweb-theme-font-size-xs);
    color: var(--ddsweb-theme-colors-grayscale);
  }
}

.yKgdaBYiJoM8PZZ {
  color: inherit;
  margin-bottom: var(--ddsweb-theme-spacing-xx);
  font-size: var(--ddsweb-theme-font-size-xs);
}

@media (min-width: 1008px) {
  .yKgdaBYiJoM8PZZ {
    margin-bottom: var(--ddsweb-theme-spacing-xs);
    font-size: var(--ddsweb-heading-font-size, inherit);
  }
}

.uNN0eAzLEDhJxvG {
  width: 100%;
  padding: var(--ddsweb-theme-spacing-md) 0 0;
  display: none;
}

@media (min-width: 1008px) {
  .uNN0eAzLEDhJxvG {
    display: inline-flex;
  }
}

.tSkjhNuSXqTM63t {
  display: inline-flex;
  margin-top: var(--ddsweb-theme-spacing-md);
  font-size: var(--ddsweb-theme-font-size-xs);
}

.tSkjhNuSXqTM63t .ddsweb-link__icon-container {
  top: 3px;
  position: relative;
}

@media (min-width: 1008px) {
  .tSkjhNuSXqTM63t {
    display: none;
  }
}

.vqdxZpBLXFPuuZz {
  width: 72px;
  height: 72px;
}

@media (min-width: 504px) {
  .vqdxZpBLXFPuuZz {
    width: 110px;
    height: 110px;
  }
}

@media (min-width: 1008px) {
  .vqdxZpBLXFPuuZz {
    width: 50%;
    height: auto;
  }
}

.NjYf_t23HDK6_Ax {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.if3F_EDgs5NS5Ht {
  flex: 1 0 110px;
  padding: 0 0 0 var(--ddsweb-theme-spacing-sm);
  width: 100%;
}

@media (min-width: 1008px) {
  .if3F_EDgs5NS5Ht {
    padding: var(--ddsweb-theme-spacing-sm);
    width: 50%;
  }
}

/* Base mobile styles (mobile-first approach) */

/* Banner wrapper classes */
.nHjqc7qVbehb31b {
  margin-top: var(--ddsweb-theme-spacing-xl);
  width: 100%;
  margin: 0;
  margin-top: var(--ddsweb-theme-spacing-xl);
  background-color: var(--ddsweb-theme-colors-white);
  color: var(--ddsweb-theme-colors-heading);
  display: flex;
  float: none;
  flex-direction: row;
  min-height: 100%;
  max-height: 100%;
  list-style: none;
  vertical-align: top;
  border: 1px solid #e0e0e0;
  padding: var(--ddsweb-theme-spacing-md);
}
@media (min-width: 1008px) {
  .nHjqc7qVbehb31b {
    margin-top: 0;
    background-color: var(
      --banner-bg-color-custom,
      var(--ddsweb-theme-colors-white)
    );
    color: var(
      --banner-text-color-custom,
      var(--ddsweb-theme-colors-text-dark)
    );
    min-height: 200px;
    max-height: 200px;
    border: none;
    padding: 0;
  }
}

/* Content container */
.djx9RJOedBlt7gp {
  flex: 1 0 110px;
  padding: 0 0 0 var(--ddsweb-theme-spacing-sm);
  width: 100%;
}

/* Image wrapper */
.uSoJN6Z7UhTBbSA {
  width: 72px;
  height: 72px;
}

/* Text styles */
.Wa_ehEnq545zJiA {
  color: inherit;
  font-size: var(--ddsweb-theme-font-size-xs);
  color: var(--ddsweb-theme-colors-grayscale);
}

/* Heading styles */
.QQNTt6HQU0unwxe {
  margin-bottom: var(--ddsweb-theme-spacing-xx);
  color: inherit;
  font-size: var(--ddsweb-theme-font-size-xs);
}

/* Link styles */
.oUfq0qajcAa2Xfd {
  display: none;
}

.aZLYaliBBrjwfF_ {
  font-size: var(--ddsweb-theme-font-size-xs);
  margin-top: var(--ddsweb-theme-spacing-md);
  display: inline-flex;
}

.aZLYaliBBrjwfF_ .ddsweb-link__icon-container {
  top: 3px;
  position: relative;
}

/* Responsive image */
.zNCNHTSlcWdjyC6 {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* Breakpoint: min-width 504px (above mobile large) */
@media (min-width: 504px) {
  .uSoJN6Z7UhTBbSA {
    width: 110px;
    height: 110px;
  }
}

/* Breakpoint: min-width 1008px (above tablet large) */
@media (min-width: 1008px) {
  .nHjqc7qVbehb31b {
    margin-top: 0px;
    background-color: var(--banner-bg-color-custom);
    color: var(--banner-text-color-custom);
    min-height: 200px;
    max-height: 200px;
    border: none;
    padding: 0;
  }

  .f6zBrMKCvDEWbJQ {
    width: 100%;
    display: flex;
  }

  .BNLs3We785lBHSa {
    width: 50%;
    display: inline-flex;
  }

  .djx9RJOedBlt7gp {
    padding: var(--ddsweb-theme-spacing-sm);
    width: 50%;
    flex: none;
  }

  .uSoJN6Z7UhTBbSA {
    width: 50%;
    height: auto;
  }

  .Wa_ehEnq545zJiA {
    font-size: inherit;
    color: inherit;
  }

  .QQNTt6HQU0unwxe {
    margin-bottom: 8px;
    font-size: inherit;
  }

  .oUfq0qajcAa2Xfd {
    display: block;
    width: 100%;
    padding: var(--ddsweb-theme-spacing-md) 0 0;
  }

  .oUfq0qajcAa2Xfd:focus-visible {
    outline: 3px solid var(--link-outline-color-custom);
  }

  .aZLYaliBBrjwfF_ {
    display: none;
  }
  .nHjqc7qVbehb31b.OI4CSZtfbRbri0A {
    flex-direction: row-reverse;
  }
}

@media (min-width: 1008px) {
  .oUfq0qajcAa2Xfd {
    display: inline-flex;
  }
}

.kvKpWObtHZwz91s {
    position: relative;
}
  
.ERDgaz0iS57X82L {
  cursor: pointer;
  text-decoration: none;
  display: block;
  width: 100%;
}

.ERDgaz0iS57X82L .ddsweb-banner__container {
  height: 100%;
  min-height: 280px;
  background-color: var(--ddsweb-simple-banner-background-color);
}

.ERDgaz0iS57X82L .ddsweb-responsive-image__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 280px;
}

.ERDgaz0iS57X82L .ddsweb-banner__headline {
  font-size: var(--ddsweb-theme-font-size-lg);
  color: var(--ddsweb-simple-banner-text-color);
}

.ERDgaz0iS57X82L .ddsweb-banner__standfirst {
  font-size: var(--ddsweb-theme-font-size-sm);
  color: var(--ddsweb-simple-banner-text-color);
  margin-top: var(--ddsweb-theme-spacing-xx);
}

.ERDgaz0iS57X82L .ddsweb-banner__links-container {
  margin-top: var(--ddsweb-theme-spacing-md);
}

.ERDgaz0iS57X82L
  .ddsweb-banner__links-container .ddsweb-link__textButton {
  background-color: var(--ddsweb-simple-banner-href-background-color);
  color: var(--ddsweb-simple-banner-href-text-color);
}

.ERDgaz0iS57X82L .ddsweb-banner__panel {
  background-size: cover;
  background-position: 50%;
}

@media (min-width: 756px) {
  .ERDgaz0iS57X82L .ddsweb-banner__container {
    height: 100%;
    min-height: 380px;
  }

  .ERDgaz0iS57X82L .ddsweb-responsive-image__image {
    min-height: 380px;
    object-fit: cover;
  }

  .ERDgaz0iS57X82L .ddsweb-banner__headline {
    font-size: var(--ddsweb-theme-font-size-md);
  }

  .ERDgaz0iS57X82L .ddsweb-banner__standfirst {
    font-size: var(--ddsweb-theme-font-size-xs);
  }
}

@media (min-width: 1008px) {
  .ERDgaz0iS57X82L .ddsweb-banner__headline {
    font-size: var(--ddsweb-theme-font-size-xl);
  }
  .ERDgaz0iS57X82L .ddsweb-banner__standfirst {
    font-size: var(--ddsweb-theme-font-size-md);
  }
}

/* ScrollableCarouselWrapper styles */
.irJZT2nWSwHjhF7 {
  display: flow-root;
  margin: var(--ddsweb-theme-spacing-lg) 0 var(--ddsweb-theme-spacing-xxxl) 0;
}

.irJZT2nWSwHjhF7 .ddsweb-content-stamp__content-container {
  height: 100%;
}

.irJZT2nWSwHjhF7 .ddsweb-carousel__item-container {
  min-width: 280px;
}

.PqX7Y3OYcQSC7Wv {
  display: none;
  margin-top: var(--ddsweb-theme-spacing-md);
}

.PqX7Y3OYcQSC7Wv .ddsweb-grid__container .ddsweb-grid__column {
  padding-left: 6px;
  padding-right: 6px;
  /* For li */
  display: unset;
}

.PqX7Y3OYcQSC7Wv .ddsweb-grid__container .ddsweb-grid__row {
  margin-left: calc(-1 * var(--ddsweb-theme-spacing-sm));
  margin-right: calc(-1 * var(--ddsweb-theme-spacing-sm));
}

@media (min-width: 504px) {
  .irJZT2nWSwHjhF7 .ddsweb-carousel__item-container {
    min-width: 310px;
  }
}

@media (min-width: 1008px) {
  .irJZT2nWSwHjhF7 {
    display: none;
  }

  .PqX7Y3OYcQSC7Wv {
    display: initial;
  }

  .PqX7Y3OYcQSC7Wv ul {
    margin-top: var(--ddsweb-theme-spacing-xl);
    row-gap: var(--ddsweb-theme-spacing-xl);
  }
  .ghp-wrapper .PqX7Y3OYcQSC7Wv ul {
    margin-top: var(--ddsweb-theme-spacing-md) !important;
    row-gap: var(--ddsweb-theme-spacing-xl) !important;
  }
}

@media (min-width: 1280px){
  .PqX7Y3OYcQSC7Wv .ddsweb-grid__container .ddsweb-grid__column {
    padding-left: var(--ddsweb-theme-spacing-sm);
    padding-right: var(--ddsweb-theme-spacing-sm);
  }
}
.ShHHj5P5TVmkPmv {
  position: relative;
}

.POwKS9Y5UfguhLG .ddsweb-carousel__control-left,
.POwKS9Y5UfguhLG .ddsweb-carousel__control-right,
.POwKS9Y5UfguhLG .ddsweb-carousel__navigation {
  display: none;
}

.ShHHj5P5TVmkPmv .ddsweb-carousel__control-left {
  display: none;
}

.LIRFSx0ayf9dSDP .ddsweb-carousel__item-count {
  display: none;
}

.VopQMXGQSHsjrMV .ddsweb-carousel__item-count {
  display: block;
}

.lZ4kFv8RpPGCVuw .ddsweb-carousel__header {
  display: none;
}

.zI9Lg4cChYyH0jL .ddsweb-carousel__header {
  display: block;
}

.ShHHj5P5TVmkPmv .ddsweb-carousel__content-mask {
  margin-bottom: 44px;
}

.ShHHj5P5TVmkPmv .ddsweb-carousel__content-container {
  margin-right: var(--ddsweb-theme-spacing-sm);
  scrollbar-width: none;
  -ms-overflow-style: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

.ShHHj5P5TVmkPmv .ddsweb-carousel__navigation {
  padding: 0;
  position: absolute;
  right: var(--ddsweb-theme-spacing-sm);
  margin-top: calc(-1 * var(--ddsweb-theme-spacing-xxxl));
}

@media (min-width: 756px) {
  .ShHHj5P5TVmkPmv .ddsweb-carousel__control-left,
  .ShHHj5P5TVmkPmv .ddsweb-carousel__control-right {
    display: flex;
  }

  .POwKS9Y5UfguhLG .ddsweb-carousel__control-left,
  .POwKS9Y5UfguhLG .ddsweb-carousel__control-right,
  .POwKS9Y5UfguhLG .ddsweb-carousel__navigation {
    display: none;
  }

  .ShHHj5P5TVmkPmv .ddsweb-carousel__content-mask {
    margin-bottom: 0;
  }

  .ShHHj5P5TVmkPmv .ddsweb-carousel__navigation {
    display: none;
    position: inherit;
    right: auto;
    margin-top: 0;
  }
}

.ShHHj5P5TVmkPmv .ddsweb-carousel__item-container {
  display: inline-flex;
  white-space: normal;
}

@media (min-width: 1008px) {
  .ShHHj5P5TVmkPmv .ddsweb-carousel__item-container {
    display: block;
    white-space: nowrap;
  }
}

.u18VBE1pkBbacry .ddsweb-grid__row {
  display: flex;
  padding: 0 var(--ddsweb-theme-spacing-sm);
  gap: var(--ddsweb-theme-spacing-sm);
}

@media (min-width: 504px) {
  .u18VBE1pkBbacry .ddsweb-grid__row {
    gap: var(--ddsweb-theme-spacing-lg);
  }
}

@media (min-width: 1008px) {
  .u18VBE1pkBbacry .ddsweb-grid__row {
    flex-wrap: nowrap;
  }

  .u18VBE1pkBbacry .ddsweb-grid__column {
    flex: 1 1 auto;
  }
}

.u18VBE1pkBbacry .ddsweb-grid__column {
  padding: 0;
  flex: 1 1 calc(50% - var(--ddsweb-theme-spacing-lg));
}

.u18VBE1pkBbacry .ddsweb-content-stamp__container {
  height: auto;
  margin-bottom: 0;
}

.L7sL056B7PMyRQs .ddsweb-carousel__header,
.L7sL056B7PMyRQs .ddsweb-carousel__item-count {
  display: none;
}

.L7sL056B7PMyRQs .ddsweb-carousel__item-container {
  display: flex;
}

.L7sL056B7PMyRQs .ddsweb-content-stamp__container {
  width: 282px;
}

@media (min-width: 504px) {
  .L7sL056B7PMyRQs .ddsweb-carousel__content-container {
    gap: var(--ddsweb-theme-spacing-xx);
  }

  .L7sL056B7PMyRQs .ddsweb-content-stamp__container {
    width: 348px;
  }
}

.L7sL056B7PMyRQs .ddsweb-carousel__content-container {
  margin-right: var(--ddsweb-theme-spacing-sm);
}

.L7sL056B7PMyRQs
  .ddsweb-carousel__content-container::-webkit-scrollbar {
  display: none;
}

.YNl_lz3iFXQEcoV {
  background: var(--ddsweb-theme-colors-white);
}

/* Responsive image defaults to mobile */
.YNl_lz3iFXQEcoV .ddsweb-responsive-image__image {
  width: 100%;
  height: auto;
}

.BLmDn0oDoRgVLVF .ddsweb-content-stamp__content-container {
  white-space: normal;
}

.BLmDn0oDoRgVLVF
  .ddsweb-content-stamp__content-container
  .ddsweb-content-stamp__headline {
  font-size: 20px;
  line-height: 1.2em;
}

.BLmDn0oDoRgVLVF
  .ddsweb-content-stamp__content-container
  .ddsweb-content-stamp__body-text {
  line-height: 1.25em;
}

@media (min-width: 1260px) {
  .BLmDn0oDoRgVLVF
    .ddsweb-content-stamp__content-container
    .ddsweb-content-stamp__headline {
    font-size: 24px;
    line-height: 1.167em;
  }
}

/* CTA weight when NOT primary variant */
.kEHsJQBk8Clx6u_
  .ddsweb-content-stamp__link-container
  .ddsweb-link__text {
  font-weight: 700;
}

/* Hover and focus underline effects for textButton */
.YNl_lz3iFXQEcoV:focus .ddsweb-link__textButton,
.YNl_lz3iFXQEcoV:hover .ddsweb-link__textButton {
  text-decoration: underline;
}

.YNl_lz3iFXQEcoV:focus .ddsweb-link__textButton::after,
.YNl_lz3iFXQEcoV:hover .ddsweb-link__textButton::after {
  opacity: 1;
}

/* Icon button layout */
.YNl_lz3iFXQEcoV .ddsweb-link__iconButtonLink {
  width: 100%;
}

.YNl_lz3iFXQEcoV
  .ddsweb-link__iconButtonLink
  .ddsweb-link__icon-container {
  margin-left: auto;
}

.sUTTyXLvqZFVg0a {
  padding: var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-sm);
  background-color: var(--ddsweb-theme-color-white);
}
/* TradeStamp.module.css */

.cLaLRBcKujgTUNG {
  height: 100%;

}

.cLaLRBcKujgTUNG .ddsweb-content-stamp__container {
  height: 100%;
}

.cLaLRBcKujgTUNG .ddsweb-content-stamp__panel-container {
  justify-content: center;
  background-color: var(--ddsweb-theme-colors-white);
}

.cLaLRBcKujgTUNG .ddsweb-link__icon-container {
  margin-right: 0;
}
.f7JNZvzcXnqvYG8 {
  display: flex;
  flex-direction: column;
  gap: var(--ddsweb-theme-spacing-xl);
  padding: 0;
}

@media (min-width: 1008px) {
  .f7JNZvzcXnqvYG8 {
    flex-direction: row;
  }
}
/* Root banner styles (applied via className on <Banner/>) */
.ymZKxsPtbIcx07H {
  /* dynamic via CSS vars set from React */
  background-color: var(--banner-bg, transparent);
  color: var(--banner-color, inherit);
  background-image: var(--banner-texture-url, none);
}

.ymZKxsPtbIcx07H .ddsweb-banner__panel {
  padding: var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-sm);
}

/* Inherit text color into content and terms */
.ymZKxsPtbIcx07H .ddsweb-banner__content-container > * {
  color: var(--banner-text, inherit);
}
.ymZKxsPtbIcx07H .ddsweb-banner__terms {
  color: var(--banner-text, inherit);
}

  .ymZKxsPtbIcx07H .ddsweb-banner__headline {
    font-size: var(--ddsweb-theme-font-size-md);
  }

    .ymZKxsPtbIcx07H .ddsweb-banner__standfirst {
    font-size: var(--ddsweb-theme-font-size-xs);
  }

/* Link color + background logic */
.ymZKxsPtbIcx07H .ddsweb-banner__link {
  color: var(--banner-text, inherit);
  /* default background comes from var unless transparent mode is active */
  background-color: var(--banner-link-bg, transparent);
}
.Uf1gukZFDMBETmL .ddsweb-banner__link {
  background: transparent;
}

/*  "noPadding ? null : 'padding: 0;'" */
.dKlyUP3sJrlCjHT .ddsweb-banner__link {
  padding: 0;
}

.ymZKxsPtbIcx07H .ddsweb-banner__link:hover::after {
  opacity: 0;
}

.ymZKxsPtbIcx07H .ddsweb-banner__links-container,
.ymZKxsPtbIcx07H.ymZKxsPtbIcx07H
  .ddsweb-banner__links-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--ddsweb-theme-spacing-lg, 20px);
}
@media (min-width: 756px) {
  .ymZKxsPtbIcx07H .ddsweb-banner__headline {
    font-size: var(--ddsweb-theme-font-size-lg);
  }
}

@media (min-width: 1008px) {
  .ymZKxsPtbIcx07H .ddsweb-banner__standfirst {
    font-size: var(--ddsweb-theme-font-size-sm);
  }
}
@media (min-width: 1260px) {
  .ymZKxsPtbIcx07H .ddsweb-banner__standfirst {
    font-size: revert-layer;
  }
}

.TWmOZh2f4I2V532 {
  cursor: pointer;
  text-decoration: none;
  display: block;
}

@media (min-width: 1260px) {
  .ghs-layout-wrapper .ymZKxsPtbIcx07H .ddsweb-banner__standfirst {
    font-size: var(--ddsweb-theme-font-size-sm);
  }
}

.y5kcCGSet3RA5aV {
  list-style: none;
  padding: var(--ddsweb-theme-spacing-md);
  border: 1px solid var(--ddsweb-theme-colors-disabled-base);
  width: 100%;
  flex-direction: row;
  margin-left: 0px;
}

.y5kcCGSet3RA5aV p {
  font-size: var(--ddsweb-theme-spacing-md);
  line-height: var(--ddsweb-theme-spacing-lg);
  margin-top: var(--ddsweb-theme-spacing-xs);
}

.y5kcCGSet3RA5aV p:first-child {
  margin-top: 0px;
}

.y5kcCGSet3RA5aV .title-text {
  margin-top: var(--ddsweb-theme-spacing-xs);
}

.y5kcCGSet3RA5aV a {
  margin-top: var(--ddsweb-theme-spacing-md);
}

@media (min-width: 756px) {
  .y5kcCGSet3RA5aV {
    flex-direction: column;
    margin-left: initial;
  }

  .y5kcCGSet3RA5aV p:first-child {
    margin-top: var(--ddsweb-theme-spacing-xs);
  }
}

.ACar50YX3_eBW1p {
  width: 72px;
}

@media (min-width: 504px) {
  .ACar50YX3_eBW1p {
    width: 110px;
  }
}

.qhF9Bbdy4esO9xs {
  display: flex;
  height: 100%;
  flex-direction: row;
}

@media (min-width: 1008px) {
  .qhF9Bbdy4esO9xs {
    flex-direction: column;
  }
}

.E2GEHN81CRTlv0S {
  width: 100%;
  margin-left: var(--ddsweb-theme-spacing-sm);
}

@media (min-width: 1008px) {
  .E2GEHN81CRTlv0S {
    margin-left: 0;
  }
}

._D0LyCgmXqZ1TN1 .ddsweb-link__icon-container {
  position: relative;
  top: 3px;
}

.ASRzZepJz8kCQy6 .ddsweb-grid__row {
  gap: var(--ddsweb-theme-spacing-md);
}
/* Turn off the extra gap from mobileLarge upward */
@media (min-width: 504px) {
  .ASRzZepJz8kCQy6 .ddsweb-grid__row {
    gap: initial;
  }
}

/* ---------------------------------------------
   HALF view → visible on tablet (756–1259)
---------------------------------------------- */
.aWa5Ohp9cxUVH3M {
  display: none;
}
@media (min-width: 756px) {
  .aWa5Ohp9cxUVH3M {
    display: block;
  }
}
@media (min-width: 1260px) {
  .aWa5Ohp9cxUVH3M {
    display: none;
  }
}

/* Keep original margin rule for HALF tiles */
.aWa5Ohp9cxUVH3M
  .ddsweb-grid__column:not(:nth-last-child(2)):not(:last-child) {
  margin-bottom: 24px; /* spacing.xl */
}

/* ---------------------------------------------
   QUARTER view → visible on desktop+ (≥1260)
---------------------------------------------- */
.VtQRcGvh_ggdjsq {
  display: none;
}
@media (min-width: 1260px) {
  .VtQRcGvh_ggdjsq {
    display: block;
  }

  /* Force 4-up instead of DDS default 2-up (inline --size:50%) */
  .VtQRcGvh_ggdjsq .ddsweb-grid__row {
    --size: 25%;
  }

  /* Fallback if grid instance doesn't read --size */
  .VtQRcGvh_ggdjsq .ddsweb-grid__column {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }

  /* Ensure wrapping just in case */
  .VtQRcGvh_ggdjsq .ddsweb-grid__row {
    display: flex;
    flex-wrap: wrap;
  }
}

/* ---------------------------------------------
   Mobile-only carousel wrapper (< tablet)
---------------------------------------------- */
.xNC62DHt4GfJlQb {
  /* Base: mobile visible */
  display: block;
  margin: 40px 0;
}
@media (min-width: 756px) {
  /* Hide on tablet and up */
  .xNC62DHt4GfJlQb {
    display: none;
  }
}

/* Reset carousel container margins when shown on mobile */
.xNC62DHt4GfJlQb .ddsweb-carousel__items-container {
  margin-top: 0;
  margin-bottom: 0;
}

/* Carousel root tweaks */
.Pjc90bHdunzVRlx {
  display: grid;
}

/* The ContentGroup component only supports three variant values: half, quarter, and third. 
By default, the variant is set to half. 
This default behavior applies to viewports below 504px. 
However, when following a mobile-first approach, the default half variant ends up overriding the --size variable defined for larger viewports, 
causing conflicts with other responsive styles. */
@media (max-width: 504px) {
  .ddsweb-content-group__container .ddsweb-grid__column {
    width: 100%;
  }
  .xNC62DHt4GfJlQb .ddsweb-carousel__items-container {
    width: 1008px;
  }
}

.XtaVn6qmKsyceBb {
  background-color: var(--ddsweb-theme-colors-white);
}

.XqfeKRAfCqjhVXJ span[class^='styled__ControlSeparator'],
.XqfeKRAfCqjhVXJ span[class*='styled__ControlSeparator'] {
  display: none;
}

.XqfeKRAfCqjhVXJ
  .ddsweb-carousel__play-control.ddsweb-button.ddsweb-button--icon-button {
  display: none;
}

.LgTjtQdMiay8R1p {
  --ddsweb-heading-color: var(--ddsweb-theme-colors-link-base);
}

.dPGDaJArKDHSa18 {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
/* Mobile-first default width for non-FnF tiles */
._raN_CUjB3bh7Vd {
  width: 254px;
}

/* Mobile-first default width for FnF tiles  */
.WTckdneIjlGH8QI {
  width: 228px;
}

/* Carousel Tile */

.MeQaduSQyyekpH0 {
  display: flex;
  justify-content: center;
}

.z0nTcIYr3kR6_p2 {
  height: 105px;
}

@media (min-width: 756px) {
  .z0nTcIYr3kR6_p2 {
    height: 191px;
  }
}

.fLSEuvmZif8RhVm {
  height: 100%;
  font-family: var(--ddsweb-theme-font-family-text);
}

.fLSEuvmZif8RhVm > div {
  display: block;
  padding: 0;
}

/* StyledContent padding conditional classes */
.Fev9wrOwk7Byy50 {
  padding: 0 var(--ddsweb-theme-spacing-sm) 0 var(--ddsweb-theme-spacing-md);
}

.Ziey5OBqAx3pAYp {
  padding: var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-sm) 0
    var(--ddsweb-theme-spacing-md);
}

.GwleC4x9xvqCaq5 {
  position: relative;
}

.GwleC4x9xvqCaq5 > div {
  z-index: 0;
}

.tASNKY0sRVWJ8Ud {
  padding: var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-sm) 0
    var(--ddsweb-theme-spacing-sm);
}

.uaa8yvDl0W36xbG {
  margin-top: var(--ddsweb-theme-spacing-xs);
}

.uaa8yvDl0W36xbG > div {
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.NMMOa6ro4HXuRb5 {
  position: absolute;
  right: var(--ddsweb-theme-spacing-sm);
}

.NMMOa6ro4HXuRb5 path {
  fill: var(--ddsweb-theme-colors-grayscale);
  stroke: var(--ddsweb-theme-colors-grayscale);
}

.zMaRmm7OBE0CjhJ {
  margin-bottom: var(--ddsweb-theme-spacing-xs);
  padding: 0;
  text-decoration: none;
}

.zMaRmm7OBE0CjhJ h3 {
  font-size: var(--ddsweb-theme-spacing-md);
}

.zMaRmm7OBE0CjhJ:focus,
.zMaRmm7OBE0CjhJ h3:hover {
  text-decoration: underline;
}

.NqdLR0HPrSvYBdQ p {
  display: block;
}

.C3FByIsodej4weS {
  display: flex;
  flex-direction: column;
  gap: var(--ddsweb-theme-spacing-xs);
}

.NqdLR0HPrSvYBdQ p {
  display: block;
}

.Y0i0n3GCY_eNO90 {
  margin-bottom: var(--ddsweb-theme-spacing-xs);
}

.Fi0efzGDU0MN0IW {
  width: 100%;
}

.Fpuu1WKMVv60ReO .ddsweb-carousel__item-container > section {
  height: 100%;
  text-wrap: wrap;
}

.Fpuu1WKMVv60ReO .ddsweb-carousel__header {
  align-items: baseline;
  margin-top: 48px;
}

@media (max-width: 768px) {
  .Fpuu1WKMVv60ReO .ddsweb-carousel__header {
    align-items: center;
  }
}

.Fpuu1WKMVv60ReO .ddsweb-carousel__item-count {
  margin-right: var(--ddsweb-theme-spacing-sm);
}

.Fpuu1WKMVv60ReO.k2Cd92YaYGJT3mm
  .ddsweb-carousel__content-container {
  display: block;
}

.Fpuu1WKMVv60ReO.k2Cd92YaYGJT3mm .ddsweb-carousel__control-left,
.Fpuu1WKMVv60ReO.k2Cd92YaYGJT3mm .ddsweb-carousel__item-count,
.Fpuu1WKMVv60ReO.k2Cd92YaYGJT3mm .ddsweb-carousel__link,
.Fpuu1WKMVv60ReO.k2Cd92YaYGJT3mm .ddsweb-carousel__navigation {
  display: none;
}

.BwiK5_O90tfz676 {
  margin: 0 auto;
}

/* content Carousel */

.XrHE9LE5VhSc1qn .ddsweb-carousel__items-container {
  margin-top: var(--ddsweb-theme-spacing-md);
  margin-bottom: var(--ddsweb-theme-spacing-sm);
  gap: var(--ddsweb-theme-spacing-sm);
}

.XrHE9LE5VhSc1qn .ddsweb-carousel__item {
  margin-right: 0;
  margin-bottom: 0;
}

/* Apply only when isGlobalHomepage is true */
.qyRaC_5NbWoV0pv .ddsweb-carousel__controls-container {
  margin-bottom: var(--ddsweb-theme-spacing-xxxl);
}
.RXLdFDrQKrKcwmA {
  padding: var(--ddsweb-theme-spacing-xl) 0 0 0;
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

/* Applied only if it's a global homepage */
.RXLdFDrQKrKcwmA.Aedm1Ja7w6svakR {
  padding-top: 0;
  margin-top: var(--ddsweb-theme-spacing-xxxl);
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.kNeDbJvkqvVOYR3 {
  display: inherit;
}

/* Mobile-first: on non-global homepage, use small heading on mobile */
.kNeDbJvkqvVOYR3.hj2bf3T6xAkUprW {
  font-size: var(--ddsweb-theme-font-size-sm);
}

/* Upgrade at >= 504px: let DDS Heading defaults take over */
@media (min-width: 504px) {
  .kNeDbJvkqvVOYR3.hj2bf3T6xAkUprW {
    font-size: revert-layer; /* removes the mobile override */
  }
}

/* Shimmer CSS Module - Mobile-first approach */

/* Keyframes */
@keyframes iPs951VSTDqVzPq {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

@keyframes M41XefksrwsUJZl {
  0% {
    background-color: #e5e5e5;
  }
  50% {
    background-color: #ffffff;
  }
  100% {
    background-color: #e5e5e5;
  }
}

@keyframes yftDW0gIl0z91wi {
  0% {
    background-color: #e5e5e5;
  }
  50% {
    background-color: #f6f6f6;
  }
  100% {
    background-color: #e5e5e5;
  }
}

/* Base shimmer effect - reusable class */
.hdZsbhnEoEX8p3m {
  background-image: linear-gradient(
    to right,
    #f6f6f6 0%,
    #e5e5e5 20%,
    #f6f6f6 40%,
    #f6f6f6 100%
  );
  background-size: 200% 100%;
  animation: iPs951VSTDqVzPq 1.5s infinite linear;
}

/* Base animation classes */
.ks_PJClg9erZT4i {
  animation: yftDW0gIl0z91wi 1s linear infinite;
}

/* Animation delay classes for staggered effects */
.JcjjylCoztXXix9 {
  animation-delay: 0s;
}

._4gD37XCG_4bpyY {
  animation-delay: 0.25s;
}

.isf402TOM9zfJiO {
  animation-delay: 0.5s;
}

.DrdLNKa8eREFdeU {
  animation-delay: 0.75s;
}

.C2o7uTiA5llXFCA {
  animation-delay: 1s;
}

.GLFkjuDSf3Woyri {
  animation-delay: 1.25s;
}

/* Shared dimension classes */

/* Main components */
.ZPXnSAE8a5jDP2b {
  padding: var(--ddsweb-theme-spacing-xl) 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 504px) {
  .ZPXnSAE8a5jDP2b {
    padding: var(--ddsweb-theme-spacing-xxl) 0 0 0;
  }
}

.FBxJPAj2AltGo1S {
  height: 40px;
  flex: 1;
  border-radius: 50px;
}

.i3udYRERD3Qtmhq {
  height: 40px;
  flex: 1;
}

.eCsnh2xjM43MIOE {
  height: 24px;
  width: 100px;
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.bfzczPZV1EIf8FL {
  width: 135px;
  height: 135px;
  margin-bottom: var(--ddsweb-theme-spacing-md);
  align-self: center;
}

._FeRStJHGdcKaT0 {
  width: 200px;
  height: 40px;
  margin-bottom: var(--ddsweb-theme-spacing-xs);
}

.RgdfA2oClAt_sOi {
  width: 200px;
  height: 22px;
  margin-bottom: var(--ddsweb-theme-spacing-xs);
}

._XRXHzbcAIxxqIM {
  width: 150px;
  height: 28px;
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.TuwBFPSE5c5BmSv {
  width: 200px;
  height: 47px;
  margin-top: var(--ddsweb-theme-spacing-xl);
}

.djjQe8HDANhWFwx {
  width: 175px;
  height: 36px;
  margin: var(--ddsweb-theme-spacing-xs) 0;
}

.KIRpRyMbBiWE1At {
  display: flex;
  flex-direction: column;
}

.KIRpRyMbBiWE1At .mGtnGABWkfV_vCk {
  display: flex;
  justify-content: space-between;
  margin-right: var(--ddsweb-theme-spacing-sm);
}

@media (min-width: 756px) {
  .KIRpRyMbBiWE1At .mGtnGABWkfV_vCk {
    display: none;
  }
}

.KIRpRyMbBiWE1At .d6zwTEkvPv_AJZC {
  margin-bottom: var(--ddsweb-theme-spacing-md);
}

.KIRpRyMbBiWE1At .d6zwTEkvPv_AJZC .LQCBo8xafKxLcSI {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.KIRpRyMbBiWE1At .d6zwTEkvPv_AJZC .LQCBo8xafKxLcSI .YtuwgcCQdNwSBWv {
  display: flex;
  gap: var(--ddsweb-theme-spacing-xs);
  overflow: auto;
}

.KIRpRyMbBiWE1At .d6zwTEkvPv_AJZC .LQCBo8xafKxLcSI .mGtnGABWkfV_vCk {
  display: flex;
  align-items: center;
  gap: var(--ddsweb-theme-spacing-xs);
}

@media (min-width: 756px) {
  .KIRpRyMbBiWE1At .d6zwTEkvPv_AJZC .LQCBo8xafKxLcSI .mGtnGABWkfV_vCk {
    display: flex;
  }
}

.UodiPjwfht_G2Ym {
  width: 100%;
  padding: 0;
  gap: var(--ddsweb-theme-spacing-xs);
  white-space: nowrap;
  display: flex;
  overflow: auto hidden;
}

.eRLJ2FDOK7dwftC {
  min-width: 254px;
  height: 522px;
  padding: var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-sm) 0 var(--ddsweb-theme-spacing-sm);
  border: 1px solid var(--ddsweb-theme-colors-disabled-base);
  display: flex;
  flex-direction: column;
}

.N3onlrDH6nTDvzl {
  min-width: 228px;
  height: 522px;
  padding: var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-sm) 0 var(--ddsweb-theme-spacing-sm);
  border: 1px solid var(--ddsweb-theme-colors-disabled-base);
  display: flex;
  flex-direction: column;
}

.eRLJ2FDOK7dwftC .mWCyXlV0MiiM3dY,
.N3onlrDH6nTDvzl .mWCyXlV0MiiM3dY {
  display: flex;
  flex-direction: row;
  gap: var(--ddsweb-theme-spacing-sm);
}

.ITLZUQK1TprrWxm {
  width: 50vw;
  height: 32px;
  background-color: #e5e5e5;
}

.sA8zmXfytqkXQC3 {
  margin-top: var(--ddsweb-theme-spacing-sm);
  width: 65vw;
  height: 20px;
  background-color: #e5e5e5;
}

.q3fvV3L6nbylEmj {
  margin-top: var(--ddsweb-theme-spacing-sm);
  width: 100px;
  height: 34px;
  border-radius: 50px;
}

.nR5WVwFpHd7lvGW {
  margin-top: var(--ddsweb-theme-spacing-sm);
  width: 100px;
  height: 34px;
  border-radius: 50px;
}

.bU9f4OsThaA66P5 {
  margin-top: var(--ddsweb-theme-spacing-sm);
  width: 100px;
  height: 24px;
}

/* SkeletonCard component styles */
.cnYqvgEzNR1hXbz {
  width: 254px;
  height: 384px;
  border: 1px solid #e5e5e5;
  padding: var(--ddsweb-theme-spacing-xs);
}

.Ky6CK08z8qiopph {
  height: 136px;
  width: 136px;
  margin: 0 auto;
  margin-bottom: var(--ddsweb-theme-spacing-md);
}

.A8tfpbmBjn9nBYo {
  margin-bottom: var(--ddsweb-theme-spacing-sm);
  height: 112px;
}

.TfUw5GfHBQSxX5X {
  height: 16px;
  width: 214px;
  margin-bottom: var(--ddsweb-theme-spacing-xs);
}

.Mbw__AsvhFU36m5 {
  height: 16px;
  width: 124px;
}

.VWc2aM0lO2TyXgt {
  display: flex;
  height: 76px;
  align-items: end;
}

.iPXSDOuX73hldZo {
  background-color: #e5e5e5;
  display: inline-block;
  height: 40px;
  width: 94px;
  margin-right: var(--ddsweb-theme-spacing-xs);
}

.XJmWPTCSPFqdcwO {
  height: 40px;
  border-radius: 20px;
  display: inline-block;
  width: 108px;
}

.v3ovpkGDS5MAHIp{
  display: flex;
  justify-content: space-between;
  padding: var(--ddsweb-theme-spacing-xl) 0 0 0;
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}
/* Scoped carousel styles */
.lnwvK79aKXWB6TM .ddsweb-carousel__item-container > section {
  height: 100%;
  text-wrap: wrap;
}

.lnwvK79aKXWB6TM .ddsweb-carousel__header {
  align-items: center;
}

@media (min-width: 756px) {
  .lnwvK79aKXWB6TM .ddsweb-carousel__header {
    align-items: baseline;
  }
}

.lnwvK79aKXWB6TM .ddsweb-carousel__item-count {
  margin-right: var(--ddsweb-theme-spacing-sm);
}

/* Empty state */
.lnwvK79aKXWB6TM.xAf3Y9tiDqKnRTB .ddsweb-carousel__content-container {
  display: block;
}

.lnwvK79aKXWB6TM.xAf3Y9tiDqKnRTB .ddsweb-carousel__control-left,
.lnwvK79aKXWB6TM.xAf3Y9tiDqKnRTB .ddsweb-carousel__control-right,
.lnwvK79aKXWB6TM.xAf3Y9tiDqKnRTB .ddsweb-carousel__item-count,
.lnwvK79aKXWB6TM.xAf3Y9tiDqKnRTB .ddsweb-carousel__link,
.lnwvK79aKXWB6TM.xAf3Y9tiDqKnRTB .ddsweb-carousel__navigation {
  display: none;
}
/* F&F specific overrides */
.lnwvK79aKXWB6TM.wlaDoDWCaHNlCwO {
  margin-bottom: var(--ddsweb-theme-spacing-xl);
}

@media (min-width: 756px) {
  .lnwvK79aKXWB6TM.wlaDoDWCaHNlCwO {
    margin-bottom: var(--ddsweb-theme-spacing-xxxl);
  }
}

.lnwvK79aKXWB6TM.wlaDoDWCaHNlCwO .ddsweb-carousel__item-count,
.lnwvK79aKXWB6TM.wlaDoDWCaHNlCwO .ddsweb-filter-tabs__item {
  --ddsweb-theme-colors-primary: var(--ddsweb-theme-colors-black);
  --ddsweb-link-color-visited: var(--ddsweb-theme-colors-black);
  --ddsweb-theme-font-family-text: 'FandF Sans', Arial, sans-serif;
  --ddsweb-button-font-family: 'FandF Sans', Arial, sans-serif;
}
.lnwvK79aKXWB6TM.wlaDoDWCaHNlCwO .ddsweb-carousel__forward-control,
.lnwvK79aKXWB6TM.wlaDoDWCaHNlCwO .ddsweb-carousel__backward-control,
.lnwvK79aKXWB6TM.wlaDoDWCaHNlCwO .ddsweb-carousel__container-navigation .ddsweb-link,
.lnwvK79aKXWB6TM.wlaDoDWCaHNlCwO .ddsweb-carousel__sub-header .ddsweb-link {
  font-family: 'FandF Sans', Arial, sans-serif;
  --ddsweb-theme-colors-primary: var(--ddsweb-theme-colors-black);
}
.lnwvK79aKXWB6TM.wlaDoDWCaHNlCwO .ddsweb-carousel__title {
  --ddsweb-heading-color: var(--ddsweb-theme-colors-black);
  --ddsweb-theme-font-family-heading: 'TESCO F&F', Arial, sans-serif;
}

.iJ6R7tuq4zaVVq7 {
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iJ6R7tuq4zaVVq7 .ddsweb-messaging-card__icon {
  height: 40px;
  width: 40px;
}

.iJ6R7tuq4zaVVq7 .ddsweb-messaging-card__icon .error-icon {
  width: 40px;
  height: 40px;
}
.lxvcMtC675Zabl5 .ddsweb-grid__row {
  gap: var(--ddsweb-theme-spacing-md);
}

@media (min-width: 504px) {
  .lxvcMtC675Zabl5 .ddsweb-grid__row {
    gap: initial;
  }
}
.wYwKZj5PGKrKMTw {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: auto;
  border: none;
  gap: var(--ddsweb-theme-spacing-md); /* mobile default */
}

/* ≥ mobileLarge (504px) */
@media (min-width: 504px) {
  .wYwKZj5PGKrKMTw {
    gap: var(--ddsweb-theme-spacing-xl); /* tabletLarge and up */
  }
}

/* ≥ tabletLarge (1008px): revert to desktop defaults (no flex overrides) */
@media (min-width: 1008px) {
  .wYwKZj5PGKrKMTw {
    display: block; /* UL default */
    gap: initial; /* remove our gap override */
    border: revert; /* stop forcing 'none' so upstream styles can apply */
    height: revert; /* stop forcing 'auto' */
    /* flex-direction no longer matters once display:block */
  }
}

/* ShopCategoriesCarouselWrapper.module.css */

.NHgHEIkmKMy2Ff7 {
  margin-right: 0;
  margin-top: var(--ddsweb-theme-spacing-xx) !important;
  min-width: 0; /* Required as the parent has display: grid to prevent overflow */
}

.NHgHEIkmKMy2Ff7 .ddsweb-carousel__content-container,
.NHgHEIkmKMy2Ff7 .ddsweb-carousel__content-container .ddsweb-carousel__item-container .ddsweb-link__anchor{
  width: 100%;
}

.NHgHEIkmKMy2Ff7 .ddsweb-carousel__content-container .ddsweb-link__anchor img{
  width: 100%;
  height: 100%
}

.NHgHEIkmKMy2Ff7 .ddsweb-carousel__content-container .ddsweb-carousel__item-container {
  display: flex;
  flex-direction: column;
}

.NHgHEIkmKMy2Ff7 .ddsweb-carousel__content-container .ddsweb-link__text span {
  margin-top: var(--ddsweb-theme-spacing-sm);
}

@media (min-width: 1260px) {
  .fftheme.carousel-has-min .ddsweb-carousel__container-navigation {
    display: none;
  }
}

.NHgHEIkmKMy2Ff7 .ddsweb-carousel__control-left{
  margin-top: calc(-1 * var(--ddsweb-theme-spacing-xl));
}

.NHgHEIkmKMy2Ff7 .ddsweb-carousel__item-container{
  width: 140px;
  white-space: normal;
  flex-shrink: 0;
}

@media (min-width: 480px) {
  .NHgHEIkmKMy2Ff7 .ddsweb-carousel__content-container {
    gap: var(--ddsweb-theme-spacing-md);
  }
}

@media (min-width: 480px) {
  .NHgHEIkmKMy2Ff7 .ddsweb-carousel__item-container {
    width: 112px;
  }
}

@media (min-width: 1024px) {
  .NHgHEIkmKMy2Ff7 .ddsweb-carousel__item-container {
    width: 140px;
  }

  .NHgHEIkmKMy2Ff7 .ddsweb-carousel__control-left {
    margin-top: calc(-1 * var(--ddsweb-theme-spacing-xxxl));
  }
}

@media (min-width: 1512px) {
  .NHgHEIkmKMy2Ff7 .ddsweb-carousel__item-container {
    width: 164px;
  }

  .NHgHEIkmKMy2Ff7 .ddsweb-carousel__content-container {
    gap: var(--ddsweb-theme-spacing-xl);
  }

  .fftheme.carousel-has-min .ddsweb-carousel__content-container {
    padding-bottom: 64px;
  }
}

@media (min-width: 1260px) and (max-width: 1511px) {
  .NHgHEIkmKMy2Ff7 .ddsweb-carousel__content-container {
    gap: var(--ddsweb-theme-spacing-md);
  }
  
  .fftheme.carousel-has-min .ddsweb-carousel__content-container {
    padding-bottom: var(--ddsweb-theme-spacing-xxxl);
  }
}

.DNRDjvp0ftCU_fT {
  width: 128px;
  height: 160px;
}

.ecYCkvloM5BbagG {
  text-decoration: none;
  justify-content: center;
  width: 128px;
}

.ecYCkvloM5BbagG > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  white-space: normal;
  color: var(--ddsweb-theme-colors-heading);
}

.ecYCkvloM5BbagG img {
  margin-bottom: var(--ddsweb-theme-spacing-xs);
  object-fit: cover;
}

.ecYCkvloM5BbagG:focus,
.ecYCkvloM5BbagG:hover {
  text-decoration: underline;
}

.ecYCkvloM5BbagG:focus-visible {
  outline: none;
}

.VuoG9Yb1kp3FR8y.ddsweb-heading {
  font-size: var(--ddsweb-theme-font-size-lg);
}

.p0armzZematdWBd .rocn4DSParT3q7i {
  display: grid;
  width: auto;
}

.p0armzZematdWBd .rocn4DSParT3q7i .ddsweb-carousel__items-container {
  width: auto;
  gap: var(--ddsweb-theme-spacing-sm);
}

.p0armzZematdWBd .rocn4DSParT3q7i .ddsweb-carousel__item {
  margin: 0;
  width: auto;
}

/* Tablet and above: hide it */
@media (min-width: 756px) {
  .p0armzZematdWBd .rocn4DSParT3q7i {
    display: none;
  }
}

.p7Ee9oSjzBDM1G0 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--ddsweb-theme-spacing-md);
}

.p7Ee9oSjzBDM1G0 h2 {
  font-size: var(--ddsweb-theme-spacing-xl); /* mobile-first default */
}

@media (min-width: 756px) {
  .p7Ee9oSjzBDM1G0 h2 {
    font-size: initial;
  }
}

.q9A9PTptHkJazxz {
  overflow: hidden;
}

.q9A9PTptHkJazxz.bcGxALJLg09hamw {
  overflow: auto;
  max-height: none;
}

.q9A9PTptHkJazxz.HUkCFn5Zz0Hh_wx {
  overflow: hidden;
}

/* DesktopCategoryPill styles */
.J2xsbZ9Mt8uAqA6 {
  display: none;
}

@media (min-width: 756px) {
  .J2xsbZ9Mt8uAqA6 {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-xx);
  }
}

/* Global DDSWEB overrides scoped within wrapper */

.p0armzZematdWBd .ddsweb-content-stamp__responsive-image {
  min-height: 0;
  height: 64px;
  width: 64px;
}

@media (min-width: 1260px) {
  .p0armzZematdWBd .ddsweb-content-stamp__responsive-image {
    height: 128px;
    width: 128px;
  }
}

.p0armzZematdWBd .ddsweb-content-stamp__image-container,
.p0armzZematdWBd .ddsweb-content-stamp__panel-container {
  background-color: var(--ddsweb-theme-colors-white);
}

.p0armzZematdWBd .ddsweb-content-stamp__image-container {
  padding: 0 var(--ddsweb-theme-spacing-xs);
}

.p0armzZematdWBd .ddsweb-content-stamp__panel-container {
  padding: var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-xs) 14px;
  width: 100px;
}

@media (min-width: 1260px) {
  .p0armzZematdWBd .ddsweb-content-stamp__panel-container {
    width: 128px;
  }
}

.p0armzZematdWBd .ddsweb-content-stamp__link-container {
  justify-content: center;
  text-align: center;
}

.p0armzZematdWBd .ddsweb-content-stamp__container {
  border: none;
  width: 100px;
  align-items: center;
  background-color: var(--ddsweb-theme-colors-white);
}

@media (min-width: 1260px) {
  .p0armzZematdWBd .ddsweb-content-stamp__container {
    width: 144px;
  }
}

.p0armzZematdWBd .ddsweb-content-stamp__link {
  color: var(--ddsweb-theme-colors-tesco-blue);
  text-decoration: none;
}

@media (min-width: 1260px) {
  .p0armzZematdWBd .ddsweb-content-stamp__link {
    display: block;
  }
}

.p0armzZematdWBd .ddsweb-link__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipses;
  font-family: var(--ddsweb-theme-font-family-text);
  font-style: normal;
  font-weight: 700;
  text-align: center;
  font-size: var(--ddsweb-theme-font-size-xx);
  width: 100px;
}

@media (min-width: 1260px) {
  .p0armzZematdWBd .ddsweb-link__text {
    font-size: var(--ddsweb-theme-spacing-md);
    width: inherit;
  }
}

.E7YKoIu05YcueBl {
  text-decoration: none;
  display: none; /*  default for mobile */
}

@media (min-width: 756px) {
  .E7YKoIu05YcueBl {
    display: block;
  }
}

/* style.module.css */

.M9XJYfxu5QpFEPP {
  text-align: center;
  width: 100px; /* Mobile-first default */
}

.M9XJYfxu5QpFEPP .lc57lGhVuC_BCwQ {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.M9XJYfxu5QpFEPP a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

.M9XJYfxu5QpFEPP .BLqAZ15GT7PISpo {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: var(--ddsweb-theme-colors-tesco-blue); /* BLUE_TESCO */
  color: var(--ddsweb-theme-colors-white); /* WHITE */
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  text-decoration: none;
  font-size: var(--ddsweb-theme-font-size-xx);
  font-family: var(--ddsweb-theme-font-family-text);
}

@media (min-width: 1260px) {
  .M9XJYfxu5QpFEPP {
    width: 144px;
  }

  .M9XJYfxu5QpFEPP .BLqAZ15GT7PISpo {
    width: 128px;
    height: 128px;
    font-size: var(--ddsweb-theme-font-size-xs);
  }
}

.M9XJYfxu5QpFEPP .q5So3VobxgvGQYs {
  padding: var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-xx) 14px;
  text-align: center;
  color: var(--ddsweb-theme-colors-tesco-blue); /* BLUE_TESCO */
  text-overflow: ellipsis;
  font-family: var(--ddsweb-theme-font-family-text);
  font-size: var(--ddsweb-theme-font-size-xx);
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  width: 100px;
}

@media (min-width: 1260px) {
  .M9XJYfxu5QpFEPP .q5So3VobxgvGQYs {
    font-size: var(--ddsweb-theme-font-size-xs);
    padding-top: 10px;
    width: 128px;
  }
}

.M9XJYfxu5QpFEPP .q5So3VobxgvGQYs:hover {
  text-decoration: underline;
}

@keyframes KpR4YAu0s7XZd4n {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: 200px 0;
  }
}

.QCxngrS9M_Np5ZV {
  background: var(--ddsweb-theme-colors-background-dark);
  background-image: linear-gradient(
    to right,
    var(--ddsweb-theme-colors-background-dark) 0%,
    var(--ddsweb-theme-colors-background-darkest) 20%,
    var(--ddsweb-theme-colors-background-dark) 40%,
    var(--ddsweb-theme-colors-background-dark) 100%
  );
  background-repeat: no-repeat;
  background-size: 200px 100%;
}

@media (prefers-reduced-motion: no-preference) {
  .QCxngrS9M_Np5ZV {
    animation: KpR4YAu0s7XZd4n 1s infinite linear;
  }
}

.p7M7sypuGUirhmX {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--ddsweb-theme-spacing-xs);
}

/*  Mobile-first: small skeleton image */
.HDxdOLrisO3zOnd {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

/* Desktop override: larger image */
@media (min-width: 1260px) {
  .HDxdOLrisO3zOnd {
    width: 128px;
    height: 128px;
    border-radius: initial;
  }
}

/*  Text skeleton */
.sjpdXoCQkmtUg6m {
  width: 80%;
  height: var(--ddsweb-theme-spacing-lg);
  border-radius: var(--ddsweb-theme-spacing-xx);
}

.myeYHaYa_JsJeey {
  margin: var(--ddsweb-theme-spacing-xxxl) 0 0 0;
  margin-right: 0;
  min-width: 0; /* Required as the parent has display: grid to prevent overflow*/
}

.myeYHaYa_JsJeey .ddsweb-carousel__content-container {
  width: 100%;
  gap: var(--ddsweb-theme-spacing-xx);
}
/* Mobile-first item width */
.myeYHaYa_JsJeey .ddsweb-carousel__item-container {
  white-space: normal;
  min-width: 92px;
}

/* Desktop override */
@media (min-width: 756px) {
.myeYHaYa_JsJeey .ddsweb-carousel__item-container {
    width: 144px;
  }
}
/* Desktop override */
@media (min-width: 1260px) {
  .myeYHaYa_JsJeey .ddsweb-carousel__item-container {
    min-width: 144px;
  }

  .myeYHaYa_JsJeey .ddsweb-carousel__control-left,
  .myeYHaYa_JsJeey .ddsweb-carousel__control-right {
    margin-top: calc(var(--ddsweb-theme-spacing-xxxl) * -1);
  }
}

/*  Control margin */
.myeYHaYa_JsJeey .ddsweb-carousel__control-left,
.myeYHaYa_JsJeey .ddsweb-carousel__control-right {
  margin-top: calc(var(--ddsweb-theme-spacing-xxxl) * -1);
}

.MRmCQnIGJ1chFiF {
  width: 100%;
  max-width: 100vw;
  height: 75vh;
  background-color: #f6f7f8;
  position: relative;
  overflow: hidden;
  border-radius: var(--ddsweb-theme-spacing-xx);
}

.bOuuhQ9bcEOweBC {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    to right,
    #f6f7f8 0%,
    #edeef1 20%,
    #f6f7f8 40%,
    #f6f7f8 100%
  );
  background-repeat: no-repeat;
  background-size: 200% 100%;
  animation: bOuuhQ9bcEOweBC 1.5s infinite linear;
}

@keyframes bOuuhQ9bcEOweBC {
  0% {
    background-position: -100% 0;
  }

  100% {
    background-position: 100% 0;
  }
}

.SxrWLKxhEdNZuXu {
  color: var(--ddsweb-theme-colors-black, #000000);
}
.LdQqcOOexxBlixh {
  padding: var(--ddsweb-theme-spacing-xxxl) 0 var(--ddsweb-theme-spacing-md) 0;
}

.g6LtUdK8jtWlryX {
  display: grid;
  gap: var(--ddsweb-theme-spacing-sm);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.g6LtUdK8jtWlryX > section > div {
  width: auto !important;
}

._pG944gnWElH1R1 {
  display: grid;
  justify-content: center;
  padding-top: var(--ddsweb-theme-spacing-xxxl);
}

._pG944gnWElH1R1 > nav,
._pG944gnWElH1R1 > nav > div > p {
  border: none !important;
}

._pG944gnWElH1R1 > a {
  width: 160px;
  margin-left: var(--ddsweb-theme-spacing-xxl);
}

@media (min-width: 360px) and (max-width: 503px) {
  .g6LtUdK8jtWlryX > section > div {
    width: 100% !important;
    display: flex !important;
    position: relative;
  }

  .g6LtUdK8jtWlryX > section > div > div,
  .g6LtUdK8jtWlryX > section > div > section {
    flex: 1;
    margin-left: 110px;
  }

  .g6LtUdK8jtWlryX > section > div > div > div:nth-child(3) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
  }
}


.OT18GAE7okjUIYb .ddsweb-carousel__header {
  margin-top: 32px !important;
}

.d23y5RFAySj1AjT {
  padding: 8px 0 0 0;
}

.WLMDSNI_yEhv4DE {
    display: none;
  }
  
  @media (min-width: 756px) {
    .WLMDSNI_yEhv4DE {
      display: flex;
      flex-wrap: wrap;
      gap: var(--ddsweb-theme-spacing-xs);
      list-style: none;
      padding: 0 var(--ddsweb-theme-spacing-xs);
    }
  }
._6a74jBlaMst6COj {
    display: block;
    max-width: 100vw;
  }
  .u8LmhghETJZYS3s {
    overflow-x: scroll;
    display: flex;
    flex-direction: column;
    gap: var(--ddsweb-theme-spacing-sm);
    margin-bottom: var(--ddsweb-theme-spacing-sm);
    padding: var(--ddsweb-theme-spacing-xx);
  }
  .u8LmhghETJZYS3s::scrollbar {
    display: none;
  }
  .PAMDiQqdaAkP9Iv {
    display: flex;
    flex-direction: row;
    gap: var(--ddsweb-theme-spacing-xs);
  }
  .ltALtdBwKva6nJG {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: end;
  }
  .sf0AXydfwVFqD6M {
    display: flex;
    flex-direction: row;
    gap: var(--ddsweb-theme-spacing-sm);
    padding-right: var(--ddsweb-theme-spacing-sm);
  }
  
  @media (min-width: 756px) {
    ._6a74jBlaMst6COj {
      display: none;
    }
  }
.iJ5Ss5UOqYrt0Qw {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 8px 0;
}

.LZBwuIK3WcWPndU {
  height: 42px;
  width: 125px;
  border-radius: 16px;
  background: linear-gradient(to right,
      #eeeeee 0%,
      #dddddd 20%,
      #eeeeee 40%,
      #eeeeee 100%);
  background-size: 800px 104px;
  animation: ZTtKsmSGVXD5ZCJ 1.2s infinite linear;
}

@keyframes ZTtKsmSGVXD5ZCJ {
  0% {
    background-position: -800px 0;
  }

  100% {
    background-position: 800px 0;
  }
}
.DFiBBKRKHxjJtXF {
 border: 1px solid var(--ddsweb-theme-colors-disabled-base);
 padding: var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-sm);
}

.MBeP7TPzPmETNwR {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: var(--ddsweb-theme-spacing-sm);
  height: 80px;
  gap: var(--ddsweb-theme-spacing-xx);
}
.m7Nn9EmwiR2_hXY {
  position: sticky;
  bottom: var(--ddsweb-theme-spacing-md);
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
  margin: var(--ddsweb-theme-spacing-lg) 0;
  width: 60px;
  height: 60px;
}

.TVZep9H2Vr_kl6J {
  opacity: 1;
}

.oJJ7qQMnZMhSlHG {
  width: 40px;
  height: 40px;
}

@media (max-width: 755) {
  .E3cJApjvsoimeIL {
    bottom: 200px;
  }
}

.ti26kNHkhsY4asr {
  padding: var(--ddsweb-theme-spacing-lg) 0;
  width: 100%;
  margin: 0 var(--ddsweb-theme-spacing-sm);
}

.ti26kNHkhsY4asr .ddsweb-breadcrumb__list-item-link {
  font-size: var(--ddsweb-theme-font-size-xx);
}

@media (max-width: 756px) {
  .ti26kNHkhsY4asr {
    padding-left: 0 !important;
  }
  .ti26kNHkhsY4asr
    .ddsweb-breadcrumb__back-link .ddsweb-link__icon-container {
    margin-left: 0;
  }
}

.N3XQlYh49gDXKzM {
  margin: 0 auto;
}

.l_KEEqLelzBBCmn {
  margin-top: var(--ddsweb-theme-spacing-xxxl);
  border: 1px solid var(--ddsweb-theme-colors-lines-base);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: var(--ddsweb-theme-spacing-sm);
  padding-right: var(--ddsweb-theme-spacing-sm);
  font-family: 'TESCO Modern', Arial, sans-serif;
  flex-direction: column;
  gap: var(--ddsweb-theme-spacing-md);
  min-height: 144px;
  padding-top: var(--ddsweb-theme-spacing-md);
  padding-bottom: var(--ddsweb-theme-spacing-md);
  align-items: flex-start;
  margin-right: var(--ddsweb-theme-spacing-sm);
  margin-bottom: var(--ddsweb-theme-spacing-xxxl);
}

.Qj7WwOXptHwkSlU {
  display: flex;
  flex-direction: column;
  gap: var(--ddsweb-theme-spacing-xs);
  width: auto;
}

.CGzLX8W4hWMohfD {
  display: flex;
  gap: var(--ddsweb-theme-spacing-sm);
  justify-content: end;
  width: 100%;
  justify-content: left;
}

.CGzLX8W4hWMohfD .ddsweb-link__anchor {
  padding: 0 var(--ddsweb-theme-spacing-lg);
  width: 50%;
}

.KmL7p2Re12lpCx0 {
  font-size: var(--ddsweb-theme-font-size-md);
}

@media (min-width: 504px) {
  .CGzLX8W4hWMohfD .ddsweb-link__anchor {
    padding: 0 60px;
    width: 50%;
  }
}

@media (min-width: 756px) {
  .l_KEEqLelzBBCmn {
    flex-direction: row;
    gap: initial;
    min-height: 96px;
    padding-top: initial;
    padding-bottom: initial;
    align-items: center;
  }

  .CGzLX8W4hWMohfD {
    width: auto;
    justify-content: end;
  }

  .vHAljTUoJQ_YJr2 {
    margin: 0px;
    color: var(--ddsweb-theme-color-text);
    font-size: var(--ddsweb-theme-font-size-xs);
  }

  .CGzLX8W4hWMohfD .ddsweb-link__anchor {
    padding: 0 var(--ddsweb-theme-spacing-xxxl);
    width: initial;
  }
}

@media (min-width: 1008px) {
  .l_KEEqLelzBBCmn {
    margin-right: initial;
    margin-bottom: initial;
  }

  .KmL7p2Re12lpCx0 {
    font-size: var(--ddsweb-theme-font-size-lg);
  }

  .vHAljTUoJQ_YJr2 {
    font-size: var(--ddsweb-theme-font-size-sm);
  }
}

/* Base styles - Mobile first */
.TnUddwQHQkC9GmE {
  text-decoration: none;
  border: none;
}

/* Logo positioning modifiers */
.rR69_xOlpoRWc6Y .ddsweb-banner__logo {
  top: 0;
  left: 0;
}

.tJhPuZFX2F9RBXd .ddsweb-banner__logo {
  bottom: 0;
  right: 0;
}

/* Global classes for ddsweb Banner component */
.TnUddwQHQkC9GmE.ddsweb-banner__container {
  justify-content: flex-start;
  align-items: flex-end;
  padding: 0;
  max-height: unset;
  min-height: 425px;
}

.TnUddwQHQkC9GmE .ddsweb-banner__panel {
  background-color: #000000e5;
  height: fit-content;
  width: 100%;
  padding: var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-sm);
  min-height: unset;
}

.TnUddwQHQkC9GmE .ddsweb-banner__terms {
  position: relative;
  margin-left: -12px; /* this is to force the undo of margin added by ddsweb, which needs to be corrected at the component level later on. */
}

.TnUddwQHQkC9GmE .ddsweb-link__text {
  color: var(--ddsweb-theme-colors-heading);
}

.TnUddwQHQkC9GmE .ddsweb-banner__links-container {
  margin-top: var(--ddsweb-theme-spacing-md);
  display: flex;
}
.TnUddwQHQkC9GmE .ddsweb-banner__logo {
  margin: var(--ddsweb-theme-spacing-sm);
  z-index: 1;
  width: 72px;
  height: 38px;
}
.fftheme .ddsweb-banner__headlineLogo {
  display: none !important;
}

.TnUddwQHQkC9GmE .ddsweb-banner__image-container {
  width: 100%;
}

.TnUddwQHQkC9GmE.TnUddwQHQkC9GmE .ddsweb-responsive-image__image {
  aspect-ratio: 1/1; /* SQUARE aspect ratio for mobile */
  max-height: 503px;
  object-position: top right;
}

.TnUddwQHQkC9GmE .ddsweb-banner__headline {
  font-size: var(--ddsweb-theme-font-size-lg);
  line-height: 32px;
}

.TnUddwQHQkC9GmE .ddsweb-banner__standfirst {
  font-size: var(--ddsweb-theme-font-size-xs);
  line-height: var(--ddsweb-theme-line-height-heading-xs);
}
.TnUddwQHQkC9GmE
  .ddsweb-banner__links-container
    > a.ddsweb-banner__link.ddsweb-link__anchor {
  margin-bottom: var(--ddsweb-theme-spacing-sm);

  margin-right: var(--ddsweb-theme-spacing-sm);
  vertical-align: top;
}

.TnUddwQHQkC9GmE
  .ddsweb-banner__links-container
    > a.ddsweb-banner__link.ddsweb-link__anchor {
  flex: 0 1 auto;
}
.TnUddwQHQkC9GmE
  .ddsweb-banner__links-container:has(> a.ddsweb-banner__link.ddsweb-link__anchor:nth-child(2))
    > a.ddsweb-banner__link.ddsweb-link__anchor {
  flex: 1 1 0;
}

/* Tablet - 756px to 1007px */
@media (min-width:756px) and (max-width: 1007px) {
  .n5SVgSwdkbvztCa.ddsweb-banner__container {
    min-height: 709px;
  }
}

/* TabletLarge and above - 1008px */
@media (min-width: 1008px) {
  .TnUddwQHQkC9GmE.ddsweb-banner__container {
    padding: var(--ddsweb-theme-spacing-md);
  }

  .TnUddwQHQkC9GmE .ddsweb-banner__panel {
    width: 50%;
    background-color: #000000cc;
    padding: var(--ddsweb-theme-spacing-lg);
  }

  .TnUddwQHQkC9GmE .ddsweb-banner__logo {
    margin: var(--ddsweb-theme-spacing-md);
    width: 102px;
    height: 54px;
  }

  .TnUddwQHQkC9GmE.TnUddwQHQkC9GmE
    .ddsweb-responsive-image__image {
    aspect-ratio: 16/9; /* LANDSCAPE aspect ratio for tablet+ */
    max-height: unset;
  }
}

/* Desktop and above - 1260px */
@media (min-width: 1260px) {
  .TnUddwQHQkC9GmE.ddsweb-banner__container {
    padding: 40px;
    min-height: 709px;
  }

  .fftheme.TnUddwQHQkC9GmE > .ddsweb-banner__panel {
    padding: var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-sm) !important;
  }
  .TnUddwQHQkC9GmE .ddsweb-banner__terms {
    max-width: 630px;
    margin-left: -12px; /* this is to force the undo of margin added by ddsweb, which needs to be corrected at the component level later on. */
  }

  .TnUddwQHQkC9GmE .ddsweb-banner__panel {
    width: 50%;
  }

  .TnUddwQHQkC9GmE .ddsweb-banner__logo {
    margin: 40px;
    width: 152px;
    height: 80px;
  }

  .TnUddwQHQkC9GmE .ddsweb-banner__headline {
    font-size: 48px;
    line-height: 52px;
  }

  .TnUddwQHQkC9GmE .ddsweb-banner__standfirst {
    font-size: var(--ddsweb-theme-font-size-sm);
    line-height: var(--ddsweb-theme-line-height-heading-sm);
  }
}
.lavB0TF6PpF4rgz .ddsweb-banner__panel {
  padding: 42px 24px;
}

.lavB0TF6PpF4rgz .ddsweb-responsive-image__image {
  aspect-ratio: 16 / 9;
}

.lavB0TF6PpF4rgz .ddsweb-banner__panel {
  background-color: var(--mfe-dc-contentBackgroundColour);
}

.lavB0TF6PpF4rgz .ddsweb-banner__headline {
  color: white;
}

.lavB0TF6PpF4rgz .ddsweb-banner__standfirst {
  color: white;
  font-size: 20px;
}

.lavB0TF6PpF4rgz .ddsweb-banner__link {
  background-color: white;
  margin-top: 20px;
  color: var(--mfe-dc-contentBackgroundColour);
}

.lavB0TF6PpF4rgz .ddsweb-banner__content-container {
  margin-top: auto;
}

.k58PZ5uO4Z6iHdp {
  width: 64px;
  height: 64px;
}

/* Desktop: larger image */
@media (min-width: 1260px) {
  .k58PZ5uO4Z6iHdp {
    width: 128px;
    height: 128px;
  }
}

.agiJKAbBXJcGbce {
  width: 100%;
  justify-content: center;
  font-family: var(--ddsweb-theme-base-font-family);
  text-decoration: none;
}

.agiJKAbBXJcGbce:hover,
.agiJKAbBXJcGbce:focus {
  text-decoration: underline !important; /*override none defined by the orchestrator*/
}

.agiJKAbBXJcGbce > span {
  display: flex;
  flex-direction: column;
  gap: var(--ddsweb-theme-spacing-sm);
  align-items: center;
  text-align: center;

  padding: 0;
  font-size: var(--ddsweb-theme-font-size-xx);
  font-weight: 700;
  line-height: var(--ddsweb-theme-line-height-heading-xs);
  white-space: normal;
}

/* Responsive text size and padding */
@media (min-width: 1260px) {
  .agiJKAbBXJcGbce > span {
    font-size: var(--ddsweb-theme-font-size-xs);
  }
  .ghp-wrapper .agiJKAbBXJcGbce > span {
    padding: 0 var(--ddsweb-theme-spacing-xs) var(--ddsweb-theme-spacing-md);
  }
}

.C2TrTmwtKUX0e6P {
    display: flex;
    flex-direction: column;
    gap: var(--ddsweb-theme-spacing-xl);
    margin-left: auto;
    margin-right: auto;
}

.C2TrTmwtKUX0e6P :is(a, div) {
    min-height: 120px; /* ensures roundel alignment */
} 


/*
  Defined to ensure there is no cls, i.e css hides/shows the required carousel
*/

.F3KGGE5JfOOo8c2 {
    @media(max-width: 504px) {
       display: none;
    }
}

.lfjHfs8EQ6zPPx4 {
    @media(min-width: 505px) {
      display: none
    }
}
/* Keep base margins at 0 for this experiment’s usage */
.Za7gDD0fjjLwpsf {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

/* The old styled rule set flow-root below tablet */
@media (min-width: 0px) and (max-width: 755.98px) {
  .Za7gDD0fjjLwpsf {
    display: flow-root;
  }
}

/* Match the “white translucent background on controls” intent.
   Prefer stable DDS control classnames instead of fragile styled__* matchers. */
.Za7gDD0fjjLwpsf .ddsweb-carousel__control-left,
.Za7gDD0fjjLwpsf .ddsweb-carousel__control-right {
  background-color: rgba(255, 255, 255, 0.8);
}

.t8AjnKV6Sfv1T3p {
    display: grid;
    width: fit-content;
    margin: 0 auto;
    font-family: var(--ddsweb-theme-font-family-text);
  }
/* Homepage.module.css — mobile-first with same class names as styled-component */

/* ===== Wrapper ===== */

.lNZRTrSS1ZrosLV {
  margin: var(--ddsweb-theme-spacing-md) 0 var(--ddsweb-theme-spacing-md) 0;
}
.FEjcwlu0Wz6qPD5 {
  overflow: hidden;
  background: var(--ddsweb-theme-colors-background);
  margin-left: var(--ddsweb-theme-spacing-sm);
  margin-right: var(--ddsweb-theme-spacing-sm);
  padding-bottom: var(--ddsweb-theme-spacing-xl);
}

/* GHP homepage modifier */
.wrapper.ghp-wrapper {
  margin-right: 0;
}
.FEjcwlu0Wz6qPD5.p6QO_mR83BHkFnq .xqtgk6oVkishcrW,
.FEjcwlu0Wz6qPD5.p6QO_mR83BHkFnq .ddsweb-skinny-banner__container,
.FEjcwlu0Wz6qPD5.p6QO_mR83BHkFnq .Yjf64vgCTRbeqZc {
  margin-right: var(--ddsweb-theme-spacing-sm);
}

/* F&F homepage modifier */
.wrapper.fnf-homepage-wrapper {
  margin-left: 0;
  margin-right: 0;
}

/* Tablet ≥756px */
@media (min-width: 756px) {
  .FEjcwlu0Wz6qPD5 {
    margin-right: var(--ddsweb-theme-spacing-xl);
  }
}

/* Desktop large ≥1008px */
@media (min-width: 1008px) {
  .FEjcwlu0Wz6qPD5.ghp-wrapper {
    margin-right: var(--ddsweb-theme-spacing-sm);
  }
  .FEjcwlu0Wz6qPD5.ghp-wrapper .xqtgk6oVkishcrW,
  .FEjcwlu0Wz6qPD5.ghp-wrapper .ddsweb-skinny-banner__container,
  .FEjcwlu0Wz6qPD5.ghp-wrappercontentGroupWrapper .Yjf64vgCTRbeqZc {
    margin-right: 0;
  }
}

/* ===== UI Panel Child Elements ===== */

/* contentGroupWrapper & advancedCarouselWrapper */
.ui-panel > .advancedCarouselWrapper,
.ui-panel > .contentGroupWrapper {
  margin-top: var(--ddsweb-theme-spacing-md);
}

/* advancedContentGroupWrapper */
.ui-panel > .advancedContentGroupWrapper {
  margin-top: var(--ddsweb-theme-spacing-md);
  margin-bottom: var(--ddsweb-theme-spacing-xl);
}
@media (min-width: 756px) {
  .ui-panel > .advancedContentGroupWrapper {
    margin-bottom: var(--ddsweb-theme-spacing-xxxl);
  }
}

/* contentTitleContainer */
.ui-panel > .contentTitleContainer {
  margin-top: 40px;
  margin-bottom: 0;
}
@media (min-width: 504px) {
  .ui-panel > .contentTitleContainer {
    margin-top: 48px;
  }
}

/* Default direct children exclusions */
.ui-panel
  > :not(.contentTitleContainer, .categoryPageSection, [class*='_eventButtonWrapper'], .styledPropositionalRow, .scrollableCarouselWrapper, .contentGroupWrapper, .bannerWrapper, .shopCategoriesContainer, .advancedContentGroupWrapper, .advancedCarouselWrapper, .contentHeadingWrapper, .nameCardWrapper, .lazy-render-carousels:empty, .dfp-banner-wrapper:empty, .dfp-banner-wrapper:has(> div:empty)) {
  margin-bottom: 0;
  margin-top: var(--ddsweb-theme-spacing-md);
}
@media (min-width: 504px) {
  .ui-panel
    > :not(.contentTitleContainer, .categoryPageSection, [class*='_eventButtonWrapper'], .styledPropositionalRow, .scrollableCarouselWrapper, .contentGroupWrapper, .bannerWrapper, .shopCategoriesContainer, .advancedContentGroupWrapper, .advancedCarouselWrapper, .contentHeadingWrapper, .nameCardWrapper, .lazy-render-carousels:empty, .dfp-banner-wrapper:empty, .dfp-banner-wrapper:has(> div:empty)) {
    margin-top: var(--ddsweb-theme-spacing-xl);
  }
}

/* bannerWrapper */
.ui-panel > .bannerWrapper {
  margin-bottom: var(--ddsweb-theme-spacing-xl);
  margin-top: 0;
}
@media (min-width: 756px) {
  .ui-panel > .bannerWrapper {
    margin-bottom: var(--ddsweb-theme-spacing-xxxl);
  }
}

/* shopCategoriesContainer */
.ui-panel > .shopCategoriesContainer {
  margin-bottom: var(--ddsweb-theme-spacing-xl);
  margin-top: var(--ddsweb-theme-spacing-xs);
}
@media (min-width: 756px) and (max-width: 1259px) {
  .ui-panel > .shopCategoriesContainer {
    margin-bottom: var(--ddsweb-theme-spacing-xxxl);
    margin-top: var(--ddsweb-theme-spacing-xs);
  }
}
@media (min-width: 1260px) {
  .ui-panel > .shopCategoriesContainer {
    margin-bottom: 40px;
    margin-top: var(--ddsweb-theme-spacing-md);
  }
}

/* styledPropositionalRow:first-child */
.ui-panel > .styledPropositionalRow:first-child {
  margin-top: 0;
}
@media (min-width: 504px) {
  .ui-panel > .styledPropositionalRow:first-child {
    margin-top: var(--ddsweb-theme-spacing-xl);
  }
}

/* ui-paragraph */
.ui-panel > .ui-paragraph {
  margin-top: var(--ddsweb-theme-spacing-xl);
}
.ui-panel > .ui-paragraph > div {
  padding: 0;
}

/* ===== HomepageHeader ===== */

.mcC3PWBKdI0DOXM {
  position: relative;
  min-height: 296px; /* below large mobile min-height */
  background: var(--ddsweb-theme-colors-utils);
}

.mcC3PWBKdI0DOXM .EmRhLn1b1cFFu2I,
.mcC3PWBKdI0DOXM .T8azBZ9lMtL0zuw {
  background: var(--ddsweb-theme-colors-base);
  border: none;
  color: var(--ddsweb-theme-colors-tescoBlue);
  margin-top: 0;
  margin-bottom: 0;
}

/* ≥504px (mobileLarge) */
@media (min-width: 504px) {
  .mcC3PWBKdI0DOXM {
    min-height: 304px; /* below tablet min-height */
  }
}

/* ≥756px (tablet) */
@media (min-width: 756px) {
  .mcC3PWBKdI0DOXM {
    min-height: 316px; /* tablet spec */
  }
}

.JsByCdNe5tBBU6z {
  display: grid;
}

.QIhGXghKHnIU7uY {
  display: grid;
  max-width: 1512px; /* desktopLarge breakpoint */
  margin: 0px auto;
}

.QWgE_8VP8AcqmoE {
  display: grid;
  max-width: 1512px; /* desktopLarge breakpoint */
  margin: 0px auto;
}

.xedi0ThFZC6Dmp4 {
  max-width: 1512px;
  margin: 0px auto;
}

/* Mobile-first base */
.ibtGh4k1ALeamVG {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--ddsweb-theme-colors-utils);

  height: 100%;
  width: 100vw;
  overflow: hidden;

  position: absolute;
  z-index: 0;
  left: 0;
}

/* Keep children stretched like before */
.ibtGh4k1ALeamVG .ui-panel,
.ibtGh4k1ALeamVG picture img {
  height: 100%;
}

/* Optional dark overlay */
.qGaQ3GkFZCxxk36 {
  background: rgba(0, 0, 0, 0.1);
  height: 100%;
}

/* ≥ 1260px: apply constrained centering offset when NOT full-width */
@media (min-width: 1260px) {
  .ibtGh4k1ALeamVG.WW3CxGXGBeW6pCD {
    left: calc((100vw - 1260px) / -2);
  }
}

/* ≥ 1512px: apply larger centering offset when full-width is enabled */
@media (min-width: 1512px) {
  .ibtGh4k1ALeamVG.J1gsk7m2b1Hbuhm {
    left: calc((100vw - 1512px) / -2);
  }
}

/* Base: mobile-first */
.RdsuYN3WI3ZyINn {
  /* default color = link (when no header image) */
  color: var(--ddsweb-theme-colors-link);
  margin-top: 0;
}

.cLBh6b7HTFqLnge {
  color: var(--ddsweb-theme-colors-white);
  margin-top: var(--ddsweb-theme-font-size-xxxl);
}

/* We only want a smaller type on small screens (mobileOnly / belowTablet) */
.QsebbVc2IzmugWn {
  font-size: var(--ddsweb-theme-font-size-md);
}

/* ≥ tablet: let the DDS Heading’s default sizing take over */
@media (min-width: 756px) {
  .QsebbVc2IzmugWn {
    font-size: revert;
  }
}

.vINLrAjmxLY8NLv {
  position: relative;
}

/* GHS-specific userGreeting font-size */
.ghs-layout-wrapper .vINLrAjmxLY8NLv .ddsweb-heading {
  font-size: var(--ddsweb-theme-font-size-xl);
}

/* Dot styling */
.Xc0nL9WIQgl5qNH {
  color: var(--ddsweb-theme-colors-tescoRed);
  font-family: var(--ddsweb-theme-font-family-modern);
}

.FsLiD2IEJSCgki5 {
  padding-left: var(--ddsweb-theme-spacing-sm);
  padding-right: var(--ddsweb-theme-spacing-sm);
  padding-bottom: 40px;
  overflow: hidden;
}

.ghs-layout-wrapper [data-testid='event-button'] {
  display: inline-flex;
}

/* ≥ tabletLarge (1008px): switch to larger paddings */
@media (min-width: 1008px) {
  .FsLiD2IEJSCgki5 {
    padding-left: var(--ddsweb-theme-spacing-xl);
    padding-right: var(--ddsweb-theme-spacing-xl);
  }
}
.y9TbWrOragmAwAV {
  margin-top: var(--ddsweb-theme-spacing-xl);
}

/* LoginCard CSS Modules */

.cyUnpeVU4HvGjfN {
  width: 100%;
  margin-top: var(--ddsweb-theme-spacing-xx);
  display: flex;
  flex-direction: column;
}

@media (min-width: 1008px) {
  .cyUnpeVU4HvGjfN {
    margin-top: var(--ddsweb-theme-spacing-lg);
  }
}

.dxWYSJ5lmtq11Ce {
  display: none;
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

@media (min-width: 1008px) {
  .dxWYSJ5lmtq11Ce {
    display: block;
  }
}

.ohB7lzslr0HKAta {
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.XgCYHzpFtFDfoVt {
  font-weight: 400;
  font-size: var(--ddsweb-theme-spacing-md);
  margin-top: var(--ddsweb-theme-spacing-lg);
  color: var(--ddsweb-theme-colors-grayscale);
  
}

.e9N6x3uY2WgS8xa {
  height: 100%;
}

.XpL_QOnPVJDeAV1 {
  flex-grow: 1;
}

.kXHaLLH86eHzr7f {
  display: flex;
  gap: var(--ddsweb-theme-spacing-sm);
}

@media (min-width: 1008px) {
  .kXHaLLH86eHzr7f {
    display: block;
  }
}

.tMGh6Adaf4nJTn4 {
  flex-direction: column-reverse;
  gap: var(--ddsweb-theme-spacing-sm);
}

@media (min-width: 1008px) {
  .tMGh6Adaf4nJTn4 {
    flex-direction: row;
    gap: inherit;
  }
}

.zXbjlgX5uCQIJIO {
  width: 100%;
  display: flex;
  padding: var(--ddsweb-theme-spacing-xs);
}

@media (min-width: 1008px) {
  .zXbjlgX5uCQIJIO {
    width: auto;
    flex: 58.33%;
  }
}

.ls3XMLjnVFh50Yi {
  width: 100%;
  display: flex;
}

@media (min-width: 1008px) {
  .ls3XMLjnVFh50Yi {
    width: auto;
    flex: 41.66%;
    padding: var(--ddsweb-theme-spacing-xs);
  }
}

.YjEEIHZM7OqTnjr {
  display: block;
  margin-top: var(--ddsweb-theme-spacing-xl);
}

@media (min-width: 1008px) {
  .YjEEIHZM7OqTnjr {
    display: none;
  }
}

.nLzYa4OyRGf6jqZ {
  display: none;
}

@media (min-width: 1008px) {
  .nLzYa4OyRGf6jqZ {
    display: block;
  }
}
.qVVD7iQ7GkY2Eju {
  display: flex;
  width: 100%;
  margin-top: var(--ddsweb-theme-spacing-md);
}

@media (min-width: 756px) {
  .qVVD7iQ7GkY2Eju {
    margin-top: var(--ddsweb-theme-spacing-xl);
  }
}
.template-wrapper:has([data-mfe='mfe-digital-content'] .without-sidebasket) .template-sidecolumn {
  display: none;
}
.vzVAyo3AA9dqfqY {
    display: flex;
    justify-content: center;
    margin: var(--ddsweb-theme-spacing-sm);
  }  
.fftheme {
  --ddsweb-theme-font-family-text: 'FandF Sans', Arial, sans-serif;
  --ddsweb-theme-font-family-heading: 'TESCO F&F', Arial, sans-serif;
}

.fftheme.ddsweb-heading,
.fftheme .ddsweb-heading {
  --ddsweb-theme-colors-base: var(--ddsweb-theme-colors-black);
  --ddsweb-theme-line-height-next-heading: calc(1em + 0.5rem);
}

.fftheme .fftheme.ddsweb-label,
.fftheme .ddsweb-label,
.fftheme.ddsweb-link,
.fftheme .ddsweb-link {
  --ddsweb-heading-color: var(--ddsweb-theme-colors-black);
  --ddsweb-theme-colors-text-base: var(--ddsweb-theme-colors-black);
}

.fftheme.ddsweb-link,
.fftheme .ddsweb-link {
  --ddsweb-theme-base-font-family: 'FandF Sans', Arial, sans-serif;
  font-family: 'FandF Sans', Arial, sans-serif;
}

.fftheme.ddsweb-link,
.fftheme .ddsweb-link,
.fftheme.ddsweb-button,
.fftheme.ddsweb-link__textButton,
.fftheme.ddsweb-link__iconButtonLink,
.fftheme.ddsweb-link__iconButton,
.fftheme .ddsweb-button,
.fftheme .ddsweb-link__textButton,
.fftheme .ddsweb-link__iconButtonLink,
.fftheme .ddsweb-link__iconButton {
  --ddsweb-theme-colors-active-rgb: var(--ddsweb-theme-colors-text-dark-rgb);
  --ddsweb-theme-colors-active: var(--ddsweb-theme-colors-text-dark);
  --ddsweb-theme-colors-primary-rgb: var(--ddsweb-theme-colors-black-rgb);
  --ddsweb-theme-colors-primary: var(--ddsweb-theme-colors-black);
  --ddsweb-theme-colors-link-base: var(--ddsweb-theme-colors-black);
  --ddsweb-link-color-visited: var(--ddsweb-theme-colors-black);
  --ddsweb-theme-base-font-family: 'FandF Sans', Arial, sans-serif;
}

.fftheme.ddsweb-card__card-container,
.fftheme .ddsweb-card__card-container {
  --ddsweb-theme-colors-tesco-blue: var(--ddsweb-theme-colors-black);
}

.fftheme.ddsweb-content-group__container,
.fftheme .ddsweb-content-group__container {
  --ddsweb-content-stamp-background-color: var(--ddsweb-theme-colors-inverse);
  --ddsweb-theme-colors-primary: var(--ddsweb-theme-colors-black);
  --ddsweb-theme-colors-inverse: var(--ddsweb-theme-colors-white);
  --ddsweb-button-background-inversed: var(--ddsweb-theme-colors-white);
}

.fftheme.ddsweb-responsive-image__image,
.fftheme .ddsweb-responsive-image__image {
  aspect-ratio: 4/5;
}

.fnf-homepage-wrapper .ui-panel:first-child {
  margin-left: 0;
  margin-right: 0
}

.fnf-homepage-wrapper .ui-panel {
  margin-left: var(--ddsweb-theme-spacing-sm);
  margin-right: var(--ddsweb-theme-spacing-sm);
}

[data-mfe='mfe-digital-content'] .fftheme.ddsweb-banner__container .ddsweb-banner__content-container .ddsweb-heading {
  --ddsweb-heading-color: var(--ddsweb-theme-colors-white);
}

.UClchfZV5uxs60m {
  display: flex;
  justify-content: center;
  margin: var(--ddsweb-theme-spacing-sm)
}

.TtTvAZ8njGIblNq {
  overflow: hidden;
  background: var(--ddsweb-theme-colors-background-base);
}

.TtTvAZ8njGIblNq .ui-components-library:before,
.TtTvAZ8njGIblNq .ui-components-library:after {
  display: none;
}

.TtTvAZ8njGIblNq .ui-panel > div {
  margin: 0;
}

.KXK0m6Khue0dPmN {
  display: flex;
  height: 100%;
  width: calc(100% - var(--ddsweb-theme-spacing-xxl) * 2);
  justify-content: center;
  padding-top: 200px;
}

.category-layout-wrapper [data-testid='event-button'] {
  margin-top: 0 !important;
}

.category-layout-wrapper .category-chip-container {
  margin-top: 0 !important;
}

.category-layout-wrapper .back-to-the-top {
  margin-top: 0 !important;
}

.category-layout-wrapper .back-to-the-top-container {
  margin-top: 0 !important;
}

.zn4NEm7HrJxMhPs {
  display: flex;
  height: 100%;
  width: calc(100% - var(--ddsweb-theme-spacing-xxl) * 2);
  justify-content: center;
  padding-top: 200px;
}

.AF6IvLZSrf78OyK {
  display: flex;
  flex-direction: column;
  row-gap: var(--ddsweb-theme-spacing-xxxl);
  margin: 0 var(--ddsweb-theme-spacing-sm);
}

.AF6IvLZSrf78OyK > div {
  display: flex;
  row-gap: var(--ddsweb-theme-spacing-xl);
  flex-direction: column;
}

.AF6IvLZSrf78OyK .categoryPageSection .ddsweb-carousel__header {
  margin-top: 0;
  padding-right: 0;
}

.AF6IvLZSrf78OyK .categoryPageSection h2.ddsweb-heading,
.AF6IvLZSrf78OyK [class*='ContentTitleContainer'] h2 {
  font-size: var(--ddsweb-theme-spacing-lg);
}

.AF6IvLZSrf78OyK .categoryPageSection .ddsweb-button--icon-button {
  width: var(--ddsweb-theme-spacing-xxxl);
  height: var(--ddsweb-theme-spacing-xxxl);
}

.AF6IvLZSrf78OyK
  .categoryPageSection .ddsweb-carousel__item-count {
  margin-right: 0;
}

.AF6IvLZSrf78OyK
  .categoryPageSection .ddsweb-carousel__content-container {
  column-gap: var(--ddsweb-theme-spacing-md);
  padding-top: 0;
}

.AF6IvLZSrf78OyK
  #category-chip-content-carousel .ddsweb-carousel__content-container {
  white-space: normal;
}

.AF6IvLZSrf78OyK .categoryPageSection [class*='chipsContainer'] {
  overflow-y: hidden;
  padding: var(--ddsweb-theme-spacing-xx);
}

@media (min-width: 756px) {
  .AF6IvLZSrf78OyK > div {
    row-gap: var(--ddsweb-theme-spacing-xxxl);
  }

  .AF6IvLZSrf78OyK .categoryPageSection h2.ddsweb-heading,
  .AF6IvLZSrf78OyK [class*='ContentTitleContainer'] h2 {
    font-size: revert-layer;
  }

  .AF6IvLZSrf78OyK
    .categoryPageSection .ddsweb-button--icon-button {
    width: revert-layer;
    height: revert-layer;
  }
}

.AF6IvLZSrf78OyK [class*='BackToTop-_style-module_container'] {
  margin-top: 0 !important;
}

.PQ4pPZukYgBaDZG {
  display: grid;
  max-width: 1512px; /* desktopLarge breakpoint */
  margin: 0px auto;
}

.u8CZScyZD3PYkX7 {
  margin: 0 var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-md) var(--ddsweb-theme-spacing-sm)
}


/*# sourceMappingURL=0b2f87f563117122d9db.css.map*/