/** Shopify CDN: Minification failed

Line 135:0 Unexpected "{"
Line 135:1 Expected identifier but found "%"
Line 136:0 Unexpected "{"
Line 136:1 Expected identifier but found "%"
Line 137:2 Unexpected "{"
Line 137:3 Expected identifier but found "%"
Line 138:4 Unexpected "{"
Line 138:5 Expected identifier but found "%"
Line 139:2 Unexpected "{"
Line 139:3 Expected identifier but found "%"
... and 22 more hidden warnings

**/
.tl__cart-goal__gift-noti {
   /* background: rgb(var(--color-button)) !important;
    color: rgb(var(--color-button-text)) !important;*/
    border: none !important;
    border-radius: var(--buttons-radius, 0) !important;
    padding:5px;
    text-transform: uppercase;
    max-width: unset !important;
}

.tl__cart-goal__goal-container__drawer {
    margin-bottom: 26px !important;
  margin-top: 10px !important;
}
.cart-drawer__header {
    padding: 10px 2rem;
}
.drawer__footer-body > .grid {
    gap: 0;
}
.drawer__footer-head>div {
    padding-top: 0;
  padding-bottom: 10px;
}
.drawer__body cart-items > ul {
    gap: 0;
}
.tl__cart-goal__container__drawer {
    margin-bottom: -32px !important;
}
p.tl__cart-goal__reward-description__drawer {
    margin-top: 5px;
}
.address-list:not(:last-child) {
    border-bottom: 1px solid rgb(var(--color-border));
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.rte a.btn {
  text-decoration: none !important
}
@media (max-width: 767.98px) {
  .image-contain-mobile .hero__media img {
    object-fit: contain;
  }
  .accordion-details__content.rte h3 {
    font-size: 18px;
    margin-top: 10px;
}
}
free-shipping-goal {
  position: relative;
}
progress-bar.progress-bar {
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  background-color: #F2EDE8;
}
.progress-bar::before {
  background-color: #C4A48B
}
.free-shipping-goal__label {
  z-index:1;
  position: relative;
  color: #3E2102;
  padding: 5px;
  text-align: center;
}
button.self-stretch {
  width: 100%;
}
.account-top {
  text-align: center
}
.manual {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.btn .text-base {
  color: rgb(var(--color-secondary-button-text));
    text-transform: uppercase;
}

@media (max-width: 750px) {
  .mobile-hidden {
    display: none !important;
  }
}
@media (min-width: 751px) {
  .desktop-hidden {
    display: none !important;
  }
}

@media (max-width: 767.98px) {
    body .section .image-with-text .image-with-text__inner {
        padding-top: 0;
    }
}

/* Product card type label */
.product-card__type {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Product card shape label */
.product-card__shape {
  font-size: 12px;
  font-weight: 400;
  color: inherit;
}
/* Untuk mapping Product Type ke Collection */
{% assign type_lower = product.type | downcase %}
{% case type_lower %}
  {% when 'stay on nails' %}
    {% assign type_url = '/collections/stay-on-nails' %}
  {% when 'spot-on nails' %}
    {% assign type_url = '/collections/spot-on-manicure' %}
  {% when 'spot-on pedicure' %}
    {% assign type_url = '/collections/spot-on-pedicure' %}
  {% when 'glue & remover' %}
    {% assign type_url = '/collections/stay-on-glue' %}
  {% when 'nail tools' %}
    {% assign type_url = '/collections/nail-tools' %}
{% endcase %}

{% if type_url != blank %}
  <a href="{{ type_url }}" style="
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    color: inherit;
  ">{{ product.type }}</a>
{% endif %}

.header__menu a[href="/collections/sale"],
.header__inline-menu a[href="/collections/sale"],
.nav a[href="/collections/sale"],
header a[href="/collections/sale"] {
  color: #E8001C !important;
  font-weight: 700 !important;
  font-size: inherit !important;
  text-transform: uppercase !important;
  letter-spacing: inherit !important;
}

.product__block--description {
  max-height: 150px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease;
  margin-bottom: 8px; /* small buffer before whatever block follows */
}

.product__block--description.expanded {
  max-height: 2000px;
}

.product__block--description.truncated:not(.expanded)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(transparent, white);
  pointer-events: none;
}

.read-more-btn {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  padding: 8px 0;
  display: block;
  margin-top: 4px;
  margin-bottom: 16px; /* <-- this is the key addition: breathing room before the next block (badges) */
}