/** Shopify CDN: Minification failed

Line 133:9 Unexpected "/"

**/
/* =========================================
   COCOY – Product info accordion
   Inspired by ShadowShahriar's animated accordion
   ========================================= */

.product__accordion--info {
  --cocuy-size-title: 1.05rem;
  --cocuy-size-content: 0.95rem;
  --cocuy-speed: 50;
  --cocuy-ease: cubic-bezier(0.86, 0, 0.07, 1);
  --cocuy-slide-duration: calc(400ms * 100 / var(--cocuy-speed));
  --cocuy-slide-delay:    calc(450ms * 100 / var(--cocuy-speed));
  --cocuy-circle-duration: calc(900ms * 100 / var(--cocuy-speed));
  --cocuy-circle-x: 50%;
  --cocuy-circle-y: 0;      /* Opening: from top */
  --cocuy-circle-y-close: 100%;  /* Closing: from bottom */
  --cocuy-circle-r: 50%;
  --cocuy-circle-bg: #ffffff;
  --cocuy-bg: #ffffff;
  --cocuy-border: rgba(0, 0, 0, 0.12);
  --cocuy-text: #111;
  --cocuy-text-active: white;
  --cocuy-font: font-family: Helvetica Neue, Helvetica, Arial, sans-serif ;
}
.accordion summary {
    padding:0.5rem 0 !important;
}

/* Card */
.product__accordion--info details {
  background-color: var(--cocuy-bg);
  border-radius: 0.6rem;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
  opacity: 0.95;
  margin-bottom: 1rem;
  overflow: hidden;
  transition:
    opacity 200ms ease-out,
    box-shadow 200ms ease-out;
}

.product__accordion--info details:hover {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.45);
}

.product__accordion--info details:active {
  opacity: 1;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.3);
}

/* Remove default marker */
.product__accordion--info summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.product__accordion--info summary::-webkit-details-marker {
  display: none;
}

/* Animated background “circle” overlay */
.product__accordion--info summary::before,
.product__accordion--info summary::after {
  content: "";
  position: absolute;
  inset: -60%;
  border-radius: inherit;
  background-color: var(--cocuy-circle-bg);
  mix-blend-mode: difference;
  pointer-events: none;
  z-index: 0;
  clip-path: circle(var(--cocuy-r, 0%) at var(--cocuy-circle-x) var(--cocuy-circle-y));
  transition-property: opacity, clip-path, visibility;
  transition-timing-function: ease;
}

/* entering */
.product__accordion--info summary::before {
  --cocuy-r: 0%;
  opacity: 0;
  visibility: hidden;
  transition-duration: 0ms, var(--cocuy-circle-duration), 0ms;
  transition-delay: var(--cocuy-circle-duration), 0ms, 0ms;
}

.product__accordion--info details[open] summary::before {
  --cocuy-r: var(--cocuy-circle-r);
  opacity: 1;
  visibility: visible;
  transition-duration: 0ms, var(--cocuy-circle-duration), 0ms;
  transition-delay: 0ms, 0ms, 0ms;
}

/* leaving echo */
/* leaving echo */
.product__accordion--info summary::after {
  --cocuy-r: var(--cocuy-circle-r);
  opacity: 1;
  visibility: hidden;
  /* Use bottom position for closing animation */
  clip-path: circle(var(--cocuy-r, 0%) at var(--cocuy-circle-x) var(--cocuy-circle-y-close));
  transition-duration: 0ms, var(--cocuy-circle-duration), 0ms;
  transition-delay: 0ms, 0ms, var(--cocuy-circle-duration);
}

.product__accordion--info details[open] summary::after {
  --cocuy-r: 0%;
  opacity: 0;
  visibility: visible;
  transition-duration: 0ms, 0ms, 0ms;
  transition-delay: 0ms, 0ms, 0ms;
}

/* Header layout */
.product__accordion--info .summary__title {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 1rem 1.3rem;
  position: relative;
  z-index: 1; /* above circle */
}

/* Title */
/* Default closed (black text) */
* Title */
.product__accordion--info .accordion__title {
  font-size: var(--cocuy-size-title);
  font-family: ltc-bodoni-175, serif;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: none;
  color: #111;
  transition:
    color var(--cocuy-slide-duration) ease-out,
    transform var(--cocuy-slide-duration) ease-out;
  /* Keep white color during closing animation */
  transition-delay: 0ms;
}
/* When closing, delay color change until circle finishes */
.product__accordion--info details:not([open]) .accordion__title {
  transition-delay: var(--cocuy-circle-duration);
}
/* When open, no delay */
.product__accordion--info details[open] .accordion__title {
  color: #ffffff;
  transform: translateY(-1px);
  transition-delay: 0ms;
}


/* Ensure icon also becomes white when open */
.product__accordion--info details[open] .summary__title svg,
.product__accordion--info details[open] .icon-caret, .coffee-icon {
  color: #ffffff;
  fill: #ffffff;
  stroke: #ffffff;
}

.product__accordion--info details[open] .summary__title svg {
  color: #fff;
  fill: currentColor;
}






/* Icons */
.product__accordion--info .summary__title svg {
  flex-shrink: 0;
}

.product__accordion--info .icon-caret {
  margin-right: 1.2rem;
  transition: transform var(--cocuy-slide-duration) var(--cocuy-ease);
}

/* Open state */
.product__accordion--info details[open] .icon-caret {
  transform: rotate(180deg);
}

.product__accordion--info details[open] .accordion__title {
  color: var(--cocuy-text-active);
  transform: translateY(-1px);
}

/* Content area */
.product__accordion--info .accordion__content {
  padding: 1.3rem 1.3rem 1.15rem;
  border-top: 1px solid var(--cocuy-border);
  font-size: var(--cocuy-size-content);
  font-family: var(--cocuy-font);
  line-height: 1.9;
  animation: cocuy-accordion-slide var(--cocuy-slide-duration) var(--cocuy-ease);
}

.product__accordion--info details:not([open]) .accordion__content {
  animation: none;
}

/* Optional image in the row */
.product__accordion--info .product__accordion-image-wrapper {
  margin-top: 0.85rem;
}

.product__accordion--info .product__accordion-image {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 0.75rem;
}

/* Slide / fade animation */
@keyframes cocuy-accordion-slide {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Default (mobile) – make it big */
.coffee-icon-wrapper {
  width: 42px !important;
  height: 42px !important;
  x: -17 !important;
  y: -17 !important;
}

/* Slightly bigger PNG inside */
.coffee-icon {
  width: 42px !important;
  height: 42px !important;
  x:-4!important;
  y:-4!important;
}

/* Desktop screens */
@media (min-width: 750px) {
  .coffee-icon-wrapper {
    width: 55px !important;
    height: 55px !important;
    x: -17 !important;
    y: -17 !important;
  }
  .coffee-icon {
    width: 55px !important;
    height: 55px !important;
    x: -17 !important;
    y: -17 !important;
  }
}

.coffee-icon-wrapper {
  width: 40px !important;
  height: 40px !important;
}

@media (min-width: 990px) {
  .coffee-icon-wrapper {
    width: 55px !important;
    height: 55px !important;
  }
}
/* Add transition and delay for icons */
.product__accordion--info .summary__title svg,
.product__accordion--info .icon-caret,
.product__accordion--info .coffee-icon {
  transition: color var(--cocuy-slide-duration) ease-out,
              fill var(--cocuy-slide-duration) ease-out,
              stroke var(--cocuy-slide-duration) ease-out;
  transition-delay: 0ms;
}

/* Delay icon color change when closing */
.product__accordion--info details:not([open]) .summary__title svg,
.product__accordion--info details:not([open]) .icon-caret,
.product__accordion--info details:not([open]) .coffee-icon {
  transition-delay: var(--cocuy-circle-duration);
}

/* Ensure icon also becomes white when open (with no delay) */
.product__accordion--info details[open] .summary__title svg,
.product__accordion--info details[open] .icon-caret,
.product__accordion--info details[open] .coffee-icon {
  color: #ffffff;
  fill: #ffffff;
  stroke: #ffffff;
  transition-delay: 0ms;
}