:root{--ink:#172620;--ink-2:#365148;--forest:#153a31;--forest-2:#254c40;--cream:#f8f7f2;--paper:#fffefa;--sand:#e8e5d9;--line:#dddcd2;--muted:#747d75;--lime:#dbef8a;--orange:#d89454;--shadow:0 22px 60px rgba(25,43,34,.09);font-family:"DM Sans","Noto Sans SC",sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}::selection{background:var(--lime);color:var(--ink)}.shell{width:min(1320px,calc(100% - 88px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;z-index:100;top:-100px;left:20px;background:var(--lime);padding:10px 15px}.skip-link:focus{top:10px}
.site-header{height:82px;background:var(--paper);border-bottom:1px solid rgba(23,38,32,.09);position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{display:inline-flex;position:relative;width:39px;height:39px;transform:rotate(-13deg)}.brand-mark span{position:absolute;width:28px;height:23px;border:2px solid var(--forest);background:var(--paper);transform:skewY(-22deg)}.brand-mark span:nth-child(1){left:1px;top:9px}.brand-mark span:nth-child(2){left:10px;top:2px;transform:skewY(22deg);background:var(--lime)}.brand-mark span:nth-child(3){left:10px;top:17px;width:28px;height:17px;transform:skewY(22deg);background:var(--forest)}.brand-text{display:flex;flex-direction:column;line-height:1.1;gap:5px}.brand-text strong{font-size:17px;letter-spacing:.1em}.brand-text small{font-size:9px;letter-spacing:.22em;color:var(--muted);font-weight:700}.header-nav{margin-left:auto;display:flex;gap:36px;color:#46574e;font-size:13px;font-weight:600}.header-nav a:hover,.footer-inner a:hover{color:#6c9364}.header-action{font-size:13px;font-weight:700;border:1px solid var(--ink);padding:13px 16px;margin-left:26px;display:inline-flex;gap:28px;align-items:center;transition:background .2s,color .2s}.header-action:hover{background:var(--ink);color:white}.header-action span{font-size:17px;font-weight:400}
.hero{background:var(--forest);color:#fff}.hero-grid{min-height:640px;display:grid;grid-template-columns:51% 49%;position:relative}.hero-copy{padding:96px 0 74px;position:relative;z-index:3}.eyebrow,.section-kicker{font-size:11px;font-weight:700;letter-spacing:.25em}.eyebrow{color:var(--lime);display:flex;align-items:center;gap:13px}.eyebrow-line{width:24px;height:1px;background:var(--lime)}.hero h1{font-size:clamp(48px,5.3vw,79px);font-weight:600;line-height:1.18;letter-spacing:-.065em;margin:30px 0 25px}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{max-width:484px;color:#d6e1d7;font-size:15px;line-height:2;letter-spacing:.025em}.hero-actions{display:flex;align-items:center;gap:31px;margin-top:43px}.button{display:inline-flex;align-items:center;justify-content:center;gap:42px;min-height:52px;padding:13px 19px;font-size:13px;font-weight:700;letter-spacing:.03em;transition:transform .2s,background .2s,color .2s,border .2s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button span{font-size:18px;font-weight:400}.button-primary{background:var(--lime);color:var(--ink)}.button-primary:hover{background:#e9f6a9}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:6px;display:flex;gap:13px;align-items:center}.text-link:hover{color:var(--lime);border-color:var(--lime)}.hero-meta{display:flex;align-items:center;gap:20px;color:#c1d0c5;font-size:11px;letter-spacing:.08em;margin-top:94px}.hero-meta b{font-size:21px;color:#fff;margin-right:6px}.hero-meta i{width:3px;height:3px;border-radius:50%;background:#acc7ad}
.hero-art{position:relative;overflow:hidden;min-width:0}.art-orbit{position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;left:5%;top:50%;transform:translateY(-50%)}.art-orbit-one{width:530px;height:530px}.art-orbit-two{width:760px;height:760px;left:-18%}.art-caption{position:absolute;color:#c8d4cb;font-size:10px;line-height:1.6;letter-spacing:.22em;z-index:3}.art-caption-top{top:58px;right:8px}.art-caption-top b{display:block;color:var(--lime);margin-top:16px;font-weight:500}.art-caption-bottom{bottom:73px;left:3px;display:flex;gap:18px;transform:rotate(-90deg);transform-origin:left center;white-space:nowrap}.art-index{position:absolute;right:12px;bottom:53px;font-size:11px;color:var(--lime);letter-spacing:.15em}.art-index span{color:#78988a;margin:0 8px}.carton{position:absolute;filter:drop-shadow(25px 30px 23px rgba(4,15,10,.2));transform:rotate(-12deg)}.carton div{position:absolute}.carton-front{width:380px;height:320px;left:22%;top:33%;z-index:2}.carton-front .carton-face{width:294px;height:242px;left:8px;top:51px;background:linear-gradient(135deg,#ead9ad,#d7be85);box-shadow:inset -17px 0 24px rgba(115,89,41,.12)}.carton-front .carton-face span{display:block;font-size:17px;font-weight:700;line-height:1.2;letter-spacing:.19em;color:#31483c;margin:74px 0 0 35px}.carton-front .carton-face i{display:block;font-size:8px;color:#52675b;letter-spacing:.27em;font-style:normal;margin:19px 0 0 35px}.carton-front .carton-side{left:302px;top:51px;width:72px;height:242px;background:linear-gradient(90deg,#b99c67,#a98b59);transform:skewY(-29deg);transform-origin:left top}.carton-front .carton-top{left:8px;top:8px;width:294px;height:43px;background:#f6e6bb;transform:skewX(-58deg);transform-origin:bottom left}.carton-back{left:7%;top:17%;width:330px;height:265px;transform:rotate(12deg);z-index:1}.carton-back .carton-face{left:0;top:37px;width:255px;height:188px;background:linear-gradient(135deg,#b7c9ad,#7fa18e)}.carton-back .carton-side{left:255px;top:37px;width:45px;height:188px;background:#5f8572;transform:skewY(-30deg);transform-origin:left top}.carton-back .carton-top{left:0;top:0;width:255px;height:37px;background:#d3dec1;transform:skewX(-51deg);transform-origin:bottom left}.hero-bottom-line{border-top:1px solid rgba(255,255,255,.11);color:#b5c7ba;font-size:9px;font-weight:600;letter-spacing:.21em}.hero-bottom-line .shell{height:47px;display:flex;align-items:center;justify-content:space-between}.hero-bottom-line b{color:var(--lime);font-size:15px;margin-left:11px;font-weight:400}
.catalog-section{padding:99px 0 123px;background:var(--cream);scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:39px}.section-kicker{color:#7c9d76;margin-bottom:19px}.section-heading h2,.guide-title h2,.story-grid h2{font-size:clamp(34px,3.5vw,53px);line-height:1.25;letter-spacing:-.065em;font-weight:600;margin-bottom:0}.heading-dot{color:#9cae4c}.section-heading>p{max-width:325px;color:#778178;font-size:13px;line-height:1.9;margin-bottom:6px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:26px}.filter-list{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{padding:9px 16px;border:1px solid var(--line);background:transparent;color:#58645a;border-radius:99px;font-size:12px;font-weight:600;min-height:37px;transition:background .2s,border-color .2s,color .2s}.filter-chip:hover{border-color:var(--forest)}.filter-chip.is-active{background:var(--forest);border-color:var(--forest);color:#fff}.search-field{height:41px;min-width:250px;display:flex;gap:8px;align-items:center;border-bottom:1px solid #aab2a9;color:var(--ink-2)}.search-field:focus-within{border-color:var(--forest);border-bottom-width:2px}.search-field svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}.search-field input{border:0;outline:0;background:transparent;color:var(--ink);width:100%;font-size:12px}.search-field input::placeholder{color:#98a298}.catalog-status{display:flex;justify-content:space-between;gap:15px;color:#879186;font-size:11px;margin:34px 0 18px;letter-spacing:.04em}.catalog-status-note{letter-spacing:.12em}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{min-width:0;background:var(--paper);border:1px solid #ebeae2;transition:box-shadow .25s,transform .25s,border-color .25s}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-5px);border-color:#d8e0d1}.card-image{position:relative;aspect-ratio:1.13;background:#e9ece4;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-image img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.product-card:hover .card-image img{transform:scale(1.045)}.card-category{position:absolute;top:18px;left:18px;z-index:2;background:rgba(255,255,252,.94);color:#3d594a;padding:7px 10px;font-size:10px;font-weight:700;letter-spacing:.07em}.card-index{position:absolute;right:17px;bottom:16px;color:#fff;text-shadow:0 1px 9px rgba(0,0,0,.45);font-size:11px;letter-spacing:.1em;z-index:2}.card-image-pending{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:radial-gradient(circle at 68% 25%,#f4f1df,#dce5dc 55%,#d2ded4);color:#7a9584;font-size:12px;letter-spacing:.18em}.card-image-pending:before{content:"";width:100px;height:76px;border:1px solid #adc2b0;transform:rotate(-12deg);position:absolute;box-shadow:20px -15px 0 -1px #eaf0e8,20px -15px 0 0 #adc2b0}.card-image-pending span{position:relative;top:73px}.card-body{padding:23px 25px 26px}.card-meta{display:flex;gap:12px;color:#869187;font-size:10px;letter-spacing:.04em}.card-meta span+span:before{content:"·";margin-right:12px}.card-title{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin:15px 0 12px}.card-title h3{font-size:21px;font-weight:600;letter-spacing:-.045em;line-height:1.45;margin:0}.card-title span{font-size:19px;color:#74906e;line-height:1.2;transition:transform .2s}.product-card:hover .card-title span{transform:translate(3px,-3px)}.card-bottom{border-top:1px solid #e8e9e1;margin-top:18px;padding-top:16px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.card-bottom small{display:block;color:#9ba49a;font-size:10px;margin-bottom:5px}.card-price{font-size:11px;color:#748276}.card-price strong{font-size:20px;color:#263f33;font-weight:600;margin-left:4px}.card-price i{font-style:normal;margin-left:2px}.card-view{font-size:11px;font-weight:700;color:#496a56;white-space:nowrap}.empty-state{border:1px dashed #cbd5c6;padding:60px 20px;text-align:center;color:var(--ink);background:var(--paper)}.empty-state span{font-size:22px;font-weight:600}.empty-state p{color:var(--muted);margin:12px 0 22px;font-size:13px}.empty-state button{border:0;background:none;color:var(--forest);font-size:13px;font-weight:700;border-bottom:1px solid var(--forest);padding:0 0 5px}
.guide-section{background:#e9eee4;padding:89px 0 104px}.guide-grid{display:grid;grid-template-columns:40% 60%;gap:20px}.guide-title h2{margin-bottom:21px}.guide-title>p:last-child{color:#6c7d70;font-size:13px;line-height:1.9}.guide-steps{border-top:1px solid #c6d3c3}.guide-step{display:grid;grid-template-columns:60px 1fr 28px;gap:20px;align-items:center;border-bottom:1px solid #c6d3c3;padding:21px 6px 23px}.guide-step>b{font-size:12px;color:#8aa284;font-weight:500;align-self:start;padding-top:6px}.guide-step h3{font-weight:600;font-size:17px;margin:0 0 8px}.guide-step p{font-size:12px;color:#738275;line-height:1.8;margin:0}.guide-step>span{font-size:20px;color:#759378;font-weight:300}.site-footer{background:var(--paper);border-top:1px solid #eee}.footer-inner{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#8a958a}.footer-brand{font-size:15px;font-weight:700;color:var(--ink)}.footer-brand span{font-size:8px;letter-spacing:.2em;color:#9aa399;display:block;margin-top:3px}.footer-inner>a:last-child{color:#425949;font-weight:600}
@media(max-width:1100px){.shell{width:min(100% - 50px,1320px)}.hero-grid{grid-template-columns:54% 46%;min-height:590px}.hero-copy{padding-top:80px}.carton-front{transform:rotate(-12deg) scale(.75);transform-origin:top left;left:12%;top:36%}.carton-back{transform:rotate(12deg) scale(.78);left:4%;top:25%}.art-caption-top{right:0}.product-grid{gap:16px}.card-body{padding:18px}.card-title h3{font-size:19px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.site-header{height:68px}.brand-mark{transform:rotate(-13deg) scale(.85);transform-origin:left center;width:34px}.brand-text strong{font-size:15px}.brand-text small{font-size:8px}.header-nav{display:none}.header-action{margin-left:auto;padding:10px 12px;gap:10px;font-size:11px}.hero-grid{display:block;min-height:auto}.hero-copy{padding:70px 0 49px}.hero h1{font-size:clamp(41px,9vw,62px);margin-top:25px}.hero-copy>p{font-size:13px;line-height:1.9}.hero-actions{margin-top:31px;gap:19px}.hero-actions .button{gap:20px}.hero-meta{margin-top:50px}.hero-art{height:310px;margin:0 -18px}.art-orbit-one{width:400px;height:400px;left:25%;top:60%}.art-orbit-two{width:600px;height:600px;left:0;top:60%}.carton-front{transform:rotate(-12deg) scale(.58);left:37%;top:22%}.carton-back{transform:rotate(12deg) scale(.56);left:25%;top:8%}.art-caption-top{top:10px;right:29px;font-size:8px}.art-caption-bottom{left:28px;bottom:14px;transform:none;font-size:8px}.art-index{bottom:10px;right:27px}.hero-bottom-line{display:none}.catalog-section{padding:69px 0 82px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.guide-title h2{font-size:35px}.section-heading>p{margin:15px 0 0}.catalog-toolbar{display:block;padding-top:22px}.filter-list{flex-wrap:nowrap;overflow:auto;padding-bottom:5px;margin-right:-18px;scrollbar-width:none}.filter-list::-webkit-scrollbar{display:none}.filter-chip{white-space:nowrap}.search-field{width:100%;margin-top:18px}.catalog-status{margin:28px 0 15px}.catalog-status-note{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-body{padding:15px}.card-image{aspect-ratio:1}.card-title h3{font-size:16px}.card-title span{font-size:16px}.card-category{top:10px;left:10px;padding:5px 7px;font-size:8px}.card-meta{font-size:9px;flex-wrap:wrap;gap:4px 8px}.card-meta span+span:before{margin-right:8px}.card-price strong{font-size:17px}.card-view{display:none}.guide-section{padding:65px 0}.guide-grid{display:block}.guide-title{margin-bottom:30px}.guide-step{grid-template-columns:38px 1fr 15px;gap:10px}.footer-inner{min-height:120px;flex-wrap:wrap;padding:25px 0}.footer-inner>span{order:3;width:100%}}
@media(max-width:430px){.header-action{font-size:10px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-copy{padding-top:56px}.hero h1{font-size:41px}.product-grid{grid-template-columns:1fr;gap:17px}.card-image{aspect-ratio:1.18}.card-title h3{font-size:20px}.card-body{padding:20px}.card-view{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.card-image img{position:absolute;inset:0}.card-description{font-size:11px;color:#879287;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:430px){.hero h1{font-size:clamp(30px,9vw,36px)}}

.header-nav{margin-left:0;margin-inline-start:auto}
.header-action{margin-left:0;margin-inline-start:5px}
.language-switch{display:inline-flex;align-items:center;flex:none;gap:2px;padding:3px;border:1px solid #d9e0d6;border-radius:999px;background:#f4f6f0;direction:ltr;unicode-bidi:isolate}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:28px;padding:3px 7px;border-radius:999px;color:#627269;font-family:"DM Sans","Noto Sans Arabic","Noto Sans SC",sans-serif;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}
.language-switch a:hover{color:var(--forest)}
.language-switch a[aria-current="true"]{background:var(--forest);color:#fff}
.price-amount{display:inline-block;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.fx-note{color:#62776a;font-size:11px;line-height:1.6;letter-spacing:0;unicode-bidi:plaintext}
.fx-catalog-note{margin:-7px 0 20px;padding:9px 12px;border-inline-start:2px solid #8faa83;background:#eef2e9}
.card-price .price-from{margin-left:0;margin-inline-end:5px}
[lang="zh-CN"] .card-price .price-from{margin-inline-start:2px;margin-inline-end:0}
[dir="rtl"]{font-family:"Noto Sans Arabic","DM Sans",sans-serif}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] p,[dir="rtl"] .eyebrow,[dir="rtl"] .section-kicker,[dir="rtl"] .art-caption,[dir="rtl"] .hero-bottom-line,[dir="rtl"] .card-meta,[dir="rtl"] .card-category,[dir="rtl"] .catalog-status,[dir="rtl"] .footer-inner{letter-spacing:normal}
[dir="rtl"] .hero h1{line-height:1.35;letter-spacing:normal}
[dir="rtl"] .section-heading h2,[dir="rtl"] .guide-title h2,[dir="rtl"] .story-grid h2{line-height:1.4;letter-spacing:normal}
[dir="rtl"] .card-title h3{letter-spacing:normal}
[dir="rtl"] .card-category{left:auto;right:18px}
[dir="rtl"] .card-meta span+span:before{margin-right:0;margin-left:12px}
[dir="rtl"] .skip-link{left:auto;right:20px}
[dir="rtl"] .hero-bottom-line b{margin-left:0;margin-right:11px}
[dir="rtl"] .footer-brand span{letter-spacing:normal}
@media(max-width:760px){.language-switch{margin-inline-start:auto}.header-action{display:none}[dir="rtl"] .card-category{right:10px}}
@media(max-width:370px){.header-inner{gap:8px}.brand{gap:7px}.brand-text strong{font-size:13px}.language-switch a{padding-inline:5px;min-width:28px}}
