/* ===== Sub Duck mobile fixes 2026-09-25 (by Claude) ===== */
/* 註：其他 !important 圓圈 rule 喺 Elementor Site Settings > Custom CSS */

/* 1) About Sub Duck：圓圈同下面段字之間唔好留咁多空位 */
@media (max-width: 767px) {
  .elementor-437 .elementor-element.elementor-element-a92c91c {
    --min-height: 176px;
    min-height: 176px !important;
  }
  .elementor-437 .elementor-element.elementor-element-3e6535d {
    --row-gap: 28px;
    --gap: 28px 28px;
    row-gap: 28px !important;
  }
}

/* 2) Timeline：直線對準圓圈中心（所有 breakpoint） */
.elementor-437 .elementor-element.elementor-element-3a4330d::before {
  left: calc(var(--padding-left, 10px) + 30.5px) !important;
  z-index: 0;
}
.elementor-437 .elementor-element.elementor-element-3a4330d > .e-con > .e-con:first-child {
  position: relative;
  z-index: 1;
}

/* 3) Header 向下碌時縮細 */
.elementor-4356 .elementor-element.elementor-element-87b3252 {
  transition: background-color .25s ease, box-shadow .25s ease;
}
.elementor-4356 .elementor-element.elementor-element-a5adbc1,
.elementor-4356 .elementor-element.elementor-element-a5adbc1 img {
  transition: width .25s ease;
}
.elementor-4356 .elementor-element.elementor-element-87b3252.elementor-sticky--effects {
  --min-height: 56px;
  background-color: rgba(255,255,255,.96) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.elementor-4356 .elementor-element.elementor-element-87b3252.elementor-sticky--effects .elementor-element-a5adbc1 {
  width: 110px !important;
}
@media (max-width: 767px) {
  .elementor-4356 .elementor-element.elementor-element-87b3252.elementor-sticky--effects .elementor-element-660167a {
    --flex-direction: row;
    --flex-wrap-mobile: nowrap;
    --align-items: center;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: center !important;
  }
  .elementor-4356 .elementor-element.elementor-element-87b3252.elementor-sticky--effects .elementor-element-079a0be {
    --width: auto;
    width: auto !important;
    flex: 0 0 auto !important;
    padding: 6px 0 6px 6px !important;
  }
  .elementor-4356 .elementor-element.elementor-element-87b3252.elementor-sticky--effects .elementor-element-3f97505 {
    --width: auto;
    width: auto !important;
    flex: 1 1 auto !important;
    --flex-direction: row;
    flex-direction: row !important;
    --justify-content: flex-end;
    justify-content: flex-end !important;
  }
  .elementor-4356 .elementor-element.elementor-element-87b3252.elementor-sticky--effects .elementor-element-a5adbc1 {
    width: 120px !important;
    text-align: left !important;
  }
  .elementor-4356 .elementor-element.elementor-element-87b3252.elementor-sticky--effects .elementor-element-25b0545 {
    padding: 0 !important;
  }
  .elementor-4356 .elementor-element.elementor-element-87b3252.elementor-sticky--effects .elementor-element-25b0545 .elementor-menu-toggle {
    margin: 0 0 0 auto !important;
  }
}

/* 4) Timeline mobile：文字放喺條線右邊，唔好跌落圓圈下面 */
@media (max-width: 767px) {
  .elementor-437 .elementor-element.elementor-element-3a4330d > .e-con {
    --flex-wrap-mobile: nowrap;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    column-gap: 16px !important;
  }
  .elementor-437 .elementor-element.elementor-element-3a4330d > .e-con > .e-con:last-child {
    --width: auto;
    width: auto !important;
    flex: 1 1 0 !important;
    min-width: 0;
  }
}

/* Header 收窄後用實色白底，避免下面 section 嘅大字透過嚟 */
.elementor-4356 .elementor-element.elementor-element-87b3252.elementor-sticky--effects {
  background-color: #ffffff !important;
}

/* 5) Footer：email / 電話 link 由粉紅改做黑色，hover 黃色加底線 */
.elementor-5070 .elementor-element.elementor-element-bd003bb a,
.elementor-5070 .elementor-element.elementor-element-984d846 a {
  color: #1a1a1a !important;
  text-decoration: none !important;
  transition: color .15s ease;
}
.elementor-5070 .elementor-element.elementor-element-bd003bb a:hover,
.elementor-5070 .elementor-element.elementor-element-984d846 a:hover {
  color: #f5e27a !important;
  text-decoration: underline !important;
}

/* 6) Footer mobile：nav 唔要灰底 active/hover，聯絡資料字體統一 */
.elementor-5070 .elementor-element.elementor-element-9e83db7 .elementor-nav-menu--dropdown a,
.elementor-5070 .elementor-element.elementor-element-9e83db7 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-5070 .elementor-element.elementor-element-9e83db7 .elementor-nav-menu--dropdown a.highlighted {
  background-color: transparent !important;
  color: #000000 !important;
}
.elementor-5070 .elementor-element.elementor-element-9e83db7 .elementor-nav-menu--dropdown a:hover {
  background-color: transparent !important;
  color: #F4DF7E !important;
}
@media (max-width: 767px) {
  .elementor-5070 .elementor-element.elementor-element-9e83db7 .elementor-nav-menu--dropdown a {
    padding: 10px 0 !important;
    font-size: 16px !important;
  }
  .elementor-5070 .elementor-element.elementor-element-a59aeaa {
    font-size: 18px !important;
    font-weight: 600 !important;
  }
  .elementor-5070 .elementor-element.elementor-element-0935e32,
  .elementor-5070 .elementor-element.elementor-element-bd003bb,
  .elementor-5070 .elementor-element.elementor-element-984d846 {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }
}


/* ===== 7) Sub Duck redesign components (2026-09-26) - used by Elementor CSS classes ===== */
:root{--sd-yellow:#F5E27A;--sd-orange:#E26F15;--sd-ink:#1A1A1A;--sd-ink2:#4A4A4A;--sd-muted:#7A7466;--sd-cream2:#FFF7D1;--sd-white:#fff;--sd-r:16px;--sd-shadow:0 6px 0 #1A1A1A;--sd-shadow-sm:0 3px 0 #1A1A1A;--sd-head:"Garet",sans-serif;--sd-body:"Noto Sans TC",sans-serif}
.sd-lead{font-size:clamp(17px,1.5vw,20px);color:var(--sd-ink2);line-height:1.75}
.sd-lead-center{max-width:760px;margin-left:auto!important;margin-right:auto!important;text-align:center}
.sd-h2 .elementor-heading-title{font-family:var(--sd-body);font-weight:900;font-size:clamp(28px,3.6vw,42px);line-height:1.2}
.sd-h1 .elementor-heading-title{font-family:var(--sd-body);font-weight:900;font-size:clamp(34px,5vw,56px);line-height:1.15}
.sd-h3 .elementor-heading-title{font-family:var(--sd-body);font-weight:900;font-size:clamp(19px,2vw,24px);line-height:1.25}
.sd-note{font-size:13px;color:var(--sd-muted);text-align:center}
.sd-btn .elementor-button{border-radius:999px;border:3px solid var(--sd-ink);background:var(--sd-orange);color:#fff;font-family:var(--sd-body);font-weight:700;font-size:16px;padding:14px 26px;box-shadow:var(--sd-shadow-sm);transition:transform .15s ease,box-shadow .15s ease}
.sd-btn .elementor-button:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--sd-ink);background:var(--sd-orange);color:#fff}
.sd-btn-ghost .elementor-button{border-radius:999px;border:3px solid var(--sd-ink);background:transparent;color:var(--sd-ink);font-weight:700;padding:14px 26px}
.sd-btn-ghost .elementor-button:hover{background:var(--sd-ink);color:var(--sd-yellow)}
.sd-card{background:var(--sd-white);border:3px solid var(--sd-ink);border-radius:var(--sd-r);box-shadow:var(--sd-shadow)}
.sd-card-flat{background:var(--sd-white);border:3px solid var(--sd-ink);border-radius:var(--sd-r)}
.sd-card-yellow{background:var(--sd-yellow)!important}
.sd-step{position:relative;background:var(--sd-white);border:3px solid var(--sd-ink);border-radius:var(--sd-r);counter-increment:sdstep}
.sd-steps{counter-reset:sdstep}
.sd-step::before{content:"0" counter(sdstep);position:absolute;top:-18px;left:22px;background:var(--sd-yellow);border:3px solid var(--sd-ink);border-radius:999px;padding:4px 14px;font-family:var(--sd-head);font-weight:900;font-size:14px;line-height:1.2;z-index:1}
.sd-step .elementor-heading-title{font-family:var(--sd-body);font-weight:900;font-size:20px}
.sd-step p{color:var(--sd-ink2);font-size:15px;margin:0}
.sd-svc{margin-top:6px;padding-top:12px;border-top:2px dashed var(--sd-ink);font-size:14px;line-height:1.6}
.sd-svc b{display:block;color:var(--sd-orange);font-size:13px;margin-bottom:6px}
.sd-tags{display:flex;flex-wrap:wrap;gap:8px}
.sd-tag{display:inline-block;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;border:2px solid var(--sd-ink);background:var(--sd-white);line-height:1.4}
.sd-check{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.sd-check li{padding-left:34px;position:relative;font-size:16px;line-height:1.6}
.sd-check li::before{content:"✓";position:absolute;left:0;top:2px;width:24px;height:24px;border-radius:50%;background:var(--sd-yellow);border:2px solid var(--sd-ink);font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center}
.sd-check.sd-x li::before{content:"✕";background:var(--sd-white)}
.sd-belief{list-style:none;padding:0;margin:0;display:grid;gap:20px}
.sd-belief li{padding-left:30px;position:relative}
.sd-belief li::before{content:"";position:absolute;left:0;top:10px;width:14px;height:14px;border-radius:50%;background:var(--sd-orange);border:2px solid var(--sd-ink)}
.sd-belief b{display:block;font-size:17px;margin-bottom:4px}
.sd-belief p{margin:0;color:var(--sd-ink2);font-size:16px}
.sd-showcase{position:relative;overflow:hidden}
.sd-showcase::before{content:"";position:absolute;top:-120px;right:-120px;width:360px;height:360px;border-radius:50%;background:var(--sd-yellow);z-index:0}
.sd-showcase > .e-con-inner,.sd-showcase > *{position:relative;z-index:1}
.sd-vlabel{position:absolute;top:40px;right:40px;z-index:2;writing-mode:vertical-rl;font-family:var(--sd-head);font-weight:900;font-size:clamp(28px,3.4vw,44px);letter-spacing:.3em;border:3px solid var(--sd-ink);padding:26px 10px;line-height:1;color:var(--sd-ink)}
.sd-vlabel small{display:block;font-family:var(--sd-body);font-weight:900;font-size:14px;letter-spacing:.2em;margin-top:18px}
.sd-shot{border:3px solid var(--sd-ink);background:var(--sd-white);box-shadow:var(--sd-shadow);overflow:hidden;border-radius:6px}
.sd-shot img{width:100%;height:100%;object-fit:cover;display:block}
.sd-strip{display:flex;gap:32px;align-items:flex-start;overflow-x:auto;padding:20px 8px 40px;scroll-snap-type:x mandatory;scrollbar-width:none}
.sd-strip::-webkit-scrollbar{display:none}
.sd-strip .sd-shot{flex:0 0 auto;width:min(520px,78vw);scroll-snap-align:start}
.sd-strip .sd-shot:nth-child(even){margin-top:56px}
.sd-strip .sd-shot.sq{aspect-ratio:1/1}
.sd-strip .sd-shot.tall{width:min(320px,60vw);aspect-ratio:9/16}
.sd-strip .sd-shot[hidden]{display:none}
.sd-caption{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;font-size:14px;color:var(--sd-ink2)}
.sd-caption b{font-family:var(--sd-body);font-weight:900;font-size:22px;color:var(--sd-ink);border-bottom:3px solid var(--sd-ink);padding-bottom:4px}
.sd-tabs{display:flex;flex-wrap:wrap;gap:10px}
.sd-tab{color:var(--sd-ink)!important;padding:10px 20px;border:3px solid var(--sd-ink);border-radius:999px;background:var(--sd-white);font-weight:700;cursor:pointer;font-size:15px;font-family:var(--sd-body)}
.sd-tab.is-active{background:var(--sd-ink);color:var(--sd-yellow)!important}
.sd-tab:hover{background:var(--sd-yellow)}
.sd-scribble{position:absolute;left:-10px;top:-20px;width:180px;height:160px;z-index:2;pointer-events:none}
@media (max-width:1024px){.sd-vlabel{display:none}.sd-showcase::before{width:220px;height:220px;top:-80px;right:-80px}.sd-strip .sd-shot:nth-child(even){margin-top:24px}}
.sd-post{background:var(--sd-white);border:3px solid var(--sd-ink);border-radius:var(--sd-r);box-shadow:var(--sd-shadow);overflow:hidden}
.sd-post .sd-thumb img{transition:transform .3s ease}
.sd-post:hover .sd-thumb img{transform:scale(1.04)}
.sd-post-title .elementor-heading-title{font-family:var(--sd-body);font-weight:900;font-size:20px;line-height:1.45}
.sd-post-meta{font-size:13px;color:var(--sd-muted);border-top:2px dashed var(--sd-ink);padding-top:10px}
.sd-subscribe input[type="email"]{border:3px solid var(--sd-ink)!important;border-radius:999px!important;padding:14px 20px!important;font-family:var(--sd-body)!important;font-size:16px!important;background:#fff!important}
.sd-q{background:var(--sd-white);border:3px solid var(--sd-ink);border-radius:22px;box-shadow:none;position:relative;margin-bottom:14px}
.e-con.sd-q::after{content:"";position:absolute;left:30px;bottom:-17px;width:26px;height:26px;background:var(--sd-white);border-right:3px solid var(--sd-ink);border-bottom:3px solid var(--sd-ink);transform:rotate(45deg);border-radius:0 0 4px 0}
.sd-q .elementor-heading-title{font-family:var(--sd-body);font-weight:900;font-size:18px;line-height:1.45}
.sd-qnum{width:40px;height:40px;border-radius:50%;background:var(--sd-yellow);border:3px solid var(--sd-ink);display:flex;align-items:center;justify-content:center;font-family:var(--sd-head);font-weight:900;font-size:14px}
.sd-down{width:72px;height:72px;border-radius:50%;background:var(--sd-yellow);border:3px solid var(--sd-ink);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;box-shadow:var(--sd-shadow-sm);margin:-36px auto 0;position:relative;z-index:2;animation:sd-bob 1.6s ease-in-out infinite}
@keyframes sd-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
.sd-tl{position:relative;max-width:760px;margin:0 auto}
.sd-tl::before{content:"";position:absolute;left:31px;top:20px;bottom:20px;border-left:3px solid var(--sd-orange)}
.sd-tl .sd-item{position:relative;display:flex;gap:28px;align-items:flex-start;padding:16px 0 40px}
.sd-tl .sd-num{position:relative;z-index:1;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:var(--sd-yellow);border:3px solid var(--sd-ink);display:flex;align-items:center;justify-content:center;font-family:var(--sd-head);font-weight:900;font-size:20px}
.sd-tl h3{font-family:var(--sd-body);font-weight:900;font-size:22px;margin:12px 0 8px}
.sd-tl p{margin:0;color:var(--sd-ink2);font-size:16px}
@media (max-width:767px){.sd-tl::before{left:23px}.sd-tl .sd-num{flex-basis:48px;width:48px;height:48px;font-size:16px}.sd-tl .sd-item{gap:18px}}
.sd-lp-footer{background:var(--sd-ink);color:#FCF8EC;font-size:13px;line-height:1.8}
.sd-lp-footer a{color:var(--sd-yellow);text-decoration:none}
.sd-sticky{display:none}
@media (max-width:767px){.sd-sticky{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 12px;background:rgba(255,253,247,.98);border-top:3px solid var(--sd-ink)}.sd-sticky a{display:flex;justify-content:center;padding:14px 12px;border-radius:999px;border:3px solid var(--sd-ink);font-weight:800;font-size:15px;text-decoration:none;color:#fff;background:var(--sd-orange)}.sd-sticky a.y{background:var(--sd-yellow);color:var(--sd-ink)}body.sd-lp{padding-bottom:84px}body.sd-lp .sd-float-cta{display:none}}
.sd-logo-strip img{height:72px;width:auto;object-fit:contain}
.sd-embed-note{font-size:13px;color:var(--sd-muted);text-align:center}

/* 7b) redesign fixes */
.sd-h1 .elementor-heading-title,.sd-h2 .elementor-heading-title,.sd-h3 .elementor-heading-title,.sd-step .elementor-heading-title,.sd-post-title .elementor-heading-title,.sd-q .elementor-heading-title{color:#1A1A1A}
.sd-showcase::before{content:none}
.sd-corner{position:absolute;top:-120px;right:-120px;width:360px;height:360px;border-radius:50%;background:var(--sd-yellow);z-index:0;pointer-events:none}
.sd-showcase .elementor-widget-html{position:static}
.sd-showcase > .e-con-inner{position:relative;z-index:1}
.sd-lead p{margin:0}
@media (max-width:1024px){.sd-corner{width:220px;height:220px;top:-80px;right:-80px}}

/* 7c) specificity fixes */
.sd-h1 .elementor-heading-title{font-family:var(--sd-body)!important;font-weight:900!important;font-size:clamp(34px,5vw,56px)!important;line-height:1.15!important;color:#1A1A1A!important}
.sd-h2 .elementor-heading-title{font-family:var(--sd-body)!important;font-weight:900!important;font-size:clamp(28px,3.6vw,42px)!important;line-height:1.2!important;color:#1A1A1A!important}
.sd-h3 .elementor-heading-title,.sd-step .elementor-heading-title,.sd-post-title .elementor-heading-title,.sd-q .elementor-heading-title{font-family:var(--sd-body)!important;font-weight:900!important;color:#1A1A1A!important}
.sd-step .elementor-heading-title{font-size:20px!important}
.sd-belief b,.sd-check li,.sd-svc,.sd-caption{color:#1A1A1A}
.sd-belief p,.sd-step p{color:#4A4A4A!important}

/* 7d) step badge vs Elementor container ::before overlay */
.e-con.sd-step::before{content:"0" counter(sdstep)!important;position:absolute!important;inset:auto!important;top:-18px!important;left:22px!important;width:auto!important;height:auto!important;display:inline-block!important;opacity:1!important;mix-blend-mode:normal!important;background:var(--sd-yellow)!important;border:3px solid var(--sd-ink)!important;border-radius:999px!important;padding:4px 14px!important;font-family:var(--sd-head)!important;font-weight:900!important;font-size:14px!important;line-height:1.2!important;color:var(--sd-ink)!important;z-index:2!important;transition:none!important}
.e-con.sd-showcase::before{content:none!important}

/* 7e) works gallery, blog, contact, LP */
.sd-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;grid-auto-flow:dense}
.sd-g{border:3px solid var(--sd-ink);border-radius:var(--sd-r);overflow:hidden;background:var(--sd-white);box-shadow:var(--sd-shadow);position:relative;transition:transform .15s ease,box-shadow .15s ease;display:block}
.sd-g:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--sd-ink)}
.sd-g img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease;display:block}
.sd-g:hover img{transform:scale(1.04)}
.sd-g .sd-tag{position:absolute;top:12px;left:12px}
.sd-tag--y{background:var(--sd-yellow)!important}
.sd-g--sq{aspect-ratio:1/1}
.sd-g--tall{grid-row:span 2;aspect-ratio:9/16}
.sd-g[hidden]{display:none}
.sd-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.sd-play span{width:64px;height:64px;border-radius:50%;background:var(--sd-white);border:3px solid var(--sd-ink);display:flex;align-items:center;justify-content:center;font-size:22px;padding-left:4px;box-shadow:var(--sd-shadow-sm)}
@media (max-width:1024px){.sd-gallery{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.sd-gallery{grid-template-columns:1fr 1fr;gap:12px}}
/* blog: Elementor posts widget restyle */
.sd-posts .elementor-post{background:var(--sd-white);border:3px solid var(--sd-ink);border-radius:var(--sd-r);box-shadow:var(--sd-shadow);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
.sd-posts .elementor-post:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--sd-ink)}
.sd-posts .elementor-post__thumbnail__link{border-bottom:3px solid var(--sd-ink);margin:0}
.sd-posts .elementor-post__thumbnail img{transition:transform .3s ease}
.sd-posts .elementor-post:hover .elementor-post__thumbnail img{transform:scale(1.04)}
.sd-posts .elementor-post__text{padding:20px 22px 22px}
.sd-posts .elementor-post__title,.sd-posts .elementor-post__title a{font-family:var(--sd-body)!important;font-weight:900!important;font-size:19px!important;line-height:1.45!important;color:var(--sd-ink)!important}
.sd-posts .elementor-post__excerpt p{font-size:16px;color:var(--sd-ink2)}
.sd-featured .elementor-post__excerpt p{font-size:18px!important}
.sd-posts .elementor-post__meta-data{font-size:14px;color:var(--sd-muted);border-top:0;padding-top:6px;margin-top:8px}
.sd-featured .elementor-post__meta-data{font-size:15px!important}
.sd-featured .elementor-post__read-more{font-size:17px}
.sd-posts .elementor-post__read-more{font-weight:700;color:var(--sd-orange)}
.sd-posts .elementor-post[hidden]{display:none}
.sd-featured .elementor-post{display:grid;grid-template-columns:1.15fr 1fr;gap:44px;align-items:center;background:transparent;border:0;box-shadow:none;transform:none!important}
.sd-featured .elementor-post__thumbnail__link{border:3px solid var(--sd-ink);border-radius:6px;box-shadow:var(--sd-shadow);overflow:hidden;background:#fff}
.sd-featured .elementor-post__title,.sd-featured .elementor-post__title a{font-size:clamp(26px,3vw,36px)!important;line-height:1.25!important}
.sd-featured .elementor-post__text::before{content:"最新文章";display:inline-block;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;border:2px solid var(--sd-ink);background:var(--sd-orange);color:#fff;margin-bottom:12px}
@media (max-width:1024px){.sd-featured .elementor-post{grid-template-columns:1fr}}
.sd-subscribe .elementor-field-group{flex:1}
.sd-subscribe .elementor-button{border-radius:999px!important;border:3px solid var(--sd-ink)!important;background:var(--sd-orange)!important;font-weight:700!important;padding:14px 26px!important;box-shadow:var(--sd-shadow-sm)}
/* contact */
.sd-map iframe{border:3px solid var(--sd-ink);border-radius:var(--sd-r)}
.sd-links a{font-weight:700;text-decoration:none;color:var(--sd-ink)}
.sd-links a:hover{color:var(--sd-orange)}
.sd-links small{font-weight:400;color:var(--sd-muted);margin-left:8px}
.sd-wa .elementor-heading-title a{font-family:var(--sd-head);font-weight:900;font-size:24px;color:var(--sd-ink)}
/* accordion */
.sd-faq .elementor-accordion .elementor-accordion-item{border:3px solid var(--sd-ink)!important;border-radius:var(--sd-r);background:var(--sd-white);margin-bottom:12px;overflow:hidden}
.sd-faq .elementor-accordion .elementor-tab-title{font-family:var(--sd-body);font-weight:900;font-size:17px;padding:18px 22px;border:0!important}
.sd-faq .elementor-accordion .elementor-tab-content{padding:0 22px 20px;border:0!important;color:var(--sd-ink2)}
.sd-faq .elementor-accordion-icon{color:var(--sd-orange)!important}
/* LP */
.sd-lp-header{border-bottom:2px solid var(--sd-ink);background:#FFFDF7}
.sd-lp h1.elementor-heading-title,.sd-lp .sd-h1 .elementor-heading-title{font-size:clamp(34px,4.8vw,58px)!important}
.sd-float-cta{position:fixed;right:20px;bottom:24px;z-index:9998;display:inline-block;padding:13px 22px;border-radius:999px;background:#E26F15;color:#fff!important;border:3px solid #1A1A1A;font-weight:800;font-size:16px;line-height:1;text-decoration:none!important;box-shadow:0 4px 14px rgba(0,0,0,.18);animation:sd-bounce 1.6s ease-in-out infinite}
@keyframes sd-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}

/* 7f) polish */
#sd-featured > .e-con-inner{padding-right:170px}
@media (max-width:1024px){#sd-featured > .e-con-inner{padding-right:0}}
.sd-faq .elementor-accordion .elementor-tab-title a,.sd-faq .elementor-accordion .elementor-tab-title.elementor-active a{color:#1A1A1A!important}
.sd-lp-footer > .e-con-inner{padding-right:200px}
@media (max-width:767px){.sd-lp-footer > .e-con-inner{padding-right:0}}
.sd-featured .elementor-post__thumbnail img{width:100%;height:auto;display:block}

/* 7g) colour fixes */
.sd-lead,.sd-lead p{color:#4A4A4A!important}
.sd-play span,.sd-g .sd-tag,.sd-tag{color:#1A1A1A}
.sd-posts .elementor-post__read-more{color:#E26F15!important}
.sd-links a{color:#1A1A1A!important}

/* 7h) round-3 feedback */
.sd-corner,.sd-vlabel,.sd-scribble{display:none!important}
#sd-featured > .e-con-inner{padding-right:0!important}
.sd-flow .sd-step{position:relative}
.sd-flow .sd-step:not(:first-child)::after{content:"→";position:absolute;left:-34px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:900;color:#1A1A1A;line-height:1}
@media (max-width:1024px){.sd-flow .sd-step::after{display:none!important}}
.sd-kicker .elementor-heading-title{font-family:var(--sd-head)!important;font-weight:900!important;font-size:14px!important;letter-spacing:.18em;text-transform:uppercase;color:#E26F15!important}
.sd-logos .elementor-widget-image-carousel .elementor-widget-container{margin:0!important}
.sd-logos .elementor-image-carousel img,.sd-logos .swiper-slide img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain;margin:0 auto}
.sd-logos .swiper-slide{display:flex;align-items:center;justify-content:center}
.sd-card-flat p,.sd-card-flat .elementor-widget-text-editor,.sd-card p,.sd-card .elementor-widget-text-editor{color:#4A4A4A!important}
.sd-subscribe .elementor-form-fields-wrapper{display:flex!important;flex-wrap:nowrap!important;gap:12px;align-items:stretch}
.sd-subscribe .elementor-field-group{flex:1 1 auto!important;width:auto!important;max-width:none!important;padding:0!important}
.sd-subscribe .elementor-field-type-submit{flex:0 0 auto!important;width:auto!important}
.sd-subscribe input[type="email"]{min-width:320px;height:52px}
.sd-subscribe .elementor-button{white-space:nowrap;height:52px;writing-mode:horizontal-tb!important}
@media (max-width:767px){.sd-subscribe .elementor-form-fields-wrapper{flex-wrap:wrap!important}.sd-subscribe input[type="email"]{min-width:0;width:100%}}
.sd-tabs.center{justify-content:center}
.sd-online{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sd-online .box{background:#fff;border:3px solid #1A1A1A;border-radius:16px;padding:26px 28px;box-shadow:0 6px 0 #1A1A1A}
.sd-online .box h3{font-family:var(--sd-body);font-weight:900;font-size:22px;margin:0 0 14px;color:#1A1A1A}
.sd-online .box ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sd-online .box li{padding-left:26px;position:relative;font-size:16px;color:#1A1A1A}
.sd-online .box li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:12px;border-radius:50%;background:#E26F15;border:2px solid #1A1A1A}
@media (max-width:767px){.sd-online{grid-template-columns:1fr}}
.sd-g--tall img{object-position:center top}

/* 7i: round-5 */
.sd-report .sd-check li{font-size:18px;line-height:1.5}
.sd-report .sd-check{gap:14px}
.sd-lp-header .elementor-widget-image{width:auto}
.sd-lp-social{display:flex;gap:14px;align-items:center}
.sd-lp-social a{display:block;width:34px;height:34px;transition:transform .15s ease}
.sd-lp-social a:hover{transform:translateY(-2px)}
.sd-lp-social img{width:100%;height:100%;object-fit:contain;display:block}
.sd-vs-sec{background:#FFF7D1}
.sd-vs{display:grid;gap:12px;font-family:var(--sd-body);max-width:960px;margin:0 auto}
.sd-vs-head,.sd-vs-row{display:grid;grid-template-columns:120px 1fr 1fr;gap:12px;align-items:stretch}
.sd-vs-head>div{font-weight:900;font-size:18px;text-align:center;padding:12px;border-radius:999px;color:var(--sd-ink)}
.sd-vs-head .sd-vs-sub{background:var(--sd-yellow);border:3px solid var(--sd-ink)}
.sd-vs-head .sd-vs-trad{background:#EDEDED;border:3px solid var(--sd-ink)}
.sd-vs-row>div{padding:16px 18px;border-radius:14px;font-size:16px;line-height:1.6;color:var(--sd-ink)}
.sd-vs-row .sd-vs-cat{font-weight:900;display:flex;align-items:center;justify-content:center;background:var(--sd-white);border:3px solid var(--sd-ink)}
.sd-vs-row .sd-vs-sub{background:var(--sd-white);border:3px solid var(--sd-ink);box-shadow:var(--sd-shadow-sm);font-weight:700}
.sd-vs-row .sd-vs-trad{background:#F4F4F4;border:3px solid #CFCFCF;color:#6A6A6A}
@media (max-width:767px){.sd-vs-head,.sd-vs-row{grid-template-columns:1fr}.sd-vs-head>div:first-child{display:none}.sd-vs-row .sd-vs-cat{border-radius:999px;padding:8px}}

.sd-lp-header>.e-con-inner{display:flex;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:nowrap}

.sd-flow .sd-step:not(:first-child)::after{content:none!important;display:none!important}

/* 7j */
.e-con.sd-q{justify-content:center!important;align-items:center!important;text-align:center}
.sd-q .elementor-widget-heading{width:100%}
.sd-q .elementor-heading-title{text-align:center!important}
.sd-faq .elementor-tab-content,.sd-faq .elementor-tab-content p,.elementor-accordion .elementor-tab-content,.elementor-accordion .elementor-tab-content p{color:#4A4A4A!important;font-size:16px;line-height:1.7}

/* 7k: happy share */
.sd-featured .elementor-post:hover,.sd-featured .elementor-post{box-shadow:none!important;transform:none!important}
.sd-posts:not(.sd-featured) .elementor-posts-container{align-items:stretch}
.sd-posts:not(.sd-featured) .elementor-post{display:flex;flex-direction:column;height:100%}
.sd-posts:not(.sd-featured) .elementor-post__text{flex:1;display:flex;flex-direction:column}
.sd-posts:not(.sd-featured) .elementor-post__excerpt{flex:1}
.sd-posts:not(.sd-featured) .elementor-post__excerpt p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sd-posts:not(.sd-featured) .elementor-post__read-more{margin-top:auto}
.sd-tabs .sd-tab,.sd-tabs button.sd-tab,.elementor-widget-html .sd-tab{color:#1A1A1A!important}
.sd-tabs .sd-tab.is-active{color:#F5E27A!important}

/* 7l: happy share round 6 */
.sd-featured .elementor-post__thumbnail__link{border-radius:14px!important;overflow:hidden!important;box-shadow:6px 6px 0 #1A1A1A!important}
.sd-featured .elementor-post__thumbnail,.sd-featured .elementor-post__thumbnail img{border-radius:0!important;display:block}
.sd-featured .elementor-post__text::before{font-size:15px!important;padding:6px 16px!important}
.sd-posts .elementor-post__text,.sd-posts .elementor-post__text *{font-family:"Noto Sans TC",sans-serif!important}
.sd-posts .elementor-post__meta-data{font-size:14px!important;color:#6A6A6A!important}
.sd-posts .elementor-post__excerpt p{font-size:16px!important;line-height:1.7!important;color:#4A4A4A!important}
.sd-posts .elementor-post__read-more{font-size:16px!important;font-weight:700!important;color:#E26F15!important}
.sd-featured .elementor-post__read-more{font-size:18px!important}

/* 7m: form subtitle */
#brand-audit .elementor-widget-text-editor .elementor-widget-container,#cta .elementor-widget-text-editor .elementor-widget-container,#form > .e-con-inner > .elementor-widget-text-editor .elementor-widget-container{font-size:19px!important;letter-spacing:.1em}

/* 7n: privacy policy page 5571 */
body.page-id-5571{background:#FFF7D1}
.page-id-5571 .site-main{max-width:860px;margin:64px auto 96px;padding:56px 64px;background:#fff;border:3px solid #1A1A1A;border-radius:16px;box-shadow:8px 8px 0 #1A1A1A;font-family:"Noto Sans TC",sans-serif}
.page-id-5571 .page-header{margin:0 0 28px;padding:0 0 22px;border-bottom:3px solid #1A1A1A}
.page-id-5571 .entry-title{font-family:"Noto Sans TC",sans-serif!important;font-weight:900!important;font-size:clamp(30px,4vw,42px)!important;line-height:1.2;color:#1A1A1A!important;margin:0;position:relative;display:inline-block}
.page-id-5571 .entry-title::after{content:"";display:block;height:12px;background:#F5E27A;margin-top:-16px;margin-left:-4px;margin-right:-4px;position:relative;z-index:-1}
.page-id-5571 .page-content>p:first-child{font-size:17px;color:#4A4A4A;line-height:1.9;margin:0 0 34px}
.page-id-5571 .page-content h3{font-family:"Noto Sans TC",sans-serif!important;font-weight:900!important;font-size:20px!important;color:#1A1A1A!important;margin:30px 0 10px;padding-left:16px;border-left:6px solid #E26F15;line-height:1.3}
.page-id-5571 .page-content p{font-size:16px;line-height:1.9;color:#4A4A4A;margin:0 0 12px}
.page-id-5571 .page-content a{color:#E26F15;font-weight:700;text-decoration:none;border-bottom:2px solid #F5E27A}
.page-id-5571 .page-content a:hover{background:#F5E27A}
.page-id-5571 .page-content>p:last-child{margin-top:34px;padding-top:18px;border-top:2px dashed #1A1A1A;font-size:14px;color:#8A8A8A}
@media (max-width:767px){.page-id-5571 .site-main{margin:24px 16px 60px;padding:28px 22px;box-shadow:5px 5px 0 #1A1A1A}}

/* 7o: home + round 7 */
@media (min-width:1025px){.elementor-437 .elementor-element-662e1f4{width:auto!important;max-width:100%;flex:0 0 auto}.elementor-437 .elementor-element-78fb862 .elementor-heading-title{white-space:nowrap;font-size:50px!important}}
.elementor-437 .elementor-element-a97cafc .elementor-button,.elementor-437 .elementor-element-0a08c89 .elementor-button{background:#E26F15!important;color:#fff!important;border:3px solid #1A1A1A!important;border-radius:999px!important;font-family:"Noto Sans TC",sans-serif!important;font-weight:700!important;font-size:18px!important;padding:14px 28px!important;box-shadow:0 3px 0 #1A1A1A!important;transition:transform .15s ease,box-shadow .15s ease!important;animation:none!important}
.elementor-437 .elementor-element-a97cafc .elementor-button:hover,.elementor-437 .elementor-element-0a08c89 .elementor-button:hover{transform:translateY(-2px);box-shadow:0 5px 0 #1A1A1A!important;animation:none!important;background:#E26F15!important;color:#fff!important}
.elementor-437 .elementor-element-b0d7867,.elementor-437 .elementor-element-216c6ec{border-width:3px!important}
.elementor-437 .elementor-element-a6d8127 .elementor-heading-title{font-family:"Noto Sans TC",sans-serif!important;font-weight:900!important;font-size:32px!important;color:#1A1A1A!important}
.elementor-4356 .elementor-nav-menu--main a.elementor-item-active{color:#1A1A1A!important;background:linear-gradient(transparent 58%,#F5E27A 58%);padding-left:6px!important;padding-right:6px!important}
body.home .elementor-sticky__spacer{display:none!important}
body.home .elementor-4356 .elementor-element-87b3252{background-color:rgba(255,255,255,0);transition:background-color .3s}
@supports (animation-timeline: scroll()){body.home .elementor-4356 .elementor-element-87b3252{animation:sd-hdr linear both;animation-timeline:scroll(root);animation-range:0 260px}}
@keyframes sd-hdr{from{background-color:rgba(255,255,255,0)}to{background-color:rgba(255,255,255,1)}}
@media (min-width:1025px){.sd-flow .sd-step .elementor-heading-title{white-space:nowrap;font-size:16px!important}}
.sd-posts .elementor-post__thumbnail img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important}
.page-id-490 #cta .wave-wrapper path,.page-id-483 #cta .wave-wrapper path{fill:#FFF7D1}
.sd-gallery{display:block!important;columns:3;column-gap:22px}
.sd-gallery>a{display:block;break-inside:avoid;margin:0 0 22px;width:100%}
.sd-gallery>a[hidden]{display:none!important}
@media (max-width:1024px){.sd-gallery{columns:2}}
@media (max-width:767px){.sd-gallery{columns:2;column-gap:12px}.sd-gallery>a{margin-bottom:12px}}

/* 7p */
.elementor-4356 .elementor-nav-menu--main a.elementor-item-active{color:#1A1A1A!important;font-weight:700!important;background:linear-gradient(transparent 72%,#E26F15 72%)!important;padding-left:6px!important;padding-right:6px!important}
.sd-gallery{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:22px;columns:auto!important}
.sd-gallery>a{margin:0!important;aspect-ratio:1/1!important;grid-row:auto!important}
.sd-gallery>a img{width:100%;height:100%;object-fit:cover}
@media (max-width:1024px){.sd-gallery{grid-template-columns:repeat(3,1fr)!important}}
@media (max-width:767px){.sd-gallery{grid-template-columns:repeat(2,1fr)!important;gap:12px}}
.sd-map,.sd-map .elementor-widget-container,.sd-map .elementor-custom-embed{height:100%;flex:1;display:flex;flex-direction:column}
.sd-map iframe{flex:1;min-height:260px;height:100%!important}

/* 7q nav active */
.elementor-4356 .elementor-nav-menu--main a.elementor-item-active{background:none!important;color:#1A1A1A!important;font-weight:700!important;text-decoration:underline!important;text-decoration-color:#E26F15!important;text-decoration-thickness:3px!important;text-underline-offset:5px!important;padding-left:0!important;padding-right:0!important}

/* 7r contact cards */
.elementor-483 .elementor-element-a62d388{align-items:stretch!important}
.elementor-483 .elementor-element-acd11dc{align-self:stretch;display:flex;flex-direction:column}
.elementor-483 .elementor-element-acd11dc>.e-con{flex:1 1 0;justify-content:center}

/* 7s LP mobile */
@media (max-width:767px){
.elementor-5570 .e-con.e-parent>.e-con-inner{padding-left:20px!important;padding-right:20px!important}
.elementor-5570 #form .wave-wrapper{margin-left:-20px;margin-right:-20px}
.elementor-5570 .elementor-element-98fa282{flex-wrap:wrap;justify-content:space-between;gap:10px!important}
.elementor-5570 .e-con.sd-q{width:48%!important;margin-bottom:16px;padding:14px 10px!important;min-height:0}
.elementor-5570 .sd-q .elementor-heading-title{font-size:14px!important;line-height:1.4}
.e-con.sd-q::after{width:18px;height:18px;bottom:-12px;left:22px}
.elementor-5570 .elementor-element-e3f2d12{padding-bottom:24px!important}
.elementor-5570 #form{padding-top:0!important;margin-top:0!important}
.elementor-5570 #form .elementor-heading-title{font-size:44px!important}
.elementor-5570 .sd-lp-header>.e-con-inner{padding-left:16px!important;padding-right:16px!important}
body.sd-lp .sd-float-cta,.page-id-5570 .sd-float-cta{display:inline-block!important}
}

@media (max-width:767px){.elementor-5570 .elementor-element-98fa282{flex-direction:row!important;flex-wrap:wrap!important;justify-content:space-between}.elementor-5570 .elementor-element-98fa282>.e-con{flex:0 0 48%!important;max-width:48%}}

@media (max-width:767px){.elementor-5570 #form .wave-wrapper{width:calc(100% + 40px)!important;margin-left:-20px!important;margin-right:-20px!important}.elementor-5570 .elementor-element-8fc25d1{margin:0!important;padding:0!important;line-height:0}.elementor-5570 .elementor-element-8fc25d1 .elementor-widget-container{line-height:0}}

/* 7t */
@media (min-width:1025px){.elementor-437 .elementor-element-662e1f4 .elementor-heading-title{font-size:50px!important;line-height:1.2!important}}
.sd-featured .elementor-post__thumbnail{position:relative;padding-bottom:52.5%!important;height:0;overflow:hidden}
.sd-featured .elementor-post__thumbnail img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}

/* 7u: mobile edges + header + contact cards + about timeline */
@media (max-width:767px){
.elementor-537 .e-con.e-parent.e-con-boxed>.e-con-inner,.elementor-490 .e-con.e-parent.e-con-boxed>.e-con-inner,.elementor-519 .e-con.e-parent.e-con-boxed>.e-con-inner,.elementor-483 .e-con.e-parent.e-con-boxed>.e-con-inner{padding-left:20px!important;padding-right:20px!important}
.elementor-537 .e-con.e-parent.e-con-full,.elementor-490 .e-con.e-parent.e-con-full,.elementor-519 .e-con.e-parent.e-con-full,.elementor-483 .e-con.e-parent.e-con-full{padding-left:20px!important;padding-right:20px!important}
.elementor-537 .wave-wrapper,.elementor-490 .wave-wrapper,.elementor-519 .wave-wrapper,.elementor-483 .wave-wrapper{margin-left:-20px!important;margin-right:-20px!important;width:calc(100% + 40px)!important}
.elementor-4356 .elementor-element-87b3252,.elementor-4356 .elementor-element-87b3252.elementor-sticky--effects{background-color:#fff!important;box-shadow:none!important}
.elementor-483 .sd-card-flat{flex-direction:column!important;flex-wrap:nowrap!important;align-items:flex-start!important}
.elementor-483 .sd-card-flat>.elementor-widget,.elementor-483 .sd-card-flat>.elementor-element{width:100%!important}
.elementor-537 .elementor-element-9e8bfb9::before{left:calc(var(--padding-left,10px) + 30.5px)!important;z-index:0}
.elementor-537 .elementor-element-9e8bfb9>.e-con>.e-con:first-child{position:relative;z-index:1}
.elementor-537 .elementor-element-cd834ec,.elementor-537 .elementor-element-2aaa3a4,.elementor-537 .elementor-element-a03f0fa,.elementor-537 .elementor-element-ea1142d{flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start!important;gap:16px!important}
.elementor-537 .elementor-element-5aadfb9,.elementor-537 .elementor-element-cad9d7f,.elementor-537 .elementor-element-b95d159,.elementor-537 .elementor-element-becd803{flex:0 0 64px!important;width:64px!important;max-width:64px}
.elementor-537 .elementor-element-297d7a9,.elementor-537 .elementor-element-871e1aa,.elementor-537 .elementor-element-8671bb4,.elementor-537 .elementor-element-45e48fd{flex:1 1 0!important;width:auto!important;min-width:0}
#brand-audit .elementor-widget-text-editor .elementor-widget-container,#cta .elementor-widget-text-editor .elementor-widget-container,#audit .elementor-widget-text-editor .elementor-widget-container,.elementor-5570 #form .elementor-widget-text-editor .elementor-widget-container{font-size:15px!important;letter-spacing:.04em!important}
}

/* 7v */
@media (max-width:767px){#sd-featured > .e-con-inner{padding-right:20px!important}}

/* 7w: wave dividers + hero band + works gallery lightbox (2026-09-29) */
.elementor-437 .elementor-element.elementor-element-d2bca5c,.elementor-437 .elementor-element.elementor-element-ee1f670,.elementor-537 .elementor-element.elementor-element-cb8b84d,.elementor-537 .elementor-element.elementor-element-a2dfeb4,.elementor-537 .elementor-element.elementor-element-0f1ab5a,.elementor-490 .elementor-element.elementor-element-484e016{position:relative}
.elementor-437 .elementor-element.elementor-element-d2bca5c::after,.elementor-437 .elementor-element.elementor-element-ee1f670::after,.elementor-537 .elementor-element.elementor-element-cb8b84d::after,.elementor-537 .elementor-element.elementor-element-a2dfeb4::after,.elementor-537 .elementor-element.elementor-element-0f1ab5a::after,.elementor-490 .elementor-element.elementor-element-484e016::after{content:"";position:absolute;left:0;top:-1px;width:100%;height:100px;pointer-events:none;z-index:1;background-color:var(--sd-wv,#fff);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M1440,50 C1260,80 1080,20 900,50 C720,80 540,20 360,50 C180,80 90,20 0,50 L0,0 L1440,0 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100' preserveAspectRatio='none'%3E%3Cpath d='M1440,50 C1260,80 1080,20 900,50 C720,80 540,20 360,50 C180,80 90,20 0,50 L0,0 L1440,0 Z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.elementor-437 .elementor-element.elementor-element-d2bca5c{--sd-wv:#F5E27A}
.elementor-437 .elementor-element.elementor-element-ee1f670{--sd-wv:#FFFDF3}
.elementor-537 .elementor-element.elementor-element-cb8b84d{--sd-wv:#FFFFFF}
.elementor-537 .elementor-element.elementor-element-a2dfeb4{--sd-wv:#FFF7D1}
.elementor-537 .elementor-element.elementor-element-0f1ab5a{--sd-wv:#FFFDF3}
.elementor-490 .elementor-element.elementor-element-484e016{--sd-wv:#FFFFFF}
.elementor-437 .elementor-element.elementor-element-ee1f670,.elementor-537 .elementor-element.elementor-element-cb8b84d,.elementor-537 .elementor-element.elementor-element-a2dfeb4,.elementor-537 .elementor-element.elementor-element-0f1ab5a,.elementor-490 .elementor-element.elementor-element-484e016{padding-top:100px!important}
.elementor-490 .elementor-element.elementor-element-68b0251 .wave-wrapper path{fill:#FFF7D1}
@media (max-width:767px){.elementor-437 .elementor-element.elementor-element-d2bca5c::after,.elementor-437 .elementor-element.elementor-element-ee1f670::after,.elementor-537 .elementor-element.elementor-element-cb8b84d::after,.elementor-537 .elementor-element.elementor-element-a2dfeb4::after,.elementor-537 .elementor-element.elementor-element-0f1ab5a::after,.elementor-490 .elementor-element.elementor-element-484e016::after{height:60px}.elementor-437 .elementor-element.elementor-element-ee1f670,.elementor-537 .elementor-element.elementor-element-cb8b84d,.elementor-537 .elementor-element.elementor-element-a2dfeb4,.elementor-537 .elementor-element.elementor-element-0f1ab5a,.elementor-490 .elementor-element.elementor-element-484e016{padding-top:60px!important}}
/* hero video 底部嗰條橙色波波邊（佔片高 12-16%）：2026-09-29 改為影片貼底(bottom:-4vw)唔放大、刪 CSS 假波浪、走馬燈 margin-top:-61px 疊入影片實色橙帶 */
.elementor-437 .elementor-element.elementor-element-7e46270 .elementor-background-video-hosted{object-fit:cover;top:auto!important;bottom:-4vw!important;transform:translateX(-50%)!important}
.elementor-437 .elementor-element.elementor-element-7e46270::after{display:none!important}
/* works gallery: 原比例 + lightbox */
.sd-gallery{display:block;columns:3;column-gap:22px}
.sd-g{break-inside:avoid;margin:0 0 22px;display:block;cursor:zoom-in}
.sd-g img{height:auto;aspect-ratio:auto;object-fit:initial}
.sd-g--sq{aspect-ratio:auto}
.sd-g[data-cat="reels"]{cursor:pointer}
@media (max-width:1024px){.sd-gallery{columns:2}}
@media (max-width:767px){.sd-gallery{columns:2;column-gap:12px}.sd-g{margin-bottom:12px}}
.sd-lb{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.84);display:none;align-items:center;justify-content:center;padding:24px}
.sd-lb.is-open{display:flex}
.sd-lb__box{position:relative;display:flex;align-items:center;justify-content:center}
.sd-lb__box img{max-width:92vw;max-height:86vh;width:auto;height:auto;border:3px solid #1A1A1A;border-radius:16px;background:#fff}
.sd-lb__box iframe{border:3px solid #1A1A1A;border-radius:16px;background:#000;display:block}
.sd-lb__box.is-video iframe{height:84vh;width:calc(84vh * 9 / 16);max-width:92vw}
.sd-lb__close{position:fixed;top:18px;right:18px;width:46px;height:46px;border-radius:50%;background:#F5E27A;border:3px solid #1A1A1A;font-size:22px;font-weight:900;cursor:pointer;line-height:1;box-shadow:3px 3px 0 #1A1A1A;z-index:2;color:#1A1A1A;padding:0}

/* 7u hero 影片貼底 + 走馬燈疊入橙帶 2026-09-29 */
.elementor-437 .elementor-element.elementor-element-0e227b1{margin-top:-61px!important;position:relative;z-index:2}


/* Sub Duck category archives — 2026-10-09. Scoped to existing category pages. */
body.category { background: #FFFDF7; }
body.category main.site-main {
  width: 100%; max-width: 1180px; margin: 0 auto;
  padding: 32px 24px 72px; box-sizing: border-box; color: #1A1A1A;
  font-family: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif;
}
body.category main.site-main .page-header {
  position: relative; margin: 0 0 28px; padding: 2px 0 2px 16px;
  background: transparent; border: 0; border-left: 4px solid #EC6C0F; border-radius: 0;
  box-shadow: none;
}
body.category main.site-main .page-header h1.entry-title {
  margin: 0; color: #1A1A1A; font-size: 13px; font-weight: 700; line-height: 1.5;
}
body.category main.site-main .page-header h1.entry-title span {
  display: inline-block; margin: 0 0 0 12px; font-size: 30px;
  font-weight: 900; line-height: 1.25; letter-spacing: -.02em;
}
body.category main.site-main .archive-description {
  max-width: 680px; margin-top: 18px; font-size: 17px; line-height: 1.8;
}
body.category main.site-main .archive-description p:last-child { margin-bottom: 0; }
body.category main.site-main .page-content {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px;
}
body.category main.site-main article.post {
  display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 24px;
  background: #FFF; border: 2px solid #1A1A1A; border-radius: 20px;
  box-shadow: 0 5px 0 #1A1A1A; overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
body.category main.site-main article.post > a {
  order: -1; display: block; margin: -24px -24px 24px;
  border-bottom: 2px solid #1A1A1A; background: #F4DF7E;
}
body.category main.site-main article.post > a img {
  display: block; width: 100%; height: auto; aspect-ratio: 1200 / 628;
  object-fit: contain; margin: 0; border-radius: 0;
}
body.category main.site-main article.post h2.entry-title {
  margin: 0 0 16px; font-size: 24px; font-weight: 900; line-height: 1.45;
  overflow-wrap: anywhere;
}
body.category main.site-main article.post h2.entry-title a {
  color: #1A1A1A; text-decoration: none;
}
body.category main.site-main article.post h2.entry-title a:hover {
  color: #B34800; text-decoration: underline; text-underline-offset: 4px;
}
body.category main.site-main article.post p {
  margin: 0; color: #525252; font-size: 16px; line-height: 1.85;
}
body.category main.site-main a:focus-visible {
  outline: 3px solid #B34800; outline-offset: 4px;
}
body.category main.site-main article.post > a:focus-visible {
  outline-offset: -5px;
}
body.category main.site-main .pagination,
body.category main.site-main .posts-navigation,
body.category main.site-main .page-content > :not(article.post) { grid-column: 1 / -1; }
body.category main.site-main .pagination,
body.category main.site-main .posts-navigation { margin-top: 40px; }
body.category main.site-main .nav-links { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
body.category main.site-main .page-numbers {
  display: inline-flex; align-items: center; justify-content: center; min-width: 44px;
  min-height: 44px; padding: 8px 14px; border: 2px solid #1A1A1A;
  border-radius: 12px; color: #1A1A1A; background: #FFF; text-decoration: none;
}
body.category main.site-main .page-numbers.current { background: #F4DF7E; font-weight: 800; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  body.category main.site-main article.post:hover { transform: translateY(-3px); box-shadow: 0 8px 0 #1A1A1A; }
}
@media (max-width: 767px) {
  body.category main.site-main { padding: 24px 18px 48px; }
  body.category main.site-main .page-header { padding: 2px 0 2px 12px; margin-bottom: 24px; border-radius: 0; }
  body.category main.site-main .page-header h1.entry-title span { font-size: 26px; margin-left: 8px; }
  body.category main.site-main .page-content { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  body.category main.site-main article.post { padding: 20px; border-radius: 18px; }
  body.category main.site-main article.post > a { margin: -20px -20px 20px; }
  body.category main.site-main article.post h2.entry-title { font-size: 22px; margin-bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  body.category main.site-main article.post { transition: none; }
}
/* End Sub Duck category archives. */