/* ============================================================
   radish 國際拓銷 - Homepage
   Breakpoints (Blocksy): tablet <=999.98px / mobile <=689.98px
   Layout: full-bleed 1440 / content 1290 ; red page + cream rounded panel
   ============================================================ */
#radish-home {
  /* 品牌主色反向引用 Blocksy 佈景主題調色盤(改主題色即連動);fallback 為原色碼 */
  --red:var(--wp--preset--color--palette-color-1, #e84043);
  --red-deep:var(--wp--preset--color--palette-color-2, #d0201f);
  --red-logo:#c9302f;
  --cream:var(--wp--preset--color--palette-color-6, #f7f4ed);
  --mint:#c8ffc8;
  --sage:var(--wp--preset--color--palette-color-5, #c7e2bd);
  --sage-deep:#a9cf9c;
  --green-dark:#014131;
  --ink:var(--wp--preset--color--palette-color-3, #2b2b2b);
  --muted:#6a6a6a;
  --content:1290px; --pad:clamp(20px,4vw,48px);
  --ff:"Noto Sans TC","Noto Sans JP","PingFang TC","Microsoft JhengHei",sans-serif;
  --header-h:92px;
}
#radish-home *,#radish-home *::before,#radish-home *::after { box-sizing:border-box; }
#radish-home { -webkit-text-size-adjust:100%; scroll-behavior:smooth; overflow-x:clip; }
#radish-home { margin:0; font-family:var(--ff); color:var(--ink); background:var(--red); line-height:1.5; overflow-x:clip; }
#radish-home img { max-width:100%; display:block; height:auto; }
#radish-home a { color:inherit; text-decoration:none; }
#radish-home ul { list-style:none; margin:0; padding:0; }
#radish-home h1,#radish-home h2,#radish-home h3,#radish-home p { margin:0; }
#radish-home button { font-family:inherit; cursor:pointer; border:0; background:none; }
#radish-home .container { width:min(var(--content), 100% - 40px); margin-inline:auto; }

/* ---- buttons ---- */
#radish-home .btn { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; font-weight:700; letter-spacing:.08em; padding:.6em 1.7em; font-size:15px; transition:.25s; }
#radish-home .btn--ghost { border:1.5px solid var(--sage-deep); color:var(--sage-deep); }
#radish-home .btn--ghost:hover { background:var(--sage-deep); color:#fff; }
#radish-home .btn--solid { background:var(--red); color:#fff; }
#radish-home .btn--solid:hover { background:var(--red-deep); }

/* ---- section heading ---- */
#radish-home .sec-head { margin-bottom:30px; }
#radish-home .sec-head__title { font-size:clamp(38px,5.4vw,68px); font-weight:900; color:var(--red); line-height:1; letter-spacing:.01em; }
#radish-home .sec-head__sub { font-size:clamp(15px,1.5vw,19px); font-weight:700; color:var(--red); margin-top:10px; letter-spacing:.14em; }

/* ============================================================ HEADER */
#radish-home .site-header { position:fixed; inset:0 0 auto 0; z-index:60; height:var(--header-h); display:flex; align-items:center; transition:background .3s,box-shadow .3s; }
#radish-home .site-header.is-stuck { background:var(--red); box-shadow:0 4px 20px rgba(0,0,0,.12); }
#radish-home .header-inner { display:flex; align-items:center; gap:24px; }
#radish-home .brand-logo { position:relative; display:inline-block; }
#radish-home .brand-logo__img { width:clamp(120px,12vw,168px); display:block; }
#radish-home .brand-logo__i { position:absolute; top:-15px; right:-20px; width:clamp(26px,2.6vw,36px); }
#radish-home .main-nav { margin-left:auto; }
#radish-home .main-nav__list { display:flex; align-items:center; gap:clamp(18px,2.6vw,44px); }
#radish-home .main-nav__link { color:var(--sage); font-weight:700; font-size:clamp(15px,1.15vw,18px); letter-spacing:.12em; transition:.2s; }
#radish-home .main-nav__link:hover,#radish-home .main-nav__link.is-active { color:#fff; }
#radish-home .main-nav__link--btn { color:var(--red); background:var(--sage); border-radius:999px; padding:.5em 1.35em; }
#radish-home .main-nav__link--btn:hover { background:#fff; }
#radish-home .header-tools { display:flex; align-items:center; gap:18px; }
#radish-home .social { display:flex; gap:10px; }
#radish-home .social img { width:26px; height:26px; }
#radish-home .lang { display:flex; gap:6px; font-weight:700; font-size:15px; letter-spacing:.1em; color:rgba(255,255,255,.55); }
#radish-home .lang__item.is-active { color:#fff; }
#radish-home .lang__item:hover { color:#fff; }
#radish-home .nav-toggle { display:none; width:34px; height:26px; position:relative; }
#radish-home .nav-toggle span { position:absolute; left:0; width:100%; height:3px; background:#fff; border-radius:3px; transition:.3s; }
#radish-home .nav-toggle span:nth-child(1) { top:0; } .nav-toggle span:nth-child(2){ top:11px; } .nav-toggle span:nth-child(3){ top:22px; }
#radish-home .nav-toggle.is-open span:nth-child(1) { top:11px; transform:rotate(45deg); }
#radish-home .nav-toggle.is-open span:nth-child(2) { opacity:0; }
#radish-home .nav-toggle.is-open span:nth-child(3) { top:11px; transform:rotate(-45deg); }

/* ============================================================ HERO */
#radish-home .hero { background:var(--red); padding-top:clamp(84px,9vw,112px); padding-bottom:30px; }
#radish-home .hero-top { display:flex; gap:24px; align-items:stretch; }
#radish-home .hero-side { display:flex; flex-direction:column; justify-content:space-between; color:#fff; flex-shrink:0; }
#radish-home .hero-side__top { display:flex; align-items:flex-start; gap:10px; padding-top:4px; }
#radish-home .hero-side__col { display:flex; flex-direction:column; align-items:center; gap:12px; }
#radish-home .hero-side__cn { font-size:24px; font-weight:700; writing-mode:vertical-rl; letter-spacing:.12em; }
#radish-home .hero-side__arrow { width:2px; height:48px; background:#fff; position:relative; }
#radish-home .hero-side__arrow::after { content:""; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); border:6px solid transparent; border-top-color:#fff; }
#radish-home .hero-side__jp { font-size:18px; font-weight:700; writing-mode:vertical-rl; color:rgba(255,255,255,.9); line-height:1.5; letter-spacing:.04em; margin-top:20px; }
#radish-home .hero-badge { align-self:flex-start; background:var(--red); border:2px solid var(--sage); color:#fff; font-weight:700; font-size:clamp(17px,1.5vw,20px); line-height:1.15; text-align:center; border-radius:14px; padding:10px 12px; letter-spacing:.06em; }
#radish-home .hero-stage { position:relative; flex:1; min-width:0; }
#radish-home .hero-carousel { border-radius:24px; overflow:hidden; box-shadow:0 20px 50px rgba(0,0,0,.2); }
#radish-home .hero-carousel__track { display:flex; transition:transform .6s cubic-bezier(.4,0,.2,1); }
#radish-home .hero-slide { flex:0 0 100%; }
#radish-home .hero-slide img { width:100%; aspect-ratio:16/7; object-fit:cover; }
#radish-home .hero-dots { position:absolute; right:22px; bottom:20px; display:flex; gap:11px; z-index:4; }
#radish-home .hero-dots__dot { width:11px; height:11px; border-radius:50%; background:rgba(255,255,255,.55); transition:.2s; border:0; padding:0; box-shadow:0 1px 4px rgba(0,0,0,.25); }
#radish-home .hero-dots__dot.is-active { background:var(--sage); }
#radish-home .hero-headline { display:flex; align-items:flex-end; gap:clamp(48px,8vw,120px); margin-top:26px; }
#radish-home .hero-title { color:var(--sage); font-weight:900; line-height:.98; font-size:clamp(40px,6.4vw,80px); letter-spacing:.005em; }
#radish-home .hero-arrow-btn { width:clamp(70px,7.5vw,108px); height:48px; border:2px solid var(--sage); border-radius:999px; display:inline-flex; align-items:center; justify-content:center; transition:.25s; flex-shrink:0; margin-bottom:14px; }
#radish-home .hero-arrow-btn span { width:54%; height:2px; background:var(--sage); position:relative; display:block; }
#radish-home .hero-arrow-btn span::after { content:""; position:absolute; right:-1px; top:50%; width:9px; height:9px; border-top:2px solid var(--sage); border-right:2px solid var(--sage); transform:translateY(-50%) rotate(45deg); }
#radish-home .hero-arrow-btn:hover { background:var(--sage); }
#radish-home .hero-arrow-btn:hover span { background:var(--red); }
#radish-home .hero-arrow-btn:hover span::after { border-color:var(--red); }
#radish-home .hero-sub { color:#fff; font-size:clamp(16px,1.6vw,21px); font-weight:500; letter-spacing:.12em; margin-top:14px; }

/* ============================================================ BRAND INTRO */
#radish-home .brand-intro { background:var(--red); padding:30px 0 0; }
/* logo 40% flush-left, text 60% flush-right — spans full content width */
#radish-home .brand-intro__inner { display:grid; grid-template-columns:2fr 3fr; column-gap:clamp(24px,3.5vw,56px); align-items:center; }
#radish-home .brand-intro__logo { width:100%; }
#radish-home .brand-intro__text { color:#fff; max-width:none; }
#radish-home .brand-intro__heading { font-size:clamp(20px,2.3vw,29px); font-weight:700; color:#fff; margin-bottom:16px; letter-spacing:.04em; }
#radish-home .brand-intro__text p { font-size:clamp(14px,1.15vw,16px); line-height:2.05; letter-spacing:.04em; color:rgba(255,255,255,.92); margin-bottom:12px; }

/* ---- partner marquee (2 rows) ---- */
#radish-home .marquee { background:var(--red); padding:60px 0 60px; display:flex; flex-direction:column; gap:26px; }
#radish-home .marquee__row { overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
#radish-home .marquee__track { display:flex; align-items:center; gap:clamp(40px,5vw,80px); width:max-content; animation:marquee 46s linear infinite; }
#radish-home .marquee__track img { height:clamp(30px,3.4vw,46px); width:auto; object-fit:contain; opacity:.9; flex:0 0 auto; }
@keyframes marquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

/* ============================================================ CREAM PANEL */
#radish-home .cream-panel { position:relative; z-index:2; width:min(1360px, 100% - 28px); margin:0 auto; background:var(--cream); border-radius:clamp(24px,3vw,52px); }

/* ============================================================ WHAT'S NEW */
#radish-home .whatsnew { padding:68px 0 44px; position:relative; }
#radish-home .whatsnew__inner { position:relative; padding-bottom:160px; z-index:1; }
#radish-home .deco-ttm { position:absolute; left:0; bottom:6px; font-size:clamp(30px,4.8vw,62px); font-weight:900; line-height:1.06; color:var(--sage); opacity:.8; letter-spacing:.01em; z-index:1; pointer-events:none; white-space:nowrap; }
#radish-home .deco-green { position:absolute; right:0; top:566px; height:352px; width:clamp(300px,40%,442px); background:var(--sage); opacity:.5; border-radius:26px 0 0 26px; z-index:0; pointer-events:none; }
#radish-home .deco-year { position:absolute; right:2px; bottom:150px; font-size:clamp(22px,2.4vw,32px); font-weight:900; color:#fff; line-height:1.05; text-align:right; z-index:2; }
#radish-home .deco-year i { position:absolute; right:100%; top:2px; margin-right:16px; width:70px; height:1.5px; background:#fff; transform:rotate(-56deg); transform-origin:right; }

#radish-home .news { position:relative; z-index:2; display:flex; flex-direction:column; gap:36px; }
#radish-home .news__date { color:var(--red); font-weight:700; font-size:15px; letter-spacing:.06em; }
#radish-home .news-featured { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:40px; align-items:center; }
#radish-home .news-featured__media { border-radius:14px; overflow:hidden; }
#radish-home .news-featured__media img { width:100%; aspect-ratio:16/10; object-fit:cover; }
#radish-home .news-featured__body { display:flex; flex-direction:column; align-items:flex-start; }
#radish-home .news-featured__title { font-size:clamp(21px,2.2vw,28px); font-weight:900; color:var(--red); margin:14px 0; line-height:1.5; letter-spacing:.02em; }
#radish-home .news-featured__excerpt { font-size:clamp(16px,1.35vw,19px); line-height:2; color:var(--red); letter-spacing:.03em; margin-bottom:24px; align-self:stretch; }
#radish-home .news-featured__body .btn { align-self:flex-end; }
#radish-home .news-list { display:grid; grid-template-columns:repeat(3,1fr) auto; gap:22px; align-items:start; }
#radish-home .news-track { display:contents; }
#radish-home .news-card { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.06); }
#radish-home .news-card__media img { width:100%; aspect-ratio:16/10; object-fit:cover; }
#radish-home .news-card__body { padding:16px 18px 22px; }
#radish-home .news-card__meta { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
#radish-home .news-card__view { color:var(--sage-deep); font-weight:700; font-size:13px; letter-spacing:.1em; }
#radish-home .news-card__body p { font-size:clamp(14px,1.05vw,15px); line-height:1.85; color:#6a5a58; }
#radish-home .news-viewall { align-self:center; }

/* ============================================================ SERVICE */
#radish-home .service { padding:20px 0 84px; }
#radish-home .service-top { display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center; margin-bottom:40px; }
#radish-home .service-intro { font-size:clamp(14px,1.15vw,16px); line-height:2.05; color:#5f5f5f; letter-spacing:.03em; margin-top:20px; max-width:600px; }
#radish-home .service-tags { display:flex; flex-direction:column; gap:16px; align-items:flex-end; }
#radish-home .service-tags li { position:relative; border:1.5px solid var(--red); color:var(--red); border-radius:999px; padding:.62em 1.6em; font-size:15px; font-weight:700; letter-spacing:.04em; background:var(--cream); }
#radish-home .service-tags li::after { content:""; position:absolute; left:24px; bottom:-7px; width:14px; height:14px; background:inherit; border-right:1.5px solid var(--red); border-bottom:1.5px solid var(--red); transform:rotate(45deg); }
#radish-home .service-tags li.is-filled { background:var(--red); color:#fff; }
#radish-home .service-tags li:nth-child(odd) { margin-right:52px; }
#radish-home .service-tags li:nth-child(even) { margin-right:0; }

#radish-home .svc-row { border-top:1px solid rgba(0,0,0,.16); }
#radish-home .svc-row:last-child { border-bottom:1px solid rgba(0,0,0,.16); }
#radish-home .svc-row__btn { display:flex; align-items:center; gap:clamp(16px,3vw,40px); width:100%; padding:22px 4px; text-align:left; }
#radish-home .svc-row__no { flex:0 0 auto; width:56px; height:56px; border-radius:50%; border:1.5px solid var(--sage-deep); display:flex; align-items:center; justify-content:center; color:var(--red); font-weight:900; font-size:21px; transition:.25s; }
#radish-home .svc-row__labels { display:flex; flex-direction:column; gap:3px; }
#radish-home .svc-row__jp { color:var(--sage-deep); font-size:14px; font-weight:700; letter-spacing:.06em; }
#radish-home .svc-row__cn { color:var(--red); font-size:clamp(20px,2vw,26px); font-weight:900; letter-spacing:.08em; }
#radish-home .svc-row__plus { margin-left:auto; flex:0 0 auto; width:40px; height:40px; border-radius:50%; border:1.5px solid var(--sage-deep); position:relative; transition:.3s; }
#radish-home .svc-row__plus::before,#radish-home .svc-row__plus::after { content:""; position:absolute; top:50%; left:50%; width:15px; height:2.5px; background:var(--red); transform:translate(-50%,-50%); transition:.3s; }
#radish-home .svc-row__plus::after { transform:translate(-50%,-50%) rotate(90deg); }
#radish-home .svc-row__btn:hover .svc-row__no { background:var(--sage-deep); border-color:var(--sage-deep); color:#fff; }
#radish-home .svc-row__btn:hover .svc-row__plus { background:var(--sage-deep); border-color:var(--sage-deep); }
#radish-home .svc-row__btn:hover .svc-row__plus::before,#radish-home .svc-row__btn:hover .svc-row__plus::after { background:#fff; }

/* ---- SERVICE pop-up modal ---- */
#radish-home .svc-modal { position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:clamp(14px,4vw,48px); opacity:0; visibility:hidden; transition:opacity .3s,visibility .3s; }
#radish-home .svc-modal.is-open { opacity:1; visibility:visible; }
#radish-home .svc-modal__backdrop { position:absolute; inset:0; background:rgba(160,20,22,.55); }
#radish-home .svc-modal__dialog { position:relative; width:min(1040px,100%); max-height:84vh; overflow:visible; transform:translateY(12px) scale(.98); transition:transform .3s; }
#radish-home .svc-modal__dialog .svc-card { max-height:84vh; overflow:auto; }
#radish-home .svc-modal.is-open .svc-modal__dialog { transform:none; }
#radish-home .svc-modal__close { position:absolute; top:-54px; right:0; z-index:10; width:44px; height:44px; border-radius:50%; background:rgba(255,255,255,.32); color:#fff; font-size:26px; line-height:1; transition:.2s; }
#radish-home .svc-modal__close:hover { background:rgba(255,255,255,.55); transform:rotate(90deg); }

/* ---- SERVICE card (100% per design 資產1) ---- */
#radish-home .svc-card { position:relative; background:var(--cream); border-radius:clamp(20px,2.4vw,32px); overflow:hidden; display:grid; grid-template-columns:minmax(0,42%) 1fr; gap:clamp(24px,3vw,52px); padding:clamp(28px,3.4vw,52px); align-items:center; }
#radish-home .svc-card__no { position:absolute; top:0; right:0; min-width:158px; height:118px; background:var(--red); color:var(--cream); font-weight:900; font-size:clamp(36px,3.8vw,52px); display:flex; align-items:center; justify-content:center; padding:0 30px 16px 24px; border-bottom-left-radius:70px; letter-spacing:.03em; }
#radish-home .svc-card__photo { margin-bottom:18px; }
#radish-home .svc-card__photo img { width:100%; display:block; }
#radish-home .svc-card__title { font-size:clamp(20px,2vw,27px); font-weight:900; color:var(--red); margin-bottom:12px; letter-spacing:.03em; }
#radish-home .svc-card__desc { font-size:clamp(15px,1.15vw,17px); line-height:2; color:#5a5450; letter-spacing:.02em; }
#radish-home .svc-card__icons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(24px,2.8vw,46px) clamp(16px,2vw,30px); justify-items:center; align-content:center; padding:12px 0 0; }
#radish-home .svc-card__icons:has(.svc-ico:nth-child(3)) .svc-ico:first-child { grid-column:1/-1; }
#radish-home .svc-ico { display:flex; flex-direction:column; align-items:center; gap:16px; max-width:220px; }
#radish-home .svc-ico img { width:clamp(130px,13.8vw,188px); height:clamp(130px,13.8vw,188px); object-fit:contain; }
#radish-home .svc-ico span { font-size:clamp(15px,1.2vw,18px); font-weight:700; color:var(--ink); border:1.5px solid var(--sage-deep); border-radius:999px; padding:.55em 1.4em; text-align:center; white-space:nowrap; }

/* ============================================================ CHANNEL (on cream) */
#radish-home .channel { padding:24px 0 30px; }
#radish-home .channel .sec-head__title,#radish-home .channel .sec-head__sub { color:var(--red); }
#radish-home .channel-intro { max-width:620px; font-size:clamp(14px,1.15vw,16px); line-height:2; letter-spacing:.03em; color:#5a3f40; margin-bottom:30px; }
#radish-home .channel-body { position:relative; min-height:520px; }
#radish-home .channel-list { position:absolute; top:10px; left:0; width:212px; display:flex; flex-direction:column; gap:17px; z-index:3; }
#radish-home .channel-list li { display:flex; align-items:center; gap:14px; font-size:16px; font-weight:700; letter-spacing:.04em; color:var(--ink); }
#radish-home .channel-list__ico { width:64px; height:64px; flex:0 0 auto; }
#radish-home .channel-list__ico img { width:100%; height:100%; object-fit:contain; }
#radish-home .channel-info { position:relative; z-index:2; margin-left:226px; padding-top:2px; display:flex; align-items:center; }
#radish-home .channel-pie { width:clamp(128px,13.5vw,156px); flex:0 0 auto; position:relative; z-index:4; }
#radish-home .channel-pie img { width:100%; }
#radish-home .channel-photos { display:flex; margin-left:-42px; }
#radish-home .channel-photos img { width:clamp(128px,13.5vw,156px); height:clamp(128px,13.5vw,156px); border-radius:50%; object-fit:cover; border:3px solid var(--cream); margin-left:-42px; box-shadow:0 4px 14px rgba(0,0,0,.14); position:relative; }
#radish-home .channel-photos img:first-child { margin-left:0; }
#radish-home .channel-photos img:nth-child(1) { z-index:1; }
#radish-home .channel-photos img:nth-child(2) { z-index:2; }
#radish-home .channel-photos img:nth-child(3) { z-index:3; }
#radish-home .channel-map { position:absolute; top:-16px; right:-3%; width:clamp(520px,80%,1040px); z-index:1; }
#radish-home .channel-map img { width:100%; }

/* ============================================================ CTA */
#radish-home .cta { background:var(--red); padding:120px 0 60px; position:relative; z-index:1; }
#radish-home .cta-inner { display:flex; align-items:center; justify-content:center; gap:clamp(40px,8vw,120px); }
#radish-home .cta-item { display:flex; flex-direction:column; align-items:center; gap:10px; color:#fff; transition:.25s; }
#radish-home .cta-item:hover { transform:translateY(-4px); }
#radish-home .cta-item__ico { width:52px; height:52px; border-radius:50%; background:var(--sage); display:block; position:relative; }
#radish-home .cta-item__ico::before { content:""; position:absolute; inset:0; background:var(--red); -webkit-mask:center/24px no-repeat; mask:center/24px no-repeat; }
#radish-home .cta-item__ico--chat::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3C6.5 3 2 6.6 2 11c0 2.4 1.3 4.6 3.4 6-.2 1.2-.8 2.5-1.7 3.6 1.7-.2 3.4-.8 4.8-1.8 1.1.3 2.3.5 3.5.5 5.5 0 10-3.6 10-8s-4.5-8-10-8z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 3C6.5 3 2 6.6 2 11c0 2.4 1.3 4.6 3.4 6-.2 1.2-.8 2.5-1.7 3.6 1.7-.2 3.4-.8 4.8-1.8 1.1.3 2.3.5 3.5.5 5.5 0 10-3.6 10-8s-4.5-8-10-8z'/%3E%3C/svg%3E"); }
#radish-home .cta-item__ico--apply::before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E"); }
#radish-home .cta-item__cn { font-size:clamp(22px,2.4vw,30px); font-weight:900; letter-spacing:.1em; }
#radish-home .cta-item__jp { font-size:12px; opacity:.85; letter-spacing:.06em; }
#radish-home .cta-divider { width:1px; height:70px; background:rgba(255,255,255,.4); }

/* ============================================================ FOOTER */
#radish-home .site-footer { background:var(--red); padding:30px 0 40px; border-top:1px solid rgba(255,255,255,.15); position:relative; z-index:2; overflow:visible; }
#radish-home .footer-inner { position:relative; display:grid; grid-template-columns:repeat(3,auto); justify-content:start; column-gap:clamp(24px,5vw,80px); align-items:start; }
#radish-home .footer-col { position:relative; z-index:1; }
#radish-home .footer-col__title { color:#fff; font-size:clamp(17px,1.5vw,20px); font-weight:900; letter-spacing:.16em; padding-left:14px; border-left:4px solid var(--sage); margin-bottom:20px; }
#radish-home .footer-col ul { display:flex; flex-direction:column; gap:12px; padding-left:14px; }
#radish-home .footer-col a { color:rgba(255,255,255,.85); font-size:clamp(15px,1.2vw,17px); letter-spacing:.04em; transition:.2s; }
#radish-home .footer-col a:hover { color:#fff; }
/* desktop+tablet: large ~50%-width mark, wordmark bottom level with "落地媒體執行",
   leaf+slash burst upward past the footer's top edge (footer z-index:2 sits above the CTA) */
/* 大 logo:底部貼齊 footer 底邊(紅底與版權列交界),右下角裝飾,同設計稿 */
#radish-home .footer-brand { position:absolute; right:0; bottom:0; z-index:0; width:min(50%,680px); pointer-events:none; }
#radish-home .footer-brand img { width:100%; display:block; }

/* ============================================================ RESPONSIVE */
@media (max-width:999.98px){
  #radish-home { --header-h:76px; }
  #radish-home .main-nav { position:fixed; inset:0 0 0 auto; width:min(320px,80vw); background:var(--red-deep); flex-direction:column; justify-content:center; padding:40px; transform:translateX(100%); transition:transform .35s; z-index:55; margin-left:0; box-shadow:-10px 0 40px rgba(0,0,0,.3); }
  #radish-home .main-nav.is-open { transform:translateX(0); }
  #radish-home .main-nav__list { flex-direction:column; align-items:flex-start; gap:28px; }
  #radish-home .main-nav__link { font-size:20px; }
  #radish-home .nav-toggle { display:block; z-index:56; }
  #radish-home .header-tools { margin-left:auto; }
  #radish-home .news-featured { grid-template-columns:1fr; gap:18px; }
  #radish-home .news-list { display:flex; flex-direction:column; gap:24px; }
  #radish-home .news-track { display:flex; flex-direction:column; gap:20px; }
  #radish-home .news-viewall { align-self:flex-start; }
  #radish-home .deco-ttm { font-size:38px; }
  #radish-home .service-top { grid-template-columns:1fr; gap:22px; }
  #radish-home .svc-card { grid-template-columns:1fr; gap:26px; }
  /* 平板:彈窗角標縮小、避免擋到資訊 */
  #radish-home .svc-card__no { min-width:120px; height:88px; font-size:34px; padding:0 22px 12px 18px; border-bottom-left-radius:48px; }
  #radish-home .channel-body { min-height:0; display:flex; flex-direction:column; gap:32px; }
  #radish-home .channel-list { position:static; width:auto; flex-flow:row wrap; gap:16px 24px; }
  #radish-home .channel-info { margin-left:0; flex-wrap:wrap; justify-content:center; }
  #radish-home .channel-map { position:static; width:100%; max-width:560px; margin:0 auto; }
}

/* ---- tablet only (690 – 999.98) ---- */
@media (min-width:690px) and (max-width:999.98px){
  /* What's New: 2-up auto carousel (max 3 articles) + gap from MORE btn to green block */
  #radish-home .news { gap:60px; }
  #radish-home .news-track { flex-direction:row; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; }
  #radish-home .news-track::-webkit-scrollbar { display:none; }
  #radish-home .news-track .news-card { flex:0 0 calc(50% - 10px); }
  /* SERVICE tags: 1×3 row — single line, first flush-left / last flush-right, equal gaps + height */
  #radish-home .service-tags { flex-direction:row; align-items:stretch; justify-content:space-between; gap:12px; }
  #radish-home .service-tags li { margin-right:0; white-space:nowrap; font-size:clamp(12px,1.7vw,15px); padding:.62em 1.15em; display:flex; align-items:center; }
  #radish-home .service-tags li:nth-child(odd),#radish-home .service-tags li:nth-child(even) { margin-right:0; } /* beat desktop nth-child stagger */
  #radish-home .service-tags li::after { left:20px; }
  /* SERVICE pop-up: 70% width, larger icons (~+50%) */
  #radish-home .svc-modal__dialog { width:70vw; }
  #radish-home .svc-card { padding:clamp(30px,5vw,50px); }
  #radish-home .svc-card__icons { gap:30px clamp(20px,3vw,40px); }
  #radish-home .svc-ico img { width:clamp(165px,22vw,215px); height:clamp(165px,22vw,215px); }
  /* footer: text columns packed left, large radish mark bursts up on the right (inherits base) */
  #radish-home .footer-inner { column-gap:clamp(20px,4vw,44px); }
  #radish-home .footer-brand { width:min(50%, calc(100% - 400px)); } /* keep clear of the contact column on narrow tablets */
  /* CHANNEL: centered icons, larger circles (~80% content width) */
  #radish-home .channel-list { justify-content:center; }
  #radish-home .channel-info { justify-content:center; }
  #radish-home .channel-pie { width:clamp(160px,21vw,210px); }
  #radish-home .channel-photos img { width:clamp(160px,21vw,210px); height:clamp(160px,21vw,210px); }
}
@media (max-width:689.98px){
  #radish-home .service { padding-bottom:20px; }
  #radish-home .hero-top { flex-direction:column; }
  /* P5 hero side labels: 台灣 -> 日本 (one line) over 台湾発 日本行き */
  #radish-home .hero-side { flex-direction:row; justify-content:space-between; align-items:flex-start; width:100%; gap:12px; }
  #radish-home .hero-side__top { flex-direction:column; align-items:flex-start; gap:6px; padding-top:0; }
  #radish-home .hero-side__col { flex-direction:row; align-items:center; gap:12px; }
  #radish-home .hero-side__cn { writing-mode:horizontal-tb; font-size:clamp(20px,6.2vw,26px); }
  #radish-home .hero-side__jp { writing-mode:horizontal-tb; margin-top:0; font-size:13px; }
  #radish-home .hero-side__arrow { writing-mode:horizontal-tb; width:34px; height:2px; }
  #radish-home .hero-side__arrow::after { bottom:auto; left:auto; right:-6px; top:50%; transform:translateY(-50%); border-top-color:transparent; border-left-color:#fff; }
  #radish-home .hero-headline { gap:14px; }
  #radish-home .hero-title { font-size:clamp(30px,8.5vw,46px); }
  #radish-home .brand-intro__inner { grid-template-columns:1fr; justify-items:center; text-align:center; row-gap:20px; }
  #radish-home .brand-intro__logo { width:clamp(200px,58vw,280px); }
  #radish-home .sec-head__title { font-size:clamp(28px,7.6vw,40px); }
  /* P7 INTERNATIONAL TRADE... never exceed content width */
  #radish-home .deco-ttm { font-size:clamp(17px,5.2vw,26px); white-space:normal; max-width:100%; line-height:1.15; }
  #radish-home .deco-green,#radish-home .deco-year { display:none; }
  #radish-home .whatsnew__inner { padding-bottom:84px; }
  /* SERVICE 對話框:手機左右交錯(奇左偶右) */
  #radish-home .service-tags { flex-direction:column; align-items:stretch; gap:14px; }
  #radish-home .service-tags li { margin-right:0; font-size:13px; white-space:nowrap; align-self:center; }
  #radish-home .service-tags li:nth-child(odd) { align-self:flex-start; }
  #radish-home .service-tags li:nth-child(even) { align-self:flex-end; }
  /* smaller number badge so it doesn't cover the photo */
  #radish-home .svc-card__no { min-width:92px; height:70px; font-size:32px; border-bottom-left-radius:42px; padding:0 16px 10px 14px; }
  /* P2 popup icons: stack 1-col; size by consistent HEIGHT (kills the per-icon whitespace
     that made illustration↔label gaps look uneven across cards) */
  #radish-home .svc-card__icons { grid-template-columns:1fr; gap:26px; }
  #radish-home .svc-card__icons:has(.svc-ico:nth-child(3)) .svc-ico:first-child { grid-column:auto; }
  #radish-home .svc-ico { max-width:none; gap:14px; }
  #radish-home .svc-ico img { height:clamp(108px,29vw,132px); width:auto; max-width:100%; }
  #radish-home .svc-ico span { font-size:13px; white-space:normal; }
  /* P9 CHANNEL 5 icons: symmetric 2-col, 5th centered (compact so labels stay 1 line) */
  #radish-home .channel-list { display:grid; grid-template-columns:auto auto; justify-content:center; gap:20px 12px; width:100%; }
  #radish-home .channel-list__ico { width:44px; height:44px; }
  #radish-home .channel-list li { font-size:13px; gap:8px; letter-spacing:0; }
  #radish-home .channel-list li:nth-child(5) { grid-column:1 / -1; justify-content:center; }
  /* P10 four circles overlap left→right; pie spans the exact photo-group width (edges aligned) */
  #radish-home .channel-info { flex-direction:column; align-items:center; gap:12px; width:min(300px,88%); margin:0 auto; }
  #radish-home .channel-pie { width:100%; }
  #radish-home .channel-photos { display:flex; justify-content:center; width:100%; margin-left:0; }
  #radish-home .channel-photos img { width:44%; height:auto; aspect-ratio:1/1; margin-left:-16%; }
  #radish-home .channel-photos img:first-child { margin-left:0; }
  /* P11 CTA side-by-side + tighter top gap */
  #radish-home .cta { padding:44px 0 40px; }
  #radish-home .cta-inner { flex-direction:row; justify-content:center; gap:clamp(18px,7vw,44px); }
  #radish-home .cta-divider { width:1px; height:60px; }
  #radish-home .cta-item__cn { font-size:clamp(20px,5.6vw,26px); }
  #radish-home .cta-blob { display:none; }
  /* P12 footer 1/3 ×3, logo full-width (100%) below */
  #radish-home .footer-inner { grid-template-columns:repeat(3,1fr); gap:22px 6px; }
  #radish-home .footer-col__title { font-size:14px; padding-left:9px; letter-spacing:.1em; }
  #radish-home .footer-col ul { padding-left:9px; }
  #radish-home .footer-col a { font-size:12px; }
  #radish-home .footer-brand { position:static; width:100%; grid-column:1/-1; z-index:auto; margin-top:10px; }
}

/* ---- WP context overrides (Blocksy header replaces the hand-coded fixed header) ---- */
#radish-home{ position:relative; }               /* own stacking/positioning context */
/* hero 頂距預留給透明覆蓋的 Blocksy header(桌機 ~72px / 手機 ~60px) */
#radish-home .hero{ padding-top:clamp(84px,9vw,112px); }

/* Header 的透明覆蓋、吸附白底、logo 切換、選單字色與 CONNECT 按鈕
   一律改由 Blocksy 佈景主題原生設定處理(見 header_placements),此處不再寫死。 */