/** Shopify CDN: Minification failed

Line 360:19 Expected identifier but found "!"
Line 377:25 Expected identifier but found "!"
Line 472:4280 Expected "}" to go with "{"

**/
/* ----------------------------------------------------
   MIXOLOGY SECTION — Amazing Creation (Figma accurate)
-----------------------------------------------------*/

.mixology-section {
  background: #FBF7F3;
  padding: 60px 0;
  font-family: 'Poppins', sans-serif;
}

.mixology-inner {
  display: flex;
  align-items: center;
 /* justify-content: space-between; */
 /* gap: 50px; */
  /*max-width: 1200px; */
  max-width: 100%;
  margin: 0 auto;
}

.mixology-left {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mixology-right {
  flex: 0 0 40%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}

.mix-title {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  color: #000;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.mix-subtitle {
  font-size: 16px;
  text-align: center;
  color: #333;
  margin-bottom: 40px;
}

/* Flask */
.mixology-bottle {
  position: relative;
  width: 250px;
  height: 300px;
}

.mix-flask {
  width: 100%;
  height: auto;
}

.flask-outline {
  stroke: #6D0023;
  stroke-width: 10;
  fill: none;
}

.mix-fill {
  fill: #C89C00;
  transform-origin: center bottom;
  transition: transform 0.8s ease-in-out;
}

.mix-total-text {
  font-size: 28px;
  font-weight: 700;
  fill: #000;
}

/* Slots */
.mixology-slots {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.mix-slot {
  background: transparent;
}

.slot-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.slot-selects {
  display: flex;
  flex: 1;
  gap: 10px;
}

.vendor-select,
.product-select {
  flex: 1;
  border: 1.5px solid #C89C00;
  background: #fff;
  color: #000;
  font-size: 15px;
  padding: 10px 14px;
  border-radius: 6px;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg fill='black' height='8' width='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.slot-percent-bubble {
  width: 40px;
  height: 40px;
  border: 1.5px solid #C89C00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  background: #fff;
}

.slot-slider-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}

.range-label {
  font-size: 13px;
  color: #444;
  width: 40px;
  text-align: center;
}

.range-center {
  flex: 1;
  position: relative;
}

.slot-range {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  border-radius: 5px;
  background: #770332;
  outline: none;
  cursor: pointer;
}

.slot-range:disabled { 
  
  opacity: 0.5; 
  cursor: not-allowed; 

}

.slot-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  background: #C89C00;
  border: 3px solid #6D0023;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.slot-range::-webkit-slider-thumb:hover {
  transform: scale(1.1);
}

/* Footer */
.mixology-footer {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: stretch;
}

.scent-name {
  border: 1.5px solid #C89C00;
  border-radius: 6px;
  padding: 12px 16px;
  font-size: 15px;
  color: #000;
  width: 100%;
}

.mixology-actions {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mix-add-btn {
  background: transparent;
  color: #000;
  border: 1.5px solid #6D0023;
  border-radius: 30px;
  padding: 14px 50px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.mix-add-btn:hover:not(:disabled) {
  background: #6D0023;
  color: #fff;
}

.mix-add-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.mix-error {
  color: #6D0023;
  text-align: center;
  margin-top: 10px;
  font-size: 14px;
  min-height: 20px;
}

/* Responsive layout */
@media (max-width: 992px) {
  .mixology-inner {
    flex-direction: column;
    gap: 40px;
  }

  .mixology-left {
    order: -1;
    width: 100%;
  }

  .mixology-right {
    width: 100%;
  }

  .mix-title {
    font-size: 32px;
  }
}

@media (max-width: 600px) {
  .mixology-section {
    padding: 40px 20px;
  }

  .mixology-left {
    width: 100%;
    text-align: center;
  }

  .mixology-right {
    width: 100%;
  }

  .slot-row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .slot-selects {
    flex-direction: column;
  }

  .slot-percent-bubble {
    align-self: center;
  }

  .mix-add-btn {
    width: 100%;
  }

  .scent-name {
    width: 100%;
  }
}

/* make footer a horizontal bar */
.mixology-footer {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; /* pushes items apart */
  gap: 16px;
  /* flex-wrap: wrap;  allows wrapping on mobile */
}

/* give name field flexible width, so it grows */
.mixology-footer .scent-name {
  flex: 1 1 auto;
  min-width: 220px;
}

/* align the actions group (button + error) */
.mixology-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* tighten button size */
.mixology-footer .mix-add-btn {
  padding: 12px 28px;
  white-space: nowrap;
}

/* make error text line up neatly to the right of button */
.mixology-footer .mix-error {
  font-size: 14px;
  color: #a20021; /* your burgundy */
  white-space: nowrap;
}

/* responsive tweak: stack vertically on narrow screens */
@media (max-width: 640px) {
  .mixology-footer {
    flex-direction: column;
    align-items: stretch;
  }
  .mixology-actions {
    justify-content: space-between;
  }
}




.water_wave_front {
    left: 0;
    fill: #c89c00; !important
    margin-bottom: -1px;
    animation: wave-front 1s infinite 
linear;
    width: 200%;
    position: absolute;
    bottom: 100%;
}

.mrk-water-wave {
    position: absolute;
    left: 2px;
    top: 10px;
    z-index: 2;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    transform: translateY(100%);
    background: #c89c00; !important
    transition: all .3s;

}

/* Flask is exactly 300 x 360 */
.flask-wrapper{
  position: relative;
  width: 300px;
  height: 360px;
  margin: 0 auto;
}

/* PNG on top */
.flask-img{
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}

/* CLIPPED liquid area (inner cavity of the glass) */
.flask-fill{
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;

  /* tuned to a 300×360 Erlenmeyer with a ~18px glass wall */
  /* points (%,%) derived from px: 
     neck top ~ (124,64) to (176,64)
     shoulders ~ (112,112), (188,112)
     walls ~ (72,220), (228,220)
     base  ~ (72,280) to (228,280)
  */
  clip-path: polygon(
    41.3% 17.8%, 58.7% 17.8%,   /* inner neck (left, right) */
    62.7% 31.1%, 76.0% 61.1%,   /* right shoulder → right wall */
    76.0% 77.8%, 24.0% 77.8%,   /* flat base (right → left) */
    24.0% 61.1%, 37.3% 31.1%    /* left wall → left shoulder */
  );
}

/* The portion that actually moves up with percentage */
.fill-inner{
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 100%;
  background: #cda23a;                 /* gold liquid */
  transform: translateY(100%);         /* 100% = empty */
  transition: transform 600ms cubic-bezier(.2,.9,.2,1);
  will-change: transform;
}

/* Waves sit at the surface of the liquid */
.wave{
  position: absolute;
  top: -8px;               /* slightly above the flat surface to look like a crest */
  left: -50%;
  width: 200%;
  height: 26px;
  border-radius: 50%;
  background: rgba(109,0,35,0.28); /* burgundy tint */
  animation: wave-move 6s linear infinite;
}
.wave2{
  top: -4px;
  opacity: .6;
  animation: wave-move 10s linear infinite reverse;
}

@keyframes wave-move{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Percentage label */
.flask-percent{
  position: absolute;
  z-index: 4;
  left: 0; right: 0; top: 44%;
  text-align: center;
  font-weight: 700;
  font-size: 22px;
  color: #111;
  pointer-events: none;
}

.swym-atw-button-container.consent-given.default-position
{
  display:none !important;
}

.mrk-mixology-wrapper{--rounded-input: .5rem}.mixology-svg{max-width:200px;margin:auto}.mrk-top-title-mixology{text-align:center}.mrk-mixology-wrapper{padding:var(--spacing-8) 0;background:#f7efea}.mixology-text{font-size:16px}.mrk-bottle-selection-container{padding:var(--spacing-10) 0;display:flex}.mrk-big-bottle,.mrk-small-bottle-mixology{width:50%}.mrk-big-bottle{max-width:300px;margin:auto}.mixology-main-slider{max-width:250px;margin:auto}.mrk-mixology-small-item img{height:70px;object-fit:contain}.mrk-mixology-small-item{padding:0 5px}.mixology-small-slider{margin-top:15px}.mrk-slick-btn{background-repeat:no-repeat;height:20px;width:20px;background-position:center}.mrk-mixology-columns{padding:var(--spacing-4) 0}.mrk-mixology-btn{margin-top:var(--spacing-6)}.mrk-mixology-selection-item{width:33.33%}.mrk-mixology-flex{display:flex;gap:30px}.mrk-mixology-btn{text-align:center}.mixology-percent{width:50px;height:50px;margin:10px auto;background:#fff;border:1px solid #000;border-radius:100%;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1}.mrk-mix-range-inner{display:flex;gap:10px}.slider-range{width:100%;display:flex;align-items:center}.slider-range input{width:100%}.initial-range,.final-range{font-weight:600}.range-slider__range{-webkit-appearance:none;width:calc(100% - 73px);height:10px;border-radius:5px;background:#754a37;outline:none;padding:0;margin:0}.range-slider__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#ea7f53;cursor:pointer;transition:background .15s ease-in-out}.range-slider__range::-webkit-slider-thumb:hover{background:#ea7f53}.range-slider__range:active::-webkit-slider-thumb{background:#ea7f53}.range-slider__range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#ea7f53;cursor:pointer;transition:background .15s ease-in-out}.range-slider__range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px #ea7f53}.final-bar-flex{display:flex;width:100%;gap:20px}.mrk-final-bar-btn,.engraving-text-container{width:50%}.mrk-final-bar-btn button{height:100%}@media (max-width: 769px){.mrk-bottle-selection-container{flex-direction:column-reverse;gap:20px;padding:var(--spacing-4) 0}.mrk-mixology-columns{padding:var(--spacing-4) 0}.mrk-big-bottle,.mrk-small-bottle-mixology{width:100%}.mrk-big-bottle{max-width:150px}.mrk-mixology-flex{flex-flow:column}.mrk-mixology-selection-item{width:100%}.final-bar-flex{flex-direction:column;gap:10px}.mrk-final-bar-btn,.engraving-text-container{width:100%}.mrk-mixology-small-item img{height:70px}.mrk-slick-next{right:-15px}.mrk-slick-prev{left:-15px}}.mrk-water-wave{position:absolute;left:2px;top:10px;z-index:2;width:calc(100% - 4px);height:calc(100% - 4px);transform:translateY(100%);background:#c89c00;transition:all .3s}.water_wave_front{left:0;fill:#c89c00;margin-bottom:-1px;animation:wave-front 1s infinite linear;width:200%;position:absolute;bottom:100%}.mrk-bottle-wrapper{position:relative;overflow:hidden}.mrk-bottle-wrapper img{position:relative;z-index:3}@keyframes wave-front{to{transform:translate(-50%)}}.mrk-final-bar-btn button.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.mrk-mixology-small-item{cursor:pointer}.range-slider__range.mrk-range-disabled{opacity:.4;pointer-events:none}.mrk-sub-text{text-align:center;margin-top:15px;font-size:16px}.mrk-final-percent{z-index:9;position:absolute;left:50%;top:70%;transform:translate(-50%,-70%);font-size:25px;font-weight:600}.mixology-small-slider{max-width:500px;margin-left:auto;margin-right:auto}@media (min-width: 769px){.mrk-mixology-flex{flex-direction:column}.mrk-mixology-selection-item{width:100%}.mrk-brand-fragrance-mixology{display:flex;width:100%;gap:10px}.mrk-brand-fragrance-mixology>*{padding:0;width:50%}.mrk-big-bottle{position:sticky;top:225px;margin-top:0}.mrk-bottle-selection-container{align-items:flex-start}}@media (max-width: 769px){.mrk-big-bottle{position:sticky;top:116.5px;z-index:10;max-width:100%;background:#fbf7f3padding:10px}.mrk-bottle-selection-container{align-items:flex-start;flex-direction:column}.mrk-bottle-main-container{max-width:150px;margin:auto}.mixology-main-slider{display:none!important}.mrk-mixology-btn{margin-top:0}