.elementor-36039 .elementor-element.elementor-element-1087e461{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36039 .elementor-element.elementor-element-1087e461:not(.elementor-motion-effects-element-type-background), .elementor-36039 .elementor-element.elementor-element-1087e461 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-36039 .elementor-element.elementor-element-1087e461.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-36039 .elementor-element.elementor-element-5d7cda4b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36039 .elementor-element.elementor-element-5d7cda4b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-36039 .elementor-element.elementor-element-3e422349{width:var( --container-widget-width, 23.03% );max-width:23.03%;--container-widget-width:23.03%;--container-widget-flex-grow:0;}.elementor-36039 .elementor-element.elementor-element-3e422349.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-36039 .elementor-element.elementor-element-77d04711{width:var( --container-widget-width, 75.484% );max-width:75.484%;--container-widget-width:75.484%;--container-widget-flex-grow:0;}.elementor-36039 .elementor-element.elementor-element-77d04711.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-menu-toggle{margin:0 auto;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-36039 .elementor-element.elementor-element-3e422349{width:var( --container-widget-width, 167.844px );max-width:167.844px;--container-widget-width:167.844px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-36039 .elementor-element.elementor-element-1087e461{--width:100%;}}@media(max-width:767px){.elementor-36039 .elementor-element.elementor-element-5d7cda4b{--width:286px;}.elementor-36039 .elementor-element.elementor-element-3e422349{width:var( --container-widget-width, 155px );max-width:155px;--container-widget-width:155px;--container-widget-flex-grow:0;}}/* Start custom CSS for nav-menu, class: .elementor-element-77d04711 *//* 松興花苑｜WordPress Menu 套用原固定 Header 視覺 */

.elementor-36039 .elementor-element.elementor-element-77d04711{
  width:100%!important;
  min-width:0!important;
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif!important;
}

.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-widget-container,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main{
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}

.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-nav-menu{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:clamp(4px,.55vw,9px)!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  white-space:nowrap!important;
}

.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-nav-menu > li{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 1px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#69422b!important;
  font-size:clamp(11.5px,.82vw,13px)!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:color 180ms ease!important;
}

.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item:hover,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item:focus,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item.elementor-item-active{
  background:transparent!important;
  color:#8b532e!important;
  box-shadow:none!important;
}

/* 原版 hover 細底線 */
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-8px!important;
  width:auto!important;
  height:1px!important;
  border:0!important;
  background:#a66735!important;
  opacity:.58!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  transition:transform 220ms ease!important;
}
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item:hover::after,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item:focus::after,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-nav-menu > li > .elementor-item.highlighted::after{
  transform:scaleX(1)!important;
}

/* 子選單箭頭 */
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .sub-arrow{
  margin-left:4px!important;
  padding:0!important;
  color:#9a6b4d!important;
  font-size:10px!important;
  line-height:1!important;
}
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .sub-arrow svg{
  width:9px!important;
  height:9px!important;
  fill:currentColor!important;
}

/* Dropdown：沿用原版色彩、圓角、陰影、尺寸 */
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .sub-menu{
  width:max-content!important;
  min-width:270px!important;
  max-width:min(380px,calc(100vw - 28px))!important;
  max-height:min(68vh,560px)!important;
  overflow-y:auto!important;
  margin-top:7px!important;
  padding:7px!important;
  border:1px solid #ead8c8!important;
  border-radius:8px!important;
  background:rgba(255,253,249,.99)!important;
  box-shadow:0 18px 48px rgba(81,47,26,.16)!important;
}
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .sub-menu li{
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .sub-menu .elementor-sub-item,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .sub-menu a{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:8px 11px!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  color:#664331!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.5!important;
  white-space:normal!important;
  text-decoration:none!important;
}
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .sub-menu .elementor-sub-item:hover,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .sub-menu .elementor-sub-item:focus,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .sub-menu a:hover,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .sub-menu a:focus{
  background:#fbf0e5!important;
  color:#8b532e!important;
  outline:none!important;
}
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-nav-menu > li:nth-last-child(-n+4) > .sub-menu{
  left:auto!important;
  right:0!important;
}

@media(min-width:1441px){
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-nav-menu{
    gap:clamp(7px,.6vw,12px)!important;
  }
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item{font-size:13px!important}
}
@media(max-width:1280px){
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-nav-menu{gap:4px!important}
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item{font-size:11.5px!important}
}
@media(max-width:1080px){
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-nav-menu{gap:3px!important}
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item{font-size:11px!important}
}
@media(max-width:980px) and (min-width:768px){
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-nav-menu{
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:6px 16px!important;
    white-space:normal!important;
  }
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item{
    font-size:13px!important;
    white-space:normal!important;
  }
}

/* 手機：使用 Elementor 原生 burger，但外觀比照原版 */
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-menu-toggle{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#6f3c20!important;
  box-shadow:none!important;
}
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-menu-toggle:hover,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-menu-toggle:focus{
  background:transparent!important;
  color:#6f3c20!important;
  box-shadow:none!important;
}
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-menu-toggle svg{
  width:23px!important;
  height:23px!important;
  fill:currentColor!important;
}

@media(max-width:767px){
  .elementor-36039 .elementor-element.elementor-element-77d04711{position:static!important;width:auto!important;min-width:34px!important}
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-widget-container{position:static!important;width:auto!important}
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-menu-toggle:not(.elementor-active) + nav.elementor-nav-menu__container{
    display:none!important;
  }
  .elementor-36039 .elementor-element.elementor-element-77d04711 nav.elementor-nav-menu--dropdown{
    position:absolute!important;
    z-index:99999!important;
    top:100%!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:100vw!important;
    max-width:100vw!important;
    max-height:min(70vh,560px)!important;
    max-height:min(70dvh,calc(100dvh - 112px),560px)!important;
    margin:0!important;
    padding:6px 14px 18px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#fffdf9!important;
    border-top:1px solid #ead8c8!important;
    border-bottom:1px solid #ead8c8!important;
    box-shadow:0 18px 36px rgba(81,47,26,.14)!important;
  }
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--dropdown .elementor-nav-menu{
    width:100%!important;
    max-width:600px!important;
    margin:0 auto!important;
    padding:0!important;
  }
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--dropdown .elementor-nav-menu > li{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border-bottom:1px solid #eee0d2!important;
    background:#fffdf9!important;
  }
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--dropdown .elementor-item{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:42px!important;
    margin:0!important;
    padding:10px 4px!important;
    border:0!important;
    background:transparent!important;
    color:#6f452a!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.4!important;
    white-space:normal!important;
  }
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--dropdown .sub-menu{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:4px 0 8px 12px!important;
    border:0!important;
    border-radius:0!important;
    background:#fffaf4!important;
    box-shadow:none!important;
  }
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item,
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--dropdown .sub-menu a{
    padding:8px 7px!important;
    color:#664331!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.45!important;
    white-space:normal!important;
  }
}

/* SX DESKTOP MENU FLASH FIX
   Keep submenu geometry/design unchanged; disable visual transition/animation flashes. */
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .sub-menu{
  transition:none!important;
  animation:none!important;
}


/* === SX MENU TEXT POSITION LOCK v2 ===
   The active/highlighted state must never change text metrics. */
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item:hover,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item:focus,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item.highlighted,
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-item.elementor-item-active{
  margin-left:0!important;
  margin-right:0!important;
  font-weight:700!important;
  letter-spacing:.01em!important;
  transform:none!important;
}
.elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main .elementor-nav-menu > li{
  flex:0 0 auto!important;
}


/* === SX DESKTOP SUB-ARROW WIDTH LOCK v3 ===
   Prevent SmartMenus arrow injection from changing total menu width. */
@media(min-width:768px){
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item{
    position:relative!important;
    padding-left:1px!important;
    padding-right:14px!important;
  }

  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item > .sub-arrow{
    position:absolute!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    border:0!important;
  }

  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item::before{
    content:""!important;
    position:absolute!important;
    right:2px!important;
    top:50%!important;
    width:5px!important;
    height:5px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-right:1.4px solid #9a6b4d!important;
    border-bottom:1.4px solid #9a6b4d!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:translateY(-68%) rotate(45deg)!important;
    transform-origin:center!important;
    opacity:1!important;
    pointer-events:none!important;
  }

  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item:hover,
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item:focus,
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item.highlighted,
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item.elementor-item-active{
    padding-left:1px!important;
    padding-right:14px!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }
}


/* === SX DESKTOP ARROW POSITION FINAL v4 ===
   Stable right-side arrow. Keep menu text width/position locked. */
@media(min-width:768px){
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item{
    position:relative!important;
    padding-left:1px!important;
    padding-right:14px!important;
    background-color:transparent!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239a6b4d' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-size:8px 5px!important;
    background-position:right 2px center!important;
  }

  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item::before{
    content:none!important;
    display:none!important;
  }

  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item .sub-arrow{
    display:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }

  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item:hover,
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item:focus,
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item.highlighted,
  .elementor-36039 .elementor-element.elementor-element-77d04711 .elementor-nav-menu--main > .elementor-nav-menu >
  li.menu-item-has-children > a.elementor-item.elementor-item-active{
    padding-left:1px!important;
    padding-right:14px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%239a6b4d' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-size:8px 5px!important;
    background-position:right 2px center!important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d7cda4b *//* 松興花苑｜原版 Header 外觀 + WordPress Menu
   原版尺寸：1180px / 88px / 190px + menu + phone
*/
.elementor-36039 .elementor-element.elementor-element-5d7cda4b{
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  height:88px!important;
  min-height:88px!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  position:relative!important;
  z-index:90!important;
  overflow:visible!important;
  background:#fffdf9!important;
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif!important;
}
.elementor-36039 .elementor-element.elementor-element-5d7cda4b::before{
  content:"";
  position:absolute;
  top:0;
  bottom:-1px;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:#fffdf9;
  border-bottom:1px solid #ead9c7;
  z-index:-1;
}
.elementor-36039 .elementor-element.elementor-element-5d7cda4b > .sx-wp-logo-widget{grid-column:1!important;height:88px!important}
.elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu{grid-column:2!important;min-width:0!important;width:100%!important}
.elementor-36039 .elementor-element.elementor-element-5d7cda4b > .sx-dynamic-actions-widget{grid-column:3!important}

@media(min-width:1441px){
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b{grid-template-columns:205px minmax(0,1fr) auto!important;gap:18px!important}
}
@media(max-width:1280px){
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b{grid-template-columns:175px minmax(0,1fr) auto!important;gap:10px!important}
}
@media(max-width:1080px){
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b{grid-template-columns:160px minmax(0,1fr) auto!important;gap:8px!important}
}
@media(max-width:980px) and (min-width:768px){
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b{
    height:auto!important;
    min-height:88px!important;
    grid-template-columns:160px minmax(0,1fr) auto!important;
  }
}
@media(max-width:767px){
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b{
    width:calc(100% - 24px)!important;
    height:64px!important;
    min-height:64px!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:8px!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .sx-wp-logo-widget{grid-column:1!important;height:64px!important}
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .sx-dynamic-actions-widget{grid-column:2!important}
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu{
    grid-column:3!important;
    width:auto!important;
    min-width:34px!important;
    position:static!important;
    justify-self:end!important;
  }
}

/* SX SMOOTH STICKY V2 */
.elementor-36039 .elementor-element.elementor-element-5d7cda4b.sx-smooth-sticky-header{
  will-change:auto;
}

.elementor-36039 .elementor-element.elementor-element-5d7cda4b.sx-smooth-sticky-header.sx-sticky-fixed{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:0!important;
  width:min(1180px,calc(100% - 48px))!important;
  max-width:1180px!important;
  margin:0!important;
  z-index:99999!important;
  opacity:1;
  transform:translate(-50%,0);
  transition:box-shadow 180ms ease-out;
}

/* Fix: do not fade/translate the header when sticky state is activated.
   This prevents the one-frame flash/jump seen after menu navigation. */
.elementor-36039 .elementor-element.elementor-element-5d7cda4b.sx-smooth-sticky-header.sx-sticky-fixed.sx-sticky-enter{
  opacity:1!important;
  transform:translate(-50%,0)!important;
}

body.admin-bar .elementor-36039 .elementor-element.elementor-element-5d7cda4b.sx-smooth-sticky-header.sx-sticky-fixed{
  top:32px!important;
}

@media(max-width:782px){
  body.admin-bar .elementor-36039 .elementor-element.elementor-element-5d7cda4b.sx-smooth-sticky-header.sx-sticky-fixed{
    top:46px!important;
  }
}

@media(max-width:767px){
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b.sx-smooth-sticky-header.sx-sticky-fixed{
    width:calc(100% - 24px)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b.sx-smooth-sticky-header.sx-sticky-fixed{
    transition:none!important;
  }
}


/* === SX MOBILE SCREENSHOT MATCH v3 === */
/* Only phones <=640px. Desktop/tablet rules above are intentionally untouched. */
@media(max-width:640px){
  /* Main white header row: exact old mobile composition. */
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    height:64px!important;
    min-height:64px!important;
    margin:0 auto!important;
    padding:8px 0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:0!important;
    overflow:visible!important;
  }

  /* Logo: same visual size as the old JSON / supplied screenshot. */
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .sx-wp-logo-widget{
    grid-column:1!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
    justify-self:start!important;
    align-self:center!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .sx-wp-logo-widget .sx-wp-logo{
    width:auto!important;
    min-width:0!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .sx-wp-logo-widget .sx-wp-logo img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:128px!important;
    max-height:46px!important;
    margin:0!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  /* Phone + LINE: mobile only, immediately before the hamburger. */
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .sx-dynamic-actions-widget{
    grid-column:2!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    justify-self:end!important;
    align-self:center!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b .sx-dynamic-desktop-phone{
    display:none!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b .sx-dynamic-mobile-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b .sx-dynamic-mobile-actions a{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#6f3c20!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b .sx-dynamic-mobile-phone{
    font-size:25px!important;
    line-height:1!important;
    transform:rotate(-8deg)!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b .sx-dynamic-mobile-line span{
    display:grid!important;
    place-items:center!important;
    width:31px!important;
    height:25px!important;
    border-radius:50%!important;
    background:#6f3c20!important;
    color:#fffaf4!important;
    font-size:7px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:-.03em!important;
    position:relative!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b .sx-dynamic-mobile-line span::after{
    content:""!important;
    position:absolute!important;
    right:2px!important;
    bottom:-3px!important;
    border-width:4px 0 0 5px!important;
    border-style:solid!important;
    border-color:transparent transparent transparent #6f3c20!important;
  }

  /* Dynamic WordPress Menu stays dynamic; only its mobile trigger position/appearance changes. */
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu{
    grid-column:3!important;
    grid-row:1!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
    justify-self:end!important;
    align-self:center!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu > .elementor-widget-container{
    position:static!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  /* Old-style three horizontal lines. */
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu .elementor-menu-toggle{
    position:relative!important;
    display:block!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#6f3c20!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu .elementor-menu-toggle svg,
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu .elementor-menu-toggle i{
    display:none!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu .elementor-menu-toggle::before,
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu .elementor-menu-toggle::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:23px!important;
    height:2px!important;
    margin:0!important;
    background:#6f3c20!important;
    border:0!important;
    border-radius:2px!important;
    transform-origin:center!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu .elementor-menu-toggle::before{
    transform:translate(-50%,-7px)!important;
    box-shadow:0 7px 0 #6f3c20!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu .elementor-menu-toggle::after{
    transform:translate(-50%,7px)!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu .elementor-menu-toggle.elementor-active::before{
    box-shadow:none!important;
    transform:translate(-50%,0) rotate(45deg)!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu .elementor-menu-toggle.elementor-active::after{
    transform:translate(-50%,0) rotate(-45deg)!important;
  }

  /* Dynamic drawer: same visual language as old JSON, functionality remains Elementor/WP. */
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu .elementor-menu-toggle:not(.elementor-active) + nav.elementor-nav-menu__container{
    display:none!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown{
    position:absolute!important;
    z-index:99999!important;
    top:100%!important;
    left:calc(50% - 50vw)!important;
    right:auto!important;
    transform:none!important;
    width:100vw!important;
    max-width:100vw!important;
    max-height:calc(100vh - 64px)!important;
    max-height:calc(100svh - 64px)!important;
    margin:0!important;
    padding:6px 14px 18px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    background:#fffdf9!important;
    border-top:1px solid #ead8c8!important;
    border-bottom:1px solid #ead8c8!important;
    border-radius:0!important;
    box-shadow:0 18px 36px rgba(81,47,26,.14)!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown .elementor-nav-menu{
    display:block!important;
    width:100%!important;
    max-width:600px!important;
    margin:0 auto!important;
    padding:0!important;
    background:#fffdf9!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown .elementor-nav-menu > li{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    border-bottom:1px solid #eee0d2!important;
    background:#fffdf9!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown .elementor-item{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:42px!important;
    margin:0!important;
    padding:10px 4px!important;
    border:0!important;
    background:transparent!important;
    color:#6f452a!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.4!important;
    white-space:normal!important;
    text-align:left!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown .sub-menu{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:4px 0 8px 12px!important;
    border:0!important;
    border-radius:0!important;
    background:#fffaf4!important;
    box-shadow:none!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown .sub-menu .elementor-sub-item,
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown .sub-menu a{
    padding:8px 7px!important;
    color:#664331!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.45!important;
    white-space:normal!important;
  }
}

@media(max-width:350px){
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .sx-wp-logo-widget .sx-wp-logo img{
    max-width:116px!important;
    max-height:44px!important;
  }
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b .sx-dynamic-mobile-actions{gap:4px!important}
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b .sx-dynamic-mobile-actions a,
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu,
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu > .elementor-widget-container,
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu .elementor-menu-toggle{
    width:31px!important;
    min-width:31px!important;
    max-width:31px!important;
    height:31px!important;
  }
}

/* === SX MOBILE REMOVE EXTRA DIVIDER ONLY === */
/* 只修手機展開子選單時多出的一條水平線；桌機完全不動。 */
@media(max-width:640px){
  /* 原本 divider 掛在整個 li 上；有 submenu 時會被撐到 submenu 下方，形成浮著的多餘線。 */
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown .elementor-nav-menu > li{
    border-bottom:0!important;
  }

  /* divider 改掛在真正的頂層選單列上，位置就不會被 submenu 撐開。 */
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown .elementor-nav-menu > li > .elementor-item{
    border-bottom:1px solid #eee0d2!important;
  }

  /* 目前正在展開的父選單不顯示 divider，避免你圖中那條多餘線。 */
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown .elementor-nav-menu > li > .elementor-item.highlighted,
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown .elementor-nav-menu > li > .elementor-item[aria-expanded="true"]{
    border-bottom:0!important;
  }

  /* submenu 本身不產生額外上下線。 */
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown .sub-menu,
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown .sub-menu::before,
  .elementor-36039 .elementor-element.elementor-element-5d7cda4b > .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown .sub-menu::after{
    border-top:0!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }
}


/* === SX RELOAD POSITION INVARIANT v5 === */
.elementor-36039 .elementor-element.elementor-element-5d7cda4b.sx-smooth-sticky-header.sx-sticky-fixed,
.elementor-36039 .elementor-element.elementor-element-5d7cda4b.sx-smooth-sticky-header.sx-sticky-enter{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  margin:0 auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
}


/* === SX STRICT RELOAD FINAL INVARIANT v6 === */
.elementor-36039 .elementor-element.elementor-element-5d7cda4b.sx-smooth-sticky-header,
.elementor-36039 .elementor-element.elementor-element-5d7cda4b.sx-smooth-sticky-header.sx-sticky-fixed,
.elementor-36039 .elementor-element.elementor-element-5d7cda4b.sx-smooth-sticky-header.sx-sticky-enter{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1087e461 *//* 松興花苑｜移除 Header 元件之間 Elementor 預設 20px 空隙 */
.elementor-36039 .elementor-element.elementor-element-1087e461{
  --widgets-spacing:0px 0px!important;
  --widgets-spacing-row:0px!important;
  --widgets-spacing-column:0px!important;
  gap:0!important;
  row-gap:0!important;
  column-gap:0!important;
}/* End custom CSS */