/** Shopify CDN: Minification failed

Line 3538:1 Expected "}" to go with "{"

**/
/* ============================================================
   WOMILYS CUSTOM CSS — OPTIMIZED
   - Removed all commented-out blocks
   - Merged duplicate/redundant selectors
   - Consolidated repeated media queries
   - Preserved all active visual behavior
   ============================================================ */

/* ================================
   CSS CUSTOM PROPERTIES
   ================================ */
:root {
  --badge-tags-bg: #03b696;
  --page-margin: 32px;
  --section-gap: 32px;
  --block-gap: 24px;
  --card-padding: 24px;
  --grid-gap: 24px;
  --flex-gap: 16px;
  --icon-gap: 8px;
  --colorSalePrice: #000 !important;
  --colorOriginalPrice: #848484 !important;
  --announcement-offset: 0px;
}

@media (max-width: 1023px) {
  :root {
    --page-margin: 16px;
    --section-gap: 24px;
    --block-gap: 16px;
    --card-padding: 16px;
    --grid-gap: 16px;
    --flex-gap: 12px;
    --icon-gap: 8px;
  }
}


/* ================================
   BASE
   ================================ */
body {
  position: relative;
}

html, body {
  max-width: 100vw !important;
  position: relative !important;
}

img {
  max-width: 100%;
  height: auto;
}

table {
  width: 100%;
  display: block;
  overflow-x: auto;
}

* {
  box-sizing: border-box;
}


/* ================================
   Z-INDEX STACKING
   ================================ */
.shopify-section-group-header-group {
  position: relative !important;
  isolation: isolate;
  z-index: 100000 !important;
}

.quick-product__btn {
  z-index: 1 !important;
}

.quick-shop-modal,
.quick-product__modal,
.modal--quick-shop,
.js-modal-close-quick-modal {
  z-index: 100001 !important;
}

[class*="quick-modal"] {
  z-index: 10000 !important;
}

.modal__overlay,
.modal__inner,
[class*="modal__overlay"],
[class*="modal__inner"] {
  z-index: 100000 !important;
}

div#CartDrawer {
  z-index: 100000 !important;
}

body .drawer {
  z-index: 9999999999999 !important;
}


/* ================================
   HEADER — OVERLAY (HOME PAGE)
   ================================ */
.template-index .header-wrapper--overlay {
  background: linear-gradient(180deg, rgba(0,0,0,.3) 0%, transparent) !important;
}

.template-index .header-wrapper--overlay .site-header:not(.site-header--stuck) {
  background: none !important;
  background-color: transparent !important;
}

body.template-index .header-wrapper--overlay #StickyHeaderWrap,
body.template-index #StickyHeaderWrap:not(:has(.site-header--stuck)) {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
}

body.template-index .header-wrapper--overlay.is-light #StickyHeaderWrap,
body.template-index .header-wrapper--overlay #StickyHeaderWrap {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* Stuck (scrolled) state → white */
.template-index .header-wrapper--overlay .site-header--stuck,
.template-index .header-wrapper--overlay.is-light .site-header--stuck {
  background: #fff !important;
  background-color: #fff !important;
}

.template-index .header-wrapper--overlay #StickyHeaderWrap:has(.site-header--stuck),
.template-index #StickyHeaderWrap:has(.site-header--stuck) {
  background: #fff !important;
  background-color: #fff !important;
}

/* Logo visibility — transparent state */
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .header-item--logo,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) #LogoContainer,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-header__logo {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-left: 15px !important;
  margin-top: 4px !important;
}

.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .header-item--logo img,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .header-item--logo .site-header__logo img,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .header-item--logo .site-header__logo-link img,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) #LogoContainer img,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-header__logo img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Icons visibility — transparent state */
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .header-item--icons,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-nav__icons {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .header-item--icons .site-nav__link,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .header-item--icons .icon,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-nav__icons .site-nav__link {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide desktop search icon on home transparent header */
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-nav__link.js-search-header,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-nav__link--icon.js-search-header,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .mobile-search-trigger,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-nav__link.mobile-search-trigger {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Badges on transparent header */
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .wishlist-count-bubble,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .floating-wishlist-count,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .wishlist-count,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .cart-link__bubble,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .cart-link__bubble--visible {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 10 !important;
}

.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .cart-link__bubble,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .wishlist-count-bubble {
  background: #e0614a !important;
  color: #fff !important;
}

.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .cart-link__bubble-num {
  color: #fff !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Thicker strokes on transparent header */
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-nav__link--icon svg,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-nav__link--icon svg *,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .header-item--icons svg,
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .header-item--icons svg * {
  stroke-width: 1.5px !important;
  vector-effect: non-scaling-stroke;
}

/* Dark text/color when stuck */
.template-index .header-wrapper--overlay .site-header--stuck,
.template-index .header-wrapper--overlay .site-header--stuck .site-nav__link,
.template-index .header-wrapper--overlay .site-header--stuck .site-nav__link--icon,
.template-index .header-wrapper--overlay .site-header--stuck .header-item--icons,
.template-index .header-wrapper--overlay .site-header--stuck .header-item--icons .icon,
.template-index .header-wrapper--overlay .site-header--stuck .site-header__logo-link {
  color: #333 !important;
}

/* Logo image on overlay — no filter */
.template-index .header-wrapper--overlay img {
  filter: none !important;
  opacity: 1 !important;
}

/* Logo link color on transparent */
.template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-header__logo-link {
  color: #ffffff !important;
  font-weight: 600;
}


/* ================================
   HEADER — GENERAL
   ================================ */
.site-header {
  padding: 0px !important;
}

#StickyHeaderWrap,
.site-header,
.header-layout,
.header-item--search {
  overflow: visible !important;
}

/* Hide Motion search icon */
.site-nav__link.js-search-header {
  display: none !important;
}

/* Desktop sticky height */
@media (min-width: 1024px) {
  #StickyHeaderWrap {
    height: 60px !important;
  }

  body.template-index .header-wrapper--overlay #StickyHeaderWrap:not(:has(.site-header--stuck)),
  body.template-index #StickyHeaderWrap:not(:has(.site-header--stuck)) {
    height: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .site-header {
    padding-top: 20px !important;
  }
}

/* Non-home pages: gap below header */
@media (min-width: 768px) {
  body:not(.template-index) .main-content {
    padding-top: 40px !important;
  }
}


/* ================================
   ANNOUNCEMENT BAR
   ================================ */
.shopify-section-group-header-group > .announcement {
  background: #e0614a;
  color: #fff;
  z-index: 30;
  max-height: 44px !important;
}

.shopify-section-group-header-group > .announcement.announcement--closed {
  max-height: 0 !important;
}

.shopify-section-group-header-group > .announcement .announcement__text {
  padding: 1px !important;
}

.shopify-section-group-header-group > .announcement .announcement__container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 12px;
  height: 20px;
  display: flex;
  align-items: center;
  position: relative;
}

.shopify-section-group-header-group > .announcement .announcement__row {
  display: flex;
  width: 100%;
  margin-bottom: 0;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 44px;
}

.shopify-section-group-header-group > .announcement .announcement__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  color: inherit;
  padding: 0;
  cursor: pointer;
  transition: opacity 200ms ease;
  flex-shrink: 0;
}

.shopify-section-group-header-group > .announcement .announcement__icon-btn:hover {
  opacity: 0.75;
}

.shopify-section-group-header-group > .announcement .announcement__icon {
  width: 16px;
  height: 16px;
}

.shopify-section-group-header-group > .announcement .announcement__center {
  flex: 1;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
  position: relative;
  min-height: 24px;
}

.shopify-section-group-header-group > .announcement .announcement__slide {
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 600ms ease, transform 600ms ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shopify-section-group-header-group > .announcement .announcement__slide.is-active {
  position: relative;
  opacity: 1;
  transform: translateY(0);
}

.shopify-section-group-header-group > .announcement .announcement__cta {
  margin-left: 12px;
  text-decoration: underline;
  color: inherit;
}

.shopify-section-group-header-group > .announcement .announcement__cta:hover {
  text-decoration: none;
}

.shopify-section-group-header-group > .announcement .announcement__message {
  font-weight: 400;
  padding: 1px !important;
}

.shopify-section-group-header-group > .announcement .announcement__dots {
  display: flex;
  justify-content: center;
  gap: 4px;
  position: absolute;
  left: 50%;
  bottom: 4px;
  transform: translateX(-50%);
  margin-top: 0;
  pointer-events: none;
}

.shopify-section-group-header-group > .announcement .announcement__dot {
  width: 4px;
  height: 4px;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.5);
  border: 0;
  padding: 0;
  transition: all 200ms ease;
}

.shopify-section-group-header-group > .announcement .announcement__dot.is-active {
  width: 16px;
  background: rgba(255, 255, 255, 1);
}

.shopify-section-group-header-group > .announcement .announcement__dismiss {
  position: static;
  right: auto;
  top: auto;
  transform: none;
  padding: 0;
}


/* ================================
   HEADER LAYOUT (FLEX/GRID)
   ================================ */
.header-layout[data-logo-align="center"] {
  display: flex;
}

.header-layout[data-logo-align="center"] .header-item--logo { order: 1; }
.header-layout[data-logo-align="center"] .header-item--left { order: 2; }
.header-layout[data-logo-align="center"] .header-item--icons { order: 3; }

.header-item--search {
  order: 2;
  flex: 1 1 420px !important;
  max-width: 520px !important;
  min-width: 420px !important;
  margin: 0 24px;
  display: flex !important;
  align-items: center !important;
}

.header-layout--center .header-item--search {
  margin: 0 auto !important;
  flex: 0 0 448px !important;
  max-width: 448px !important;
  min-width: 448px !important;
}

.header-search-form { width: 100%; }

.header-search-input {
  width: 100%;
  height: 44px;
  padding: 0 18px 0 44px;
  border-radius: 999px;
  border: 1px solid #d0d5dd;
  font-size: 14px;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23999' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='7'/%3E%3Cline x1='13' y1='13' x2='18' y2='18'/%3E%3C/svg%3E") no-repeat 16px center;
  outline: none;
  transition: border-color 0.2s ease;
}

.header-search-input:focus { border-color: #111; }
.header-search-input::placeholder { color: #98a2b3; }

/* Ensure dropdown doesn't overflow */
#smartSearchRoot {
  position: relative !important;
  z-index: 9999 !important;
}

/* Kill Motion predictive overlay */
.site-header__search,
.site-header__search *,
.predictive-search,
.predictive-search__overlay {
  pointer-events: none !important;
}

.header-item--search,
.header-item--smart-search {
  pointer-events: none !important;
}

.smart-search-wrapper,
.smart-search-wrapper * {
  pointer-events: auto !important;
}

.smart-search-wrapper {
  position: relative !important;
  z-index: 9999 !important;
  width: 100% !important;
}

.smart-search-input {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
}

.smart-search-input input {
  width: 100% !important;
  padding-left: 44px !important;
  padding-right: 44px !important;
  height: 48px !important;
  border-radius: 999px !important;
  border: 1px solid #d1d5db !important;
  font-size: 15px !important;
}

.smart-search-input .search-icon {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #9ca3af !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.smart-search-input .search-icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
}

.clear-search-icon {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  padding: 4px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #9ca3af !important;
  z-index: 10 !important;
  transition: color 0.2s ease !important;
}

.clear-search-icon:hover { color: #374151 !important; }

.clear-search-icon svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  stroke: currentColor !important;
}

.smart-search-input input:placeholder-shown ~ .clear-search-icon {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Search dropdown */
.smart-search-dropdown {
  display: none;
  opacity: 0;
  visibility: hidden;
  background: #fff !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,.12) !important;
  border: 1px solid #e5e7eb !important;
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  z-index: 10000 !important;
}

.smart-search-dropdown.open {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-height: 600px !important;
  pointer-events: auto !important;
}

.smart-search-section {
  padding: 16px;
  border-bottom: 1px solid #e5e7eb;
}

.smart-search-section:last-child { border-bottom: none; }

.smart-search-heading {
  font-size: 12px;
  font-weight: 500;
  color: #667085;
  margin-bottom: 12px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.smart-search-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.smart-search-tag {
  padding: 8px 16px;
  background: #f3f3f3;
  border-radius: 999px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

.smart-search-tag:hover {
  background: rgba(224, 97, 74, 0.12);
  color: #e0614a;
}

.smart-search-tag.category-pill {
  border: 1px solid transparent;
  font-weight: 500;
}

.smart-search-tag.category-pill:hover {
  background: #fde8e1;
  color: #e85b3a;
  border-color: #f5b7a6;
}

.smart-search-tag.category-pill.active,
.smart-search-tag.selected {
  background: #e85b3a !important;
  color: #fff !important;
  border-color: #e85b3a;
  box-shadow: 0 4px 10px rgba(232, 91, 58, 0.25);
}

.smart-search-tag.category-pill.active:hover {
  background: #d84f30;
  border-color: #d84f30;
}

.smart-search-tag.category-pill:focus-visible {
  outline: 2px solid #e85b3a;
  outline-offset: 2px;
}

.smart-search-item {
  display: block;
  width: 100%;
  text-align: left;
  padding: 8px 12px;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 15px;
  transition: background 0.2s ease;
}

.smart-search-item:hover { background: #f9fafb; }

#smartSearchDropdown {
  pointer-events: auto !important;
}

#smartSearchDropdown p {
  letter-spacing: .05em;
  font-weight: 500;
  text-transform: uppercase;
}


/* ================================
   SECTIONS & LAYOUT
   ================================ */
@media only screen and (min-width: 590px) {
  .shopify-section.index-section {
    margin: 32px 0px !important;
  }
}

.shopify-section.index-section {
  padding-top: var(--card-padding);
}

@media only screen and (max-width: 589px) {
  .product-section .page-content {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

div.index-section[data-section-type="collection-template"] { margin: 0; }

.product-section { margin-top: var(--grid-gap); }

.grid-overflow-wrapper { padding-bottom: var(--section-gap); }

.grid-overflow-wrapper .grid { gap: 16px; }

.Ry-Load-More:not(:has([refsetting="loadMore"] button)) { display: none; }

.page-content { padding: 70px 0px 80px !important; }


/* ================================
   PRODUCT GRID
   ================================ */
.grid-product__price { font-weight: 700; }
.grid-product__price .sale-price { color: var(--colorSalePrice); }
.grid-product__price--original { color: var(--colorOriginalPrice) !important; }
.product__price { font-weight: 700; }

.grid-product__title {
  white-space: break-spaces;
  overflow: auto;
  text-overflow: ellipsis;
}

.grid-product__meta { padding: -1px 0 6px 0 !important; }

/* Grid variant wrapper */
.grid-variant-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  font-size: 12px;
}

.grid-variant-wrapper select.product-variant-select,
.grid-variant-wrapper [data-add-to-cart] {
  width: 100%;
  border-radius: 10px;
  margin-bottom: 5px;
  font-size: 11px;
}

/* Quick view — only show on hover */
.quick-product__btn {
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.15s ease, visibility 0.15s ease !important;
  width: 70px !important;
  height: 70px !important;
  transform: translateX(-50%) !important;
  top: calc(50% - 120px) ! IMPORTANT;
  bottom: auto !important;
  left: 50% !important;
  right: -20px !important;
  font-size: 14px !important;
}

.grid-product__content:hover .quick-product__btn,
.grid-product:focus-within .quick-product__btn {
  opacity: 1 !important;
  visibility: visible !important;
  /* transform: none !important; */
}

/* Sale tag */
.grid-product__image-wrap { position: relative; overflow: hidden; }

.grid-product__tag--sale {
    background: #e0614a21;
    border: 1px solid #e0614a;
    color: #e0614a;
    font-size: 9px;
    padding: 5px 6px;
    border-radius: 10px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    margin-left: 5px;
    display: inline-block;
}

.grid-product__image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Pagination */
.pagination {
  font-family: var(--typeBasePrimary), var(--typeBaseFallback);
  font-size: 15px;
  font-weight: var(--typeBaseWeight);
  letter-spacing: var(--typeBaseSpacing);
  line-height: var(--typeBaseLineHeight);
  margin: 0;
  padding: 5px 0 20px 0;
  text-align: center;
}

/* Load more */
#CollectionAjaxContent > .grid { padding-bottom: var(--card-padding); }


/* ================================
   PRODUCT BADGES
   ================================ */
.product-badges-container {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.product-badge {
  display: none;
  align-items: center;
  justify-content: center;
  height: 18px !important;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  background: var(--badge-tags-bg);
  color: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  transition: opacity 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

.product-badge svg {
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 2px;
  display: none !important;
}

.product-badge span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-badge.active,
.product-badges-container .product-badge.active {
  display: flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.new-drops-badge {
  position: absolute !important;
  top: -2px !important;
  right: 0 !important;
  left: auto !important;
  transform: none !important;
  background: #21c55d !important;
  color: #fff !important;
  padding: 1px 6px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
  border-radius: 10px !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

.new-drops-badge::after {
  content: "";
  position: absolute;
  bottom: -4px;
  right: 8px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #21c55d;
}


/* ================================
   PRODUCT DETAIL PAGE
   ================================ */
.product-image-main,
.product-image-main > div,
.product-image-main > div image-element {
  aspect-ratio: 1/1 !important;
  width: 100% !important;
  height: 100% !important;
}

.product-image-main > div > image-element > img {
  object-fit: cover !important;
  aspect-ratio: 1/1 !important;
}

.product__thumbs--below .product__thumb-item,
.product__thumbs--below .product__thumb-item > a,
.product__thumbs--below .product__thumb-item > a > div {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

.product__thumbs--below .product__thumb-item > a > div image-element > img {
  object-fit: cover !important;
  aspect-ratio: 4/4 !important;
}

.product__thumb-item a.is-active:before,
.product__thumb-item a:focus:before {
  border-radius: 10px;
  padding: 0;
}

/* Title + wishlist inline */
.template-product .product-block.product-block--header > div {
  display: flex !important;
  align-items: center;
  gap: 30px;
  justify-content: flex-start !important;
  width: 100%;
}

.template-product h1.product-single__title {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  line-height: 1.3;
}

.template-product .product-page-wishlist-btn,
.template-product .product-block--header .wishlist-btn {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  flex: 0 0 auto !important;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}

.template-product .product-block--header { margin-bottom: 0 !important; }

/* Price box */
.price-box {
  background: #fff7f5;
  padding: 14px 22px;
  border-radius: 16px;
  margin-top: 12px;
}

.price-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.price-main {
  font-size: 36px;
  font-weight: 400;
  color: #e0614a;
  line-height: 1;
}

.price-compare {
  font-size: 18px;
  color: #9aa0a6;
  text-decoration: line-through;
  line-height: 1;
}

.price-off-badge {
  background: #e0614a;
  color: #fff;
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 999px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.price-saving {
  display: flex;
  align-items: center;
  gap: 10px;
  /* margin-top: 10px; */
  font-size: 16px;
  color: #16a34a;
  font-weight: 500;
  flex-wrap: nowrap;
}

.saving-text {
  white-space: nowrap;
  position: relative;
  padding-left: 9px;
  margin-left: 2px;
}
span.saving-text:before {
    position: absolute;
    content: '';
    background: #ffffff;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

/* Saving container */
.product__saving-container {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  background: #fff4ef;
  padding: 12px 16px;
  border-radius: 10px;
}

.product__saving-amount {
  color: #1a8f5a;
  font-weight: 600;
  font-size: 15px;
}

.product__saving-badge {
  background: #f05d47;
  color: #fff;
  padding: 6px 14px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 14px;
}

/* Festival pill */
.festival-pill {
  background: #e0614a;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  padding: 6px 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 2;
  white-space: nowrap;
  letter-spacing: 0.3px;
  transform: scale(0.8);
  transform-origin: left center;
  position: relative;
  text-transform: uppercase;
  overflow: hidden;
}

.festival-pill p { margin: 0; }

.festival-pill::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 120%;
  height: 100%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.35) 50%, transparent 100%);
  animation: festival-pill-shine 3s ease-in-out infinite;
}

@keyframes festival-pill-shine {
  0% { left: -120%; }
  60% { left: 120%; }
  100% { left: 120%; }
}


/* ================================
   SALES POINTS
   ================================ */
.product-block--sales-point {
  display: inline-flex !important;
  align-items: flex-start !important;
  box-sizing: border-box !important;
  padding-right: 20px !important;
  margin-bottom: 20px;
}

.elegant-sales-item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  overflow: hidden !important;
}

.elegant-sales-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  border: 1.5px solid #e0614a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.elegant-sales-icon svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #e0614a !important;
  fill: none !important;
  stroke-width: 1.6 !important;
}

.elegant-sales-text {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #2d2d2d !important;
  line-height: 1.4 !important;
  text-overflow: ellipsis !important;
  width: 100% !important;
  display: block !important;
}


/* ================================
   OFFERS BOX
   ================================ */
.offers-box {
  margin: 12px 0;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: #fff;
  overflow: hidden;
}

.offers-box__header {
  width: 100%;
  padding: 10px 14px;
  background: linear-gradient(to right, rgba(224,97,74,.05), transparent);
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
}

.offers-box__header:hover {
  background: linear-gradient(to right, rgba(224,97,74,.1), transparent);
}

.offers-box__header small {
  font-weight: 500;
  color: #777;
  font-size: 13px;
}

.offers-box__chevron { transition: transform .3s ease; }

.offers-box__title {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  align-items: center;
}

.offers-box__icon {
  width: 25px;
  height: 35px;
  object-fit: contain;
  margin-top: 2px;
}

.offers-box__text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  margin-top: 3px;
}

.offers-box__text small {
  font-size: 12px;
  color: #6b7280;
  margin-top: 2px;
}

.offers-box__body {
  display: block !important;
  padding: 0 !important;
  border-top: 1px solid rgba(0,0,0,.06);
}

.offers-box__body:not(.expanded) .offer-row:nth-of-type(n+3) { display: none !important; }

.offer-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.offer-row:last-of-type { border-bottom: none; }

.offer-text {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.offer-text h4 {
  margin: 0 0 4px;
  font-size: 14.5px;
  font-weight: 600;
  color: #111;
}

.offer-text p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.4;
  color: #6b7280;
}

.offer-highlight {
  color: #e0614a;
  font-weight: 700;
}

.offer-code {
  display: inline-block;
  background: #f3f4f6;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #111;
}

.offer-copy {
  align-self: center;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid #e0614a;
  background: transparent;
  color: #e0614a;
  font-size: 13px;
  cursor: pointer;
  white-space: nowrap;
}

.offer-copy:hover { background: rgba(224,97,74,.08); }

.offers-show-more {
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 0 12px;
  font-size: 14px;
  font-weight: 600;
  color: #e0614a;
  background: none;
  border: none;
  cursor: pointer;
}


/* ================================
   BUTTONS & FORMS
   ================================ */
.btn,
.rte .btn,
.shopify-payment-button .shopify-payment-button__button--unbranded {
  border-radius: 10px !important;
}

.payment-buttons .add-to-cart--secondary { border-radius: 10px !important; }
.payment-buttons .product-form { padding: 0 !important; }

button.shopify-payment-button__button {
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

[data-animate_buttons=true] .btn:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static) {
  margin-top: 0px !important;
}

[data-animate_buttons=true] .btn.add-to-cart--secondary:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):not(.btn--loading) {
  --urlButtonArrowBlackPng: var(--urlButtonArrowPng);
  --urlButtonArrowBlack2xPng: var(--urlButtonArrow2xPng);
  background-image: var(--urlButtonArrowPng) !important;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.25),
       only screen and (min-resolution:1.25dppx),
       only screen and (min-resolution:200dpi) {
  [data-animate_buttons=true] .btn.add-to-cart--secondary:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static):not(.btn--loading) {
    background-image: var(--urlButtonArrow2xPng) !important;
  }
}

.fas-option-btn.active {
  border-color: var(--colorBtnPrimary) !important;
  background: var(--colorBtnPrimary) !important;
}

.fas-option-btn.disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: line-through;
}

.fas-confirm {
  background: var(--colorBtnPrimary);
  border: 1.5px solid var(--colorBtnPrimary);
  width: 100%;
  margin-top: 20px;
  padding: 14px 18px;
  color: #fff;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
}

/* Add to cart recent */
.add-to-cart--recent {
  width: calc(114% - 30px);
  margin: 5px 0px 0px;
  height: 45px;
  background: #e0614a;
  color: #fff;
  border: none;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  line-height: 1;
  cursor: pointer;
  position: relative;
  transition: background 0.25s ease;
}

/* Cart button animation */
@keyframes cart-bubble-pop {
  0%   { transform: scale(0.6); opacity: 0; }
  50%  { transform: scale(1.3); opacity: 1; }
  100% { transform: scale(1); }
}

.cart-bubble-animate { animation: cart-bubble-pop 0.35s ease-out; }


/* ================================
   STICKY ADD TO CART
   ================================ */
.sticky-cart-out {
  position: fixed;
  z-index: 999;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all .3s ease-in-out;
  width: 100%;
  background: white;
  box-shadow: 0 0 12px rgba(0,0,0,.15);
}

.sticky-cart-wrap {
  display: flex;
  width: 100%;
  column-gap: 2%;
  padding: 10px 15px;
}

.sticky-atc--hidden { display: none !important; }

.sticky-cart-out-active { bottom: 0 !important; }

.left-area-sticky {
  display: flex;
  column-gap: 2%;
  width: 49%;
  align-items: center;
}

.left-area-sticky > div:first-child {
  flex: 0;
  min-width: 50px;
}

.left-area-sticky > div:first-child > img {
  aspect-ratio: 2/3 !important;
  border-radius: 8px !important;
  width: 100% !important;
}

.right-area-sricky {
  width: 49%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.right-area-sricky .sticky-add-btn { border-radius: 10px !important; }

.image-wrapss img {
  width: 100%;
  max-width: 90px;
  border: 1px solid #c9c9c9;
}

h6.product-title-sticky {
  font-size: 14px;
  margin: 0 0 5px;
}

.product-price-sticky {
  margin: 0;
  display: flex;
  gap: 4px;
  font-size: 12px;
  font-weight: 600;
}

.product-price-sticky .sale-price { color: var(--colorSalePrice); }

.sticky-add-btn,
.sticky-add-btn:focus {
  padding: 11px 16px;
  background: #e0614a;
  text-transform: uppercase;
  color: white;
  font-weight: 800;
  letter-spacing: 1px;
  font-family: var(--typeHeaderPrimary), var(--typeHeaderFallback);
  transition: all .3s ease-in-out;
  border: 2px solid #e0614a;
}

button.sticky-add-btn.btn--loading {
  text-indent: inherit !important;
  color: transparent !important;
}


/* ================================
   CART DRAWER
   ================================ */
#CartDrawer .cart__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#CartDrawer .cart__item {
  display: flex;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e7eb;
}

#CartDrawer .cart__item--image {
  aspect-ratio: 2/3;
  width: 100%;
  flex: 0 0 80px;
  background: #f3f4f6;
  border-radius: 12px;
  overflow: hidden;
  align-self: center;
}

#CartDrawer .cart__item--image .image-wrap {
  padding-bottom: 0 !important;
  height: 100% !important;
}

#CartDrawer .cart__item--image img {
  width: 100%;
  aspect-ratio: 2/3;
  object-fit: cover;
  transition: transform 0.2s ease;
  display: block;
}

#CartDrawer .cart__item--image a:hover img { transform: scale(1.05); }

#CartDrawer .cart__item--details {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}

#CartDrawer .cart__item--name { order: 1; font-weight: 400; }

#CartDrawer .cart__product-name {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#CartDrawer .cart__item--variants,
#CartDrawer .cart__item--properties {
  font-size: 12px;
  color: #6b7280;
}

#CartDrawer .cart__item--price {
  order: 2;
  text-align: left !important;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0;
  position: relative;
  top: -5px;
}

#CartDrawer .cart__item--price .cart__price.cart__discount { order: 1; color: #e0614a; font-weight: 400; font-size: 16px; }
#CartDrawer .cart__item--price .cart__price--strikethrough { order: 2; color: #9ca3af; font-size: 14px; font-weight: 400; text-decoration: line-through; }
#CartDrawer .cart__item--price .cart__discount-badge { order: 3; }

#CartDrawer .cart__item--price .cart__price:not(.cart__price--strikethrough):not(.cart__discount) {
  font-size: 16px;
  font-weight: 400;
  color: #111827;
}

#CartDrawer .cart__discount-badge {
  font-size: 12px;
  font-weight: 500;
  background: #dcfce7;
  color: #15803d;
  padding: 2px 8px;
  border-radius: 9999px;
}

#CartDrawer .cart__item--qty { order: 3; width: 100%; align-self: stretch; }

#CartDrawer .cart__qty-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

#CartDrawer .js-qty__wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  background: transparent;
  max-width: none;
  min-width: 0;
  position: static;
  overflow: visible;
}

#CartDrawer .js-qty__adjust--minus { order: 1; }
#CartDrawer .js-qty__num { order: 2; }
#CartDrawer .js-qty__adjust--plus { order: 3; }

#CartDrawer .js-qty__adjust {
  width: 28px;
  height: 28px;
  border: 1px solid #d1d5db;
  border-radius: 9999px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  position: static;
}

#CartDrawer .js-qty__adjust svg { width: 14px; height: 14px; }
#CartDrawer .js-qty__adjust .icon__fallback-text { font-size: 12px; line-height: 1; }

#CartDrawer .js-qty__num {
  width: 28px;
  text-align: center;
  border: none;
  background: transparent;
  font-size: 14px;
  color: #111827;
  padding: 0;
  display: block;
  margin: 0;
  position: static;
  z-index: auto;
}

#CartDrawer .cart__item-remove {
  font-size: 12px;
  color: #dc2626;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

#CartDrawer .cart__item-remove:hover { color: #b91c1c; }

/* Drawer layout */
#CartDrawer .drawer__fixed-header {
  padding-left: 0;
  padding-right: 0;
  min-height: auto;
  border-bottom: none;
}

#CartDrawer .drawer__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  min-height: auto;
  height: auto;
  border-bottom: none;
}

#CartDrawer .drawer__close { display: none; }

#CartDrawer .drawer__scrollable {
  padding: 0 !important;
}

#CartDrawer .drawer__inner {
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

#CartDrawer .drawer__footer {
  border-top: 1px solid #e5e7eb;
  background: #fff;
  padding: 16px 0;
}

#CartDrawer .cart-summary {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 12px;
}

#CartDrawer .cart__item-sub.cart__item-row.cart-summary__line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 400;
  color: #4b5563;
  margin: 0;
}

#CartDrawer .cart-summary__free { color: #16a34a; font-weight: 600; }

#CartDrawer .cart__item-sub.cart__item-row.cart-summary__total {
  padding-top: 8px;
  border-top: 1px solid #e5e7eb;
  align-items: baseline;
}

#CartDrawer .cart-summary__total-label { font-size: 16px; font-weight: 400; color: #111827; }
#CartDrawer .cart-summary__total-value { font-size: 18px; font-weight: 400; color: #111827; }

#CartDrawer .drawer__title:not(.cart-drawer-title) { display: none; }

/* Cart drawer header */
.cart-drawer-back {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: color 0.2s ease;
  margin-left: 15px;
}

.cart-drawer-back:hover { color: #111827; }

.cart-drawer-back .icon,
.cart-drawer-back svg { width: 20px; height: 20px; color: currentColor; stroke: currentColor; }

.cart-drawer-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

.cart-drawer-logo a { width: 120px; height: 24px; }

.cart-drawer-title {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  margin: 4px 0px 0px 16px;
  line-height: 1.2;
}

.cart-drawer-banner {
  background: #e0614a;
  color: #fff;
  height: 18px;
  border-radius: 0;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  margin-top: 8px;
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-drawer-banner__text {
  display: inline-block;
  white-space: nowrap;
  will-change: transform, opacity;
  animation: cartDrawerBannerSlide 2.6s ease-in-out infinite;
}

.cart-drawer-banner__text.is-paused { animation-play-state: paused; }

@keyframes cartDrawerBannerSlide {
  0%   { transform: translateX(120%);  opacity: 0; }
  18%  { transform: translateX(0);     opacity: 1; }
  72%  { transform: translateX(0);     opacity: 1; }
  100% { transform: translateX(-120%); opacity: 0; }
}

/* Empty cart state */
.drawer__cart-empty {
  display: none;
  flex: 1;
  overflow: hidden;
  flex-direction: column;
}

#CartDrawer.is-empty .drawer__cart-empty { display: flex; }
#CartDrawer.is-empty .drawer__inner { display: none !important; }

.drawer__cart-empty .drawer__scrollable {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  padding: 16px;
}

.cart-empty-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
  flex: 1;
  width: 100%;
  color: #6b7280;
}

.cart-empty-icon-wrapper {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.cart-empty-icon { width: 48px; height: 48px; color: #9ca3af; stroke-width: 2; fill: none; }

.cart-empty-title { font-size: 18px; font-weight: 400; color: #6b7280; margin: 0 0 8px; }
.cart-empty-message { font-size: 14px; color: #6b7280; margin: 0 0 16px; text-align: center; }

.cart-empty-button {
  display: inline-block;
  background: #e0614a;
  color: #fff !important;
  padding: 12px 24px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: background 0.3s ease;
  border: none;
  margin-top: 24px;
}

.cart-empty-button:hover { background: #d0513a; color: #fff !important; }

/* Progress bar */
.cart-progress-wrapper { padding: 16px 16px 0; }

.cart-progress-card {
  background: linear-gradient(90deg, rgba(224,97,74,.10) 0%, rgba(224,97,74,.05) 100%);
  border-radius: 16px;
  padding: 16px;
  margin-bottom: 16px;
  width: 100%;
  box-sizing: border-box;
}

.cart-progress-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }

.cart-progress-icon { width: 20px; height: 20px; color: #e0614a; flex: 0 0 auto; }
.cart-progress-icon svg { width: 100%; height: 100%; display: block; }

.cart-progress-message { font-size: 14px; line-height: 1.3; font-weight: 600; margin: 0; color: #16a34a; }

.cart-progress-bar {
  position: relative;
  height: 8px;
  background: #e5e7eb;
  border-radius: 9999px;
  overflow: hidden;
  margin-bottom: 14px;
}

.cart-progress-fill {
  position: absolute;
  left: 0; top: 0;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #e0614a 0%, #d0513a 100%);
  transition: width 0.5s ease;
  border-radius: 9999px;
}

.cart-progress-milestones-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 8px;
}

.cart-milestone {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
  min-width: 0;
}

.milestone-dot {
  width: 24px;
  height: 24px;
  background: #e5e7eb;
  border-radius: 50%;
  transition: background 0.25s ease, transform 0.25s ease;
  position: relative;
  display: grid;
  place-items: center;
}

.cart-milestone.active .milestone-dot,
.cart-milestone.completed .milestone-dot {
  background: #e0614a;
}

.cart-milestone.active .milestone-dot { transform: scale(1.03); }

.cart-milestone.completed .milestone-dot::after {
  content: "✓";
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.milestone-price { font-size: 12px; font-weight: 400; color: #374151; line-height: 1.1; }
.milestone-sub { font-size: 12px; color: #6b7280; font-weight: 400; line-height: 1.1; }


/* ================================
   FAS (YOU MAY ALSO LIKE)
   ================================ */
#CartDrawerFAS { margin-top: 16px; }
.drawer__upsell-title { font-size: 16px; font-weight: 600; margin: 0 0 8px; }

.fas-scroller { position: relative; }

#CartDrawerFASList {
  display: flex;
  overflow-x: auto;
  gap: 12px;
  padding: 6px 0 10px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.fas-card {
  flex: 0 0 auto;
  width: 140px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 10px;
  padding: 5px;
  scroll-snap-align: start;
  background: #fff;
}

.fas-media img {
  width: 100%;
  object-fit: cover;
  border-radius: 6px;
  margin-bottom: 6px;
  aspect-ratio: 1/1;
}

.fas-item-title {
  font-size: 14px;
  line-height: 1.5;
  height: calc(1.5em * 2);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.fas-item-amount {
  display: flex;
  gap: 4px;
  font-size: 12px;
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 4px;
}

.fas-item-amount .sale-price { color: var(--colorSalePrice); }

.fas-card > img {
  aspect-ratio: 2/3;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}

.fas-title {
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.fas-price { font-weight: 600; font-size: 14px; margin-bottom: 6px; color: rgb(224,97,74); }

.fas-add {
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 9999px;
  border: none;
  background: var(--colorBtnPrimary);
  color: #fff;
  cursor: pointer;
  width: 100%;
  text-align: center;
  transition: background 0.2s;
}

.fas-add:hover { background: #e0614a; }
.fas-add:disabled { opacity: .5; cursor: not-allowed; }

#CartDrawerFAS .fas-nav,
#CartDrawerFAS .fas-nav--prev,
#CartDrawerFAS .fas-nav--next { display: none !important; }

.fas-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  line-height: 26px;
  border-radius: 50%;
  border: none;
  background: #e0614a;
  color: #fff;
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  padding: 0;
  box-shadow: 0 1px 4px rgba(0,0,0,.08);
  transition: background 0.2s;
  z-index: 99;
}

.fas-nav:hover { background: #e0614a; }
.fas-nav--prev { left: 4px; }
.fas-nav--next { right: 4px; }
.fas-nav[disabled] { opacity: .35; cursor: not-allowed; }


/* ================================
   WISHLIST
   ================================ */
.wishlist-link,
.wishlist-link.floating-wishlist-icon-wrapper { position: relative; display: inline-block; }

.wishlist-link .icon-wishlist,
.wishlist-link svg.icon-wishlist {
  width: 24px;
  height: 24px;
  fill: #fff !important;
  stroke: #000 !important;
  stroke-width: 1.2 !important;
  transition: fill 0.3s ease;
}

.wishlist-link .icon-wishlist path,
.wishlist-link svg.icon-wishlist path {
  fill: #fff !important;
  stroke: #000 !important;
  stroke-width: 1.2 !important;
}

.wishlist-link .wishlist-count-bubble,
.wishlist-link .floating-wishlist-count,
.wishlist-link .wishlist-count {
  position: absolute;
  top: -9px;
  right: -9px;
  background: rgb(224,97,74) !important;
  color: #fff !important;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: bold;
  border: none;
  min-width: 18px;
  line-height: 1;
  padding: 0;
  margin: 0;
}

.wishlist-link .wishlist-count-bubble:empty,
.wishlist-link .floating-wishlist-count:empty,
.wishlist-link .wishlist-count:empty { display: none; }

/* Card wishlist button */
.wishlist-btn {
  position: absolute;
  top: 7px !important;
  right: 7px !important;
  bottom: auto !important;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  z-index: 10;
  transition: transform 0.2s ease;
}

.wishlist-btn.active { background: #ff4d4d; animation: heartPop .25s ease-out; }

.wishlist-btn .heart-icon { width: 15px; height: 15px; color: #ff4d4d; }
.wishlist-btn.active .heart-icon { color: #fff; }
.wishlist-btn:hover { transform: scale(1.12); }

@keyframes heartPop {
  0%   { transform: scale(0.8); }
  70%  { transform: scale(1.15); }
  100% { transform: scale(1); }
}

.wishlist-count { font-size: 10px; color: #e0614a; font-weight: 600; margin-left: 2px; line-height: 1; position: relative; top: -2px; }
.wishlist-count[data-wishlist-count="0"] { display: none; }

/* Cart bubble */
.cart-link__bubble {
  position: absolute;
  top: -6px;
  right: -7px;
  background: rgb(224,97,74) !important;
  color: #fff !important;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: bold;
  border: none;
  min-width: 18px;
  line-height: 1;
  padding: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
}

.cart-link__bubble--visible { opacity: 1 !important; visibility: visible !important; display: flex !important; }

.cart-link__bubble-num { font-size: 9px; font-weight: bold; color: #fff !important; line-height: 1; }
.cart-link__bubble:empty { display: none; }

[data-icon=bag] .cart-link__bubble--visible,
[data-icon=bag-minimal] .cart-link__bubble--visible {
  top: -6px !important;
  right: -7px !important;
  width: 18px !important;
  height: 18px !important;
  background: rgb(224,97,74) !important;
  border: none !important;
  display: flex !important;
}

.header-wrapper:not(.header-wrapper--overlay) .site-nav__icons svg.icon-wishlist path {
  stroke-width: 0.8 !important;
}


/* ================================
   RECENTLY VIEWED
   ================================ */
.recently-viewed-section { position: relative; width: 100%; }

.rv-title {
  font-size: calc(var(--typeHeaderSize) * 0.9 * 0.85);
  font-weight: 700;
  margin-bottom: 25px;
}

.recently-viewed-grid {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 10px 0;
}

.recent-card { width: 200px !important; flex-shrink: 0; text-align: left; }

.recent-card img {
  width: 100%;
  aspect-ratio: 1/1 !important;
  object-fit: cover;
  border-radius: 10px;
  transition: 0.3s ease;
  left: 0 !important;
  top: 0 !important;
}

.recent-card img:hover { transform: scale(1.03); }

.recent-card-title {
  margin: 10px 0 4px;
  font-size: 15px;
  color: #000;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recent-price { color: var(--colorSalePrice); font-weight: 700; font-size: calc(var(--typeBaseSize)*.9*.92); }

.rv-arrow {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  background: rgba(0,0,0,.08);
  color: rgba(0,0,0,.1);
  border: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.8;
  transition: 0.3s;
  z-index: 8;
  font-size: 18px;
}

.rv-arrow:hover { opacity: 1; }
.rv-left { left: 30px; }
.rv-right { right: 30px; }

#recently-viewed-products .recent-card .recent-price,
#recently-viewed-products .recent-card .review-widget,
#recently-viewed-products .recent-card ryviu-widget-total,
#recently-viewed-products .recent-card .ryviu-widget,
#recently-viewed-products .recent-card .ryviu-star {
  margin-top: 0;
  padding-top: 0;
}

#recently-viewed-products .recent-card .recent-price { margin-bottom: 4px; }


/* ================================
   SHOP BY PRICE
   ================================ */
.shop-by-price {
  background: #f9edeb !important;
  padding-top: 30px !important;
  padding-bottom: 40px !important;
  overflow: hidden !important;
}

.shop-by-price .section-header__title {
  color: #E0614A !important;
  font-weight: 500 !important;
  margin-bottom: 20px !important;
  text-align: center !important;
}

.shop-price-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  justify-content: center !important;
}

.shop-price-row > * {
width: calc(25% - 20px) !important;
}
.image-price-wrapps {
  background: #f9edeb !important;
  height: 125px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.modal__inner .page-content {
    padding: 0 !important;
}
.image-price-wrapps a { display: flex; height: 100%; }
.image-price-wrapps a img { display: block; width: 100%; height: 100%; object-fit: cover; }

.image-price-wrapps a.price-card {
  background: #ffffff !important;
  border: 2px solid #E0614A !important;
  border-radius: 12px !important;
  padding: 22px 15px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  height: 100% !important;
  text-decoration: none !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.price-card {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-decoration: none !important;
}

.price-under {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  color: #E0614A !important;
  margin-bottom: 6px !important;
}

.price-amount {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #E0614A !important;
}

.image-price-wrapps a.price-card:hover .price-under,
.image-price-wrapps a.price-card:hover .price-amount { color: #E0614A !important; }


/* ================================
   BULK OFFER
   ================================ */
.bulk-offer-wrapper {
  border-radius: 20px;
}

.bulk-offer-top { display: flex; flex-direction: column; gap: 10px; }
.bulk-offer-text { font-size: 20px; font-weight: 600; color: #222; }

.bulk-offer-image {
  width: 65%;
  max-width: 220px;
  border-radius: 14px;
  display: block;
}

.bulk-offer-steps { font-size: 15px; line-height: 1.6; color: #444; max-width: 520px; }

.bulk-offer-cards { display: flex; gap: 15px; flex-wrap: wrap; }

.bulk-offer-card {
    flex: 1;
    min-width: 220px;
    padding: 18px;
    border: 1px solid #e0614a;
    border-radius: 12px;
    background: #fff5f3;
    text-align: center;
}

.bulk-offer-card div { font-size: 18px; font-weight: 600; color: #e0614a; line-height: normal; }

.bulk-offer-card span {
    margin-top: 12px;
    color: #fff;
    background: #e0614a;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 100px;
    font-size: 12px;
    line-height: normal;
}


/* ================================
   SIZE CHART POPUP
   ================================ */
.size_chartpop {
  position: fixed;
  z-index: 999999;
  top: 0; left: 0; right: 0; bottom: 0;
  height: 100vh;
  overflow: auto;
  background: rgba(0,0,0,.34);
  padding: 16px;
  display: flex;
  flex-direction: column;
  transition: all .3s ease-in-out;
}

.size_chartpop:not(.active-sizepop) { opacity: 0; visibility: hidden; }

.chart-wrapss { max-width: 500px; width: 100%; margin: auto; position: relative; }

.cloase-btn {
  position: absolute;
  width: 33px;
  height: 33px;
  right: -9px;
  top: -9px;
  font-size: 33px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e0614a;
  color: wheat;
  border-radius: 50%;
  cursor: pointer;
}

.cloase-btn svg { fill: white; width: 20px; }

.view-size-chart {
  text-align: center;
  width: 100%;
  max-width: max-content;
  margin: 0 auto 20px;
  text-decoration: underline;
  cursor: pointer;
}


/* ================================
   NAVIGATION MENUS
   ================================ */
.mobile-nav { display: block; }
.mobile-nav__link { display: inline-flex; align-items: center; }

.mobile-menu-badge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  height: 16px;
  font-size: 10px;
  padding: 0 6px;
  font-weight: 500;
  line-height: 1;
  background: #22c55e;
  color: #fff;
  border-radius: 999px;
  white-space: nowrap;
}

#NavDrawer .drawer__title { font-weight: 400 !important; }

.collapsible-trigger__icon.collapsible-trigger__icon--open {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.collapsible-trigger__icon.collapsible-trigger__icon--open svg,
.collapsible-trigger__icon.collapsible-trigger__icon--open .icon {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

/* Site nav dropdown arrows — always black */
.site-nav__details svg,
.site-nav__details summary svg,
.site-nav__details .icon-chevron-down,
.site-nav__details summary .icon-chevron-down {
  stroke: #000 !important;
  fill: none !important;
  color: #000 !important;
}

.site-nav__details:hover svg,
.site-nav__details:hover summary svg,
.site-nav__details:hover .icon-chevron-down,
.site-nav__details:hover summary .icon-chevron-down,
#site-nav-item--4:hover svg,
#site-nav-item--4:hover .icon-chevron-down {
  stroke: #000 !important;
  fill: none !important;
  fill-opacity: 0 !important;
  color: #000 !important;
}

.site-nav__dropdown-link--second-level.site-nav__dropdown-link--has-children svg,
.site-nav__dropdown-link--second-level.site-nav__dropdown-link--has-children .icon-chevron-down {
  stroke: #000 !important;
  fill: none !important;
  color: #000 !important;
}

.site-nav.site-nav--icons .site-nav__link,
.site-nav__dropdown-link { font-size: larger; }
  .vertical-space {
    padding: 50px 0px;
}

/* ================================
   DRAWERS (GENERAL)
   ================================ */
.drawer__fixed-header { padding: 0; border-bottom: none !important; }

.drawer__header {
  padding: 1px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-bottom: 0 !important;
}

.drawer__title { display: flex; align-items: center; justify-content: center; width: 100%; }
.drawer-logo img { max-height: 30px !important; width: auto; display: block; }
.drawer__close { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); }

.drawer__scrollable { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
.drawer__contents .mobile-nav { width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin: 0 !important; padding: 0 !important; }

.mobile-nav__child-item { width: 95% !important; max-width: 95% !important; box-sizing: border-box !important; }
.mobile-nav__child-item .mobile-nav__link { width: 95% !important; max-width: 95% !important; }
.mobile-nav__item { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
.mobile-nav__social { margin-left: 15px !important; }

/* Backdrop */
.js-drawer-open .main-content:after,
.js-drawer-closing .main-content:after { z-index: 10001 !important; pointer-events: auto !important; }

html:has(#WishlistDrawer.is-visible) .main-content:after,
html:has(#mobileSearchPanel.open) .main-content:after {
  z-index: 10001 !important;
  pointer-events: auto !important;
  background-color: var(--colorModalBg) !important;
  bottom: 0 !important;
  content: "" !important;
  cursor: pointer !important;
  display: block !important;
  left: 0 !important;
  opacity: 0.6 !important;
  position: fixed !important;
  right: 0 !important;
  top: 0 !important;
  animation: overlay-on 0.5s forwards !important;
}

body:has(#WishlistDrawer.is-visible) #HeaderWrapper,
body:has(#WishlistDrawer.is-visible) .header-wrapper,
body:has(#WishlistDrawer.is-visible) .site-header,
body:has(#WishlistDrawer.is-visible) .site-header *,
html:has(#mobileSearchPanel.open) #HeaderWrapper,
html:has(#mobileSearchPanel.open) .header-wrapper,
html:has(#mobileSearchPanel.open) .site-header,
html:has(#mobileSearchPanel.open) .site-header * {
  pointer-events: none !important;
}


/* ================================
   MOBILE SEARCH PANEL (desktop: hidden)
   ================================ */
#mobileSearchPanel { display: none !important; }


/* ================================
   COLLECTION FILTER
   ================================ */
.collection-filter { margin-top: 28px; }

.collection-filter .grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.collection-filter__item--sort { text-align: right; }

.collection-filter__item--sort select {
  min-width: 220px;
  max-width: 260px;
  width: 100%;
  padding: 10px 36px 10px 12px;
  border-radius: 8px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.collection-filter__item--sort select option { white-space: nowrap; }


/* ================================
   REVIEWS (RYVIU)
   ================================ */
.r--featured-wapper.r--widget-exten-feature { min-height: auto !important; }
.Ryviu-BlockStack.Ry-Load-More { padding-bottom: 0 !important; }

.review--tab { display: flex; align-items: center; column-gap: 6px; }
.review--tab .review-widget * { font-size: 10px !important; line-height: 1 !important; }
.review--tab .review-widget .r-icon--star1:before { font-size: 10px !important; line-height: 1 !important; height: auto !important; }


/* ================================
   WHATSAPP WIDGET
   ================================ */
.womily-whatsapp-widget {
  background: #25d366;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  padding: 30px;
  text-decoration: none;
  border-radius: 50%;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  z-index: 999999;
}

.womily-whatsapp-widget a { color: #fff; padding: 25px; display: block; }

.template-product .womily-whatsapp-widget { bottom: 124px; }

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(37,211,102,.5); }
  80% { box-shadow: 0 0 0 14px rgba(37,211,102,0); }
}

.wa-tooltip {
  position: absolute;
  right: 75px;
  bottom: 18px;
  background: #000;
  color: #fff;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 14px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translateX(10px);
  transition: all 0.25s ease;
}


/* ================================
   RECENT PURCHASE POPUP
   ================================ */
.recent-purchase-popup {
  position: fixed !important;
  bottom: 128px !important;
  left: 32px !important;
  background: #ffffff !important;
  color: #000 !important;
  font-weight: 600 !important;
  padding: 12px 18px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
  z-index: 999999 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-10px) !important;
  transition: opacity 0.3s ease, transform 0.3s ease !important;
}

.recent-purchase-popup.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}


/* ================================
   SHARE BLOCK
   ================================ */
.share-block { margin: 18px 0; }
.share-title { font-size: 17px; font-weight: 600; margin-bottom: 8px; display: block; }

.share-icons { display: flex; align-items: center; gap: 12px; margin-top: 5px; }

.share-btn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #f3f3f3;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none;
  transition: 0.2s ease;
}

.share-btn:hover { transform: scale(1.12); }
.share-btn img { width: 24px; height: 24px; }


/* ================================
   MISC
   ================================ */
.currency-flag { background-image: url(//www.womilys.com/cdn/shop/t/25/assets/country-flags-40.png) !important; }

.buy-buttonns,
.buy-buttonns > .product-block { margin-bottom: 10px !important; }

.new-images { padding: 0 15px !important; }
.new-images .item { overflow: hidden; }
.new-images .item p { text-align: center !important; margin: 0 !important; padding: 10px; }
.new-images .item img { aspect-ratio: 1/1; object-fit: cover; border-radius: 50%; border: 3px solid #e0614a; }

.testimonials-slider { max-width: 1300px; margin: 0 auto; }

.payments-iconss h4 { margin: 17px 0 6px; }
.payments-iconss img { width: 100%; object-fit: contain; margin: 0 0 10px !important; }

[data-animate_images=true] .image-wrap .animate-me,
[data-animate_images=true] .image-wrap .grid__image-ratio,
[data-animate_images=true] .image-wrap img:not([role=presentation]),
[data-animate_images=true] .image-wrap svg { opacity: 1; }

/* Search results page — remove duplicate UI */
.template-search .page-width.page-content > .section-header,
.template-search .page-width.page-content > .predictive-search,
.template-search .page-width.page-content > .hr--medium { display: none !important; }
.template-search predictive-search { display: none !important; }
.template-search .page-width.page-content { padding-top: 0 !important; }
.template-search #CollectionAjaxContent { margin-top: 0 !important; }

.search-context { margin: 10px 0 20px !important; font-size: 14px !important; color: #555 !important; }

/* Hide Shiprocket branding */
.shiprocket-headless *[class*="powered"],
.shiprocket-headless *[class*="branding"],
.sr-headless-checkout *[class*="powered"],
.sr-headless-checkout *[class*="branding"],
.shiprocket-headless [class*="powered-by"],
.shiprocket-headless [id*="powered"],
.sr-headless-checkout [class*="powered-by"],
.sr-headless-checkout [id*="powered"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.grid__image-ratio img { height: 100% !important; left: 0 !important; object-fit: cover !important; position: absolute !important; top: 0 !important; width: 100% !important; }

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 404 page */
.error-page { padding-top: 80px; padding-bottom: 80px; }
.error-404-wrapper { max-width: 600px; margin: 0 auto 80px; }
.error-code { font-size: 100px; font-weight: 200 !important; color: #e25c3d; margin-bottom: 10px; }
.error-text { font-size: 18px; color: #555; margin-bottom: 25px; }
.error-btn { padding: 12px 32px; }
.error-products-wrapper { margin-top: 60px; }
.error-products { justify-content: center; }
.error-products .grid__item { float: none; display: inline-block; vertical-align: top; }

.grid__image-ratio.grid__image-ratio--landscape {
    aspect-ratio: 1/1;
}

/* Add to Cart button - covers both states */


[data-add-to-cart]:hover,
.add-to-cart--secondary:hover {
  background-color: var(--colorBtnPrimary) !important;
  border-color: var(--colorBtnPrimary);
  color: #fff !important;
}
.footer__logo a {
    display: flex;
    align-items: center;
}

/* coupons strip start */
    /* .coupons-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    padding: 5px 12px;
    width: 100%;
    max-width: 780px;
    overflow-x: auto;
  }
 
  .coupons-strip .coupon {
    background: #e0614a;
    color: #f5f0e8;
    flex: 1 1 0;
    min-width: 0;
    min-height: 90px;
    border-radius: 6px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    overflow: visible;
  }
 
  .coupons-strip .coupon::before,
  .coupons-strip .coupon::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background:rgb(255, 255, 255);
    border-radius: 50%;
    z-index: 2;
  } */
  /* .coupons-strip .coupon::before { left: -8px; }
  .coupons-strip .coupon::after  { right: -8px; } */
 
  /* Dashed inner border */
  /* .coupons-strip .coupon-inner {
    width: 100%;
    height: 100%;
    border: 1.5px dashed rgba(245,240,232,0.35);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px;
    gap: 2px;
    position: relative;
  }
 
  .coupons-strip .label {
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0.7;
    font-weight: 600;
    margin-bottom: 2px;
  }
 
  .coupons-strip .amount {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
    color: #fff;
  }
 
  .coupons-strip .amount.percent {
    font-size: 26px;
  }
 
  .coupons-strip .off {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 3px;
    text-transform: uppercase;
    opacity: 0.85;
    margin-top: 1px;
  }
 
  .coupons-strip .coupon:hover {
    transform: translateY(-3px) rotate(-1deg);
  }
 
  .coupons-strip .coupon:nth-child(even):hover {
    transform: translateY(-3px) rotate(1deg);
  }
 
  .coupons-strip .offer-tag {
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    background: rgba(255,255,255,0.15);
    border-radius: 3px;
    padding: 2px 6px;
    margin-top: 4px;
    color: rgba(255,255,255,0.9);
    text-align: center;
    max-width: 130px;
    line-height: 1.3;
  }
 
  .coupons-strip .coupon-inner::after {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
      45deg,
      transparent,
      transparent 3px,
      rgba(0,0,0,0.03) 3px,
      rgba(0,0,0,0.03) 4px
    );
    pointer-events: none;
    border-radius: 4px;
  } */
/* coupons strip end */

@keyframes heartbeat {
  0%   { transform: scale(1); }
  14%  { transform: scale(1.04); }
  28%  { transform: scale(1); }
  42%  { transform: scale(1.04); }
  70%  { transform: scale(1); }
  100% { transform: scale(1); }
}

.heartbeat {
  animation: heartbeat 3s ease-in-out infinite;
  transform-origin: center;
}

.heartbeat:hover {
  animation-play-state: paused;
}
#SiteHeader .text-center .site-navigation, #SiteHeader .text-center .site-nav {
    margin-top: 20px;
}
.collapsible-ryviu-title ryviu-widget-total {
    width: auto;
    float: none;
}
/* ============================================================
   MEDIA QUERIES — consolidated
   ============================================================ */

/* ---- ≤ 400px ---- */
@media (max-width: 400px) {
  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .header-item--logo {
    transform: translateX(-8px) !important;
  }

  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-nav__link--icon svg,
  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-nav__link--icon svg *,
  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .header-item--icons svg,
  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .header-item--icons svg * {
    stroke-width: 1px !important;
  }
}

/* ---- ≤ 360px ---- */
@media (max-width: 360px) {
  .price-saving { flex-wrap: wrap; row-gap: 6px; }

  .collection-filter .grid { gap: 8px; }
  .collection-filter__item--drawer button { padding: 10px 8px; font-size: 13px; border-radius: 8px; }
  .collection-filter__item--sort select { padding: 10px 32px 10px 10px; font-size: 13px; border-radius: 8px; }
}

/* ---- ≤ 375px ---- */
@media (max-width: 375px) {
  #CartDrawer .cart-summary__total-value { font-size: 12px !important; }

  [data-animate_buttons="true"] .btn.add-to-cart--secondary:not(.btn--no-animate):not(.btn--tertiary):not(.btn--static) {
    background-image: none !important;
    --urlButtonArrowPng: none !important;
    --urlButtonArrow2xPng: none !important;
    --urlButtonArrowBlackPng: none !important;
    --urlButtonArrowBlack2xPng: none !important;
  }

  .btn.add-to-cart--secondary { padding-right: 20px !important; }
}

/* ---- ≤ 480px ---- */
@media (max-width: 480px) {
  .right-area-sricky { display: flex; flex-direction: column; justify-content: flex-end; }

  .grid-product__content { margin-bottom: 0 !important; }

  .right-area-sricky .sticky-add-btn { font-size: 10px; }

  #CollectionAjaxContent > .grid > .product-grid-container--sidebar-false > .grid__item { min-width: 0; }

  .shop-price-row > * { width: calc(50% - 12px) !important; }

  .wa-tooltip { display: none; }

  .cart-progress-card { width: 100%; height: auto; }
  .cart-progress-message { font-size: 12px; }
  .milestone-price { font-size: 12px; }
  .milestone-sub { font-size: 12px; }
  .milestone-dot { width: 24px; height: 24px; }
}

/* ---- ≤ 589px ---- */
@media only screen and (max-width: 589px) {
  .grid-overflow-wrapper .grid__item:first-child { margin-left: 0 !important; }

}

/* ---- ≤ 768px ---- */
@media (max-width: 768px) {
  :root { --announcement-offset: 28px; }

  /* Base overflow fix */
  html, body, .main-content, .page-width, .page-full { overflow-x: hidden !important; max-width: 100vw !important; width: 100% !important; }

  .page-width {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
    overflow-y: hidden !important;
  }

  .site-header, .header-wrapper, #HeaderWrapper, #StickyHeaderWrap {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
  }

  .site-header, .site-header--stuck {
    min-height: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  #HeaderWrapper, .header-wrapper, .header-wrapper--sticky {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Header layout */
  .header-layout--center {
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    align-items: center !important;
  }

  .header-item--navigation { grid-column: 1 !important; justify-self: start !important; }
  .header-item--logo { grid-column: 2 !important; justify-self: center !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-left: 15px !important; }
  .header-item--icons { grid-column: 3 !important; justify-self: end !important; display: flex !important; align-items: center !important; gap: 14px !important; transform: translateX(-5px) !important; margin: 0 !important; }

  .header-layout[data-logo-align="center"] .header-item--left { 
    grid-column: 3 !important;
    order: 3 !important;
    justify-content: flex-start !important; 
  }
  .header-layout[data-logo-align="center"] .header-item--left .js-drawer-open-nav {
    order: 2;
  }
  .header-layout[data-logo-align="center"] .header-item--logo { 
    /* order: 2 !important;  */
    grid-column: 1 !important;
    text-align: left !important; 
    margin: 0 !important;
  }
  .header-layout[data-logo-align="center"] .header-item--icons { 
    order: 2 !important;
    grid-column: 2 !important;
  }
  .header-layout[data-logo-align="center"] .header-item--logo .site-header__logo { margin-left: 0 !important; margin-right: 0 !important; text-align: left !important; }

  .site-nav__icons { display: flex !important; align-items: center !important; gap: 5px !important; margin-bottom: 0; }

  .header-item--search, .header-item--smart-search { display: none !important; }
  .header-layout, .header-item { max-width: 100% !important; box-sizing: border-box !important; }

  /* Logo alignment */
  .site-header__logo-link { padding-top: 0 !important; padding-bottom: 0 !important; }
  .site-header__logo img { display: block; margin: 0 auto; }

  /* Drawers */
  .drawer { max-width: 85%; }
  .drawer__contents, .drawer__scrollable { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; box-sizing: border-box !important; }
  .drawer__scrollable { padding-left: 20px !important; padding-right: 15px !important; padding-top: 0 !important; }
  #NavDrawer .drawer__scrollable { padding-left: 5px !important; padding-right: 5px !important; }
  .drawer__scrollable, .drawer__contents { width: 100% !important; max-width: 100% !important; margin-right: 15px !important; }
  .mobile-nav { width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow-x: hidden !important; box-sizing: border-box !important; display: block !important; }

  /* Sticky add to cart */
  .template-product .womily-whatsapp-widget, .womily-whatsapp-widget { bottom: 90px !important; }

  .page-content { padding: 20px 15px !important; }

  .sticky-add-btn { padding: 6px 7px !important; font-size: 11px !important; }

  h6.product-title-sticky { margin: 0 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

  .image-wrapss img { max-width: 61px; }
  .left-area-sticky { column-gap: 4%; flex-grow: 1; }
  .right-area-sricky { max-width: max-content; }

  /* Nav items */
  .text-with-icons__blocks > * { width: 50% !important; }
  .text-with-icons__blocks { flex-direction: row !important; }
  .text-with-icons__blocks h3 { font-size: 14px !important; }

  /* Icons */
  .mobile-search-trigger { display: flex; align-items: center; margin-left: 5px; display: inline-flex !important; }
  .header-item--left { display: flex !important; align-items: center !important; gap: 12px; flex-shrink: 0; }

  .btn--loading:after { width: 16px !important; height: 16px !important; top: 63% !important; }

  .new-drops-badge { font-size: 8px !important; padding: 1px 5px !important; top: -12px !important; }

  /* Product page */
  .template-product .product-block.product-block--header > div { flex-wrap: wrap; gap: 12px; }
  .template-product .product-single__title { width: 100%; }

  /* Sales points */
  .product-block--sales-point { width: 100% !important; padding-right: 0 !important; }
  .product-block--sales-point.tabularize-sales-point { width: 50% !important; }
  .elegant-sales-item { margin-bottom: -10px; margin-top: -15px; }
  .elegant-sales-text { font-size: 12px !important; }
  .elegant-sales-icon { width: 30px !important; height: 30px !important; min-width: 30px !important; }
  .elegant-sales-icon svg { width: 15px !important; height: 15px !important; }
  .elegant-sales-item { gap: 7px !important; }

  /* Price */
  .price-main { font-size: 26px; }
  .price-compare { font-size: 16px; }
  .price-saving { font-size: 14px; }

  /* Grid */
  .grid, .grid--uniform { margin-left: 0 !important; margin-right: 0 !important; }
  .grid__item { padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; }
  .smart-search-wrapper, .smart-search-input, .smart-search-dropdown { max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; }
  #smartSearchDropdown { width: 100% !important; max-width: 100% !important; min-width: 100% !important; }

  /* Section */
  .section-header { margin-bottom: 12px; margin: 10px 0; }
  .index-section { margin: 0 0 24px; }

  /* Product grid */
  .product-grid-container--sidebar-false { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; position: relative; z-index: 1; }
  .product-grid-container--sidebar-false .grid__item { width: 100% !important; padding: 0 !important; margin: 0 !important; }
  .cart__item--name a { font-size: 14px !important; font-weight: 500; }

  /* Grid product flex */
  .grid-product__has-quick-shop .grid-product__content { height: 100% !important; display: flex !important; flex-direction: column !important; }

  /* Recent card */
  .recent-card { min-width: 150px; max-width: 10px; }
  .rv-arrow { top: 45%; }

  /* Shop price */
  .shop-price-row { max-width: 520px !important; margin: 0 auto !important; }
  .shop-price-row > * { width: calc(50% - 15px) !important; }
  .shop-by-price { padding-top: 5px !important; }

  /* Bulk offer */
  .bulk-offer-top { display: flex; flex-direction: column; }
  .bulk-offer-text { text-align: center; width: 100%; }
  .bulk-offer-image-col { display: flex; justify-content: center; width: 100%; }
  .bulk-offer-image { margin: 0 auto; }
  .bulk-offer-cards { gap: 14px; }
  .bulk-offer-card { min-width: calc(50% - 7px); padding: 8px; }
  .bulk-offer-card.full-width { min-width: 100%; }
  .bulk-offer-card div { font-size: 18px; font-weight: 400; }

  /* Badges */
  .grid-product__image-mask { position: relative !important; }
  .grid-product__image-mask .product-badges-container { position: absolute !important; bottom: 5px !important; left: 5px !important; top: auto !important; right: auto !important; z-index: 10 !important; }

  /* Offers */
  .offer-row { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "title copy" "desc copy" "code ."; column-gap: 12px; row-gap: 6px; padding: 14px 16px; border-top: 1px solid #f1f1f1; align-items: center; }
  .offer-text { display: contents; }
  .offer-text h4 { grid-area: title; font-size: 15px; font-weight: 600; margin: 0; color: #111; line-height: 1.3; }
  .offer-text p { grid-area: desc; font-size: 13px; color: #6b7280; margin: 0; line-height: 1.4; }
  .offer-code { grid-area: code; justify-self: start; margin-top: 4px; }
  .offer-copy { grid-area: copy; align-self: center; padding: 8px 16px; font-size: 13px; }

  .offers-box__header { display: flex; align-items: center; justify-content: space-between; padding: 5px 10px; }
  .offers-box__title { grid-template-columns: auto 1fr; column-gap: 10px; align-items: center; }
  .offers-box__icon { width: 25px; height: 35px; }
  .offers-box__text small { font-size: 12px; }

  /* Collection filter */
  .collection-filter { margin-top: 16px; }
  .collection-filter__item--drawer { flex: 1; }
  .collection-filter__item--drawer button { width: 100%; padding: 12px 10px; border-radius: 10px; font-size: 14px; display: flex; align-items: center; justify-content: center; }
  .collection-filter__item--sort { flex: 1; text-align: right; }
  .collection-filter__item--sort select { width: 100%; min-width: unset; max-width: 100%; padding: 12px 36px 12px 12px; border-radius: 10px; }

  /* Mobile search panel */
  #mobileSearchPanel { display: block !important; }
  .mobile-search-panel, #mobileSearchPanel { position: fixed; top: 0; right: -350px; width: 350px !important; max-width: 95% !important; height: 100%; background: #fff; z-index: 9999; transition: right 0.3s ease; display: flex; flex-direction: column; }
  .mobile-search-panel.open, #mobileSearchPanel.open { right: 0 !important; }

  .mobile-search-header { display: flex; align-items: center; padding: 16px; border-bottom: 1px solid #eee; gap: 12px; position: relative; }
  .mobile-search-input-wrapper { flex: 1; position: relative; }
  .mobile-search-icon { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 18px; opacity: 0.6; pointer-events: none; z-index: 1; }
  .mobile-search-header input { width: 100%; height: 44px; border-radius: 999px; border: 1px solid #ddd; padding: 0 16px 0 44px; background: #fafafa; font-size: 15px; }
  .mobile-search-close { width: 44px; height: 44px; border: none; background: transparent; font-size: 24px; color: #333; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
  .mobile-search-content { flex: 1; overflow-y: auto; padding: 0; }
  .mobile-search-content .smart-search-section { padding: 16px; border-bottom: 1px solid #e5e7eb; }
  .mobile-search-trigger.large-up--hide { display: flex !important; }

  /* Recent purchase popup */
  .recent-purchase-popup {
    bottom: 112px !important;
    left: 16px !important;
    transform: none !important;
    width: auto !important;
    max-width: 380px !important;
    display: flex !important;
    align-items: start !important;
    gap: 4px !important;
    padding: 4px 8px !important;
    min-height: 24px !important;
    white-space: nowrap !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
  }

  .recent-purchase-popup * { font-size: inherit !important; font-weight: 400 !important; line-height: 1 !important; margin: 0 !important; padding: 0 !important; }
  .recent-purchase-popup img, .recent-purchase-popup svg { width: 12px !important; height: 12px !important; }

  /* Cart drawer header */
  .cart-drawer-title { font-size: 14px; padding-bottom: 4px; }
  .cart-drawer-banner { font-size: 10px; padding: 12px 16px; margin: 0; width: 100%; }

  #CartDrawer .drawer__header { padding: 0; display: flex; align-items: center; position: relative; }
  .cart-drawer-back { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); }

  /* Mobile overlay header */
  body.template-index #HeaderWrapper.header-wrapper--overlay.is-light {
    position: absolute !important;
    top: 7px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: transparent !important;
    z-index: 10000 !important;
  }

  body.template-index #HeaderWrapper.header-wrapper--overlay.is-light #StickyHeaderWrap,
  body.template-index #HeaderWrapper.header-wrapper--overlay.is-light #StickyHeaderWrap:not(:has(.site-header--stuck)) {
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    overflow: visible !important;
  }

  body.template-index #HeaderWrapper.header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) {
    background: transparent !important;
    background-color: transparent !important;
  }

  body.template-index #HeaderWrapper.header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-header__logo img {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  /* Mobile overlay logo */
  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .mobile-search-trigger,
  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-nav__link.mobile-search-trigger {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .js-search-header { display: none !important; }

  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-nav__icons .medium-down--hide,
  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) a[href*="/account"] { display: none !important; }

  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .header-item--logo,
  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) #LogoContainer {
    display: flex !important;
    align-items: center !important;
    justify-content: start !important;
    height: 50px !important;
    position: relative !important;
    top: 5px !important;
  }

  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-header__logo-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0 !important;
  }

  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-header__logo img {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
  }

  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-header__logo-link img.small--hide { display: none !important; }
  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-header__logo-link img.medium-up--hide { display: block !important; }

  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-header__logo-link image-element:has(img.small--hide) { display: none !important; }
  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) .site-header__logo-link image-element:has(img.medium-up--hide) { display: block !important; }

  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) #LogoContainer > a.site-header__logo-link { display: none !important; }
  .template-index .header-wrapper--overlay.is-light .site-header:not(.site-header--stuck) #LogoContainer > a.site-header__logo-link:first-of-type { display: flex !important; }

}

/* vivek CSS */
.template-product .product-single__sticky .product-page-wishlist-btn {
  position: absolute !important;
  top: 10px !important;
  left: auto !important;
  right: 10px !important;
}
.template-collection .grid__image-ratio {
    aspect-ratio: 4/5;
}
.site-nav {
  display: flex;
}
.footer__logo a {
    height: auto !important;
    max-width: 200px;
    display: inline-block;
}
@media (max-width: 767px) {
  .vertical-space {
    padding: 0px;
}
  .product__thumbs--below {
      margin-top: 0;
  }
  .template-product  .product-block--price {
      Margin-bottom: 10px;
  }
  .price-box {
      padding: 10px 15px;
  } 
  .price-off-badge {
    font-size: 9px;
    padding: 6px 8px;
  }
}
@media only screen and (max-width: 589px) {
  .template-product .product-single__meta {
    margin-top: 8px;
  }
  .footer__logo-social{
    display:block !important;
    padding:20px 0;
  }
}
.template-product .product__thumb-item .image-wrap.image-wrap__thumbnail {
    display: none !IMPORTANT;
}
.template-product .product__thumbs--scroller .product__thumb-item {
    width: 7px !IMPORTANT;
    border-radius: 100px;
    height: 7px !IMPORTANT;
    border: 1px solid #E0614A;
    margin-right: 8px;
}
.template-product .product__thumb-item .product__thumb.is-active:before {
    background: #E0614A !important;
    box-shadow: none !important;
}
.template-product .product__thumbs--below .product__thumbs--scroller {
    text-align: center;
}
.template-product .product__thumbs--scroller .product__thumb-item a {
    background: transparent;



/* ---- ≥ 590px drawers ---- */
@media (min-width: 590px) {
  .mobile-search-panel, #mobileSearchPanel { width: 450px !important; max-width: 95% !important; right: -450px !important; }
  .mobile-search-panel.open, #mobileSearchPanel.open { right: 0 !important; }

  #WishlistDrawer.drawer--right { width: 450px !important; max-width: 95% !important; right: -450px !important; left: auto !important; }
  #WishlistDrawer.drawer--right.is-visible, #WishlistDrawer.drawer--right.drawer--is-open { right: -450px !important; transform: translateX(-450px) !important; }

  .mobile-nav__item > span:not(.megamenu__promo-link) { font-size: 24px; padding: 15px 20px; text-decoration: none; display: block; }
}

@media (max-width: 589px) {
  .mobile-search-panel, #mobileSearchPanel { width: 350px !important; max-width: 95% !important; right: -350px !important; }
  #WishlistDrawer.drawer--right { width: 350px !important; max-width: 95% !important; right: -350px !important; left: auto !important; }
  #WishlistDrawer.drawer--right.is-visible, #WishlistDrawer.drawer--right.drawer--is-open { right: -350px !important; transform: translateX(-350px) !important; }
}

/* ---- ≥ 768px ---- */
@media (min-width: 768px) {
  /* Tablet / desktop grid */
  .grid-overflow-wrapper > .grid,
  .product-single__related,
  #CollectionAjaxContent > .grid > .product-grid-container {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch;
  }

  .grid-overflow-wrapper > .grid > :nth-last-child(2):nth-child(4n + 1),
  .grid > :last-child:nth-child(4n + 2) { grid-column: span 4; }

  .grid-product__has-quick-shop { width: 100% !important; height: 100% !important; }
  .grid-product__has-quick-shop .grid-product__content { height: 100% !important; display: flex !important; flex-direction: column !important; }

  /* Bulk offer desktop */
  .bulk-offer-wrapper { display: grid; grid-template-columns: 280px 1fr; grid-template-rows: auto 1fr; gap: 16px; align-items: stretch; }
  .bulk-offer-top { display: contents; }
  .bulk-offer-image-col { grid-column: 1; grid-row: 1 / span 2; display: flex; max-width: 280px; }
  .bulk-offer-image { max-width: 220px; height: auto; object-fit: cover; border-radius: 16px; margin-left: 40px; }
  .bulk-offer-text { grid-column: 2; grid-row: 1; font-size: 22px; font-weight: 600; margin-top: 25px; }
  .bulk-offer-steps { grid-column: 2; grid-row: 1; margin-top: 65px; max-width: 520px; text-align: left; }
  .bulk-offer-cards { grid-column: 2; grid-row: 2; align-self: start; margin-top: 0; }

  /* Offer box desktop */
  .offers-box__header { padding: 5px 10px; }
  .offers-box__title { grid-template-columns: auto 1fr; column-gap: 12px; align-items: center; }
  .offers-box__icon { width: 25px; height: 25px; margin-top: 1px; }
  .offers-box__text { line-height: 1.25; }
  .offers-box__text small { font-size: 13px; margin-top: 4px; }
  .offer-row { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-top: 1px solid #f1f1f1; }
  .offer-text { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; flex: 1; }
  .offer-text h4 { font-size: 16px; font-weight: 600; margin: 0; }
  .offer-text p { font-size: 14px; color: #6b7280; margin: 0; }
  .offer-code { margin-left: 6px; }
  .offer-copy { padding: 8px 18px; font-size: 14px; margin-left: 16px; }
  .offers-show-more { padding: 16px 0; font-size: 15px; border-top: 1px solid #f1f1f1; }

  /* Badges */
  .grid-product__image-mask .product-badges-container { bottom: 10px !important; }

  /* Footer logo */
  .footer__logo-social .footer__logo { max-width: 150px !important; width: auto !important; flex: 0 1 150px !important; }
  .footer__logo-social .footer__logo img { max-width: 100% !important; width: auto !important; height: auto !important; }
  .footer__logo-social .footer__logo a { max-width: 150px !important; }


}

/* ---- 590px max social icon width ---- */
@media (max-width: 589px) {
  .footer__logo-social .footer__social,
  .no-bullets.social-icons.footer__social { margin-bottom: 0 !important; }
}

@media (max-width: 767px) {
  .no-bullets.social-icons.footer__social { width: auto !important; min-width: 225px !important; flex: 1 1 auto !important; }
    /* coupons */
  .coupons-strip .amount.percent, .coupons-strip .amount {
      font-size: 15px;
  }
  .coupons-strip .coupon {
    min-width: 47%;
  }
  .coupons-strip {
    flex-wrap: wrap;
    padding: 5px 10px 35px;
  }
}

/* ---- ≤ 991px ---- */
@media (max-width: 991px) {
  .shop-price-row > * { width: calc(33.33% - 20px) !important; overflow: hidden !important; }
  .shop-by-price { padding-top: 5px !important; }
}

/* ---- iPad range 768–1366 ---- */
@media (min-width: 768px) and (max-width: 1366px) {
  .page-full, .page-content, .grid, .grid__item, .section, .index-section, .product-grid, .wrapper, .container { padding-left: 20px !important; padding-right: 20px !important; }
  .instafeed-new-layout-container, .site-footer { padding-left: 20px !important; padding-right: 20px !important; }
  .header-layout.header-layout--center { margin-right: 20px !important; }

  #SiteHeader .text-center .site-navigation,
  #SiteHeader .text-center .site-nav { display: flex !important; flex-wrap: wrap !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; max-width: 100% !important; row-gap: 10px !important; column-gap: 5px !important;  }
  #SiteHeader .text-center .site-nav__item { flex: 0 1 auto !important; min-width: 0 !important; }
  #SiteHeader .text-center .site-nav__link { padding-left: 10px !important; padding-right: 10px !important; font-size: 14px !important; }

  .hero-natural--template--26154772103460__slideshow_AEf9Wi { margin-left: -20px !important; margin-right: -20px !important; width: calc(100% + 40px) !important; }
}

/* ---- ≤ 1024px badges/logo ---- */
@media (max-width: 1024px) {
  .footer__logo-social .footer__logo { max-width: 150px !important; flex: 0 1 150px !important; }

  .grid-product__image-mask { position: relative !important; }
  .grid-product__image-mask .product-badges-container { position: absolute !important; bottom: 5px !important; left: 5px !important; top: auto !important; right: auto !important; z-index: 10 !important; }
}