/*
Theme Name: Duomeili Herbal
Version: 1.0.1
Description: Native block theme for Duomeili herbal care manufacturing.
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: duomeili-herbal
License: GPL-2.0-or-later
*/

:root{--paper:#f5f4ec;--ink:#203a2c;--soft:#e7e9dd;--accent:#486848;--muted:#667064;--line:#cdd2c5;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bc8b46;outline-offset:4px}.review{background:#202820;color:#fff;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px}.choices{display:flex;gap:6px;flex-wrap:wrap}.choices button{background:transparent;border:1px solid #748074;border-radius:20px;color:#fff;padding:8px 13px}.choices button[aria-pressed=true]{background:#fff;color:#202820}.wrap{max-width:1180px;margin:auto;padding:0 32px}header{display:flex;justify-content:space-between;align-items:center;padding:23px 0;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:bold;letter-spacing:2px;font-size:20px}.brand img{height:45px;width:45px;object-fit:contain;mix-blend-mode:multiply}.brand small{display:block;font-size:9px;letter-spacing:1.3px;font-weight:normal;margin-top:5px}nav{display:flex;align-items:center;gap:25px;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.contact{border:1px solid var(--ink);padding:12px 19px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:48px;padding:34px 0 65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.4px;text-transform:uppercase;font-weight:bold;margin:0 0 23px}h1{font:normal clamp(42px,5.4vw,72px)/1.04 var(--serif);letter-spacing:-2px;margin:0 0 25px;max-width:620px}h1 em{color:var(--accent);font-weight:normal}p{font-size:15px;line-height:1.75}.intro{max-width:470px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.button{display:inline-block;padding:16px 22px;background:var(--ink);color:var(--paper);text-decoration:none;border:1px solid var(--ink);font-size:13px}.button.light{color:var(--ink);background:transparent}.small-note{font-size:11px;color:var(--muted)}.hero-media{position:relative}.hero-media img{width:100%;height:505px;object-fit:cover;display:block;border-radius:140px 0 0 0}.caption{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;padding-top:14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:25px}.stats strong{display:block;font:normal 31px var(--serif)}.stats span{font-size:12px;color:var(--muted);display:block;margin-top:8px}section{padding:80px 0}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}h2{font:normal clamp(30px,3.5vw,44px)/1.15 var(--serif);letter-spacing:-1px;margin:0;max-width:620px}.section-top p{max-width:350px;color:var(--muted);font-size:14px;margin:0}.pathways{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.path{border-top:2px solid var(--ink);padding:24px 0}.number{font-size:11px;letter-spacing:1px;color:var(--muted)}h3{font:normal 26px/1.2 var(--serif);margin:22px 0 15px}.path p{font-size:14px;color:var(--muted)}.path a{display:inline-block;margin-top:14px;text-underline-offset:6px;font-size:13px}.factory{background:var(--soft)}.factory-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center}.factory-grid img{width:100%;height:360px;object-fit:cover}.factory .eyebrow{margin-top:0}.factory p{color:var(--muted)}.quality{border-top:1px solid var(--line);padding-top:20px;margin-top:24px;display:flex;gap:24px;font-size:12px}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.gallery img{width:100%;height:255px;object-fit:cover}.gallery p{font-size:12px;margin:10px 0 0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.step{border-top:1px solid var(--line);padding-top:20px}.step h3{font-size:22px;margin-top:15px}.step p{font-size:13px;color:var(--muted)}.cta{background:var(--ink);color:var(--paper);padding:55px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:35px}.cta p{max-width:600px;opacity:.8}.cta .button{background:var(--paper);color:var(--ink)}footer{padding:35px 0;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:25px;line-height:1.8}footer strong{color:var(--ink)}.preview-note{border-top:1px solid var(--line);padding:18px 32px;font-size:12px;color:var(--muted);text-align:center}.mobile-nav{display:none}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);max-width:560px;width:90%;padding:32px}dialog::backdrop{background:#0008}dialog h2{font-size:30px}dialog label{display:block;font-size:13px;margin-top:18px}dialog input,dialog select,dialog textarea{font:inherit;width:100%;padding:12px;background:transparent;color:var(--ink);border:1px solid var(--line);margin-top:7px}dialog textarea{height:90px}.dialog-actions{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}.dialog-actions button{padding:12px 20px}#form-feedback{font-size:13px;color:var(--accent)}
body[data-theme=lab]{--paper:#f5f7fa;--ink:#183b52;--soft:#e7eef3;--accent:#277d8a;--muted:#5e6f7a;--line:#cbd7df;--serif:Arial,sans-serif}body[data-theme=lab] .hero-media img{border-radius:0}body[data-theme=lab] h1{font-weight:bold;font-size:clamp(40px,4.5vw,60px)}body[data-theme=heritage]{--paper:#faf2e5;--ink:#593c2d;--soft:#eee2ce;--accent:#966739;--muted:#82725e;--line:#d8c6ac}body[data-theme=heritage] .hero-media img{border-radius:220px 220px 0 0}
@media(max-width:900px){nav{gap:15px}.hero{gap:25px}.hero-media img{height:430px}.factory-grid{gap:30px}.cta{padding:35px}}
@media(max-width:700px){.wrap{padding:0 22px}.review{align-items:start;flex-direction:column;padding:12px 22px}.review span{font-size:12px}.choices button{padding:9px 12px}header{padding:18px 0}.brand{font-size:17px}.brand img{width:38px;height:38px}nav{display:none}.mobile-nav{display:block;padding:10px 12px;border:1px solid var(--ink);background:transparent;color:var(--ink)}.hero{grid-template-columns:1fr;padding:25px 0 40px;gap:22px}h1{font-size:52px}.hero-media img{height:310px;border-radius:90px 0 0 0}.eyebrow{margin-bottom:18px}.stats{grid-template-columns:1fr 1fr;gap:25px}.stats strong{font-size:27px}section{padding:50px 0}.section-top{display:block}.section-top p{margin-top:20px}.pathways,.factory-grid{grid-template-columns:1fr}.path h3{margin-top:14px}.factory-grid img{height:280px}.quality{flex-wrap:wrap;gap:15px}.gallery{gap:15px}.gallery img{height:160px}.process{grid-template-columns:1fr 1fr;gap:22px}.cta{grid-template-columns:1fr;padding:30px 25px}footer{flex-direction:column}.button{padding:15px 19px}.preview-note{padding:18px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.review .choices{display:none}.review{padding:10px 5%}.hero{grid-template-columns:1fr 1.05fr;gap:42px}.hero-media img{height:540px;object-position:center 65%}.caption{flex-wrap:wrap;gap:8px}.product-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}.product-grid>img{width:100%;height:460px;object-fit:cover}.product-list{margin-top:28px}.product-item{padding:20px 0;border-top:1px solid var(--line)}.product-item h3{margin:0 0 9px;font-size:25px}.product-item p{font-size:14px;margin:0;color:var(--muted)}.ingredient-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.ingredient-list span{font-size:12px;border:1px solid var(--line);padding:9px 12px}.technical-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin-top:30px}.technical-item{border-top:1px solid var(--line);padding:20px 0}.technical-item strong{font:normal 27px var(--serif)}.technical-item p{font-size:13px;margin:10px 0 0}.factory-panorama{margin-top:40px}.factory-panorama img{width:100%;height:390px;object-fit:cover;object-position:center 65%}.photo-label{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--muted)}.gallery{grid-template-columns:repeat(3,1fr);gap:26px 22px}.gallery img{height:250px}.gallery img.gate{object-position:center bottom}.gallery p{line-height:1.5}.gallery strong{color:var(--ink);display:block;font-weight:normal;font-size:15px;margin-bottom:5px}.rd-panel{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:start}.rd-panel img{width:100%;height:500px;object-fit:cover}.rd-copy{margin-top:25px;color:var(--muted)}.assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:35px}.assurance div{border-top:1px solid var(--line);padding-top:18px}.assurance h3{font-size:23px;margin:0 0 12px}.assurance p{font-size:13px;color:var(--muted)}
@media(max-width:900px){.hero-media img{height:470px}.gallery{grid-template-columns:1fr 1fr}.product-grid,.rd-panel{gap:30px}.assurance{gap:15px}}
@media(max-width:700px){.hero{grid-template-columns:1fr}.hero-media img{height:350px}.product-grid,.rd-panel{grid-template-columns:1fr;gap:25px}.product-grid>img{height:300px}.gallery{grid-template-columns:1fr 1fr;gap:22px 15px}.gallery img{height:175px}.gallery strong{font-size:14px}.factory-panorama img{height:260px}.technical-grid{gap:0 20px}.rd-panel img{height:310px}.assurance{grid-template-columns:1fr}.review{padding:10px 22px}}
.gate-frame{height:250px;overflow:hidden;position:relative}.gallery .gate-frame img.gate{position:absolute;bottom:0;left:0;width:100%;height:200%;object-fit:cover;object-position:right bottom}@media(max-width:700px){.gate-frame{height:175px}}


.wp-site-blocks{padding:0}.wp-block-group{margin-block:0}.wp-block-image{margin:0}.wp-block-buttons{gap:12px;margin-block:25px}.wp-block-button__link{border-radius:0;background:var(--ink);color:var(--paper);font-size:13px;padding:16px 22px;text-decoration:none}.is-style-outline .wp-block-button__link{color:var(--ink);border:1px solid var(--ink)}.cta .wp-block-button__link{background:var(--paper);color:var(--ink)}.stats p{margin:0}.hero .wp-block-buttons{margin:0}.hero .actions{align-items:center}.hero .hero-media img{border-radius:140px 0 0 0}.product-grid>.wp-block-image img{height:460px;width:100%;object-fit:cover}.rd-panel>.wp-block-image img{height:500px;width:100%;object-fit:cover}.factory-panorama .wp-block-image img{height:390px;width:100%;object-fit:cover}.gallery .gate-frame{height:250px}.gallery .gate-frame .wp-block-image{height:100%}.gallery .gate-frame img{height:200%;object-position:right bottom}.path .number{margin:0}.ingredient-list p{margin:0}.page-lead{padding:60px 0 45px}.page-lead h1{max-width:950px;font-size:clamp(38px,5vw,65px)}.page-lead .intro{max-width:820px}.content-section{padding:32px 0;border-top:1px solid var(--line)}.content-section p{max-width:900px;color:var(--muted)}.content-section h2{font-size:32px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;padding:20px 0 70px}.dml-form label{display:block;font-size:13px;margin-bottom:18px}.dml-form input,.dml-form select,.dml-form textarea{font:inherit;color:var(--ink);background:transparent;width:100%;padding:12px;border:1px solid var(--line);margin-top:8px}.dml-form textarea{min-height:130px}.dml-form .consent{display:flex;align-items:flex-start;gap:10px}.dml-form .consent input{width:auto;margin-top:3px}.dml-alert{padding:15px;border:1px solid var(--line);margin-bottom:18px}.dml-trap{position:absolute;left:-10000px}.wp-block-navigation{font-size:13px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:25px}.site-brand{display:flex;align-items:center;gap:12px}.site-brand img{width:45px;height:45px;object-fit:contain}.site-brand p{font-weight:bold;font-size:20px;letter-spacing:2px}.site-footer{padding:35px 0;display:flex;justify-content:space-between;gap:30px}.site-footer p{font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links p{margin:0}.gate-frame figure{height:100%}.site-header a{text-decoration:none}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:10px;z-index:999;background:var(--paper);padding:12px}.image-inline figure{margin:0}
@media(max-width:700px){.contact-grid{grid-template-columns:1fr}.product-grid>.wp-block-image img,.rd-panel>.wp-block-image img{height:300px}.factory-panorama .wp-block-image img{height:260px}.gallery .gate-frame{height:175px}.site-footer{display:block}.site-header{gap:15px}.site-brand p{font-size:17px}.hero .hero-media img{border-radius:90px 0 0 0}.hero .wp-block-buttons{margin:8px 0}}

.site-header .wp-block-navigation{display:flex}.wp-block-navigation__responsive-container.is-menu-open{background:var(--paper);color:var(--ink)}header.wp-block-template-part,footer.wp-block-template-part{display:block;padding:0}.caption p{font-size:inherit;margin:0}

.site-header .wp-block-navigation__container{gap:22px}
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--ink);border:1px solid var(--ink)}
@media(max-width:900px){.site-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.site-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:24px}}