/**
 * Theme Name: CBS Custom
 * Template:   twentytwentyfour
 * ...other header fields
 */

/* Example of a simple CSS reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  font-family: Arial, sans-serif;
}

body {
  overflow-x: hidden;
  --cbs-mint-green: #cff1d8;
  --cbs-pink: #fedcf7;
  --cbs-gold: #d5ba34;
  --cbs-dark-green: #25571e;
  --cbs-dark-pink: #ff009d;
  --scallop-scale: 1.5;
  scroll-behavior: smooth;
}

body {
  --wpforms-label-color: var(--cbs-dark-green);
  --wpforms-button-background-color: var(--cbs-gold);
  --wpforms-button-border-radius: 0.33rem !important;
}

.cbs-loader {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  max-height: 100dvh !important;
  max-width: 100vw !important;
  margin: 0 !important;
  height: 100dvh;
  width: 100vw;
  background-color: var(--cbs-mint-green);
  z-index: 101;
}

.cbs-loader svg {
  opacity: 1;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#bowl {
  scale: 1.3;
  transform: translateY(100px);
}
#whisk {
  scale: 0.75;
  transform: rotate3d(1.4, 1.4, 1.4, 0.5rad) translateX(20%);
  transform-origin: "100% 0%";
}

.launch-banner-wrapper {
  display: none !important;
}

main {
  margin-top: 100px !important;
}

.wp-block-query-title {
  max-width: 1600px !important;
}

.wc-blocks-header-pattern {
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  height: 84px;
  z-index: 99;
  margin: 0 auto;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.home .wc-blocks-header-pattern {
  background-color: color-mix(in srgb, var(--cbs-pink), transparent 21%);
}
body:not(.home) .wc-blocks-header-pattern {
  background-color: color-mix(in srgb, var(--cbs-mint-green), transparent 21%);
}

/*
body:not(.home) .logo-background-circle,
body:not(.home) .logo-bottom-arc {
  display: none;
}

body:not(.home) .logo-sarah {
  transform: translateY(-45px) translateX(55px);
}
*/
.logo-background {
  fill: var(--cbs-mint-green);
}

.logo {
  fill: black;
}

.home .logo {
  width: 512px !important;
  height: auto;
  position: fixed !important;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  pointer-events: none;
}

body:not(.home) .logo {
  width: 256px !important;
  height: auto;
  position: fixed !important;
  top: -94px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  pointer-events: none;
}

.home .logo {
  top: 0px;
  cursor: default;
}

.logo-bar-behind-text,
.logo-top-arc {
  opacity: 0;
}
.home .logo-bar-behind-text {
  border-radius: 25%;
}

.home .logo-top-arc {
  opacity: 1;
}

@media screen and (max-width: 786px) {
  .home .logo {
    top: -72px;
    width: 430px !important;
    height: auto;
  }

  .home .logo {
    top: 5dvh;
  }
}

.scallop-bottom {
  --mask: radial-gradient(
        calc(1.17dvw * var(--scallop-scale)) at 50%
          calc(100% - calc(1.6dvw * var(--scallop-scale))),
        #000 98%,
        #0000 102%
      )
      calc(50% - calc(2dvw * var(--scallop-scale))) 0 /
      calc(4dvw * var(--scallop-scale)) 100%,
    radial-gradient(
        calc(1.17dvw * var(--scallop-scale)) at 50%
          calc(100% + calc(0.6dvw * var(--scallop-scale))),
        #0000 98%,
        #000 102%
      )
      50% calc(100% - calc(1dvw * var(--scallop-scale))) /
      calc(4dvw * var(--scallop-scale)) 100% repeat-x;
}

.scallop-both {
  --mask: radial-gradient(
        calc(1.17dvw * var(--scallop-scale)) at 50%
          calc(1.6dvw * var(--scallop-scale)),
        #000 99%,
        #0000 101%
      )
      calc(50% - calc(2dvw * var(--scallop-scale))) 0 /
      calc(4dvw * var(--scallop-scale)) calc(51% * var(--scallop-scale))
      repeat-x,
    radial-gradient(
        calc(1.17dvw * var(--scallop-scale)) at 50%
          calc(-0.6dvw * var(--scallop-scale)),
        #0000 99%,
        #000 101%
      )
      50% calc(1dvw * var(--scallop-scale)) / calc(4dvw * var(--scallop-scale))
      calc((51% - 1dvw) * var(--scallop-scale)) repeat-x,
    radial-gradient(
        calc(1.17dvw * var(--scallop-scale)) at 50%
          calc(100% - calc(1.6dvw * var(--scallop-scale))),
        #000 99%,
        #0000 101%
      )
      50% 100% / calc(4dvw * var(--scallop-scale))
      calc(51% * var(--scallop-scale)) repeat-x,
    radial-gradient(
        calc(1.17dvw * var(--scallop-scale)) at 50%
          calc(100% + calc(0.6dvw * var(--scallop-scale))),
        #0000 99%,
        #000 101%
      )
      calc(50% - calc(2dvw * var(--scallop-scale)))
      calc(100% - calc(1dvw * var(--scallop-scale))) /
      calc(4dvw * var(--scallop-scale))
      calc((51% - 1dvw) * var(--scallop-scale)) repeat-x;
}

.scallop-top {
  --mask: radial-gradient(
        calc(1.17dvw * var(--scallop-scale)) at 50%
          calc(1.6dvw * var(--scallop-scale)),
        #000 99%,
        #0000 101%
      )
      calc(50% - calc(2dvw * var(--scallop-scale))) 0 /
      calc(4dvw * var(--scallop-scale)) 100%,
    radial-gradient(
        calc(1.17dvw * var(--scallop-scale)) at 50%
          calc(-0.6dvw * var(--scallop-scale)),
        #0000 99%,
        #000 101%
      )
      50% calc(1dvw * var(--scallop-scale)) / calc(4dvw * var(--scallop-scale))
      100% repeat-x;
}

.even-row {
  background-color: var(--cbs-pink) !important;
}

.green-to-pink {
  background-image: linear-gradient(
    var(--cbs-mint-green),
    var(--cbs-pink)
  ) !important;
}

.pink-to-green {
  background-image: linear-gradient(
    var(--cbs-pink),
    var(--cbs-mint-green)
  ) !important;
}

.banner-hero,
.product-hero {
  margin-block-start: 0 !important;
  object-fit: cover;
  position: relative;
}

.banner-hero {
  z-index: 15;
}

.product-hero {
  padding-top: 5dvh;
  padding-bottom: 5dvh;
  display: flex;
  position: relative;
  flex-direction: column;
}

.home .footer-spacer {
  height: 200dvh;
}

/* Lollipop for sticky cart icon on bottom of page */
.mini-cart-container {
  cursor: pointer;
  display: grid;
  place-items: center;
  position: fixed !important;
  bottom: 1rem;
  right: 1em;
  color: #ffffff;
  height: 5rem;
  width: 5rem;
  z-index: 97;
  margin-block-start: 0 !important;
}
.lollipop {
  --r: 3rem; /* control the size */
  --c1: var(--cbs-dark-green);
  --c2: var(--cbs-dark-green);
  position: absolute !important;
  height: calc(2 * var(--r));
  aspect-ratio: 1;
  clip-path: circle();
  display: flex;
  z-index: 97;
}
.lollipop:before,
.lollipop:after {
  content: "";
  flex: 1;
  --g1: radial-gradient(50% 50%, var(--c1) 99%, #0000) no-repeat;
  --g2: radial-gradient(50% 50%, var(--c2) 99%, #0000) no-repeat;
  background: var(--g1) calc(sin(60deg) * var(--r)) calc(var(--r) / -2),
    var(--g2) calc(var(--r) / 2) calc(sin(-60deg) * var(--r)),
    var(--g1) 0 calc(-1 * var(--r)),
    var(--g2) calc(var(--r) / -2) calc(sin(-60deg) * var(--r)),
    var(--g1) calc(sin(-60deg) * var(--r)) calc(var(--r) / -2),
    var(--g2) calc(-1 * var(--r)) 0,
    var(--g1) calc(sin(-60deg) * var(--r)) calc(var(--r) / 2);
  background-size: 200%;
}
.lollipop:after {
  rotate: 180deg;
}

.mini-cart-container svg {
  position: absolute;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  z-index: 98;
  fill: var(--cbs-gold);
}
.mini-cart-container .cart-badge {
  position: absolute;
  bottom: 0;
  right: 25%;
  background-color: var(--cbs-dark-pink);
  color: white;
  border-radius: 50%;
  height: 50%;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  font-size: 16px;
  white-space: nowrap;
  z-index: 99;
}

.scroll-me {
  display: none;
}

.home .scroll-me {
  display: block;
  height: 10dvh;
  position: fixed;
  background-color: #00000000;
  stroke: var(--cbs-dark-pink);
  fill: var(--cbs-gold);
  text-align: center;
  font-size: 18px;
  z-index: 98;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.slides-container {
  position: relative;
  overflow: hidden;
  display: flex;
  flex: 1;
  min-height: 25dvw;
  max-height: 25dvw;
  height: 100%;
  width: 90dvw;
  margin-left: 5dvw;
  z-index: 6;
}

.slides-inner {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
  flex: 1;
}

.slide {
  position: absolute;
  font-size: 90px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: calc(100% / 3);
  margin-block-start: 0 !important;
  cursor: pointer;
  overflow: hidden;
  --r: clamp(15px, 2vw, 35px);
  --mask: radial-gradient(var(--r) at var(--r) var(--r), #0000 98%, #000)
    calc(-1 * var(--r)) calc(-1 * var(--r));
  -webkit-mask: var(--mask);
  mask: var(--mask);
}

.slide a,
.slide p,
.slide span {
  opacity: 0 !important;
  color: rgba(0, 0, 0, 0);
  position: relative;
}

.slide .added_to_cart {
  display: none !important;
}

.slide img {
  transition: transform 1.5s ease-in-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}

/*@media screen and (min-width: 787px) {*/
.slide:hover img {
  transform: translateY(-10px);
  scale: 1.2;
}

.slide:hover .has-background-dim {
  opacity: 0.5 !important;
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
}

.slide:hover a,
.slide:hover p {
  opacity: 1 !important;
  color: rgba(255, 255, 255, 0.9);
  z-index: 3;
}
/*}*/

.slide a {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slide-inner {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: grid;
  place-items: center;
}

/* Hide price and subtotal columns in the cart */
tr.woocommerce-cart-form__cart-item td.product-price,
tr.woocommerce-cart-form__cart-item td.product-subtotal,
th.product-price,
th.product-subtotal,
#billing_country_field,
.woocommerce-MyAccount-navigation-link--downloads,
.demo_store {
  display: none !important;
}

.shipping,
.coupon,
.woocommerce-remove-coupon,
.add_gift_card_form,
.ppcp-messages {
  display: none !important;
}

.woocommerce-checkout {
  margin-bottom: 100px !important;
}

.cart_totals {
  width: 100% !important;
}

.quantity .qty {
  width: 5rem !important;
}

.pum-container {
  background-color: var(--cbs-pink);
}

#popup-content {
  max-height: 95dvh;
}

.return-to-shop {
  display: none;
}

.add-product {
  cursor: pointer;
  pointer-events: auto;
}

:root {
  --bread-icon: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 297 297" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M183.741,227.809c33.734,0,58.402-1.27,77.114-7.592C284.839,212.113,297,195.73,297,171.523 c0-28.115-15.987-54.256-45.019-73.609C224.197,79.393,187.447,69.191,148.5,69.191c-38.947,0-75.697,10.201-103.481,28.723 C15.987,117.268,0,143.408,0,171.523c0,24.209,12.16,40.592,36.142,48.693c18.71,6.322,43.38,7.592,77.117,7.592H183.741z M113.259,207.816c-25.989,0-52.856-0.504-70.717-6.539c-15.807-5.34-22.551-14.238-22.551-29.754 c0-21.215,12.827-41.449,36.116-56.975c4.092-2.729,8.433-5.232,12.958-7.545c-1.956,5.816-3.124,12.596-3.124,20.512 c0,5.52,4.476,9.996,9.995,9.996c5.521,0,9.996-4.477,9.996-9.996c0-34.814,32.513-36.137,36.172-36.172h16.399v40.707 c0,5.521,4.476,9.996,9.996,9.996c5.52,0,9.996-4.475,9.996-9.996V91.344h16.352c3.707,0.035,36.22,1.357,36.22,36.172 c0,5.52,4.476,9.996,9.996,9.996c5.519,0,9.995-4.477,9.995-9.996c0-7.916-1.168-14.695-3.124-20.512 c4.525,2.313,8.866,4.816,12.958,7.545c23.289,15.525,36.116,35.76,36.116,56.975c0,31.055-28.772,36.293-93.268,36.293H113.259z"></path> </g></svg>');

  --muffin-icon: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 330 330" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path id="XMLID_91_" d="M330,176.25c0-23.976-16.161-44.234-38.157-50.492C285.313,61.534,230.918,11.25,165,11.25 S44.686,61.534,38.157,125.758C16.161,132.016,0,152.274,0,176.25c0,24.796,17.285,45.617,40.435,51.085l20.013,80.053 c1.669,6.677,7.669,11.362,14.552,11.362h60h0.02H195h60c6.883,0,12.883-4.685,14.552-11.362l20.013-80.053 C312.715,221.867,330,201.046,330,176.25z M71.711,228.75h39.863l4.445,40l2.222,20h-31.53L71.711,228.75z M186.019,248.75 l-4.445,40h-33.148l-3.93-35.371l-2.737-24.629h46.482L186.019,248.75z M243.289,288.75h-31.53l2.222-20l4.445-40h39.863 L243.289,288.75z M277.5,198.75H205h-80H52.5c-12.407,0-22.5-10.093-22.5-22.5s10.093-22.5,22.5-22.5c8.284,0,15-6.716,15-15 c0-53.762,43.738-97.5,97.5-97.5s97.5,43.738,97.5,97.5c0,8.284,6.716,15,15,15c12.407,0,22.5,10.093,22.5,22.5 S289.907,198.75,277.5,198.75z"></path> </g></svg>');

  --cookie-icon: url('data:image/svg+xml;utf8,<svg viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0697 1.76746C12.4807 1.21947 11.4605 0.454311 11.0495 1.0023C10.6385 1.55028 11.6588 2.31544 12.0697 1.76746ZM8.39263 1.07811C7.15585 0.950602 5.7823 1.16348 4.58433 1.70937C3.38552 2.25563 2.32735 3.15309 1.78844 4.41832C1.37574 5.38724 1.01715 6.28113 1.00088 7.44354C0.984724 8.59844 1.30522 9.96898 2.13174 11.928C2.61142 13.0649 4.03963 13.5446 5.13895 13.8079C6.40836 14.1119 7.80857 14.1914 8.6644 14.0742C9.36515 13.9782 10.1448 13.8284 10.7987 13.297C11.8977 12.4039 12.9009 11.3955 13.4994 10.3393C14.104 9.27221 14.3256 8.09207 13.7216 6.95324C13.5628 6.65373 13.316 6.57734 13.0412 6.4923C12.9374 6.46016 12.8295 6.42678 12.7209 6.37966C11.6211 5.90234 10.9646 5.34963 10.9135 5.02876C10.8656 4.72808 10.9221 4.51463 10.9811 4.29181C11.0129 4.17199 11.0453 4.04947 11.0626 3.90922C11.0838 3.73737 11.0814 3.33319 10.6996 3.12761C10.4048 2.96888 10.2164 2.65843 10.0407 2.36904C9.99742 2.29775 9.95492 2.22773 9.9118 2.16158C9.62634 1.72367 9.20769 1.16213 8.39263 1.07811ZM4.99899 2.61935C3.96483 3.09058 3.12554 3.83097 2.70846 4.81018C2.29808 5.77368 2.01406 6.50873 2.00079 7.45753C1.98741 8.41385 2.25043 9.6368 3.0531 11.5393C3.39181 12.3421 4.62167 12.6557 5.37186 12.8354C6.5493 13.1174 7.822 13.1802 8.52868 13.0834C9.21271 12.9897 9.74568 12.8642 10.1681 12.5209C11.229 11.6587 12.121 10.7435 12.6293 9.84635C12.9349 9.30709 13.5141 7.7028 12.6292 7.3873C10.7539 6.71875 10.262 6.06669 9.99011 5.41268C9.80915 4.97744 9.82868 4.52282 9.95741 4.07885L9.95741 4.07884C9.97662 4.0126 9.99538 3.94791 10.0334 3.88882C9.81857 3.73676 9.6515 3.55195 9.51464 3.3715C9.42876 3.25828 9.3469 3.12099 9.26197 2.97856C9.01866 2.57052 8.75018 2.12027 8.29008 2.07283C7.22889 1.96343 6.03398 2.14772 4.99899 2.61935ZM13.2081 3.77471C13.441 3.22671 12.4547 2.63606 12.0822 3.10163C11.5817 3.72732 12.9029 4.49281 13.2081 3.77471ZM14.3672 2.26031C14.9668 2.27493 15.1551 1.11603 14.5718 0.949371C13.8076 0.731026 13.5918 2.24139 14.3672 2.26031ZM14.2857 5.09098C14.8644 5.10004 15.0462 4.38222 14.4832 4.27899C13.7455 4.14375 13.5373 5.07927 14.2857 5.09098ZM6.9075 4.28672C6.46898 4.66754 6.0522 4.15185 5.97983 3.7365C5.86848 3.09744 6.33696 2.56856 6.94823 2.91156C7.43344 3.18382 7.26678 3.97471 6.9075 4.28672ZM4.94455 5.88184C5.40885 5.41754 4.59567 4.57013 4.11425 5.05154C3.83338 5.33242 4.00936 5.65376 4.23744 5.88184C4.43271 6.0771 4.74929 6.0771 4.94455 5.88184ZM6.97716 6.71984C7.31181 7.38914 8.48804 6.79159 7.99413 6.14788C7.86519 5.97983 7.68657 5.9494 7.62145 5.94207C7.21217 5.89601 6.76349 6.2925 6.97716 6.71984ZM6.98798 8.72461C7.14066 9.1188 7.51122 9.3187 7.91915 9.1633C8.27434 9.02799 8.33186 8.39689 8.17175 8.07427C8.02331 7.77514 7.63956 7.67793 7.33747 7.79417C6.98512 7.92976 6.85672 8.38708 6.98576 8.71889L6.98798 8.72461ZM10.3885 8.84081C10.7575 8.6566 11.4617 8.82771 11.4617 9.31199C11.4617 9.71286 10.9587 10.2165 10.5634 10.2826C10.1813 10.3465 9.70515 9.97581 9.76648 9.57718C9.81445 9.26539 10.1217 8.97401 10.3885 8.84081ZM7.56704 10.8432C7.33461 10.7502 7.14353 10.8601 7.11437 10.8769L7.11279 10.8778C6.90782 10.9949 6.71383 11.2439 6.6747 11.4842C6.59018 12.0034 7.13199 12.1239 7.52661 12.0987C8.2074 12.0553 8.06547 11.0426 7.56704 10.8432ZM4.8805 10.8932C5.0674 10.7723 5.15658 10.5363 5.08293 10.3153C4.93046 9.79687 4.3246 9.71252 3.96561 10.1297C3.79336 10.3299 3.80749 10.6274 3.99214 10.8105L3.99495 10.814L3.9979 10.8176C4.22025 11.0942 4.63624 11.1857 4.8805 10.8932ZM3.04695 7.81318C3.33147 8.0977 3.60077 8.15067 3.98443 8.05859C4.60826 7.90887 4.13814 6.24299 3.047 6.87296C2.70939 7.06788 2.86716 7.63339 3.04695 7.81318Z"></path> </g></svg>');

  --treat-icon: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-40 -40 562 562" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <g> <path d="M370.549,122.804L345.69,97.945c-6.148-6.148-16.117-6.148-22.266,0c-6.149,6.148-6.149,16.117,0,22.266l24.86,24.859 c3.074,3.074,7.104,4.612,11.133,4.612s8.059-1.538,11.133-4.612C376.698,138.923,376.698,128.953,370.549,122.804z"></path> </g> </g> <g> <g> <path d="M418.899,178.246l-34.385-7.322c-8.5-1.813-16.868,3.614-18.679,12.12c-1.812,8.505,3.615,16.867,12.12,18.679 l34.385,7.322c1.105,0.236,2.208,0.348,3.295,0.348c7.273,0,13.808-5.069,15.384-12.469 C432.831,188.419,427.404,180.058,418.899,178.246z"></path> </g> </g> <g> <g> <path d="M283.927,85.354c-4.692-7.322-14.431-9.455-21.752-4.762l-29.599,18.967c-7.321,4.692-9.453,14.431-4.761,21.752 c3.007,4.692,8.084,7.252,13.272,7.252c2.908,0,5.851-0.805,8.48-2.49l29.599-18.967 C286.487,102.414,288.619,92.675,283.927,85.354z"></path> </g> </g> <g> <g> <path d="M178.203,90.779c-8.019-3.368-17.246,0.41-20.61,8.429l-13.598,32.42c-3.363,8.019,0.41,17.246,8.429,20.609 c1.99,0.836,4.054,1.23,6.084,1.23c6.153,0,11.997-3.63,14.526-9.659l13.598-32.42C189.995,103.37,186.221,94.143,178.203,90.779z "></path> </g> </g> <g> <g> <path d="M124.447,176.298H89.292c-8.695,0-15.745,7.049-15.745,15.745c0,8.695,7.049,15.745,15.745,15.745h35.155 c8.695,0,15.745-7.049,15.745-15.745C140.192,183.348,133.143,176.298,124.447,176.298z"></path> </g> </g> <g> <g> <path d="M437.02,74.981C388.668,26.629,324.38,0,256.001,0S123.333,26.629,74.981,74.981C26.629,123.332,0,187.62,0,256.001 S26.629,388.669,74.981,437.02c48.352,48.351,112.64,74.981,181.019,74.981s132.667-26.629,181.019-74.981 c48.351-48.351,74.981-112.64,74.981-181.019S485.371,123.332,437.02,74.981z M256.001,31.49 c121.487,0,220.735,96.997,224.394,217.614c-53.331,49.882-101.56,32.573-144.807,11.128c0.073-1.402,0.114-2.812,0.114-4.232 c0-43.948-35.754-79.702-79.703-79.702c-43.948,0-79.702,35.754-79.702,79.702c0,8.059,1.212,15.838,3.447,23.176 c-25.921,10.334-53.607,11.005-82.796,1.93c-37.753-11.738-64.428-35.917-65.169-36.595 C37.781,126.033,136.057,31.49,256.001,31.49z M304.212,256.001c0,26.585-21.628,48.213-48.213,48.213 c-26.585,0-48.213-21.627-48.213-48.213s21.628-48.213,48.213-48.213C282.584,207.788,304.212,229.416,304.212,256.001z M256.001,480.51c-113.928,0-208.301-85.3-222.624-195.388c13.223,8.724,31.467,18.822,53.083,25.695 c14.63,4.651,31.752,8.09,50.397,8.09c18.177,0,37.801-3.283,57.971-11.884c14.632,17.513,36.619,28.679,61.172,28.679 c31.279,0,58.392-18.119,71.434-44.406c20.871,10.037,43.818,19.134,69.173,21.312c28.914,2.485,55.694-4.488,81.106-21.228 C460.696,398.425,367.758,480.51,256.001,480.51z"></path> </g> </g> </g></svg>');
}

.product-overlay-container {
  position: relative;
  display: flex;

  object-fit: cover;
  overflow: hidden;
}

.product-overlay-container img {
  --r: clamp(15px, 2vw, 35px);
  --mask: radial-gradient(var(--r) at var(--r) var(--r), #0000 98%, #000)
    calc(-1 * var(--r)) calc(-1 * var(--r));
  -webkit-mask: var(--mask);
  mask: var(--mask);
}

.product-overlay-container:hover img {
  transition: transform 1.5s ease-in-out;
  transform: translateY(-10px);
  scale: 1.2;
  mask: none;
}

.product-overlay-full {
  display: none;
  position: absolute;
  width: 100%;
  height: 30%;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 5px;
  color: white;
  font-size: 14px;
  z-index: 10;
}

.icon-container {
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
  bottom: 0;
  width: 33%;
  height: 33%;
  border-radius: 50%;
  z-index: 12;
  background-color: var(--cbs-dark-green);
}

.icon-container.mini-icon {
  left: 1%;
}

.icon-container.full-icon {
  right: 1%;
}

.icon-container.full-icon .icon {
  transform: scale(0.8); /* Scale down the mini icon */
}

.icon-container.mini-icon .icon {
  transform: scale(0.6); /* Scale down the mini icon */
}

.icon-container.full-icon .icon.cookie-icon {
  transform: scale(0.8) rotate(-90deg); /* Scale down the mini icon */
}

.icon-container.mini-icon .icon.cookie-icon {
  transform: scale(0.6) rotate(-90deg); /* Scale down the mini icon */
}

.product-overlay-container .icon {
  width: 100%;
  height: 100%;
  mask-size: cover;
  -webkit-mask-size: cover; /* For WebKit browsers */
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat; /* For WebKit browsers */
  mask-position: center;
  -webkit-mask-position: center; /* For WebKit browsers */
  padding: 1%;
}

.product-overlay-container .icon.bread-icon {
  background-color: var(--cbs-gold);
  mask: var(--bread-icon);
  -webkit-mask: var(--bread-icon); /* For WebKit browsers */
}

.product-overlay-container .icon.muffin-icon {
  background-color: var(--cbs-gold);
  mask: var(--muffin-icon);
  -webkit-mask: var(--muffin-icon); /* For WebKit browsers */
}

.product-overlay-container .icon.cookie-icon {
  background-color: var(--cbs-gold);
  mask: var(--cookie-icon);
  -webkit-mask: var(--cookie-icon); /* For WebKit browsers */
}

.product-overlay-container .icon.treat-icon {
  background-color: var(--cbs-gold);
  mask: var(--treat-icon);
  -webkit-mask: var(--treat-icon); /* For WebKit browsers */
}

.product-overlay-container .product-overlay-mini .icon {
  width: 50%;
  height: 50%;
}

.product-overlay-container .badge {
  position: absolute;
  bottom: 10%;
  right: 30%;
  background-color: var(--cbs-dark-pink);
  color: white;
  border-radius: 50%;
  height: 40%;
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  font-size: 16px;
  white-space: nowrap;
}

.product-overlay-container p {
  width: 100%;
  padding: 5px;
}

.products h2 {
  font-size: 1.5rem !important;
}

@media screen and (max-width: 786px) {
  .slider .wp-block-cover {
    min-height: 75dvw;
    max-height: 75dvw;
  }

  .banner-hero img {
    min-height: 75dvw;
    object-fit: cover;
  }

  .slide {
    width: 100%;
  }

  .slides-container {
    min-height: 75dvw;
    max-height: 75dvw;
  }
}
nav .is-menu-open {
  position: fixed;
  height: 100dvh;
  width: 90dvw;
  z-index: 101;
}

.wp-container-core-group-is-layout-7 {
  align-items: center !important;
}

.checking-out {
  position: static !important;
  width: 100%;
}

@media screen and (min-width: 780px) {
  .woocommerce-page table.shop_table {
    width: 100%;
  }
}

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

.shop-columns.column-layout {
  flex-direction: column;
}

.shop-left-column {
  display: flex;
  flex-wrap: wrap; /* Allows items inside to wrap */
  flex-grow: 1;
  min-width: 0; /* Ensures the left column can shrink */
  max-width: 1200px !important;
}

.shop-left-column .products {
  display: flex !important;
  flex-wrap: wrap !important;
}

.products li {
  flex: 1 1 25%; /* 4 columns on desktop */
  box-sizing: border-box;
  padding: 10px;
}

.shop-left-column .products li:nth-child(odd),
.shop-left-column .products li:nth-child(even) {
  flex: 0 1 25%; /* Ensures even items take up 25% width */
}

@media (max-width: 1200px) {
  .shop-left-column .products li:nth-child(odd),
  .shop-left-column .products li:nth-child(even) {
    flex: 0 1 50%; /* Ensures even items take up 25% width */
  }
}

.products li img {
  width: 100%;
  height: auto;
}

.shop-right-column {
  flex-grow: 0 !important;
  flex-basis: 400px;
  min-width: 400px;
  position: relative;
  transition: all 0.3s ease;
}

@media (max-width: 767px) {
  .shop-columns {
    flex-direction: column !important;
  }

  .shop-left-column .products li:nth-child(odd),
  .shop-left-column .products li:nth-child(even) {
    flex: 0 1 50%; /* Ensures even items take up 25% width */
  }

  .shop-right-column {
    flex-basis: auto;
    min-width: 0;
  }
}

.product-thumbnail {
  display: block !important;
}

.swiper-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: var(--cbs-pink);
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 30dvh;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  color: var(--cbs-gold) !important;
}

.swiper-pagination {
  scale: 2;
}

.swiper-pagination-bullet-active {
  background: var(--cbs-gold) !important;
}

.swiper-button-next {
  right: 10px;
}

.swiper-button-prev {
  left: 10px;
}

.wpforms-submit {
  background-color: var(--wp--preset--color--contrast) !important;
  border-radius: 0.33rem !important;
  border-color: var(--wp--preset--color--contrast) !important;
  border-width: 0 !important;
  color: var(--wp--preset--color--base) !important;
  font-family: inherit !important;
  font-size: var(--wp--preset--font-size--small) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: inherit !important;
  padding-top: 0.6rem !important;
  padding-right: 1rem !important;
  padding-bottom: 0.6rem !important;
  padding-left: 1rem !important;
  text-decoration: none !important;
}

.wpforms-submit:hover {
  background-color: var(--wp--preset--color--contrast-2) !important;
  border-color: var(--wp--preset--color--contrast-2) !important;
}

.woocommerce-account .wp-block-post-title,
.woocommerce-account main .woocommerce,
.woocommerce-cart .wp-block-post-title,
.woocommerce-cart main .woocommerce,
.woocommerce-checkout .wp-block-post-title,
.woocommerce-checkout main .woocommerce {
  max-width: 100%;
}

.wc-block-order-confirmation-status {
  padding-top: 100px !important;
}

/* scroll me svg
<svg viewBox="-0.5 0 25 25" fill="none" class="x-scroll-me" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M12 22.4199C17.5228 22.4199 22 17.9428 22 12.4199C22 6.89707 17.5228 2.41992 12 2.41992C6.47715 2.41992 2 6.89707 2 12.4199C2 17.9428 6.47715 22.4199 12 22.4199Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M16 10.99L13.13 14.05C12.9858 14.2058 12.811 14.3298 12.6166 14.4148C12.4221 14.4998 12.2122 14.5437 12 14.5437C11.7878 14.5437 11.5779 14.4998 11.3834 14.4148C11.189 14.3298 11.0142 14.2058 10.87 14.05L8 10.99" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>
*/

#pum-748 {
  z-index: 999 !important;
}