:root{--bg:#f7f4ef;--surface:#ede9e2;--line:#e8e4dc;--text-dark:#1e1c1a;--text-mid:#555250;--text-light:#888580;--price:#b35252;--accent:#8fa58a;--btn:#6b4a3a;--max:1100px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-slow:cubic-bezier(.6, 0, .2, 1);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--gutter:16px;--nav-h:56px}@media (min-width:768px){:root{--gutter:24px;--nav-h:64px}}@media (min-width:1024px){:root{--gutter:40px;--nav-h:72px}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text-mid);-webkit-font-smoothing:antialiased;letter-spacing:.04em;min-height:100dvh;font-family:Noto Sans TC,sans-serif;overflow-x:hidden}a{color:inherit;cursor:pointer;text-decoration:none;transition:opacity .4s}a:hover{opacity:.5}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{-webkit-appearance:none}.container{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}h1{letter-spacing:.12em;color:var(--text-dark);margin:0 0 16px;font-family:Noto Serif TC,serif;font-size:28px;font-weight:200;line-height:1.3}@media (min-width:768px){h1{font-size:36px}}@media (min-width:1024px){h1{margin-bottom:20px;font-size:44px}}h2{letter-spacing:.2em;color:var(--text-dark);margin:0 0 16px;font-family:Noto Sans TC,sans-serif;font-size:16px;font-weight:700}@media (min-width:768px){h2{letter-spacing:.28em;margin-bottom:20px;font-size:19px}}h3{letter-spacing:.12em;color:var(--text-dark);margin:0 0 6px;font-family:Noto Sans TC,sans-serif;font-size:13px;font-weight:400}h4{letter-spacing:.15em;color:var(--text-dark);margin:0 0 10px;font-family:Noto Sans TC,sans-serif;font-size:12px;font-weight:500}p{color:var(--text-mid);margin:0;font-size:13px;font-weight:300;line-height:2}@media (min-width:768px){p{line-height:2.4}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}body.no-scroll{width:100%;position:fixed;overflow:hidden}.nav{padding:0 var(--gutter);height:var(--nav-h);-webkit-backdrop-filter:blur(20px);z-index:100;background:#f7f4eff2;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 20px #0000000a}.brand{letter-spacing:.3em;color:var(--text-dark);cursor:pointer;flex-shrink:0;font-family:Noto Sans TC,sans-serif;font-size:13px;font-weight:700}.nav-links{align-items:center;gap:24px;display:flex}.nav-links a{letter-spacing:.28em;color:var(--text-mid);text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;transition:color .4s,letter-spacing .4s}.nav-links a:hover{color:var(--text-dark);letter-spacing:.34em;opacity:1}.cart-btn{letter-spacing:.3em;min-height:44px;color:var(--text-dark);text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #00000026;align-items:center;gap:10px;padding:9px 20px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;transition:all .4s;display:flex}.cart-btn:hover{border-color:var(--text-dark)}.badge{background:var(--text-dark);color:var(--bg);letter-spacing:0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:600;display:inline-flex}.admin-datepicker-wrapper{display:block!important}.admin-datepicker-wrapper .react-datepicker-wrapper{width:100%}.react-datepicker-popper{z-index:9999!important}.react-datepicker{border:1px solid var(--line);border-radius:2px;font-family:Noto Sans TC,sans-serif;font-size:13px;box-shadow:0 4px 16px #00000014}.react-datepicker__header{background:var(--bg);border-bottom:1px solid var(--line)}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{border-radius:2px;background:var(--btn)!important;color:#fff!important}.react-datepicker__day:hover{background:var(--surface);border-radius:2px}.react-datepicker__day--disabled{color:#ccc!important}.react-datepicker__close-icon:after{font-size:14px;background:var(--text-light)!important}@media (hover:none){a:hover{opacity:1}.nav-links a:hover{letter-spacing:.28em;color:var(--text-mid)}}
