/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 09 2026 | 13:21:56 */
/* 榛馨花藝｜手機選單，保留 WoodMart 原生選單與展開功能 */
.zx-menu-head,.zx-menu-intro,.zx-menu-footer,.zx-nav-symbol,.zx-nav-detail{display:none}
@media(max-width:1024px){
.whb-header .wd-header-mobile-nav>a{width:82px;min-width:82px;height:46px;padding:0 10px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;border:1px solid #dfcec0;border-radius:12px;background:#f7eee6;color:#655246;transition:background .18s ease,border-color .18s ease}
.whb-header .wd-header-mobile-nav>a::after{content:"選單";font-size:14px;font-weight:800;line-height:1;letter-spacing:.06em}
.whb-header .wd-header-mobile-nav .wd-tools-icon{width:20px;height:16px}
.whb-header .wd-header-mobile-nav .wd-tools-icon::before{content:""!important;display:block;width:20px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M3 4h18M3 10h18M3 16h12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath d='M3 4h18M3 10h18M3 16h12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.whb-header .wd-header-mobile-nav>a:hover{background:#efe1d5;border-color:#b99e8b}
.mobile-nav.wd-side-hidden-nav{width:min(380px,calc(100vw - 28px));max-width:calc(100vw - 28px);height:100vh;height:100dvh;background:#fffaf5;color:#59493f;border:0;border-radius:0 22px 22px 0;box-shadow:12px 0 50px #35291f24;overflow-x:hidden;overscroll-behavior:contain}
.mobile-nav.wd-side-hidden-nav::before{content:none;display:none}
.mobile-nav.zx-mobile-menu{display:flex;flex-direction:column;overflow:hidden}
.zx-mobile-menu .zx-menu-head{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:22px 20px 16px;padding-top:max(22px,env(safe-area-inset-top));border-bottom:1px solid #eadbd0;background:#fffaf5}
.zx-menu-brand{display:block;min-width:0}.zx-menu-brand img{display:block;width:174px;height:auto;max-width:100%}
.zx-mobile-menu .zx-menu-close{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:1px solid #e6d7cb;border-radius:50%;background:#f5ebe2;color:#6b5546;box-shadow:none;cursor:pointer}.zx-menu-close svg{width:20px;height:20px}
.zx-mobile-menu .zx-menu-intro{display:block;flex:0 0 auto;padding:20px 24px 10px}.zx-menu-intro h2{margin:0 0 5px;font-size:23px;font-weight:800;color:#59493f;line-height:1.35;letter-spacing:.04em}.zx-menu-intro p{margin:0;font-size:12px;font-weight:600;line-height:1.7;color:#897366}
.mobile-nav .wd-nav-mobile{padding:0 16px 12px;background:transparent}.zx-mobile-menu .wd-nav-mobile{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5beab transparent}
.mobile-nav .wd-nav-mobile>li{position:relative;margin:0;padding:6px 0;border:0;border-bottom:1px solid #eaded4;background:transparent}.mobile-nav .wd-nav-mobile>li:last-child{border-bottom:0}
.mobile-nav .wd-nav-mobile>li>a{display:flex;align-items:center;gap:13px;min-height:76px;padding:14px 52px 14px 8px;border:0!important;border-radius:10px;box-shadow:none!important;color:#59493f;font-size:17px;font-weight:800;line-height:1.4}
.mobile-nav .wd-nav-mobile>li:not(.menu-item-has-children)>a{padding-right:24px}.mobile-nav .wd-nav-mobile>li>a .nav-link-text{display:block;min-width:0}
.zx-mobile-menu .zx-nav-symbol{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#f2e7dc;color:#90725c}.zx-nav-symbol svg{width:23px;height:23px}
.zx-mobile-menu .zx-nav-detail{display:block;margin-top:3px;font-size:12px;font-weight:600;color:#8d7768;letter-spacing:.015em}
.mobile-nav .wd-nav-mobile>li>a:is(:hover,:focus-visible,:active),.mobile-nav .wd-nav-mobile>li.current-menu-item>a{color:#3f2f24;background:transparent}
.mobile-nav .wd-nav-mobile>li.menu-item-has-children>.wd-nav-opener{position:absolute;top:22px;right:0;width:44px;height:44px;min-height:44px;border:1px solid #e6d7cb;border-radius:50%;background:#fffaf5;color:#846a57;display:flex;align-items:center;justify-content:center}
.mobile-nav .wd-nav-mobile .wd-nav-opener::after{content:""!important;width:8px;height:8px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);margin-top:-4px;font-family:inherit;transition:transform .18s ease}
.mobile-nav .wd-nav-mobile .wd-nav-opener.wd-active{background:#efe1d4!important;color:#6b5140!important}.mobile-nav .wd-nav-mobile .wd-nav-opener.wd-active::after{transform:rotate(225deg);margin-top:4px}
/* 子分類｜白底清單＋分隔線（B 款）：每列 52px、左側小圓點、右側箭頭，降低誤觸 */
.mobile-nav .wd-nav-mobile>li>.wd-sub-menu{margin:4px 0 12px;padding:0;border:1px solid #eee4db;border-radius:14px;background:#fff;overflow:hidden}
.mobile-nav .wd-nav-mobile .wd-sub-menu li{margin:0;border:0;border-top:1px solid #f3ebe3}.mobile-nav .wd-nav-mobile .wd-sub-menu li:first-child{border-top:0}
.mobile-nav .wd-nav-mobile .wd-sub-menu li>a{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:0 44px 0 16px;border:0!important;border-radius:0;color:#5d4a3e;background:#fff;font-size:15px;font-weight:700;line-height:1.4;box-shadow:none!important;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease}
.mobile-nav .wd-nav-mobile .wd-sub-menu li>a::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#c9a88c}
.mobile-nav .wd-nav-mobile .wd-sub-menu li>a::after{content:"";position:absolute;top:50%;right:19px;width:7px;height:7px;margin-top:-4px;border-top:2px solid #b39a86;border-right:2px solid #b39a86;transform:rotate(45deg)}
.mobile-nav .wd-nav-mobile .wd-sub-menu li>a:is(:hover,:focus-visible){background:#faf5f0;color:#3f2f24}
.mobile-nav .wd-nav-mobile .wd-sub-menu li>a:active,.mobile-nav .wd-nav-mobile .wd-sub-menu li.current-menu-item>a{background:#f3ebe3;color:#3f2f24}
.zx-mobile-menu .zx-menu-footer{display:block;flex:0 0 auto;padding:14px 20px max(18px,env(safe-area-inset-bottom));border-top:1px solid #e5d6c9;background:#f4ebe2}.zx-mobile-menu .zx-menu-hours{display:flex;align-items:center;gap:11px;margin:0 0 14px}
.zx-menu-hours-ic{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#77604f;color:#fffaf5}
.zx-menu-hours-ic svg{width:20px;height:20px}
.zx-menu-hours-txt{display:grid;gap:1px;line-height:1.35}
.zx-menu-hours-txt strong{display:flex;flex-wrap:wrap;align-items:center;column-gap:7px;color:#5e4232;font-size:16px;font-weight:800;letter-spacing:.03em}
.zx-menu-hours-txt strong i{flex:none;width:5px;height:5px;border-radius:50%;background:#a88669}
@media (max-width:360px){.zx-menu-hours-txt strong{font-size:15px;column-gap:6px}}
.zx-menu-hours-txt small{color:#806958;font-size:12px;font-weight:700}
.zx-menu-contact{display:grid;grid-template-columns:1.15fr 1fr;gap:9px}.zx-mobile-menu .zx-menu-contact a{display:flex;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:10px 8px;border:1px solid #cbb4a1;border-radius:11px;background:#fffaf5;color:#6c5543;font-size:13px;font-weight:800;line-height:1.35;white-space:nowrap}.zx-mobile-menu .zx-menu-contact .zx-menu-line{background:#77604f;color:#fffaf5;border-color:#77604f}.zx-menu-contact svg{width:18px;height:18px;flex:0 0 18px}

.zx-mobile-menu :is(a,button,[role="button"]):focus-visible,.whb-header .wd-header-mobile-nav>a:focus-visible{outline:2px solid #927058!important;outline-offset:2px!important}.zx-menu-close:hover{background:#ead9c9}.zx-mobile-menu [role="button"]:focus{outline:2px solid #927058!important;outline-offset:2px!important}
@media(max-width:350px){.zx-menu-brand img{width:154px}.zx-mobile-menu .zx-menu-head{padding-left:16px;padding-right:16px}.zx-mobile-menu .zx-menu-intro{padding-left:20px}.mobile-nav .wd-nav-mobile>li>a{gap:10px;font-size:16px}.zx-mobile-menu .zx-menu-footer{padding-left:16px;padding-right:16px}.zx-mobile-menu .zx-menu-contact a{font-size:12px;gap:5px}}
@media(max-height:650px){.zx-mobile-menu .zx-menu-head{padding-top:12px;padding-bottom:12px}.zx-mobile-menu .zx-menu-intro{padding-top:13px;padding-bottom:7px}.mobile-nav .wd-nav-mobile>li>a{min-height:68px;padding-top:10px;padding-bottom:10px}.mobile-nav .wd-nav-mobile>li.menu-item-has-children>.wd-nav-opener{top:18px}.zx-mobile-menu .zx-menu-footer{padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.zx-mobile-menu .zx-menu-hours{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.mobile-nav,.mobile-nav *,.wd-header-mobile-nav *{transition:none!important;scroll-behavior:auto!important}}
}
/* 手機橫式入口與官方 LINE 客服｜2026-09-25 */
.zx-mobile-line{display:none}
@media(max-width:1024px){
.whb-header .whb-general-header-inner{display:grid;grid-template-columns:82px minmax(0,1fr) 90px;gap:6px}
.whb-header .whb-general-header-inner>.whb-column.whb-hidden-lg{width:auto;min-width:0;margin:0;padding:0;flex:none}
.whb-header .whb-mobile-left{justify-content:flex-start}.whb-header .whb-mobile-center{justify-content:center}.whb-header .whb-mobile-right{justify-content:flex-end}
.whb-header .whb-general-header>.container{padding-left:8px;padding-right:8px}
.whb-header .whb-mobile-center .site-logo,.whb-header .whb-mobile-center .wd-logo{display:flex;align-items:center;min-width:0;width:100%;padding:0;justify-content:center}
.whb-header .whb-mobile-center .site-logo img{width:100%;height:auto;padding:0;max-width:180px!important;object-fit:contain}
.whb-header .whb-mobile-right.zx-has-line>.wd-header-my-account{display:none!important}
.whb-header .zx-mobile-line{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:90px;min-width:90px;height:46px;padding:0 7px;border:1px solid #796352;border-radius:12px;background:#796352;color:#fffaf5;font-size:13px;font-weight:800;line-height:1;white-space:nowrap;text-decoration:none;box-shadow:none;transition:background .18s ease,border-color .18s ease}
.whb-header .zx-mobile-line svg{width:16px;height:16px;flex:0 0 16px}.whb-header .zx-mobile-line:hover{background:#695341;border-color:#695341;color:#fffaf5}.whb-header .zx-mobile-line:focus-visible{outline:2px solid #927058!important;outline-offset:3px!important}
}