h1 {
    font-size: 2em!important;
    font-weight: bold;
}

  h2:not(.mcp-recs-title):not(.modal-heading) {
    display: block;
    font-size: 1.5em!important;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold!important;
    unicode-bidi: isolate;
  }

.mcp-recs-title {
    font-size: 1.5rem;
    font-weight: 400;
}


  .text-center{
    text-align:center
  }
  
  .pagination{
    display:inline-block;
    width:100%
  }
  
  .pagination a{
    color:#000;
    float:left;
    padding:8px 16px;
    text-decoration:none
  }
  
  .pagination a:hover:not(.active){
    background-color:#ddd
  }
  
  @media (max-width:1169px) {
    .product-img button.MuiButtonBase-root span.MuiTouchRipple-root{
      display:none!important
    }
  
    .swatches .product-color input[type=radio]{
      height:100%;
      width:100%
    }
  
    .colorFacet input.colorchecked:disabled~.colorlabel:after{
      height:52px;
      width:3.89px
    }
  }
  
  @media (min-width:1170px) {
    input.colorchecked:disabled~.colorlabel:after{
      height:65px
    }
  
    .pgp-product-item{
      position:relative;
      z-index:99
    }
  }
  
  .product-color input[type=radio]{
    position:absolute;
    height:26px;
    width:26px
  }
  
  .product-color fieldset{
    border:none;
    padding:0;
    margin:0
  }
  
  span.MuiRating-decimal{
    height:16px;
    width:16px
  }
  
  span.MuiRating-icon.MuiRating-iconEmpty{
    height:16px;
    width:16px;
    color:#0000001a;
    zoom:1.1
  }
  
  .productimg img~div{
    background-color:#f9f9f9!important;
    z-index:0
  }
  
  .product-img .productimg div img{
    z-index:1;
    object-fit:contain
  }
  
  input[type=checkbox]:checked~.colorlabel{
    border:1px solid #232323
  }
  
  input[type=checkbox]:checked~.colorlabel div .colorSelected{
    width:18px;
    height:18px;
    margin:0;
    position:absolute;
    display:block!important
  }
  
  input.colorchecked{
    overflow:hidden;
    border-radius:100%;
    width:48px;
    height:48px;
    position:absolute;
    z-index:999;
    margin:0;
    opacity:0
  }
  
  .swatches~.MuiCheckbox-root{
    visibility:hidden;
    display:none;
    height:0
  }
  
  .swatches~label{
    display:none
  }
  
  @media (max-width:769px) {
    .colorFacet{
      width:33%
    }
  }
  
  @media (min-width:700px) {
    .colorFacet{
      width:20%
    }
  }
  
  .colorFacet{
    height:auto!important;
    display:inline-block!important
  }
  
  .product-color div{
    margin-bottom:0!important
  }
  
  div#pickupstore button:hover{
    background:unset
  }
  
  .colorFacet{
    & .colorchecked:focus+.colorlabel:after {
      position:absolute;
      content:"";
      width:20px;
      height:20px;
      border:1px solid #3a3a3a;
      border-radius:4px;
      padding:24px
    }
  }
  
  input.colorchecked:disabled~.colorlabel:after{
    content:"";
    position:absolute;
    width:3px;
    background:#3a3a3a;
    transform:rotate(45deg);
    opacity:1;
    border:1.9px solid #fff;
    border-top:0;
    border-bottom:0
  }
  
  input.colorchecked:disabled{
    pointer-events:none;
    cursor:auto
  }
  
  input.colorchecked:disabled~.colorlabel .colorimage{
    pointer-events:none
  }

  .colorimage img{
    aspect-ratio: 1/1;
  }
  
  @media (max-width:767px) and (min-width:450px) {
    .size-attribute-class,
    .sizefilter-container{
      flex:1 1 32%!important
    }
  }
  
  @media only screen and (max-width:1169px) and (min-width:768px) {
    .size-attribute-class,
    .sizefilter-container{
      flex:1 1 19%!important;
      max-width:19%!important
    }
  }
  
  .MuiButtonBase-root:focus-visible,
  button.MuiIconButton-root:focus-visible{
    outline-offset:2px;
    outline:1px solid #333
  }
  
  button.MuiButtonBase-root .MuiTouchRipple-root{
    visibility:hidden
  }
  
  .pos-relative{
    position:relative
  }
  
  .spacing-1 .grid-child{
    padding-top:.5rem;
    padding-left:.5rem
  }
  
  .pgp-product-item.spacing-1{
    width:calc(100% + .5rem);
    margin-left:-.5rem;
    margin-top:-.5rem;
    @media only screen and (min-width:721px) and (max-width:1169px) {
      width:calc(100% + 3.5rem);
      margin-left:-2rem
    }
  }
  
  .pgp-pagination-scroll{
    width:calc(100% + 8px)!important;
    margin-left:-8px
  }
  
  .pgp-filter-container{
    display:"block";
    height:100dvh;
    overflow-y:auto;
    padding:134px 54px 154px 46px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    @supports (padding-top:env(safe-area-inset-top)) {
      padding-top:calc(env(safe-area-inset-top) + 80px);
      padding-bottom:calc(env(safe-area-inset-bottom) + 100px);
      padding-left:54px;
      padding-right:46px
    }
    @media (max-width:425px) {
      padding-left:34px;
      padding-right:34px
    }
    @media (max-width:359px) {
      padding-left:24px;
      padding-right:24px
    }
  }
  
  .pgp-filter-title{
    position:fixed
  }
  
  .pgp-filter-title,
  .pgp-sort-title{
    align-items:center;
    justify-content:space-between;
    top:0;
    right:0;
    border-bottom:1px solid rgba(0,0,0,.1);
    background:#fff;
    z-index:10
  }
  
  .pgpFilterPillContainer{
    display:flex;
    align-items:center;
    gap:8px;
    border-bottom:1px solid #f2f2f2
  }
  
  .pgpFilterPillDskLast{
    padding:0;
    display:none;
    width:auto
  }
  
  @media only screen and (min-width:320px) {
    .pgp-fltr-shtct{
      padding:0 6px;
      border-right:1px solid rgba(0,0,0,.1);
      display:none
    }
  
    .pgp-fltr-shtct-itm{
      padding:0
    }
  
    .pgp-srtflt-cntnr{
      padding:10px 0;
      position:-webkit-sticky;
      position:sticky;
      top:0;
      align-items:center
    }
  
    .pgp-sort-btn{
      display:none
    }
  
    .pgp-srtfltr-modal{
      padding:0;
      display:inline-block
    }
  
    .pgp-fltr-btn{
      display:none
    }
  
    .pgp-filter-style:active,
    .pgp-filter-style:hover{
      border:1px solid #000
    }
  
    .pgp-filter-style{
      border:1px solid #f2f2f2;
      min-height:32px;
      width: max-content;
    }

    .css-1khtzrr{
      width: max-content;
    }
  
    .pgp-stky-fltr{
      display:inline-block;
      padding:0 0 0 4px;
      top:3px!important
    }
  
    .pgp-pcup-st-str-cntr{
      padding:none;
      display:none;
      justify-content:none
    }
  
    .pgp-tgl-tile-sz{
      display:none;
      top:-3px
    }
  
    .pgp-srtby-fltr{
      padding:54px 24px
    }
  
    .pgp-slctd-srt-vl{
      line-height:18px;
      padding-bottom:32px
    }
  
    .xs-mb-0{
      margin-bottom:0
    }
  
    .pgp-filter-title{
      padding:24px;
      max-width:inherit
    }
  }
  
  @media only screen and (min-width:640px) {
    .pgp-button-container,
    .pgp-clr-fltr{
      max-width:inherit
    }
  
    .pgp-clr-fltr{
      padding:16px 24px 32px
    }
  }
  
  @media only screen and (min-width:768px) {
    .pgp-fltr-shtct{
      padding:0 8px;
      border-right:none;
      display:inline-block
    }
  
    .pgp-fltr-shtct-itm{
      padding:0
    }
  
    .pgp-srtflt-cntnr{
      padding:14px 0;
      align-items:center
    }
  
    .pgp-sort-btn{
      display:inline-block
    }
  
    .pgp-srtfltr-modal{
      display:none
    }
  
    .pgp-fltr-btn{
      padding:0 0 0 8px;
      top:0;
      display:inline-block;
      position:relative;
      cursor:pointer
    }
  
    .pgp-stky-fltr{
      display:none
    }
  
    .pgp-pcup-st-str-cntr{
      padding:15px 10px;
      display:flex;
      justify-content:flex-end
    }
  
    .pgp-tgl-tile-sz{
      padding:0 0 0 8px;
      display:inline-block;
      top:6px;
      height:22px;
      border-left:1px solid rgba(0,0,0,.1)
    }
  }
  
  @media only screen and (min-width:1170px) {
    .pgp-fltr-shtct{
      padding:0 8px;
      border-right:none;
      display:inline-block
    }
  
    .pgp-fltr-shtct-itm{
      padding:0
    }
  
    .pgp-srtflt-cntnr{
      padding:14px 0
    }
  
    .pgp-sort-btn{
      display:inline-block
    }
  
    .pgp-srtfltr-modal{
      display:none
    }
  
    .pgp-fltr-btn{
      padding:0 0 0 8px;
      top:0;
      display:inline-block;
      position:relative;
      cursor:pointer
    }
  
    .pgp-stky-fltr{
      display:none
    }
  
    .pgp-pcup-st-str-cntr{
      padding:23px 0;
      display:flex;
      justify-content:flex-end
    }
  
    .pgp-tgl-tile-sz{
      padding:0 0 0 20px;
      display:inline-block;
      top:-3px;
      height:22px
    }
  
    .pgp-clr-fltr{
      padding:16px 54px 16px 56px
    }
  
    .pgp-srtby-fltr{
      padding:42px 54px 46px
    }
  
    .pgp-slctd-srt-vl{
      line-height:20px;
      padding-bottom:36px
    }
  
    .lg-mb-1{
      margin-bottom:1rem
    }
  
    .pgp-filter-title{
      padding:24px 25px 24px 56px;
      max-width:660px
    }
  
    .pgp-btn-container,
    .pgp-button-container,
    .pgp-clr-fltr{
      max-width:660px
    }
  }
  
  .pgp-product-pagination-container{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
    border-bottom:1px solid #f2f2f2
  }
  
  .main-header{
    transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;
    box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
    display:flex;
    flex-direction:column;
    width:100%;
    box-sizing:border-box;
    flex-shrink:0;
    z-index:1100;
    top:0;
    left:auto;
    right:0;
    background-color:#fff;
    color:#3a3a3a;
    box-shadow:none;
    position:relative
  }
  
  .custom-grid{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%
  }
  
  .main-container{
    max-width:1440px;
    margin:0 auto
  }
  
  @media(min-width:320px) {
    .grid-xs-12{
      flex-basis:100%;
      flex-grow:0;
      max-width:100%
    }
  
    .grid-xs-6{
      max-width:50%
    }
  
    .grid-xs-6,
    .grid-xs-6-pgp{
      flex-basis:50%;
      flex-grow:0
    }
  }
  
  @media(min-width:1170px) {
    .grid-lg-3{
      max-width:25%
    }
  
    .grid-lg-3,
    .grid-lg-3-pgp{
      flex-basis:25%;
      flex-grow:0
    }
  }

  @media (min-width: 1170px) {
    .grid-lg-4 {
        max-width: 33.333333%;
    }
}

@media (min-width: 1170px) {
    .grid-lg-4, .grid-lg-4-pgp {
        flex-basis: 33.333333%;
        flex-grow: 0;
    }
}

  .pgp-page-title {
    padding-top: 32px !important;
    display: inline-block;
    align-items: flex-end;
  }


  @media only screen and (min-width: 1170px) {
    .pgp-page-title {
      padding: 0 0 24px;
    }
  }

  main{
    margin: 0 auto;
    padding: 0 16px;
    max-width: 1440px;

    @media (min-width: 768px) {
      padding: 0 24px;
    }

    @media (min-width: 1200px) {
      padding: 0 52px;
    }
  }


  .mcp-recs-img-wrap {
    position: relative;
  }

  .mcp-recs-item-image {
    position: relative;
    display: block;
    background-color: #f9f9f9;
  }

  .slick-slide img {
    display: block;
  }

  /* Swatch chips in Best Sellers must never inherit product-image sizing */
  .slick-slide .opt-mw-inline-swatches,
  .slick-slide .opt-mw-inline-swatch,
  .slick-slide .opt-mw-inline-swatch-frame,
  .slick-slide .opt-mw-inline-swatch-fill,
  .slick-slide .opt-mw-inline-swatch-more {
    width: auto;
    max-width: none;
    max-height: none;
  }

  .slick-slide .opt-mw-inline-swatch,
  .slick-slide .opt-mw-inline-swatch-frame {
    width: 24px !important;
    height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
  }

  .slick-slide .opt-mw-inline-swatch-fill {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
  }

  .mcp-recs-item-image img {
    width: 100%;
    max-width: 400px;
    max-height: 440px;
    object-fit: contain;
    margin: auto;
  }

  .related-title {
    font-family: Roboto, Arial, sans-serif;
    line-height: 1.125em;
    font-weight: 500;
    color: #232323;
    text-transform: capitalize;
    text-decoration: underline;
    font-size: 1rem;
  }

  .mcp-recs-item-link {
    display: inline-block;
    margin-top: 16px;
    color: #747474;
  }

  #scrollToTopButton{
    z-index: 99;
  }