/* ============================================================
   LumiScrubs Warm Editorial Design System v2 — 2026-07-16
   Tokens from UI kit: ink #202625 / bone #F4F0E8 / white /
   sage #9EAEA2 / clay #9B4D3F / border #D8D9D4
   Fonts: Cormorant Garamond (headings) + Archivo (UI/body)
   ============================================================ */
:root{
  --color-ink:#202625; --color-bone:#F4F0E8; --color-white:#FFFFFF;
  --color-sage:#9EAEA2; --color-clay:#9B4D3F; --color-border:#D8D9D4;
  --color-text-muted:#4A514E; --color-text-faint:#7A817D; --color-surface-faint:#EDEDEA;
  --font-serif:'Cormorant Garamond',Georgia,serif;
  --font-sans:'Archivo',Helvetica,Arial,sans-serif;
  --radius:0;
  /* legacy var remap: old M3 pages instantly re-skin warm */
  --lumi-surface:#FFFFFF!important; --lumi-surface-dim:#EDEDEA!important;
  --lumi-surface-bright:#FFFFFF!important; --lumi-surface-lowest:#FFFFFF!important;
  --lumi-surface-low:#F4F0E8!important; --lumi-surface-container:#EDEDEA!important;
  --lumi-surface-high:#F4F0E8!important; --lumi-surface-highest:#EDE8DF!important;
  --lumi-surface-variant:#EDE8DF!important; --lumi-surface-tint:#4A514E!important;
  --lumi-on-surface:#202625!important; --lumi-on-surface-variant:#4A514E!important;
  --lumi-primary:#202625!important; --lumi-on-primary:#FFFFFF!important;
  --lumi-primary-container:#202625!important; --lumi-on-primary-container:#F4F0E8!important;
  --lumi-secondary:#9B4D3F!important; --lumi-on-secondary:#FFFFFF!important;
  --lumi-secondary-container:#9EAEA2!important; --lumi-on-secondary-container:#202625!important;
  --lumi-outline:#7A817D!important; --lumi-outline-variant:#D8D9D4!important;
  --lumi-inverse-surface:#202625!important; --lumi-error:#9B4D3F!important;
  --lumi-font-display:'Cormorant Garamond',Georgia,serif!important;
  --lumi-font-body:'Archivo',Helvetica,Arial,sans-serif!important;
  --lumi-shadow-sm:none!important; --lumi-shadow-md:0 2px 12px rgba(32,38,37,.06)!important;
  --lumi-shadow-lg:0 4px 20px rgba(32,38,37,.08)!important;
  --lumi-teal:#9B4D3F!important; --lumi-brand-teal:#9B4D3F!important;
  --pro-teal:#9B4D3F!important; --fs-color-primary:#202625!important;
  --primary-color:#202625!important;
}
/* ---------- base ---------- */
body,.page-wrapper{font-family:var(--font-sans)!important;font-size:15px!important;line-height:1.65!important;color:var(--color-ink)!important;background:var(--color-white)!important;-webkit-font-smoothing:antialiased}
h1,h2,h3,.entry-title,.page-title,.shop-page-title,.product_title,.widget-title,.section-title span{font-family:var(--font-serif)!important;color:var(--color-ink)!important;font-weight:500!important}
h1,.entry-title,.page-title{font-size:clamp(34px,4.6vw,56px)!important;line-height:1.08!important;letter-spacing:-.01em}
h2{font-size:clamp(28px,3.2vw,40px)!important;line-height:1.1!important}
h3{font-size:clamp(20px,2.2vw,27px)!important;line-height:1.15!important}
h4,h5,h6{font-family:var(--font-sans)!important;font-weight:600!important;color:var(--color-ink)!important}
p,li,td,th,label{font-family:var(--font-sans)}
a{color:var(--color-ink);transition:color .15s ease}
a:hover{color:var(--color-clay)}
::selection{background:var(--color-sage);color:var(--color-ink)}
.section-title{border:none!important}
.section-title b{background-color:var(--color-border)!important;height:1px!important}
/* ---------- announcement bar (snippet 19 markup) ---------- */
.lumi-announce{background:var(--color-ink)!important;color:var(--color-bone)!important;font-family:var(--font-sans)!important;font-size:11px!important;letter-spacing:.13em!important;text-transform:uppercase!important;font-weight:500!important}
.lumi-announce .material-symbols-outlined{font-size:14px!important;color:var(--color-sage)!important}
.lumi-announce-dot{background:var(--color-text-faint)!important}
/* ---------- header ---------- */
.header-wrapper,.header-main,header.header,.header-bg-color{background:var(--color-white)!important;border-bottom:1px solid var(--color-border)!important;box-shadow:none!important}
.header-main{height:64px!important}
.header-main .flex-col{height:64px!important}
#logo a img{display:none!important}
body #logo a::after{content:"LumiScrubs"!important;font-family:var(--font-serif)!important;font-weight:600!important;font-style:normal!important;font-size:27px!important;letter-spacing:.01em!important;color:var(--color-ink)!important;vertical-align:middle!important}
#masthead ul.header-nav-main{gap:28px!important;height:100%!important;align-items:center!important;flex-wrap:nowrap!important;white-space:nowrap!important}
#masthead ul.header-nav-main>li{margin:0!important;padding:0!important}
#masthead ul.header-nav-main>li>a,.nav>li>a,#main-menu>li>a{font-family:var(--font-sans)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:var(--color-ink)!important;padding:4px 0!important;border-bottom:1px solid transparent!important;transition:color .15s,border-color .15s!important;white-space:nowrap!important}
#masthead ul.header-nav-main>li>a:hover,.nav>li>a:hover{color:var(--color-clay)!important}
#masthead ul.header-nav-main>li.active>a,#masthead ul.header-nav-main>li.current-menu-item>a,.nav>li.current-menu-item>a{color:var(--color-ink)!important;border-bottom-color:var(--color-ink)!important}
#masthead .nav-top-link.icon.button,#masthead a.nav-top-link.icon.button,.header-button .account-link.account-login.button,.account-item .account-link.button{width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border:1px solid var(--color-border)!important;border-radius:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;color:var(--color-ink)!important;box-shadow:none!important}
#masthead .nav-top-link.icon.button:hover,.header-button .account-link.account-login.button:hover{border-color:var(--color-ink)!important;color:var(--color-clay)!important;background:transparent!important}
.nav-dropdown{border:1px solid var(--color-border)!important;border-radius:0!important;box-shadow:0 6px 24px rgba(32,38,37,.08)!important;background:var(--color-white)!important;padding:8px!important}
.nav-dropdown a{color:var(--color-ink)!important;font-family:var(--font-sans)!important;border-radius:0!important}
.nav-dropdown a:hover{background:var(--color-bone)!important;color:var(--color-clay)!important}
.cart-icon strong{border-color:var(--color-ink)!important;color:var(--color-ink)!important;border-radius:0!important}
.cart-icon strong:after{border-color:var(--color-ink)!important}
.header-cart-count,.cart-icon .cart-count{background:var(--color-clay)!important;color:#fff!important;border-radius:50%!important}
/* ---------- buttons ---------- */
.button,button,input[type=submit],.woocommerce a.button,.woocommerce button.button,.single_add_to_cart_button{font-family:var(--font-sans)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.13em!important;text-transform:uppercase!important;border-radius:0!important;box-shadow:none!important;transition:background .15s,color .15s,border-color .15s!important}
.button.primary,button.primary,.woocommerce a.button.primary,.single_add_to_cart_button,.checkout-button,#place_order{background-color:var(--color-ink)!important;color:#fff!important;border:1px solid var(--color-ink)!important}
.button.primary:hover,.single_add_to_cart_button:hover,.checkout-button:hover,#place_order:hover{background-color:#151a19!important;color:#fff!important}
.button.secondary,.button.is-outline{background:transparent!important;color:var(--color-ink)!important;border:1px solid var(--color-ink)!important}
.button.secondary:hover,.button.is-outline:hover{background:var(--color-ink)!important;color:#fff!important}
.button.alt-button,.button.checkout{background-color:var(--color-ink)!important;color:#fff!important}
*:focus-visible{outline:2px solid var(--color-clay)!important;outline-offset:2px!important}
/* ---------- product cards ---------- */
.product-small .box-image{background:var(--color-bone)!important;border-radius:0!important}
.product-small .box-image img{filter:saturate(.94) sepia(.04) brightness(1.01)}
.product-small .box-text{padding-top:12px!important;background:transparent!important}
.product-small .product-title,.woocommerce-loop-product__title{font-family:var(--font-sans)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.02em!important;line-height:1.45!important}
.product-small .product-title a{color:var(--color-ink)!important}
.product-small .price,.product-small .price .amount,.product-small .price bdi{font-family:var(--font-sans)!important;color:var(--color-ink)!important;font-weight:600!important;font-size:13px!important}
.price del,.price del .amount{color:var(--color-text-faint)!important;font-weight:400!important}
.badge-container .badge,.callout.badge{border-radius:0!important}
.badge .badge-inner{background:var(--color-clay)!important;color:#fff!important;border-radius:0!important;font-family:var(--font-sans)!important;font-size:10px!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.add-to-cart-button .button{border-radius:0!important}
/* ---------- PDP ---------- */
body.single-product .product_title{font-family:var(--font-serif)!important;font-size:clamp(28px,3vw,38px)!important;font-weight:500!important;color:var(--color-ink)!important}
body.single-product .price,body.single-product .summary .price,body.single-product .price .amount,body.single-product .woocommerce-variation-price .price,body.single-product .woocommerce-variation-price .price .amount{color:var(--color-ink)!important;font-weight:600!important;font-family:var(--font-sans)!important}
body.single-product .product-gallery{background:var(--color-bone)}

body.single-product .summary .variations label{font-family:var(--font-sans)!important;font-size:12px!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-weight:600!important}
body.single-product table.variations select{border:1px solid var(--color-border)!important;border-radius:0!important;font-family:var(--font-sans)!important}
body.single-product .quantity input.qty{border-radius:0!important;border:1px solid var(--color-border)!important}
.reset_variations,.nqd-title{color:var(--color-clay)!important}
body.single-product .woocommerce-tabs .nav-tabs>li>a{font-family:var(--font-sans)!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-size:12px!important}
/* ---------- shop / archive ---------- */
.shop-page-title.featured-title,.page-title.featured-title{background:var(--color-bone)!important}
.shop-page-title .title-overlay{background:transparent!important}
.woocommerce-breadcrumb,.breadcrumbs{font-family:var(--font-sans)!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--color-text-faint)!important}
.widget_price_filter .ui-slider .ui-slider-handle,.widget_price_filter .ui-slider .ui-slider-range{background-color:var(--color-ink)!important}
/* ---------- forms / notices ---------- */
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],textarea,select,.select2-container--default .select2-selection--single{border:1px solid var(--color-border)!important;border-radius:0!important;font-family:var(--font-sans)!important;background:#fff!important}
.woocommerce-message,.woocommerce-info,.message-wrapper .message-container{background:var(--color-bone)!important;color:var(--color-ink)!important;border-radius:0!important;border-left:3px solid var(--color-sage)!important}
.woocommerce-error{border-radius:0!important;border-left:3px solid var(--color-clay)!important}
.success-color,.woocommerce-message .button{background:var(--color-ink)!important}
/* ---------- footer ---------- */
.footer-wrapper,footer.footer,.footer-widgets,.footer-1,.footer-2{background-color:var(--color-ink)!important;color:#C9CCC9!important}
.footer-widgets .widget,.footer-widgets p,.footer-widgets li,.footer-widgets a{color:#C9CCC9!important;font-family:var(--font-sans)!important;font-size:13px!important}
.footer-widgets a:hover{color:#fff!important}
.footer-widgets .widget-title,.footer-widgets h3,.footer-widgets h4{font-family:var(--font-sans)!important;font-size:11px!important;letter-spacing:.15em!important;text-transform:uppercase!important;color:var(--color-sage)!important;border:none!important}
.absolute-footer,html{background-color:#181d1c!important}
.absolute-footer{color:#8A918D!important;font-size:11px!important;letter-spacing:.06em!important}
.absolute-footer a{color:#8A918D!important}
.footer-widgets .widget-title:after,.footer-widgets .widget-title b{display:none!important}
/* ---------- legacy component compat（旧页面 .lumi-* 组件暖化）---------- */
.lumi-card{border:1px solid var(--color-border)!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.lumi-card:hover{box-shadow:0 4px 20px rgba(32,38,37,.08)!important}
.lumi-announce a{color:var(--color-bone)!important}
.lumi-stickybar{background:#fff!important;border-top:1px solid var(--color-border)!important}
.lumi-stickybar a{border-radius:0!important;font-family:var(--font-sans)!important;letter-spacing:.1em!important;text-transform:uppercase!important;font-size:12px!important;color:var(--color-ink)!important;border:1px solid var(--color-ink)!important}
.lumi-stickybar a.primary{background:var(--color-ink)!important;color:#fff!important}
/* 旧内容里的内联 Outfit/Inter 字体与青绿：尽力压制 */
[style*="Outfit"]{font-family:var(--font-serif)!important}
[style*="Inter"]{font-family:var(--font-sans)!important}
h3[style*="Outfit"],h4[style*="Outfit"],span[style*="Outfit"]{font-family:var(--font-sans)!important;font-weight:600!important}
[style*="#006b5f"]{color:var(--color-clay)!important}
span.material-symbols-outlined[style*="#006b5f"]{color:var(--color-sage)!important}
/* ---------- blog / journal ---------- */
.blog-wrapper .post-title,.post .entry-title{font-family:var(--font-serif)!important}
.entry-meta,.post-meta{font-family:var(--font-sans)!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:var(--color-text-faint)!important}
/* ---------- editorial utility classes（新首页/新页面用）---------- */
.lx-eyebrow{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-clay);margin:0 0 14px}
.lx-display{font-family:var(--font-serif);font-weight:500;font-size:clamp(40px,5.4vw,72px);line-height:1.04;color:var(--color-ink);margin:0 0 18px;letter-spacing:-.01em}
.lx-display em{font-style:italic;color:var(--color-clay)}
.lx-h2{font-family:var(--font-serif);font-weight:500;font-size:clamp(28px,3.4vw,42px);line-height:1.08;color:var(--color-ink);margin:0 0 12px}
.lx-body{font-family:var(--font-sans);font-size:15px;line-height:1.7;color:var(--color-text-muted);max-width:56ch}
.lx-section{padding:72px 0}
.lx-section--bone{background:var(--color-bone)}
.lx-container{max-width:1380px;margin:0 auto;padding:0 40px}
@media(max-width:768px){.lx-container{padding:0 20px}.lx-section{padding:48px 0}}
.lx-btn{display:inline-block;font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;padding:14px 28px;border:1px solid var(--color-ink);color:var(--color-ink);text-decoration:none;transition:all .15s}
.lx-btn:hover{background:var(--color-ink);color:#fff}
.lx-btn--solid{background:var(--color-ink);color:#fff}
.lx-btn--solid:hover{background:#151a19;color:#fff}
.lx-grid{display:grid;gap:24px}
.lx-grid--2{grid-template-columns:repeat(2,1fr)}
.lx-grid--3{grid-template-columns:repeat(3,1fr)}
.lx-grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.lx-grid--4{grid-template-columns:repeat(2,1fr)}.lx-grid--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.lx-grid--2,.lx-grid--3,.lx-grid--4{grid-template-columns:1fr}}
.lx-num{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-faint);display:block;margin-bottom:26px}
.lx-card{border:1px solid var(--color-border);background:#fff;padding:28px}
.lx-card h3{font-family:var(--font-sans)!important;font-size:14px!important;font-weight:600!important;letter-spacing:.02em;margin:0 0 8px}
.lx-card p{font-size:13.5px;line-height:1.6;color:var(--color-text-muted);margin:0}
.lx-stat{font-family:var(--font-serif);font-size:30px;font-weight:500;color:var(--color-ink);line-height:1}
.lx-statlabel{font-family:var(--font-sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-faint);margin-top:6px}
.lx-imgmat{background:var(--color-bone);display:block}
.lx-imgmat img{width:100%;height:100%;object-fit:cover;display:block}
.lx-hairline{border:none;border-top:1px solid var(--color-border);margin:0}

/* ===== LUMI_UI_V2_HOME additions ===== */
.lx-hero{display:grid;grid-template-columns:minmax(380px,44%) 1fr;min-height:560px;background:var(--color-bone)}
.lx-hero-text{padding:72px 48px 56px max(40px,calc((100vw - 1380px)/2 + 40px));display:flex;flex-direction:column;justify-content:center}
.lx-hero-ctas{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
.lx-hero-stats{display:flex;gap:40px;margin-top:44px;padding-top:26px;border-top:1px solid var(--color-border)}
.lx-hero-img{min-height:560px}
.lx-hero-img img{width:100%;height:100%;object-fit:cover}
@media(max-width:850px){.lx-hero{grid-template-columns:1fr}.lx-hero-text{padding:48px 20px}.lx-hero-img{min-height:380px}.lx-hero-stats{gap:22px;flex-wrap:wrap}}
.lx-ratio43{aspect-ratio:4/3;overflow:hidden;display:block}
.lx-ratio45{aspect-ratio:4/5;overflow:hidden;display:block}
.lx-collection-card h3{font-family:var(--font-serif)!important;font-size:26px!important;font-weight:500!important;margin:18px 0 6px!important}
.lx-collection-card p{color:var(--color-text-muted);font-size:14px;margin:0}
.lx-links{margin-top:10px!important}
.lx-links a{font-family:var(--font-sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink);border-bottom:1px solid var(--color-ink);margin-right:22px;text-decoration:none}
.lx-links a:hover{color:var(--color-clay);border-color:var(--color-clay)}
.lx-buildset{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid var(--color-border);background:#fff;padding:28px 32px;margin-top:36px;flex-wrap:wrap}
.lx-buildset h3{font-family:var(--font-serif)!important;font-size:24px!important;font-weight:500!important}
.lx-buildset-ctas{display:flex;gap:12px;flex-wrap:wrap}
.lx-cardlink{display:block;text-decoration:none;transition:box-shadow .15s}
.lx-cardlink:hover{box-shadow:0 4px 20px rgba(32,38,37,.08)}
.lx-cardlink span{display:inline-block;margin-top:14px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-clay)}
.lx-list{list-style:none;margin:20px 0 0;padding:0}
.lx-list li{padding:12px 0;border-bottom:1px solid var(--color-border);font-size:15px;color:var(--color-ink)}
.lx-story{text-align:center;max-width:820px}
.lx-teams-band{background:var(--color-ink)}
.lx-btn--bone{border-color:var(--color-bone);color:var(--color-bone)}
.lx-btn--bone:hover{background:var(--color-bone);color:var(--color-ink)}
.lx-meta{font-size:11.5px!important;line-height:1.7!important;letter-spacing:.02em;color:var(--color-text-faint)!important;border-top:1px solid var(--color-border);padding-top:10px;margin-top:12px!important}
.lumi-home-v2 .lx-products{margin-top:8px}
.lumi-home-v2 .products.row{margin-bottom:0!important}
/* PDP 证据条 + Teams 尾band */
.lumi-evidence-strip{border:1px solid var(--color-border);background:var(--color-bone);padding:16px 18px;margin:18px 0;font-family:var(--font-sans)}
.lumi-evidence-strip .t{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-clay);margin:0 0 8px}
.lumi-evidence-strip ul{list-style:none;margin:0;padding:0}
.lumi-evidence-strip li{font-size:13px;color:var(--color-ink);padding:3px 0}
.lumi-evidence-strip a{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink);border-bottom:1px solid var(--color-ink);text-decoration:none}
.lumi-evidence-strip a:hover{color:var(--color-clay);border-color:var(--color-clay)}
.lumi-teams-tail{background:var(--color-bone);border-top:1px solid var(--color-border);padding:40px 20px;text-align:center;margin-top:40px}
.lumi-teams-tail p{font-family:var(--font-serif);font-size:24px;color:var(--color-ink);margin:0 0 14px}

/* ===== LUMI_UI_V2_FIX3 ===== */
.lx-teams-band .lx-h2,.lx-teams-band h2{color:#F4F0E8!important}
.lx-teams-band .lx-body{color:#C9CCC9!important}
.footer-widgets .widget-title,.footer-widgets h3,.footer-widgets h4,.footer-widgets h5,.footer-widgets .widget span.widget-title{color:#9EAEA2!important;font-family:var(--font-sans)!important;font-size:11px!important;letter-spacing:.15em!important;text-transform:uppercase!important}
form.cart .single_add_to_cart_button.button.alt,form.cart .single_add_to_cart_button.button{background:var(--color-ink)!important;border:1px solid var(--color-ink)!important;color:#fff!important}
form.cart .single_add_to_cart_button.button:hover{background:#151a19!important}
.single-product .summary [class*="buy-now"],.single-product .summary [id*="buy-now"],.single-product .summary a[href*="checkout"] .button{background:transparent!important;border:1px solid var(--color-ink)!important;color:var(--color-ink)!important}
.lx-card h3 a{color:var(--color-ink)!important;text-decoration:none!important;font-family:var(--font-sans)!important;font-weight:600!important}
.lx-card h3 a:hover{color:var(--color-clay)!important}
.lx-cardgo{margin:14px 0 0!important}
.lx-cardgo a{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-clay)!important;text-decoration:none!important}
.lx-cardgo a:hover{border-bottom:1px solid var(--color-clay)}

/* ===== LUMI_UI_V2_FIX6 ===== */
#logo img,.header-logo img,#logo a img,.logo img{display:none!important}
.lx-hero-img{position:relative;overflow:hidden}
.lx-hero-img img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:center 20%}
@media(max-width:850px){.lx-hero-img{min-height:400px}}