/* CURETICS storefront · 2026.09
   공통 화면 스타일. 상세 iframe은 자체 디자인을 유지한다. */
:root {
  --ink:#242622; --text:#50564f; --muted:#71766f; --white:#fff;
  --page-bg:#fff; --bg:#fbfaf7; --bg-gray:#f4f4ef; --bg-soft:#fafaf7;
  --line:#e1e4dc; --line-soft:#eceee8;
  --forest:#283e33; --forest-soft:#eef2ec; --accent:#b84837;
  --red:#b84837; --red-bright:#c8503d; --red-dark:#993c2f; --red-tint:#fbefea;
  --black:#242622; --brown:#283e33; --brown-dark:#1b2d24; --brown-mid:#50564f;
  --green-900:#1e3128; --green-800:#283e33; --green-700:#344e3d;
  --green-600:#49624f; --green-500:#546d59; --green-100:#e5ecdf; --green-50:#f0f4ed;
  --cream:#f2ecdf; --cream-soft:#f7f6f0; --cream-deep:#e8dfce; --ivory:#fbfaf7;
  --gold:#ad9065; --gold-dark:#846b48; --gold-light:#eee5d7; --blue:#546d59;
  --radius:18px; --radius-sm:10px; --container:1280px;
  --shadow:0 5px 22px #25332708; --shadow-lg:0 18px 48px #25332712;
}
html{font-size:16px;scroll-padding-top:136px}body{font-size:18px;line-height:1.75;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere;background:#fff}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-family:var(--font-sans)}
button,a,input,select,textarea{touch-action:manipulation}img{max-width:100%}a{color:inherit}button:disabled{cursor:not-allowed}
:focus-visible{outline:3px solid #a97642;outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px}
.container{max-width:var(--container);padding-inline:32px}.section{padding:88px 0}.section-tight{padding:54px 0}
.section-head{margin-bottom:32px}.section-title{font-family:var(--font-sans);font-size:clamp(30px,3.15vw,42px);font-weight:750;letter-spacing:-.045em;line-height:1.35;color:var(--ink)}
.section-sub{font-size:18px;line-height:1.8;color:var(--muted)}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.14em;color:var(--forest);text-transform:uppercase;margin-bottom:10px}
.btn{min-height:48px;padding:13px 22px;border-radius:8px;font-size:17px;font-weight:650;line-height:1.4;letter-spacing:-.02em;box-shadow:none;transition:background .18s,color .18s,border-color .18s;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn:hover{transform:none;box-shadow:none}.btn-primary{background:var(--forest);border-color:var(--forest);color:#fff}.btn-primary:hover{background:#1b2d24;border-color:#1b2d24;color:#fff}
.btn-outline{border:1px solid #bec8bc;color:var(--forest);background:transparent}.btn-outline:hover{background:var(--forest-soft);border-color:var(--forest)}.btn-lg{min-height:56px;font-size:18px;padding:16px 28px}.btn-sm{min-height:42px;font-size:16px;padding:9px 17px}
.badge{border-radius:4px;font-size:12px;font-weight:700;letter-spacing:.06em;padding:5px 8px}.badge-best,.badge-new{background:var(--forest);color:#fff}.price{font-family:var(--font-sans);font-weight:750;color:var(--ink);letter-spacing:-.03em}.discount-rate{color:var(--red);font-weight:800}.price-original{font-size:15px;color:#92968f}
/* 선명한 안내 한 줄 + 로고 + 간결한 탐색 */
#site-header{position:sticky;top:-39px;z-index:100}.topbar{background:var(--forest);font-size:14px;letter-spacing:0;line-height:1.5}.topbar-inner{min-height:39px;padding:9px 20px}.topbar a{gap:10px}.topbar .tb-dot{width:18px;height:18px;background:#ffffff1f;font-size:11px}.topbar strong{font-weight:650}
.site-header{position:relative;top:auto;background:#fffffffa;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-top{border-bottom:0}.header-top-inner{height:78px;padding-top:0;padding-bottom:0;gap:24px}.logo{display:flex;flex-direction:row;gap:17px;align-items:center}.logo-en{font-size:33px;font-weight:850;letter-spacing:-.055em;line-height:1;color:var(--forest)}.logo-caption{font-size:11px;line-height:1.3;letter-spacing:.18em;color:var(--muted);border-left:1px solid #cdd3c9;padding-left:17px;max-width:104px}.header-util{gap:13px;font-size:13px}.header-util a{color:#636a60}.header-util .sep{opacity:.6}.header-util .util-badge{border-radius:4px;font-size:11px;background:var(--red-tint);color:var(--red);padding:4px 8px}
.header-inner{grid-template-columns:minmax(0,1fr) auto;min-height:54px;height:auto;padding:0 32px 10px;gap:20px}.nav-left{gap:9px}.mobile-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:9px;flex-shrink:0;border-radius:8px;color:var(--forest)}.mobile-toggle svg{width:24px;height:24px}.mobile-toggle:hover{background:var(--forest-soft)}.gnb{display:flex;gap:6px;overflow-x:auto;align-items:center}.gnb a{padding:10px 13px;font-size:16px;font-weight:600;letter-spacing:-.025em;line-height:1.6}.gnb a.active{font-weight:750;color:var(--forest)}.gnb a.active::after{content:'';position:absolute;bottom:3px;left:13px;right:13px;height:2px;background:var(--forest)}.gnb a:hover{color:var(--red)}.gnb a .nav-new{font-size:7px;top:5px;right:6px}.gnb a.nav-blue{color:var(--forest)}
.header-actions{gap:9px;display:flex;align-items:center}.header-actions .icon-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:8px;color:var(--forest);border-radius:8px}.header-actions .icon-btn:hover{background:var(--forest-soft)}.header-actions .icon-btn svg{width:25px;height:25px}.cart-badge{background:var(--red);font-size:11px;min-width:17px;height:17px;top:0;right:0}.search-box{display:flex;width:238px;min-height:40px;border:0;border-radius:999px;background:#f3f5ef;padding:0 12px 0 17px;align-items:center}.search-box input{background:transparent;border:0;font-size:14px;min-width:0;width:100%;height:40px;color:var(--ink);outline:none}.search-box button{width:28px;height:36px;display:grid;place-items:center;color:var(--forest);flex-shrink:0}.search-box svg{width:20px;height:20px}.search-box:focus-within{box-shadow:0 0 0 2px #70856c}
.mobile-nav{top:100%;left:max(20px,calc((100% - var(--container))/2 + 32px));width:360px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 165px);padding:26px;background:#fff;border:1px solid var(--line);border-radius:0 0 18px 18px;box-shadow:0 18px 40px #2331271a;overscroll-behavior:contain}.mobile-nav.open{display:flex}.mobile-nav a{font-size:18px;padding:12px 2px;font-weight:600}.mobile-nav a+a{border-top:1px solid var(--line-soft)}.mobile-nav-heading{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}.mobile-nav-heading span{font-size:14px;color:var(--muted)}.mobile-nav-heading b{font-size:24px;color:var(--forest);letter-spacing:-.035em}.mobile-search{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;margin-bottom:18px;padding:0 12px;min-height:48px}.mobile-search input{border:0;outline:none;min-width:0;width:100%;font-size:17px;background:transparent}.mobile-search button{width:36px;height:42px;display:grid;place-items:center}.mobile-search svg{width:21px;height:21px}.mobile-search:focus-within{outline:2px solid #70856c}.menu-open{overflow:hidden}body.menu-open::before{z-index:99;background:#1b2d2452;backdrop-filter:blur(2px)}
/* 상품 사진, 정보, 가격을 같은 위치에서 읽도록 */
.product-grid,.product-grid.cols-3{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}.product-card{background:transparent;overflow:visible;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;min-width:0;transition:none}.product-card:hover{transform:none;box-shadow:none}.product-card-image{position:relative;overflow:hidden;border-radius:18px;background:#f3f2ec}.product-card .product-visual{border-radius:18px;aspect-ratio:1/1.08;background:#f3f2ec;box-shadow:none;transform:none}.product-card .product-visual .product-photo{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6%;background:transparent;transition:transform .4s}.product-card:hover .product-photo{transform:scale(1.04)}.product-label{position:absolute;top:14px;left:14px;background:var(--forest);color:white;font-size:11px;font-weight:700;letter-spacing:.06em;padding:5px 9px;border-radius:4px;pointer-events:none}.product-quick-add{position:absolute;bottom:14px;right:14px;width:44px;height:44px;border:1px solid #fff;border-radius:50%;background:#fff;color:var(--forest);display:grid;place-items:center;box-shadow:0 3px 12px #283e3310}.product-quick-add svg{width:23px;height:23px}.product-quick-add:hover{color:#fff;background:var(--forest);border-color:var(--forest)}.product-card-body{display:flex;flex-direction:column;flex:1;padding:19px 1px 0;min-width:0}.product-card-cat{font-size:13px;font-weight:650;letter-spacing:.015em;color:var(--forest);margin-bottom:6px}.product-card-name{font-family:var(--font-sans);font-size:22px;font-weight:750;line-height:1.45;letter-spacing:-.035em;margin:0;color:var(--ink)}.product-card-name a{display:block}.product-card-desc{font-size:16px;line-height:1.7;color:var(--muted);margin:8px 0 15px;min-height:3.4em}.product-card-meta{display:flex;flex-wrap:wrap;gap:5px 9px;align-items:baseline;margin:0}.product-card-meta .price,.product-card-meta .discount-rate{font-size:24px;line-height:1.4}.product-card-meta .price-original{width:100%;font-size:14px;margin-top:1px}.product-card .rating-row{margin:12px 0 0;padding:0;gap:5px;display:flex;align-items:center;font-size:13px;color:var(--muted)}.rating-star{color:var(--forest);font-size:15px}.rating-row b{font-weight:650;color:var(--ink)}.product-card-more{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;border-top:1px solid var(--line-soft);padding-top:13px;min-height:44px;margin-top:16px;color:var(--forest)}.product-card-more:hover{color:var(--red)}
/* 공통 정보와 폼 */
.info-banner{background:#f6f6f1;border:1px solid var(--line);border-radius:12px;padding:19px 23px;font-size:15px;line-height:1.85;color:#677060}.field input,.field select,.field textarea{font-size:17px;min-height:50px;border:1px solid #d6ddd0;border-radius:9px;padding:13px 15px;background:#fff;color:var(--ink)}.field label{font-size:16px;font-weight:650;color:var(--ink);margin-bottom:8px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--forest)}.field .hint,.field .error{font-size:14px}.qty-stepper{border-radius:8px;border-color:var(--line);min-height:44px}.qty-stepper button{min-width:40px;min-height:42px}.qty-stepper input{font-size:17px}.tabs{border-bottom-color:var(--line);gap:8px}.tab-btn{font-size:17px;font-weight:650;padding:17px 20px;min-height:52px}.tab-btn.active{color:var(--forest);border-bottom:2px solid var(--forest)}.data-table{box-shadow:none;border-color:var(--line);border-radius:12px;font-size:17px}.data-table th{background:var(--bg-gray)}.toast{background:var(--forest);color:#fff;border-radius:12px;padding:17px 24px;font-size:16px;max-width:calc(100vw - 32px)}.empty-state h2{font-size:29px}.empty-state p{font-size:18px;line-height:1.8}.page-hero{background:#f5f6f0;border:0;padding:68px 0}.page-hero h1{font-size:clamp(34px,4.2vw,48px);font-weight:750;letter-spacing:-.05em;line-height:1.3}.page-hero p{font-size:18px;color:var(--muted)}.page-hero .eyebrow{color:var(--forest);font-size:13px}.breadcrumb{font-size:14px;color:var(--muted)}.breadcrumb.container{padding:22px 32px}.accordion-btn{font-size:18px}.accordion-body{font-size:17px;line-height:1.85}
/* 차분하고 명확한 푸터 */
.site-footer{background:#f3f4ef;margin-top:80px;padding:60px 0 28px;border-top:1px solid var(--line);color:var(--text);font-size:15px}.footer-grid{grid-template-columns:1.6fr .8fr .9fr 1.1fr;gap:36px;padding-bottom:34px;border-bottom:1px solid #dbe0d4}.footer-logo .logo-en{font-size:36px;color:var(--forest)}.footer-tagline{display:block;font-size:19px;font-weight:650;margin-top:22px;letter-spacing:-.035em;color:var(--forest)}.footer-desc{font-size:15px;color:var(--muted);line-height:1.9;margin-top:9px}.footer-col h4{color:var(--forest);font-size:13px;font-weight:750;letter-spacing:.08em;margin-bottom:17px}.footer-col a{font-size:15px;line-height:1.6;min-height:34px;padding:6px 0;color:#5f695b}.footer-col a:hover{color:var(--forest);text-decoration:underline;text-underline-offset:4px}.footer-cs-tel{font-size:27px;font-weight:750;letter-spacing:-.03em;color:var(--forest);line-height:1.4;margin-bottom:10px}.footer-col p{font-size:14px;line-height:1.9;color:var(--muted)}.footer-policy{display:flex;flex-wrap:wrap;gap:24px;margin-top:26px;font-size:14px;color:#4f5b48}.footer-policy a{min-height:32px}.footer-policy strong{font-weight:650}.footer-meta{padding-top:12px;font-size:12px;line-height:1.9;color:#7b8176;overflow-wrap:anywhere}.footer-notice{padding:0;margin-top:15px;border:0;border-radius:0;background:transparent;font-size:12px;color:#7b8176;line-height:1.8}
@media(max-width:1100px){.header-inner{gap:14px}.search-box{width:190px}.gnb a{padding-inline:10px}.gnb{gap:0}.logo-caption{display:none}.product-grid,.product-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{gap:24px;grid-template-columns:1.3fr .8fr .9fr 1.1fr}}
@media(max-width:860px){.search-box{display:none}.header-util{font-size:13px}.header-inner{grid-template-columns:minmax(0,1fr) auto}.product-grid,.product-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.footer-logo{grid-column:1/-1}.footer-desc{max-width:400px}.section{padding-block:66px}}
@media(max-width:600px){
 html{scroll-padding-top:126px}.container{padding-inline:20px}body{font-size:18px}.section{padding-block:52px}.section-tight{padding-block:36px}.section-head{margin-bottom:26px}.section-title{font-size:30px}.section-sub{font-size:17px}.eyebrow{font-size:13px}#site-header{top:-38px}.topbar{font-size:13px}.topbar-inner{min-height:38px;padding:9px 16px}.topbar .tb-dot{display:none}.header-top-inner{height:65px;justify-content:center;padding-inline:68px}.logo-en{font-size:30px}.header-util,.logo-caption{display:none}.header-inner{display:block;height:48px;min-height:48px;padding:0 20px}.nav-left{display:block}.mobile-toggle{position:absolute;top:11px;left:12px;width:44px;height:44px}.header-actions{position:absolute;right:12px;top:11px;gap:0}.header-actions #user-link{display:none}.header-actions .icon-btn{width:44px;height:44px}.gnb{gap:22px;width:100%;display:flex;height:48px;align-items:stretch}.gnb a{padding:10px 0;font-size:15px;display:flex;align-items:center;min-height:46px}.gnb a.active::after{left:0;right:0;bottom:0}.gnb a .nav-new{right:-7px;top:4px}.mobile-nav{left:12px;width:calc(100vw - 24px);max-width:none;max-height:calc(100dvh - 150px);padding:25px 24px;border-radius:0 0 18px 18px}.mobile-nav a{min-height:48px}.mobile-nav-heading b{font-size:28px}
 .product-grid,.product-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.product-card-image,.product-card .product-visual{border-radius:12px}.product-label{top:10px;left:10px;font-size:10px;padding:4px 7px}.product-quick-add{bottom:10px;right:10px;width:40px;height:40px}.product-quick-add svg{width:21px;height:21px}.product-card-body{padding-top:15px}.product-card-cat{font-size:12px}.product-card-name{font-size:20px}.product-card-desc{font-size:15px;line-height:1.6;min-height:3.2em;margin:7px 0 11px}.product-card-meta{gap:3px 6px}.product-card-meta .price,.product-card-meta .discount-rate{font-size:21px}.product-card-meta .price-original{font-size:13px}.product-card .rating-row{font-size:12px;gap:4px}.product-card-more{font-size:13px;margin-top:13px;min-height:44px;padding-top:11px}.product-card-more span{font-size:17px}
 .page-hero{padding:42px 0}.page-hero h1{font-size:34px}.page-hero p{font-size:17px;max-width:320px;margin-inline:auto}.breadcrumb.container{padding:18px 20px}.info-banner{font-size:14px;padding:18px}.btn{min-height:48px;font-size:17px;padding:13px 18px}.btn-sm{min-height:42px;font-size:15px;padding:10px 15px}.tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;gap:0}.tab-btn{white-space:nowrap;flex:0 0 auto;padding:15px 14px;font-size:16px}.field label{font-size:17px}.field input,.field select,.field textarea{font-size:17px}
 .site-footer{margin-top:56px;padding:40px 0 26px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px;padding-bottom:26px}.footer-logo{grid-column:1/-1}.footer-logo .logo-en{font-size:34px}.footer-col:last-child{grid-column:1/-1}.footer-tagline{font-size:20px;margin-top:19px}.footer-col h4{font-size:13px;margin-bottom:12px}.footer-col a{font-size:15px;min-height:36px}.footer-cs-tel{font-size:29px}.footer-col p{font-size:14px}.footer-policy{font-size:13px;gap:18px;margin-top:22px}.footer-meta,.footer-notice{font-size:12px}.toast{bottom:96px}
}
.product-card-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:600px){.product-quick-add{width:44px;height:44px}}
@media(max-width:359px){.gnb{gap:18px}.product-card-meta .price,.product-card-meta .discount-rate{font-size:19px}.product-card-name{font-size:19px}.product-card-desc{font-size:14px}.product-card-more{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.product-card:hover .product-photo{transform:none}}