/* NOIR & GOLD / Edition 03 — aesthetic layer only. Checkout and Woo data logic unchanged. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;600;700&display=swap');
:root{--bg:#f5f2ec;--paper:#faf9f6;--card:#fbfaf7;--panel:#242826;--gold:#b49869;--goldlight:#e9d6b8;--text:#232825;--muted:#75776f;--line:#dfddd6;--font:'DM Sans','Noto Sans TC',system-ui,sans-serif}
html{scroll-padding-top:86px}body{background:var(--bg);color:var(--text);font-weight:400}a,button{transition:background-color .2s,color .2s,border-color .2s,transform .2s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #aa8855;outline-offset:3px}
.skip{position:absolute;left:15px;top:-60px;background:#fff;color:#222;z-index:99;padding:10px}.skip:focus{top:15px}
.notice{background:#bba178;color:#252822;display:flex;justify-content:center;gap:24px;min-height:32px;align-items:center;padding:8px 20px;font-weight:600;letter-spacing:1.5px;font-size:10px}.notice span{margin:0;opacity:1;letter-spacing:1.3px}.notice span+span{font-weight:400;opacity:.82;letter-spacing:1px}
.header{background:#202522f5;border-bottom:1px solid #4d514b;box-shadow:0 12px 32px #1117}.header-inner{max-width:1370px;padding:0 38px;min-height:83px;gap:25px}.brand{display:flex;gap:13px;align-items:center;letter-spacing:0;font-size:initial}.brand-mark{font:normal 24px Georgia,serif;color:#f4e8d5;letter-spacing:1px;white-space:nowrap}.brand-mark span{color:#d3b583}.brand-info{display:flex;flex-direction:column;gap:3px}.brand-info b{font-size:11px;font-weight:600;letter-spacing:2.2px;color:#f1e9db}.brand-info small{font:500 8px var(--font);letter-spacing:2px;color:#a9a79b;margin:0}.nav{gap:40px;color:#c3c3b8}.nav a{font-size:12px;letter-spacing:.05em}.nav a:hover,.shop-shortcut:hover{color:#d6b785}.actions{gap:15px;align-items:center}.actions button{color:#f1eadf}.shop-shortcut{font-size:11px;color:#d5c1a2;padding-right:10px;border-right:1px solid #464a43;white-space:nowrap}.cart-btn span{background:#ccb184;color:#1f221f}
.hero{min-height:615px;grid-template-columns:52% 48%;border:0;background:#202622}.hero-content{padding:75px 55px 30px max(55px,calc((100vw - 1240px)/2));color:#f5f0e7;position:relative;background:radial-gradient(circle at 0 0,#313b33 0,transparent 50%),#242a26}.hero .eyebrow{font-size:10px;letter-spacing:3px;color:#d9c29b;gap:14px;font-weight:600}.eyebrow .line{width:36px;height:1px;background:#ad9a78}.hero-index{margin:52px 0 0;color:#7e8b81;font-size:10px;letter-spacing:2px}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.38;letter-spacing:.035em;font-weight:400;margin:24px 0 22px}.hero h1 em{font-style:normal;font-weight:300;color:#d7b88a}.hero p{font-size:15px;line-height:2.2;color:#c4c7be;margin-bottom:38px}.hero-links{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.hero .btn-gold{background:#c5a879;color:#1b221d;border-radius:2px;min-height:54px;min-width:178px}.hero .btn-gold:hover{background:#e3c9a0}.hero-secondary{font-size:12px;color:#deddd3;letter-spacing:.08em}.hero-secondary span{margin-left:9px;color:#c9a97e}.hero-foot{margin-top:auto;padding-top:55px;width:100%;display:flex;justify-content:space-between;gap:12px;color:#8b9c90;letter-spacing:1.2px;font-size:9px}
.hero-art{min-height:560px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 57% 40%,#777363 0,#514f45 34%,#343b35 62%,#292f2b 100%)}.art-grain{position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 27px,#fff1 28px 29px);opacity:.2}.art-halo{position:absolute;width:80%;aspect-ratio:1;border-radius:50%;left:11%;top:5%;border:1px solid #e0d2b345;box-shadow:0 0 0 45px #d3c19b0a,0 0 0 95px #e4d1a506}.art-plate{position:absolute;left:18%;right:15%;height:11%;bottom:16%;background:linear-gradient(155deg,#b8a17c,#7a6e5a 46%,#4a4b41);border-radius:50%;transform:skewY(-4deg);box-shadow:0 35px 40px #070c0b70}.art-orb{position:absolute;width:45%;aspect-ratio:1;top:20%;left:31%;border-radius:50%;background:radial-gradient(circle at 33% 26%,#efdcb4,#c8ac7c 25%,#836b4e 55%,#393f37 85%);box-shadow:19px 25px 40px #111a1677, inset -25px -32px 44px #3c342654}.art-crest{position:absolute;inset:auto 0 42%;text-align:center;color:#fff5e6e6;font:italic 500 clamp(27px,3.5vw,58px) Georgia,serif;letter-spacing:10px;text-shadow:0 3px 24px #161b17a6}.art-crest span{color:#302d27;font-size:.6em}.art-caption{position:absolute;bottom:25px;right:33px;font-size:9px;letter-spacing:3px;color:#eee2c6}
.benefits{max-width:none;display:flex;justify-content:center;gap:clamp(35px,6vw,115px);min-height:80px;padding:17px 30px;background:#ebe7de;color:#757366;border:0;font-size:11px;letter-spacing:1.2px}.benefits span{display:flex;align-items:center;gap:12px}.benefits span:before{content:'◈';color:#a88b5c}
.section{max-width:1280px}.catalog{padding:110px 30px 125px}.kicker{font-size:10px;color:#a28555;letter-spacing:3px}.section-top{align-items:end;gap:20px}.section-top h2{font-size:clamp(31px,3.8vw,49px);line-height:1.52;letter-spacing:1px;color:#222823;font-weight:400;margin:20px 0 14px}.section-top h2 em{color:#ac8e60;font-style:normal;font-family:inherit;font-weight:300}.section-top p{font-size:14px;line-height:2;color:#7f7d75}.section-aside{text-align:right;display:flex;flex-direction:column;gap:14px;padding-bottom:10px}.section-index{font-size:10px;letter-spacing:1.8px;color:#a0a096}.product-total{font-size:12px;color:#565c57}.shop-toolbar{padding:22px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dbd9d2;border-bottom:1px solid #dbd9d2;margin:35px 0 27px;gap:20px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter{background:transparent;border:1px solid transparent;padding:9px 15px;color:#747870;font-size:12px;border-radius:999px}.filter.active,.filter:hover{background:#282e29;color:#eee5d7;border-color:#282e29}.sort-label{display:flex;align-items:center;gap:10px;font-size:11px;color:#666b65;white-space:nowrap}.sort-label select{background:transparent;border:0;border-bottom:1px solid #b9b8b1;padding:8px 20px 8px 8px;color:#393f38;font-size:12px}
.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}.product{background:#fbfaf7;border:1px solid #e5e3dc;min-width:0;transition:transform .2s,box-shadow .2s,border-color .2s}.product:hover{transform:translateY(-4px);border-color:#d0c3ab;box-shadow:0 15px 38px #41403810}.product-image{position:relative;width:100%;height:auto;aspect-ratio:1/1.12;background:#ecebe5;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;display:block}.product-image.placeholder{background:linear-gradient(140deg,#e5dfd3,#f2eee6 55%,#e6e1d8);display:grid;place-items:center}.product-image.placeholder:before{content:'N·G';position:static;width:auto;height:auto;background:none;filter:none;transform:none;font:italic 40px Georgia,serif;color:#aa9575;opacity:.8}.product-image.placeholder:after{content:'商品照片準備中';position:absolute;bottom:17px;text-align:center;width:100%;color:#9b968c;font-size:10px;letter-spacing:1px}.product-tag{background:#292f29;color:#f0e4d3;letter-spacing:1.2px;font-size:10px;top:12px;left:12px}.product-body{padding:21px 18px 18px}.product-cat{color:#9b855d;font-size:10px;letter-spacing:1px}.product-title{color:#242b26;font-size:15px;font-weight:500;min-height:48px;line-height:1.6;margin:11px 0}.product-price{display:flex;gap:9px;flex-wrap:wrap;align-items:baseline;font-size:17px;color:#3e493e;font-weight:600}.product-price s{font-size:11px;color:#99988f;font-weight:400}.add-btn{background:#292e29;color:#f1eadf;border:1px solid #292e29;border-radius:2px;margin-top:21px;width:100%;min-height:43px;font-size:12px;letter-spacing:.04em}.add-btn:hover{background:#b99a68;border-color:#b99a68;color:#1e241f}.add-btn:disabled{opacity:.5;cursor:not-allowed}.search-bar{display:flex;gap:7px;background:#faf9f5;padding:9px;margin:0 0 22px;border:1px solid #d5d1c8}.search-bar input{flex:1;min-width:0;border:0;background:transparent;color:#333c33;min-height:38px;padding:0 12px}.search-bar button{background:transparent;border:0;color:#555}.demo-banner,.error-banner{border:1px solid #c7b79e;background:#f2ebdd;color:#69563e;padding:14px 18px;font-size:12px;margin:14px 0}.error-banner{border-color:#c9a7a2;background:#f5e7e4;color:#884d4b}.loading,.empty{color:#797a73;grid-column:1/-1;padding:35px 0;font-size:14px}
.story{display:grid;grid-template-columns:49% 51%;max-width:1280px;margin:0 auto 100px;background:#29302b;min-height:430px}.story-visual{position:relative;min-height:430px;background:radial-gradient(circle at 45% 50%,#767462,#414b41 50%,#2d3930 78%);overflow:hidden;display:grid;place-items:center}.story-lines{position:absolute;width:380px;aspect-ratio:1;border:1px solid #c8b69155;border-radius:50%;box-shadow:0 0 0 68px #e0d1a613,0 0 0 130px #e0d1a609}.story-monogram{z-index:1;color:#f5ebd9;font:italic 60px Georgia,serif;letter-spacing:8px}.story-monogram span{color:#d2b68a}.story-corner{position:absolute;bottom:24px;left:30px;color:#c8cbb9;font-size:9px;letter-spacing:2px}.story-copy{padding:68px 12%;align-self:center}.story-copy h2{font-size:clamp(31px,3.5vw,45px);line-height:1.5;font-weight:400;margin:18px 0 24px;color:#f5f0e7}.story-copy p{font-size:14px;color:#bdc4bb;line-height:2.3}.text-link{color:#dfbd88;font-size:12px;padding-bottom:8px;border-bottom:1px solid #a58d67}.closing{text-align:center;padding:85px 20px 100px;background:#ebe7de}.closing h2{font-size:clamp(28px,3vw,40px);font-weight:400;color:#2a302a;margin:20px 0 28px}.closing .btn-outline{border:1px solid #555a4d;color:#323a31;background:transparent}.closing .btn-outline:hover{background:#292f29;color:#f8efe0}
footer{background:#222923;padding:46px max(25px,calc((100vw - 1240px)/2));color:#f5ebd9}.footer{max-width:1280px}footer strong{font-size:22px;letter-spacing:2px}footer strong i{font-weight:400;color:#cba976}footer p{color:#a9aea3;font-size:11px;margin-top:11px}footer>div:last-child{display:flex;gap:22px;align-items:center}footer a{font-size:11px;color:#c7cbbc}footer small{color:#9da398}
.overlay{background:#0c110eb8}.drawer{background:#f8f6f0;box-shadow:-14px 0 55px #0006;color:#292f29}.drawer-head{border-color:#dad6cc;padding:27px}.drawer-head h2{font-size:25px;font-weight:500;color:#283029}.drawer-head h2 small{color:#777b72}.close-btn{color:#373d35}.cart-items{padding:18px 24px}.cart-line{border-color:#e0ddd5;grid-template-columns:80px 1fr}.cart-thumb{background:#ddd7cb;object-fit:cover}.cart-name{color:#2d352f}.cart-price{color:#7f683e;font-weight:600}.cart-controls button{color:#384035;border-color:#c9c6bb;background:#fff}.cart-controls .remove{color:#8b8a83}.cart-bottom{background:#f0ede5;border-color:#dcd9cf}.cart-subtotal strong{color:#394637}.cart-bottom p,.keep-shopping{color:#75776f}.btn-gold{background:#c4a778;color:#1f271e}.btn-gold:hover{background:#dcc298}.checkout-help{color:#9d5147}.toast{background:#273026;color:#f4dfbb;box-shadow:0 10px 36px #1117}
@media(max-width:1050px){.header-inner{padding:0 25px}.hero{grid-template-columns:54% 46%}.hero-content{padding:70px 30px 25px}.hero h1{font-size:clamp(39px,5vw,60px)}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.story{margin:0 25px 90px}.benefits{gap:30px}}
@media(max-width:700px){html{scroll-padding-top:70px}.notice{font-size:9px;gap:10px}.notice span:first-child{display:none}.header-inner{min-height:65px;padding:0 16px}.nav,.brand-info,.shop-shortcut{display:none}.brand-mark{font-size:27px}.actions{gap:17px}.hero{grid-template-columns:1fr;min-height:unset}.hero-content{padding:58px 24px 33px}.hero-index{margin-top:34px}.hero h1{font-size:clamp(40px,10vw,55px);line-height:1.35;margin:20px 0}.hero p{font-size:13px;line-height:2}.hero .btn-gold{min-height:49px}.hero-foot{margin-top:40px;padding-top:18px;font-size:8px}.hero-art{min-height:290px}.art-halo{width:280px;left:calc(50% - 140px);top:-25px}.art-orb{width:190px;top:42px;left:calc(50% - 82px)}.art-plate{left:18%;right:18%;bottom:11%}.art-crest{bottom:39%;font-size:34px}.art-caption{font-size:8px;bottom:15px;right:17px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;padding:20px 16px;min-height:0;font-size:10px;justify-items:center}.benefits span:nth-child(3){grid-column:1/-1}.catalog{padding:70px 16px 85px}.section-top h2{font-size:31px}.section-aside{display:none}.shop-toolbar{display:block;padding:15px 0;margin:25px 0 18px}.filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}.filters::-webkit-scrollbar{display:none}.filter{flex:0 0 auto;white-space:nowrap}.sort-label{justify-content:flex-end;padding-top:3px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.product-body{padding:12px 11px 13px}.product-title{font-size:13px;min-height:44px}.product-price{font-size:15px}.add-btn{font-size:11px;min-height:42px;margin-top:14px}.product-image.placeholder:before{font-size:28px}.product-image.placeholder:after{font-size:9px}.story{grid-template-columns:1fr;margin:0 16px 65px;min-height:0}.story-visual{min-height:245px}.story-lines{width:220px}.story-monogram{font-size:42px}.story-copy{padding:46px 25px}.story-copy h2{font-size:31px}.closing{padding:65px 16px 75px}.closing h2{font-size:29px}footer{padding:34px 20px;align-items:start;flex-direction:column}footer>div:last-child{align-items:start;gap:13px;flex-wrap:wrap;text-align:left}.cart-items{padding:15px}.drawer-head,.cart-bottom{padding:22px}.drawer{max-width:100vw}}
@media(max-width:360px){.hero h1{font-size:38px}.hero-links{gap:16px}.products{gap:9px}.product-title{font-size:12px}.product-body{padding:11px 9px}.benefits{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}