/*
Theme Name: Baiwen Site
Theme URI: https://baiwencosmetic.com/
Author: Baiwen Web Team
Description: Custom, editor-friendly theme for the Baiwen corporate and product website.
Version: 1.0.0
Requires at least: 6.8
Requires PHP: 8.2
Text Domain: baiwen-site
*/
:root{--bw-ink:#171326;--bw-purple:#35126f;--bw-accent:#7b4bd1;--bw-muted:#6b6875;--bw-light:#f6f4f9;--bw-border:#e8e4ee;--bw-radius:18px;--bw-width:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--bw-ink);font-family:Inter,"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;line-height:1.65;background:#fff}a{color:var(--bw-purple);text-decoration:none}a:hover{color:var(--bw-accent)}img{max-width:100%;height:auto}.bw-container{width:min(var(--bw-width),92%);margin-inline:auto}.bw-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--bw-border)}.bw-header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.bw-brand img{display:block;width:auto;max-height:54px}.bw-nav{display:flex;align-items:center;gap:clamp(14px,2vw,32px);font-size:15px;font-weight:600}.bw-nav a{color:var(--bw-ink)}.bw-nav a:hover{color:var(--bw-accent)}.bw-menu-toggle{display:none;border:0;background:none;font-size:26px}.bw-main{min-height:65vh}.bw-hero{position:relative;min-height:460px;display:grid;align-items:center;background:linear-gradient(90deg,rgba(17,5,42,.72),rgba(17,5,42,.04)),url('/assets/cdn/guang12785/1765598030232/shou1_r__1920-653_c__292827___74c50c0d.jpg') center/cover;color:#fff}.bw-hero-inner{padding-block:76px}.bw-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:700;opacity:.85}.bw-hero h1{max-width:760px;font-size:clamp(36px,5vw,66px);line-height:1.12;margin:16px 0}.bw-hero p{font-size:clamp(17px,2vw,21px);max-width:650px}.bw-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;background:var(--bw-purple);color:#fff;font-weight:700;border:0;cursor:pointer}.bw-button:hover{background:var(--bw-accent);color:#fff}.bw-button-light{background:#fff;color:var(--bw-purple)}.bw-section{padding:72px 0}.bw-section-alt{background:var(--bw-light)}.bw-section-head{text-align:center;max-width:780px;margin:0 auto 36px}.bw-section-head h2{font-size:clamp(28px,3.6vw,42px);line-height:1.2;margin:0 0 12px}.bw-section-head p{color:var(--bw-muted);margin:0}.bw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bw-card{border:1px solid var(--bw-border);border-radius:var(--bw-radius);overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(35,15,64,.05);transition:transform .2s,box-shadow .2s}.bw-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(35,15,64,.11)}.bw-card-image{aspect-ratio:4/3;background:var(--bw-light);display:grid;place-items:center;overflow:hidden}.bw-card-image img{width:100%;height:100%;object-fit:cover}.bw-card-body{padding:20px}.bw-card h2,.bw-card h3{font-size:19px;line-height:1.4;margin:0 0 8px}.bw-card p{color:var(--bw-muted);margin:0 0 14px}.bw-card-meta{color:var(--bw-muted);font-size:13px}.bw-page-intro{padding:56px 0 24px;background:var(--bw-light)}.bw-page-intro h1{font-size:clamp(32px,4vw,48px);margin:0}.bw-content{padding:42px 0 72px}.bw-content-inner{max-width:980px}.bw-product-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:48px;align-items:start}.bw-product-image{background:var(--bw-light);border-radius:var(--bw-radius);overflow:hidden}.bw-product-image img{display:block;width:100%}.bw-product-summary{position:sticky;top:110px}.bw-product-summary h1{line-height:1.2;font-size:clamp(30px,4vw,46px)}.bw-product-meta{padding:0;list-style:none}.bw-product-meta li{padding:9px 0;border-bottom:1px solid var(--bw-border)}.bw-inquiry{max-width:760px;margin:36px auto 0;padding:28px;border:1px solid var(--bw-border);border-radius:var(--bw-radius);background:#fff}.bw-inquiry h2{margin-top:0}.bw-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bw-field{display:grid;gap:6px}.bw-field-full{grid-column:1/-1}.bw-field label{font-weight:650}.bw-field input,.bw-field textarea{width:100%;padding:12px 14px;border:1px solid #d7d2df;border-radius:10px;font:inherit}.bw-field textarea{min-height:130px;resize:vertical}.bw-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.bw-notice{padding:12px 16px;border-radius:10px;background:#eef8ef;color:#145b22;margin:18px 0}.bw-notice-error{background:#fff0ef;color:#8a1b13}.bw-footer{background:#100824;color:#eee;padding:44px 0 20px}.bw-footer a{color:#fff}.bw-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.bw-footer h2,.bw-footer h3{color:#fff}.bw-footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:30px;padding-top:16px;color:#b8b2c4;font-size:13px}.bw-pagination{margin-top:32px}.bw-pagination .page-numbers{display:inline-block;padding:8px 12px;margin:3px;border:1px solid var(--bw-border);border-radius:8px}.bw-search{display:flex;gap:8px;margin:0 0 28px}.bw-search input{flex:1;padding:12px;border:1px solid var(--bw-border);border-radius:10px;font:inherit}.bw-empty{padding:32px;border:1px dashed var(--bw-border);border-radius:var(--bw-radius);text-align:center;color:var(--bw-muted)}.bw-content img{border-radius:12px}.bw-content h2{line-height:1.25}.bw-content table{width:100%;border-collapse:collapse}.bw-content th,.bw-content td{border:1px solid var(--bw-border);padding:10px;text-align:left}.bw-mobile-nav{display:none}
@media(max-width:800px){.bw-nav{display:none}.bw-menu-toggle{display:block}.bw-mobile-nav.is-open{display:grid;gap:14px;padding:12px 4% 20px;border-top:1px solid var(--bw-border)}.bw-hero{min-height:400px}.bw-section{padding:52px 0}.bw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bw-product-layout{grid-template-columns:1fr;gap:25px}.bw-product-summary{position:static}.bw-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bw-grid{grid-template-columns:1fr}.bw-form-grid{grid-template-columns:1fr}.bw-field-full{grid-column:auto}.bw-footer-grid{grid-template-columns:1fr}.bw-hero{min-height:360px}.bw-header-inner{min-height:68px}}
.bw-hero{background-image:linear-gradient(90deg,rgba(17,5,42,.72),rgba(17,5,42,.04)),url('assets/hero.jpg')}
