:root{--paper:#fffefa;--cream:#f2f0e7;--ink:#514b43;--muted:#827c70;--sage:#8da58a;--line:#e8e5dc;--accent:#bc7768}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f8f5;color:var(--ink);font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.shell{max-width:1120px;margin:28px auto;background:var(--paper);box-shadow:0 4px 35px #403e3610;min-height:100vh}.header{text-align:center;padding:35px 24px 0}.brand-mark{font-family:Georgia,serif;letter-spacing:.2em;font-size:15px;color:#8a9a7e}.brand-mark:before,.brand-mark:after{content:'❧';color:#91aa8b;padding:0 14px;font-size:21px}.brand-name{font-family:Georgia,'Noto Serif TC','PMingLiU',serif;letter-spacing:.2em;font-size:34px;margin:4px 0 0;font-weight:500}.brand-en{font-family:Georgia,serif;letter-spacing:.31em;font-size:10px;color:#948e84;margin:0}.tagline{font-size:12px;letter-spacing:.12em;color:#8e897e;margin:15px 0 22px}.nav{display:flex;justify-content:center;flex-wrap:wrap;gap:0;padding:0 12px 24px}.nav a{font-size:12px;letter-spacing:.12em;padding:0 21px;border-right:1px solid #bcb9af;line-height:1.3}.nav a:last-child{border:0}.nav a.active,.nav a:hover{color:var(--accent)}.hero{height:420px;background:#f0eee6 url('assets/fruits.svg') center/cover no-repeat;display:flex;justify-content:center;align-items:center;text-align:center}.hero-inner{background:#f4f1e7d9;padding:28px 40px;max-width:520px}.hero-kicker{font-family:Georgia,serif;letter-spacing:.23em;font-size:13px;color:#a37d70}.hero h1{font-family:'Noto Serif TC','PMingLiU',serif;font-weight:500;font-size:31px;letter-spacing:.18em;line-height:1.6;margin:9px 0}.hero p{font-size:13px;letter-spacing:.1em;margin:8px 0 18px}.btn{display:inline-block;border:1px solid #aaa69b;background:#fffefaad;padding:7px 26px;font-size:12px;letter-spacing:.15em;cursor:pointer;transition:.2s}.btn:hover{background:#eaece4}.content{max-width:920px;margin:auto;padding:54px 25px}.section-title{text-align:center;font-family:Georgia,'Noto Serif TC',serif;font-weight:400;letter-spacing:.15em;font-size:26px;margin:0 0 4px}.section-sub{text-align:center;font-size:11px;color:#999186;letter-spacing:.24em;margin:0 0 36px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro-grid h2{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:0 0 17px}.intro-grid p{font-size:13px;color:#726d64}.news{font-size:12px}.news-item{display:flex;gap:16px;border-bottom:1px solid var(--line);padding:9px 0}.news-item time{white-space:nowrap;color:#9b958b}.divider{border:0;border-top:1px solid var(--line);margin:60px 0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{border:1px solid #eeece6;background:#fff;padding:12px 12px 18px;text-align:center}.product-art{height:150px;background:#f4f1e9;display:flex;align-items:center;justify-content:center;font-size:74px}.product h3{font-weight:500;font-size:15px;letter-spacing:.09em;margin:13px 0 2px}.product p{font-size:12px;color:#918a80;margin:0 0 10px}.product button{border:0;background:none;color:#997f6c;border-bottom:1px solid #baaa96;cursor:pointer;font-size:12px;padding:3px 5px}.notice{text-align:center;background:#f4f2ea;padding:34px;margin-top:56px;font-size:13px}.footer{border-top:1px solid var(--line);padding:30px 20px 40px;text-align:center;font-size:11px;color:#a19a90;letter-spacing:.07em}.page-banner{background:#f2f0e6;padding:42px 20px;text-align:center}.page-banner h1{font-family:Georgia,'Noto Serif TC',serif;font-size:31px;font-weight:400;letter-spacing:.18em;margin:0}.page-banner p{font-size:12px;color:#999083;letter-spacing:.2em;margin:6px 0}.story{max-width:820px;margin:auto;padding:50px 25px}.story-lead{text-align:center;font-family:'Noto Serif TC','PMingLiU',serif;font-size:20px;letter-spacing:.1em;line-height:2}.story-copy{font-size:14px;line-height:2.4;max-width:700px;margin:35px auto;color:#686359}.story-image{width:min(100%,530px);margin:40px auto;border:1px solid var(--line)}.brand-banner{max-width:700px;width:100%;margin:20px auto 30px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}.value{background:#f6f5f0;text-align:center;padding:22px 16px}.value .emoji{font-size:31px}.value h3{font-size:15px;font-weight:500;margin:5px 0}.value p{font-size:12px;color:#8b857c;margin:0}.back{text-align:center;margin:45px 0 15px}.modal{position:fixed;inset:0;background:#28252080;display:none;align-items:center;justify-content:center;padding:20px;z-index:5}.modal.show{display:flex}.modal-panel{background:white;max-width:440px;width:100%;padding:35px;position:relative;text-align:center}.modal-panel h2{margin:8px 0}.modal-panel p{font-size:13px;color:#777}.close{position:absolute;right:12px;top:7px;background:none;border:0;font-size:25px;cursor:pointer}.hint{font-size:11px;color:#a49b8d;text-align:center;margin-top:22px}@media(max-width:700px){.shell{margin:0}.header{padding-top:25px}.brand-name{font-size:26px}.nav a{padding:5px 10px;font-size:11px}.hero{height:340px;background-size:auto 100%}.hero-inner{padding:22px 18px;margin:0 18px}.hero h1{font-size:24px}.intro-grid{grid-template-columns:1fr;gap:28px}.products{grid-template-columns:repeat(2,1fr);gap:12px}.product-art{height:115px;font-size:55px}.content{padding:40px 18px}.values{grid-template-columns:1fr}.story-lead{font-size:17px}.page-banner h1{font-size:26px}}@media(max-width:380px){.products{grid-template-columns:1fr}.nav a{padding:5px 7px}}

/* Brand banner integration: original shop illustration, restrained Japanese orchard aesthetic */
.header{padding-top:26px}.identity{display:block;width:min(100%,570px);margin:0 auto 25px}.identity img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.header .nav{padding-bottom:25px}.hero-inner{border:1px solid #ffffff90}.page-banner{background:#f5f3e5}.notice{background:#f7f5e9}@media(max-width:700px){.header{padding-top:18px}.identity{margin-bottom:22px;width:min(100%,470px)}.nav a{line-height:1.8}}

/* 2026-10-22: Seamless, low-contrast identity header on both pages */
:root{--paper:#fdfbf6}
body{background:#f5f3ee}
.shell{background:var(--paper)}
.header{background:var(--paper);padding-top:30px}
.identity{max-width:602px;width:min(100%,602px);margin:0 auto 19px;padding:10px 18px 0;background:transparent}
.identity img{width:100%;height:auto;mix-blend-mode:normal}
.nav{background:transparent}
@media(max-width:700px){.header{padding-top:18px}.identity{padding:4px 8px 0;margin-bottom:15px}}

/* Lighter website palette: preserve the original Mr.Apple banner artwork */
:root{--paper:#fffefa;--cream:#faf9f5;--line:#efede7}
body{background:#fcfbf8}
.shell,.header{background:#fffefa}
.hero{background-color:#faf9f4}
.hero-inner{background:rgba(255,254,250,.82)}
.page-banner{background:#fbfaf6}
.notice{background:#fbfaf7}
.product-art{background:#fbfaf7}
.value{background:#fbfaf8}
.identity img{mix-blend-mode:normal}

/* Fruit illustration refresh */
.hero{background-color:#fdfcf8}

/* Six Japanese hand-painted fruit cards */
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 22px}
.product-art{display:flex;align-items:center;justify-content:center;height:170px;background:#fbfaf7;overflow:hidden}
.product-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.product:hover .product-art img{transform:scale(1.045)}
.product{min-width:0}
@media(max-width:700px){.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-art{height:140px}}
@media(max-width:380px){.products{grid-template-columns:1fr}.product-art{height:180px}}

/* Fruit drawings from the approved watercolor reference; original site layout retained */
.product-art{background:#fffefa;height:190px}
.product-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:700px){.product-art{height:145px}}
@media(max-width:380px){.product-art{height:190px}}

/* V4: preserve the original minimalist website, soften only the hero drawing */
.hero{background-color:#fffefa;background-image:url('assets/fruits.svg');background-position:center;background-size:cover}
.hero-inner{background:rgba(255,254,250,.87);border:1px solid rgba(255,255,255,.55)}

/* 簡約水果插畫：不加花朵與多餘葉片 */
.product-art{background:#fffefa}
.product-art img{width:94%;height:94%;object-fit:contain;mix-blend-mode:normal}

/* V6: approved six fruit silhouettes and gentle colors, original page layout unchanged */
.product-art{background:#fffefa;height:190px}
.product-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:700px){.product-art{height:145px}}
@media(max-width:380px){.product-art{height:190px}}

/* V7 — approved hand-drawn banner and six coordinated fruit illustrations */
.hero{height:auto;aspect-ratio:1300/392;background:#fffefa url('assets/hero-approved.jpg') center/100% 100% no-repeat;position:relative;display:block}
.hero-inner{position:absolute;inset:0;background:transparent;border:0;max-width:none;padding:0;margin:0}
.hero-inner>*{display:none}
.hero-inner .btn{display:block;position:absolute;left:41.5%;top:70%;width:17%;height:13%;opacity:0;overflow:hidden;padding:0;border:0;cursor:pointer}
.product-art{height:178px;background:#fffefa}
.product-art img{height:100%;width:100%;object-fit:contain;mix-blend-mode:normal}
@media(max-width:700px){.hero{aspect-ratio:1300/392;height:auto;background-size:100% 100%}.hero-inner .btn{left:40%;width:20%;top:70%;height:15%}.product-art{height:130px}}
@media(max-width:380px){.product-art{height:175px}}

/* Contact links — V8 */
.notice .section-sub{margin:0 0 12px}.contact-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:22px}.contact-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:205px;padding:12px 20px;border:1px solid #dedbd0;background:#fffefa;transition:background .2s,border-color .2s}.contact-link:hover,.contact-link:focus-visible{background:#f2efe7;border-color:#bba897}.contact-label{font-size:11px;letter-spacing:.15em;color:#918778}.contact-link strong{font-weight:500;font-size:14px;color:#665a4d}@media(max-width:480px){.contact-links{gap:10px}.contact-link{width:100%;min-width:0}}

/* Information featured update */
.news-featured span { line-height: 1.9; }
.news-featured strong { color: #835d4e; font-weight: 600; }

/* V10 contact icon layout */
.contact-links{align-items:stretch;gap:14px}
.contact-link{flex:1 1 220px;min-width:0;display:flex;flex-direction:row;align-items:center;text-align:left;gap:12px;padding:17px 18px;text-decoration:none}
.contact-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:50%;background:#f2e7df;color:#a76d62}
.contact-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-icon.fb-icon{background:#edf1f8;color:#4267a6}
.contact-icon .facebook-mark{fill:currentColor;stroke:none;width:23px;height:23px}
.contact-detail{display:flex;flex-direction:column;gap:4px;min-width:0}
.contact-detail strong{overflow-wrap:anywhere;line-height:1.6}
@media(max-width:700px){.contact-links{flex-direction:column}.contact-link{flex:auto;width:100%}}

/* V11: 商品彈窗提示分行 */
#modal-desc{line-height:2.2;white-space:normal;margin:16px auto 22px;}

/* V12: Mr.Apple brand photo journal */
.photo-story{margin:62px auto 42px;max-width:1050px}.photo-story-intro{text-align:center;max-width:660px;margin:0 auto 32px}.photo-story-intro .eyebrow{color:#ad8d7c;font-size:11px;letter-spacing:.24em}.photo-story-intro h2{font-size:27px;letter-spacing:.17em;color:#62584e;font-weight:500;margin:14px 0}.photo-story-intro p{color:#857b70;line-height:2;font-size:14px}.story-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.gallery-card{margin:0;background:#fffdf8;border:1px solid #e8e4dc;padding:10px 10px 15px;min-width:0}.gallery-card.gallery-feature{grid-column:span 2}.gallery-card a{display:block;overflow:hidden;background:#f8f5ee}.gallery-card img{display:block;width:100%;height:240px;object-fit:cover;transition:transform .35s}.gallery-card.gallery-feature img{height:300px}.gallery-card a:hover img{transform:scale(1.035)}.gallery-card figcaption{font-size:13px;letter-spacing:.05em;color:#776c61;text-align:center;margin:14px 2px 0;line-height:1.7}.gallery-note{text-align:center;color:#a59a8c;font-size:11px;margin:24px 0 0}@media(max-width:760px){.photo-story{margin:42px 0}.story-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-card.gallery-feature{grid-column:span 2}.gallery-card img{height:180px}.gallery-card.gallery-feature img{height:230px}.gallery-card figcaption{font-size:12px}.photo-story-intro h2{font-size:22px}}@media(max-width:440px){.story-gallery{grid-template-columns:1fr}.gallery-card.gallery-feature{grid-column:span 1}.gallery-card img,.gallery-card.gallery-feature img{height:230px}}

/* V13 About Us: quiet Japanese editorial photo-poster layout */
.story{max-width:1120px;margin:0 auto;padding:18px 34px 55px}.about-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:24px 16px 42px;border-bottom:1px solid #e9e4da}.about-brand{width:100%;max-width:520px;object-fit:contain}.about-eyebrow{font-size:11px;letter-spacing:.22em;color:#a98c76}.about-hero-copy h1{font-size:38px;letter-spacing:.18em;color:#654c3f;font-weight:500;margin:15px 0}.about-subtitle{font-size:20px;line-height:2;letter-spacing:.12em;color:#756659}.about-narrative{max-width:880px;margin:46px auto 58px;color:#665b50;line-height:2.15;font-size:15px}.about-narrative h2{font-weight:500;font-size:25px;letter-spacing:.09em;margin:10px 0 25px;color:#76533f}.about-narrative p{margin:15px 0}.about-narrative strong{color:#955d44}.about-gallery-heading{text-align:center;margin:0 auto 33px}.about-gallery-heading h2{font-weight:500;color:#715747;font-size:26px;letter-spacing:.1em;margin:12px 0}.about-gallery-heading p{font-size:13px;color:#9a8a7a}.about-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.about-tile{margin:0;background:#fdfbf6;border:1px solid #eee8de;padding:15px;border-radius:8px}.tile-heading{display:flex;align-items:center;gap:12px;min-height:80px}.tile-heading>span{font-family:Georgia,serif;font-size:31px;color:#b49d86;font-weight:400}.tile-heading h3{font-size:18px;letter-spacing:.09em;font-weight:500;color:#795745;margin:0 0 6px}.tile-heading p{font-size:12px;line-height:1.65;color:#918274;margin:0}.about-tile a{display:block;overflow:hidden;border-radius:5px}.about-tile img{display:block;width:100%;height:195px;object-fit:cover;transition:transform .3s}.about-tile a:hover img{transform:scale(1.03)}.about-photo-note{text-align:center;font-size:11px;color:#a89c8f;margin:24px 0 0}.story .back{text-align:center;margin-top:36px}@media(max-width:800px){.story{padding:16px 18px 45px}.about-hero{grid-template-columns:1fr;text-align:center;gap:12px}.about-brand{max-width:460px;margin:auto}.about-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero-copy h1{font-size:30px}.about-subtitle{font-size:17px}.about-narrative{margin:35px auto 45px}}@media(max-width:520px){.about-tiles{grid-template-columns:1fr}.about-tile img{height:235px}.about-gallery-heading h2{font-size:21px}.about-narrative h2{font-size:22px}}

/* V16: About illustration at 40% of previous size; preserve layout and aspect ratio */
.about-hero{grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);}
.about-brand{width:40%;max-width:208px;height:auto;object-fit:contain;justify-self:center;}
@media(max-width:800px){.about-hero{grid-template-columns:1fr}.about-brand{width:40%;max-width:184px;}}

/* V17: move the small storefront illustration above the gallery heading */
.about-hero{grid-template-columns:1fr;max-width:760px;margin:auto;text-align:center;padding-top:18px;padding-bottom:32px;}
.about-hero-copy{width:100%;}
.about-gallery-store{display:block;width:220px;max-width:55%;height:auto;object-fit:contain;margin:0 auto 18px;}
@media(max-width:520px){.about-gallery-store{width:170px;}}

/* V18: About page heading and motto in one horizontal row */
.about-hero{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:28px;max-width:none;text-align:left;padding:30px 16px 42px;}
.about-hero-copy{width:auto;flex:0 0 auto;}
.about-hero-copy h1{margin:13px 0 0;}
.about-hero .about-subtitle{margin:0;flex:0 1 auto;font-size:17px;line-height:1.8;letter-spacing:.055em;white-space:nowrap;}
.about-separator{padding:0 .28em;}
@media(max-width:950px){.about-hero{gap:20px}.about-hero .about-subtitle{font-size:14px;letter-spacing:0;}}
@media(max-width:700px){.about-hero{flex-direction:column;align-items:flex-start;gap:14px;padding:24px 8px 30px}.about-hero .about-subtitle{white-space:normal;font-size:15px;}.about-hero-copy h1{font-size:30px;}}

/* V19: center the entire single-row About heading, no English eyebrow */
.about-hero{justify-content:center;gap:54px;text-align:center;}
.about-hero-copy{flex:0 0 auto;}
.about-hero-copy h1{margin:0;}
.about-hero .about-subtitle{flex:0 1 auto;text-align:center;}
@media(max-width:700px){.about-hero{align-items:center;gap:12px;}.about-hero .about-subtitle{text-align:center;}}

/* V20: 店面插畫放在日常介紹文案下方、照片卡片上方 */
.about-gallery-heading .about-gallery-store{margin:22px auto 0;}