/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 154:0 Unexpected "<"

**/
<style>
/* ========================================= */
/* SHOPIFY THEME CUSTOM CSS (SOLID STYLE)    */
/* Color: #00ccbc (Teal/Mint)                */
/* ========================================= */

/* --- 1. 폰트 사이즈 및 카드 레이아웃 (기존 유지) --- */
h1, .h1 { font-size: 4em; }
h2, .h2 { font-size: 3.5em; }
h3, .h3 { font-size: 3em; }
h4, .h4 { font-size: 2.5em; }
h5, .h5 { font-size: 2em; }
h6, .h6 { font-size: 1.5em; }

.product-card-content .product-title { font-size: 1.4em !important; }
h2 .s1 { font-size: 3.5rem; }
h3 .s1 { font-size: 3rem; }
h2 .s1 b, h3 .s1 b { font-weight: 500; }

.product-card .product-media-wrap { margin-bottom: 10px !important; }
.product-card .product-card-content { margin-top: 0 !important; padding: 0 !important; }
.product-card .product-vendor { margin-bottom: 4px !important; font-size: 13px; letter-spacing: 0.06em; }
.product-card .product-title.h6 { margin: 2px 0 6px !important; }
.product-card .price { margin-top: 0 !important; }
.product-card .product-card-content, .product-card .product-card-content-mobile { text-align: center !important; }

/* 텍스트 스타일 */
.product-card .product-card-content .product-vendor,
.product-card .product-card-content-mobile .product-vendor,
.product-card .product-vendor-link { font-weight: bold !important; }

.product-card .product-card-content .product-title,
.product-card .product-card-content .product-title.h6,
.product-card .product-card-content .product-title a,
.product-card .product-card-content .product-title.h6 a,
.product-card .product-card-content-mobile .product-title,
.product-card .product-card-content-mobile .product-title a { font-weight: 400 !important; }

/* 퀵 애드 박스 숨김 */
.product-card .quick-add-box, .product-card .quick-add-box .field-title, .product-card .quick-add-box .field-swatch { display: none !important; }

/* 중앙 정렬 */
.product-vendor { font-weight: 700 !important; text-align: center !important; margin-top: 6px !important; }
.product-title, .product-title.h6, .product-title.h6 a { font-weight: 400 !important; text-align: center !important; display: block !important; }
.price, .price .price-item, .price.price--large { text-align: center !important; justify-content: center !important; }

/* 간격 미세 조정 */
.product-card-content, .product-card-content-mobile { margin-top: 8px !important; position: static !important; }
.product-card .product-media-wrap { position: relative !important; }

/* --- 2. 이미지 효과 (기존 유지) --- */
.product-card .product-media-wrap { overflow: hidden !important; padding-bottom: 100% !important; height: 0 !important; }
.product-card .product-first-image, .product-card .product-card .product-second-image { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; transition: opacity 0.3s ease-in-out !important; z-index: 2 !important; }
.product-card .product-second-image { opacity: 0 !important; z-index: 3 !important; }
.product-card .product-first-image { opacity: 1 !important; z-index: 4 !important; }
.product-card .product-media-wrap:hover .product-first-image { opacity: 0 !important; }
.product-card .product-media-wrap:hover .product-second-image { opacity: 1 !important; }

.product-media-wrap { width: 100%; height: auto !important; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.product-media-wrap img, .product-image img, .product-first-image { width: 100% !important; height: auto !important; object-fit: contain !important; max-height: 100%; display: block; }
.testimonial .product-card { margin-top: 0 !important; }


/* ======================================================= */
/* [핵심 수정] 버튼 내부를 색상으로 꽉 채우기 (#00ccbc)      */
/* ======================================================= */

/* form 버튼, 링크 버튼, 결제 버튼 등 모든 주요 버튼의 
   배경색(background-color)과 테두리(border-color)를 동일하게 설정 
*/
form[action*="/cart/add"] button,
form[action*="/cart/add"] input[type="submit"],
.product-form__submit,
.product-form__buttons button,
[name="add"],
.add-to-cart-button,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded,
button.button, 
.btn, 
a.button, 
a.btn {
    background-color: #f4f4f4 !important; /* 내부 채움 색상 */
    border-color: #f4f4f4 !important;     /* 테두리 색상 (내부와 동일) */
    color: #000000 !important;            /* 글자색 흰색 */
    
    background-image: none !important;    /* 배경 이미지 제거 (Fwee/Dasique 문제 해결) */
    border-width: 1px !important;         /* 테두리 두께 */
    border-style: solid !important;       /* 테두리 실선 */
    border-radius: 0px !important;        /* 사각형 유지 */
    opacity: 1 !important;                /* 투명도 제거 */
    box-shadow: none !important;          /* 그림자 제거 */
}

/* 장바구니 수량 버튼 (+/-) - 이건 내부 비우기 유지 (깔끔함을 위해) */
.cart-drawer .quantity-picker-button,
.quantity__button {
    background-color: transparent !important;
    color: #f4f4f4 !important;
    border: 1px solid #f4f4f4 !important;
}

/* 버튼 Hover (마우스 올렸을 때) - 약간 더 진하게 */
form[action*="/cart/add"] button:hover,
.product-form__submit:hover,
.button:hover:not(:disabled), 
.btn:hover:not(:disabled),
a.button:hover,
.shopify-payment-button__button:hover {
    background-color: #f2f2f2 !important; /* 진한 민트 채움 */
    border-color: #f2f2f2 !important;     /* 진한 민트 테두리 */
    color: #000000 !important;
}

/* 품절 버튼 (연한 민트 배경) */
.product-card .add-to-cart-button.disabled,
button:disabled,
.button:disabled {
    background-color: #e0fbf9 !important;
    border-color: #e0fbf9 !important;
    color: #00ccbc !important;
    cursor: not-allowed !important;
}


/* ======================================================= */
/* [언어/통화 버튼] 색상 빼기 (투명 유지)                    */
/* ======================================================= */
.disclosure__button,
.localization-form__toggle,
.localization-selector__toggle,
.localization-selector button,
.header__icon--localization,
.footer__localization button {
    background: transparent !important;       
    background-color: transparent !important; 
    border: none !important;                  
    box-shadow: none !important;
    color: inherit !important;                
    padding: 0 !important;                    
}

.disclosure__button:hover,
.localization-selector button:hover {
    background: transparent !important;
    opacity: 0.7 !important;
}
</style>