/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 89:0 Unexpected "<"

**/
<style>
  #scroll-to-top, 
  .scroll-to-top, 
  .back-to-top, 
  .return-to-top,
  .button-scroll-top,
  .scroll-top,
  [class*="scroll-to-top"], 
  [class*="back-to-top"] {
    bottom: 110px !important;  /* 바닥에서 110px 띄움 (리워드 버튼 위로) */
    z-index: 2147483647 !important; /* 제일 위에 보이게 설정 */
  }
  
  #btnScrollToTop {
    border-radius: 5px !important;
  }
  
  /* =========================================
     1. 메인 '장바구니 담기' 버튼 (Ajouter au panier)
     ========================================= */
  .product-form__submit,
  button[name="add"],
  .product-form__buttons button {
    background-color: #00ccbc !important; /* 요청하신 진한 색 */
    color: #ffffff !important;            /* 글자는 흰색 */
    border: 1px solid #00ccbc !important;
    
    /* 폰트 설정: 테마 기본 폰트 + 굵게 */
    font-family: var(--font-body-family) !important; 
    font-weight: 700 !important;          
    font-style: normal !important;      
    letter-spacing: 0.5px !important;    
    
    transition: opacity 0.3s ease !important;
  }

  /* 마우스 올렸을 때 (Hover) */
  .product-form__submit:hover,
  button[name="add"]:hover {
    background-color: #00ccbc !important;
    opacity: 0.9 !important; /* 색은 유지하고 살짝 연하게만 */
  }

  /* =========================================
     2. 수량 조절 버튼 (+ / - / 숫자)
     ========================================= */
  
  /* 수량 조절 전체 박스 배경 */
  quantity-input,
  .quantity {
    background-color: #ede8f2 !important; /* 요청하신 연한 색 */
    border: 1px solid #ede8f2 !important; /* 테두리도 같은 색으로 깔끔하게 */
  }

  /* 더하기 빼기 버튼 */
  .quantity__button {
    background-color: #ede8f2 !important; /* 배경: 연한 색 */
    color: #00ccbc !important;            /* 기호(+,-): 진한 색 (잘 보이게) */
    font-weight: bold !important;
    border: none !important;
    transition: background-color 0.2s ease;
  }
  
  /* 가운데 숫자 입력 칸 */
  .quantity__input {
    background-color: #ede8f2 !important; /* 배경: 연한 색 */
    color: #00ccbc !important;            /* 숫자: 진한 색 */
    font-weight: 700 !important;          /* 숫자 굵게 */
    border: none !important;              /* 내부 테두리 제거 */
  }

  /* 수량 버튼 마우스 올렸을 때 조금 진하게 (반응감) */
  .quantity__button:hover {
    background-color: #dcd0e5 !important; 
  }

  /* =========================================
     3. 공통: 로딩 및 폰트 깨짐 방지
     ========================================= */
  .loading-overlay__spinner {
    color: currentColor !important;
  }
</style>