/** Shopify CDN: Minification failed

Line 3314:47 Unexpected "#12374-textarea"
Line 3326:47 Unexpected "#12374-country"
Line 3334:49 Unexpected "#12374-textarea"
Line 3381:47 Unexpected "#12374-textarea"
Line 3393:47 Unexpected "#12374-country"
Line 3400:49 Unexpected "#12374-textarea"

**/

.field:hover.field:after,
.field:after,
.field__input:focus, 
.select__select:focus, 
.customer .field input:focus, 
.customer select:focus, 
.localization-form__select:focus.localization-form__select:after,
.quantity:after {
    box-shadow: none;
}

.button:after,
.button:hover:after {
    box-shadow: none !important;
}

.header {
    max-width: 1720px;
}

.header:not(.drawer-menu).page-width {
    padding-left: 2rem;
    padding-right: 2rem;
}
p.predictive-search__item-heading.h5 {
    font-size: 25px;
}
.header--middle-left {
    grid-template-columns: auto  auto auto;
}

.header--middle-left .header__inline-menu {
    text-align: center;
}

.header__menu-item span {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #01022D;
}
.header__icons {
    gap: 20px;
}

.header__icon {
    background: #FFFFFF;
    border-radius: 100px;
}

.header__icon .icon {
    color: #01022D;
}

.snack-stats__heading, .customer-testimonials__heading, .new-arrivals-cta__heading {
    position: relative;
}

.snack-stats__heading::before, .customer-testimonials__heading::before, .new-arrivals-cta__heading::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url('/cdn/shop/files/Group_3.png?v=1780983550');
    background-size: contain;
    background-repeat: no-repeat;
    left: -35px;
    top: -15px;
}

.snack-stats__heading::after, .customer-testimonials__heading::after, .new-arrivals-cta__heading::after  {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url('/cdn/shop/files/Group_4.png?v=1780983550');
    background-size: contain;
    background-repeat: no-repeat;
    right: -50px;
    bottom: 0px;
}

.home-featured-product .page-width-desktop {
    max-width: 1720px;
    padding: 0 2rem;
}

.home-featured-product .collection__title {
    max-width: 1720px;
    padding: 0 2rem;
}

.home-featured-product .title {
    font-weight: 400;
    font-size: 80px;
    line-height: 100%;
    letter-spacing: 1%;
    width: fit-content;
    position : relative;
}

.home-featured-product .title:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url('/cdn/shop/files/Group_5.png?v=1780983813');
    background-size: contain;
    background-repeat: no-repeat;
    right: -60px;
    top: -15px;
}

.home-featured-product .product-card-wrapper {
    background: #fff;
    border-radius: 20px;
} 

.home-featured-product .card__heading {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #170565;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.home-featured-product .price__regular {
    font-family: Poppins;
    font-weight: 700;
    font-style: Bold;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #01022D;
}

.home-featured-product a.button {
    margin-top: 40px !important;
    min-height: 60px;
    padding: 15px 30px;
    color: #01022D;
    background-color: #FFD400;
    border: 1px solid #ffffff;
    border-right-width: 3px;
    border-bottom-width: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 600;
    font-style: var(--sbc-body-style);
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0;
    border-radius: 5px;
    transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out;
    cursor: pointer;
}

.home-featured-product .quick-add__submit {
    min-height: 60px;
    padding: 10px 16px;
    color: #01022D;
    background-color: #FFD400;
    border: 1px solid #01022D;
    border-right-width: 3px;
    border-bottom-width: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: var(--sbc-body-font);
    font-weight: 600;
    font-style: var(--sbc-body-style);
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0;
    border-radius: 5px;
    transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out;
    cursor: pointer;
    min-height: 44px;
}

.home-image-banner .banner__text p {
    font-family: Poppins;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
}
.home-image-banner .banner__buttons .button {
    min-height: 60px;
    padding: 10px 30px;
    color: #01022D;
    background-color: #FFD400;
    border: 1px solid #01022D;
    border-right-width: 3px;
    border-bottom-width: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: var(--sbc-body-font);
    font-weight: 600;
    font-style: var(--sbc-body-style);
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0;
    border-radius: 5px;
    transition: background-color 0.3s ease-out, color 0.3s ease-out, border-color 0.3s ease-out;
    cursor: pointer;
    min-height: 44px;
}

/* .main-shop-collection .card-wrapper {
    border-radius: 20px;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
} */


.main-shop-collection .card__heading {
    font-family: Poppins;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #170565;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.main-shop-collection .price {
    font-family: Poppins;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #01022D;
}

.main-shop-collection button.quick-add__submit {
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    line-height: 100%;
    color: #01022D;
    background: #FFD400;
    border-width: 1px, 3px, 3px, 1px;
    border-style: solid;
    border-color: #01022D;
    border-radius: 5px;
    padding: 10px 30px;
    gap: 20px;
}



.facets__summary{
  cursor:default;
}

/* collections all page css start */
.facets__form .facets__heading,
.facet-filters .facet-filters__label label {
    font-size: 22px;
    font-weight: 400;
    color: #000 !important;
}
.facets__summary-label,
.facets__summary span,
.facet-filters__sort {
    color: #000;
    font-weight: 450;
}
.facets__selected,
.facet-checkbox__text-label {
    font-size: 16px;
    color: #000;
}
.facets__price .field {
    border: 1px solid #ffd400;
    border-radius: 10px;
    overflow: hidden;
}
.facets__price .field input {
  color: #000 !important;
}
.facets__display {
    border: 1px solid #ffd400 !important;
    border-radius: 20px !important;
}
.facet-filters__sort:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
.facet-filters__sort {
    border: 2px solid #ffd400 !important;
    padding: 8px 40px 8px 10px !important;
    border-radius: 10px !important;
    text-transform: uppercase;
}
.facets__form .search-modal__content {
    padding: 0px;
}

 .select .svg-wrapper {
    right: 20px !important;
}
.select .svg-wrapper svg path {
    fill: #000 !important;
}

/* Pagination Wrapper */
.pagination-wrapper {
  margin: 50px 0 20px;
  display: flex;
  justify-content: center;
}

/* Pagination Container */
.pagination__list {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Page Numbers */
.pagination__item {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  border: 2px solid #FFD400;
  background: #fff;
  color: #05164D;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}

/* Hover */
.pagination__item:hover {
  background: #FFD400;
  color: #05164D;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(255, 212, 0, .25);
}

/* Active Page */
.pagination__item--current {
  background: #05164D !important;
  border-color: #05164D !important;
  color: #fff !important;
  box-shadow: 0 10px 25px rgba(5, 22, 77, .25);
}

/* Arrow Button */
.pagination__item-arrow {
  background: #FFD400;
  border-color: #FFD400;
  color: #05164D;
}

.pagination__item-arrow:hover {
  background: #05164D;
  border-color: #05164D;
  color: #fff;
}

/* Rotate next arrow */
.pagination__item--prev .icon-caret {
  transform: rotate(-90deg);
  width: 14px;
  height: 14px;
}

/* SVG */
.pagination__item .svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Mobile */
@media screen and (max-width: 767px) {
  .pagination__item {
    width: 42px;
    height: 42px;
    font-size: 14px;
    border-radius: 10px;
  }

  .pagination__list {
    gap: 8px;
  }
}

/* pdp page Style */

.product__info-wrapper .product__media-list {
    background-color: #FEFBF4;
    padding: 20px;
    border: 1px solid #000000;
    border-radius: 12px;
}

.product__info-wrapper .product__info-container {
    max-width: 100% !important;
    width: 100%
}
.product__info-wrapper  .product__title {
  margin-bottom: 0px !important;
}
.product__info-wrapper .product-price {
  margin: 0px 0px 10px !important;
}
.product__info-wrapper .product__title h1 {
    font-size: 80px !important;
    line-height: 1;
}

.product__info-wrapper .price-item--regular {
  font-size: 34px;
  color: #020633;
  font-weight: 800;
}

.product__info-wrapper .product__inventory {
  background: #F7FFF7;
  border: 1px solid #B8F0C2;
  padding: 12px 16px;
  border-radius: 12px;
}

.product__info-wrapper .product-form__submit {
  background: #FFD400;
  color: #020633;
  border-radius: 14px;
  font-weight: 700;
  min-height: 60px;
  transition: all .3s ease;
}

.product__info-wrapper .product-form__submit:hover {
  background: #020633;
  color: #FFD400;
}

.product__info-wrapper .quantity {
  border-radius: 14px;
  border: 2px solid #ECECEC;
}

.product__info-wrapper .select__select {
  border-radius: 14px;
  border: 2px solid #ECECEC;
}

.product__info-wrapper .product__accordion {
  border: 1px solid #ECECEC;
  border-radius: 14px;
  margin-bottom: 12px;
  overflow: hidden;
}

.product__info-wrapper .product__accordion {
  background: #fff;
  padding: 12px 20px !important;
  border-top: 1px solid #01012d !important;
  border-left: 1px solid #01012d;
  border-right: 3px solid #01012d;
  border-bottom: 3px solid #01012d;
  border-radius: 5px;
}
.product__info-wrapper .product__accordion details summary {
  padding: 0px !important;
}
.product__info-wrapper .product__accordion details summary .summary__title h2 {
  font-size: 20px;
}
.product__accordion .accordion__content {
  padding-left: 0px !important;
  margin: 0px !important;
  padding-top: 10px !important;
  color: #000 !important;
}


.product__info-wrapper .accordion {
    
    margin-bottom: 12px !important;
}
.product__info-wrapper .product-form__quantity .form__label {
    margin-bottom: .6rem;
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    margin-top: 20px;
}
/* .product__info-wrapper button.quantity__button {
    background: #FFD400 !important;
} */
 .product-form__quantity .quantity .quantity__input {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}
.product-form__quantity .quantity {
    background: transparent !important;
    min-height: 45px;
    border: 1px solid #000;
    border-radius: 7px;
    width: 160px;
}
.product__info-wrapper .product-form__buttons {
    max-width: 100%;
    /* display: flex;
    flex-direction: row;
    gap: 20px; */
}
variant-selects {
  margin-top: 30px !important;
}
variant-selects label {
    background-color: #fff !important;
    color: #000 !important;
    border-top: 1px solid #01012d !important;
    border-left: 1px solid #01012d !important;
    border-right: 3px solid #01012d !important;
    border-bottom: 3px solid #01012d !important;
    font-size: 16px !important;
    font-weight: 500;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    margin-right: 10px !important;
}
.product-form__input--pill input[type=radio]:checked+label {
    background-color: #ffd400 !important;
}
variant-selects .form__label {
  font-size: 16px;
    color: #000;
    font-weight: 600;
}
.product__info-wrapper .product-form__submit {
    /* width: 40%; */
    /* padding: 20px; */
    /* margin: 0px; */
    /* line-height: 0px; */
    border-top: 1px solid #01012d;
    border-left: 1px solid #01012d;
    border-right: 3px solid #01012d;
    border-bottom: 3px solid #01012d;
    min-height: 20px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffd400;
    color: #01012d;
    font-family: Poppins, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0;
    text-decoration: none;
    transition: background-color 300ms ease-out, color 300ms ease-out, transform 300ms ease-out;
    border-radius: 5px;
}

.product__info-wrapper .button--secondary:after {
    border: unset !important;
}

.product__info-wrapper .button--secondary:after {
    border: unset !important;
}
.product__info-wrapper .button:not([disabled]):hover:after, .shopify-challenge__button:hover:after, .customer button:hover:after, .shopify-payment-button__button--unbranded:hover:after {
    border: unset !important;
    box-shadow: unset !important;
}

.product .grid__item.product__media-wrapper {
    /* border: 1px solid; */
    /* padding: 30px; */
    /* border-radius: 12px; */
}
.product-media-container {
  border: none !important;
}

.thumbnail-slider .thumbnail[aria-current] {
  border-top: 1px solid #01012d;
    border-left: 1px solid #01012d;
    border-right: 3px solid #01012d;
    border-bottom: 3px solid #01012d;
    border-radius: 10px;
    box-shadow: none;
}
.thumbnail.global-media-settings img {
  object-fit: contain;
}
.thumbnail-slider .thumbnail {
  border: 1px solid #01012d;
}
.icon-with-text {
  margin: 0px !important;
}
.icon-with-text .icon-with-text__item span {
  color: #000;
  font-size: 18px;
}
.icon-with-text .icon-with-text__item {
  margin-bottom: 12px !important;
}

.quick-order-list__contents {
  background: #fff;
  border-radius: 20px 20px 0px 0px;
  border: 1px solid #01012d;
  border-bottom: none;
  box-shadow: 0 20px 50px rgba(1, 2, 45, .08);
  overflow: hidden;
  padding: 30px;
}
.quick-order-list__total {
    background: #fff;
    border-radius: 0px 0px 20px 20px;
    border-top: 1px solid #01012d;
    border-left: 1px solid #01012d;
    border-right: 1px solid #01012d;
    border-bottom: 3px solid #01012d;
    box-shadow: 0 20px 50px rgba(1, 2, 45, .08);
    overflow: hidden;
    padding: 30px !important;
}
.quick-order-list__table th {
  font-size: 14px !important;
  border-color: #26262647 !important;
}
.quick-order-list__table .variant-item td {
  /* border-bottom: 1px solid #000 !important; */
  border-spacing: 1px !important;
    border-collapse: collapse !important;
}
.variant-item__quantity .quantity {
    background: transparent !important;
    min-height: 45px;
    border: 1px solid #26262647;
    border-radius: 7px;
    width: 150px;
}
.variant-item__quantity .quantity .quantity__input {
    border-right: 1px solid #26262647;
    border-left: 1px solid #26262647;
}
.variant-item__quantity  .quantity__button {
  width: 40px;
}
.quick-order-list-total__price .tax-note {
  margin: 0px !important;
}
.totals__subtotal,
.quick-order-list__total-items .h5 {
  font-size: 24px !important;
}
.totals__subtotal-value,
.quick-order-list__total-items span {
  font-size: 22px !important;
  font-weight: 600;
}
.quick-order-list__button-text {
  font-size: 22px;
  font-weight: 600;
  color: #000;
}

/* Related products card design */
.related-products {
  max-width: 1600px;
}
.related-products .related-products__heading {
  text-align: center;
  display: inline-block;
  position: relative;
  font-size: 80px;
  color: #01022d;
}
.related-products .related-products__heading strong {
  color: #ff2d7a;
  font-weight: 400;
}
.related-products {
  text-align: center;
}
.related-products .related-products__heading::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(//lvryvt6t5ueeypn9-66608627799.shopifypreview.com/cdn/shop/files/Group_1_45817ef4-700b-4429-9626-46785b62e23e.png?v=1780917456&width=120);
    background-size: contain;
    background-repeat: no-repeat;
    left: -35px;
    top: -15px;
}
.related-products .related-products__heading::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(//lvryvt6t5ueeypn9-66608627799.shopifypreview.com/cdn/shop/files/Group_2.png?v=1780917462&width=120);
    background-size: contain;
    background-repeat: no-repeat;
    right: -50px;
    bottom: 0px;
}

/* .related-products .product-grid {
  gap: 20px;
} */

.related-products .grid__item {
  padding: 0;
}

.related-products .card-wrapper {
  height: 100%;
}

.related-products .card {
  height: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 16px;
  background: #ffffff;
  padding: 20px;
  box-shadow: 0 12px 30px rgba(1, 2, 45, 0.06);
  overflow: hidden;
}

.related-products .card__inner {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
}

.related-products .card__media,
.related-products .media {
  background: #ffffff;
}

.related-products .card__media img {
  object-fit: contain;
  padding: 10px;
}

.related-products .card__content {
  padding: 0;
}

.related-products .card__information {
  padding: 18px 0 30px;
}

.related-products .card__heading,
.related-products .card__heading a {
  font-size: 30px;
  font-weight: 800;
  line-height: 1.25;
  color: #01022D;
  text-decoration: none;
}

.related-products .price {
  margin-top: 10px;
}

.related-products .price-item {
  font-size: 19px;
  font-weight: 800;
  color: #01022D;
}
.related-products .product-grid {
    /* display: grid; */
    /* flex-wrap: nowrap; */
}
.related-products .quick-add {
  margin-top: 26px;
}

.related-products .quick-add__submit,
.related-products .button {
  width: 100%;
  min-height: 44px;
  border-radius: 4px;
  background: #FFD400;
  color: #01022D;
  border: 1px solid #01022D;
  font-size: 20px;
  font-weight: 800;
  text-transform: none;
}

.related-products .quick-add__submit:hover,
.related-products .button:hover {
  background: #01022D;
  color: #FFD400;
}
.related-products .ratio:before {
    content: "";
    width: 0;
    height: 238px;
    
}

.related-products .card{
    border: 1px solid #01022d1f;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 12px 34px rgba(1, 2, 45, .06);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.related-products .card:hover {
    transform: translateY(-5px);
    border-color: #FFD400;
    box-shadow: 0 18px 46px rgba(1, 2, 45, .13);
}
.related-products  .card__media .media img {
    height: 100%;
    object-fit: contain;
    object-position: center center;
    width: 100%;
}
/* responsive */
@media (max-width: 1440px) {
  .product__info-wrapper .product__title h1 {
    font-size: 70px !important;
  }
  .product__info-wrapper {
    padding: 0px 0px 0px 30px !important;
  }
}
@media screen and (max-width: 1199px) {
  .related-products .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .product__info-wrapper .product__title h1 {
    font-size: 60px !important;
  }
  .product__info-wrapper .price-item--regular {
    font-size: 30px;
  }
  variant-selects label {
    padding: 10px 20px !important;
  }
  .product__info-wrapper .product__accordion {
    padding: 8px 12px !important;
  }
}

@media (max-width: 991.98px) {
  .product > .grid__item {
    width: 100% !important;
    max-width: 100% !important;
  }
  .product__info-wrapper {
      padding: 40px 0 0 0px !important;
  }
  .related-products .related-products__heading {
    font-size: 56px;
  }
}

@media screen and (max-width: 767px) {
  .home-featured-product .title {
    font-size: 40px;
  }
  .related-products .related-products__heading {
    font-size: 40px;
  }
  .related-products .grid__item {
    width: 100% !important;
    max-width: 100% !important;
  }
  .related-products .product-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 14px;
  }

  .related-products .card {
    padding: 14px;
    border-radius: 14px;
  }

  .related-products .quick-add__submit,
  .related-products .button {
    font-size: 15px;
    min-height: 40px;
  }
}

/* ==========================================================
   PDP LIGHT VERSION REDESIGN
   Reference style: clean white product card + soft peach gallery
   Only CSS/design changes. Default Dawn product functionality remains.
   ========================================================== */

product-info {
  display: block;
  background:
    radial-gradient(circle at 12% 12%, rgba(255, 212, 0, 0.13), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(255, 45, 122, 0.08), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #fbfcff 52%, #fffaf0 100%) !important;
}

/* Gallery card */
/* product-info .product__media-wrapper {
  background: linear-gradient(135deg, #fff7de 0%, #fffdf8 52%, #ffffff 100%);
  border: 1px solid rgba(1, 2, 45, 0.07);
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 22px 60px rgba(1, 2, 45, 0.07);
  
} */

/* product-info .product__media-wrapper:before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  left: 50%;
  top: 44%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 212, 0, 0.22), rgba(255, 212, 0, 0.06) 58%, transparent 70%);
  pointer-events: none;
}

product-info .product__media-list,
.product__info-wrapper .product__media-list {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

product-info .product__media-item,
product-info .product__media-wrapper .product__media-item {
  background: transparent !important;
  border: 0 !important;
  border-radius: 22px !important;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

product-info .product-media-container,
product-info .product__media,
product-info .global-media-settings {
  border: 0 !important;
  background: transparent !important;
}

product-info .product__media img,
product-info .product-media-container img {
  object-fit: contain !important;
} */

/* Thumbnail row */
/* product-info .thumbnail-slider {
  margin-top: 20px;
  position: relative;
  z-index: 2;
}

product-info .thumbnail-list {
  gap: 16px;
}

product-info .thumbnail-list__item.slider__slide {
  width: 118px !important;
}

product-info .thumbnail,
product-info .thumbnail-slider .thumbnail {
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.86) !important;
  border: 1px solid rgba(1, 2, 45, 0.10) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(1, 2, 45, 0.07);
  overflow: hidden;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

product-info .thumbnail:hover {
  transform: translateY(-2px);
  border-color: #ffd400 !important;
}

product-info .thumbnail[aria-current],
product-info .thumbnail-slider .thumbnail[aria-current] {
  border: 2px solid #ffd400 !important;
  box-shadow: 0 10px 26px rgba(255, 212, 0, 0.28) !important;
}

product-info .thumbnail img {
  object-fit: contain !important;
  padding: 8px;
}

product-info .slider-button {
  background: #ffffff !important;
  border: 1px solid rgba(1, 2, 45, 0.10) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 20px rgba(1, 2, 45, 0.10);
} */

/* Product info */
product-info .product__title,
.product__info-wrapper .product__title {
  margin: 0 0 10px !important;
}

product-info .product__title h1,
.product__info-wrapper .product__title h1 {
  font-family: SnackBrush, Poppins, sans-serif;
  font-size: clamp(42px, 4.2vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: .01em;
  color: #1d3154;
  margin: 0;
}

product-info .rating-wrapper {
  margin: 10px 0 12px;
}

product-info .rating-count,
product-info .rating-text {
  color: #01022d !important;
  font-weight: 700;
}

product-info .product-price,
.product__info-wrapper .product-price {
  margin: 8px 0 22px !important;
}

product-info .price-item,
.product__info-wrapper .price-item--regular {
  font-family: Poppins, sans-serif;
  font-size: clamp(30px, 2.1vw, 42px) !important;
  line-height: 1;
  font-weight: 900 !important;
  color: #ff2d7a !important;
}

product-info .badge,
product-info .price__badge-sale,
product-info .price__badge-sold-out {
  border-radius: 999px;
  background: #ff2d7a;
  border: 0;
  color: #fff;
  font-weight: 800;
}

/* Icon with text / benefit row */
product-info .icon-with-text {
  margin: 18px 0 24px !important;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  border-top: 1px solid rgba(1, 2, 45, 0.10);
  border-bottom: 1px solid rgba(1, 2, 45, 0.10);
  padding: 18px 0;
}

product-info .icon-with-text .icon-with-text__item {
  margin: 0 !important;
  padding: 0 14px;
  border-right: 1px solid rgba(1, 2, 45, 0.10);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 7px;
}

product-info .icon-with-text .icon-with-text__item:last-child {
  border-right: 0;
}

product-info .icon-with-text .icon,
product-info .icon-with-text svg {
  width: 34px;
  height: 34px;
  color: #4a20ff;
}

product-info .icon-with-text .icon-with-text__item span {
  color: #01022d !important;
  font-size: 13px !important;
  line-height: 1.3;
  font-weight: 700;
}

/* Variant pills */
product-info variant-selects,
product-info variant-radios,
product-info .product-form__input {
  margin-top: 22px !important;
}

product-info variant-selects .form__label,
product-info variant-radios .form__label,
product-info .product-form__input .form__label,
.product__info-wrapper .product-form__quantity .form__label {
  color: #01022d !important;
  font-size: 15px !important;
  line-height: 1.2;
  font-weight: 900 !important;
  letter-spacing: .02em;
  text-transform: uppercase;
  margin-bottom: 12px !important;
}

product-info .product-form__input--pill {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

product-info .product-form__input--pill .form__label {
  flex-basis: 100%;
}

product-info variant-selects label,
product-info variant-radios label,
product-info .product-form__input--pill input[type=radio] + label {
  background: #ffffff !important;
  color: #01022d !important;
  border: 1px solid rgba(1, 2, 45, 0.20) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 18px rgba(1, 2, 45, 0.04);
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  padding: 13px 18px !important;
  margin: 0 !important;
  transition: all .22s ease;
}

product-info variant-selects label:hover,
product-info variant-radios label:hover,
product-info .product-form__input--pill input[type=radio] + label:hover {
  border-color: #ffd400 !important;
  transform: translateY(-1px);
}

product-info .product-form__input--pill input[type=radio]:checked + label {
  background: #ffd400 !important;
  border-color: #ffd400 !important;
  color: #01022d !important;
  box-shadow: 0 10px 22px rgba(255, 212, 0, 0.28);
}

/* Quantity + buttons */
product-info .product-form__quantity {
  margin-top: 50px !important;
}

product-info .price-per-item__container {
  display: flex;
  align-items: center;
}

product-info .quantity,
.product-form__quantity .quantity {
  width: 166px !important;
  min-height: 54px !important;
  background: #ffffff !important;
  border: 1px solid rgba(1, 2, 45, 0.16) !important;
  border-radius: 10px !important;
  overflow: hidden;
}

product-info .quantity__button {
  width: 52px !important;
  color: #01022d !important;
}

product-info .quantity__input {
  border-left: 1px solid rgba(1, 2, 45, 0.12) !important;
  border-right: 1px solid rgba(1, 2, 45, 0.12) !important;
  color: #01022d !important;
  font-weight: 800 !important;
}

product-info .product-form__buttons {
  max-width: 100% !important;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: start;
  margin-top: -83px;
  margin-left: 210px;
}

product-info .product-form__submit,
.product__info-wrapper .product-form__submit {
  width: 100%;
  height: 56px !important;
  min-height: 56px !important;
  margin: 0 !important;
  background: #ffd400 !important;
  color: #01022d !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 24px rgba(255, 212, 0, 0.24);
  font-family: Poppins, sans-serif;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}

product-info .product-form__submit:hover {
  transform: translateY(-2px);
  background: #ffcc00 !important;
  box-shadow: 0 16px 30px rgba(255, 212, 0, 0.34);
}

product-info .shopify-payment-button__button {
  width: 100%;
  height: 56px !important;
  min-height: 56px !important;
  border-radius: 10px !important;
  background: #4b18e8 !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 24px rgba(75, 24, 232, 0.22);
}

product-info .shopify-payment-button__more-options {
  color: #31157a !important;
  font-weight: 700;
  margin-top: 8px;
}
/* Accordions */
product-info .product__accordion,
.product__info-wrapper .product__accordion {
  background: #ffffff !important;
  border: 1px solid rgba(1, 2, 45, 0.14) !important;
  border-radius: 10px !important;
  padding: 0 !important;
  margin: 12px 0 0 !important;
  box-shadow: 0 8px 18px rgba(1, 2, 45, 0.04);
  overflow: hidden;
}

product-info .product__accordion details summary,
.product__info-wrapper .product__accordion details summary {
  padding: 15px 18px !important;
}

product-info .product__accordion .summary__title {
  gap: 14px;
}

product-info .product__accordion .summary__title svg,
product-info .product__accordion .icon-accordion {
  color: #4a20ff !important;
}

product-info .product__accordion .accordion__title,
.product__info-wrapper .product__accordion details summary .summary__title h2 {
  color: #01022d !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-transform: none;
}

product-info .product__accordion .accordion__content {
  padding: 0 18px 18px !important;
  margin: 0 !important;
  color: #26324d !important;
  font-size: 15px;
  line-height: 1.65;
}

product-info .product__description {
  color: #26324d;
  font-size: 16px;
  line-height: 1.7;
}
/* Bottom trust cards when icon-with-text block is below main buttons */
product-info .product__info-container > .icon-with-text:last-child {
  grid-template-columns: repeat(4, 1fr);
  background: #ffffff;
  border: 1px solid rgba(1, 2, 45, 0.08);
  border-radius: 20px;
  box-shadow: 0 18px 40px rgba(1, 2, 45, 0.07);
  padding: 18px;
}

product-info .product__view-details {
  display: none !important;
}

/* Responsive */
@media (max-width: 1440px) {


  product-info .product__info-container {
    padding: 34px 30px 28px;
  }

  product-info .product-form__buttons {
    margin-left: 0px;
  }
  .product__info-container .product-form {
    padding-top: 60px;
  }
}

@media (max-width: 1199px) {

  product-info .product__info-wrapper {
    padding-top: 28px !important;
  }
 .product__info-container .product-form {
    padding-top: 0px;
  }
  product-info .product-form__buttons {
    margin: 18px 0 0;
    grid-template-columns: 1fr 1fr;
  }
  
  .home-featured-product .quick-add__submit {
  
    padding: 10px 12px;
  }

}

@media (max-width: 991px) {
  product-info .icon-with-text {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    border: 0;
    padding: 0;
  }

  product-info .icon-with-text .icon-with-text__item {
    border: 1px solid rgba(1, 2, 45, 0.10);
    border-radius: 14px;
    padding: 16px;
    background: #fff;
  }
  product-info .icon-with-text .icon-with-text__item:last-child {
    border-right: 1px solid rgba(1, 2, 45, 0.10);
  }
}
@media (max-width: 767px) {
  product-info .page-width {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  product-info .product__media-wrapper {
    padding: 16px;
    border-radius: 18px;
  }

  product-info .product__media-wrapper:before {
    width: 340px;
    height: 340px;
  }

  product-info .product__info-container {
    padding: 26px 18px 22px;
    border-radius: 18px;
  }

  product-info .product__title h1,
  .product__info-wrapper .product__title h1 {
    font-size: 40px !important;
  }

  product-info .thumbnail-list__item.slider__slide {
    width: 90px !important;
  }

  product-info .thumbnail {
    height: 78px;
  }

  product-info .product-form__buttons {
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 18px 0 0;
  }

  product-info .icon-with-text {
    grid-template-columns: 1fr;
  }

  product-info .product-form__input--pill input[type=radio] + label {
    width: 100%;
  }
}


/* Removed custom PDP sticky override. Dawn default sticky content setting is used. */
.variant-item__quantity-wrapper--no-info, .variant-item__error {
  padding-left: 0px !important;
}


/* PDP trust icons - 5 items like light reference design */
.product__info-wrapper .sbc-pdp-trust-row,
.product__info-wrapper .icon-with-text.sbc-pdp-trust-row {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 30px 0 50px !important;
  padding: 18px 0 !important;
  border-top: 1px solid #e4e7ef !important;
  border-bottom: 1px solid #e4e7ef !important;
  background: transparent !important;
}

.product__info-wrapper .sbc-pdp-trust-item,
.product__info-wrapper .sbc-pdp-trust-row .icon-with-text__item {
  position: relative !important;
  min-height: 100% !important;
  padding: 14px 14px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
}

.product__info-wrapper .sbc-pdp-trust-item:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: #dfe3ec;
}

.product__info-wrapper .sbc-pdp-trust-item svg,
.product__info-wrapper .sbc-pdp-trust-item .icon,
.product__info-wrapper .sbc-pdp-trust-item .svg-wrapper,
.product__info-wrapper .sbc-pdp-trust-item img {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
  color: #01022D !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.product__info-wrapper .sbc-pdp-trust-item svg path,
.product__info-wrapper .sbc-pdp-trust-item svg circle,
.product__info-wrapper .sbc-pdp-trust-item svg rect {
  stroke: currentColor !important;
}

.product__info-wrapper .sbc-pdp-trust-item span {
  max-width: 112px !important;
  color: #01022d !important;
  font-family: Poppins, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

@media screen and (max-width: 1199px) {
  .product__info-wrapper .sbc-pdp-trust-row,
  .product__info-wrapper .icon-with-text.sbc-pdp-trust-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
  .product__info-wrapper .sbc-pdp-trust-item:nth-child(3)::after {
    display: none !important;
  }
}

@media screen and (max-width: 749px) {
  .product__info-wrapper .sbc-pdp-trust-row,
  .product__info-wrapper .icon-with-text.sbc-pdp-trust-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 14px 0 !important;
  }
  .product__info-wrapper .sbc-pdp-trust-item::after {
    display: none !important;
  }
}

/* Trust icons stay as 5 editable items */
product-info[id^="MainProduct-"] .sbc-pdp-trust-row,
product-info[id^="MainProduct-"] .icon-with-text.sbc-pdp-trust-row {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  margin: 30px 0 50px !important;
  padding: 18px 0 !important;
  border-top: 1px solid #e4e7ef !important;
  border-bottom: 1px solid #e4e7ef !important;
  background: transparent !important;
}

product-info[id^="MainProduct-"] .sbc-pdp-trust-item,
product-info[id^="MainProduct-"] .sbc-pdp-trust-row .icon-with-text__item {
  min-height: 74px !important;
}

@media screen and (max-width: 1199px) {
  product-info[id^="MainProduct-"] .product__info-container {
    padding: 0 !important;
  }

  product-info[id^="MainProduct-"] .sbc-pdp-trust-row,
  product-info[id^="MainProduct-"] .icon-with-text.sbc-pdp-trust-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }
}

@media screen and (max-width: 749px) {
  product-info[id^="MainProduct-"] .sbc-pdp-trust-row,
  product-info[id^="MainProduct-"] .icon-with-text.sbc-pdp-trust-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* =========================================================
   Quick Order List / Variant Quantity Table - Screenshot Match
   CSS only update
   ========================================================= */

.quick-order-list,
.quick-order-list-container,
.quick-order-list__container {
  --qol-navy: #01022d;
  --qol-muted: #6f7488;
  --qol-line: #dfe3ed;
  --qol-pink: #f41b68;
  --qol-soft: #ffffff;
  --qol-shadow: 0 18px 55px rgba(1, 2, 45, 0.08);
}

.quick-order-list .page-width,
.quick-order-list-container .page-width,
.quick-order-list__container .page-width {
  max-width: 1720px !important;
}

.quick-order-list__contents {
  background: var(--qol-soft) !important;
  border: 1px solid var(--qol-line) !important;
  border-bottom: 0 !important;
  border-radius: 28px 28px 0 0 !important;
  box-shadow: var(--qol-shadow) !important;
  overflow: hidden !important;
  padding: 26px 32px 18px !important;
}

.quick-order-list__table {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  table-layout: fixed !important;
}

.quick-order-list__table thead,
.quick-order-list__table tbody,
.quick-order-list__table tr {
  width: 100% !important;
}

.quick-order-list__table th {
  padding: 18px 22px 22px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--qol-line) !important;
  color: var(--qol-navy) !important;
  font-family: Poppins, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: transparent !important;
}

.quick-order-list__table th:nth-child(1) { width: 36% !important; }
.quick-order-list__table th:nth-child(2) { width: 28% !important; text-align: center !important; }
.quick-order-list__table th:nth-child(3) { width: 18% !important; text-align: center !important; }
.quick-order-list__table th:nth-child(4) { width: 18% !important; text-align: right !important; }

.quick-order-list__table .variant-item,
.quick-order-list__table tbody tr {
  border: 0 !important;
  background: transparent !important;
}

.quick-order-list__table .variant-item td,
.quick-order-list__table tbody td {
  padding: 16px 22px !important;
  border: 0 !important;
  color: var(--qol-navy) !important;
  font-family: Poppins, sans-serif !important;
  vertical-align: middle !important;
  background: transparent !important;
}

.quick-order-list__table .variant-item td:nth-child(2),
.quick-order-list__table tbody td:nth-child(2) {
  text-align: center !important;
}

.quick-order-list__table .variant-item td:nth-child(3),
.quick-order-list__table tbody td:nth-child(3) {
  text-align: center !important;
}

.quick-order-list__table .variant-item td:nth-child(4),
.quick-order-list__table tbody td:nth-child(4) {
  text-align: right !important;
}

.variant-item__image-container,
.variant-item__media,
.variant-item__image-wrapper {
  width: 48px !important;
  min-width: 48px !important;
  height: 56px !important;
  margin-right: 22px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: transparent !important;
}

.variant-item__image,
.variant-item img {
  width: 48px !important;
  height: 56px !important;
  object-fit: contain !important;
  border-radius: 7px !important;
}

/* .variant-item__details,
.variant-item__info {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
} */

.variant-item__name,
.variant-item__title,
.variant-item a,
.variant-item__details a {
  color: var(--qol-navy) !important;
  font-family: Poppins, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
}

/* .variant-item__quantity {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
} */

.variant-item__quantity .quantity,
.quick-order-list__table quantity-input.quantity {
  width: 184px !important;
  min-height: 56px !important;
  height: 56px !important;
  display: grid !important;
  grid-template-columns: 52px 80px 52px !important;
  align-items: center !important;
  background: #fff !important;
  border: 1px solid var(--qol-line) !important;
  border-radius: 9px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.variant-item__quantity .quantity:before,
.variant-item__quantity .quantity:after,
.quick-order-list__table quantity-input.quantity:before,
.quick-order-list__table quantity-input.quantity:after {
  display: none !important;
  box-shadow: none !important;
}

.variant-item__quantity .quantity__button,
.quick-order-list__table .quantity__button {
  width: 52px !important;
  height: 56px !important;
  min-height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  color: var(--qol-navy) !important;
  background: #fff !important;
  border: 0 !important;
  font-family: Poppins, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.variant-item__quantity .quantity__button[name="minus"],
.quick-order-list__table .quantity__button[name="minus"] {
  border-right: 1px solid var(--qol-line) !important;
}

.variant-item__quantity .quantity__button[name="plus"],
.quick-order-list__table .quantity__button[name="plus"] {
  border-left: 1px solid var(--qol-line) !important;
}

.variant-item__quantity .quantity__button:hover,
.quick-order-list__table .quantity__button:hover {
  background: #f8f9fc !important;
}

.variant-item__quantity .quantity__input,
.quick-order-list__table .quantity__input {
  width: 80px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--qol-navy) !important;
  background: #fff !important;
  font-family: Poppins, sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 56px !important;
  text-align: center !important;
  box-shadow: none !important;
}

.variant-item__quantity .quantity__input:focus,
.quick-order-list__table .quantity__input:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

.variant-item__price,
.variant-item__price .price,
.variant-item__totals,
.variant-item__totals .price,
.quick-order-list__table .price,
.quick-order-list__table .price-item {
  color: var(--qol-navy) !important;
  font-family: Poppins, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.01em !important;
}

.variant-item__totals .price,
.variant-item__totals .price-item,
.variant-item__totals .price__regular,
.variant-item__totals .price-item--regular {
  text-align: right !important;
}

.variant-item__totals .price:not(:empty),
.variant-item__totals .price-item:not(:empty) {
  color: var(--qol-navy) !important;
  font-weight: 800 !important;
}

.quick-order-list__table .variant-item:has(input[value]:not([value="0"])) .variant-item__totals,
.quick-order-list__table .variant-item:has(input[value]:not([value="0"])) .variant-item__totals .price,
.quick-order-list__table .variant-item:has(input[value]:not([value="0"])) .variant-item__totals .price-item,
.quick-order-list__table tbody tr:has(input[value]:not([value="0"])) td:last-child,
.quick-order-list__table tbody tr:has(input[value]:not([value="0"])) td:last-child .price,
.quick-order-list__table tbody tr:has(input[value]:not([value="0"])) td:last-child .price-item {
  color: var(--qol-pink) !important;
}

.quick-order-list__table .variant-remove-total,
.quick-order-list__table .variant-item__remove,
.quick-order-list__table .quick-order-list__remove-button,
.quick-order-list__table .quantity__rules-cart .loading__spinner,
.variant-item__quantity .loading__spinner {
  color: #6f7488 !important;
}

.quick-order-list__table .variant-item__quantity button[name="remove"],
.quick-order-list__table .variant-remove-total button,
.quick-order-list__table .quick-order-list__remove-button {
  width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  margin-left: 14px !important;
  border: 0 !important;
  background: transparent !important;
  color: #6f7488 !important;
}

.quick-order-list__total {
 
  align-items: center !important;
  gap: 30px !important;
  background: var(--qol-soft) !important;
  border: 1px solid var(--qol-line) !important;
  border-top: 1px solid var(--qol-line) !important;
  border-radius: 0 0 28px 28px !important;
  box-shadow: var(--qol-shadow) !important;
  padding: 38px 32px !important;
  overflow: hidden !important;
}


.quick-order-list__total-items {
  justify-self: center !important;
  text-align: center !important;
}

.quick-order-list-total__price,
.quick-order-list__total .totals {
  justify-self: end !important;
  text-align: right !important;
}

.quick-order-list__button,
.quick-order-list__button.button,
.quick-order-list__total .button,
.quick-order-list__total a[href*="cart"] {
  min-width: 270px !important;
  min-height: 78px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  padding: 18px 28px !important;
  color: var(--qol-navy) !important;
  background: #fff !important;
  border: 2px solid var(--qol-navy) !important;
  border-radius: 8px !important;
  font-family: Poppins, sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

.quick-order-list__button:hover,
.quick-order-list__button.button:hover,
.quick-order-list__total .button:hover,
.quick-order-list__total a[href*="cart"]:hover {
  color: #fff !important;
  background: var(--qol-navy) !important;
  transform: translateY(-2px) !important;
}

.quick-order-list__button:before,
.quick-order-list__button:after,
.quick-order-list__total .button:before,
.quick-order-list__total .button:after {
  display: none !important;
  box-shadow: none !important;
}

.quick-order-list__button .svg-wrapper,
.quick-order-list__total .button .svg-wrapper,
.quick-order-list__button svg,
.quick-order-list__total .button svg {
  width: 31px !important;
  height: 31px !important;
}

.quick-order-list__button-text {
  color: inherit !important;
  font-family: Poppins, sans-serif !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.quick-order-list__total .quick-order-list__remove-all,
.quick-order-list__total .quick-order-list__remove-all button,
.quick-order-list__total button[name="remove-all"],
.quick-order-list__total .remove-all,
.quick-order-list__total .remove-all-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-left: 34px !important;
  color: #6f7488 !important;
  background: transparent !important;
  border: 0 !important;
  font-family: Poppins, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  box-shadow: none !important;
}

.quick-order-list__total-items span,
.quick-order-list__total-items .h5,
.quick-order-list__total-items h2,
.quick-order-list__total-items p {
  margin: 0 !important;
  color: var(--qol-navy) !important;
  font-family: Poppins, sans-serif !important;
  text-transform: uppercase !important;
}

.quick-order-list__total-items span:first-child,
.quick-order-list__total-items .quantity,
.quick-order-list__total-items .h5:first-child {
  display: block !important;
  margin-bottom: 6px !important;
  color: var(--qol-pink) !important;
  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.quick-order-list__total-items .h5,
.quick-order-list__total-items span:last-child,
.quick-order-list__total-items p {
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.05em !important;
}

.quick-order-list-total__price .totals,
.quick-order-list__total .totals {
  display: block !important;
  margin: 0 !important;
}

.totals__subtotal-value,
.quick-order-list-total__price .totals__subtotal-value,
.quick-order-list__total .totals__subtotal-value,
.quick-order-list-total__price .price,
.quick-order-list-total__price .price-item {
  margin: 0 0 8px !important;
  color: var(--qol-pink) !important;
  font-family: Poppins, sans-serif !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
}

.totals__subtotal,
.quick-order-list-total__price .totals__subtotal,
.quick-order-list__total .totals__subtotal {
  margin: 0 !important;
  color: var(--qol-navy) !important;
  font-family: Poppins, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.quick-order-list-total__price .tax-note,
.quick-order-list__total .tax-note {
  margin: 16px 0 0 !important;
  color: #747889 !important;
  font-family: Poppins, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-align: right !important;
}

/* Tablet */
@media screen and (max-width: 1199px) {
  .quick-order-list__contents {
    padding: 22px 20px 12px !important;
  }

  /* .quick-order-list__table th,
  .quick-order-list__table .variant-item td,
  .quick-order-list__table tbody td {
    padding-left: 12px !important;
    padding-right: 12px !important;
  } */

  .variant-item__name,
  .variant-item__title,
  .variant-item a,
  .variant-item__details a {
    font-size: 17px !important;
  }

  .variant-item__quantity .quantity,
  .quick-order-list__table quantity-input.quantity {
    width: 158px !important;
    grid-template-columns: 44px 70px 44px !important;
  }

  .variant-item__quantity .quantity__button,
  .quick-order-list__table .quantity__button {
    width: 44px !important;
  }

  .quick-order-list__total {
    grid-template-columns: 1fr 1fr !important;
  }

  .quick-order-list-total__price,
  .quick-order-list__total .totals {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    text-align: center !important;
  }

  /* .quick-order-list-total__price .tax-note,
  .quick-order-list__total .tax-note {
    text-align: center !important;
  } */
}

/* Mobile */
@media screen and (max-width: 749px) {
  .quick-order-list__contents {
    padding: 18px 14px !important;
    border-radius: 20px 20px 0 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .quick-order-list__table {
    min-width: 760px !important;
  }

  .quick-order-list__table th {
    font-size: 12px !important;
    padding: 14px 10px !important;
  }

  .quick-order-list__table .variant-item td,
  .quick-order-list__table tbody td {
    padding: 12px 10px !important;
  }

  .variant-item__image-container,
  .variant-item__media,
  .variant-item__image-wrapper,
  .variant-item__image,
  .variant-item img {
    width: 40px !important;
    min-width: 40px !important;
    height: 48px !important;
  }

  .variant-item__name,
  .variant-item__title,
  .variant-item a,
  .variant-item__details a {
    font-size: 15px !important;
  }

  .quick-order-list__total {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 26px 18px !important;
    border-radius: 0 0 20px 20px !important;
    text-align: center !important;
  }

  .quick-order-list__total .quick-order-list__total-actions,
  .quick-order-list__total .quick-order-list__button,
  .quick-order-list__total .button-wrapper,
  .quick-order-list__total > div:first-child,
  .quick-order-list__total-items,
  .quick-order-list-total__price,
  .quick-order-list__total .totals {
    justify-self: center !important;
    text-align: center !important;
  }

  .quick-order-list__button,
  .quick-order-list__button.button,
  .quick-order-list__total .button,
  .quick-order-list__total a[href*="cart"] {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 62px !important;
    font-size: 20px !important;
  }

  .quick-order-list__total .quick-order-list__remove-all,
  .quick-order-list__total .quick-order-list__remove-all button,
  .quick-order-list__total button[name="remove-all"],
  .quick-order-list__total .remove-all,
  .quick-order-list__total .remove-all-button {
    margin: 14px 0 0 !important;
  }

  .quick-order-list__total-items span:first-child,
  .quick-order-list__total-items .quantity,
  .quick-order-list__total-items .h5:first-child {
    font-size: 34px !important;
  }

  .totals__subtotal-value,
  .quick-order-list-total__price .totals__subtotal-value,
  .quick-order-list__total .totals__subtotal-value,
  .quick-order-list-total__price .price,
  .quick-order-list-total__price .price-item {
    font-size: 30px !important;
  }

  .quick-order-list-total__price .tax-note,
  .quick-order-list__total .tax-note {
    text-align: center !important;
  }
}

/* ==========================================================
   FINAL RESPONSIVE PATCH - ALL SECTIONS
   Add this at the end of style.css so it overrides old rules.
   Sections covered: Header, home featured products, banner,
   collection grid, PDP gallery/info, trust icons, related products,
   quick order list and pagination.
   ========================================================== */

   .page-width,
.header,
.home-featured-product .page-width-desktop,
.home-featured-product .collection__title,
.related-products,
.quick-order-list .page-width,
.quick-order-list-container .page-width,
.quick-order-list__container .page-width,
product-info .page-width {
  width: 100%;
  max-width: 1720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
/* Header responsive safety */
.header__menu-item span {
  white-space: nowrap;
}

.header__icons {
  align-items: center;
}

@media screen and (max-width: 1440px) {
  .header__menu-item span {
    font-size: 17px !important;
  }

  .header__icons {
    gap: 12px !important;
  }
}

@media screen and (max-width: 1199px) {
  .header:not(.drawer-menu).page-width,
  .page-width,
  .home-featured-product .page-width-desktop,
  .home-featured-product .collection__title,
  .related-products,
  product-info .page-width {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
  }
  .home-featured-product .product-grid.slider--tablet .grid__item {
    flex: 0 0 calc((100% - (var(--sfc-slider-gap) * 3)) / 4) !important;
    width: calc((100% - (var(--sfc-slider-gap) * 3)) / 4) !important;
    max-width: calc((100% - (var(--sfc-slider-gap) * 3)) / 4) !important;
    min-width: 0 !important;
    scroll-snap-align: start;
  }
  .header--middle-left {
    grid-template-columns: auto 1fr auto !important;
  }
}

@media screen and (max-width: 989px) {
  .header__inline-menu {
    display: none !important;
  }

  .header__icon {
    width: 40px !important;
    height: 40px !important;
  }
}

@media screen and (max-width: 749px) {
  .header:not(.drawer-menu).page-width,
  .page-width,
  .home-featured-product .page-width-desktop,
  .home-featured-product .collection__title,
  .related-products,
  product-info .page-width {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .header__icons {
    gap: 8px !important;
  }

  .header__icon {
    width: 36px !important;
    height: 36px !important;
  }
}

/* Home featured products */
.home-featured-product .title,
.related-products .related-products__heading {
  word-break: normal;
  overflow-wrap: anywhere;
}

.home-featured-product .product-grid,
.main-shop-collection .product-grid,
.related-products .product-grid {
  display: grid !important;
  gap: 24px !important;
}

.home-featured-product .product-grid,
.main-shop-collection .product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.related-products .product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.home-featured-product .grid__item,
.main-shop-collection .grid__item,
.related-products .grid__item {
  width: 100% !important;
  max-width: 100% !important;
}

.home-featured-product .card__heading,
.main-shop-collection .card__heading,
.related-products .card__heading,
.related-products .card__heading a {
  line-height: 1.2 !important;
}

@media screen and (max-width: 1440px) {
  .home-featured-product .title,
  .related-products .related-products__heading {
    font-size: 64px !important;
  }

  .home-featured-product .card__heading,
  .main-shop-collection .card__heading {
    font-size: 21px !important;
  }

  .related-products .card__heading,
  .related-products .card__heading a {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 1199px) {
  .home-featured-product .product-grid,
  .main-shop-collection .product-grid,
  .related-products .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
  }

  .home-featured-product .title,
  .related-products .related-products__heading {
    font-size: 54px !important;
  }
}

@media screen and (max-width: 989px) {
  .home-featured-product .product-grid,
  .main-shop-collection .product-grid,
  .related-products .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .home-featured-product .title,
  .related-products .related-products__heading {
    font-size: 46px !important;
  }

  .snack-stats__heading::before,
  .customer-testimonials__heading::before,
  .new-arrivals-cta__heading::before,
  .home-featured-product .title:after,
  .related-products .related-products__heading::before,
  .related-products .related-products__heading::after {
    width: 34px !important;
    height: 34px !important;
  }
}

@media screen and (max-width: 749px) {
  .home-featured-product .product-grid,
  .main-shop-collection .product-grid,
  .related-products .product-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .home-featured-product .title,
  .related-products .related-products__heading {
    font-size: 38px !important;
    line-height: 1.05 !important;
  }

  .home-featured-product .title:after,
  .snack-stats__heading::before,
  .snack-stats__heading::after,
  .customer-testimonials__heading::before,
  .customer-testimonials__heading::after,
  .new-arrivals-cta__heading::before,
  .new-arrivals-cta__heading::after,
  .related-products .related-products__heading::before,
  .related-products .related-products__heading::after {
    display: none !important;
  }

  .home-featured-product .quick-add__submit,
  .home-featured-product a.button,
  .main-shop-collection button.quick-add__submit,
  .home-image-banner .banner__buttons .button,
  .related-products .quick-add__submit,
  .related-products .button {
    width: 100% !important;
    min-height: 48px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    padding: 12px 18px !important;
  }

  .home-image-banner .banner__text p {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }
}

/* Collection filters and pagination */
@media screen and (max-width: 989px) {
  .facets__form .facets__heading,
  .facet-filters .facet-filters__label label {
    font-size: 18px !important;
  }

  .facet-filters__sort {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 14px !important;
  }
}

@media screen and (max-width: 749px) {
  .pagination-wrapper {
    margin: 34px 0 14px !important;
  }

  .pagination__list {
    gap: 6px !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  .pagination__item {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    font-size: 13px !important;
  }
}


@media screen and (max-width: 1199px) {
  .quick-order-list__contents {
    padding: 22px 20px 16px !important;
  }

  /* .quick-order-list__table th,
  .quick-order-list__table .variant-item td,
  .quick-order-list__table tbody td {
    padding-left: 14px !important;
    padding-right: 14px !important;
  } */

  .variant-item__name,
  .variant-item__title,
  .variant-item a,
  .variant-item__details a {
    font-size: 17px !important;
  }

  .quick-order-list__total {
    grid-template-columns: 1fr 1fr !important;
    gap: 22px !important;
  }

  .quick-order-list__button,
  .quick-order-list__button.button,
  .quick-order-list__total .button,
  .quick-order-list__total a[href*="cart"] {
    min-height: 64px !important;
    font-size: 20px !important;
  }
}
@media screen and (max-width: 990px) {
 .quick-order-list-total__price .tax-note, .quick-order-list__total .tax-note {
    margin:0 0 16px !important;
    color: #747889 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    text-align: center !important;
}
}

@media screen and (max-width: 749px) {
  .quick-order-list__contents {
    overflow-x: auto !important;
    padding: 16px 12px !important;
  }

  .quick-order-list__table {
    min-width: 720px !important;
  }

  .variant-item__quantity .quantity,
  .quick-order-list__table quantity-input.quantity {
    width: 154px !important;
    grid-template-columns: 44px 66px 44px !important;
  }

  .quick-order-list__total {
    grid-template-columns: 1fr !important;
    padding: 24px 16px !important;
  }

  .quick-order-list-total__price,
  .quick-order-list__total .totals,
  .quick-order-list__total-items {
    justify-self: center !important;
    text-align: center !important;
  }
}


/* ==========================================================
   QUICK ORDER LIST RESPONSIVE DEFAULT FIX
   Fix: mobile/tablet was showing only Variant + Variant Total
   because the custom table min-width pushed Quantity/Price outside.
   This block must stay at the END of style.css.
   ========================================================== */

@media screen and (max-width: 989px) {
  .quick-order-list__contents {
    overflow: visible !important;
    padding: 16px !important;
  }

  .quick-order-list__table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 14px !important;
  }

  .quick-order-list__table thead {
    display: none !important;
  }

  .quick-order-list__table tbody {
    display: block !important;
    width: 100% !important;
  }

  .quick-order-list__table tbody tr.variant-item {
    display: grid !important;
    grid-template-columns: 64px 1fr auto !important;
    grid-template-areas:
      "image info total"
      "image quantity quantity" !important;
    align-items: center !important;
    gap: 12px 14px !important;
    width: 100% !important;
    margin-bottom: 14px !important;
    padding: 14px !important;
    background: #ffffff !important;
    border: 1px solid #dfe3ed !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(1, 2, 45, 0.06) !important;
  }

  .quick-order-list__table tbody tr.desktop-row-error {
    display: none !important;
  }

  .quick-order-list__table .variant-item td,
  .quick-order-list__table tbody td {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .quick-order-list__table .variant-item__inner {
    grid-area: image !important;
  }

  .quick-order-list__table .variant-item__details {
    grid-area: info !important;
  }

  .quick-order-list__table .variant-item__totals.large-up-hide {
    grid-area: total !important;
    text-align: right !important;
  }

  .quick-order-list__table .variant-item__quantity {
    grid-area: quantity !important;
  }

  .quick-order-list__table .variant-item__price.small-hide,
  .quick-order-list__table .variant-item__totals.small-hide {
    display: none !important;
  }

  .quick-order-list__table .variant-item__media,
  .quick-order-list__table .variant-item__image-container,
  .quick-order-list__table .variant-item__image-wrapper {
    width: 58px !important;
    min-width: 58px !important;
    height: 68px !important;
    margin: 0 !important;
  }

  .quick-order-list__table .variant-item__image,
  .quick-order-list__table .variant-item img {
    width: 58px !important;
    height: 68px !important;
    object-fit: contain !important;
  }

  .quick-order-list__table .variant-item__info {
    display: block !important;
  }

  .quick-order-list__table .variant-item__name,
  .quick-order-list__table .variant-item__title,
  .quick-order-list__table .variant-item a,
  .quick-order-list__table .variant-item__details a {
    display: block !important;
    color: #01022d !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: left;
  }

  .quick-order-list__table .variant-item__details .price {
    display: block !important;
    margin-top: 6px !important;
    color: #6f7488 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: left !important;
  }

  .quick-order-list__table .variant-item__totals.large-up-hide .price {
    color: #ff2d7a !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .quick-order-list__table .variant-item__quantity-wrapper,
  .quick-order-list__table .quantity-popover-wrapper,
  .quick-order-list__table .quantity-popover-container {
    width: 100% !important;
  }

  .quick-order-list__table .variant-item__quantity .quantity,
  .quick-order-list__table quantity-input.quantity {
    width: 100% !important;
    max-width: 190px !important;
    min-height: 48px !important;
    height: 48px !important;
    display: grid !important;
    grid-template-columns: 48px 1fr 48px !important;
    background: #ffffff !important;
    border: 1px solid #dfe3ed !important;
    border-radius: 10px !important;
    overflow: hidden !important;
  }

  .quick-order-list__table .quantity__button {
    width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
  }

  .quick-order-list__table .quantity__input {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    line-height: 48px !important;
    font-size: 16px !important;
  }

  .quick-order-list__total {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 22px 16px !important;
    text-align: center !important;
  }

  .quick-order-list-total__price,
  .quick-order-list__total .totals,
  .quick-order-list__total-items {
    justify-self: center !important;
    text-align: center !important;
  }

  .quick-order-list__button,
  .quick-order-list__button.button,
  .quick-order-list__total .button,
  .quick-order-list__total a[href*="cart"] {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    font-size: 18px !important;
  }
}

@media screen and (max-width: 480px) {
  .quick-order-list__table tbody tr.variant-item {
    grid-template-columns: 56px 1fr !important;
    grid-template-areas:
      "image info"
      "image total"
      "quantity quantity" !important;
    gap: 10px 12px !important;
    padding: 12px !important;
  }

  .quick-order-list__table .variant-item__totals.large-up-hide {
    text-align: left !important;
  }

  .quick-order-list__table .variant-item__media,
  .quick-order-list__table .variant-item__image-container,
  .quick-order-list__table .variant-item__image-wrapper {
    width: 52px !important;
    min-width: 52px !important;
    height: 62px !important;
  }

  .quick-order-list__table .variant-item__image,
  .quick-order-list__table .variant-item img {
    width: 52px !important;
    height: 62px !important;
  }

  .quick-order-list__table .variant-item__quantity .quantity,
  .quick-order-list__table quantity-input.quantity {
    max-width: 100% !important;
  }
}


product-info .product__media-wrapper {
  background: linear-gradient(135deg, #fff7de 0%, #fffdf8 52%, #ffffff 100%);
  border: 1px solid rgba(1, 2, 45, 0.07);
  border-radius: 24px;
  padding: 28px;
  box-shadow: 0 22px 60px rgba(1, 2, 45, 0.07);
  
}


.shopify-policy__container {
   
    max-width: 100%;
    margin: 0 auto;
    /* padding-top: 180px; */
    padding-bottom: 80px;
    padding-left:0px;
    padding-right:0px;
    
}

.shopify-policy__title {
    text-align: center;
    background: url(/cdn/shop/files/ChatGPT_Image_Jul_8_2026_05_29_42_PM_1.png?v=1783590062);
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

.shopify-policy__title h1 {
    color: #fff;
    font-size: 74px;
    margin-top: 100px;
    margin-bottom: 0px;
}

.shopify-policy__container .shopify-policy__body h2 {
    font-size: 40px;
    margin:0px;
}

/* =====================================================
   SnackStash Light Retailer Registration Form
   ===================================================== */

.boxed-form {
  --ss-navy: #05082f;
  --ss-pink: #ff2f85;
  --ss-yellow: #ffd600;
  --ss-text: #121331;
  --ss-muted: #7d8297;
  --ss-border: #d9dce8;
  --ss-light: #ffffff;
  --ss-bg: #f7f7f8;
}

/* Section Background */
.boxed-form .samitaWS-registrationForm {
  background: radial-gradient(circle at top right, rgba(255, 214, 0, 0.12), transparent 28%),
              radial-gradient(circle at bottom left, rgba(255, 47, 133, 0.10), transparent 28%),
              #f7f7f8;
  padding: 70px 20px;
}

/* App Width Override */
.boxed-form .samitaWS-registrationForm-app.boxed-layout {
  max-width: 1120px !important;
  width: 100% !important;
  margin: 0 auto !important;
  background: transparent !important;
  box-shadow: none;
}

/* Main Card */
.boxed-form .samitaWS-container {
  position: relative;
  overflow: hidden;
  background: #ffffff !important;
  border: 1px solid rgba(5, 8, 47, 0.08);
  border-radius: 22px;
  padding: 64px 82px 44px;
  box-shadow: 0 22px 55px rgba(5, 8, 47, 0.12);
}

/* Decorative Dots */
.boxed-form .samitaWS-container::before {
  content: "";
  position: absolute;
  top: -26px;
  right: -26px;
  width: 190px;
  height: 190px;
  background-image: radial-gradient(var(--ss-yellow) 2px, transparent 2px);
  background-size: 14px 14px;
  opacity: 0.75;
  border-radius: 50%;
  pointer-events: none;
}

.boxed-form .samitaWS-container::after {
  content: "";
  position: absolute;
  left: -34px;
  bottom: 72px;
  width: 180px;
  height: 180px;
  background-image: radial-gradient(var(--ss-pink) 2px, transparent 2px);
  background-size: 14px 14px;
  opacity: 0.38;
  border-radius: 50%;
  pointer-events: none;
}

/* Header */
.boxed-form .samitaWS-container > .header {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 42px;
}

/* Hide Original Heading Text And Build Designed Heading */
.boxed-form .samitaWS-heading {
  position: relative;
  margin: 0 !important;
  padding-top: 58px;
  line-height: 1 !important;
  text-align: center;
  font-size: 65px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
 
  
} 

/* Register Badge */

/* Main Heading */
/* .boxed-form .samitaWS-heading::after {
  content: "RETAILER REGISTRATION";
  display: block;
  font-size: 65px;
  line-height: 1.05;
  font-weight: 900;
  text-transform: uppercase;
  background: linear-gradient(90deg, var(--ss-navy) 0 48%, var(--ss-pink) 49% 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
} */

/* Yellow Underline */
.boxed-form .samitaWS-container > .header::after {
  content: "";
  display: block;
  width: 86px;
  height: 6px;
  background: var(--ss-yellow);
  border-radius: 999px;
  margin: 18px auto 22px;
}

/* Description */
.boxed-form .samitaWS-description,
.boxed-form .samitaWS-description p,
.boxed-form .samitaWS-container > .header .samitaWS-description {
  color: var(--ss-navy) !important;
  font-size: 23px;
  line-height: 1.35;
  font-weight: 500;
  max-width: 560px;
  margin: 0 auto !important;
}

/* Form Grid */
.boxed-form .content.flex-wrap.block-container {
  position: relative;
  z-index: 2;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px 42px;
  width: 100%;
}

/* Control Reset */
.boxed-form .samitaWS-registrationForm-control,
.boxed-form .samitaWS-registrationForm-control.layout-2-column {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Labels */
.boxed-form .samitaWS-label,
.boxed-form label.samitaWS-label,
.boxed-form .classic-label,
.boxed-form .label-content {
  color: var(--ss-navy) !important;
  font-size: 16px !important;
  line-height: 1.2;
  font-weight: 900 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px !important;
}

.boxed-form .text-danger,
.boxed-form .text-smaller {
  color: var(--ss-yellow) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}

/* Input Wrapper */
.boxed-form .samitaWS-registrationForm-input {
  position: relative;
}

/* Inputs */
.boxed-form .classic-input {
  width: 100% !important;
  min-height: 70px;
  background: #ffffff !important;
  color: var(--ss-navy) !important;
  border: 1.5px solid var(--ss-border) !important;
  border-radius: 14px !important;
  padding: 18px 20px 18px 82px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2;
  box-shadow: none !important;
  outline: none !important;
  transition: all 0.25s ease;
}

.boxed-form .classic-input::placeholder {
  color: #8e93a8 !important;
  opacity: 1;
}

.boxed-form .classic-input:hover {
  border-color: rgba(255, 47, 133, 0.5) !important;
}

.boxed-form .classic-input:focus {
  border-color: var(--ss-pink) !important;
  box-shadow: 0 0 0 4px rgba(255, 47, 133, 0.12) !important;
}

/* Left Icons */
.boxed-form .samitaWS-registrationForm-input::before {
  content: "";
  position: absolute;
  left: 28px;
  top: 50%;
  width: 26px;
  height: 26px;
  transform: translateY(-50%);
  background-color: var(--ss-pink);
  z-index: 2;
  pointer-events: none;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

/* First Name + Last Name Icon */
.boxed-form .samitaWS-registrationForm-control:nth-child(1) .samitaWS-registrationForm-input::before,
.boxed-form .samitaWS-registrationForm-control:nth-child(2) .samitaWS-registrationForm-input::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M20 22C20 17.5817 16.4183 14 12 14C7.58172 14 4 17.5817 4 22' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z' stroke='black' stroke-width='2'/%3E%3Cpath d='M20 22C20 17.5817 16.4183 14 12 14C7.58172 14 4 17.5817 4 22' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Email Icon */
.boxed-form .samitaWS-registrationForm-control:nth-child(3) .samitaWS-registrationForm-input::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6H20V18H4V6Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M4 7L12 13L20 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6H20V18H4V6Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M4 7L12 13L20 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Phone Icon */
.boxed-form .samitaWS-registrationForm-control:nth-child(4) .samitaWS-registrationForm-input::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 4H5.5C4.67157 4 4 4.67157 4 5.5C4 13.5081 10.4919 20 18.5 20C19.3284 20 20 19.3284 20 18.5V15.5L15.5 14L13.5 16C11 14.8 9.2 13 8 10.5L10 8.5L8.5 4Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 4H5.5C4.67157 4 4 4.67157 4 5.5C4 13.5081 10.4919 20 18.5 20C19.3284 20 20 19.3284 20 18.5V15.5L15.5 14L13.5 16C11 14.8 9.2 13 8 10.5L10 8.5L8.5 4Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Password Lock Icon */
.boxed-form .samitaWS-registrationForm-control:nth-child(5) .samitaWS-registrationForm-input::before,
.boxed-form .samitaWS-registrationForm-control:nth-child(6) .samitaWS-registrationForm-input::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='10' width='14' height='10' rx='2' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 10V7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7V10' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 14V16' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='10' width='14' height='10' rx='2' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 10V7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7V10' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 14V16' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}



.boxed-form .samitaWS-registrationForm-control:nth-child(5) .classic-input,
.boxed-form .samitaWS-registrationForm-control:nth-child(6) .classic-input {
  padding-right: 64px !important;
}

/* Messages */
.boxed-form small.messages,
.boxed-form small.help-text {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  color: var(--ss-pink) !important;
}

/* Footer */
.boxed-form .footer {
  position: relative;
  z-index: 2;
  text-align: center !important;
  margin-top: 34px !important;
}


/* Submit Button */
.boxed-form .footer button.submit,
.boxed-form .footer button.action.submit,
.boxed-form .footer .classic-button {
 width: 100%;
    max-width: 250px;
    min-height: 56px;
    background: var(--ss-yellow) !important;
    color: #05082f !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-size: 21px !important;
    line-height: 1;
    font-weight: 950 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 9px 9px 0 var(--ss-navy) !important;
    cursor: pointer;
    transition: all .25s ease;
}

.boxed-form .footer button.submit:hover,
.boxed-form .footer button.action.submit:hover,
.boxed-form .footer .classic-button:hover {
  background: var(--ss-pink) !important;
  color: #ffffff !important;
  box-shadow: 6px 6px 0 var(--ss-navy) !important;
  transform: translate(3px, 3px);
}

/* Trust Line Under Button */
.boxed-form .footer::after {
  content: "✓ 100% Secure Registration   |   ✦ Trusted by Retailers USA   |   ▣ Exclusive Deals   |   🚚 Fast & Reliable Service";
  display: block;
  max-width: 860px;
  margin: 34px auto 0;
  padding-top: 28px;
  border-top: 1px solid #dfe2ec;
  color: var(--ss-navy);
  font-size: 15px;
  line-height: 1.5;
  font-weight: 800;
  word-spacing: 4px;
}

/* Success / Error / Warning */
.boxed-form .message {
  position: relative;
  z-index: 3;
  border-radius: 14px;
  padding: 18px 20px;
  margin-top: 22px;
  border: 1px solid transparent;
}

.boxed-form .message.success {
  background: #ecfff2;
  border-color: #8ee0a5;
  color: #145c2b;
}

.boxed-form .message.error {
  background: #fff0f5;
  border-color: var(--ss-pink);
  color: #850030;
}

.boxed-form .message.warning {
  background: #fff9d8;
  border-color: var(--ss-yellow);
  color: #5f4a00;
}

/* Responsive */
@media screen and (max-width: 1199px) {
  .boxed-form .samitaWS-container {
    padding: 56px 56px 40px;
  }

  .boxed-form .samitaWS-heading::after {
    font-size: 42px;
  }

  .boxed-form .samitaWS-description,
  .boxed-form .samitaWS-description p {
    font-size: 21px;
  }
}

@media screen and (max-width: 991px) {
  .boxed-form .samitaWS-registrationForm {
    padding: 54px 18px;
  }

  .boxed-form .samitaWS-container {
    padding: 48px 34px 36px;
  }

  .boxed-form .content.flex-wrap.block-container {
    gap: 24px;
  }

  .boxed-form .samitaWS-heading::after {
    font-size: 36px;
  }

  .boxed-form .classic-input {
    min-height: 64px;
    font-size: 16px !important;
  }

  .boxed-form .footer button.submit,
  .boxed-form .footer button.action.submit,
  .boxed-form .footer .classic-button {
    min-height: 68px;
    font-size: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .boxed-form .samitaWS-registrationForm {
    padding: 42px 14px;
  }

  .boxed-form .samitaWS-container {
    padding: 42px 20px 32px;
    border-radius: 18px;
  }

  .boxed-form .content.flex-wrap.block-container {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .boxed-form .samitaWS-heading {
    padding-top: 52px;
  }

  .boxed-form .samitaWS-heading::before {
    font-size: 12px;
    padding: 11px 28px;
  }

  .boxed-form .samitaWS-heading::after {
    font-size: 30px;
  }

  .boxed-form .samitaWS-description,
  .boxed-form .samitaWS-description p {
    font-size: 18px;
  }

  .boxed-form .classic-input {
    min-height: 60px;
    padding-left: 66px !important;
  }

  .boxed-form .samitaWS-registrationForm-input::before {
    left: 22px;
    width: 24px;
    height: 24px;
  }

  .boxed-form .footer button.submit,
  .boxed-form .footer button.action.submit,
  .boxed-form .footer .classic-button {
    max-width: 100%;
    min-height: 62px;
    font-size: 22px !important;
    box-shadow: 6px 6px 0 var(--ss-navy) !important;
  }

  .boxed-form .footer::after {
    content: "✓ 100% Secure Registration  •  Trusted Retailer Signup  •  Fast Service";
    font-size: 13px;
    padding-top: 22px;
  }
}

@media screen and (max-width: 480px) {
  .boxed-form .samitaWS-container {
    padding: 36px 16px 28px;
  }

  .boxed-form .samitaWS-heading::after {
    font-size: 25px;
    letter-spacing: -0.5px;
  }

  .boxed-form .samitaWS-description,
  .boxed-form .samitaWS-description p {
    font-size: 16px;
  }

  .boxed-form .samitaWS-label,
  .boxed-form label.samitaWS-label,
  .boxed-form .classic-label,
  .boxed-form .label-content {
    font-size: 13px !important;
  }
}

/* =====================================================
   Samita Form Icon Hotfix
   Fixes Company Name, Store Name, Store Address and Country icons
   for forms 12374 and 12375.
   Add this AFTER the original icon CSS.
===================================================== */

/* Hide empty/default icon boxes on fields that do not have an icon mask */
.boxed-form .samitaWS-registrationForm-input::before {
  display: none;
}

/* Show icons only on mapped fields */
.boxed-form .samitaWS-registrationForm-control:nth-child(1) .samitaWS-registrationForm-input::before,
.boxed-form .samitaWS-registrationForm-control:nth-child(2) .samitaWS-registrationForm-input::before,
.boxed-form .samitaWS-registrationForm-control:nth-child(3) .samitaWS-registrationForm-input::before,
.boxed-form .samitaWS-registrationForm-control:nth-child(4) .samitaWS-registrationForm-input::before,
.boxed-form .samitaWS-registrationForm-control:nth-child(5) .samitaWS-registrationForm-input::before,
.boxed-form .samitaWS-registrationForm-control:nth-child(6) .samitaWS-registrationForm-input::before,
.boxed-form.samitaWS-registrationForm-id-12374 .samitaWS-registrationForm-control:nth-child(7) .samitaWS-registrationForm-input::before,
.boxed-form.samitaWS-registrationForm-id-12374 .samitaWS-registrationForm-control:nth-child(9) .samitaWS-registrationForm-input::before,
.boxed-form.samitaWS-registrationForm-id-12375 .samitaWS-registrationForm-control:nth-child(7) .samitaWS-registrationForm-input::before,
.boxed-form.samitaWS-registrationForm-id-12375 .samitaWS-registrationForm-control:nth-child(8) .samitaWS-registrationForm-input::before {
  display: block;
}

/* Store Name + Company Name Icon */
.boxed-form.samitaWS-registrationForm-id-12374 .samitaWS-registrationForm-control:nth-child(7) .samitaWS-registrationForm-input::before,
.boxed-form.samitaWS-registrationForm-id-12375 .samitaWS-registrationForm-control:nth-child(7) .samitaWS-registrationForm-input::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10L12 4L20 10V20H4V10Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 20V14H15V20' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M8 10H16' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10L12 4L20 10V20H4V10Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 20V14H15V20' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M8 10H16' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Country Icon */
.boxed-form.samitaWS-registrationForm-id-12374 .samitaWS-registrationForm-control:nth-child(9) .samitaWS-registrationForm-input::before,
.boxed-form.samitaWS-registrationForm-id-12375 .samitaWS-registrationForm-control:nth-child(8) .samitaWS-registrationForm-input::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 12H21' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 3C14.5 5.5 15.5 8.5 15.5 12C15.5 15.5 14.5 18.5 12 21C9.5 18.5 8.5 15.5 8.5 12C8.5 8.5 9.5 5.5 12 3Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 12H21' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 3C14.5 5.5 15.5 8.5 15.5 12C15.5 15.5 14.5 18.5 12 21C9.5 18.5 8.5 15.5 8.5 12C8.5 8.5 9.5 5.5 12 3Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Store Address textarea has no .samitaWS-registrationForm-input wrapper, so add icon directly as textarea background */
.boxed-form.samitaWS-registrationForm-id-12374 #12374-textarea {
  min-height: 132px !important;
  padding: 24px 20px 18px 82px !important;
  resize: vertical;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C12 21 19 14.5 19 8.8C19 5.1 15.9 2 12 2C8.1 2 5 5.1 5 8.8C5 14.5 12 21 12 21Z' stroke='%23ff2f85' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='9' r='2.5' stroke='%23ff2f85' stroke-width='2'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 28px 26px !important;
  background-size: 26px 26px !important;
}

/* Keep country select text aligned and leave space for dropdown arrow */
.boxed-form.samitaWS-registrationForm-id-12374 #12374-country,
.boxed-form.samitaWS-registrationForm-id-12375 #12375-country {
  padding-left: 82px !important;
  padding-right: 50px !important;
}

/* Mobile alignment for the textarea icon */
@media screen and (max-width: 767px) {
  .boxed-form.samitaWS-registrationForm-id-12374 #12374-textarea {
    padding-left: 66px !important;
    background-position: 22px 22px !important;
    background-size: 24px 24px !important;
  }
}


/* =====================================================
   Samita Form Icon Hotfix
   Fixes Company Name, Store Name, Store Address and Country icons
===================================================== */

/* Hide empty/default icon boxes */
.boxed-form .samitaWS-registrationForm-input::before {
  display: none;
}

/* Show icons only on mapped fields */
.boxed-form .samitaWS-registrationForm-control:nth-child(1) .samitaWS-registrationForm-input::before,
.boxed-form .samitaWS-registrationForm-control:nth-child(2) .samitaWS-registrationForm-input::before,
.boxed-form .samitaWS-registrationForm-control:nth-child(3) .samitaWS-registrationForm-input::before,
.boxed-form .samitaWS-registrationForm-control:nth-child(4) .samitaWS-registrationForm-input::before,
.boxed-form .samitaWS-registrationForm-control:nth-child(5) .samitaWS-registrationForm-input::before,
.boxed-form .samitaWS-registrationForm-control:nth-child(6) .samitaWS-registrationForm-input::before,
.boxed-form.samitaWS-registrationForm-id-12374 .samitaWS-registrationForm-control:nth-child(7) .samitaWS-registrationForm-input::before,
.boxed-form.samitaWS-registrationForm-id-12374 .samitaWS-registrationForm-control:nth-child(9) .samitaWS-registrationForm-input::before,
.boxed-form.samitaWS-registrationForm-id-12375 .samitaWS-registrationForm-control:nth-child(7) .samitaWS-registrationForm-input::before,
.boxed-form.samitaWS-registrationForm-id-12375 .samitaWS-registrationForm-control:nth-child(8) .samitaWS-registrationForm-input::before {
  display: block;
}

/* Store Name + Company Name Icon */
.boxed-form.samitaWS-registrationForm-id-12374 .samitaWS-registrationForm-control:nth-child(7) .samitaWS-registrationForm-input::before,
.boxed-form.samitaWS-registrationForm-id-12375 .samitaWS-registrationForm-control:nth-child(7) .samitaWS-registrationForm-input::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10L12 4L20 10V20H4V10Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 20V14H15V20' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M8 10H16' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 10L12 4L20 10V20H4V10Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 20V14H15V20' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M8 10H16' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Country Icon */
.boxed-form.samitaWS-registrationForm-id-12374 .samitaWS-registrationForm-control:nth-child(9) .samitaWS-registrationForm-input::before,
.boxed-form.samitaWS-registrationForm-id-12375 .samitaWS-registrationForm-control:nth-child(8) .samitaWS-registrationForm-input::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 12H21' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 3C14.5 5.5 15.5 8.5 15.5 12C15.5 15.5 14.5 18.5 12 21C9.5 18.5 8.5 15.5 8.5 12C8.5 8.5 9.5 5.5 12 3Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 12H21' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 3C14.5 5.5 15.5 8.5 15.5 12C15.5 15.5 14.5 18.5 12 21C9.5 18.5 8.5 15.5 8.5 12C8.5 8.5 9.5 5.5 12 3Z' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Store Address textarea icon */
.boxed-form.samitaWS-registrationForm-id-12374 #12374-textarea {
  min-height: 132px !important;
  padding: 24px 20px 18px 82px !important;
  resize: vertical;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C12 21 19 14.5 19 8.8C19 5.1 15.9 2 12 2C8.1 2 5 5.1 5 8.8C5 14.5 12 21 12 21Z' stroke='%23ff2f85' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='9' r='2.5' stroke='%23ff2f85' stroke-width='2'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 28px 26px !important;
  background-size: 26px 26px !important;
}

/* Country select spacing */
.boxed-form.samitaWS-registrationForm-id-12374 #12374-country,
.boxed-form.samitaWS-registrationForm-id-12375 #12375-country {
  padding-left: 82px !important;
  padding-right: 50px !important;
}

@media screen and (max-width: 767px) {
  .boxed-form.samitaWS-registrationForm-id-12374 #12374-textarea {
    padding-left: 66px !important;
    background-position: 22px 22px !important;
    background-size: 24px 24px !important;
  }
}


/* =====================================================
   SnackStash Cart Drawer + Cart Item Style
   ===================================================== */

#CartDrawer {
  --snack-navy: #05082f;
  --snack-pink: #ff2f85;
  --snack-yellow: #ffd600;
  --snack-purple: #12004b;
  --snack-white: #ffffff;
  --snack-muted: #7b8097;
  --snack-border: #e2e4ef;
}

/* Overlay */
#CartDrawer .cart-drawer__overlay {
  background: rgba(5, 8, 47, 0.72) !important;
  backdrop-filter: blur(4px);
}

/* Main Drawer */
#CartDrawer .drawer__inner {
  width: 520px !important;
  max-width: calc(100vw - 20px) !important;
  background:
    radial-gradient(circle at top right, rgba(255, 214, 0, 0.16), transparent 28%),
    radial-gradient(circle at bottom left, rgba(255, 47, 133, 0.14), transparent 30%),
    #ffffff !important;
  border-left: 4px solid var(--snack-yellow) !important;
  box-shadow: -18px 0 60px rgba(5, 8, 47, 0.34) !important;
}

/* Header */
#CartDrawer .drawer__header {
  padding: 24px 24px 18px !important;
  background: var(--snack-navy);
  border-bottom: 4px solid var(--snack-yellow);
  position: sticky;
  top: 0;
  z-index: 5;
}

#CartDrawer .drawer__heading {
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: -0.5px;
  margin: 0 !important;
}

/* #CartDrawer .drawer__heading::before {
  content: "YOUR";
  display: inline-block;
  margin-right: 8px;
  color: var(--snack-yellow);
} */

#CartDrawer .drawer__close {
  min-width: 40px;
  min-height: 40px;
  right: 10px;
  border-radius: 50% !important;
  background: var(--snack-pink) !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}

#CartDrawer .drawer__close:hover {
  background: var(--snack-yellow) !important;
  color: var(--snack-navy) !important;
  transform: rotate(90deg);
}

/* Cart Content */
#CartDrawer cart-drawer-items {
  padding: 20px 0px !important;
}

#CartDrawer .drawer__cart-items-wrapper {
  overflow: visible !important;
}

#CartDrawer .cart-items {
  display: block !important;
  width: 100% !important;
  border: 0 !important;
}

#CartDrawer .cart-items thead {
  display: none !important;
}

#CartDrawer .cart-items tbody {
  display: flex !important;
  flex-direction: column;
  gap: 16px;
}

/* Cart Item Card */
#CartDrawer .cart-item {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) auto;
  grid-template-areas:
    "media details total"
    "media quantity quantity";
  gap: 12px 14px;
  align-items: start;
  background: #ffffff;
  border: 2px solid var(--snack-navy);
  border-radius: 16px;
  padding: 14px !important;
  box-shadow: 6px 6px 0 var(--snack-yellow);
  position: relative;
  transition: all 0.25s ease;
}

#CartDrawer .cart-item:hover {
  transform: translate(-2px, -2px);
  box-shadow: 8px 8px 0 var(--snack-pink);
}

/* Remove Table Cell Styling */
#CartDrawer .cart-item > td {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Product Image */
#CartDrawer .cart-item__media {
  grid-area: media;
}

#CartDrawer .cart-item__media a {
  display: block;
}

#CartDrawer .cart-item__image {
  width: 96px !important;
  height: 96px !important;
  max-width: 96px !important;
  object-fit: contain !important;
  background: #f7f7f8;
  border: 2px solid var(--snack-border);
  border-radius: 14px;
  padding: 8px;
  box-shadow: inset 0 0 0 1px rgba(5, 8, 47, 0.04);
}

/* Product Details */
#CartDrawer .cart-item__details {
  grid-area: details;
  min-width: 0;
}

#CartDrawer .cart-item__name {
  color: var(--snack-navy) !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#CartDrawer .cart-item__name:hover {
  color: var(--snack-pink) !important;
}

/* Product Options */
#CartDrawer .cart-item__details .product-option,
#CartDrawer .cart-item__details dl,
#CartDrawer .cart-item__details dt,
#CartDrawer .cart-item__details dd {
  color: var(--snack-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 700;
  margin: 4px 0 0 !important;
}

#CartDrawer .cart-item__details dt {
  color: var(--snack-pink) !important;
  font-weight: 900 !important;
  text-transform: uppercase;
}

#CartDrawer .cart-item__details dd {
  margin-left: 0 !important;
}

/* Price */
#CartDrawer .cart-item__totals {
  grid-area: total;
  text-align: right !important;
  min-width: 72px;
}

#CartDrawer .cart-item__price-wrapper .price,
#CartDrawer .price.price--end {
  color: var(--snack-navy) !important;
  background: var(--snack-yellow);
  border: 2px solid var(--snack-navy);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Quantity Area */
#CartDrawer .cart-item__quantity {
  grid-area: quantity;
}

#CartDrawer .cart-item__quantity-wrapper {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 4px;
}

#CartDrawer quantity-input.cart-quantity,
#CartDrawer .cart-quantity {
  width: 136px !important;
  min-height: 40px !important;
  border: 2px solid var(--snack-navy) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  overflow: hidden;
  display: inline-flex !important;
  align-items: center;
}

#CartDrawer .quantity__button {
  width: 38px !important;
  height: 38px !important;
  color: var(--snack-navy) !important;
  background: transparent !important;
  border: 0 !important;
  transition: all 0.2s ease;
}

#CartDrawer .quantity__button:hover {
  background: var(--snack-yellow) !important;
  color: var(--snack-navy) !important;
}

#CartDrawer .quantity__input {
  height: 38px !important;
  min-height: 38px !important;
  width: 48px !important;
  color: var(--snack-navy) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Remove Button */
#CartDrawer cart-remove-button {
  margin: 0 !important;
}

#CartDrawer .cart-remove-button,
#CartDrawer cart-remove-button .button {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #fff0f7 !important;
  color: var(--snack-pink) !important;
  border: 2px solid var(--snack-pink) !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}

#CartDrawer .cart-remove-button:hover,
#CartDrawer cart-remove-button .button:hover {
  background: var(--snack-pink) !important;
  color: #ffffff !important;
  transform: scale(1.05);
}

#CartDrawer .cart-remove-button svg {
  width: 17px !important;
  height: 17px !important;
}

/* Error Message */
#CartDrawer .cart-item__error {
  grid-column: 1 / -1;
  margin-top: 8px;
}

#CartDrawer .cart-item__error-text {
  color: var(--snack-pink) !important;
  font-size: 12px !important;
  font-weight: 800;
}

/* Drawer Footer */
#CartDrawer .drawer__footer {
  background: var(--snack-navy) !important;
  border-top: 4px solid var(--snack-yellow) !important;
  padding: 22px 24px 24px !important;
}

#CartDrawer .totals,
#CartDrawer .cart-drawer__footer .totals {
  align-items: center;
  margin-bottom: 18px !important;
}

#CartDrawer .totals__total {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
}

#CartDrawer .totals__total-value {
  color: var(--snack-yellow) !important;
  font-size: 22px !important;
  font-weight: 950 !important;
}

/* Checkout Button */
#CartDrawer .cart__checkout-button,
#CartDrawer button[name="checkout"],
#CartDrawer .button--primary {
  width: 100% !important;
  min-height: 56px !important;
  background: var(--snack-yellow) !important;
  color: var(--snack-navy) !important;
  border: 2px solid var(--snack-yellow) !important;
  border-radius: 10px !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 6px 6px 0 #ffffff !important;
  transition: all 0.25s ease;
}

#CartDrawer .cart__checkout-button:hover,
#CartDrawer button[name="checkout"]:hover,
#CartDrawer .button--primary:hover {
  background: var(--snack-pink) !important;
  border-color: var(--snack-pink) !important;
  color: #ffffff !important;
  box-shadow: 4px 4px 0 var(--snack-yellow) !important;
  transform: translate(2px, 2px);
}

/* View Cart / Continue Shopping Links */
#CartDrawer .drawer__footer a,
#CartDrawer .cart__ctas + a,
#CartDrawer .underlined-link {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-decoration-color: var(--snack-yellow) !important;
}

#CartDrawer .drawer__footer a:hover,
#CartDrawer .underlined-link:hover {
  color: var(--snack-yellow) !important;
}

/* Empty Cart */
#CartDrawer .drawer__inner-empty,
#CartDrawer .cart-drawer__empty-content {
  background: #ffffff !important;
  color: var(--snack-navy) !important;
}

#CartDrawer .cart-drawer__empty-content h2,
#CartDrawer .cart-drawer__empty-content .cart__empty-text {
  color: var(--snack-navy) !important;
  font-weight: 950 !important;
  text-transform: uppercase;
}
.cart-drawer .tax-note {
    margin: 1.2rem 0 2rem auto;
    text-align: left;
    color: #ffffff;
}
/* Mobile */
@media screen and (max-width: 767px) {
  #CartDrawer .drawer__inner {
    width: 100% !important;
    max-width: 100vw !important;
  }

  #CartDrawer .drawer__header {
    padding: 20px 18px 16px !important;
  }

  #CartDrawer .drawer__heading {
    font-size: 24px !important;
  }

  #CartDrawer cart-drawer-items {
    padding: 16px 0px !important;
  }

  #CartDrawer .cart-item {
    grid-template-columns: 84px minmax(0, 1fr);
    grid-template-areas:
      "media details"
      "media total"
      "quantity quantity";
    gap: 10px 12px;
    padding: 12px !important;
    box-shadow: 4px 4px 0 var(--snack-yellow);
  }

  #CartDrawer .cart-item__image {
    width: 84px !important;
    height: 84px !important;
    max-width: 84px !important;
  }

  #CartDrawer .cart-item__totals {
    text-align: left !important;
  }

  #CartDrawer .cart-item__quantity-wrapper {
    margin-top: 8px;
  }

  #CartDrawer quantity-input.cart-quantity,
  #CartDrawer .cart-quantity {
    width: 132px !important;
  }

  #CartDrawer .drawer__footer {
    padding: 20px 16px 22px !important;
  }
}

@media screen and (max-width: 420px) {
  #CartDrawer .cart-item__name {
    font-size: 14px !important;
  }

  #CartDrawer .cart-item__details .product-option,
  #CartDrawer .cart-item__details dl,
  #CartDrawer .cart-item__details dt,
  #CartDrawer .cart-item__details dd {
    font-size: 11px !important;
  }
}

/* =====================================================
   SnackStash Light Cart Page - Clean Divider Style
   No Box / No Card Type Design
===================================================== */

cart-items {
  --snack-navy: #05082f;
  --snack-pink: #ff2f85;
  --snack-yellow: #ffd600;
  --snack-bg: #fafafa;
  --snack-soft: #f4f4f7;
  --snack-border: #dedfeb;
  --snack-muted: #74788d;

  background:
    radial-gradient(circle at 92% 8%, rgba(255, 214, 0, 0.16), transparent 22%),
    radial-gradient(circle at 8% 90%, rgba(255, 47, 133, 0.08), transparent 24%),
    #fafafa !important;
}

/* Main Width */
/* cart-items .page-width {
  max-width: 1280px !important;
} */

/* Header */
cart-items .title-wrapper-with-link {
  margin-bottom: 44px !important;
  align-items: flex-end !important;
  gap: 24px;
}

cart-items .title.title--primary {
  color: var(--snack-navy) !important;
  font-size: 58px !important;
  line-height: 0.95 !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin: 0 !important;
}

cart-items .title.title--primary::before {
  content: "SHOPPING BAG";
  display: table;
  background: var(--snack-pink);
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  padding: 9px 18px;
  border-radius: 999px;
  margin-bottom: 14px;
  letter-spacing: 0.6px;
  transform: rotate(-2deg);
}

cart-items .title.title--primary::after {
  content: "";
  display: block;
  width: 92px;
  height: 5px;
  background: var(--snack-yellow);
  border-radius: 999px;
  margin-top: 18px;
}

/* Continue Shopping - Text Button */
cart-items .underlined-link {
  color: var(--snack-navy) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0 0 7px !important;
  border-bottom: 3px solid var(--snack-yellow) !important;
  transition: all 0.25s ease;
}

cart-items .underlined-link:hover {
  color: var(--snack-pink) !important;
  border-bottom-color: var(--snack-pink) !important;
}

/* Remove Outer Box Look */
cart-items .cart__items {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Table */
cart-items .cart-items {
  width: 100% !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  margin: 0 !important;
}

/* Table Head - Clean Divider */
cart-items .cart-items thead {
  border-bottom: 2px solid var(--snack-navy);
}

cart-items .cart-items thead th {
  color: var(--snack-navy) !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0 18px 18px !important;
  border: 0 !important;
}

/* Rows - No Card / Only Separator */
cart-items .cart-item {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: background 0.25s ease;
}

cart-items .cart-item:hover {
  background: rgba(255, 214, 0, 0.08) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Table Cells */
cart-items .cart-item td {
  padding: 28px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--snack-border) !important;
  vertical-align: middle !important;
}

cart-items .cart-item td:first-child,
cart-items .cart-item td:last-child {
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
}

/* Product Image - Soft Floating Thumbnail */
cart-items .cart-item__image-container {
  width: 118px !important;
  height: 118px !important;
  background: #ffffff !important;
  border: 1px solid var(--snack-border) !important;
  border-radius: 18px !important;
  padding: 12px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(5, 8, 47, 0.08) !important;
}

cart-items .cart-item__image {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

/* Product Title */
cart-items .cart-item__name {
  color: var(--snack-navy) !important;
  font-size: 19px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: color 0.25s ease;
}

cart-items .cart-item__name:hover {
  color: var(--snack-pink) !important;
}

/* Product Info */
cart-items .cart-item__details .product-option,
cart-items .cart-item__details dl,
cart-items .cart-item__details dt,
cart-items .cart-item__details dd {
  color: var(--snack-muted) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  margin: 5px 0 0 !important;
}

cart-items .cart-item__details dt {
  color: var(--snack-pink) !important;
  font-weight: 950 !important;
  text-transform: uppercase;
}

cart-items .cart-item__details dd {
  margin-left: 0 !important;
}

/* Price - Clean Text With Yellow Highlight */
cart-items .price.price--end {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  color: var(--snack-navy) !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 0 5px !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  border-bottom: 4px solid var(--snack-yellow) !important;
  white-space: nowrap;
}

/* Quantity - Minimal Pill */
cart-items quantity-input.cart-quantity,
cart-items .cart-quantity {
  width: 148px !important;
  min-height: 44px !important;
  background: #ffffff !important;
  border: 1.5px solid var(--snack-border) !important;
  border-radius: 999px !important;
  overflow: hidden;
  display: inline-flex !important;
  align-items: center;
  box-shadow: 0 8px 18px rgba(5, 8, 47, 0.06) !important;
}

cart-items .quantity__button {
  width: 42px !important;
  height: 42px !important;
  color: var(--snack-navy) !important;
  background: transparent !important;
  border: 0 !important;
  transition: all 0.2s ease;
}

cart-items .quantity__button:hover {
  background: var(--snack-yellow) !important;
  color: var(--snack-navy) !important;
}

cart-items .quantity__input {
  height: 42px !important;
  min-height: 42px !important;
  color: var(--snack-navy) !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* Remove Button - Simple Pink Icon */
cart-items cart-remove-button .button,
cart-items cart-remove-button a {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--snack-pink) !important;
  border: 1.5px solid rgba(255, 47, 133, 0.35) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}

cart-items cart-remove-button .button:hover,
cart-items cart-remove-button a:hover {
  background: var(--snack-pink) !important;
  color: #ffffff !important;
  border-color: var(--snack-pink) !important;
}

/* Error */
cart-items .cart-item__error-text {
  color: var(--snack-pink) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

/* Empty Cart - No Box Look */
cart-items .cart__warnings {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 70px 20px;
  text-align: center;
  box-shadow: none !important;
}

cart-items .cart__empty-text,
cart-items .cart__login-title {
  color: var(--snack-navy) !important;
  font-weight: 950 !important;
  text-transform: uppercase;
}

cart-items .cart__warnings .button {
  background: var(--snack-yellow) !important;
  color: var(--snack-navy) !important;
  border: 2px solid var(--snack-yellow) !important;
  border-radius: 10px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  box-shadow: 6px 6px 0 var(--snack-navy);
}

cart-items .cart__warnings .button:hover {
  background: var(--snack-pink) !important;
  border-color: var(--snack-pink) !important;
  color: #ffffff !important;
}

/* =====================================================
   Cart Footer / Totals - Clean Inline Style
===================================================== */

.cart__footer-wrapper,
#main-cart-footer,
.cart-footer-wrapper {
  background: #fafafa !important;
  /* padding: 0 20px 80px !important; */
}

/* Footer Area */
/* .cart__footer,
.cart__blocks {
  max-width: 1280px !important;
  margin: 0 auto !important;
} */

/* Remove Summary Box */
.cart__blocks {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 34px 0 0 !important;
  box-shadow: none !important;
  border-top: 2px solid var(--snack-navy, #05082f) !important;
}

/* Total Row */
.cart__blocks .totals,
.cart__footer .totals {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  gap: 28px;
  border: 0 !important;
  padding: 0 !important;
  margin-bottom: 18px;
}

.cart__blocks .totals__total,
.cart__footer .totals__total {
  color: #05082f !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  margin: 0 !important;
}

.cart__blocks .totals__total-value,
.cart__footer .totals__total-value {
  color: #ff2f85 !important;
  font-size: 32px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  margin: 0 !important;
}

.cart__blocks .tax-note,
.cart__footer .tax-note {
  color: #74788d !important;
  font-size: 14px !important;
  font-weight: 700;
  text-align: right;
}

/* Checkout Button */
.cart__ctas {
  display: flex !important;
  justify-content: flex-end;
}

.cart__ctas button,
.cart__ctas .button,
.cart__checkout-button,
button[name="checkout"],
button[name="update"] {
  width: auto !important;
  min-width: 280px !important;
  min-height: 58px !important;
  background: #ffd600 !important;
  color: #05082f !important;
  border: 2px solid #ffd600 !important;
  border-radius: 10px !important;
  padding: 18px 34px !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 6px 6px 0 #05082f !important;
  transition: all 0.25s ease;
}

.cart__ctas button:hover,
.cart__ctas .button:hover,
.cart__checkout-button:hover,
button[name="checkout"]:hover,
button[name="update"]:hover {
  background: #ff2f85 !important;
  border-color: #ff2f85 !important;
  color: #ffffff !important;
  box-shadow: 4px 4px 0 #ffd600 !important;
  transform: translate(2px, 2px);
}

/* =====================================================
   Responsive
===================================================== */

@media screen and (max-width: 991px) {

  cart-items .title.title--primary {
    font-size: 44px !important;
  }

  cart-items .cart-item__image-container {
    width: 96px !important;
    height: 96px !important;
  }

  cart-items .cart-item__name {
    font-size: 16px !important;
  }
}

@media screen and (max-width: 749px) {

  cart-items .title-wrapper-with-link {
    flex-direction: column;
    align-items: flex-start !important;
    margin-bottom: 30px !important;
  }

  cart-items .title.title--primary {
    font-size: 34px !important;
  }

  /* cart-items .cart-items,
  cart-items .cart-items tbody,
  cart-items .cart-item {
    display: block !important;
    width: 100% !important;
  } */

  cart-items .cart-items thead {
    display: none !important;
  }

  cart-items .cart-item {
    padding: 22px 0 !important;
    border-bottom: 1px solid var(--snack-border) !important;
  }

  cart-items .cart-item:hover {
    background: transparent !important;
  }

  cart-items .cart-item td {
    border: 0 !important;
    padding: 0px !important;
  }

  cart-items .cart-item__image-container {
    width: 112px !important;
    height: 112px !important;
    margin-bottom: 10px;
  }

  cart-items .cart-item__quantity-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  cart-items .price.price--end {
    font-size: 16px !important;
  }

  /* .cart__footer-wrapper,
  #main-cart-footer,
  .cart-footer-wrapper {
    padding: 0 20px 54px !important;
  } */

  .cart__blocks {
    padding-top: 26px !important;
  }

  .cart__blocks .totals,
  .cart__footer .totals {
    justify-content: space-between;
    gap: 18px;
  }

  .cart__blocks .totals__total-value,
  .cart__footer .totals__total-value {
    font-size: 26px !important;
  }

  .cart__ctas {
    justify-content: stretch;
  }

  .cart__ctas button,
  .cart__ctas .button,
  .cart__checkout-button,
  button[name="checkout"],
  button[name="update"] {
    width: 100% !important;
    min-width: 100% !important;
  }
  
}

@media screen and (max-width: 480px) {
  cart-items .title.title--primary {
    font-size: 30px !important;
  }

  cart-items .title.title--primary::before {
    font-size: 11px;
  }

  cart-items .cart-item__image-container {
    width: 96px !important;
    height: 96px !important;
  }

  cart-items quantity-input.cart-quantity,
  cart-items .cart-quantity {
    width: 136px !important;
  }
  .announcement-bar__message span {
    
    font-size: 12px !important;
   
  }
  .header__heading-link {
    
    padding: 0px !important; 
  }
  .header {
    padding: 10px 0px 10px 0px !important;
  }
  .header__heading-logo {
   
    height: 80px !important;
    width: 80px !important;
}

}

.new-arrivals-cta__container h2.new-arrivals-cta__heading {
    display: flex;
    flex-direction: row;
    row-gap: 10px;
}

/* Price filter input overlap fix */
.ss-modern-grid .facets__price {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
}

.ss-modern-grid .facets__price .field {
  position: relative;
  width: 120px;
  min-width: 120px;
}

.ss-modern-grid .facets__price .field__input {
  width: 100%;
  height: 44px !important;
  min-height: 44px !important;
  padding: 14px 14px 6px 14px !important;
  border: 1px solid #D7DAE2 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #071033 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

.ss-modern-grid .facets__price .field__input::placeholder {
  color: transparent !important;
}

.ss-modern-grid .facets__price .field__label {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: #6f7485 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  transition: all 0.18s ease !important;
}

/* Move label up when input has text or is focused */
.ss-modern-grid .facets__price .field__input:focus + .field__label,
.ss-modern-grid .facets__price .field__input:not(:placeholder-shown) + .field__label {
  top: 8px !important;
  transform: translateY(0) !important;
  font-size: 10px !important;
  color: #071033 !important;
  font-weight: 600 !important;
}

/* Focus state */
.ss-modern-grid .facets__price .field__input:focus {
  border-color: #FFD600 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(255, 214, 0, 0.2) !important;
}

/* Currency */
.ss-modern-grid .facets__price .field-currency {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #071033 !important;
  margin-right: 2px !important;
}

/* Mobile fix */
@media screen and (max-width: 749px) {
  .ss-modern-grid .facets__price {
    gap: 10px;
  }

  .ss-modern-grid .facets__price .field {
    width: 100%;
    min-width: 0;
  }

  .ss-modern-grid .facets__price .field__input {
    height: 46px !important;
    min-height: 46px !important;
  }
}