.ZOYSssBPD3jOSZl {
  margin-top: var(--ddsweb-theme-spacing-sm);
  margin-bottom: var(--ddsweb-theme-spacing-xs);
}

.C9ffJq2cUm9W9M3 {
  margin-bottom: var(--ddsweb-theme-spacing-lg);
  padding: 0 var(--ddsweb-theme-spacing-sm);
  font-weight: 300;
  font-size: var(--ddsweb-theme-font-size-xx);
}

.vhYhcK1ZVvdaN4Y {
  margin: var(--ddsweb-theme-spacing-sm) auto;
  display: block;
  min-width: 200px;
}

.LAXi5R0W50b4GLn {
  border-left: 1px solid var(--ddsweb-theme-colors-lines-base);
  border-right: 1px solid var(--ddsweb-theme-colors-lines-base);
  height: 100vh;
  max-height: 100%;
  display: flex;
  flex-flow: column;
  position: sticky;
  top: 0;
}

.MAdD_lLQs5K7BJ6 {
  text-align: center;
  padding: 48px var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-sm)
    var(--ddsweb-theme-spacing-sm);
}

.qsmk1uXfbggYceC {
  padding: 32px 0 50px;
  margin: 50px auto;
  height: 50%;
}

.etB4Z4dH9W4HwXS {
  margin: 0 auto 24px;
  padding: 0 12px;
  text-align: center;
}

.AxPl1SsgQY7OpLA {
  margin-bottom: 16px !important;
}

.RHOyeU9qU3Kdnu_ {
  display: flex;
  margin: 0 auto 12px;
  justify-content: center;
}

.f5DkohvXbstvztT {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 12px;
  column-gap: 12px;
}

@media (min-width: 756px) {
  .t7rsMvRmgI86XT_ {
    width: 50%;
    max-width: 168px;
  }
  .f5DkohvXbstvztT {
    flex-direction: row;
  }
}

  @media (min-width: 756px) {
    .CdZmiKCVohTm5M7 {
      display: none;
    }
  }
.lSTHgi2nfNsS0PB {
  position: sticky;
  bottom: var(--ddsweb-theme-spacing-md);
  left: calc(50% - 20px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
  margin: var(--ddsweb-theme-spacing-lg) 0;
  width: 40px;
  height: 60px;
}

.Pr7xQserbDVj8II {
  bottom: 200px;
}

.QfWhU9UfsX0rNLP {
  opacity: 1;
}

[data-mfe='mfe-plp'] .lSTHgi2nfNsS0PB .NCAYlUKKFNwaU57 {
  width: 60px;
  height: 60px;
}

@media (min-width: 756) {
  .Pr7xQserbDVj8II {
    bottom: var(--ddsweb-theme-spacing-md);
  }
}

.ZxBAc1UZhuEdnPD {
  margin: var(--ddsweb-theme-spacing-lg) 0;
}

.pE1IsC_RpEy9OzD {
  display: none;
}

@media (min-width: 1008px) {
  .pE1IsC_RpEy9OzD {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    padding: 0px;
  }
}

.mWPbglOLO1Toaon {
  box-sizing: content-box;
  display: inline-flex;
  align-items: center;
  min-height: var(--ddsweb-theme-spacing-xxxl);
  padding: var(--ddsweb-theme-spacing-xx) var(--ddsweb-theme-spacing-xs);
  gap: var(--ddsweb-theme-spacing-xs);
  border: 1px solid var(--ddsweb-theme-colors-lines-base);
  background-color: var(--ddsweb-theme-colors-white);
  color: var(--ddsweb-theme-colors-tesco-blue);
  font-weight: var(--ddsweb-theme-font-weight-heading);
  text-decoration: none;
  cursor: pointer;
}

.mWPbglOLO1Toaon:active,
.mWPbglOLO1Toaon:focus,
.mWPbglOLO1Toaon:hover {
  outline: 2px solid var(--ddsweb-theme-colors-active);
  outline-offset: -2px;
  color: var(--ddsweb-theme-colors-active);
}
.mWPbglOLO1Toaon:hover .f0wMsMb5KiUxJD5 {
  text-decoration: underline;
}

.f0wMsMb5KiUxJD5 {
  font-size: var(--ddsweb-theme-font-sizes-xx);
  line-height: var(--ddsweb-theme-line-heights-sm);
  text-wrap-mode: nowrap;
}

.UfQkl6YJUADgQ82 {
  background-color: var(--ddsweb-theme-colors-active);
  color: var(--ddsweb-theme-colors-inverse);
}

.UfQkl6YJUADgQ82:active,
.UfQkl6YJUADgQ82:focus,
.UfQkl6YJUADgQ82:hover {
  outline: transparent;
  color: var(--ddsweb-theme-colors-inverse);
}

.Xdk03f2jVhsvhS3 {
  width: var(--ddsweb-theme-spacing-xxxl);
  height: var(--ddsweb-theme-spacing-xxxl);
}
.SZutKjlJN4cCtOH {
  display: grid;
  /* margin-top: var(--ddsweb-theme-spacing-md); */
}

.SZutKjlJN4cCtOH > div:first-child > div > div {
  width: max-content;
}

.SZutKjlJN4cCtOH > div:first-child > div > div > div {
  width: unset;
  margin-right: var(--ddsweb-theme-spacing-xs);
  margin-left: 0;
}

.SZutKjlJN4cCtOH > div:first-child > div > div > div:first-child {
  margin-left: var(--ddsweb-theme-spacing-sm);
}

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

/* TODO remove after https://jira.global.tesco.org/browse/DDS-4462 is done  */
.ddsweb-carousel__control-bottom {
  border-top: 1px solid var(--ddsweb-theme-colors-lines-base);
  border-bottom: 1px solid var(--ddsweb-theme-colors-lines-base);
  background-color: var(--ddsweb-theme-colors-background-dark);
  margin-top: 8px;
}

.j8pQIhopkTUaXiw {
  margin-top: 20px;
}

[data-mfe='mfe-plp'] .bIOha9z1OMqBwGU {
  margin-bottom: var(--ddsweb-theme-spacing-xs);
}

@media (min-width: 504px) {
  [data-mfe='mfe-plp'] .bIOha9z1OMqBwGU {
    margin-right: var(--ddsweb-theme-spacing-sm);
  }
}

.FbI8ooeB73U8ATE {
  display: none;
  flex-wrap: wrap;
  gap: var(--ddsweb-theme-spacing-xs);
  padding-left: 0;
  margin-top: 0;
}

.UhLlDr2VPe8ouwv {
  display: inline-block;
  margin-top: var(--ddsweb-theme-spacing-xl);
  position: relative;
}

.EWKiNfXeT01gazV {
  display: inline;
  white-space: nowrap;
  margin-bottom: 1em;
}

@media (min-width: 756px) {
  .FbI8ooeB73U8ATE {
    display: flex;
  }
}

.aRJdMKIGmubtJOb {
  display: inline;
  white-space: nowrap;
}

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

.DdynYrcjz4dZWGD {
  z-index: 1001;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
}

.w8aYcKeBSbkryDt {
    color: var(--Text-Palette-Header-Grey, var(--Typography-colour-text-header-primary, #333));
}
.lMdWaDLPTsD8CP9{
    color: var(--ddsweb-theme-colors-base);
    font-weight: bold;
}

.BEmtjE9VpmU2GRw {
  display: none !important;
}

@media (min-width: 756px) {
  .BEmtjE9VpmU2GRw {
    display: flex !important;
  }
}
.ddsweb-pagination__navigation{
    align-items: flex-end;
    flex-direction: column;
}
.Vut_gnyOzVwvMur {
  display: none;
}

@media (min-width: 1008px) {
  .Vut_gnyOzVwvMur {
    color: var(--ddsweb-theme-colors-grayscale);
    display: block;
    line-height: 2;
    margin: var(--ddsweb-theme-spacing-xs) 0;
  }
}

.IUDbBkc0yEiuICL {
  margin-top: var(--ddsweb-theme-spacing-md);
  font-size: var(--ddsweb-theme-font-size-xs);
  overflow: auto hidden;
  white-space: nowrap;
}

.ReLS_qtlfSAsHds {
  overflow: auto hidden;
  white-space: nowrap;
  padding: 0;
  margin: var(--ddsweb-theme-spacing-xs) 0 0;
  width: 92vw;
}

.gHI9R_O5evjOPym {
  display: inline-block;
  white-space: normal;
  padding: 0;
  margin-right: var(--ddsweb-theme-spacing-xs);
}

.zuk4qdN3IBmaj1Y {
  font-size: var(--ddsweb-theme-font-size-xs) !important;
}

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

.Mv5qXTsVnv3HVZj {
  height: 472px;
  background-color: var(--ddsweb-theme-colors-background);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: max-content;
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.becOypn9sYwdRy1 {
  padding: 0 var(--ddsweb-theme-spacing-md);
  padding-top: var(--ddsweb-theme-spacing-xs);
}

.VSzwNDTRGopm1kF {
  color: var(--ddsweb-theme-colors-base);
  padding-top: var(--ddsweb-theme-spacing-sm);
  margin: var(--ddsweb-theme-spacing-sm) 0;
}

.hfgDjWiRWGtnX66 {
  border-radius: 50%;
  background-color: var(--ddsweb-theme-colors-error);
  color: var(--ddsweb-theme-colors-background);
}

.zWmtMMlajUtTHAW {
  grid-area: rating;
  margin-bottom: var(--ddsweb-theme-spacing-xs);
}

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

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

[data-mfe='mfe-plp'] ._ecrjxvBD_ol38Z {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 10;
  margin-bottom: 8px;
}

[data-mfe='mfe-plp'] ._ecrjxvBD_ol38Z > div {
  width: 100%;
  height: 100%;
  grid-template-rows: repeat(6, auto) 1fr;
}

[data-mfe='mfe-plp'] .Px7c1n4ClwY6iFd > div {
  padding-bottom: 0px;
}

[data-mfe='mfe-plp'] .b_hC4jHw06HMmj4 :hover {
  text-decoration: underline !important;
}

[data-mfe='mfe-plp'] .SYzVzFchtWoMVV4 {
  align-self: flex-end;
}

[data-mfe='mfe-plp'] .KZ_O18bCgiFApFM {
  align-self: center;
}

/*
 * Temporary solution until DDS v22 upgrade in PLP
 * This style is applied to maintain the existing style of PLP which was overridden due to V22 upgrade in PDP.
 * This is happening when we are coming from PDP to PLP with SPA because of caching of styles in SPA.
*/

[data-mfe='mfe-plp'] .gmbSLnrHMPeotsm input {
  width: calc(100% - var(--ddsweb-theme-spacing-xs));
}

[data-mfe='mfe-plp'] .gmbSLnrHMPeotsm [class*='ddsweb-text-input__container'] {
  width: calc(100% - var(--ddsweb-theme-spacing-xs));
}

[data-mfe='mfe-plp'] .ddsweb-buybox__container {
  padding-top: var(--ddsweb-theme-spacing-xx);
}

[data-mfe='mfe-plp'] ._7ZNKoV8dfzmpieK p {
  display: block;
}

[data-mfe='mfe-plp'] ._ecrjxvBD_ol38Z > div {
  width: 100%;
  height: 100%;
  grid-template-areas:
    'offersash offersash action-icon'
    'image title title'
    'image rating rating'
    'image variations variations'
    'image deliverymessage deliverymessage'
    'image details details'
    'image buy-box buy-box'
    'messaging messaging messaging'
    'save-for-later save-for-later save-for-later'
    'footer footer footer'
    'promotion promotion promotion'
    'preferences preferences preferences';
    grid-template-rows: subgrid;
    grid-row: span 10;
}

@media (min-width: 360px) and (max-width: 504px) {
  [data-mfe='mfe-plp'] .P3WBSRPO4Bbb2yg > div {
    column-gap: var(--ddsweb-theme-spacing-xs);
  }
  [data-mfe='mfe-plp'] .KZ_O18bCgiFApFM {
    align-self: start;
  }
}

@media (max-width: 359px) {
  [data-mfe='mfe-plp'] .fnOhgTnQ41ZUYyd > div {
    width: 100%;
    height: 100%;
    grid-template-areas:
      'offersash offersash action-icon'
      'image title title'
      'image rating rating'
      'image variations variations'
      'image deliverymessage deliverymessage'
      'image details details'
      'buy-box buy-box buy-box'
      'messaging messaging messaging'
      'save-for-later save-for-later save-for-later'
      'footer footer footer'
      'promotion promotion promotion'
      'preferences preferences preferences';
  }
  [data-mfe='mfe-plp'] .KZ_O18bCgiFApFM {
    align-self: start;
  }
}

@media (min-width: 504px) and (max-width: 756px) {
  [data-mfe='mfe-plp'] ._ecrjxvBD_ol38Z > div {
    width: 100%;
    height: 100%;
    grid-template-areas:
      'offersash offersash offersash action-icon'
      'image image image image'
      'title title title title'
      'rating rating rating rating'
      'variations variations variations variations'
      'deliverymessage deliverymessage deliverymessage deliverymessage'
      'details details details details'
      'messaging messaging messaging messaging'
      'promotion promotion promotion promotion'
      'buy-box buy-box buy-box buy-box'
      'preferences preferences preferences preferences'
      'footer footer footer footer';
  }
}

@media (min-width: 756px) {
  [data-mfe='mfe-plp'] ._ecrjxvBD_ol38Z > div {
    width: 100%;
    height: 100%;
    grid-template-areas:
      'offersash offersash offersash action-icon'
      'image image image image'
      'title title title title'
      'rating rating rating rating'
      'variations variations variations variations'
      'deliverymessage deliverymessage deliverymessage deliverymessage'
      'details details details details'
      'messaging messaging messaging messaging'
      'promotion promotion promotion promotion'
      'buy-box buy-box buy-box buy-box'
      'preferences preferences preferences preferences'
      'save-for-later save-for-later save-for-later save-for-later'
      'footer footer footer footer';
  }
}

[data-mfe='mfe-plp'] ._ecrjxvBD_ol38Z.Hx4n8oD0IvOReiG > div {
  grid-template-areas:
    'offersash offersash offersash action-icon'
    'image image image image'
    'title title title title'
    'rating rating rating rating'
    'variations variations variations variations'
    'deliverymessage deliverymessage deliverymessage deliverymessage'
    'details details details details'
    'messaging messaging messaging messaging'
    'promotion promotion promotion promotion'
    'buy-box buy-box buy-box buy-box'
    'preferences preferences preferences preferences'
    'footer footer footer footer';
}

[data-mfe='mfe-plp']
  .ddsweb-popover__container
  > .ddsweb-status-messaging__icon {
  display: none;
}

.RMcVbdv6Dza0z7y {
  padding: 0;
}

ul._33AqvvoHQr0JgY {
  gap: normal;
}

._33AqvvoHQr0JgY > li > div > div {
  box-shadow: 1px 1px 0 0 var(--ddsweb-theme-colors-lines-base),
    1px 0 0 0 var(--ddsweb-theme-colors-lines-base) inset,
    0 1px 0 0 var(--ddsweb-theme-colors-lines-base) inset;
}

@media (max-width: 504px) {
  ._33AqvvoHQr0JgY > li {
    border-top: 1px solid var(--ddsweb-theme-colors-lines-base);
    position: relative;
    width: calc(100% + 24px);
    left: -12px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  ._33AqvvoHQr0JgY > li:is(:last-child) {
    border-bottom: 1px solid var(--ddsweb-theme-colors-lines-base);
  }

  ._33AqvvoHQr0JgY > li > div > div {
    box-shadow: none;
  }
}

[data-mfe='mfe-plp'] .RMcVbdv6Dza0z7y > .XoXUhoAJHNFy0Ns > div {
  border: none;
}

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

.LuwPHuSobaloce2 {
  margin-top: 293px;
}

[data-mfe='mfe-plp'] .LuwPHuSobaloce2 > div:last-child > div > span {
  display: none;
}

.ebU9gnjPfbfjphO{
  width: 242px !important;
}
.hcuXno401pAGHAX {
  height: 404px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.GCWxA_zmZ2Wx7WC {
  margin-bottom: var(--ddsweb-theme-font-size-xs);
  margin-right: var(--ddsweb-theme-font-size-xxx);
  margin-top: var(--ddsweb-theme-font-size-md);
}

.KvrewgVMNO2Hmyi {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.YObNe06WwtziWvx {
  display: grid;
  list-style-type: none;
  padding: 0 0 var(--ddsweb-theme-spacing-xs);
  margin: 0;
  width: 100%;
  column-gap: var(--ddsweb-theme-spacing-sm);
}

.WL_DZkV_Rvg0WJi {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 10;
}

@media (min-width: 504px) {
  .YObNe06WwtziWvx {
    grid-template-columns: repeat(2, 1fr);
  }
  .T_FAM2pinRMqJUg {
    grid-column: span 2;
  }
}

@media (min-width: 1008px) {
  .YObNe06WwtziWvx {
    grid-template-columns: repeat(3, 1fr);
  }
  .T_FAM2pinRMqJUg {
    grid-column: span 3;
  }
}

@media (min-width: 1260px) {
  .YObNe06WwtziWvx {
    grid-template-columns: repeat(4, 1fr);
  }
  .T_FAM2pinRMqJUg {
    grid-column: span 4;
  }
}

@media (min-width: 1512px) {
  .YObNe06WwtziWvx {
    grid-template-columns: repeat(5, 1fr);
  }
  .T_FAM2pinRMqJUg {
    grid-column: span 5;
  }
}

[data-mfe='mfe-plp'] .ioKqlcp7eNy1CIR > div {
  width: auto;
}

.fFJHAq1477pOfEZ {
  margin-bottom: 8px;
}

.fFJHAq1477pOfEZ > div:empty {
  margin-bottom: 0;
  display: none;
}

@media (min-width: 504px) {
  .fFJHAq1477pOfEZ {
    grid-column: span 2;
  }
}

@media (min-width: 1008px) {
  .fFJHAq1477pOfEZ {
    grid-column: span 3;
  }
}

@media (min-width: 1260px) {
  .fFJHAq1477pOfEZ {
    grid-column: span 4;
  }
}

@media (min-width: 1512px) {
  .fFJHAq1477pOfEZ {
    grid-column: span 5;
  }
}


.MSuiU2kafFn9p3U {
  margin-top: var(--ddsweb-theme-spacing-xxxl);
  margin-bottom: var(--ddsweb-theme-spacing-xxl);
}

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

.D1qYYzazi1VvO5r{
  width: 242px !important;
}
.HetfSflu00rdHCh {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
  }  
[data-mfe='mfe-plp'] .lY4ydyKq_yKgFnq {
  font-size: var(--ddsweb-theme-font-size-md);
  margin-top: var(--ddsweb-theme-font-size-lg);
}

.gJNnVXnbuh7cnoo {
  color: var(--ddsweb-theme-colors-text-dark);
  margin-bottom: var(--ddsweb-theme-spacing-xs);
}

@media (min-width: 756px) {
  [data-mfe='mfe-plp'] .lY4ydyKq_yKgFnq {
    font-size: var(--ddsweb-theme-font-size-xl);
  }
}

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

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

.jUqf5bK2eDKYj7G {
  display: none;
  margin-top: var(--ddsweb-theme-spacing-sm);
  position: initial;
  margin-left: var(--ddsweb-theme-spacing-md);
  margin-top: 0;
}

.vzf97lC05yrNOAf {
  display: inline-flex;
  margin-left: var(--ddsweb-theme-spacing-sm);
}

@media (min-width: 1008px) {
  .jUqf5bK2eDKYj7G {
    display: block;
    position: initial;
    margin-left: var(--ddsweb-theme-spacing-md);
    margin-top: 0;
  }
}

@media (min-width: 1380px) {
  .jUqf5bK2eDKYj7G {
    position: absolute;
    right: 0;
    top: 0;
    position: initial;
    margin-left: var(--ddsweb-theme-spacing-md);
    margin-top: 0;
  }
}

.wYmoDhXgZW8JUn7 {
  margin-left: var(--ddsweb-theme-spacing-xx);
}

.oMvXWq7CACE4WnY.DFUo75gxUjGRtsj {
  display: block;
}

@media (min-width: 1008px) {
  .wYmoDhXgZW8JUn7 {
    display: none;
  }
  .oMvXWq7CACE4WnY {
    bottom: calc(var(--ddsweb-theme-spacing-lg) * -1);
    display: flex;
    left: 0;
    width: 100%;
    position: initial;
    justify-content: left;
    bottom: 0px;
  }

  .oMvXWq7CACE4WnY svg {
    display:  none;
  }

  .oMvXWq7CACE4WnY.DFUo75gxUjGRtsj {
    display: none;
  }
}

.t87HHVFJuF0TBWR {
    margin-bottom: var(--ddsweb-theme-spacing-md) !important;
    margin-top: var(--ddsweb-theme-spacing-xs);
}

.px443XzVOQSmjcN {
  display: flex;
  flex-wrap: wrap;
}

.Ol1ZAv3rlWTie99 {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.wVjmNfEkgi3bvXI {
  width: 100%;
  margin-bottom: var(--ddsweb-theme-spacing-md);
}

@media (min-width: 1008px) {
  .Ol1ZAv3rlWTie99 {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    margin-top: var(--ddsweb-theme-spacing-sm);
  }

  .wVjmNfEkgi3bvXI {
    width: 25%;
    width: 100%;
    border: transparent;
    margin-bottom: var(--ddsweb-theme-spacing-md);
  }

  .BrWUFxZtzxMj8wQ {
    border-top: transparent;
    padding-top: calc(var(--ddsweb-theme-spacing-sm) - var(--ddsweb-theme-spacing-xxx));
  }
}

.QoYhsDOLly2X3cZ {
  display: inline;
}

.YsgbGkvjji0KtKG {
  display: flex;
  flex-wrap: wrap;
  margin-top: var(--ddsweb-theme-spacing-md);
}

.kuwbaJs80GzWg4v {
  margin-right: var(--ddsweb-theme-spacing-lg);
  width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: var(--ddsweb-theme-spacing-md);
  align-items: center;
}

.kuwbaJs80GzWg4v span:last-child {
  display: flex;
}

[data-mfe='mfe-plp'] .qiHvqEVcv1N_PM1 {
  padding-right: var(--ddsweb-theme-spacing-sm);
  font-weight: var(--ddsweb-theme-font-weight-heading);
  color: var(--ddsweb-theme-colors-text);
  font-size: var(--ddsweb-theme-font-size-xs);
}

.lQ6I0OFBWNg7fiK {
  display: flex;
  flex-wrap: wrap;
}

.Vt3VebwhBe03Uci {
  border: 1px solid var(--ddsweb-theme-colors-disabled-base);
  margin-bottom: 36px;
  padding: var(--ddsweb-theme-spacing-md);
}

.DPowEtzvWaOc7M3 {
  opacity: 0.6;
}

.jI7rTpXzwONXD6_ {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.kuwbaJs80GzWg4v .ddsweb-checkbox-with-label__label {
  color: var(--ddsweb-theme-colors-text-dark) !important;
}

.qYn7yJUoC2hEZcv .ddsweb-checkbox-with-label__label span {
  background-color: var(--ddsweb-theme-colors-promo);
  padding: var(--ddsweb-theme-spacing-xx) var(--ddsweb-theme-spacing-xs);
  font-weight: var(--ddsweb-theme-font-weight-heading) !important;
}

.nWvVJBrjVl_Iyy1 {
  display: none;
}

@media (min-width: 1008px) {
  .uCtNbpp6nHfzP0R {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: var(--ddsweb-theme-spacing-sm);
  }

  .nWvVJBrjVl_Iyy1 {
    display: flex;
    margin: var(--ddsweb-theme-spacing-xxxl) 0;
    justify-content: center;
  }
}

@media (min-width: 1260px) {
  .uCtNbpp6nHfzP0R {
    position: relative;
  }

  .uCtNbpp6nHfzP0R {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: var(--ddsweb-theme-spacing-sm);
  }
}

.zc2pX3IcJjMlw5j {
    margin-bottom: var(--ddsweb-theme-spacing-md) !important;
    margin-top: var(--ddsweb-theme-spacing-xs);
}

.IBAG1WJKWwp9TWe {
  display: flex;
  flex-wrap: wrap;
}

.eBaq4UwHveDeygc {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.MzWYbAYNipZKNQa {
  width: 100%;
  margin-bottom: var(--ddsweb-theme-spacing-md);
}

@media (min-width: 1008px) {
  .eBaq4UwHveDeygc {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    margin-top: var(--ddsweb-theme-spacing-sm);
  }

  .MzWYbAYNipZKNQa {
    width: 25%;
    width: 100%;
    border: transparent;
    margin-bottom: var(--ddsweb-theme-spacing-md);
  }

  .ObIGO0_D35HAoWH {
    border-top: transparent;
    padding-top: calc(var(--ddsweb-theme-spacing-sm) - var(--ddsweb-theme-spacing-xxx));
  }
}

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

@media (min-width: 1008px) {
  .BVfRNCTewkCQnxb {
    margin-top: 0;
  }
  .BVfRNCTewkCQnxb.UbiDM4AV79GHEqn {
    margin-top: var(--ddsweb-theme-spacing-sm);
  }
}


.JpwIWEx2GKflNzE {
  display: flex;
  flex-wrap: wrap;
}

.E6Sfh2_pLZp0ll9 {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

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

@media (min-width: 1008px) {
  .E6Sfh2_pLZp0ll9 {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    margin-top: var(--ddsweb-theme-spacing-sm);
  }

  .B_WbR7vxd9p9jUo {
    width: 25%;
    width: 100%;
    border: transparent;
    margin-bottom: var(--ddsweb-theme-spacing-sm);
  }

  .eaijQLZmlAjFqAt {
    border-top: transparent;
    padding-top: calc(var(--ddsweb-theme-spacing-sm) - var(--ddsweb-theme-spacing-xxx));
  }
}

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

.uKeFD6TNi4vS0eS {
  display: block;
  font-size: var(--ddsweb-theme-font-size-xs) !important;
}

@media (max-width: 1008px) {

  .bubEiCaWreJqI_A > ul:nth-of-type(2) {
    margin-left: var(--ddsweb-theme-spacing-xs)
  }

  .bubEiCaWreJqI_A > ul:nth-of-type(3) {
    margin-left: var(--ddsweb-theme-spacing-md);
  }

  .bubEiCaWreJqI_A > ul:nth-of-type(4) {
    margin-left: var(--ddsweb-theme-spacing-xxxl);
  }

  .uKeFD6TNi4vS0eS {
    margin-bottom: var(--ddsweb-theme-font-size-xs) !important;
  }
}

[data-mfe='mfe-plp'] .uKeFD6TNi4vS0eS {
  font-size: var(--ddsweb-theme-font-size-xs);
}

@media (min-width: 1008px) {

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

  .bubEiCaWreJqI_A .ddsweb-checkbox-with-label__label {
    color: var(--ddsweb-theme-colors-text-dark) !important;
  }

  .bubEiCaWreJqI_A > ul:nth-of-type(2) {
    padding-top: 0;
    margin-left: var(--ddsweb-theme-spacing-xs);
  }

  .bubEiCaWreJqI_A > ul:nth-of-type(3) {
    margin-left: var(--ddsweb-theme-spacing-md);
    padding-top: 0;
  }

  .bubEiCaWreJqI_A > ul:nth-of-type(4) {
    margin-left: var(--ddsweb-theme-spacing-xxxl);
    padding-top: 0;
  }

  .uKeFD6TNi4vS0eS {
    display: block;
    font-size: var(--ddsweb-theme-font-size-xs) !important;
  }

  .uKeFD6TNi4vS0eS.w8A4IRnExvI_83V {
    display: none;
  }
}

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

.cuQRclP_EK2jNf8 ul {
  list-style: none;
  padding: 0;
}

@media (min-width: 1008px) {
  .cuQRclP_EK2jNf8 {
    margin-top: 0;
  }
  .cuQRclP_EK2jNf8.wrI765sWYAIt50y {
    margin-top: var(--ddsweb-theme-spacing-sm);
  }
}

.Qn2D3tZVesNwIYu {
  --visible-border-color: var(--ddsweb-theme-colors-grayscale);
  padding: var(--ddsweb-theme-spacing-sm);
}

.MoYXMAHETLeZTRx {
  list-style-type: none;
  padding: 0;
  margin: var(--ddsweb-theme-spacing-sm) 0;
}

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

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

.AUGGWiprKJoeB5Q {
  display: block;
  font-size: var(--ddsweb-theme-font-size-xs) !important;
}

@media (max-width: 1008px) {

  .DUHIyAIftpihGuQ > ul:nth-of-type(2) {
    margin-left: var(--ddsweb-theme-spacing-xs)
  }

  .DUHIyAIftpihGuQ > ul:nth-of-type(3) {
    margin-left: var(--ddsweb-theme-spacing-md);
  }

  .DUHIyAIftpihGuQ > ul:nth-of-type(4) {
    margin-left: var(--ddsweb-theme-spacing-xxxl);
  }

  .AUGGWiprKJoeB5Q {
    margin-bottom: var(--ddsweb-theme-font-size-xs) !important;
  }
}

[data-mfe='mfe-plp'] .AUGGWiprKJoeB5Q {
  font-size: var(--ddsweb-theme-font-size-xs);
}

@media (min-width: 1008px) {

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

  .DUHIyAIftpihGuQ .ddsweb-checkbox-with-label__label {
    color: var(--ddsweb-theme-colors-text-dark) !important;
  }

  .DUHIyAIftpihGuQ > ul:nth-of-type(2) {
    padding-top: 0;
    margin-left: var(--ddsweb-theme-spacing-xs);
  }

  .DUHIyAIftpihGuQ > ul:nth-of-type(3) {
    margin-left: var(--ddsweb-theme-spacing-md);
    padding-top: 0;
  }

  .DUHIyAIftpihGuQ > ul:nth-of-type(4) {
    margin-left: var(--ddsweb-theme-spacing-xxxl);
    padding-top: 0;
  }

  .AUGGWiprKJoeB5Q {
    display: block;
    font-size: var(--ddsweb-theme-font-size-xs) !important;
  }

  .AUGGWiprKJoeB5Q.CzLzIUVKC04umOX {
    display: none;
  }
}

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

[data-mfe='mfe-plp'] .nhXLbkgfTkoI6EL {
  font-size: var(--ddsweb-theme-font-size-xs);
  margin-bottom: var(--ddsweb-theme-spacing-sm);
}

.SmC_tJRz756HrZ3 {
  font-size: var(--ddsweb-theme-font-size-xs) !important;
}


@media (min-width: 1008px) {

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

  [data-mfe='mfe-plp'] .nhXLbkgfTkoI6EL {
    display: block;
    font-size: var(--ddsweb-theme-font-size-xs) !important;
  }
}

.u3WAAJflX36CroX {
  display: flex;
  flex-wrap: wrap;
}

.NG2elE1653G1j2Y {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

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

.kkJO2SG8PqMB9ij {
  margin-left: var(--ddsweb-theme-spacing-xs);
}

.r_AywtFxGMYqzpb span:nth-child(2) span {
  color: var(--ddsweb-theme-colors-grayscale);    
}

@media (min-width: 1008px) {
  .NG2elE1653G1j2Y {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
  }

  ._546gi42B0YbhJzO {
    width: 100%;
  }

  ._546gi42B0YbhJzO .ddsweb-radio-button-with-label__label {
    color: var(--ddsweb-theme-colors-text-dark) !important;
  }

  ._546gi42B0YbhJzO .ddsweb-radio-button-with-label__label:disabled {
    color: var(--ddsweb-theme-colors-grayscale) !important;
  }

  .kkJO2SG8PqMB9ij {
    border-top: transparent;
    padding-top: 0;
  }
}

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

@media (min-width: 1008px) {
  .fVoF0SHwe6oaXe_ {
    margin-top: 0;
  }
  .fVoF0SHwe6oaXe_.YX1dmMNA5PdJGpM {
    margin-top: var(--ddsweb-theme-spacing-sm);
  }
}

.zkm4XfitJzYGgbA {
  height: 100vh;
  max-height: 100%;
  position: sticky;
  top: 0;
  /* Ensures it stays above the back-to-top button */
  z-index: 2;
}

.ZEbFJbWT5bTi4jV {
  grid-template-columns: 0;
  padding: 0;
  visibility: hidden;
  width: initial;
  overflow: visible;
  border-left: 1px solid var(--ddsweb-theme-colors-lines-base);
}

.ZEbFJbWT5bTi4jV > div:first-child {
  border-right: 1px solid var(--ddsweb-theme-colors-lines-base);
  height: auto;
  width: 100%;
  margin: 0;
}

.GTOZXzyK5Dh7TEY {
  padding-left: var(--ddsweb-theme-spacing-sm);
  overflow-y: auto;
  /* subtracting the header height which is 32px + 24px (padding) + 1px (border)*/
  max-height: calc(100% - 57px);
}

.T2yjz3p8ihbPj5I {
  display: flex;
  left: 0px;
  width: calc(var(--ddsweb-theme-spacing-xxxl) * 10);
  min-width: calc(var(--ddsweb-theme-spacing-xxxl) * 10);
  visibility: visible;
  height: 100vh;
}

.ddsweb-sidebar-panel {
  overflow-y: hidden;
  width: calc(var(--ddsweb-theme-spacing-xxxl) * 10);
  min-width: calc(var(--ddsweb-theme-spacing-xxxl) * 10);
}

.ddsweb-sidebar-panel__inner-header {
  align-items: center;
  font-family: var(--ddsweb-theme-base-font-family);
  font-size: var(--ddsweb-theme-font-size-sm);
  font-weight: var(--ddsweb-theme-font-weight-heading);
}

@media (max-width: 1008px) {
  .ZEbFJbWT5bTi4jV {
    display: flex;
    flex-direction: column;
    padding: 0;
    transition: none;
    position: absolute;
    height: 100vh;
  }

  .ddsweb-sidebar-panel {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .ddsweb-sidebar-panel__header {
    position: sticky;
    top: 0;
  }

  .GTOZXzyK5Dh7TEY {
    /* prevent scroll chaining, to avoid scrolling PLP container*/
    overscroll-behavior-y: contain;
    overflow-y: auto;
    flex-grow: 1;
    height: auto;
    max-height: calc(100% - 174px);
  }
}

@media (max-width: 504px) {
  .ZEbFJbWT5bTi4jV {
    transform: translateX(calc(-1 * var(--ddsweb-theme-spacing-sm)));
  }

  .ZEbFJbWT5bTi4jV > div:first-child {
    position: relative;
  }
}

.kDSPsQx169imWHo {
  display: block;
  position: sticky;
  bottom: 0;
}

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

.IBeaOCKP7hxBuFV {
  position: static;
  display: flex;
  width: 100%;
  background: var(--ddsweb-theme-colors-white);
  border: 1px solid var(--ddsweb-theme-colors-lines-base);
  border-left: 0;
  padding: var(--ddsweb-theme-spacing-md);
}

.YZFWu5Bs01qSKat {
  display: flex;
  align-items: center;
}

._9YOUY9vSTjzKmu {
  display: none;
}

.wVijhJDGBtKIosj {
  display: block;
}

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

  .wVijhJDGBtKIosj {
    display: none;
  }
}

.aYkZMw5NTe6CSdC {
  display: flex;
  align-items: center;
}

.cxJcYu_Q3NfG7wo {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-top: var(--ddsweb-theme-spacing-md);
  padding-right: var(--ddsweb-theme-spacing-sm);
}

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

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

@media (max-width: 1007px) {
  .cxJcYu_Q3NfG7wo,
  .aYkZMw5NTe6CSdC {
    display: none;
  }

  .gMCycJlHJ1rQVvt {
    display: block;
  }
}

@media (min-width: 320px) and (max-width: 430px) {
  .gMCycJlHJ1rQVvt > button {
    width: 100%;
  }
}

.Msjnn8OI4hl13LJ {
  position: relative;
  padding: 0 var(--ddsweb-theme-spacing-sm) 0 0;
}

.Msjnn8OI4hl13LJ .YuGp9eOLpOJgn7u {
  display: flex;
}

.Msjnn8OI4hl13LJ .J9cp1rmlUCO6_DR {
  margin: 0 var(--ddsweb-theme-spacing-md);
}

@media (max-width: 503px) {
  .Msjnn8OI4hl13LJ {
    padding: 0 var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-lg)
      var(--ddsweb-theme-spacing-sm);
  }

  .Msjnn8OI4hl13LJ .J9cp1rmlUCO6_DR {
    margin: 0;
  }
}
@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-font-family-heading:
        "TESCO Modern",
        Arial,
        sans-serif;
      --ddsweb-theme-font-family-text:
        "TESCO Modern",
        Arial,
        sans-serif;
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-base-font-family:
        "TESCO Modern",
        Arial,
        sans-serif;
      --ddsweb-theme-base-font-size: 16px;
      --ddsweb-theme-base-hyphens: auto;
      --ddsweb-theme-base-line-height: 1.25;
      --ddsweb-theme-base-logo: default;
      --ddsweb-theme-base-outline: none;
      --ddsweb-theme-base-overflow-wrap: break-word;
      --ddsweb-theme-base-tap-highlight-color: transparent;
      --ddsweb-theme-base-transition-duration: 0.3s;
      --ddsweb-theme-base-rgb-opacity: 0.4;
      --ddsweb-theme-base-focus-outline-width: 3px;
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-branding-width: 121px;
      --ddsweb-theme-branding-height: 35px;
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-buttons-size-xs: 24px;
      --ddsweb-theme-buttons-size-sm: 32px;
      --ddsweb-theme-buttons-size-md: 40px;
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-colors-active-rgb:
        0,
        126,
        179;
      --ddsweb-theme-colors-active: #007eb3;
      --ddsweb-theme-colors-background-base-rgb:
        255,
        255,
        255;
      --ddsweb-theme-colors-background-base: #ffffff;
      --ddsweb-theme-colors-background-dark-rgb:
        246,
        246,
        246;
      --ddsweb-theme-colors-background-dark: #f6f6f6;
      --ddsweb-theme-colors-background-darkest-rgb:
        229,
        229,
        229;
      --ddsweb-theme-colors-background-darkest: #e5e5e5;
      --ddsweb-theme-colors-background-error-rgb:
        248,
        230,
        230;
      --ddsweb-theme-colors-background-error: #f8e6e6;
      --ddsweb-theme-colors-background-info-rgb:
        224,
        239,
        245;
      --ddsweb-theme-colors-background-info: #e0eff5;
      --ddsweb-theme-colors-background-success-rgb:
        224,
        240,
        224;
      --ddsweb-theme-colors-background-success: #e0f0e0;
      --ddsweb-theme-colors-background-warning-rgb:
        255,
        242,
        224;
      --ddsweb-theme-colors-background-warning: #fff2e0;
      --ddsweb-theme-colors-base-rgb:
        51,
        51,
        51;
      --ddsweb-theme-colors-base: #333333;
      --ddsweb-theme-colors-black-rgb:
        0,
        0,
        0;
      --ddsweb-theme-colors-black: #000000;
      --ddsweb-theme-colors-disabled-base-rgb:
        204,
        204,
        204;
      --ddsweb-theme-colors-disabled-base: #cccccc;
      --ddsweb-theme-colors-disabled-with-background-rgb:
        102,
        102,
        102;
      --ddsweb-theme-colors-disabled-with-background: #666666;
      --ddsweb-theme-colors-disabled-interaction-rgb:
        229,
        229,
        229;
      --ddsweb-theme-colors-disabled-interaction: #e5e5e5;
      --ddsweb-theme-colors-error-rgb:
        204,
        51,
        51;
      --ddsweb-theme-colors-error: #cc3333;
      --ddsweb-theme-colors-grayscale-rgb:
        102,
        102,
        102;
      --ddsweb-theme-colors-grayscale: #666666;
      --ddsweb-theme-colors-heading-rgb:
        51,
        51,
        51;
      --ddsweb-theme-colors-heading: #333333;
      --ddsweb-theme-colors-info-rgb:
        0,
        126,
        179;
      --ddsweb-theme-colors-info: #007eb3;
      --ddsweb-theme-colors-info-messaging-rgb:
        0,
        116,
        224;
      --ddsweb-theme-colors-info-messaging: #0074e0;
      --ddsweb-theme-colors-inverse-rgb:
        255,
        255,
        255;
      --ddsweb-theme-colors-inverse: #ffffff;
      --ddsweb-theme-colors-lines-base-rgb:
        204,
        204,
        204;
      --ddsweb-theme-colors-lines-base: #cccccc;
      --ddsweb-theme-colors-lines-light-rgb:
        229,
        229,
        229;
      --ddsweb-theme-colors-lines-light: #e5e5e5;
      --ddsweb-theme-colors-link-active-rgb:
        0,
        126,
        179;
      --ddsweb-theme-colors-link-active: #007eb3;
      --ddsweb-theme-colors-link-base-rgb:
        0,
        83,
        159;
      --ddsweb-theme-colors-link-base: #00539f;
      --ddsweb-theme-colors-nutrition-green-rgb:
        185,
        212,
        121;
      --ddsweb-theme-colors-nutrition-green: #b9d479;
      --ddsweb-theme-colors-nutrition-red-rgb:
        240,
        130,
        117;
      --ddsweb-theme-colors-nutrition-red: #f08275;
      --ddsweb-theme-colors-nutrition-yellow-rgb:
        253,
        210,
        133;
      --ddsweb-theme-colors-nutrition-yellow: #fdd285;
      --ddsweb-theme-colors-messaging-info-messaging-light-rgb:
        224,
        238,
        251;
      --ddsweb-theme-colors-messaging-info-messaging-light: #e0eefb;
      --ddsweb-theme-colors-messaging-success-messaging-rgb:
        224,
        241,
        224;
      --ddsweb-theme-colors-messaging-success-messaging: #e0f1e0;
      --ddsweb-theme-colors-messaging-error-messaging-rgb:
        249,
        231,
        231;
      --ddsweb-theme-colors-messaging-error-messaging: #f9e7e7;
      --ddsweb-theme-colors-messaging-warning-messaging-rgb:
        251,
        236,
        224;
      --ddsweb-theme-colors-messaging-warning-messaging: #fbece0;
      --ddsweb-theme-colors-messaging-amber-messaging-rgb:
        189,
        88,
        0;
      --ddsweb-theme-colors-messaging-amber-messaging: #bd5800;
      --ddsweb-theme-colors-messaging-info-messaging-rgb:
        0,
        116,
        224;
      --ddsweb-theme-colors-messaging-info-messaging: #0074e0;
      --ddsweb-theme-colors-messaging-amend-messaging-rgb:
        0,
        126,
        179;
      --ddsweb-theme-colors-messaging-amend-messaging: #007eb3;
      --ddsweb-theme-colors-messaging-amend-messaging-light-rgb:
        224,
        239,
        245;
      --ddsweb-theme-colors-messaging-amend-messaging-light: #e0eff5;
      --ddsweb-theme-colors-messaging-orange-rgb:
        221,
        104,
        0;
      --ddsweb-theme-colors-messaging-orange: #dd6800;
      --ddsweb-theme-colors-tag-fullstop-red-rgb:
        232,
        28,
        45;
      --ddsweb-theme-colors-tag-fullstop-red: #e81c2d;
      --ddsweb-theme-colors-primary-rgb:
        0,
        83,
        159;
      --ddsweb-theme-colors-primary: #00539f;
      --ddsweb-theme-colors-promo-rgb:
        252,
        215,
        0;
      --ddsweb-theme-colors-promo: #fcd700;
      --ddsweb-theme-colors-ratings-rgb:
        252,
        215,
        0;
      --ddsweb-theme-colors-ratings: #fcd700;
      --ddsweb-theme-colors-secondary-rgb:
        238,
        28,
        46;
      --ddsweb-theme-colors-secondary: #ee1c2e;
      --ddsweb-theme-colors-success-rgb:
        0,
        136,
        0;
      --ddsweb-theme-colors-success: #008800;
      --ddsweb-theme-colors-tesco-blue-rgb:
        0,
        83,
        159;
      --ddsweb-theme-colors-tesco-blue: #00539f;
      --ddsweb-theme-colors-light-blue-rgb:
        197,
        214,
        229;
      --ddsweb-theme-colors-light-blue: #c5d6e5;
      --ddsweb-theme-colors-tesco-red-rgb:
        238,
        28,
        46;
      --ddsweb-theme-colors-tesco-red: #ee1c2e;
      --ddsweb-theme-colors-text-base-rgb:
        102,
        102,
        102;
      --ddsweb-theme-colors-text-base: #666666;
      --ddsweb-theme-colors-text-dark-rgb:
        51,
        51,
        51;
      --ddsweb-theme-colors-text-dark: #333333;
      --ddsweb-theme-colors-utils-rgb:
        0,
        41,
        79;
      --ddsweb-theme-colors-utils: #00294f;
      --ddsweb-theme-colors-warning-rgb:
        255,
        153,
        0;
      --ddsweb-theme-colors-warning: #ff9900;
      --ddsweb-theme-colors-orange-rgb:
        221,
        104,
        0;
      --ddsweb-theme-colors-orange: #dd6800;
      --ddsweb-theme-colors-white-rgb:
        255,
        255,
        255;
      --ddsweb-theme-colors-white: #ffffff;
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-font-size-next-text-xs: 12px;
      --ddsweb-theme-font-size-next-text-sm: 14px;
      --ddsweb-theme-font-size-next-text-md: 16px;
      --ddsweb-theme-font-size-next-text-lg: 20px;
      --ddsweb-theme-font-size-next-headline-sm: 14px;
      --ddsweb-theme-font-size-next-headline-md: 16px;
      --ddsweb-theme-font-size-next-headline-lg: 20px;
      --ddsweb-theme-font-size-next-headline-xl: 24px;
      --ddsweb-theme-font-size-next-headline-xxl: 28px;
      --ddsweb-theme-font-size-next-headline-xxxl: 32px;
      --ddsweb-theme-font-size-next-oversized-lg: 40px;
      --ddsweb-theme-font-size-next-oversized-xl: 48px;
      --ddsweb-theme-font-size-next-oversized-xxl: 56px;
      --ddsweb-theme-font-size-next-oversized-xxxl: 64px;
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-font-size-xxx: 12px;
      --ddsweb-theme-font-size-xx: 14px;
      --ddsweb-theme-font-size-xs: 16px;
      --ddsweb-theme-font-size-sm: 20px;
      --ddsweb-theme-font-size-md: 24px;
      --ddsweb-theme-font-size-lg: 28px;
      --ddsweb-theme-font-size-xl: 32px;
      --ddsweb-theme-font-size-xxl: 36px;
      --ddsweb-theme-font-size-xxxl: 40px;
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-font-weight-heading: bold;
      --ddsweb-theme-font-weight-text: normal;
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-forms-small-field-diameter: 24px;
      --ddsweb-theme-forms-field-diameter: 32px;
      --ddsweb-theme-forms-field-height: 40px;
      --ddsweb-theme-forms-small-field-height: 32px;
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-icons-background-sizes-xx: 16px;
      --ddsweb-theme-icons-background-sizes-xs: 24px;
      --ddsweb-theme-icons-background-sizes-sm: 40px;
      --ddsweb-theme-icons-background-sizes-xl: 70px;
      --ddsweb-theme-icons-background-sizes-xxxl: 120px;
      --ddsweb-theme-icons-sizes-base: 22px;
      --ddsweb-theme-icons-sizes-xx: 0.5;
      --ddsweb-theme-icons-sizes-xs: 0.666666667;
      --ddsweb-theme-icons-sizes-sm: 1;
      --ddsweb-theme-icons-sizes-xl: 1.85;
      --ddsweb-theme-icons-sizes-xxxl: 3.65;
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-line-height-next-heading: calc(1em + 0.25rem);
      --ddsweb-theme-line-height-next-text-sm: calc(1em + 0.25rem);
      --ddsweb-theme-line-height-next-text-md: calc(1em + 0.5rem);
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-line-height-heading-xs: 1.25;
      --ddsweb-theme-line-height-heading-sm: 1.2;
      --ddsweb-theme-line-height-heading-md: 1.17;
      --ddsweb-theme-line-height-heading-lg: 1.14;
      --ddsweb-theme-line-height-heading-xl: 1.13;
      --ddsweb-theme-line-height-text-xx: 1.57;
      --ddsweb-theme-line-height-text-xs: 1.5;
      --ddsweb-theme-line-height-text-sm: 1.4;
    }
  }
}

@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-spacing-xxx: 2px;
      --ddsweb-theme-spacing-xx: 4px;
      --ddsweb-theme-spacing-xs: 8px;
      --ddsweb-theme-spacing-sm: 12px;
      --ddsweb-theme-spacing-md: 16px;
      --ddsweb-theme-spacing-lg: 20px;
      --ddsweb-theme-spacing-xl: 24px;
      --ddsweb-theme-spacing-xxl: 28px;
      --ddsweb-theme-spacing-xxxl: 32px;
    }
  }
}



@layer ddsweb-base, ddsweb-small-atoms, ddsweb-large-atoms, ddsweb-molecules, ddsweb-organisms, ddsweb-overrides;
@layer ddsweb-base {
  @layer ddsweb-normalise, ddsweb-theme, ddsweb-theme-smaller, ddsweb-theme-fandf, ddsweb-fonts, ddsweb-foundation, dds-grid, ddsweb-helpers;
}
@layer ddsweb-small-atoms {
  @layer ddsweb-divider, ddsweb-heading, ddsweb-icon, ddsweb-icons, ddsweb-branding, ddsweb-label, ddsweb-logos, ddsweb-tag, ddsweb-text;
}
@layer ddsweb-large-atoms {
  @layer ddsweb-spinner, ddsweb-button, ddsweb-link, ddsweb-rating, ddsweb-responsive-image, ddsweb-card;
}
@layer ddsweb-molecules {
  @layer ddsweb-calendar, ddsweb-action-menu, ddsweb-messaging, ddsweb-fab, ddsweb-form-group, ddsweb-checkbox, ddsweb-checkbox-with-label, ddsweb-checkbox-group, ddsweb-text-input, ddsweb-time-input, ddsweb-textarea, ddsweb-textarea-group, ddsweb-date-input, ddsweb-date-picker, ddsweb-dropdown, ddsweb-filter-tabs, ddsweb-password-entry, ddsweb-password-entry-group, ddsweb-password-creation, ddsweb-radio-button, ddsweb-radio-button-with-label, ddsweb-radio-button-group, ddsweb-skip-to-content, ddsweb-multiselect-dropdown, ddsweb-toggle, ddsweb-progress-bar, ddsweb-breadcrumb, ddsweb-link-list, ddsweb-messaging-card, ddsweb-nutritional-info, ddsweb-page-action-control, ddsweb-product-header, ddsweb-pagination-bar, ddsweb-pagination, ddsweb-popover, ddsweb-search-input, ddsweb-segmented-controller, ddsweb-step-indicator, ddsweb-tabs-menu, ddsweb-tabs, ddsweb-accordion, ddsweb-colleague-table, ddsweb-table, ddsweb-footer, ddsweb-value-bar, ddsweb-value-tile, ddsweb-global-navigation, ddsweb-sidebar-panel, ddsweb-sidebar-navigation, ddsweb-toolkit-navigation, ddsweb-local-navigation, ddsweb-bottom-sheet;
}
@layer ddsweb-organisms {
  @layer ddsweb-colleague-news-tile, ddsweb-banner, ddsweb-carousel, ddsweb-consent-banner, ddsweb-content-group, ddsweb-content-stamps, ddsweb-context-card, ddsweb-cookies-notification, ddsweb-icon-stamps, ddsweb-modal, ddsweb-sidebar, ddsweb-rewards-tile, ddsweb-one-tile;
}
@layer ddsweb-base {
  @layer ddsweb-theme {
    :root {
      --ddsweb-theme-name: default;
    }
  }
}

body {
  overflow-x: hidden;
}

.template-wrapper:has([data-mfe='mfe-plp']) {
  max-width: 1512px;
  font-family: var(--ddsweb-theme-font-family-text);
  -webkit-font-smoothing: antialiased;
}

[data-mfe='mfe-plp'] .ddsweb-pagination-page-action__link span:not([disabled]):hover::after,
[data-mfe='mfe-plp'] .ddsweb-pagination-page-action__link span:not([disabled]):focus::after,
[data-mfe='mfe-plp'] .ddsweb-pagination-page-action__link span:not([disabled]):active::after

{
  opacity: 1 !important;
}

[data-mfe='mfe-plp'] .ddsweb-pagination-page-action__link span:has(svg)::after {
  --ddsweb-button-transition-duration: 0.3s;
  --ddsweb-button-shadow-width: 3px;
  --ddsweb-button-shadow-position-inset: -2px;
  --ddsweb-button-shadow-color: #007eb3;
  content: '';
  z-index: 1;
  position: absolute;
  top: var(--ddsweb-button-shadow-position-inset);
  right: var(--ddsweb-button-shadow-position-inset);
  bottom: var(--ddsweb-button-shadow-position-inset);
  left: var(--ddsweb-button-shadow-position-inset);
  inset: var(--ddsweb-button-shadow-position-inset) !important;
  border-radius: 50%;
  box-shadow: 0 0 0 var(--ddsweb-button-shadow-width) var(--ddsweb-button-shadow-color) !important;
  opacity: 0;
  -webkit-transition: opacity var(--ddsweb-button-transition-duration);
  transition: opacity var(--ddsweb-button-transition-duration);
}

[data-mfe='mfe-plp'] .ddsweb-button--icon-button div:not([disabled]):hover::after,
[data-mfe='mfe-plp'] .ddsweb-button--icon-button div:not([disabled]):focus::after,
[data-mfe='mfe-plp'] .ddsweb-button--icon-button div:not([disabled]):active::after

{
  opacity: 1 !important;
}

  .template-wrapper
    > div:has([data-mfe='mfe-basket']):has([class*='basket-open']) {
    width: auto;
    opacity: 1;
    transition: width ease-in 0.1s, opacity ease-in 0.2s;
    pointer-events: initial;
    cursor: auto;
    visibility: visible;
  }

  .template-wrapper
    > div:has([data-mfe='mfe-basket']):has([class*='basket-close']) {
    width: 0;
    opacity: 0;
    transition: width ease-in 0.1s, opacity ease-in 0.2s;
    pointer-events: none;
    cursor: not-allowed;
    visibility: hidden;
  }
  .template-wrapper
    > div:has([data-mfe='mfe-basket']):has([class*='basket-close']) > *{
      width: 0;
      opacity: 0;
      transition: width ease-in 0.1s, opacity ease-in 0.2s;
      pointer-events: none;
      cursor: not-allowed;
      visibility: hidden;
    }
  

/*# sourceMappingURL=29733bc15df84e3a92a9.css.map*/