#stack-and-save #MainContent {
  position: relative;
  
}
#stack-and-save #MainContent >.container,  
#stack-and-save .stack-save >.container,
#stack-and-save #MainContent .stacksave-addtocart-wrapper >.container{
max-width: 1024px;
padding: 0 3rem;
margin: 0 auto;
}
#stack-and-save #MainContent #shopify-section-template--15948709265562__stacksave-banner {
 height: 330px;
}

.stack-save{
  background-color: #d3d5d9;
  width: 100vw;
  margin-left: -50vw !important;
  left: 50%;
  position: absolute;
  height: 300px;
  overflow: hidden;
}
.stack-save-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.stack-save-box img {
  width: calc((1024px - 6rem)/2);
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.stack-save-box h1 {
font-size: 32px;
line-height: 1.2;
text-transform: uppercase;
}
.stack-save-box h1 {
  line-height: 1.6;
}

.discount-offers-list {
  display: flex;
  align-items: center;
width: 100%;
margin-top: -5rem;
}

.discount-offers-list li {
  padding: 30px;
  width: 33.33%;
  position: relative;
  box-shadow: 0 4px 12px rgb(0 0 0 / 15%);
  cursor: pointer;
  z-index: 9;
  background: #fff;
}
.discount-offers-item {
position: relative;
}
.discount-offers-list li.active {
background: #e2323a;
}
.discount-offers-list li.active h2,
.discount-offers-list li.active p {
color: #fff;
}
.discount-offers-contain h2 {
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
} 
.discount-offers-contain p {
font-size: 1rem;
line-height: 1.6;
text-align: center;
}
.discount-offers-iconButton {
  width: 20px;
  height: 20px;
  border: 1px solid;
  display: block;
  margin: 10px auto 0;
  border-radius: 100%;
  position: relative;
  border-color: #000;
}

.discount-offers-iconButton svg {
  display: none;
}

.discount-offers-list li.active .discount-offers-iconButton {
 border-color: #fff;
}
.discount-offers-list li.active .discount-offers-iconButton svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
.discount-offers-popular {
  position: absolute;
  top: -22px;
  padding: 4px 10px;
  background: rgb(244, 244, 245);
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  transform: translate(-50%,50%);
  text-transform: uppercase;
}


@media (max-width: 768px){
  #stack-and-save #MainContent >.container, 
  #stack-and-save .stack-save >.container,
#stack-and-save #MainContent .stacksave-addtocart-wrapper >.container{
    max-width: 100%;
    padding: 0 12px;
    margin: 0 auto;
}
.stack-save-box {
  margin: 45px 0;
}
.stack-save-box img {
  display: none;
}
.discount-offers-list {
  width: 100vw;
  margin-left: -50vw !important;
  left: 50%;
  position: absolute;
  margin-top: -9.4rem;
}
}

@media (max-width: 1020px){
  #stack-and-save #MainContent >.container, 
  #stack-and-save .stack-save >.container, 
#stack-and-save #MainContent .stacksave-addtocart-wrapper >.container {
    max-width: 100%;
    padding: 0 12px;
    margin: 0 auto;
}
.stack-save-box {
  margin: 45px 0;
}
.stack-save-box img {
  display: none;
}
.discount-offers-list {
  width: 100vw;
  margin-left: -50vw !important;
  left: 50%;
  position: absolute;
  margin-top: -9.4rem;
}
}

.main-group {
  padding-bottom: 70px;
}
#shopify-section-template--15948709265562__stacksave-main {
position: relative;
}
.collections-group {
  width: 100vw;
  margin-left: -50vw !important;
  left: 50%;
  position: absolute;
    padding: 30px 0;
}

.collections-group ul {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 0 0 30px;
  overscroll-behavior-x: contain;
  border-bottom-width: 1px;
  flex-flow: row;
  overflow-x: auto;
  overflow-y: hidden;
}
.collections-group ul li {
    list-style: none;
}

.collections-group ul li:first-child{
margin-left: max(3rem,50% - 512px + 3rem)
}
.collections-group ul li:last-child {
  margin-right: 40px;
}

.collections-group ul li a{
  background: rgb(244, 244, 245);
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  line-height: 1rem;
  white-space: nowrap;
  border-radius: 1.5rem;
  padding: 1rem 1.5rem;
  display: inline-block;
  position: relative;
}

.spacebar-group {
  height: 150px;
}
.stacksave-heading {
  font-size: 21px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 30px 0;
}

.stacksave-product-items {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.slider-item {
  flex: 0 0 23.50%;
  max-width: 23.50%;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px){
.slider-item {
  flex: 0 0 47%;
  max-width: 47%;
}
}
@media (max-width: 300px){
.slider-item {
  flex: 0 0 100%;
  max-width: 100%;
}
}
.slider-item picture {
  width: 100%;
  padding-bottom: 100%;
  display: block;
  position: relative;
}
.slider-item img {
/*     height: 250px;
  width: 100%;
  object-fit: contain; */
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
    z-index: 9;
}
.stacksave-product-content {
  padding: 15px;
}
.stacksave-product-content  .collection {
  display: block;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.2;
  margin-bottom: 6px;
}
.stacksave-product-content  .title {
  display: block;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.stacksave-product-content .price {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
}
.stacksave-product-content .pricedel dd  {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  color: #000;
  margin-left:5px;
}

.stacksave-addtocart-wrapper {
  z-index: 999;
  background: rgb(244, 244, 245);
  max-height: 100%;
  border-top-width: 1px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -4px 32px rgb(0 0 0 / 30%);
  padding: 5px 0 10px;
  overflow-y: scroll;
}

button.stacksave-addtocart-toggle {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
}
.stacksave-addtocart-toggleTitle {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
    text-align: left;
}
.stacksave-addtocart-toggleSubtitle {
  font-size: 14;
  line-height: 1.6;
}


.stacksave-image-wrapper {
  margin-top: 1rem;
  display: block;
  position: relative;
}
.stacksave-add-to-icon {
  transition: max-width .15s ease-in-out;
  display: flex;
  position: absolute;
  bottom: 0.5rem;
  direction: rtl;
  right: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0 12px rgb(0 0 0 / 15%);
  background: rgb(24, 24, 27);
  border-radius: 30px;
    z-index: 10;
}
#stack-and-save .stacksave-add-to-icon input {
border: none;
width: 30px;
height: 30px;
color: #fff;
cursor: pointer;
}
.nubmer-item {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
[type=number]:focus {
outline: none;
}


.toggle-content .toggle-prodcut {
  gap: 18px;
  padding: 30px 0;
  border-bottom: 1px solid;
  border-top: 1px solid;
  margin-top: 20px;
  border-color: rgb(212, 212, 216);
}

/* .toggle-content .slider-item {
padding: 40px 0;
} */

.toggle-prodcut:empty{
display: none !important;
}

.toggle-content .slider-item img {
  padding-top: 15px;
}
.toggle-content .ss_close {
  position: absolute;
  right: 10px;
  box-shadow: 0 0 12px rgb(0 0 0 / 15%);
  top: 0;
  background: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
    z-index: 99;
}

#ss_total {
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.75rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
/* btn */
// .button {
//   width: 100%;
//   border-radius: 30px;
//   background: rgb(24, 24, 27);
//   border: thin solid;
//   border-color: rgb(24, 24, 27);
// }
// .button:hover{
// color: rgb(24, 24, 27);
// }

// .button:disabled, 
// .button.disabled, 
// .button[aria-disabled=true] {
//   background-color: rgb(212, 212, 216);
//   color: rgb(161, 161, 170);
//   cursor: not-allowed;
//     margin: 15px 0;
// }
#stacksave-addtocart_badge {
  text-transform: uppercase;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-left: 6px;
}
.stack-save-overlay{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.6) !important;
  z-index: 99;
}
.stach-save_soldOut {
  text-transform: uppercase;
  text-align: center;
  padding: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1rem;
  position: absolute;
  bottom: 5px;
  left: 5px;
  right: 5px;
  background: #fff;
  color: rgb(24, 24, 27);
  z-index: 99;
  box-shadow: 0 1px 5px rgb(24 24 27);
  border-radius: 4px;
}

@media (max-width: 768px) {
.toggle-content .toggle-prodcut {
  flex-direction: column;
}

.toggle-content .toggle-prodcut .slider-item {
  flex: unset;
  max-width: 100%;
}

.toggle-content .toggle-prodcut .slider-item img {
  width: auto;
  left: 0;
  transform: translateX(50%);
}

.stacksave-addtocart-wrapper .slider-item {
  display: flex;
  align-items: center;
      margin-bottom: 10px;
}
.stacksave-addtocart-wrapper .stacksave-image-wrapper,
.stacksave-addtocart-wrapper .slider-item picture {
  position: initial;
}
.stacksave-addtocart-wrapper .toggle-content .ss_close {
  top: 10px;
}
.stacksave-addtocart-wrapper .slider-item img {
      left: -130px;
    background: transparent;
  height: 60%;
}
.stacksave-addtocart-wrapper .stacksave-product-content {
  margin-left: 90px;
}
}  














.button-addtocarttotal span.spinner:after{top:-2px;}