/** Shopify CDN: Minification failed

Line 131:0 Unexpected "}"
Line 473:13 Expected identifier but found whitespace
Line 473:24 Unexpected "0.4s"

**/
.customization-card{
padding:24px;
border-radius:14px;
background:white;
border:1px solid #eee;
box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

.custom-field{
margin-bottom:20px;
}

.custom-field label{
font-size:14px;
font-weight:600;
margin-bottom:6px;
display:block;
}

.custom-field input,
.custom-field select{
width:100%;
padding:12px;
border-radius:10px;
border:1px solid #ddd;
background:#fafafa;
transition:.25s;
}

.custom-field input:focus,
.custom-field select:focus{
border-color:black;
background:white;
outline:none;
}

.counter{
font-size:12px;
text-align:right;
margin-top:4px;
color:#777;
}

.preview-box{
margin-top:10px;
background:#f5f5f5;
padding:10px;
border-radius:6px;
display:flex;
justify-content:space-between;
}

.preview-box button{
border:none;
background:black;
color:white;
padding:4px 10px;
border-radius:5px;
cursor:pointer;
}

/*  START - Cart timer */
.cart-timer-bar {
  background: #B09ED0;
  color: #fff;
  padding: 12px 14px;
  margin: 10px 0;
  backdrop-filter: blur(10px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

.cart-timer-bar.hidden {
  display: none;
}

.cart-timer-bar .timer-content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px
}

.cart-timer-bar .timer-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cart-timer-bar .timer-text {
  font-size: 13px;
  display: block;
}

.cart-timer-bar .timer-time {
  animation: pulseFade 1.5s infinite;
}

.cart-timer-bar .timer-icon {
  font-size: 16px;
    height: 24px;
    width: 24px;
}


@keyframes pulseFade {
  0%   { opacity: 1; transform: scale(1); }
  50%  { opacity: 0.6; transform: scale(1.12); }
  100% { opacity: 1; transform: scale(1); }
}
.cart-drawer__header{
    padding-bottom: 0 !important;
}
/* END - Cart timer */

#checkout.cart__checkout-button.button{
  background-color: #5CBD48;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
/* START - Product page */

}.sc-bipthf {
  position: relative;
  overflow: hidden;
  background-color: #000; /* initial dark background */
  color: #fff; /* initial text color */
  border: 1px solid #000;
  transition: color 0.3s ease;
  z-index: 1;
}

/* sliding layer */
.sc-bipthf::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #fff; /* hover background */
  z-index: -1;
  transition: width 0.4s ease;
}

/* hover effect */
.sc-bipthf:hover::before {
  width: 100%;
}

.sc-bipthf:hover {
  color: #000; /* text becomes dark */
}
/* END - Product page */

.offer-bar {
  padding: 12px 0px 12px;
  background: #fff;
  border-bottom: 1px solid #eee;
  margin-bottom: 12px;
}

.offer-bar .offer-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
  margin-left: 1.5rem;
}

.offer-bar .offer-progress-track {
  height: 4px;
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
}

.offer-bar .offer-progress-fill {
  height: 100%;
  width: 0%;
  /* background: linear-gradient(90deg, #000, #555); */
  background:  #183e40;
  transition: width 0.4s ease;
}

.offer-bar .offer-steps {
  display: flex;
  justify-content: space-between;
  margin-top: -14px;
}

.offer-bar .step {
  text-align: center;
  position: relative;
  width: 33%;
}

.offer-bar .gift {
  font-size: 18px;
  margin-bottom: 4px;
  transition: transform 0.3s ease;
}

.offer-bar .step .gift .gift-block{
  background-color: #fff;
  border: 4px solid #eee;
  border-radius:50%;
  padding: 6px;
  transition: 0.6s
  font-size: 14px;
}

.offer-bar .step.active .gift .gift-block{
  border-color: #183e40;
  opacity: 1;
}

@keyframes bounce {
  0%   { transform: scale(1); }
  30%  { transform: scale(1.4); }
  60%  { transform: scale(0.9); }
  100% { transform: scale(1.2); }
}

.offer-bar .step.animate .gift {
  animation: bounce 0.6s ease;
}

.offer-bar .step-label {
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
  flex-direction: column;
  line-height: normal;
}
.offer-bar .step-label span{
  font-size: 14px
}

.offer-bar .step.active .step-label {
  font-weight: 400;
}
/* END - cart offer progress bar */
h2#cart-drawer-heading{
  margin-bottom: 0;
}

.cart-drawer__summary{
  gap: 2px !important;
  padding: 12px 24px 0 !important;
}



/* ============================= */
/* BOGO SYSTEM (SCOPED SAFE CSS) */
/* ============================= */

#cart-offer-bar {
  padding: 12px 0;
  background: #fff;
  border-bottom: 1px solid #eee;
  margin-bottom: 12px;
}

/* ---------- TITLE ---------- */
#cart-offer-bar .offer-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
  margin-left: 1.5rem;
}

/* ---------- PROGRESS BAR ---------- */
#cart-offer-bar .offer-progress-track {
  height: 3px;
  background: #eee;
  border-radius: 10px;
  overflow: hidden;
}

#cart-offer-bar .offer-progress-fill {
  height: 100%;
  width: 0%;
  background: #183e40;
  transition: width 0.4s ease;
}

/* ---------- STEPS ---------- */
#cart-offer-bar .offer-steps {
  display: flex;
  justify-content: space-between;
  margin-top: -14px;
}

#cart-offer-bar .step {
  text-align: center;
  width: 33%;
}

#cart-offer-bar .gift {
  font-size: 16px;
  margin-bottom: 4px;
  transition: transform 0.3s ease;
}

#cart-offer-bar .gift-block {
  background: #fff;
  border: 2px solid #eee;
  border-radius: 50%;
  padding: 5px;
  transition: 0.3s ease;
}

#cart-offer-bar .step.active .gift-block {
  border-color: #183e40;
}

/* ---------- LABEL ---------- */
#cart-offer-bar .step-label {
  font-size: 11px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 12px;
  line-height: normal;
}

#cart-offer-bar .step-label span {
  font-size: 13px;
}

#cart-offer-bar.ready {
  opacity: 1;
  visibility: visible;
}

/* BOGO coupon code - START  */
#cart-offer-bar #bogo-coupon-box {
  background: #F9F9F9;
  padding: 6px;
  border: 1px solid  var(--color-foreground);
  margin: 12px 24px 0;
  transition: all 0.3s ease;
}

#cart-offer-bar #bogo-coupon-box svg {
  width: 16px;
  height: auto;
}
#cart-offer-bar .bogo-unlock-text {
  font-size: 12px;
  opacity: 0.85;
  margin-bottom: 6px;
}

#cart-offer-bar #bogo-upgrade-text{
  color: var(--color-foreground);
}

#cart-offer-bar .bogo-code-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

#cart-offer-bar .right-block{
  display: flex;
    align-items: center;
    gap: 6px;
    justify-content: space-between;
    background-color: #fff;
    padding: 0 12px;
    border-radius: 4px;
}
#cart-offer-bar .right-block > span:first-child{
  font-size: 12px;
  font-weight: 500;
}

#cart-offer-bar .right-block > div  button{
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

#cart-offer-bar .right-block button{
    border: unset;
    background-color: transparent;
}
#cart-offer-bar .bogo-code {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
}

/* button */
#cart-offer-bar .copy-btn {
  background: #fff;
  color: #183e40;
  border: none;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 11px;
  cursor: pointer;
}

/* message */
#cart-offer-bar .bogo-upgrade-text {
  font-size: 11px;
  margin-top: 4px;
  opacity: 0.8;
}

/* hidden safely scoped */
#cart-offer-bar .hidden {
  display: none !important;
}

/* animation */
#cart-offer-bar .pulse {
  animation: bogoPulse 0.4s ease;
}

#cart-offer-bar:not(.ready) {
  background: linear-gradient(90deg, #f5f5f5 25%, #eee 50%, #f5f5f5 75%);
  background-size: 200% 100%;
  animation: shimmer 1.2s infinite;
}

@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

@keyframes bogoPulse {
  0% { transform: scale(0.95); }
  50% { transform: scale(1.05); }
  100% { transform: scale(1); }
}
/* BOGO offer code - END */

/* Base */
/* button.pf-74_.pf-button-1,
button.cart__checkout-button {
  position: relative;
  overflow: hidden;
  z-index: 1;
} */

/* White layer */
/* button.pf-74_.pf-button-1::before,
button.cart__checkout-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  z-index: 0;

  transform: scaleX(0);
  transform-origin: right; /* KEY FIX */
  transition: transform 0.4s ease;
} */

/* Content above */
/* button.pf-74_.pf-button-1 *,
button.cart__checkout-button * {
  position: relative;
  z-index: 1;
} */

/* Hover IN → left to right */
/* button.pf-74_.pf-button-1:hover::before,
button.cart__checkout-button:hover::before {
  transform: scaleX(1);
  transform-origin: left; /* expand from left */
} */

/* Hover OUT → also left to right */
/* button.pf-74_.pf-button-1::before,
button.cart__checkout-button::before {
  transform-origin: right; /* shrink toward right */
} */

/* Hover text/border */
/* button.pf-74_.pf-button-1:hover,
button.cart__checkout-button:hover {
  color: #000 !important;
  border-color: #000 !important;
} */

.cart__total-container:has(.cart__installments){
  row-gap: 0 !important
}

.cart__summary-totals {
  padding-top: 12px !important;
}