/* 晨光咖啡示範頁 */
html{scroll-behavior:smooth}
body.mcd{margin:0;background:#FBF7F2;color:#3A2E25;font-family:"Noto Sans TC","Microsoft JhengHei","PingFang TC",system-ui,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
#mcd *{box-sizing:border-box}
#mcd img{max-width:100%;display:block}
#mcd a{color:inherit;text-decoration:none}
#mcd h1,#mcd h2,#mcd h3{margin:0;line-height:1.3;color:inherit;font-family:inherit}
#mcd p{margin:0 0 1em}
.mcd-wrap{max-width:1120px;margin:0 auto;padding:0 20px}

/* header */
.mcd-head{position:sticky;top:0;z-index:50;background:rgba(251,247,242,.96);border-bottom:1px solid #E9DFD3;backdrop-filter:blur(6px)}
.admin-bar .mcd-head{top:32px}
.mcd-head-in{display:flex;align-items:center;justify-content:space-between;height:72px}
.mcd-logo img{height:44px;width:auto}
.mcd-nav{display:flex;align-items:center;gap:28px;font-size:16px;font-weight:500}
.mcd-nav>a,.mcd-dd>a{padding:8px 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}
.mcd-nav>a:hover,.mcd-dd>a:hover{color:#6B4F3A;border-color:#F4A300}
.mcd-dd{position:relative}
.mcd-dd-m{position:absolute;top:100%;left:-12px;min-width:150px;background:#fff;border:1px solid #E9DFD3;border-radius:10px;box-shadow:0 10px 30px rgba(58,46,37,.12);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.mcd-dd:hover .mcd-dd-m{opacity:1;visibility:visible;transform:none}
.mcd-dd-m a{display:block;padding:8px 18px}
.mcd-dd-m a:hover{background:#F6EEE4}
.mcd-nav-t,.mcd-burger{display:none}

/* hero */
.mcd-hero{background-size:cover;background-position:center;color:#fff;padding:150px 0 140px;text-align:center}
.mcd-kicker{letter-spacing:.3em;font-size:13px;color:#F4A300;font-weight:700}
#mcd .mcd-h1{font-size:clamp(34px,6vw,64px);font-weight:900;color:#fff;margin:6px 0 14px;letter-spacing:.04em}
.mcd-tag{font-size:clamp(17px,2.4vw,22px);opacity:.92}
.mcd-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.mcd-btn{display:inline-block;background:#F4A300;color:#2B1E14!important;font-weight:700;padding:14px 30px;border-radius:999px;transition:transform .15s,box-shadow .15s}
.mcd-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.mcd-ghost{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.85)}

/* sections */
.mcd-sec{padding:90px 0}
.mcd-alt{background:#F3EAE0}
#mcd h2{font-size:clamp(26px,3.4vw,36px);font-weight:800;color:#6B4F3A;margin-bottom:22px}
#mcd h2::after{content:"";display:block;width:48px;height:4px;background:#F4A300;border-radius:2px;margin-top:12px}
#mcd .mcd-center{text-align:center}
#mcd .mcd-center::after{margin:12px auto 0}
.mcd-about{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.mcd-about img{border-radius:18px;box-shadow:0 18px 40px rgba(58,46,37,.18)}
.mcd-content{font-size:17px}
.mcd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}
.mcd-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 24px rgba(58,46,37,.08);transition:transform .2s,box-shadow .2s}
.mcd-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(58,46,37,.14)}
.mcd-card img{aspect-ratio:3/2;object-fit:cover;width:100%}
.mcd-card-b{padding:22px 24px 26px}
#mcd .mcd-card h3{font-size:20px;font-weight:700;margin-bottom:10px;color:#3A2E25}
.mcd-card p{font-size:15px;color:#6A5A4D;margin:0}
.mcd-cat{display:inline-block;font-size:12px;font-weight:700;color:#6B4F3A;background:#F6EEE4;border-radius:999px;padding:2px 10px;margin-bottom:10px}

/* contact */
.mcd-cta{background:#6B4F3A;color:#fff}
#mcd .mcd-cta h2{color:#fff}
.mcd-contact{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.mcd-contact p{font-size:17px;opacity:.92}
.mcd-contact ul{list-style:none;margin:0;padding:26px 28px;background:rgba(255,255,255,.08);border-radius:16px}
.mcd-contact li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.mcd-contact li:last-child{border:0}
.mcd-contact b{display:inline-block;min-width:92px;color:#F4A300}

/* footer */
.mcd-foot{background:#2B1E14;color:#CDBFB2;padding:36px 0;font-size:14px}
.mcd-foot-in{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.mcd-foot img{height:36px;width:auto}
.mcd-foot p{margin:0}

/* mobile */
@media (max-width:820px){
  .admin-bar .mcd-head{top:46px}
  .mcd-burger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:8px}
  .mcd-burger span{width:24px;height:2px;background:#3A2E25;display:block}
  .mcd-nav{position:absolute;top:72px;left:0;right:0;flex-direction:column;gap:0;background:#FBF7F2;border-bottom:1px solid #E9DFD3;max-height:0;overflow:hidden;transition:max-height .3s}
  .mcd-nav>a,.mcd-dd>a{display:block;padding:14px 20px;border:0}
  .mcd-dd-m{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:0 0 6px 16px}
  .mcd-nav-t:checked~.mcd-nav{max-height:460px}
  .mcd-hero{padding:100px 0 90px}
  .mcd-sec{padding:64px 0}
  .mcd-about,.mcd-contact{grid-template-columns:1fr;gap:28px}
  .mcd-grid{grid-template-columns:1fr;gap:20px}
}
@media (max-width:600px){.admin-bar .mcd-head{top:0}}