/** Shopify CDN: Minification failed

Line 1352:19 Expected identifier but found whitespace
Line 3715:24 Unexpected "/"

**/
body.overflow-hidden {
    overflow: hidden !important;
}

.plaay-header-wishlist {
  width: 20px;
  height: 20px;
}

.plaay-header-wishlist__icon {
  width: 20px;
  height: 20px;
  display: block;
}

.plaay-header-wishlist.has-items .plaay-header-wishlist__icon path {
  fill: currentColor;
}

.plaay-mobile-wishlist.has-items .plaay-header-wishlist__icon path {
  fill: currentColor;
}

.plaay-header-wishlist__count {
  position: absolute;
  top: 1px;
  right: 1px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--plaay-yellow);
  color: var(--plaay-navy);
  font-family: walsheim-bold, sans-serif;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  z-index: 2;
}

.plaay-mobile-wishlist__icon-wrap {
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-right: 12px;
}

.plaay-mobile-wishlist__count {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--plaay-yellow);
  color: var(--plaay-navy);
  font-family: walsheim-bold, sans-serif;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
}

body footer::after {
  content: none;
}
li.list-menu__item.facets__item input {
    cursor: pointer;
}
span.dropdown_arrow {
    width: 12.68px;
}
footer > .container {
  flex-direction: column;
}
li.dropdown_parent {
    display: flex;
    gap: 5px;
    position:relative;
    cursor: pointer;
}
span.dropdown_arrow {
    position: relative;
    top: 6px;
}
footer > .container .md\:w-1\/2 {
  width: 100%;
}

.footer-brand-info {
  max-width: 400px;
  padding-right: 30px;
}

.contact-us {
  margin-top: 30px;
}

body footer h2 {
  font-size: 40px !important;
}

.footer-brand-info h5,
footer .links-heading {
  margin-bottom: 20px;
  font-size: 22px;
  white-space: nowrap;
}

.custom-icon.dropdown_menu img.object-cover,
.mobile_menu .dropdown_menu img.object-cover {
  object-fit: contain;
}

.instafeed-new-layout-container .instafeed-new-arrow {
  z-index: 1 !important;
}

.review-text {
  text-align: center;
  padding: 5px 10px;
}

.footer-newsletter .field {
  display: flex;
  align-items: stretch;
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 10px;
}

.footer-newsletter .field input {
  flex: 1 0 0px;
  padding: 10px;
  background: transparent;
  height: 40px;
}

.footer-newsletter .field input:focus-visible {
  outline: none;
}

.footer-newsletter label.field__label {
  margin: 5px 0 15px;
  display: inline-block;
  max-width: 70%;
}

.footer-newsletter .field button {
  background: #fff;
  border-radius: 37px;
  border-style: solid;
  border-color: #fff;
  border-width: 1px;
  color: #011d49;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 1;
  white-space: normal;
  padding: 11px 10px;
  text-align: center;
  word-break: break-word;
  align-self: flex-end;
  cursor: pointer;
  height: auto;
  min-width: 130px;
}

h3#ContactFooter-success {
  display: flex;
  align-items: center;
  margin-top: 10px;
  gap: 10px;
}

.footer-newsletter svg.icon {
  width: 20px;
}



.why-play-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.why-inner-flex {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.icon-detail-flex {
  display: flex;
  gap: 25px;
}



.why-icon {
  width: 84px;
}

.why-detail-heading {
  font-size: 30px;
}

.review_gif_slider .glide__slide {
  padding: 15px;
  border-radius: 10px;
}

.review_gif_slider .glide__slides {
  gap: 10px;
}

#bloop-referral-popup-container h4.bloop-page-title,
body .wlo-content #title p {
  font-family: walsheim-black !important;
}

.bloop-popup-footer {
  display: none !important;
}

#bloop-referral-popup-container .sub-header,
#bloop-referral-popup-container .bloop-btn,
body .wlo-content #subtitle p,
body #wlo-custom-fields label,
body #wlo-custom-fields input,
body .wlo-content #wlo-continue-btn span,
body .wlo-content #wlo-continue-btn div,
body .wlo-content #wlo-submit-btn span,
body .wlo-content #wlo-submit-btn div,
body .wlo-content #small-text p {
  font-family: walsheim-regular !important;
}

footer > .container {
  padding-left: 20px;
  padding-right: 20px;
}

footer .footer-flex {
  gap: 60px;
}

/* Fix site-drawers being pushed to bottom of page by Rebuy */
site-drawers {
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  z-index: 99999 !important;
  overflow: visible !important;
}

cart-drawer {
  display: block !important;
}

/* Hide Rebuy Smart Cart */
.rebuy-cart,
.rebuy-cart__overlay,
.rebuy-cart__flyout,
[class*="rebuy-cart"] {
  display: none !important;
  pointer-events: none !important;
}




/* ═══════════════════════════════════════════════════════
   PLAAY CRO PHASE 1 — PDP IMPROVEMENTS
   ═══════════════════════════════════════════════════════ */

/* ── 1. Trust Badge Strip ── */



















/* ── 2. Sticky ATC — product thumbnail ── */


/* ── 3. Delivery Promise Badge ── */






/* ── 4. Subscribe & Save Toggle ── */


















/* Perks row */





/* Frequency picker panel */








/* ═══════════════════════════════════════════════════════
   PLAAY CRO PHASE 2 — CART DRAWER REBUILD
   ═══════════════════════════════════════════════════════ */

/* ── Cart Line Items ── */
















/* ── Branded Empty State ── */









/* ── Free Shipping Bar ── */









/* ── Tier Promo Notification ── */








/* ── Complete the Set (Upsell Strip) ── */
.plaay-cart-gift-prompt {
  padding: 12px;
  border: 1px solid rgb(var(--plaay-navy-rgb) / 0.12);
  border-radius: 8px;
  background: #fffaf0;
}

.plaay-cart-gift-prompt .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


























/* ── Upsell Card ── */
.plaay-upsell-card {
  width: 188px;
  flex: 0 0 188px;
  display: flex;
  flex-direction: column;
  border: 1px solid rgb(var(--plaay-navy-rgb) / 0.1);
  border-radius: 16px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 8px 24px rgb(var(--plaay-navy-rgb) / 0.05);
  scroll-snap-align: start;
}
.plaay-upsell-card__img-wrap {
  width: 100%;
  aspect-ratio: 1.2 / 1;
  border-radius: 0;
  background: linear-gradient(180deg, #f7f8fb 0%, #f1f3f7 100%);
  overflow: hidden;
  padding: 12px;
}
.plaay-upsell-card__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.plaay-upsell-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 12px;
  gap: 10px;
}
.plaay-upsell-card__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 2.7em;
  font-size: 11px;
  letter-spacing: 0.03em;
  line-height: 1.3;
  text-decoration: none;
}
.plaay-upsell-card__title:hover {
  opacity: 0.72;
}
.plaay-upsell-card__price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  margin-top: auto;
}
.plaay-upsell-card__compare {
  font-size: 12px;
  color: rgb(var(--plaay-navy-rgb) / 0.42);
  text-decoration: line-through;
}
.plaay-upsell-card__price {
  font-size: 18px;
  line-height: 1;
  color: var(--plaay-navy);
}
.plaay-upsell-card__btn {
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  background: #f4f6fb;
  border: 1px solid rgb(var(--plaay-navy-rgb) / 0.14);
  border-radius: 10px;
  cursor: pointer;
  letter-spacing: 0.06em;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.plaay-upsell-card__btn:hover {
  background: var(--plaay-navy);
  border-color: var(--plaay-navy);
  color: var(--plaay-yellow);
}

@media (min-width: 768px) {
.plaay-upsell-card {
    width: 220px;
    flex-basis: 220px;
  }
}

@media (max-width: 479px) {
.plaay-upsell-card {
    width: 164px;
    flex-basis: 164px;
  }
.plaay-upsell-card__body {
    padding: 10px;
    gap: 8px;
  }
.plaay-upsell-card__title {
    font-size: 10px;
  }
.plaay-upsell-card__price {
    font-size: 16px;
  }
.plaay-upsell-card__btn {
    min-height: 38px;
    padding: 8px 10px;
    font-size: 11px;
  }
}

button.bloop-btn.bloop-popup-get-reward,
.popup-join-screen-container .sub-header {
  display: none !important;
  font-size: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  width: 0;
}

.choose-flavours ul.glide__slides {
  overflow-x: scroll;
  flex-wrap: nowrap;
  padding: 60px 0 40px;
  touch-action: auto;
}

.choose-flavours ul.glide__slides::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px transparent;
  border-radius: 10px;
  background-color: transparent;
}

.choose-flavours ul.glide__slides::-webkit-scrollbar {
  width: 0;
  background-color: transparent;
}

.choose-flavours ul.glide__slides::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px transparent;
  background-color: transparent;
}

.choose-flavours li.glide__slide {
  width: calc(20% - 4px);
}

.choose-flavours img {
  max-width: 160px;
  margin: auto;
  transition: 0.4s;
  border-radius: 20px;
}
.choose-flavours li.glide__slide:hover img {
  transform: scale(1.2);
}
.choose-flavours h2 {
  text-align: center;
  color: var(--plaay-navy);
}

.choose-flavours .arrow-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  opacity: 0;

  font-size: 13px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.choose-flavours li.glide__slide:hover .arrow-btn {
  opacity: 1;
}

.footer-social-links {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-icon.facebook .xe3v8dz {
  fill: #fff;
}

svg.footer-icon {
  line-height: 1;
  height: 18px;
}

.cart-drawer-padding {
  padding: 15px 20px;
}

.drawer-top {
  padding-bottom: 5px;
}

cart-drawer .cart_items.flex {
  max-height: 370px;
}

#bloop-referral-popup-container .title + div.sub-header span.bloop-typography {
  font-size: 20px !important;
  font-weight: bold;
}

.infinite_scroll_text {
  white-space: nowrap;
}

.plaay_side_image .plaay_additional_text li {
  margin-bottom: 5px;
}

p.product-bar-title {
  font-size: 9px;
  text-align: center;
  margin-top: 5px;
}

.custom-icon.dropdown_menu img.object-cover {
  width: 4rem;
  height: 4rem;
}

.custom-icon.dropdown_menu {
  min-width: 240px;
}

.dropdown_menu a {
  font-size: 15px;
}

.review_heading {
  font-size: 15px;
  text-align: center;
  margin-top: 2px;
}

.main-hero-full-img img.desk-img {
  object-fit: unset;
}

.geeks-video video.standard_video_player {
  object-position: top;
}

/* .template-product .glide__slides img.xl\:object-cover {
  object-fit: contain;
}
 */
.two-sections-overlay a.btn.blue {
    color: var(--plaay-yellow);
}
.two-sections-overlay a.btn.blue:hover {
    color: var(--plaay-navy);
}
.yotpo-head {
    justify-content: center !important;
}
.yotpo-reviews-main-widget svg{
  margin: 0 auto !important;
}
@media (max-width: 1600px) {
footer > .container {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100%;
  }
}

@media (max-width: 800px) {
.why-play-flex {
    flex-direction: column;
  }
.why-detail-heading {
    font-size: 25px;
  }
.choose-flavours img {
    width: auto;
  }
.choose-flavours ul.glide__slides {
    min-width: fit-content;
    padding-bottom: 20px;
  }
.choose-flavours h2 {
    font-size: 25px;
    line-height: 28px;
  }
.footer-newsletter .field button {
    font-size: 11px;
    padding: 7px 10px;
    min-width: 85px;
  }
.footer-newsletter .field input {
    height: 27px;
    padding: 3px;
    font-size: 14px;
  }
.choose-flavours .glide__track {
    overflow-x: scroll;
  }
.flavour-main-inner {
    padding-bottom: 20px;
  }
footer .footer-flex {
    gap: 20px;
  }
}

@media (max-width: 640px) {
.footer-brand-info {
    margin-bottom: 20px;
    padding-right: 0;
  }
footer h2.heading {
    font-family: walsheim-black;
    font-size: 22px !important;
    text-transform: uppercase;
  }
footer > .container {
    padding-top: 0;
    padding-bottom: 150px;
  }
}
.rebuy-product-grid {
  max-width: 1536px;
  margin: 0 auto;
}

.rebuy-widget .rebuy-product-grid.large-columns-4 .rebuy-product-block {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  position: relative;
  background: #fff;
  z-index: 26;
}
/* .rebuy-product-info {
  display: flex;
  align-items: center;
  gap: 15px;
} */

.rebuy-product-grid .rebuy-product-info a.rebuy-product-title.clickable {
  font-size: 16px;
  margin: 0px;
  color: var(--plaay-navy);
  font-family: "walsheim-black";
  width: 100%;
  text-align: left;
}

.rebuy-product-grid .rebuy-product-info .rebuy-product-price * {
  font-size: 16px;
  margin: 0px;
  color: var(--plaay-navy);
  font-family: "walsheim-black";
  text-align: left;
  /* max-width: 100%;
  width: 100%;
  display: block; */
}

.review_gif_slider .glide__slides {
  gap: 0;
}

.view-all-flex.glide__arrow-container {
  flex-direction: column;
}

.view-all-flex.glide__arrow-container h2 {
  margin: 0;
  line-height: normal;
}

@media (min-width: 767px) {
.rebuy-widget .rebuy-product-grid.large-columns-4 .rebuy-product-block {
    width: calc(25% - 40px) !important;
    margin: 0 20px;
  }
}
@media (max-width: 767px) {
.rebuy-widget .rebuy-product-grid.large-columns-4 .rebuy-product-block {
    padding: 10px !important;
  }
.shopify-block.shopify-app-block #rebuy-widget-167672 {
    margin-left: 20px !important;
    margin-right: 20px;
  }
body footer h2 {
    font-size: 22px !important;
  }
footer content-accordion h2 {
    font-family: "walsheim-black" !important;
    text-transform: UPPERCASE;
  }
}

@media (min-width: 900px) {
.flavour-main-inner .container {
    padding-right: 2rem;
    padding-left: 2rem;
  }
.flavour-main-inner .container .glide__slides {
    column-gap: 5px;
  }
}
p.product-bar-title {
  text-transform: capitalize;
}
.splide__list .rebuy-product-block {
  box-shadow: 8px 5px #e5e5e5;
}
.splide__track {
  padding-bottom: 30px;
}
button.rebuy-button {
    font-size: 14px;
    transition: .3s;
    text-transform: uppercase;
}
button.rebuy-button:hover {
  --tw-border-opacity: 1;
  border-color: var(--plaay-navy);
  --tw-bg-opacity: 1;
  background-color: var(--plaay-navy);
  --tw-text-opacity: 1;
  color: var(--plaay-yellow);
}

.product-atc-bar__other-content a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

[data-accordion].active .accordion_content {
  max-height: 100%;
}



.review_gif_slider .lg\:hover\:animate-floatSlow:hover {
  animation: none;
}

body .rebuy-cart__progress-bar-container.above,
body .rebuy-cart__flyout-header,
body .rebuy-cart__flyout-item,
body .rebuy-cart__flyout-item,
body .rebuy-cart__flyout-item-quantity-widget-label,
body .rebuy-cart__flyout-item-quantity-widget,
.rebuy-cart__flyout-recommendations
  .rebuy-widget
  .rebuy-product-grid.large-style-line
  .rebuy-product-block,
.rebuy-cart__flyout-recommendations
  .rebuy-widget
  .rebuy-product-grid.medium-style-line
  .rebuy-product-block,
.rebuy-cart__flyout-recommendations
  .rebuy-widget
  .rebuy-product-grid.small-style-line
  .rebuy-product-block,
.rebuy-cart__flyout-items,
.rebuy-cart__flyout-footer {
  border: none !important;
  box-shadow: none !important;
}

.featured-products a[href="/collections/all"] {
  margin-top: 10px;
  font-size: 28px;
}

.featured-main .featured-button,
.featured-main .glide__arrow--left {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  left: -30px;
  z-index: 7;
}

.featured-main .glide__arrow--right {
  position: absolute;
  top: 60%;
  transform: translateY(-50%);
  z-index: 7;
}

.featured-main .glide__arrow svg {
  height: 40px;
  width: 40px;
}

.featured-main .featured-button.glide__arrow--right,
.featured-main .glide__arrow--right {
  right: -30px;
  left: auto;
}

.two-sections-overlay .btn {
  font-size: 20px;
  min-width: 250px;
  padding: 20px 32px;
}
.two-sections-overlay .btn.yellow:hover {
  background: #fff;
}

body .rebuy-cart__flyout-recommendations .rebuy-widget .primary-title {
  font-size: 22px;
  text-transform: capitalize;
}

.yotpo-reviews-wrapper {
  display: none;
}
.yotpo-main-widget-layout h2.yotpo-headline {
  color: var(--plaay-navy);
  font-size: 42px;
  font-family: "walsheim-bold" !important;
}

body.template-collection.smart-cart--enabled.overflow-hidden {
  overflow: auto;
}

@media (min-width: 768px) {
.rebuy-widget .rebuy-product-grid.small-carousel .rebuy-product-block {
    margin: 0 20px;
  }
}

@media (max-width: 600px) {
.rebuy-widget .rebuy-product-grid.small-columns-1 .rebuy-product-block {
    width: calc(100% - 20px) !important;
    margin: 0 10px;
  }
.product-details .flex .w-full:nth-child(1) {
    order: 1;
  }
.product-details .flex .w-full:nth-child(2) {
    order: 4;
  }
.product-details .flex .w-full:nth-child(3) {
    order: 2;
  }
.product-details .flex .w-full:nth-child(4) {
    order: 5;
  }
.product-details .flex .w-full:nth-child(5) {
    order: 3;
  }
.product-details .flex .w-full:nth-child(6) {
    order: 6;
  }
.them_side .border-r {
    border-right-width: 0px;
    border-left-width: 1px;
  }
.review_gif_slider .glide__slide {
    padding: 0;
  }
.review_gif_slider .glide__slides {
    gap: 10px;
  }
.featured-main .featured-button {
    left: -12px;
    top: 55%;
  }
.featured-main .featured-button.glide__arrow--right {
    right: -16px;
    left: auto;
  }
.featured-products a[href="/collections/all"] {
    font-size: 20px;
    margin-top: 0;
  }
}

#bloop-popup-button {
  background-color: #ff9a1f !important;
}

/* .featured-main .glide__arrow span svg {
  width: 50px;
  height: 50px;
  min-width: 50px;
}
 */
.glide__arrows button.glide__arrow {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 100%;
}
.glide__arrows .glide__arrow svg {
  margin: 0 auto;
  height: 20px;
  width: 20px;
}
.glide__arrows button.glide__arrow span {
  display: block !important;
  width: fit-content;
  text-align: center;
  height: auto !important;
  text-align: center;
  margin: 0 auto;
}
.featured-main .glide__arrows button.glide__arrow {
    border-radius: 0;
    background: transparent;
}
.featured-main .glide__arrows button.glide__arrow span{
  opacity: 1;
}
.featured-main .glide__arrows .glide__arrow svg path{
    fill: var(--plaay-navy);
}
@media (max-width: 600px) {
.featured-main .featured-button.glide__arrow--right,
  .featured-main .glide__arrow--right {
    right: 0;.glide__arrows .glide__arrow svg {
    margin: 0 auto;
    height: 20px;
    width: 20px;
}
  }
.featured-main .featured-button,
  .featured-main .glide__arrow--left {
    left: 0;
  }
.featured-main .glide__arrows button.glide__arrow {
    border-radius: 0;
    background: #ffffffb8;
}
}

.template-product .glide__slide .xl\:object-cover {
  object-fit: contain;
}

#shopify-section-template--18162985042137__choose_flavour_sec_Nmrj7V
  .flavour-main-inner
  .container
  .glide__slides {
  align-items: center;
}

#shopify-section-template--18162985042137__choose_flavour_sec_Nmrj7V.choose-flavours
  li.glide__slide:hover
  img {
  transform: scale(1);
}
.usp-images img {
  border-radius: 100%;
}
.instafeed-new-layout-container {
  width: 100% !important;
}
/* amr droplogicx css start */
.rebuy-carousel__arrows button.splide__arrow svg {
  opacity: 0.3;
}
.rebuy-carousel__arrows button.splide__arrow:hover svg {
  opacity: 1;
}
.rebuy-product-block {
  background: #f5f5f5 !important;
}
ul.splide__pagination.rebuy-carousel__pagination.splide__pagination--ltr {
  display: none !important;
}
 /* header.fixed ul li {
    padding-right: 50px;
} */

header.fixed ul li a {
  white-space: nowrap;  
}
.flex.usp-images .icon-item {
    padding: 10px;
    width: 20%;
}
  .flex.usp-images {
    gap: 0;
  }
  .pdp-title {
    margin-bottom: 10px;
}

  /* header.fixed .inner_container .w-1\/3.\|.lg\:w-1\/5 {
    width: 10% !important;
}
  header.fixed .inner_container  .w-2\/5 {
    width: fit-content;
}
a.account-link {
    padding-right: 50px;
}
header.fixed .flex.items-center.justify-center.mr-4 {
    margin-right: 50px;
} */



@media screen and (min-width: 1280px) {
.template-collection .container {
    max-width: 1536px;
  }
}

@media screen and (max-width: 1024px) {
span.plaay-search-icon-wrap {
    margin-left: 1rem;
  }
li.dropdown_parent {
    display: unset;
}
span.dropdown_arrow {
    /* width: fit-content; */
    position: relative;
    top: 0px;
}
li.dropdown_parent .overflow-hidden.relative {
    overflow-y: auto;
}
}

@media screen and (max-width: 600px) {
.flex.usp-images .icon-item span {
    font-size: 10px;
    line-height: normal;
}
.flex.usp-images .icon-item {
    padding: 6px;
}
}

/* amr droplogicx css end */

body .bndlr-landing-page .bndlr-container {
  padding-top: 130px;
  padding-bottom: 30px;
}

body .bndlr-inner-products-container {
  margin-top: 50px;
}

/* body .bndlr-landing-page .bndlr-container .bndlr-add-to-cart,
body .bndlr-add-to-cart {
  transform: none !important;
} */
.w-2\/5.flex.items-center.justify-between.pr-8 li.relative.text-dark-blue.text-base.font-bold.text-center.font-walsheim-bold.tracking-widest.py-5.group.\|.lg\:text-sm:last-child {
    padding-right: 0;
}
@media (max-width: 600px) {
body .bndlr-landing-page .bndlr-container .bndlr-add-to-cart {
    height: 43px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }
body .bndlr-landing-page .bndlr-container {
    padding-top: 60px;
    padding-bottom: 20px;
  }
body .bndlr-inner-products-container {
    font-size: 22px;
  }
body .bndlr-landing-page .bndlr-product {
    max-width: 100% !important;
  }
body .bndlr-product-title {
    font-size: 18px;
  }
body .bndlr-bundle-description {
    max-width: 93%;
  }
body .bndlr-product-price {
    font-size: 16px;
  }
.template-product button.product_page_atc {
    position: static;
  }
.template-product #carthike-chat-button-container.right {
    bottom: 5px !important;
  }
.template-product #bloop-referral-popup-container {
    bottom: -15px;
  }
.rebuy-widget.rebuy-widget {
    padding: 0;
  }
}
.infinite__btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateY(180deg);
  /* opacity: 0; */
  transition: opacity 0.3s ease-in-out;
  backface-visibility: hidden;
}

.infinite-scroll-slider .glide__slide a {
  position: relative;
}
.flip {
  width: 100%;
  transform-style: preserve-3d;
  transition: all 1s;
}
.infinite-scroll-slider .glide__slide a:hover .flip {
  transform: rotateY(180deg);
}
.infinite-scroll-slider .glide__slide a img {
  transition: all 1s ease-in-out;
}

.infinite-scroll-slider .glide__slide a:hover .infinite__btn {
  opacity: 1;
}

.infinite-scroll-slider .glide__slide a:hover img {
  /* transform: rotateY(180deg); */
  opacity: 0;
}

.infinite-scroll-slider .slider__arrow {
  position: absolute;
  top: 50px;
}

.infinite-scroll-slider .slider__arrow--next {
  right: 20px;
}
.infinite-scroll-slider .slider__arrow--prev {
  left: 20px;
  transform: rotate(180deg);
}

.infinite-scroll-slider .slider__arrow svg {
  height: 25px;
  width: 25px;
}

.hero-arrows .glide__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
}

.two-sections-overlay {
  position: relative;
}

.hero-arrows {
  margin: 0;
}

.hero-arrows .glide__arrow.glide__arrow--left {
  left: 10px;
}

.hero-arrows .glide__arrow.glide__arrow--right {
  right: 10px;
}
.max-w-\[250px\] {
  max-width: 250px;
}

/* featured-product */

.csutom-info {
  flex-direction: column;
  justify-content: center;
}
.card-product-title {
  margin: 0;
  /* text-align: center; */
  width: 100%;
}
.inline-block {
  width: 100%;
  /* display: flex;
  justify-content: center; */
}
span.product_price. {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}
.on-sale {
  width: 100%;
  margin-bottom: 7px;
  /* display: flex;
  justify-content: center; */
}
.on-sale span.product_price {
  font-size: 16px;
}
.product_compare_at_price  {
  color: red;
}
body.template-collectionlimited-edition.smart-cart--enabled .product_tile:hover .product_tile_secondary_image{
  opacity: 0;
  visibility: hidden;
}

.template-collectionlimited-edition .product_tile:hover .product_tile_featured_image {
  opacity: 0;
}

.template-collectionlimited-edition .product_tile:hover .product_tile_secondary_image {
  opacity: 1 !important;
  visibility: visible !important;
}


@media screen and (max-width: 600px) {
header.fixed.top-16 {
    top: 3.5rem;
}
.featured-main .glide__slides {
    overflow: visible;
    padding-left:20px;
    padding-right: 20px;
}
.glide__arrows .glide__arrow svg {
    margin: 0 auto;
    height: 15px;
    width: 15px;
}
.glide__arrows button.glide__arrow {
    width: 35px;
    height: 35px;
}
.infinite-scroll-slider .slider__arrow svg {
    height: 20px;
    width: 20px;
}
}

.rebuy-cart__flyout .splide__slide {

  font-weight: unset !important;

}
.my---ele .mx-auto.mt-2.font-walsheim-bold {
    order: 1;
}
.my---ele .product_subscription {
    opacity: 1;
}
span.rebuy-money.compare-at span {
  color: red!important;
}

span.rebuy-money.compare-at {
    color: red!important;
}
.cu--pro {
    font-size: 14.3px;
    padding: 0;
}
.my---ele--item {
    margin-top: 0;
    font-size: .875rem;
}
@media (max-width: 325px){
.cu--pro {
      font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
.my---ele--item {
    margin-top: 2rem;
  }
.cu--pro {
    font-size: 14.3px;
    margin: 7px;
  }
}

.rebuy-cart__flyout-recommendations h4.primary-title {
    font-family: Arial, sans-serif !important;
}
.rebuy-cart__flyout .rebuy-product-block * {
    font-family: Arial, sans-serif !important;
}
.rebuy-cart__flyout button.rebuy-button {
  font-weight: 600;
  font-size: 18px;
}
.rebuy-cart__flyout span.rebuy-money {
    font-weight: 600;
    font-size: 14px;
}
.my--pb {
    padding: 0;
}
.my--bb h3.text-dark-blue {
    margin-top: 1rem;
}


.main-discount-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width: fit-content;
    gap: 5px;
    margin-top: 15px;
}
.disc-main-text {
    display: flex;
    gap: 4px;
    border: 1px solid;
    padding: 10px;
    width: 100%;
    max-width: 420px;
    background-color: var(--plaay-yellow);
}
.disc-main-text:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.disc-main-text:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

input#email_01K3QYXE95MP3N5RAFP8B1PPVS {
  color: #fff !important;
}

@media (max-width: 768px) {
.disc-main-text {
    max-width: 100%;
    padding: 8px;
    font-size: 14px;
  }
}

@media (max-width: 425px) {
.disc-main-text {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    font-size: 13px;
    padding: 8px;
  }
}

@media (max-width: 320px) {
.disc-main-text {
    font-size: 12px;
    padding: 6px;
    gap: 5px;
  }
}

.flex.items-center.justify-center.p-2.ml-auto.mr-0.-mt-16.text-sm.leading-none.text-center.text-white.uppercase.transition-all.duration-200.transform.rounded-full.bg-yellow.h-14.w-14.font-walsheim-black.translate-y-9 {
    z-index: 9999;
}

/*******************************/
/******** CART GIFT CSS ********/
/*******************************/

.rebuy-cart__flyout-item[class*="gift"] .rebuy-cart__flyout-item-quantity {
    display: none!important;
}

.rebuy-cart__flyout-item[class*="gift"] .rebuy-cart__flyout-item-price {
    text-align: left;
}

.rebuy-cart__flyout-item[class*="gift"] .rebuy-cart__flyout-item-remove {
    display: none!important;
}
/* ============================================================
   PLAAY — Product Badge System
   Brand: GT Walsheim Pro | var(--plaay-navy) dark blue | var(--plaay-yellow) yellow
   ============================================================ */

.plaay-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 6;
  display: inline-block;
  padding: 5px 12px;
  border-radius: 3px;
  font-family: "GTWalsheimPro-Bold", "walsheim-bold", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  line-height: 1.4;
  white-space: nowrap;
  pointer-events: none;
}

/* Bestseller — yellow on dark blue (most prominent) */
.plaay-badge--bestseller {
  background: var(--plaay-yellow);
  color: var(--plaay-navy);
}

/* New Launch — yellow on dark blue (same prominent look as Bestseller) */
.plaay-badge--new-launch {
  background: var(--plaay-yellow);
  color: var(--plaay-navy);
}

/* Just Launched — dark blue on yellow (inverted, eye-catching) */
.plaay-badge--new {
  background: var(--plaay-navy);
  color: var(--plaay-yellow);
}

/* Limited Batch — dark blue, white text (serious/urgent) */
.plaay-badge--limited {
  background: var(--plaay-navy);
  color: #FFFFFF;
  border: 1px solid var(--plaay-navy);
}

/* Fan Favourite — yellow, dark blue text (warm, like bestseller family) */
.plaay-badge--favourite {
  background: var(--plaay-yellow);
  color: var(--plaay-navy);
}

/* Staff Pick — white, dark blue text + yellow border (subtle) */
.plaay-badge--staff {
  background: #FFFFFF;
  color: var(--plaay-navy);
  border: 1.5px solid var(--plaay-yellow);
}

/* Gift Ready — white, dark blue text + yellow border */
.plaay-badge--gift {
  background: #FFFFFF;
  color: var(--plaay-navy);
  border: 1.5px solid var(--plaay-navy);
}

/* Sale — yellow bg, navy text (matches Bestseller family) */
.plaay-badge--sale {
  background: var(--plaay-yellow);
  color: var(--plaay-navy);
}

/* ══════════════════════════════════════════
   PLAAY — Eid Sale Offer Card (PDP)
   ══════════════════════════════════════════ */










/* Product page badge (inline above title, not absolute) */
.plaay-badge--inline {
  position: static;
  display: inline-block;
  margin-bottom: 12px;
  font-size: 10px;
  padding: 5px 12px;
}

/* PDP gallery overlay — larger badge on product image */
.template-product .plaay-badge {
  font-size: 12px;
  padding: 6px 14px;
  top: 16px;
  left: 16px;
  z-index: 2;
}

/* ============================================================
   PLAAY — Compact 2-column mobile grid (shared card styles)
   ============================================================ */

@media (max-width: 639px) {
.compact-grid .product_tile_featured_image,
  .compact-grid .product_tile_secondary_image,
  .compact-grid-wrapper .product_tile_featured_image,
  .compact-grid-wrapper .product_tile_secondary_image {
    height: 9rem;
  }
.compact-grid .content_container,
  .compact-grid-wrapper .content_container {
    padding-top: 1.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.75rem;
  }
.compact-grid .card-product-title,
  .compact-grid-wrapper .card-product-title {
    font-size: 0.65rem;
    line-height: 1.2;
  }
.compact-grid .csutom-info,
  .compact-grid-wrapper .csutom-info {
    padding-top: 0.25rem;
    gap: 0.25rem;
  }
.compact-grid .btn,
  .compact-grid-wrapper .btn {
    font-size: 0.65rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
.compact-grid .product_flip_front .h-14.w-14,
  .compact-grid-wrapper .product_flip_front .h-14.w-14 {
    position: absolute !important;
    top: -4px !important;
    right: 4px !important;
    margin: 0 !important;
    transform: none !important;
    height: 2.5rem !important;
    width: 2.5rem !important;
    font-size: 0.5rem !important;
  }
.compact-grid [data-product-tile],
  .compact-grid-wrapper .glide__slide {
    max-width: 100% !important;
  }
.compact-grid .plaay-badge,
  .compact-grid-wrapper .plaay-badge {
    font-size: 8px;
    padding: 3px 7px;
    top: 8px;
    left: 8px;
  }
.compact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
.compact-grid-wrapper,
  .compact-grid-wrapper .glide,
  .compact-grid-wrapper .glide__track {
    overflow: visible !important;
    height: auto !important;
  }
.compact-grid-wrapper .glide__slides {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    transform: none !important;
    width: 100% !important;
    flex-wrap: unset;
    height: auto !important;
  }
.compact-grid-wrapper .glide__slide {
    width: 100% !important;
    height: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
.compact-grid-wrapper .glide__arrows,
  .compact-grid-wrapper .glide__bullets {
    display: none !important;
  }
.compact-grid-wrapper .glide__slide--clone {
    display: none !important;
  }
}

/* ============================================================
   PLAAY — Sticky Add to Bag bars (PDP)
   Positioning/display is handled by JS; CSS only adds hover states
   ============================================================ */
.plaay-sticky-mobile {
  display: none; /* JS sets display:block when appropriate */
}
















































/* ═══════════════════════════════════════════════════════
   PLAAY CRO PHASE 3 — FREQUENTLY BOUGHT TOGETHER
   ═══════════════════════════════════════════════════════ */








/* ── Item list ── */









/* Checkbox */






/* Image */





/* Info */





/* ── Summary panel ── */








/* ── PDP Info Tabs ── */














/* ── Collection USP bar ── */








/* ══════════════════════════════════════════
   PLAAY — Wishlist Heart
   ══════════════════════════════════════════ */
.plaay-wl-heart {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 8;
  background: rgba(255,255,255,0.85);
  border: none;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: background 0.2s, transform 0.15s;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  box-shadow: 0 1px 6px rgb(var(--plaay-navy-rgb) / 0.12);
}
.plaay-wl-heart:hover {
  background: #fff;
  transform: scale(1.1);
}
.plaay-wl-heart__icon {
  width: 16px;
  height: 16px;
  color: var(--plaay-navy);
  display: block;
  transition: color 0.2s;
}
.plaay-wl-heart.is-wishlisted .plaay-wl-heart__icon { color: #E11D24; }
.plaay-wl-heart.is-wishlisted .plaay-wl-heart__path { fill: #E11D24; stroke: #E11D24; }

/* PDP variant — inline, static, larger */
.plaay-wl-heart--pdp {
  position: static;
  width: 40px;
  height: 40px;
  background: #f4f4f4;
  box-shadow: none;
  flex-shrink: 0;
  margin-left: auto;
}
.plaay-wl-heart--pdp .plaay-wl-heart__icon { width: 20px; height: 20px; }

/* PDP title row */



/* Pop animation */
@keyframes plaay-wl-pop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.35); }
  70%  { transform: scale(0.9); }
  100% { transform: scale(1); }
}
.plaay-wl-heart--pop { animation: plaay-wl-pop 0.35s ease forwards; }

/* ══════════════════════════════════════════
   PLAAY — Wishlist Page
   ══════════════════════════════════════════ */



@keyframes plaay-spin { to { transform: rotate(360deg); } }


















/* ══════════════════════════════════════════════════════
   PLAAY — PDP 5-Tab Enhancements
   Tab 2: Ingredients | Tab 3: Nutrition | Tab 4: How to Enjoy | Tab 5: Shipping
   Brand: var(--plaay-navy) dark-blue · var(--plaay-yellow) yellow
   ══════════════════════════════════════════════════════ */

/* ── Ingredients list ──────────────────────────────── */






/* ── Nutrition grid ────────────────────────────────── */








/* ── How to Enjoy (storage) ────────────────────────── */





/* ── Shipping & Returns icons ──────────────────────── */











/* ── Title row (shared between main-product & truffle) */



/* ══════════════════════════════════════════
   PLAAY — Cart Tier Bar
   ══════════════════════════════════════════ */
.plaay-tier-bar { padding: 2px 0 4px; }
.plaay-tier-bar__msg {
  font-size: 12.5px;
  color: var(--plaay-navy);
  margin: 0 0 8px;
  line-height: 1.4;
  font-family: var(--font-walsheim-regular, inherit);
}
.plaay-tier-bar__msg strong { font-family: var(--font-walsheim-bold, inherit); }
.plaay-tier-bar__msg--done {
  color: #1a7a3c;
  font-family: var(--font-walsheim-bold, inherit);
  display: flex;
  align-items: center;
  gap: 5px;
}
.plaay-tier-bar__track {
  height: 7px;
  background: rgb(var(--plaay-navy-rgb) / 0.1);
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 10px;
}
.plaay-tier-bar__fill {
  height: 100%;
  background: var(--plaay-yellow);
  border-radius: 999px;
  transition: width 0.4s ease;
  min-width: 4px;
}
.plaay-tier-bar__pills {
  display: flex;
  gap: 5px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 2px;
}
.plaay-tier-bar__pills::-webkit-scrollbar { display: none; }
.plaay-tier-bar__pill {
  flex-shrink: 0;
  font-size: 10.5px;
  font-family: var(--font-walsheim-bold, inherit);
  color: rgb(var(--plaay-navy-rgb) / 0.55);
  border: 1.5px solid rgb(var(--plaay-navy-rgb) / 0.18);
  border-radius: 999px;
  padding: 3px 9px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: transparent;
}
.plaay-tier-bar__pill--done {
  background: var(--plaay-navy);
  color: var(--plaay-yellow);
  border-color: var(--plaay-navy);
}
.plaay-tier-bar--gift-unlocked {
  animation: plaayTierGiftUnlock 0.95s cubic-bezier(0.22, 1, 0.36, 1);
}
.plaay-tier-bar--gift-lost {
  animation: plaayTierGiftLost 0.7s ease;
}

@keyframes plaayTierGiftUnlock {
  0% {
    transform: scale(0.98);
    opacity: 0.85;
  }
  35% {
    transform: scale(1.02);
    opacity: 1;
  }
  60% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgb(var(--plaay-yellow-rgb) / 0.38);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 18px rgb(var(--plaay-yellow-rgb) / 0);
  }
}

@keyframes plaayTierGiftLost {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(0.985);
    opacity: 0.92;
  }
  50% {
    transform: scale(1.01);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.plaay-cart-confetti {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 18050;
}

.plaay-cart-confetti__piece {
  position: absolute;
  top: -24px;
  width: 10px;
  height: 16px;
  border-radius: 3px;
  opacity: 0;
  transform: translate3d(0, 0, 0) rotate(0deg);
  animation: plaayCartConfettiFall 1150ms cubic-bezier(0.16, 0.84, 0.34, 1) forwards;
}

@keyframes plaayCartConfettiFall {
  0% {
    opacity: 0;
    transform: translate3d(0, -8px, 0) rotate(0deg) scale(0.8);
  }
  10% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(var(--confetti-x, 0), var(--confetti-y, 180px), 0) rotate(var(--confetti-rotate, 180deg)) scale(1);
  }
}

/* ══════════════════════════════════════════
   PLAAY — Cart drawer buttons
   ══════════════════════════════════════════ */





/* ══════════════════════════════════════════
   PLAAY — Trust badges (image-based, no box)
   Upload files named plaay-badge-halal.png, plaay-badge-gluten-free.png,
   plaay-badge-vegan.png, plaay-badge-palm-free.png, plaay-badge-clean.png
   to the theme Assets folder.
   ══════════════════════════════════════════ */






























/* ══════════════════════════════════════════
   PLAAY — Cart Discount Code Accordion
   ══════════════════════════════════════════ */
.plaay-discount-wrap {
  margin-bottom: 10px;
}
.plaay-discount-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: rgb(var(--plaay-navy-rgb) / 0.6);
  font-size: 12px;
  letter-spacing: 0.02em;
  width: 100%;
  text-align: left;
  transition: color 0.15s;
}
.plaay-discount-toggle:hover {
  color: var(--plaay-navy);
}
.plaay-discount-chevron {
  margin-left: auto;
  transition: transform 0.2s ease;
}
.plaay-discount-toggle[aria-expanded="true"] .plaay-discount-chevron {
  transform: rotate(180deg);
}
.plaay-discount-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.22s ease;
  overflow: hidden;
}
.plaay-discount-body > * {
  overflow: hidden;
}
.plaay-discount-body--open {
  grid-template-rows: 1fr;
}
.plaay-discount-row {
  display: flex;
  gap: 8px;
  padding-top: 10px;
}
.plaay-discount-input {
  flex: 1;
  height: 40px;
  border: 1.5px solid rgb(var(--plaay-navy-rgb) / 0.2);
  border-radius: 8px;
  padding: 0 12px;
  font-size: 13px;
  color: var(--plaay-navy);
  background: #fff;
  outline: none;
  transition: border-color 0.15s;
}
.plaay-discount-input:focus {
  border-color: var(--plaay-navy);
}
.plaay-discount-input::placeholder {
  color: rgb(var(--plaay-navy-rgb) / 0.35);
}
.plaay-discount-apply-btn {
  height: 40px;
  padding: 0 16px;
  background: var(--plaay-navy);
  color: var(--plaay-yellow);
  border: none;
  border-radius: 8px;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s;
}
.plaay-discount-apply-btn:hover {
  background: var(--plaay-yellow);
  color: var(--plaay-navy);
}
.plaay-discount-msg {
  font-size: 11px;
  margin-top: 6px;
  min-height: 16px;
  color: rgb(var(--plaay-navy-rgb) / 0.6);
}



.plaay-promo-summary {
  display: flex;
  justify-content: flex-end;
}

.plaay-promo-summary__chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  max-width: 100%;
}

.plaay-promo-summary__chip {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 10.5px;
  line-height: 1;
  white-space: nowrap;
}

.plaay-promo-summary__chip {
  border: 1px solid rgb(var(--plaay-navy-rgb) / 0.12);
  background: rgb(var(--plaay-navy-rgb) / 0.05);
  color: var(--plaay-navy);
  font-family: walsheim-bold, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.plaay-promo-summary__chip--dismissable {
  gap: 7px;
  padding-right: 6px;
}



.plaay-promo-summary__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  padding: 0;
  border: none;
  background: rgb(var(--plaay-navy-rgb) / 0.08);
  color: var(--plaay-navy);
  font-size: 14px;
  line-height: 1;
  font-family: walsheim-bold, sans-serif;
  cursor: pointer;
  flex: 0 0 auto;
  transition: background 0.15s ease, color 0.15s ease;
}

.plaay-promo-summary__remove:hover {
  background: var(--plaay-navy);
  color: #fff;
}

/* ════════════════════════════════════════════
   PLAAY — Cart Drawer Density Tuning
   Keeps the design intact while showing more content at once
   ════════════════════════════════════════════ */
cart-drawer [data-drawer] .border-b.border-dark-blue.border-opacity-10.flex-shrink-0 {
  padding-top: 14px;
  padding-bottom: 14px;
}

cart-drawer [data-drawer] .border-b.border-dark-blue.border-opacity-10.flex-shrink-0 h3 {
  font-size: 1.85rem;
}

cart-drawer [data-drawer] .border-b.border-dark-blue.border-opacity-10.flex-shrink-0 [data-cart-drawer-count-wrapper] {
  width: 22px;
  height: 22px;
  font-size: 11px;
}

[data-cart-drawer-content] > .sticky {
  padding: 10px 16px 12px;
  box-shadow: 0 -4px 16px rgb(var(--plaay-navy-rgb) / 0.05);
}

[data-cart-drawer-footer] .mb-3.rounded-2xl {
  margin-bottom: 10px;
  padding: 11px 13px;
  border-radius: 16px;
}

[data-cart-drawer-footer] .mb-3.rounded-2xl .rounded-xl {
  border-radius: 12px;
  padding: 8px 10px;
}

[data-cart-drawer-footer] [data-subtotal] span:first-child {
  font-size: 1.45rem;
  line-height: 1;
}

[data-cart-drawer-footer] p.text-xs.text-dark-blue {
  font-size: 10px;
  line-height: 1.25;
  margin-bottom: 8px;
}

.plaay-discount-wrap {
  margin-bottom: 6px;
}

.plaay-discount-toggle {
  font-size: 10.5px;
}

.plaay-discount-row {
  padding-top: 6px;
}

.plaay-discount-input {
  height: 36px;
  font-size: 12px;
}

.plaay-discount-apply-btn {
  height: 36px;
  padding: 0 14px;
  font-size: 11px;
}





[data-cart-drawer-footer] > .flex.items-center.justify-between.py-3 {
  padding-top: 8px;
  padding-bottom: 6px;
  margin-bottom: 2px;
}

[data-cart-drawer-footer] > .flex.items-center.justify-between.py-3 > span:first-child {
  font-size: 13px;
  line-height: 1;
}

[data-cart-drawer-footer] [data-subtotal] {
  gap: 2px;
}

.plaay-promo-summary {
  margin-bottom: 8px;
}

.plaay-promo-summary__chips {
  gap: 5px;
}

.plaay-promo-summary__chip {
  min-height: 22px;
  padding: 4px 9px;
  font-size: 9.5px;
}

.plaay-tier-bar {
  padding: 0 0 2px;
}

.plaay-tier-bar__msg {
  font-size: 12px;
  margin-bottom: 9px;
}

.plaay-tier-bar__track {
  height: 6px;
  margin-bottom: 8px;
}

.plaay-tier-bar__pill {
  font-size: 10px;
  padding: 3px 8px;
}







.plaay-upsell-card {
  width: 176px;
  flex-basis: 176px;
  border-radius: 14px;
}

.plaay-upsell-card__img-wrap {
  padding: 10px;
}

.plaay-upsell-card__body {
  padding: 10px;
  gap: 8px;
}

.plaay-upsell-card__price {
  font-size: 16px;
}

.plaay-upsell-card__btn {
  min-height: 38px;
  padding: 8px 10px;
}

@media (max-width: 767px) {
cart-drawer [data-drawer] .border-b.border-dark-blue.border-opacity-10.flex-shrink-0 {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 18px;
    padding-right: 18px;
  }
cart-drawer [data-drawer] .border-b.border-dark-blue.border-opacity-10.flex-shrink-0 h3 {
    font-size: 1.65rem;
  }
[data-cart-drawer-content] > .sticky {
    padding: 12px 14px 14px;
  }
.cart_items_container {
    padding-left: 2px;
    padding-right: 2px;
  }
.plaay-tier-bar__msg {
    font-size: 11px;
    margin-bottom: 8px;
  }
.plaay-tier-bar__pills {
    gap: 4px;
  }
.plaay-tier-bar__pill {
    font-size: 9.5px;
    padding: 3px 7px;
  }
.plaay-upsell-card {
    width: 156px;
    flex-basis: 156px;
  }
.plaay-upsell-card__title {
    font-size: 9.5px;
    min-height: 2.5em;
  }
.plaay-upsell-card__price {
    font-size: 15px;
  }
.plaay-upsell-card__btn {
    min-height: 36px;
    font-size: 10.5px;
  }
.plaay-promo-summary__chips {
    gap: 5px;
  }
.plaay-promo-summary__chip {
    min-height: 24px;
    padding: 5px 9px;
    font-size: 10px;
  }
}

/* ══════════════════════════════════════════
   PLAAY — Cart Empty State
   ══════════════════════════════════════════ */


/* ── Illustration ── */



/* Subtle float animation on the bag */
@keyframes plaay-float {
  0%, 100% { transform: translateY(0);   }
  50%       { transform: translateY(-6px); }
}

/* Sparkle pulse */
@keyframes plaay-sparkle {
  0%, 100% { opacity: 1; transform: scale(1);    }
  50%       { opacity: 0.4; transform: scale(0.6); }
}







/* ── USPs ── */




/* ── Section label ── */


/* ── Collection cards ── */












/* Variety Packs — yellow card */

/* Chocolate Bars — navy card */


/* Truffles — warm cream card */


/* ==========================================
   PLAAY - Design tokens

   Colour values come from PLAAY GUIDELINES 2024 v2, pages 16-18. The theme had been
   running approximations of all three brand colours:

     yellow   #F9C61D  ->  #FFB600   (Pantone 7549C) - the old one is lighter and greener
     navy     #021D49  ->  #081D48   (Pantone 2768C)
     purple   #813D87  ->  #A028B4   (Pantone 2592C) - the old one is desaturated, muddy

   plus a second yellow (#F7C744) and a second purple (#9F2BB8) that existed only because
   two people picked colours by eye on different days. Both now resolve to a real brand
   value.

   The flavour palette is the SKU colour system from page 18. It is what makes Plaay
   packaging recognisable and it appears nowhere on the site - defined here so PDP and
   category theming can use it.

   Everything below is consumed by the Tailwind utility overrides further down; changing
   a value here changes it site-wide.
   ========================================== */
:root {
  /* Brand. The -rgb triplets exist so the Tailwind utility overrides below can keep
     feeding --tw-bg-opacity / --tw-text-opacity; text-dark-blue is combined with
     text-opacity-50 in the account and contact templates. */
  --plaay-yellow: #FFB600;
  --plaay-yellow-rgb: 255 182 0;
  --plaay-navy: #081D48;
  --plaay-navy-rgb: 8 29 72;
  --plaay-purple: #A028B4;
  --plaay-purple-rgb: 160 40 180;
  --plaay-amber: #FFB81C;
  --plaay-amber-rgb: 255 184 28;
  --plaay-cream: #FFF7DD;

  /* Flavour / SKU palette - guidelines p.18 */
  --plaay-f-triple: #9B26B6;
  --plaay-f-peanut: #FFB600;
  --plaay-f-pistachio: #46A140;
  --plaay-f-caramel: #FF9115;
  --plaay-f-almond: #A028B4;
  --plaay-f-cookies: #00BCB4;
  --plaay-f-mocha: #213B8B;
  --plaay-f-salted: #FFB81C;
  --plaay-f-limited: #FF3EB5;
  --plaay-f-lime: #E0E622;

  /* Semantic */
  --plaay-ink: var(--plaay-navy);
  --plaay-accent: var(--plaay-yellow);
  /* Was rgba(2,29,73,0.66) and #9E9E9E in places - the latter rendered price text at
     2.68:1 on white, under the 4.5:1 minimum. 0.72 alpha on navy clears it. */
  --plaay-muted: rgba(8, 29, 72, 0.72);
  --plaay-border: rgba(8, 29, 72, 0.12);

  /* Radius - the theme had nine distinct values in use (3, 8, 12, 14, 18, 24px, 50%,
     999px, 9999px). New work should use these three. */
  --plaay-r-sm: 8px;
  --plaay-r-md: 16px;
  --plaay-r-pill: 999px;
  --plaay-card-radius: 18px; /* kept: existing cards are built around it */

  /* Type */
  --plaay-copy: clamp(14px, 0.95vw, 16px);
  --plaay-small-copy: clamp(12px, 0.8vw, 14px);
  --plaay-heading-tight: 0.98;

  /* Motion - one duration set and two curves, so animation added later is consistent.
     ease-out is the calm-confidence curve, ease-pop the playful overshoot. */
  --plaay-d-1: 120ms;
  --plaay-d-2: 200ms;
  --plaay-d-3: 320ms;
  --plaay-d-4: 480ms;
  --plaay-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --plaay-ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ------------------------------------------------------------------------------------
   Brand colour utilities

   bundle.theme.css is a webpack artifact built from a source repo that is not in here,
   so its Tailwind colour definitions cannot be regenerated. custom.css loads after it at
   equal specificity, so redefining the six brand utilities is enough to move the whole
   site onto the real palette without touching the artifact and without !important.
   ------------------------------------------------------------------------------------ */
.bg-yellow {
  background-color: rgb(var(--plaay-yellow-rgb) / var(--tw-bg-opacity, 1));
}

.text-yellow {
  color: rgb(var(--plaay-yellow-rgb) / var(--tw-text-opacity, 1));
}

.bg-yellow-secondary {
  background-color: rgb(var(--plaay-amber-rgb) / var(--tw-bg-opacity, 1));
}

.border-yellow-secondary {
  border-color: rgb(var(--plaay-amber-rgb) / var(--tw-border-opacity, 1));
}

.bg-dark-blue {
  background-color: rgb(var(--plaay-navy-rgb) / var(--tw-bg-opacity, 1));
}

.text-dark-blue {
  color: rgb(var(--plaay-navy-rgb) / var(--tw-text-opacity, 1));
}

.border-dark-blue {
  border-color: rgb(var(--plaay-navy-rgb) / var(--tw-border-opacity, 1));
}

.bg-purple-dark {
  background-color: rgb(var(--plaay-purple-rgb) / var(--tw-bg-opacity, 1));
}

.text-purple-dark {
  color: rgb(var(--plaay-purple-rgb) / var(--tw-text-opacity, 1));
}

body,
button,
input,
select,
textarea {
  color: var(--plaay-ink);
  font-family: var(--font-walsheim-regular, "walsheim-regular", sans-serif);
}

body p,
body li,
body label,
body input,
body select,
body textarea,
.rte p,
.rte li {
  line-height: 1.5;
}

main p,
main li,
main label {
  font-size: var(--plaay-copy);
}

/* Form controls stay at 16px: anything smaller makes iOS Safari zoom the viewport on
   focus. Body copy can still use --plaay-copy. */
main input,
main select,
main textarea {
  font-size: 16px;
}

:where(main, .shopify-section, footer) h1,
:where(main, .shopify-section, footer) h2,
:where(main, .shopify-section, footer) h3,
:where(main, .shopify-section, footer) h4 {
  color: var(--plaay-ink);
  letter-spacing: -0.03em;
  line-height: var(--plaay-heading-tight);
}

:where(main, .shopify-section, footer) h5,
:where(main, .shopify-section, footer) h6 {
  color: var(--plaay-ink);
  line-height: 1.18;
}

.btn, button.rebuy-button, #rebuy-add-to-cart-button {
  border-radius: 14px;
  font-size: 14px !important;
  letter-spacing: 0.07em !important;
}

.card-product-title {
  font-size: clamp(15px, 1vw, 18px);
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.product_price {
  font-size: clamp(15px, 1vw, 18px) !important;
  line-height: 1.05;
}

.product_compare_at_price {
  font-size: clamp(12px, 0.85vw, 15px) !important;
  line-height: 1.05;
  opacity: 0.52;
}

.product_tile {
  border-color: var(--plaay-border);
  border-radius: var(--plaay-card-radius);
  box-shadow: 0 14px 34px rgb(var(--plaay-navy-rgb) / 0.06);
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.product_tile:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgb(var(--plaay-navy-rgb) / 0.1);
}

.content_container {
  border-radius: var(--plaay-card-radius);
}



.pdp-title {
  font-size: clamp(2.2rem, 3.7vw, 4.2rem);
  line-height: 0.94;
  letter-spacing: -0.05em;
}





.plaay-tier-bar__msg, .plaay-discount-toggle, .plaay-discount-input, .plaay-discount-apply-btn, .plaay-promo-summary__chip {
  font-size: var(--plaay-small-copy);
}

.plaay-discount-toggle {
  line-height: 1.3;
}



.plaay-discount-msg {
  font-size: 13px;
}

.rebuy-bundle-title,
#rebuy-bundle-title {
  font-family: var(--font-walsheim-black, "walsheim-black", sans-serif) !important;
  font-size: clamp(28px, 3vw, 42px) !important;
  line-height: 0.96 !important;
  letter-spacing: -0.04em !important;
  text-transform: uppercase;
  color: var(--plaay-ink) !important;
}

.rebuy-product-title,
.rebuy-product-title-link {
  font-size: 14px !important;
  line-height: 1.22 !important;
  letter-spacing: -0.01em;
}

.rebuy-product-price,
.rebuy-price-amount,
#rebuy-bundle-total-price {
  line-height: 1.05 !important;
}

body footer h2 {
  font-size: clamp(34px, 5vw, 62px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.05em;
}

footer .footer-flex {
  gap: 38px;
}

.footer-brand-info,
.footer-brand-info div,
.footer-brand-info p,
footer li,
footer li a,
.footer-newsletter label.field__label,
.footer-newsletter .field input {
  font-size: 14px;
  line-height: 1.55;
}

.footer-brand-info h5,
footer .links-heading {
  margin-bottom: 14px;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

footer content-accordion .footer-accordion__trigger {
  font-family: var(--font-walsheim-bold, "walsheim-bold", sans-serif);
  font-size: 13px !important;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

footer content-accordion .footer-accordion__trigger > span:first-child {
  display: block;
  padding-right: 24px;
}

.footer-social-links a {
  margin-top: 16px !important;
}

.footer-newsletter .field {
  padding: 8px;
}

.footer-newsletter .field button {
  min-width: 124px;
  font-family: var(--font-walsheim-bold, "walsheim-bold", sans-serif);
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 11px 12px;
}

.footer-newsletter label.field__label {
  max-width: 100%;
  margin-bottom: 12px;
  opacity: 0.88;
}

@media (max-width: 749px) {
main p,
  main li,
  main label {
    font-size: 14px;
  }
main input,
  main select,
  main textarea {
    font-size: 16px;
  }
.card-product-title {
    font-size: 14px;
  }
.product_price {
    font-size: 15px !important;
  }
.product_compare_at_price {
    font-size: 12px !important;
  }
.pdp-title {
    font-size: clamp(2rem, 9vw, 3.2rem);
  }
.rebuy-bundle-title,
  #rebuy-bundle-title {
    font-size: 24px !important;
  }
.footer-brand-info h5,
  footer .links-heading {
    font-size: 12px;
  }
footer content-accordion .footer-accordion__trigger {
    font-size: 12px !important;
  }
.footer-brand-info,
  .footer-brand-info div,
  .footer-brand-info p,
  footer li,
  footer li a,
  .footer-newsletter label.field__label,
  .footer-newsletter .field input {
    font-size: 13px;
  }
.footer-newsletter .field button {
    min-width: 110px;
    font-size: 12px;
  }
}
/* Final premium consistency pass */
.plaay-account-pill {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: #f4f4f4;
  border: 1px solid rgb(var(--plaay-navy-rgb) / 0.08);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.plaay-account-pill:hover {
  background: var(--plaay-navy);
  color: #fff;
  border-color: var(--plaay-navy);
}

.plaay-header-actions {
  display: none;
}

.plaay-account-icon-link {
  position: relative;
  z-index: 2;
}

.plaay-desktop-search {
  position: relative;
}

.plaay-search-panel {
  min-width: 360px;
  width: 360px;
  z-index: 20;
  position: absolute;
  top: calc(100% + 16px);
  right: 0;
}

.plaay-search-panel__shell {
  padding: 18px;
  background: #fff;
  border: 1px solid rgb(var(--plaay-navy-rgb) / 0.08);
  border-radius: 22px;
  box-shadow: 0 24px 50px rgb(var(--plaay-navy-rgb) / 0.14);
}

.plaay-search-panel__label {
  display: block;
  margin-bottom: 10px;
  color: var(--plaay-navy);
  font-family: var(--font-walsheim-bold, "walsheim-bold", sans-serif);
  font-size: 11px;
  letter-spacing: 0.14em;
  line-height: 1;
  text-transform: uppercase;
}

.plaay-search-panel__row {
  display: flex;
  gap: 10px;
}

.plaay-search-panel__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 46px;
  border: 1px solid rgb(var(--plaay-navy-rgb) / 0.14);
  border-radius: 14px;
  padding: 0 14px;
  color: var(--plaay-navy);
  font-size: 14px;
  background: #f8f9fc;
}

.plaay-search-panel__input:focus {
  outline: none;
  border-color: var(--plaay-navy);
  background: #fff;
}

.plaay-search-panel__submit {
  height: 46px;
  padding: 0 18px;
  border: none;
  border-radius: 14px;
  background: var(--plaay-navy);
  color: var(--plaay-yellow);
  font-family: var(--font-walsheim-bold, "walsheim-bold", sans-serif);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  flex-shrink: 0;
}

.plaay-search-panel__links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.plaay-search-panel__links a {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgb(var(--plaay-navy-rgb) / 0.05);
  color: var(--plaay-navy);
  font-family: var(--font-walsheim-bold, "walsheim-bold", sans-serif);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.plaay-desktop-search .navigation_search.active {
  display: block;
}

/* Mobile search panel — outside .mobile_menu so position:fixed works */
.plaay-mobile-search-panel {
  display: none;
  position: fixed;
  top: 112px; /* fallback; JS overrides with actual header bottom */
  left: 0;
  right: 0;
  z-index: 16000;
  padding: 0 16px 4px;
  background: transparent;
}

.plaay-mobile-search-panel.active {
  display: block;
}

.plaay-mobile-search-panel .plaay-search-panel__shell {
  border-radius: 22px;
  box-shadow: 0 8px 32px rgb(var(--plaay-navy-rgb) / 0.18);
}

/* Search results grid — override broken Tailwind grid-cols-2 duplicate */
.template-search .collection {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
@media (min-width: 640px) {
.template-search .collection {
    gap: 1.5rem !important;
  }
}
@media (min-width: 1024px) {
.template-search .collection {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 2.5rem !important;
  }
}

/* Search results — collection cards grid */










/* Predictive / live search results in header panel */
.plaay-search-live {
  max-height: 340px;
  overflow-y: auto;
  margin-top: 4px;
}
.plaay-search-live__loading,
.plaay-search-live__empty {
  font-size: 12px;
  color: rgb(var(--plaay-navy-rgb) / 0.5);
  padding: 10px 4px;
  font-family: var(--font-walsheim, sans-serif);
}
.plaay-search-live__group {
  margin-bottom: 4px;
}
.plaay-search-live__group-label {
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgb(var(--plaay-navy-rgb) / 0.45);
  font-family: var(--font-walsheim-bold, sans-serif);
  padding: 6px 0 3px;
  border-top: 1px solid rgb(var(--plaay-navy-rgb) / 0.08);
  margin-top: 2px;
}
.plaay-search-live__row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 0;
  text-decoration: none;
  border-radius: 8px;
  transition: background 0.1s;
}
.plaay-search-live__row:hover {
  background: rgb(var(--plaay-navy-rgb) / 0.04);
}
.plaay-search-live__thumb {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
  flex-shrink: 0;
  background: #f4f4f4;
}
.plaay-search-live__thumb--empty {
  background: #ebebeb;
}
.plaay-search-live__row-info {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.plaay-search-live__row-title {
  font-size: 13px;
  color: var(--plaay-navy);
  font-family: var(--font-walsheim, sans-serif);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.plaay-search-live__row-price {
  font-size: 11px;
  color: rgb(var(--plaay-navy-rgb) / 0.6);
  font-family: var(--font-walsheim-bold, sans-serif);
}
.plaay-search-live__view-all {
  display: block;
  margin-top: 8px;
  padding: 8px 0 2px;
  border-top: 1px solid rgb(var(--plaay-navy-rgb) / 0.08);
  font-size: 12px;
  color: var(--plaay-navy);
  font-family: var(--font-walsheim-bold, sans-serif);
  text-decoration: none;
  text-align: center;
}
.plaay-search-live__view-all:hover { text-decoration: underline; }

.header__icon--cart {
  flex-shrink: 0;
}

.plaay-mobile-account .plaay-mobile-wishlist__icon-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin-right: 12px;
}

@media (min-width: 1024px) {
.plaay-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 14px;
    margin-right: 10px;
    flex-shrink: 0;
  }
.plaay-header-utility {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 1px solid rgb(var(--plaay-navy-rgb) / 0.08);
    background: #fff;
    color: var(--plaay-navy);
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    overflow: visible;
    flex-shrink: 0;
  }
.plaay-header-utility:hover {
    background: var(--plaay-navy);
    color: #fff;
    border-color: var(--plaay-navy);
    transform: translateY(-1px);
  }
.plaay-header-utility--search {
    border: 1px solid rgb(var(--plaay-navy-rgb) / 0.08);
    background: #fff;
    color: inherit;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    cursor: pointer;
  }
.plaay-header-utility--search svg {
    width: 18px;
    height: 18px;
    display: block;
  }
.plaay-header-actions .plaay-header-wishlist {
    width: 40px;
    height: 40px;
  }
}

.plaay-mobile-menu-trust {
  background: linear-gradient(180deg, rgb(var(--plaay-yellow-rgb) / 0.08) 0%, rgb(var(--plaay-yellow-rgb) / 0.02) 100%);
}

.plaay-mobile-menu-trust__eyebrow {
  margin: 0 0 14px;
  color: var(--plaay-navy);
  font-size: 11px;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
}

.plaay-mobile-menu-trust__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.plaay-mobile-menu-trust__item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 12px 14px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgb(var(--plaay-navy-rgb) / 0.08);
  box-shadow: 0 10px 24px rgb(var(--plaay-navy-rgb) / 0.05);
}

.plaay-mobile-menu-trust__dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  flex-shrink: 0;
  background: var(--plaay-yellow);
  box-shadow: 0 0 0 5px rgb(var(--plaay-yellow-rgb) / 0.18);
}

.plaay-mobile-menu-trust__label {
  color: var(--plaay-navy);
  font-family: var(--font-walsheim-bold, "walsheim-bold", sans-serif);
  font-size: 11px;
  line-height: 1.25;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.product_compare_at_price, .product_compare_at_price--sale, span.rebuy-money.compare-at, span.rebuy-money.compare-at span {
  color: #df5346 !important;
  opacity: 1 !important;
}



.pdp-title {
  display: block;
  margin: 0;
}

.plaay-wl-heart--pdp {
  position: absolute;
  top: 4px;
  right: 0;
  margin-left: 0;
  width: 42px;
  height: 42px;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgb(var(--plaay-navy-rgb) / 0.1);
  box-shadow: 0 10px 22px rgb(var(--plaay-navy-rgb) / 0.08);
}















footer > .container {
  position: relative;
}

footer .footer-flex {
  align-items: start;
}

.footer-brand-info {
  max-width: 29rem;
}

.footer-newsletter .field {
  border-radius: 18px;
}

.footer-newsletter .field button {
  border-radius: 14px;
}



@media (max-width: 749px) {
.plaay-account-pill {
    display: none;
  }
.plaay-mobile-menu-trust {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
.plaay-mobile-menu-trust__grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }
.plaay-mobile-menu-trust__item {
    min-height: 46px;
    padding: 11px 12px;
    border-radius: 16px;
  }
.plaay-mobile-menu-trust__label {
    font-size: 10px;
    letter-spacing: 0.05em;
  }
.plaay-wl-heart--pdp {
    top: 2px;
    width: 38px;
    height: 38px;
  }
}



@media (max-width: 1023px) {
.plaay-header-actions,
  .plaay-account-pill {
    display: none !important;
  }
}

/* Product tile hover swap (disabled on Limited Editions) */
.product-tile {
  position: relative;
}
.product_tile:not(.product_tile--no-hover):hover .product_tile_secondary_image {
  opacity: 1;
}
.product_tile:not(.product_tile--no-hover):hover .product_tile_featured_image {
  opacity: 0;
}

/* WhatsApp float button */
.plaay-wa-float {
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 56px;
  height: 56px;
  background: #25D366;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(0,0,0,.18);
  z-index: 9999;
  transition: transform .15s ease, box-shadow .15s ease;
}
.plaay-wa-float:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(0,0,0,.22);
}
.plaay-wa-icon {
  width: 28px;
  height: 28px;
  display: block;
}
@media (max-width: 768px) {
.plaay-wa-float {
    right: 14px;
    bottom: 14px;
  }
}

/* ── Hero mobile ──────────────────────────────────── */
@media (max-width: 767px) {
.two-sections-overlay {
    max-height: calc(100svh - 110px) !important;
  }
.two-sections-overlay .textual_content {
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px);
  }
.two-sections-overlay .textual_content .btn {
    min-width: 200px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 0.8rem;
  }
}

/* ── Product gallery thumbnails mobile ────────────── */
@media (max-width: 767px) {
#product-gallery-thumbnails .glide__slide--active div {
    border-color: var(--plaay-navy);
    border-width: 2px;
    border-opacity: 1;
  }
.template-product .plaay-badge {
    z-index: 20;
    left: 8px;
    top: 8px;
  }
}

/* ── Eid countdown timer (cart drawer, below tier bar) ──────────────────── */
.plaay-eid-countdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--plaay-navy);
  border-radius: 8px;
  padding: 7px 12px;
  margin-top: 6px;
  gap: 8px;
}
.plaay-eid-countdown__label {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.75);
  font-family: var(--font-walsheim-regular, inherit);
  white-space: nowrap;
  flex-shrink: 0;
}
.plaay-eid-countdown__segments {
  display: flex;
  align-items: center;
  gap: 3px;
}
.plaay-eid-countdown__seg {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--plaay-yellow);
  border-radius: 5px;
  padding: 3px 7px 2px;
  min-width: 28px;
  line-height: 1;
}
.plaay-eid-countdown__seg b {
  font-family: var(--font-walsheim-black, var(--font-walsheim-bold, inherit));
  font-size: 13px;
  color: var(--plaay-navy);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  display: block;
  transform-origin: center bottom;
  backface-visibility: hidden;
}
@keyframes plaay-flip-in {
  0%   { transform: perspective(80px) rotateX(-90deg); opacity: 0.4; }
  100% { transform: perspective(80px) rotateX(0deg);   opacity: 1;   }
}
.plaay-eid-countdown__seg b.plaay-flip-in {
  animation: plaay-flip-in 0.22s ease-out forwards;
}
.plaay-eid-countdown__seg small {
  font-size: 8px;
  color: var(--plaay-navy);
  opacity: 0.65;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 1px;
}
.plaay-eid-countdown__sep {
  color: var(--plaay-yellow);
  font-size: 13px;
  font-weight: bold;
  margin: 0 1px;
  padding-bottom: 10px;
  opacity: 0.6;
}
/* ─────────────────────────────────────────────────────────────────────────── */

/* ==========================================================================
   Mobile UX pass (Phase 5)
   Tap targets, iOS focus zoom, fixed-element collisions, motion.
   ========================================================================== */

@media (max-width: 1023px) {
.plaay-search-panel__input, .footer-newsletter .field input, .plaay-discount-input {
    font-size: 16px !important;
  }
.plaay-search-icon-wrap {
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: -12px;
    padding: 12px;
  }
[data-module="cookie-banner"] .plaay-cookie-banner__close, cart-drawer [data-close] {
    min-width: 44px;
    min-height: 44px;
  }
}

/* ---- Cookie banner vs WhatsApp float ----
   .plaay-wa-float sits at z-9999 and overlapped roughly 46px of the banner's Dismiss
   button on a 375px viewport, making part of a consent control untappable. While the
   banner is on screen it now wins the stack. */
[data-module="cookie-banner"]:not(.hidden) {
  z-index: 10000;
}

@media (max-width: 767px) {
[data-module="cookie-banner"]:not(.hidden) ~ .plaay-wa-float,
  body:has([data-module="cookie-banner"]:not(.hidden)) .plaay-wa-float {
    display: none;
  }
}

/* ---- Motion ----
   The theme has 22+ @keyframes, several infinite, behind only 3 reduced-motion guards. */
@media (prefers-reduced-motion: reduce) {
*,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
.announcement_bar__marquee,
  .nlb-sm__frame {
    animation: none !important;
    will-change: auto !important;
  }
}

/* ==========================================================================
   Quick-add popup - mobile rework
   Was a fixed centre-anchored card with no scroll, a 20px close target, a
   4-across USP row that wrapped mid-word, and subscription options that stayed
   on screen while "Just once" was selected.
   ========================================================================== */

.plaay-quick-add {
  max-height: 88vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

@supports (height: 100dvh) {
.plaay-quick-add { max-height: 88dvh; }
}

/* Subscription block belongs to the Subscribe state only. bundle.quick-add.js reads
   .popup_toggle.active for the same decision, so this keeps the UI honest with what
   actually gets added to the cart. */
.product_popup:not(:has(.popup_toggle.active)) [data-quick-add-selling-plan-container] {
  display: none !important;
}

@media (max-width: 640px) {
.plaay-quick-add {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
    transform: none;
    border-radius: 20px 20px 0 0;
    padding-bottom: calc(20px + env(safe-area-inset-bottom));
    box-shadow: 0 -8px 32px rgb(var(--plaay-navy-rgb) / 0.18);
  }
.plaay-quick-add::before {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    border-radius: 999px;
    background: rgb(var(--plaay-navy-rgb) / 0.18);
    margin: 0 auto 4px;
  }
.plaay-quick-add .usp-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    justify-items: center;
  }
.plaay-quick-add .usp-grid > * {
    margin-left: 0;
    max-width: none;
    text-align: center;
  }
.plaay-quick-add .popup_toggle {
    min-height: 44px;
  }
.plaay-quick-add .just_once,
  .plaay-quick-add .subscribe {
    font-size: 1rem;
  }
}

/* ---- Add to bag: consistent 44px targets on the tile and in the popup ---- */
@media (max-width: 1023px) {
.popup_atc,
  button[data-add-to-cart],
  .product_tile_atc,
  [data-quick-add] {
    min-height: 44px;
  }
quantity-adjuster button,
  [data-module="quantity-adjuster"] button {
    min-width: 44px;
    min-height: 44px;
  }
}

   Product tile
   Moved out of snippets/product-tile.liquid, which rendered these rules once per
   tile (20/**/-27 <style> tags per page). The two Liquid conditionals that used to be
   baked in are now the .product_tile--grey and .product_tile--has-hover modifiers.
   ========================================================================== */

.product_tile::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 6px;
  left: 8px;
  border-radius: 12px;
  background: #000;
  opacity: 0.1;
}

.product_tile--grey::after {
  background: rgba(128, 128, 128, 0.3);
  opacity: 1;
}

.product_flip_front,
.product_flip_back {
  transition: 0.1s opacity, 0.25s transform;
}

.product_flip_back {
  transform: rotateY(-180deg);
}

.product_flip_back.flip {
  transform: rotateY(0deg);
  opacity: 1;
}

.product_flip_front.flip {
  transform: rotateY(180deg);
  opacity: 0;
}

.whats_inside_button.active .icon {
  color: var(--plaay-yellow);
}

@media only screen and (min-width: 1024px) {
.product_tile--has-hover .product_flip_front:hover .product_tile_featured_image {
    opacity: 0;
  }
.product_tile--has-hover .product_flip_front:hover .product_tile_hover_state_image {
    opacity: 1;
  }
.product_tile--has-hover .product_flip_front:hover .btn {
    background: var(--plaay-purple);
    color: #FFF;
    border-color: var(--plaay-purple);
  }
.product_tile--has-hover .product_flip_front:hover .btn:hover {
    border-color: var(--plaay-navy);
    background: var(--plaay-navy);
    color: var(--plaay-yellow);
  }
}

/* ==========================================================================
   Mobile bottom nav
   Moved verbatim out of snippets/mobile-bottom-nav.liquid (inline <style>, ~11 KB
   on every page of the site). No Liquid was used in it.
   ========================================================================== */
  
  .pbn-sheet-backdrop { display: none; }

  @media (max-width: 1023px) {
.hamburger_icon { display: none !important; }
.header__icon--cart { display: none !important; }
header .inner_container {
      display: grid !important;
      grid-template-columns: 1fr auto 1fr !important;
      padding-left: 16px !important;
      padding-right: 16px !important;
    }
header .inner_container > div:first-child {
      width: auto !important;
      padding: 0 !important;
      display: flex;
      align-items: center;
    }
header .inner_container > div:nth-child(2) {
      width: auto !important;
    }
header .inner_container > div:last-child {
      width: auto !important;
      padding: 0 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
    }
.pbn-sheet-backdrop {
      display: block;
      position: fixed;
      inset: 0;
      background: rgb(var(--plaay-navy-rgb) / 0.55);
      z-index: 9010;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s ease;
    }
.pbn-sheet-backdrop.is-open { opacity: 1; pointer-events: auto; }
.pbn-nav__parent {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 15px 20px;
      font-family: walsheim-bold, sans-serif;
      font-size: 16px;
      color: var(--plaay-navy);
      background: transparent;
      border: none;
      text-align: left;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
    }
.pbn-nav__children {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.32s ease;
    }
.pbn-nav__children.is-open { max-height: 800px; }
.pbn__badge--hidden { display: none; }
body { padding-bottom: calc(60px + env(safe-area-inset-bottom)); }
#main { padding-bottom: 0; }
#plaay-sticky-mobile { bottom: calc(60px + env(safe-area-inset-bottom)) !important; }
.plaay-wa-float { bottom: calc(60px + env(safe-area-inset-bottom) + 12px) !important; }
body.pbn-menu-open #plaay-sticky-mobile { display: none !important; }
}

/* ==========================================================================
   Collection header + visually-hidden utility
   ========================================================================== */

/* Screen-reader-only text. The theme's existing trick for this is `text-0`
   (font-size: 0), which search engines treat as a hidden-text signal - this uses the
   standard clip technique instead. */












/* ==========================================================================
   Mobile sticky ATC - compact single row

   The bar measured 146px tall on a 375x812 device: a purchase-mode line, a
   thumbnail/price/quantity row and a full-width button, stacked. With the announcement
   bar (40), header (54) and bottom nav (60) that left 496px of a 812px screen - 39% of
   the viewport was permanently chrome.

   This lays the same three children out as [meta] over [price+qty | button], which lands
   at roughly 72px without removing anything. Every element the section JS updates
   (.plaay-sticky-mode, .plaay-sticky-plan, .plaay-sticky-benefits, .plaay-sticky-compare,
   .plaay-sticky-mobile-price, .plaay-mobile-qty) stays in the DOM.

   ponytail: !important is load-bearing here. sections/bars-main-product.liquid and
   sections/truffle-main-product.liquid both write these values as inline style
   attributes, and the two files have already drifted apart from each other, so one CSS
   block that overrides both is a smaller and safer change than rewriting two blocks of
   markup that no one can preview locally. Move the values into these rules and delete
   the style attributes when either section is next touched properly.
   ========================================================================== */

@media (max-width: 1023px) {
.plaay-sticky-mobile {
    border-top: 1px solid var(--plaay-border);
    box-shadow: 0 -6px 20px rgb(var(--plaay-navy-rgb) / 0.08);
  }
}

/* Very narrow phones (iPhone SE and similar): drop the price from the bar rather than
   squeeze all three. The price is still on screen in the product form above, and the
   stepper plus a full-width CTA is the more useful pair at 320px. */


/* ==========================================================================
   Collection filter + sort bar
   ========================================================================== */

























/* ==========================================================================
   Accessibility pass

   Findings this addresses, all measured on the live site:
   86 of 163 tappable elements under 44x44, production text at 8/9/10/11px, and no way
   for a keyboard user to get past the header.
   ========================================================================== */

.plaay-skip-link {
  position: absolute;
  left: 8px;
  top: -60px;
  z-index: 99999;
  padding: 12px 18px;
  border-radius: var(--plaay-r-sm);
  background: var(--plaay-navy);
  color: var(--plaay-yellow);
  font-family: var(--font-walsheim-bold, "walsheim-bold", sans-serif);
  font-size: 14px;
  transition: top var(--plaay-d-2) var(--plaay-ease-out);
}

.plaay-skip-link:focus {
  top: 8px;
}

/* Focus is visible on every interactive element. The theme relied on the UA default,
   which several resets in bundle.theme.css remove. */
a:focus-visible,
button:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--plaay-yellow);
  outline-offset: 2px;
  border-radius: 2px;
}

@media (max-width: 1023px) {
.plaay-badge {
    font-size: 11px !important;
  }
.plaay-menu-badge {
    font-size: 11px !important;
  }
.plaay-mobile-menu-trust__label {
    font-size: 12px !important;
  }
.announcement_bar__item {
    font-size: 12px !important;
  }
.glide__arrow {
    min-width: 44px;
    min-height: 44px;
  }
.plaay-wl-heart {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
.mobile_menu a, footer a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
footer .footer-flex a {
    padding: 4px 0;
  }
}

/* ==========================================================================
   Brand rating badge (product page)

   Replaces the Judge.me per-product preview badge. See
   snippets/plaay-rating-badge.liquid for why the wording is store-wide and why there is
   no hardcoded fallback number.
   ========================================================================== */