.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;
}

[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;
}

.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-md);
  margin: 0;
  width: 100%;
}

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


ul.YObNe06WwtziWvx {
  gap: normal;
}

.YObNe06WwtziWvx > 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;
  border: none;
}

@media (max-width: 504px) {
  .YObNe06WwtziWvx > 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;
  }

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

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


@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 var(--ddsweb-theme-spacing-sm) var(--ddsweb-theme-spacing-sm);
}

@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;
  }
}

.ajqV6U_fVqup9UW > :not(:first-child) {
  border-top: 0;
  border-bottom: 1px solid var(--ddsweb-theme-colors-lines-base);
}

.b1rMW7wygyGWWzS > span:first-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.b1rMW7wygyGWWzS > span:first-child > p {
  text-overflow: ellipsis;
  overflow: hidden;
}

.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;
  margin-top: var(--ddsweb-theme-spacing-sm);
}

.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;
  margin-top: var(--ddsweb-theme-spacing-sm);
}

.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);
}

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

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

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

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

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

  .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);
}

.HvRt01V0itCEmFC {
  /* this is to accomodate experiment, post that it should be removed */
  margin: 0 0 0 -12px;
  width: calc(100% + 12px);
}

/* this is to locate multi option filters and not to apply on single option filter*/
.HvRt01V0itCEmFC ~ .HvRt01V0itCEmFC > :only-child {
  border-top: none;
}

[data-mfe='mfe-plp'] .heading {
  display: block;
  font-size: var(--ddsweb-theme-font-size-xs);
  margin-bottom: var(--ddsweb-theme-font-size-xs);
}

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

.BNJMX1qlFvsGzB9 {
  display: block;
  font-size: var(--ddsweb-theme-font-size-xs);
  color: var(--ddsweb-theme-colors-tesco-blue);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
/* this is to support multi level filter i.e. category - create nested structure */
.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);
}

.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);
}

.Ml3xLm9FrQGkLvp {
  /* this is to accomodate experiment, post that it should be removed */
  margin: 0 0 0 -12px;
  width: calc(100% + 12px);
}

/* this is to locate multi option filters and not to apply on single option filter*/
.Ml3xLm9FrQGkLvp ~ .Ml3xLm9FrQGkLvp > :only-child {
  border-top: none;
}

[data-mfe='mfe-plp'] .heading {
  display: block;
  font-size: var(--ddsweb-theme-font-size-xs);
  margin-bottom: var(--ddsweb-theme-font-size-xs);
}

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

.bPK_5xGJ_QXxi27 {
  display: block;
  font-size: var(--ddsweb-theme-font-size-xs);
  color: var(--ddsweb-theme-colors-tesco-blue);
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}

.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);
}

@media (min-width: 1008px) {
  .DUHIyAIftpihGuQ ul:nth-of-type(2) {
    padding-top: 0;
    margin-left: var(--ddsweb-theme-spacing-xs);
  }

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

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

.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);
  }
}

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

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

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

.ZEbFJbWT5bTi4jV {
  height: 100vh;
  max-height: 100vh;
  position: sticky;
  top: 0;
  grid-template-columns: 0;
  padding: 0;
  visibility: hidden;
  width: initial;
}

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

.GTOZXzyK5Dh7TEY {
  overflow: hidden;
  padding-bottom: calc(var(--ddsweb-theme-spacing-xxl) * 2);
  height: 100%;
  /* subtracting the header height which is 32px + 24px (padding) + 1px (border)*/
}

.ZEbFJbWT5bTi4jV  .cYNDqbFXo8HYvUF {
  position: sticky;
  top:0;
}

.T2yjz3p8ihbPj5I {
  display: block;
  left: 0px;
  width: calc(var(--ddsweb-theme-spacing-xxxl) * 10);
  min-width: calc(var(--ddsweb-theme-spacing-xxxl) * 10);
  visibility: visible;
  border-left: 1px solid var(--ddsweb-theme-colors-lines-base);
}

[data-mfe='mfe-plp'] .ddsweb-sidebar-panel {
  overflow-y: hidden;
  width: 100%;
  min-width: 100%;
  height: 100%;
  position: relative;
}

[data-mfe='mfe-plp'] .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) {

  .T2yjz3p8ihbPj5I {
    z-index: 999;
  }

  .zkm4XfitJzYGgbA {
    padding: 0;
    transition: none;
    position: fixed;
    height: 100vh;
    max-height: 100vh;
    top:0;
    z-index: 99;
  }

  .ZEbFJbWT5bTi4jV  .cYNDqbFXo8HYvUF {
    position: sticky;
    top:0;
  }

  [data-mfe='mfe-plp'] .ddsweb-sidebar-panel {
    overflow-y: auto;
    width: 100%;
    min-width: 100%;
  }

  .GTOZXzyK5Dh7TEY {
    overflow-y: auto;
    padding-bottom: 0;
    height: 100%;
  }
}

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

.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;
}

@media (min-width: 1008px) {
  .YZFWu5Bs01qSKat {
    position: fixed;
  }
}

._9YOUY9vSTjzKmu {
  display: none;
  visibility: hidden;
  pointer-events: none;
  padding-left: var(--ddsweb-theme-spacing-sm);
}

.wVijhJDGBtKIosj {
  display: block;
  visibility: visible;
  pointer-events: auto;
  padding-left: var(--ddsweb-theme-spacing-sm);
}

@media (min-width: 1008px) {
  ._9YOUY9vSTjzKmu {
    overflow-y: auto;
    height: 100%;
    display: block;
    visibility: visible;
    pointer-events: auto;
  }

  .wVijhJDGBtKIosj {
    overflow-y: auto;
    height: 100%;
    display: none;
    visibility: hidden;
    pointer-events: none;
  }
}

.CYIbW8IzUIQd5Ie {
  display: flex;
  gap: var(--ddsweb-theme-spacing-xs);
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.CYIbW8IzUIQd5Ie > button {
  flex: 1;
}

.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;
  }
}
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=9b595cb1f1c9ef3fb7c4.css.map*/