:root{--bg:#e5ebdd;--ink:#203d2b;--deep:#244d38;--paper:#f7f5eb;--line:#bdcbb8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 system-ui,"Microsoft YaHei",sans-serif}button,a,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header{padding:20px 6%;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.logo{font:27px Georgia,serif;letter-spacing:4px;margin-right:auto}nav{display:flex;gap:25px}button,.btn{border:1px solid var(--ink);padding:11px 22px;background:transparent;color:var(--ink);display:inline-block}.solid{background:var(--deep);color:#fff;border-color:var(--deep)}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px 6% 65px;gap:6%;position:relative}.eyebrow{font-size:12px;letter-spacing:4px;text-transform:uppercase}.hero h1{font:clamp(44px,5.4vw,82px)/1.25 Georgia,"SimSun",serif;letter-spacing:5px;margin:25px 0}.hero p{max-width:400px;color:#5a705e}.hero .btn{margin-top:25px}.art{height:470px;position:relative;background:radial-gradient(ellipse at 50% 55%,#72815b,#465e39 58%,#304e34);border-radius:48% 48% 3px 3px;overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 70px #19382060}.art:before,.art:after{content:"";position:absolute;width:100%;height:100%;background:repeating-linear-gradient(125deg,transparent 0 52px,#b9cca116 55px 57px,transparent 60px 105px);transform:rotate(-10deg)}.pack{width:180px;height:270px;background:linear-gradient(100deg,#e4e2cd,#f4f1da 55%,#c8c9af);box-shadow:18px 25px 30px #112a2370;z-index:1;transform:rotate(-8deg);padding:25px 20px;border-top:12px solid #bdc3a5;border-bottom:10px solid #c6cab2;text-align:center}.pack b{display:block;font:30px "SimSun",serif;writing-mode:vertical-rl;letter-spacing:10px;margin:10px auto}.pack small{font-size:10px;letter-spacing:2px}.art-note{position:absolute;bottom:20px;right:22px;color:#e4eadc;font-size:11px;letter-spacing:2px;z-index:2}.strip{padding:18px 6%;border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;letter-spacing:2px}section.content{padding:75px 6%}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:20px}h2{font:38px "SimSun",serif;margin:10px 0}p{white-space:pre-line}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filters button{padding:6px 18px;border-color:var(--line)}.filters button.active{background:var(--deep);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.product{border-top:1px solid var(--line);padding-top:12px}.product-img{width:100%;height:275px;object-fit:cover;background:#ccd6c0;display:grid;place-items:center;overflow:hidden}.product-img .tin{height:180px;width:115px;background:linear-gradient(100deg,#395d43,#6d8260,#35553c);color:#e6e5ca;padding:25px;text-align:center;box-shadow:14px 20px 24px #33432a38;font:25px "SimSun",serif;letter-spacing:5px}.product:nth-child(2n) .tin{background:linear-gradient(100deg,#a0976d,#c7c49e,#8d8e66)}.product h3{font:23px "SimSun",serif;margin-bottom:5px}.meta{color:#61715c;font-size:13px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.product button{padding:6px 15px}.story{background:var(--deep);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:65px 6%}.story p{color:#d1ddc9}.contact{background:#d5e0ce}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-box{padding:25px;border:1px solid #a6b99e}.contact-box button{padding:5px 12px;margin:6px}.notice{font-size:12px;color:#61715c}footer{padding:25px 6%;display:flex;justify-content:space-between;gap:20px;font-size:12px}dialog{border:0;background:var(--paper);color:var(--ink);padding:30px;width:min(760px,94vw);max-height:88vh;overflow:auto}dialog::backdrop{background:#0b221bc2}.close{float:right;padding:3px 12px}label{display:block;margin:12px 0}input,textarea,select{display:block;width:100%;padding:10px;border:1px solid var(--line);background:#fffef8;color:var(--ink)}textarea{min-height:85px}summary{cursor:pointer;padding:12px;background:#e4eadc}details{margin:12px 0;border:1px solid var(--line)}.inside{padding:15px}.tools{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.tools button{padding:6px 12px}.cartrow{padding:16px 0;border-bottom:1px solid var(--line)}.cartrow button{padding:3px 12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:10px 25px;background:var(--deep);color:white;z-index:10;display:none}.demo{padding:7px 6%;font-size:11px;background:#d4dfca;color:#52634b}a:focus-visible,button:focus-visible{outline:3px solid #ad7038;outline-offset:3px}@media(max-width:700px){header{padding:15px 5%;gap:10px;flex-wrap:wrap}.logo{font-size:21px}nav{gap:12px;font-size:12px}header button{padding:7px 10px}.hero{grid-template-columns:1fr;padding:35px 6%;gap:35px;min-height:auto}.hero h1{font-size:50px}.art{height:350px}.pack{height:230px;width:160px}.grid{grid-template-columns:1fr 1fr;gap:18px}.product-img{height:200px}.product-img .tin{height:140px;width:90px;padding:18px;font-size:20px}.product h3{font-size:20px}.product .row{align-items:start;flex-direction:column}.story,.contact-grid{grid-template-columns:1fr;gap:20px}section.content{padding:45px 6%}h2{font-size:30px}.section-title{align-items:start;flex-direction:column}footer{flex-wrap:wrap}}@media(max-width:380px){.grid{grid-template-columns:1fr}nav{width:100%}}

.section-image{width:100%;max-height:520px;object-fit:contain;display:block;margin:24px 0}.custom-content{display:grid;grid-template-columns:1fr 1fr;gap:10%}h2{white-space:pre-line;line-height:1.5}.dark-section{background:#244d38!important;color:#f7f5eb}.dark-section .meta,.dark-section .notice{color:#d1ddc9}.dark-section button{color:inherit;border-color:#9ab396}.contact-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #a6b99e}.contact-item span{overflow-wrap:anywhere;min-width:0}header nav{flex-wrap:wrap}header{flex-wrap:wrap}.product .product-link{border:0;padding:0;text-align:left;font:inherit;line-height:1.6}.tin small{font:10px system-ui;letter-spacing:1px}.quantity{display:flex;align-items:center;gap:14px}.error-panel{margin:20px 6%;padding:18px;background:#f7e6df;color:#743923}.error-panel button{margin-left:20px}.loading{padding:100px 6%}button:disabled{opacity:.5;cursor:default}.contact-box{overflow-wrap:anywhere}.custom-content p{overflow-wrap:anywhere}section{scroll-margin-top:20px}@media(max-width:700px){.custom-content{grid-template-columns:1fr;gap:15px}header nav{order:3;width:100%}.contact-item{align-items:flex-start}.cartrow{align-items:start;flex-direction:column}.hero h1{overflow-wrap:anywhere}footer .btn{padding:6px 12px}}

/* Persistent cart shortcut and shopping cart drawer */
.cart-dock{position:fixed;right:24px;bottom:24px;z-index:20;display:flex;align-items:center;gap:24px;padding:14px 18px;background:#f7f5eb;border:1px solid #a9bba2;box-shadow:0 8px 32px #193a2a30;min-width:300px}.cart-dock div{display:grid;grid-template-columns:auto auto;column-gap:15px}.cart-dock small{grid-column:1/-1;font-size:10px;color:#61715c}.cart-dock strong{font-size:19px}.cart-dock button{white-space:nowrap}footer{padding-bottom:140px}#toast{bottom:125px;z-index:50}#cartDialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(580px,100vw);height:100dvh;max-height:100dvh;padding:28px;border-left:1px solid #a9bba2}#cartDialog h2{font-size:31px}.cart-product-info{display:flex;align-items:center;gap:15px}.cart-product-info p{margin:5px 0}.cart-product-info .product-img{width:72px;height:82px;flex-shrink:0}.cart-product-info .product-img .tin{height:68px;width:46px;padding:8px;font-size:12px;letter-spacing:1px}.cart-product-info .tin small{font-size:7px}.cart-product-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px}.cart-product-actions .quantity{gap:6px}.cart-product-actions .quantity input{width:65px;text-align:center;padding:5px;margin:0}.cart-product-actions button{padding:5px 12px}.remove-cart{border:0;text-decoration:underline;font-size:12px}.cart-total{border-top:2px solid #bdcbb8;padding-top:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cart-total strong{font-size:24px}.empty-cart{text-align:center;padding:70px 10px}.strip span{white-space:pre-line;overflow-wrap:anywhere;flex:1;min-width:180px}#cartDialog .tools{gap:10px}#cartDialog .tools button{font-size:13px;padding:10px 14px}@media(max-width:700px){.cart-dock{left:12px;right:12px;bottom:12px;min-width:0;justify-content:space-between;padding:10px 14px;gap:12px}.cart-dock div{column-gap:10px;font-size:12px}.cart-dock strong{font-size:17px}.cart-dock button{padding:10px 14px}#cartDialog{padding:22px}#toast{bottom:110px}.cart-product-info b{overflow-wrap:anywhere}.cart-product-actions{gap:10px}.cartrow.cart-product{display:block}}