:root {
  --atl-safe: max(16px, env(safe-area-inset-bottom));
}

.active-template-page {
  --atl-primary: #152c2c;
  --atl-accent: #ef5b46;
  width: min(100%, 520px);
  max-width: 100vw;
  min-height: 100vh;
  margin: 0 auto;
  padding-bottom: calc(84px + var(--atl-safe));
  overflow: hidden;
  color: #182222;
  background: #f7f6f1;
  font-family: Inter, "Noto Sans TC", "PingFang TC", sans-serif;
  box-shadow: 0 0 42px rgba(18, 31, 31, .12);
}

html:has(.active-template-page),
body:has(.active-template-page) { max-width: 100%; overflow-x: hidden; }

.active-template-page *,
.active-template-page *::before,
.active-template-page *::after { box-sizing: border-box; }
.active-template-page img:not(.wanfan-customer-detail img) { display: block; width: 100%; }
.active-template-page button { min-height: 48px; cursor: pointer; border: 0; font: inherit; }
.active-template-page h1,
.active-template-page h2,
.active-template-page p { margin: 0; }

.atl-hero { background: var(--atl-primary); color: white; }
.atl-hero-media { aspect-ratio: 4 / 4.7; overflow: hidden; background: #e4e4e0; }
.atl-hero-media img { height: 100%; object-fit: cover; }
.atl-hero-copy { padding: 24px 20px 30px; }
.atl-hero-copy > small,
.atl-section > small { display: block; margin-bottom: 9px; font-size: 11px; font-weight: 800; letter-spacing: .16em; opacity: .7; }
.atl-hero h1 { font-size: clamp(30px, 8.4vw, 44px); line-height: 1.04; letter-spacing: -.04em; }
.atl-hero p { margin-top: 12px; color: rgba(255,255,255,.78); line-height: 1.65; }
.atl-hero-price { display: flex; align-items: end; gap: 10px; margin: 20px 0 14px; }
.atl-hero-price del { color: rgba(255,255,255,.55); }
.atl-hero-price strong { font-size: 30px; color: #fff; }
.atl-hero button,
.atl-checkout-demo button { width: 100%; border-radius: 12px; color: white; background: var(--atl-accent); font-weight: 900; box-shadow: 0 12px 28px color-mix(in srgb, var(--atl-accent) 28%, transparent); }

.atl-section { padding: 38px 20px; background: #fff; border-bottom: 1px solid rgba(20,30,30,.08); }
.atl-section:nth-of-type(odd) { background: #f7f6f1; }
.atl-section h2 { margin-bottom: 18px; font-size: clamp(24px, 6.6vw, 34px); line-height: 1.14; letter-spacing: -.035em; }
.atl-section > p { color: #56605f; line-height: 1.75; }
.atl-card-grid { display: grid; gap: 11px; }
.atl-card-grid article { min-height: 92px; padding: 17px; border: 1px solid rgba(20,30,30,.1); border-radius: 16px; background: rgba(255,255,255,.88); }
.atl-card-grid span { display: block; margin-bottom: 14px; color: var(--atl-accent); font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.atl-card-grid strong { font-size: 16px; line-height: 1.5; }
.atl-media-placeholder { display: grid; min-height: 250px; place-items: center; padding: 20px; text-align: center; background: repeating-linear-gradient(135deg,#eee 0,#eee 12px,#e8e8e8 12px,#e8e8e8 24px); color: #717777; }
.atl-dynamic figure { margin: 0 0 16px; border-radius: 18px; overflow: hidden; background: #111; }
.atl-dynamic figure img { aspect-ratio: 4 / 3; object-fit: cover; }
.atl-dynamic figcaption { padding: 9px 12px; color: white; background: #111; font-size: 12px; }

.atl-package-list { display: grid; gap: 12px; }
.atl-package-list article { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 5px 10px; padding: 17px; border: 1px solid #d9ddda; border-radius: 16px; background: white; }
.atl-package-list label { display:flex; align-items:center; gap:7px; grid-column:1; color:#56605f; font-size:11px; font-weight:800; }
.atl-package-list input { width:18px; height:18px; accent-color:var(--atl-accent); }
.atl-package-list article.is-recommended { border: 2px solid var(--atl-accent); box-shadow: 0 10px 24px color-mix(in srgb, var(--atl-accent) 14%, transparent); }
.atl-package-list em { position: absolute; top: -10px; right: 12px; padding: 4px 9px; border-radius: 99px; color: white; background: var(--atl-accent); font-size: 11px; font-style: normal; font-weight: 800; }
.atl-package-list strong { padding-right: 38px; font-size: 16px; }
.atl-package-list p,
.atl-package-list span { color: #68716f; font-size: 12px; }
.atl-package-list b { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--atl-accent); font-size: 23px; }
.atl-package-list del { color: #929996; font-size: 12px; }
.atl-trust-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 14px; }
.atl-trust-row span { padding: 12px 5px; border-radius: 10px; text-align: center; background: color-mix(in srgb, var(--atl-primary) 8%, white); font-size: 12px; font-weight: 800; }
.atl-order-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:0 0 14px; overflow:hidden; border-radius:10px; background:#dfe4e2; }
.atl-order-steps span { padding:10px 4px; text-align:center; background:#f5f7f6; font-size:11px; font-weight:800; }
.atl-checkout-demo { display: grid; gap: 12px; margin-top: 18px; }
.atl-checkout-demo label { display: grid; gap: 6px; font-size: 12px; font-weight: 700; }
.atl-checkout-demo input { width: 100%; min-height: 48px; padding: 0 14px; border: 1px solid #ccd2d0; border-radius: 11px; font: inherit; background: white; }
.atl-faq details { padding: 14px 0; border-top: 1px solid #ddd; }
.atl-faq summary { cursor: pointer; font-weight: 800; }
.atl-faq details p { padding-top: 10px; color: #606866; line-height: 1.65; }
.atl-before-after > div { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.atl-before-after article { min-height: 150px; padding: 16px; border-radius: 16px; color: white; background: #3e4544; }
.atl-before-after article:last-child { background: var(--atl-accent); }
.atl-before-after article span { font-size: 11px; font-weight: 900; }
.atl-before-after article p { margin-top: 38px; font-weight: 800; line-height: 1.5; }
.atl-long-visual { min-height: 360px; padding: 62px 24px; color: white; background: linear-gradient(145deg,var(--atl-primary),#111); }
.atl-long-visual h2 { max-width: 360px; font-size: 42px; line-height: .98; }
.atl-long-visual p { margin-top: 18px; opacity: .72; }
.atl-campaign { display: grid; gap: 5px; padding: 18px 20px; color: white; background: var(--atl-accent); }
.atl-campaign span { font-size: 11px; opacity: .82; }
.atl-campaign b { font-size: 30px; }
.atl-campaign-unconfigured { color:#534b30; background:#f1ebd8; }
.atl-sticky { position: fixed; z-index: 80; bottom: 0; left: 50%; display: grid; grid-template-columns: 1fr; width: min(100%, 520px); padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); transform: translateX(-50%); border-top: 1px solid rgba(10,20,20,.09); background: rgba(255,255,255,.94); box-shadow: 0 -10px 30px rgba(17,25,25,.14); backdrop-filter: blur(15px); }
.atl-sticky > div { display: grid; align-content: center; }
.atl-sticky-actions { grid-template-columns: 42% 58%; gap: 7px; }
.atl-sticky-actions:has(.atl-sticky-secondary) { grid-template-columns: 42% 58%; }
.atl-sticky small { max-width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #67706f; }
.atl-sticky strong { color: var(--atl-primary); font-size: 20px; }
.atl-sticky button { border-radius: 12px; color: white; background: var(--atl-accent); font-weight: 900; }
.atl-sticky .atl-sticky-secondary { color: var(--atl-primary); border: 1px solid currentColor; background: white; }

/* Same components, deliberately different composition languages. */
.atl-theme-apple { color: #111; background: #fff; font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif; }
.atl-theme-apple .atl-hero { color: #111; background: #f5f5f7; }
.atl-theme-apple .atl-hero-media { aspect-ratio: 1 / 1; order: 2; }
.atl-theme-apple .atl-hero-copy { text-align: center; }
.atl-theme-apple .atl-hero p,
.atl-theme-apple .atl-hero-price del { color: #666; }
.atl-theme-apple .atl-hero-price { justify-content: center; }
.atl-theme-apple .atl-hero-price strong { color: #111; }
.atl-theme-apple .atl-section { padding-block: 54px; text-align: center; }
.atl-theme-apple .atl-card-grid article { border: 0; background: #f5f5f7; }

.atl-theme-reels .atl-hero { position: relative; min-height: 92vh; display: flex; flex-direction: column; justify-content: end; background: #050505; }
.atl-theme-reels .atl-hero-media { position: absolute; inset: 0; height: 92vh; opacity: .62; }
.atl-theme-reels .atl-hero-copy { position: relative; z-index: 1; background: linear-gradient(transparent,rgba(0,0,0,.94)); }
.atl-theme-reels .atl-video { color: white; background: #101010; }
.atl-theme-reels .atl-card-grid article { border-color: #333; color: white; background: #1c1c1c; }

.atl-theme-cod-volume { background: #fff6e9; }
.atl-theme-cod-volume .atl-hero { background: linear-gradient(145deg,#9e1424,#e93332); }
.atl-theme-cod-volume .atl-campaign { position: sticky; top: 0; z-index: 4; text-align: center; background: #ffbe1a; color: #681116; }
.atl-theme-cod-volume .atl-package-list article { border-radius: 8px; }
.atl-theme-cod-volume .atl-section h2 { font-weight: 950; }

.atl-theme-expert-solution { background: #eef3f7; color: #12233d; }
.atl-theme-expert-solution .atl-hero { display: grid; background: #10294b; }
.atl-theme-expert-solution .atl-section { background: #f7fafc; }
.atl-theme-expert-solution .atl-card-grid { grid-template-columns: repeat(2, 1fr); }
.atl-theme-expert-solution .atl-card-grid article { border-radius: 5px; background: white; }

.atl-theme-women { color: #4d2d3a; background: #fff8f7; font-family: Georgia, "Noto Serif TC", serif; }
.atl-theme-women .atl-hero { background: #6e3b50; }
.atl-theme-women .atl-hero-media { aspect-ratio: 3 / 4; }
.atl-theme-women .atl-section { background: #fffaf8; }
.atl-theme-women .atl-card-grid article { border: 0; border-radius: 24px 7px 24px 7px; background: #f4e2e4; }

.atl-theme-family { background: #f4ead7; color: #463a2d; }
.atl-theme-family .atl-hero { background: #76654a; }
.atl-theme-family .atl-section { border: 0; background: #fffaf0; }
.atl-theme-family .atl-card-grid article { border: 0; border-left: 5px solid var(--atl-accent); border-radius: 0 14px 14px 0; }

.atl-theme-consultation { color: #ece9e0; background: #101010; }
.atl-theme-consultation .atl-hero,
.atl-theme-consultation .atl-section { color: #ece9e0; background: #101010; border-color: #333; }
.atl-theme-consultation .atl-hero-media { aspect-ratio: 16 / 11; }
.atl-theme-consultation .atl-card-grid article,
.atl-theme-consultation .atl-checkout-demo input { color: #ece9e0; border-color: #444; background: #191919; }

.atl-theme-limited { color: #1f1900; background: #ffe134; }
.atl-theme-limited .atl-hero { color: #1f1900; background: #ffe134; }
.atl-theme-limited .atl-hero p,
.atl-theme-limited .atl-hero-price del { color: #6d5d00; }
.atl-theme-limited .atl-hero-price strong { color: #d71e27; }
.atl-theme-limited .atl-section { border: 5px solid #1f1900; background: #fffdf1; }
.atl-theme-limited .atl-card-grid article { border: 3px solid #1f1900; border-radius: 0; box-shadow: 6px 6px 0 #1f1900; }

.atl-theme-function { background:#eaf3f2; }
.atl-theme-function .atl-hero { background:#123c3d; }
.atl-theme-function .atl-dynamic { color:white; background:#0b2527; }
.atl-theme-function .atl-card-grid { grid-template-columns:repeat(2,1fr); }
.atl-theme-function .atl-card-grid article { border-radius:5px; }
.atl-theme-beauty { color:#5e3041; background:#fff7f7; font-family:Georgia,"Noto Serif TC",serif; }
.atl-theme-beauty .atl-hero { background:#87536a; }
.atl-theme-beauty .atl-before-after { background:#f9e8ed; }
.atl-theme-beauty .atl-section { border-bottom-color:#eedbe2; }
.atl-theme-health { color:#243b2e; background:#f1f5e9; }
.atl-theme-health .atl-hero { background:#315d45; }
.atl-theme-health .atl-expert { background:#e5edd9; }
.atl-theme-health .atl-card-grid article { border-radius:4px; border-left:4px solid #6d8c5c; }
.atl-theme-ugc .atl-hero { background:#562f81; }
.atl-theme-ugc .atl-timeline .atl-card-grid article { transform:rotate(-1deg); border:0; box-shadow:0 7px 20px rgba(60,35,80,.13); }

/* Mature COD structures: composition changes are driven by section variants, not only color. */
.atl-theme-cod-quick { background:#fff9f0; }
.atl-theme-cod-quick .atl-hero-deal-first { display:flex; flex-direction:column; color:#231b18; background:#fff; }
.atl-theme-cod-quick .atl-hero-deal-first .atl-hero-copy { order:1; padding-bottom:18px; }
.atl-theme-cod-quick .atl-hero-deal-first .atl-hero-media { order:2; aspect-ratio:1.25/1; }
.atl-theme-cod-quick .atl-hero p,.atl-theme-cod-quick .atl-hero-price del { color:#756a65; }
.atl-theme-cod-quick .atl-hero-price strong { color:#d9362b; }
.atl-theme-cod-quick .atl-slot-packages { border-top:8px solid #f0eadf; }
.atl-theme-cod-quick .atl-packages { padding-top:24px; }
.atl-theme-cod-quick .atl-package-list article { border-radius:8px; }
.atl-theme-cod-quick .atl-trust-compact-strip .atl-card-grid { grid-template-columns:repeat(3,1fr); }
.atl-theme-cod-quick .atl-trust-compact-strip .atl-card-grid article { min-height:78px; padding:12px 8px; border:0; text-align:center; background:#f3eee5; }
.atl-theme-cod-quick .atl-trust-compact-strip .atl-card-grid span { margin-bottom:7px; }

.atl-theme-cod-function { color:#172b3b; background:#eaf0f3; }
.atl-theme-cod-function .atl-hero { background:#16324f; }
.atl-theme-cod-function .atl-hero-media { aspect-ratio:4/3; }
.atl-theme-cod-function .atl-slot-gifDemo .atl-section { padding:0 0 34px; color:white; background:#0e1b25; }
.atl-theme-cod-function .atl-slot-gifDemo h2,.atl-theme-cod-function .atl-slot-gifDemo small,.atl-theme-cod-function .atl-slot-gifDemo p { margin-inline:20px; }
.atl-theme-cod-function .atl-slot-gifDemo figure,.atl-theme-cod-function .atl-slot-gifDemo .atl-media-placeholder { border-radius:0; }
.atl-theme-cod-function .atl-features .atl-card-grid { grid-template-columns:repeat(2,1fr); }
.atl-theme-cod-function .atl-features .atl-card-grid article { border-radius:5px; border-left:4px solid #f2a93b; }
.atl-theme-cod-function .atl-details .atl-card-grid article { min-height:auto; border-radius:0; border-width:0 0 1px; }

.atl-theme-cod-beauty { color:#533241; background:#fff8f7; font-family:Georgia,"Noto Serif TC",serif; }
.atl-theme-cod-beauty .atl-hero { color:#4a2937; background:#f6e3e5; }
.atl-theme-cod-beauty .atl-hero-media { aspect-ratio:3/4; }
.atl-theme-cod-beauty .atl-hero p,.atl-theme-cod-beauty .atl-hero-price del { color:#765a65; }
.atl-theme-cod-beauty .atl-hero-price strong { color:#7f3750; }
.atl-theme-cod-beauty .atl-before-after { background:#f8e9ec; }
.atl-theme-cod-beauty .atl-usage .atl-card-grid article { min-height:auto; border:0; border-radius:999px; background:#fff; }
.atl-theme-cod-beauty .atl-trust .atl-card-grid article { border:0; border-left:3px solid #7f3750; border-radius:0; }

.atl-theme-cod-health { color:#1d392e; background:#f4f4ec; }
.atl-theme-cod-health .atl-hero { background:#1f4b3a; }
.atl-theme-cod-health .atl-hero-media { aspect-ratio:16/11; }
.atl-theme-cod-health .atl-diagnostic { background:#e9eddf; }
.atl-theme-cod-health .atl-expert .atl-card-grid article,.atl-theme-cod-health .atl-trust .atl-card-grid article { min-height:auto; border-radius:3px; border-left:5px solid #c9a45d; }
.atl-theme-cod-health .atl-packages-cycle-plans .atl-package-list article { border-radius:4px; }

.atl-theme-cod-campaign { color:#24171a; background:#fff4df; }
.atl-theme-cod-campaign .atl-campaign { position:sticky; z-index:5; top:0; background:#b92328; }
.atl-theme-cod-campaign .atl-hero { background:#2a171b; }
.atl-theme-cod-campaign .atl-packages-gift-ladder .atl-package-list { counter-reset:gift-step; }
.atl-theme-cod-campaign .atl-packages-gift-ladder .atl-package-list article { margin-left:10px; border:2px solid #b92328; border-radius:0; box-shadow:5px 5px 0 #ffd34f; }
.atl-theme-cod-campaign .atl-trust-offer-rules { background:#fff0c8; }

.atl-theme-cod-cinematic { color:#f2f1f7; background:#08080d; }
.atl-theme-cod-cinematic .atl-hero { position:relative; min-height:92svh; display:flex; flex-direction:column; justify-content:flex-end; background:#050509; }
.atl-theme-cod-cinematic .atl-hero-media { position:absolute; inset:0; height:92svh; aspect-ratio:auto; opacity:.68; }
.atl-theme-cod-cinematic .atl-hero-copy { position:relative; z-index:1; padding-top:150px; background:linear-gradient(transparent,rgba(5,5,9,.96)); }
.atl-theme-cod-cinematic .atl-long-visual { min-height:78svh; display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(155deg,#16162a,#050509); }
.atl-theme-cod-cinematic .atl-section { color:#f2f1f7; border-color:#272733; background:#101017; }
.atl-theme-cod-cinematic .atl-card-grid article,.atl-theme-cod-cinematic .atl-package-list article { color:#f2f1f7; border-color:#343444; background:#181822; }
.atl-theme-cod-cinematic .atl-package-list p,.atl-theme-cod-cinematic .atl-package-list span { color:#aaa8b7; }

.atl-theme-cod-catalog { color:#252323; background:#fff; }
.atl-theme-cod-catalog .atl-hero { color:#252323; background:#fff; }
.atl-theme-cod-catalog .atl-hero-media { aspect-ratio:1/1; border-bottom:1px solid #ece8e6; }
.atl-theme-cod-catalog .atl-hero p,.atl-theme-cod-catalog .atl-hero-price del { color:#6f6967; }
.atl-theme-cod-catalog .atl-hero-price strong { color:#b51f2e; }
.atl-theme-cod-catalog .atl-section { padding-block:26px; background:#fff; }
.atl-theme-cod-catalog .atl-trust .atl-card-grid { grid-template-columns:repeat(3,1fr); }
.atl-theme-cod-catalog .atl-trust .atl-card-grid article { min-height:76px; padding:10px; text-align:center; border:0; border-radius:0; background:#f7f3f1; }
.atl-theme-cod-catalog .atl-long-visual { color:#252323; background:#f3efec; }

.atl-theme-cod-expert { color:#163c39; background:#edf4ef; }
.atl-theme-cod-expert .atl-hero { background:#155b55; }
.atl-theme-cod-expert .atl-hero-media { aspect-ratio:16/11; }
.atl-theme-cod-expert .atl-diagnostic { background:#dfece6; }
.atl-theme-cod-expert .atl-expert .atl-card-grid { grid-template-columns:repeat(2,1fr); }
.atl-theme-cod-expert .atl-expert .atl-card-grid article,.atl-theme-cod-expert .atl-trust .atl-card-grid article { min-height:110px; border-radius:3px; border-left:5px solid #d6b46b; }
.atl-theme-cod-expert .atl-packages-solution-plans .atl-package-list article { border-radius:4px; }

.atl-theme-cod-advertorial { color:#3f2b24; background:#f4e7d7; font-family:Georgia,"Noto Serif TC",serif; }
.atl-theme-cod-advertorial .atl-hero { color:#fff8ed; background:#4d352a; }
.atl-theme-cod-advertorial .atl-hero-copy { border-top:8px solid #e3b86b; }
.atl-theme-cod-advertorial .atl-section { background:#fffaf1; }
.atl-theme-cod-advertorial .atl-pain { color:#fff8ed; background:#4d352a; }
.atl-theme-cod-advertorial .atl-pain .atl-card-grid article { border:1px solid #8a6c5b; background:#5d4034; }
.atl-theme-cod-advertorial .atl-features .atl-card-grid article { border:0; border-radius:0; border-bottom:2px solid #e3b86b; }
.atl-theme-cod-advertorial .atl-packages-result-bundles .atl-package-list article { border-radius:0; box-shadow:4px 4px 0 #e3b86b; }

.atl-theme-cod-social { color:#593645; background:#fff7f8; }
.atl-theme-cod-social .atl-hero { margin:12px; overflow:hidden; border-radius:24px; background:#93445f; box-shadow:0 12px 34px rgba(90,40,60,.2); }
.atl-theme-cod-social .atl-section { margin:10px 12px; padding:24px 18px; border:0; border-radius:20px; background:#fff; box-shadow:0 8px 24px rgba(90,40,60,.08); }
.atl-theme-cod-social .atl-community .atl-card-grid article { border:0; border-radius:18px; background:#fff1f4; }
.atl-theme-cod-social .atl-timeline .atl-card-grid article { position:relative; margin-left:20px; border:0; border-radius:6px 18px 18px 18px; background:#f5e6eb; }
.atl-theme-cod-social .atl-package-list article { border-radius:18px; }
.atl-sticky-social-dual-cta-cod { grid-template-columns:minmax(92px,.65fr) minmax(220px,1.35fr); }

@media (min-width: 521px) {
  body:has(.active-template-page) { background: #dfe3e1; }
}

@media (max-width: 390px) {
  .atl-hero-copy,
  .atl-section { padding-inline: 16px; }
  .atl-sticky { grid-template-columns: minmax(0,1fr) 154px; }
  .atl-sticky-social-dual-cta-cod { grid-template-columns:92px minmax(0,1fr); }
  .atl-sticky-social-dual-cta-cod small { display:none; }
  .atl-trust-row { gap: 5px; }
}

/* Company Taiwan COD alignment V2: keep the original low-cognition-density
   purchase path instead of the earlier app-card interpretation. */
.cod-screenshot-replica-page [hidden] { display: none !important; }
.cod-screenshot-replica-page .cod-replica-stage { width: 100%; }
.cod-screenshot-replica-page[data-replica-view="checkout"] { padding-bottom: env(safe-area-inset-bottom); }
.cod-screenshot-replica-page:not([data-replica-view="landing"]) [data-replica-landing-footer],
.cod-screenshot-replica-page[data-replica-view="checkout"] [data-cod-trust-inherited] { display: none !important; }

.cod-screenshot-replica-page .cod-replica-packages { padding: 7px 10px 10px; border-bottom: 6px solid #eef2f3; }
.cod-screenshot-replica-page .cod-replica-packages > div { gap: 1px; }
.cod-screenshot-replica-page .cod-replica-package-line {
  grid-template-columns: 18px minmax(0,1fr) auto;
  min-height: 44px;
  gap: 4px;
  padding: 3px 5px;
  border: 0;
  border-bottom: 1px solid #eef0f3;
  border-radius: 0;
  color: #595f68;
  background: #fff;
}
.cod-screenshot-replica-page .cod-replica-package-line em { font-size: 13px; }
.cod-screenshot-replica-page .cod-replica-package-line span { display: block; font-size: 12px; line-height: 1.35; }
.cod-screenshot-replica-page .cod-replica-package-line strong { display: inline; margin-right: 4px; font-size: 13px; font-weight: 500; }
.cod-screenshot-replica-page .cod-replica-package-line small { display: inline; color: #7d8289; font-size: 11px; white-space: normal; }
.cod-screenshot-replica-page .cod-replica-package-line b { color: #66738a; font-size: 13px; font-weight: 500; }
.cod-screenshot-replica-page .cod-replica-package-line.active {
  color: #29384e;
  border-color: var(--replica-blue);
  background: #eef4ff;
  box-shadow: inset 3px 0 var(--replica-blue);
}
.cod-screenshot-replica-page .cod-replica-package-line.active b,
.cod-screenshot-replica-page .cod-replica-package-line.active small { color: inherit; }
.cod-screenshot-replica-page .cod-replica-package-note { margin: 6px 2px 0; color: #656a72; font-size: 11px; line-height: 1.45; }
.cod-screenshot-replica-page .cod-replica-rush { min-height: 48px; margin-top: 8px; border-radius: 1px; font-size: 17px; }

.cod-screenshot-replica-page .cod-replica-content-tabs { background: #fff; }
.cod-screenshot-replica-page .cod-replica-tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid #e1e4e8; background: #f5f5f5; }
.cod-screenshot-replica-page .cod-replica-tabs button { min-height: 48px; color: #454950; border: 0; border-bottom: 2px solid transparent; background: transparent; font-size: 15px; font-weight: 600; }
.cod-screenshot-replica-page .cod-replica-tabs button.active { color: #24282e; border-bottom-color: var(--replica-blue); background: #fff; }
.cod-screenshot-replica-page .cod-replica-empty-detail { padding: 34px 16px 90px; color: #8a8f96; text-align: center; }
.cod-screenshot-replica-page .cod-replica-review-slot .cod-global-reviews { width: 100%; max-width: none; margin: 0 0 80px; padding: 2px 0 10px; border: 0; border-radius: 0; box-shadow: none; }

.cod-screenshot-replica-page .cod-replica-order { min-height: 100vh; padding: 0 12px 74px; border-top: 0; }
.cod-screenshot-replica-page .cod-replica-order > header { min-height: 58px; }
.cod-screenshot-replica-page .cod-replica-order > header button { position: absolute; left: 2px; top: 7px; min-width: 44px; min-height: 44px; padding: 0; color: #8b9098; border: 0; background: transparent; font-size: 42px; font-weight: 200; line-height: 1; }
.cod-screenshot-replica-page .cod-replica-order > header h2 { font-size: 20px; }
.cod-screenshot-replica-page .replica-selected-item { padding: 13px 8px 10px; border-bottom: 1px solid #eceef1; }
.cod-screenshot-replica-page .replica-selected-item > strong { padding: 0 0 7px; color: var(--replica-blue-dark); font-size: 13px; }
.cod-screenshot-replica-page .replica-selected-item p { display: flex; justify-content: space-between; gap: 12px; margin: 0; color: #33383f; font-size: 14px; }
.cod-screenshot-replica-page .replica-selected-item b { flex: 0 0 auto; font-weight: 500; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-price-lines { gap: 12px; padding: 18px 8px 14px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-price-lines p { gap: 18px; font-size: 15px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-price-lines del { font-size: 20px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-price-lines strong { font-size: 25px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-field-row { grid-template-columns: 92px minmax(0,1fr); min-height: 56px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-form-group { padding: 14px 8px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-form-label { margin-bottom: 9px; }
.cod-screenshot-replica-page .cod-replica-shipping-grid { gap: 4px; }
.cod-screenshot-replica-page .cod-replica-shipping-grid .shipping-method-card { position: relative; flex-wrap: wrap; min-height: 46px; padding: 5px 3px; border-radius: 2px; }
.cod-screenshot-replica-page .cod-replica-shipping-grid .shipping-method-card.is-selected { color: #fff; border-color: var(--replica-blue); background: var(--replica-blue); }
.cod-screenshot-replica-page .cod-replica-checkout-form .taiwan-area-grid { gap: 5px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .taiwan-area-grid select { min-height: 45px; padding: 6px; border-radius: 2px; font-size: 13px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-address-row { align-items: start; padding-top: 9px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-address-row textarea { min-height: 72px; resize: vertical; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-address-warning { margin: 8px 0 0; border-radius: 2px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-note-row { border-bottom: 1px solid #eceef1; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-payment-button { border-radius: 2px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-policy { padding: 15px 8px 18px; font-size: 12px; line-height: 1.65; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-submit { position: fixed; right: auto; bottom: 0; left: 50%; z-index: 80; width: min(100%,430px); min-height: 58px; transform: translateX(-50%); background: var(--replica-blue); }

.cod-screenshot-replica-page .cod-v1-floating-tools { right: max(2px, calc((100vw - min(100vw, 430px)) / 2 + 2px)); top: clamp(310px, 46dvh, 450px); gap: 5px; width: 36px; }
.cod-screenshot-replica-page .cod-v1-floating-tools > :where(.cod-v1-component) > button,
.cod-screenshot-replica-page .cod-v1-floating-tools > :where(.cod-v1-component) > a,
.cod-screenshot-replica-page .cod-v1-floating-tools [data-order-query-entry] { width: 36px; height: 36px; min-height: 36px; font-size: 11px; box-shadow: 0 2px 7px rgb(0 0 0 / 14%); }
.cod-screenshot-replica-page .cod-trust-line-mark { width: 27px; height: 21px; font-size: 7px; }
.cod-screenshot-replica-page .cod-v1-floating-tools .cod-trust-tool-back { color:#e24b46; }
.cod-screenshot-replica-page .cod-v1-floating-tools .cod-trust-tool-home { color:#18304f; }
.cod-screenshot-replica-page .cod-replica-service-stage { min-height:100dvh; padding-bottom:72px; background:#fff; }
.cod-screenshot-replica-page .cod-replica-service-header { position:relative; display:grid; min-height:58px; place-items:center; border-bottom:1px solid #e8eaee; background:#fff; }
.cod-screenshot-replica-page .cod-replica-service-header button { position:absolute; left:4px; top:7px; width:44px; min-height:44px; padding:0; color:#858b94; border:0; background:transparent; font-size:40px; font-weight:200; line-height:1; }
.cod-screenshot-replica-page .cod-replica-service-header h2 { margin:0; font-size:20px; font-weight:500; }
.cod-screenshot-replica-page .cod-replica-service-body { padding:18px 20px 26px; color:#33383f; }
.cod-screenshot-replica-page .cod-replica-service-body > p { margin:0 0 18px; color:#6b7179; font-size:13px; line-height:1.6; }
.cod-screenshot-replica-page .cod-replica-service-body form { display:grid; gap:14px; }
.cod-screenshot-replica-page .cod-replica-service-body label { display:grid; gap:7px; font-size:14px; font-weight:700; }
.cod-screenshot-replica-page .cod-replica-service-body input,
.cod-screenshot-replica-page .cod-replica-service-body select,
.cod-screenshot-replica-page .cod-replica-service-body textarea { width:100%; min-height:48px; padding:10px 12px; box-sizing:border-box; color:#252a31; border:1px solid #d4d9e1; border-radius:2px; background:#fff; font:inherit; }
.cod-screenshot-replica-page .cod-replica-service-body textarea { min-height:96px; resize:vertical; }
.cod-screenshot-replica-page .cod-replica-service-body form > small { color:#667085; font-size:11px; line-height:1.55; }
.cod-screenshot-replica-page .cod-replica-service-body form > button,
.cod-screenshot-replica-page .cod-replica-service-success > button { min-height:52px; color:#fff; border:0; border-radius:2px; background:var(--replica-blue); font-size:17px; font-weight:700; }
.cod-screenshot-replica-page .cod-replica-service-success > strong { display:block; margin:18px 0; color:#25834f; font-size:20px; }

/* Screenshot-derived Taiwan COD reference structure. Product data remains dynamic. */
.atl-theme-cod-blue-reference { width:min(100%,430px); color:#30343b; background:#fff; font-family:"Noto Sans TC","PingFang TC",Arial,sans-serif; }
.atl-theme-cod-blue-reference .atl-hero-reference-poster { color:inherit; background:#fff; }
.atl-theme-cod-blue-reference .atl-hero-reference-poster .atl-hero-media { aspect-ratio:1/1.03; background:#f4f4f4; }
.atl-theme-cod-blue-reference .atl-hero-reference-poster .atl-hero-media img { object-fit:cover; }
.atl-reference-price { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px 7px; background:#fff; }
.atl-reference-price > div { display:flex; align-items:center; gap:7px; }
.atl-reference-price strong { color:#7f9edb; font-size:27px; letter-spacing:.01em; }
.atl-reference-price del { color:#8e939a; font-size:16px; }
.atl-reference-price span { padding:4px 7px; color:#fff; border-radius:4px; background:#7f9edb; font-size:12px; white-space:nowrap; }
.atl-reference-copy { padding:7px 12px 14px; background:#fff; }
.atl-reference-copy > span { display:inline-block; margin:0 8px 4px 0; padding:2px 8px; color:#7190cd; border:1px solid #7f9edb; border-radius:5px; font-size:14px; }
.atl-reference-copy p { display:inline; font-size:17px; line-height:1.72; letter-spacing:.01em; }
.atl-reference-images img { display:block; width:100%; height:auto; }
.atl-theme-cod-blue-reference .atl-dynamic,.atl-theme-cod-blue-reference .atl-video-proof { padding:0 12px 16px; border:0; background:#fff; }
.atl-theme-cod-blue-reference .atl-dynamic h2,.atl-theme-cod-blue-reference .atl-video-proof h2 { font-size:20px; }
.atl-theme-cod-blue-reference .atl-video-proof video { display:block; width:100%; }
.atl-reference-countdown { display:flex; align-items:center; justify-content:flex-end; gap:5px; min-height:48px; padding:7px 14px; color:#7f9edb; background:#fff; font-size:14px; }
.atl-reference-countdown b { min-width:29px; padding:5px 4px; color:#fff; text-align:center; background:#7f9edb; font-size:15px; }
.atl-reference-countdown i { color:#7f9edb; font-style:normal; font-weight:900; }
.atl-theme-cod-blue-reference .atl-trust { padding:10px 12px 16px; border:0; background:#fff; }
.atl-theme-cod-blue-reference .atl-trust > small,.atl-theme-cod-blue-reference .atl-trust > h2 { display:none; }
.atl-theme-cod-blue-reference .atl-trust .atl-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.atl-theme-cod-blue-reference .atl-trust .atl-card-grid article { min-height:auto; padding:7px 2px; border:0; border-radius:0; color:#777; text-align:center; background:#fff; }
.atl-theme-cod-blue-reference .atl-trust .atl-card-grid article::before { content:"✔"; display:inline-grid; width:20px; height:20px; margin-right:4px; place-items:center; color:#fff; border-radius:50%; background:#888; }
.atl-theme-cod-blue-reference .atl-trust .atl-card-grid span { display:none; }
.atl-theme-cod-blue-reference .atl-trust .atl-card-grid strong { font-size:12px; }
.atl-theme-cod-blue-reference .atl-packages-five-tier-blue { padding:18px 10px 22px; border-top:8px solid #f0f4f5; background:#fff; }
.atl-theme-cod-blue-reference .atl-packages-five-tier-blue > small { display:none; }
.atl-theme-cod-blue-reference .atl-packages-five-tier-blue h2 { margin:0 0 10px; color:#7f9edb; font-size:19px; text-align:center; }
.atl-theme-cod-blue-reference .atl-packages-five-tier-blue .atl-package-list { gap:9px; }
.atl-theme-cod-blue-reference .atl-packages-five-tier-blue .atl-package-list article { min-height:76px; padding:12px 14px; border:1px solid #dbe3f4; border-radius:5px; box-shadow:0 4px 12px rgba(84,112,170,.12); }
.atl-theme-cod-blue-reference .atl-packages-five-tier-blue .atl-package-list article.active,.atl-theme-cod-blue-reference .atl-packages-five-tier-blue .atl-package-list article.is-recommended { color:#fff; border-color:#7f9edb; background:#7f9edb; box-shadow:0 5px 16px rgba(89,121,185,.3); }
.atl-theme-cod-blue-reference .atl-packages-five-tier-blue .atl-package-list article.active *,.atl-theme-cod-blue-reference .atl-packages-five-tier-blue .atl-package-list article.is-recommended * { color:inherit; }
.atl-theme-cod-blue-reference .atl-packages-five-tier-blue .atl-package-list em { top:-7px; background:#607ebd; }
.atl-theme-cod-blue-reference .atl-reference-rush { width:100%; margin-top:12px; color:#fff; border-radius:3px; background:#7f9edb; font-size:20px; }
.atl-theme-cod-blue-reference .atl-cod-reference-confirm-order { padding:0 10px 128px; border-top:8px solid #f0f4f5; background:#fff; }
.atl-theme-cod-blue-reference .atl-cod-reference-confirm-order > small { display:none; }
.atl-theme-cod-blue-reference .atl-cod-reference-confirm-order > h2 { margin:0 -10px 12px; padding:16px; border-bottom:1px solid #e8ebef; font-size:24px; font-weight:500; text-align:center; }
.atl-theme-cod-blue-reference .atl-cod-reference-confirm-order .atl-order-steps { display:none; }
.atl-theme-cod-blue-reference .atl-cod-reference-confirm-order > p { margin:0 0 10px; color:#666; font-size:13px; }
.atl-theme-cod-blue-reference .l-checkout { padding:0; }
.atl-theme-cod-blue-reference .l-checkout > header { display:none; }
.atl-theme-cod-blue-reference .landing-order-form { gap:0; padding:0; background:#fff; }
.atl-theme-cod-blue-reference .checkout-card { margin:0; padding:17px 8px; border:0; border-bottom:1px solid #eceef1; border-radius:0; box-shadow:none; }
.atl-theme-cod-blue-reference .checkout-group-heading h3 { font-size:17px; }
.atl-theme-cod-blue-reference .checkout-step { color:#7f9edb; background:#edf2fc; }
.atl-theme-cod-blue-reference .shipping-method-card.is-selected,.atl-theme-cod-blue-reference .cod-pay { border-color:#7f9edb; background:#f5f8ff; }
.atl-theme-cod-blue-reference .cod-order-submit-bar { left:50%; width:min(100%,430px); transform:translateX(-50%); background:#fff; }
.atl-theme-cod-blue-reference .cod-order-submit-bar button { border-radius:2px; background:#7f9edb; }
.atl-theme-cod-blue-reference .atl-faq { color:#414141; background:#fff; }
.atl-theme-cod-blue-reference .atl-sticky-reference-blue-confirm-order { grid-template-columns:1fr; padding:0 0 env(safe-area-inset-bottom); background:#fff; }
.atl-theme-cod-blue-reference .atl-sticky-reference-blue-confirm-order > .atl-sticky-summary { display:none; }
.atl-theme-cod-blue-reference .atl-sticky-reference-blue-confirm-order .atl-sticky-actions { display:grid; grid-template-columns:1fr; gap:0; }
.atl-theme-cod-blue-reference .atl-sticky-reference-blue-confirm-order .atl-sticky-actions:has([data-public-order-lookup]) { grid-template-columns:42% 58%; }
.atl-theme-cod-blue-reference .atl-sticky-reference-blue-confirm-order button,.atl-theme-cod-blue-reference .atl-sticky-reference-blue-confirm-order a { display:flex; min-height:62px; align-items:center; justify-content:center; border-radius:0; font-size:17px; text-decoration:none; }
.atl-theme-cod-blue-reference .atl-sticky-reference-blue-confirm-order .atl-sticky-secondary { color:#7f9edb; border:0; background:#fff; }
.atl-theme-cod-blue-reference .atl-sticky-reference-blue-confirm-order button:last-child { color:#fff; background:#7f9edb; }

/* Landing Template A: structural replica of the supplied Taiwan COD mobile screenshots. */
.cod-screenshot-replica-page {
  --replica-blue: #84a2dd;
  --replica-blue-dark: #6f8fcf;
  --replica-text: #35383e;
  width: min(100%, 430px);
  max-width: 100vw;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0 0 calc(68px + env(safe-area-inset-bottom));
  overflow-x: clip;
  color: var(--replica-text);
  background: #fff;
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
}
.cod-screenshot-replica-page { display: block; }
.cod-screenshot-replica-page > section { width: 100%; max-width: none; justify-self: stretch; }

.cod-screenshot-replica-page *,
.cod-screenshot-replica-page *::before,
.cod-screenshot-replica-page *::after { box-sizing: border-box; }
.cod-screenshot-replica-page button,
.cod-screenshot-replica-page input,
.cod-screenshot-replica-page select,
.cod-screenshot-replica-page textarea { font: inherit; }
.cod-screenshot-replica-page button { min-height: 44px; cursor: pointer; }

.cod-replica-hero { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 0; background: #f2eee5; }
.cod-replica-hero > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cod-replica-media-placeholder { display: grid; width: 100%; min-height: 260px; place-content: center; gap: 6px; padding: 24px; text-align: center; color: #6b7280; background: #f3f4f6; }

.cod-replica-price { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 10px 5px; border-bottom: 1px solid #eef0f3; background: #fff; }
.cod-replica-price > div:first-child { display: flex; align-items: baseline; gap: 7px; min-width: 0; }
.cod-replica-price strong { color: var(--replica-blue); font-size: 24px; letter-spacing: .01em; white-space: nowrap; }
.cod-replica-price del { color: #969aa1; font-size: 13px; white-space: nowrap; }
.cod-replica-benefit-tags { display: flex; flex: 0 0 auto; gap: 3px; }
.cod-replica-benefit-tags span { padding: 2px 4px; color: #fff; border: 1px solid var(--replica-blue); border-radius: 2px; background: var(--replica-blue); font-size: 10px; white-space: nowrap; }
.cod-replica-benefit-tags .outline { color: var(--replica-blue-dark); background: #fff; }

.cod-replica-selling { padding: 7px 10px 6px; border-bottom: 1px solid #f1f2f4; background: #fff; }
.cod-replica-selling p { margin: 0; color: #3e4146; font-size: 14px; line-height: 1.65; letter-spacing: 0; }
.cod-replica-selling p > span { display: inline-block; margin: 0 5px 2px 0; padding: 0 5px; color: var(--replica-blue-dark); border: 1px solid var(--replica-blue); border-radius: 2px; font-size: 11px; line-height: 20px; vertical-align: .08em; }
.cod-replica-selling strong { margin-right: 4px; font-weight: 700; }
.cod-replica-selling em { margin-right: 7px; font-style: normal; white-space: normal; }

.cod-replica-countdown { display: flex; min-height: 34px; align-items: center; justify-content: flex-end; gap: 3px; padding: 3px 10px; color: var(--replica-blue); background: #fff; font-size: 11px; }
.cod-replica-countdown b { min-width: 24px; padding: 2px 3px; color: #fff; text-align: center; background: var(--replica-blue); font-size: 11px; }
.cod-replica-countdown i { color: var(--replica-blue); font-style: normal; font-weight: 800; }

.cod-replica-trust { padding: 4px 10px 9px; border-bottom: 6px solid #eef2f3; background: #fff; }
.cod-replica-trust > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
.cod-replica-trust span { overflow: hidden; color: #777b80; font-size: 11px; text-align: center; white-space: nowrap; }
.cod-replica-trust small { display: block; margin-top: 5px; color: #5d6370; font-size: 11px; text-align: right; }

.cod-replica-detail { width: 100%; overflow: hidden; background: #fff; }
.cod-replica-detail figure { width: 100%; margin: 0; }
.cod-replica-detail img:not(.wanfan-customer-detail img) { display: block; width: 100%; height: auto; }
.cod-replica-detail figcaption { padding: 8px 12px 14px; color: #656b74; font-size: 13px; }

.cod-replica-packages { padding: 10px 10px 14px; border-top: 0; background: #fff; }
.cod-replica-packages h2 { margin: 0 0 7px; color: #3d424a; font-size: 16px; font-weight: 500; text-align: center; }
.cod-replica-packages > div { display: grid; gap: 7px; }
.cod-replica-package-line { display: grid; grid-template-columns: 24px minmax(0,1fr) auto; width: 100%; min-height: 62px; align-items: center; gap: 7px; padding: 8px 9px; color: #585d65; border: 1px solid #dce3f0; border-radius: 3px; text-align: left; background: #fff; box-shadow: none; }
.cod-replica-package-line em { font-style: normal; font-size: 17px; }
.cod-replica-package-line span { display: grid; min-width: 0; gap: 2px; font-size: 13px; line-height: 1.35; }
.cod-replica-package-line strong { font-size: 14px; font-weight: 700; }
.cod-replica-package-line small { overflow: hidden; color: #777d86; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.cod-replica-package-line b { color: #737982; font-size: 14px; white-space: nowrap; }
.cod-replica-package-line.active { color: #fff; border-color: var(--replica-blue); background: var(--replica-blue); outline: 0; }
.cod-replica-package-line.active b,
.cod-replica-package-line.active small { color: #fff; }
.cod-replica-rush { width: 100%; margin-top: 10px; color: #fff; border: 0; border-radius: 2px; background: var(--replica-blue); font-size: 20px; }

.cod-replica-order { padding: 0 12px 92px; border-top: 6px solid #eef2f3; background: #fff; }
.cod-replica-order > header { position: relative; display: grid; min-height: 64px; place-items: center; margin: 0 -12px; border-bottom: 1px solid #e8eaee; background: #fff; }
.cod-replica-order > header span { position: absolute; left: 14px; top: 5px; color: #8b9098; font-size: 52px; font-weight: 200; line-height: 1; }
.cod-replica-order > header h2 { margin: 0; font-size: 24px; font-weight: 500; }
.cod-replica-order-product { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 12px; padding: 12px 0 14px; background: linear-gradient(180deg,#fff,#fafafa); }
.cod-replica-order-product img { display: block; width: 112px; aspect-ratio: 1; object-fit: cover; }
.cod-replica-order-product p { display: -webkit-box; margin: 0; overflow: hidden; font-size: 14px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 6; }
.cod-replica-order-product strong { display: block; margin-top: 9px; color: var(--replica-blue); font-size: 23px; }
.cod-replica-order-packages { display: grid; gap: 10px; padding: 14px 0 18px; }
.cod-replica-order-packages > button { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; width: 100%; min-height: 76px; align-items: center; gap: 7px; padding: 11px 12px; color: #585d65; border: 1px solid #dce3f0; border-radius: 4px; text-align: left; background: #fff; box-shadow: 0 4px 12px rgba(84,112,170,.12); }
.cod-replica-order-packages > button.active { color: #fff; border-color: var(--replica-blue); background: var(--replica-blue); box-shadow: 0 5px 16px rgba(89,121,185,.28); }
.cod-replica-order-packages em { font-style: normal; font-size: 20px; }
.cod-replica-order-packages span { font-size: 14px; line-height: 1.42; }
.cod-replica-order-packages b { font-size: 15px; white-space: nowrap; }

.cod-replica-checkout-form { display: grid; width: 100%; gap: 0; padding: 0; color: #393d43; background: #fff; }
.cod-replica-checkout-form .replica-selected-item { padding: 12px 8px 18px; border-top: 1px solid #e9ebee; border-bottom: 6px solid #f5f5f5; }
.cod-replica-checkout-form .replica-selected-item > strong { display: block; padding: 10px 0; font-size: 15px; font-weight: 500; }
.cod-replica-checkout-form .replica-selected-item-card { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 12px; align-items: center; }
.cod-replica-checkout-form .replica-selected-item-card img { width: 96px; aspect-ratio: 1; object-fit: cover; border: 2px solid var(--replica-blue); border-radius: 3px; }
.cod-replica-checkout-form .replica-selected-item-card span { color: var(--replica-blue-dark); font-size: 14px; text-align: center; }
.cod-replica-checkout-form .replica-price-lines { display: grid; gap: 22px; padding: 25px 8px 20px; border-bottom: 1px solid #eceef1; }
.cod-replica-checkout-form .replica-price-lines p { display: flex; align-items: baseline; gap: 17px; margin: 0; font-size: 16px; }
.cod-replica-checkout-form .replica-price-lines del { color: var(--replica-blue); font-size: 23px; }
.cod-replica-checkout-form .replica-price-lines strong { color: var(--replica-blue); font-size: 27px; font-weight: 500; }
.cod-replica-checkout-form .replica-price-breakdown { gap: 8px; }
.cod-replica-checkout-form .replica-price-breakdown p { justify-content: space-between; gap: 12px; }
.cod-replica-checkout-form .replica-price-breakdown b { color: #344054; font-weight: 650; }
.cod-replica-checkout-form .replica-price-breakdown .replica-cod-total { margin-top: 4px; padding-top: 10px; border-top: 1px solid #d9e2f2; }
.cod-replica-checkout-form .replica-price-breakdown .replica-cod-total strong { color: var(--replica-blue); font-size: 24px; }
.cod-replica-checkout-form .replica-price-breakdown .replica-remote-notice,
.cod-replica-checkout-form .replica-price-breakdown .replica-unsupported-notice { display: block; padding: 8px 10px; border-left: 3px solid var(--replica-blue); background: #f1f6ff; color: #31558d; font-size: 12px; line-height: 1.5; }
.cod-replica-checkout-form .replica-price-breakdown .replica-unsupported-notice { border-left-color: #c53b35; background: #fff3f2; color: #9e2f2a; }
.cod-replica-checkout-form .replica-price-breakdown [hidden] { display: none !important; }
.cod-replica-checkout-form .replica-field-row { display: grid; grid-template-columns: 102px minmax(0,1fr); min-height: 62px; align-items: center; gap: 8px; border-bottom: 1px solid #eceef1; }
.cod-replica-checkout-form .replica-field-row > span { color: #25282d; font-size: 15px; font-weight: 700; }
.cod-replica-checkout-form .replica-required::before { content: "*"; margin-right: 6px; color: var(--replica-blue); }
.cod-replica-checkout-form input,
.cod-replica-checkout-form select,
.cod-replica-checkout-form textarea { width: 100%; min-width: 0; min-height: 48px; padding: 10px 5px; color: #34383e; border: 0; border-radius: 0; outline: 0; background: #fff; box-shadow: none; }
.cod-replica-checkout-form input:focus,
.cod-replica-checkout-form select:focus,
.cod-replica-checkout-form textarea:focus { box-shadow: inset 0 -2px var(--replica-blue); }
.cod-replica-checkout-form .replica-form-group { padding: 18px 8px; border-bottom: 1px solid #eceef1; }
.cod-replica-checkout-form .replica-form-label { display: block; margin-bottom: 12px; color: #25282d; font-size: 15px; font-weight: 700; }
.cod-replica-shipping-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
.cod-replica-shipping-grid .shipping-method-card { display: flex !important; min-height: 48px; align-items: center; justify-content: center; gap: 4px; padding: 7px; color: #30343a; border: 1px solid #d3d6db; border-radius: 3px; background: #fff; box-shadow: none; }
.cod-replica-shipping-grid .shipping-method-card.is-selected { color: #fff; border-color: var(--replica-blue); background: var(--replica-blue); box-shadow: none; }
.cod-replica-shipping-grid .shipping-method-card input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.cod-replica-shipping-grid .shipping-method-card i { display: none; }
.cod-replica-shipping-grid .shipping-method-card span { font-size: 15px; text-align: center; }
.cod-replica-checkout-form .taiwan-area-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.cod-replica-checkout-form .taiwan-area-grid label { min-width: 0; }
.cod-replica-checkout-form .taiwan-area-grid label > span { display: none; }
.cod-replica-checkout-form .taiwan-area-grid .district-field { grid-column: auto; }
.cod-replica-checkout-form .taiwan-area-grid select { min-height: 48px; padding: 7px 9px; border: 1px solid #d8dbe0; border-radius: 3px; font-size: 15px; text-overflow: ellipsis; }
.cod-replica-checkout-form .taiwan-area-grid .postal-code-field { grid-column: 1 / -1; }
.cod-replica-checkout-form .taiwan-area-grid input { width: 100%; min-height: 44px; box-sizing: border-box; padding: 7px 9px; border: 1px solid #d8dbe0; border-radius: 3px; background: #fff; font-size: 14px; }
.cod-replica-checkout-form .replica-address-warning { margin: 8px 0 0; padding: 9px 10px; color: #ef3a32; border: 1px solid #f1d5cc; border-radius: 2px; background: #fff0e8; font-size: 12px; line-height: 1.55; }
.cod-replica-checkout-form .replica-note-row { align-items: start; padding-top: 10px; border-bottom: 2px solid #f04438; }
.cod-replica-checkout-form .replica-note-row textarea { min-height: 86px; resize: vertical; }
.cod-replica-checkout-form .replica-payment-button { display: inline-flex; min-height: 48px; align-items: center; gap: 6px; padding: 9px 15px; color: #fff; border: 0; border-radius: 2px; background: var(--replica-blue); }
.cod-replica-checkout-form .replica-payment-button input { position: absolute; width: 1px; min-height: 0; opacity: 0; }
.cod-replica-checkout-form .replica-payment-button span { width: auto; min-width: 92px; color: inherit; white-space: nowrap; }
.cod-replica-checkout-form .replica-policy { padding: 18px 8px 22px; color: #4b4f56; font-size: 13px; line-height: 1.8; }
.cod-replica-checkout-form .replica-policy h3 { margin: 0 0 5px; font-size: 16px; font-weight: 500; }
.cod-replica-checkout-form .replica-policy p { margin: 0; }
.cod-replica-checkout-form .replica-submit { position: sticky; z-index: 12; bottom: calc(64px + env(safe-area-inset-bottom)); width: 100%; min-height: 58px; color: #fff; border: 0; border-radius: 0; background: var(--replica-blue); font-size: 19px; }

.cod-replica-fixed-bar { position: fixed; right: auto; bottom: 0; left: 50%; z-index: 80; display: grid; grid-template-columns: 1fr; width: min(100%,430px); min-height: 64px; padding-bottom: env(safe-area-inset-bottom); transform: translateX(-50%); border-top: 1px solid #e6e8ec; background: #fff; }
.cod-replica-fixed-bar:has([data-public-order-lookup]) { grid-template-columns: 42% 58%; }
.cod-replica-fixed-bar button,.cod-replica-fixed-bar a { display:flex; min-height:64px; align-items:center; justify-content:center; border:0; border-radius:0; font-size:18px; text-decoration:none; }
.cod-replica-fixed-bar button:first-child { color: var(--replica-blue-dark); background: #fff; }
.cod-replica-fixed-bar button:last-child { color: #fff; background: var(--replica-blue); }
.cod-replica-fixed-bar span { display: none; }

[data-countdown-values] { display:inline-flex; align-items:center; gap:3px; }
[data-countdown-expired] { font-size:inherit; }
[data-countdown-timer].is-expired { justify-content:center; }
[data-countdown-timer] [hidden],[data-limited-offer][hidden] { display:none !important; }

@media (min-width: 431px) {
  body:has(.cod-screenshot-replica-page) { background: #eef0f3; }
  .cod-screenshot-replica-page { box-shadow: 0 0 42px rgba(25,35,52,.16); }
}

@media (max-width: 390px) {
  .cod-replica-price strong { font-size: 24px; }
  .cod-replica-benefit-tags span { padding-inline: 4px; font-size: 11px; }
  .cod-replica-selling p { font-size: 16px; }
  .cod-replica-order-product { grid-template-columns: 98px minmax(0,1fr); }
  .cod-replica-order-product img { width: 98px; }
  .cod-replica-checkout-form .replica-field-row { grid-template-columns: 92px minmax(0,1fr); }
  .cod-replica-checkout-form .taiwan-area-grid { gap: 5px; }
  .cod-replica-checkout-form .taiwan-area-grid select { padding-inline: 5px; font-size: 14px; }
}

/* V2 final cascade: this must follow the historical replica declarations. */
.cod-screenshot-replica-page [hidden] { display:none !important; }
.cod-screenshot-replica-page[data-replica-view="checkout"] { padding-bottom:env(safe-area-inset-bottom); }
.cod-screenshot-replica-page[data-replica-view="checkout"] [data-replica-landing-footer],
.cod-screenshot-replica-page[data-replica-view="checkout"] [data-cod-trust-inherited] { display:none !important; }
.cod-screenshot-replica-page .cod-replica-packages { padding:7px 10px 10px; border-bottom:6px solid #eef2f3; }
.cod-screenshot-replica-page .cod-replica-packages > div { gap:1px; }
.cod-screenshot-replica-page .cod-replica-package-line { grid-template-columns:18px minmax(0,1fr) auto; min-height:44px; gap:4px; padding:3px 5px; border:0; border-bottom:1px solid #eef0f3; border-radius:0; color:#595f68; background:#fff; }
.cod-screenshot-replica-page .cod-replica-package-line em { font-size:13px; }
.cod-screenshot-replica-page .cod-replica-package-line span { display:block; font-size:12px; line-height:1.35; }
.cod-screenshot-replica-page .cod-replica-package-line strong { display:inline; margin-right:4px; font-size:13px; font-weight:500; }
.cod-screenshot-replica-page .cod-replica-package-line small { display:inline; color:#7d8289; font-size:11px; white-space:normal; }
.cod-screenshot-replica-page .cod-replica-package-line b { color:#66738a; font-size:13px; font-weight:500; }
.cod-screenshot-replica-page .cod-replica-package-line.is-recommended { color:#29384e; background:#f7f9fd; box-shadow:inset 3px 0 var(--replica-blue); }
.cod-screenshot-replica-page .cod-replica-package-line.active { color:#29384e; border-color:var(--replica-blue); background:#eef4ff; box-shadow:inset 3px 0 var(--replica-blue); }
.cod-screenshot-replica-page .cod-replica-package-line.active b,
.cod-screenshot-replica-page .cod-replica-package-line.active small { color:inherit; }
.cod-screenshot-replica-page .cod-replica-package-note { margin:6px 2px 0; color:#656a72; font-size:11px; line-height:1.45; }
.cod-screenshot-replica-page .cod-replica-rush { min-height:48px; margin-top:8px; border-radius:1px; font-size:17px; }
.cod-screenshot-replica-page .cod-replica-content-tabs { background:#fff; }
.cod-screenshot-replica-page .cod-replica-tabs { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid #e1e4e8; background:#f5f5f5; }
.cod-screenshot-replica-page .cod-replica-tabs button,
.cod-screenshot-replica-page .cod-replica-tab-display-only { display:flex; min-height:48px; align-items:center; justify-content:center; color:#454950; border:0; border-bottom:2px solid transparent; background:transparent; font-size:15px; font-weight:600; }
.cod-screenshot-replica-page .cod-replica-tabs button.active { color:#24282e; border-bottom-color:var(--replica-blue); background:#fff; }
.cod-screenshot-replica-page .cod-replica-tab-display-only { cursor:default; user-select:none; pointer-events:none; }
.cod-screenshot-replica-page .cod-replica-empty-detail { padding:34px 16px 90px; color:#8a8f96; text-align:center; }
.cod-screenshot-replica-page .cod-replica-review-slot .cod-global-reviews { width:100%; max-width:none; margin:0 0 80px; padding:2px 0 10px; border:0; border-radius:0; box-shadow:none; }
.cod-screenshot-replica-page .cod-replica-policy-section { width:100%; padding:0 0 calc(82px + env(safe-area-inset-bottom)); overflow:hidden; border-top:6px solid #eef2f3; background:#fff; }
.cod-screenshot-replica-page .cod-replica-policy-item { margin:0; border:0; border-bottom:1px solid #e4e6e9; background:#fff; }
.cod-screenshot-replica-page .cod-replica-policy-item summary { display:flex; min-height:48px; align-items:center; justify-content:space-between; gap:12px; padding:0 50px 0 14px; color:#363a40; background:#f7f7f7; cursor:pointer; font-size:15px; font-weight:600; list-style:none; }
.cod-screenshot-replica-page .cod-replica-policy-item summary::-webkit-details-marker { display:none; }
.cod-screenshot-replica-page .cod-replica-policy-item summary b { flex:0 0 auto; color:#7f858d; font-size:20px; font-weight:400; line-height:1; }
.cod-screenshot-replica-page .cod-replica-policy-item[open] summary b { transform:rotate(45deg); }
.cod-screenshot-replica-page .cod-replica-policy-copy { padding:13px 50px 17px 14px; color:#555b63; overflow-wrap:anywhere; font-size:14px; line-height:1.75; }
.cod-screenshot-replica-page .cod-replica-policy-copy p { margin:0 0 10px; }
.cod-screenshot-replica-page .cod-replica-policy-copy p:last-child { margin-bottom:0; }
.cod-screenshot-replica-page .cod-replica-policy-flow { display:grid; gap:6px; margin:0 0 13px; padding:0; list-style:none; counter-reset:policy-step; }
.cod-screenshot-replica-page .cod-replica-policy-flow li { position:relative; padding-left:24px; counter-increment:policy-step; }
.cod-screenshot-replica-page .cod-replica-policy-flow li::before { position:absolute; left:0; content:counter(policy-step); width:18px; height:18px; color:#fff; border-radius:50%; text-align:center; background:var(--replica-blue); font-size:11px; line-height:18px; }
.cod-screenshot-replica-page .cod-replica-policy-contact { display:grid; gap:7px; margin-top:12px; padding-top:12px; border-top:1px solid #eceef1; }
.cod-screenshot-replica-page .cod-replica-policy-contact p { display:grid; grid-template-columns:76px minmax(0,1fr); gap:8px; margin:0; }
.cod-screenshot-replica-page .cod-replica-policy-contact strong { color:#34383e; font-weight:600; }
.cod-screenshot-replica-page .cod-replica-policy-contact a { min-width:0; color:var(--replica-blue-dark); overflow-wrap:anywhere; }
.cod-screenshot-replica-page .cod-replica-policy-return { min-height:44px; margin-top:4px; padding:9px 18px; color:#fff; border:0; border-radius:2px; background:var(--replica-blue); font-size:15px; }
.cod-screenshot-replica-page .cod-replica-order { min-height:100vh; padding:0 12px 74px; border-top:0; }
.cod-screenshot-replica-page .cod-replica-order > header { min-height:58px; }
.cod-screenshot-replica-page .cod-replica-order > header button { position:absolute; left:2px; top:7px; min-width:44px; min-height:44px; padding:0; color:#8b9098; border:0; background:transparent; font-size:42px; font-weight:200; line-height:1; }
.cod-screenshot-replica-page .cod-replica-order > header h2 { font-size:20px; }
.cod-screenshot-replica-page .replica-selected-item { padding:13px 8px 10px; border-bottom:1px solid #eceef1; }
.cod-screenshot-replica-page .replica-selected-item > strong { padding:0 0 7px; color:var(--replica-blue-dark); font-size:13px; }
.cod-screenshot-replica-page .replica-selected-item p { display:flex; justify-content:space-between; gap:12px; margin:0; color:#33383f; font-size:14px; }
.cod-screenshot-replica-page .replica-selected-item b { flex:0 0 auto; font-weight:500; }
.cod-screenshot-replica-page .replica-selected-item-card { display:grid; grid-template-columns:58px minmax(0,1fr); align-items:center; gap:10px; }
.cod-screenshot-replica-page .replica-selected-item-card img { width:58px; height:58px; padding:2px; object-fit:contain; border:1px solid #dbe1ea; border-radius:2px; background:#fff; }
.cod-screenshot-replica-page .replica-selected-item-card span { color:#343940; font-size:14px; line-height:1.45; text-align:left; }
.cod-screenshot-replica-page .replica-checkout-packages { padding:12px 8px 14px; border-bottom:6px solid #f3f4f6; background:#fff; }
.cod-screenshot-replica-page .replica-checkout-package-heading { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:8px; }
.cod-screenshot-replica-page .replica-checkout-package-heading strong { color:var(--replica-blue-dark); font-size:15px; }
.cod-screenshot-replica-page .replica-checkout-package-heading span { color:#858b94; font-size:11px; }
.cod-screenshot-replica-page .replica-checkout-packages > div:last-child { display:grid; gap:0; border-top:1px solid #e5e8ed; }
.cod-screenshot-replica-page .replica-checkout-package { position:relative; display:grid; grid-template-columns:18px minmax(0,1fr) auto; min-height:58px; align-items:center; gap:7px; padding:7px 5px; color:#454b54; border:0; border-bottom:1px solid #e5e8ed; border-radius:0; background:#fff; text-align:left; box-shadow:none; }
.cod-screenshot-replica-page .replica-checkout-package > i { width:16px; height:16px; border:1px solid #aeb5bf; border-radius:50%; background:#fff; }
.cod-screenshot-replica-page .replica-checkout-package > span { display:grid; min-width:0; gap:2px; }
.cod-screenshot-replica-page .replica-checkout-package strong { font-size:14px; font-weight:600; }
.cod-screenshot-replica-page .replica-checkout-package small { color:#7a818b; font-size:11px; line-height:1.35; }
.cod-screenshot-replica-page .replica-checkout-package b { color:#64718a; font-size:15px; white-space:nowrap; }
.cod-screenshot-replica-page .replica-checkout-package em { position:absolute; top:3px; right:4px; color:var(--replica-blue); font-size:10px; font-style:normal; }
.cod-screenshot-replica-page .replica-checkout-package.is-selected { color:#29384e; background:#eef4ff; box-shadow:inset 3px 0 var(--replica-blue); }
.cod-screenshot-replica-page .replica-checkout-package.is-selected > i { border:5px solid var(--replica-blue); }
.cod-screenshot-replica-page .replica-checkout-package.is-selected b,
.cod-screenshot-replica-page .replica-checkout-package.is-selected small { color:inherit; }
body.public-landing-mode .cod-screenshot-replica-page .cod-replica-checkout-form .replica-checkout-package { display:grid !important; width:100% !important; min-height:58px !important; padding:7px 5px !important; color:#454b54 !important; border:0 !important; border-bottom:1px solid #e5e8ed !important; border-radius:0 !important; background:#fff !important; font-size:inherit !important; font-weight:400 !important; }
body.public-landing-mode .cod-screenshot-replica-page .cod-replica-checkout-form .replica-checkout-package.is-selected { color:#29384e !important; background:#eef4ff !important; box-shadow:inset 3px 0 var(--replica-blue) !important; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-price-lines { gap:12px; padding:18px 8px 14px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-price-lines p { gap:18px; font-size:15px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-price-lines del { font-size:20px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-price-lines strong { font-size:25px; }
.cod-screenshot-replica-page .replica-sku-selection { padding:12px 8px 14px; border-bottom:6px solid #f3f4f6; background:#fff; }
.cod-screenshot-replica-page .replica-sku-heading { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:8px; }
.cod-screenshot-replica-page .replica-sku-heading strong { color:var(--replica-blue); font-size:14px; font-weight:600; }
.cod-screenshot-replica-page .replica-sku-heading span { color:#858b94; font-size:11px; }
.cod-screenshot-replica-page .replica-sku-item { padding:10px 0 12px; border-top:1px solid #e5e8ed; }
.cod-screenshot-replica-page .replica-sku-item:first-of-type { border-top:0; }
.cod-screenshot-replica-page .replica-sku-item > p { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:0 0 8px; font-size:13px; }
.cod-screenshot-replica-page .replica-sku-item > p b { color:#34383e; font-weight:600; }
.cod-screenshot-replica-page .replica-sku-item > p span { min-width:0; color:#6c7480; font-size:12px; text-align:right; }
.cod-screenshot-replica-page .replica-sku-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.cod-screenshot-replica-page .replica-sku-option { position:relative; display:grid; min-width:0; min-height:128px; grid-template-rows:88px minmax(32px,auto); align-content:start; gap:4px; padding:5px; overflow:hidden; color:#4d535c; border:1px solid #d9dde4; border-radius:2px; background:#fff; box-shadow:none; }
.cod-screenshot-replica-page .replica-sku-image { display:block; box-sizing:border-box; width:100%; height:88px; padding:5px; overflow:hidden; background:#f8f9fb; }
.cod-screenshot-replica-page .replica-sku-image img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; background:transparent; }
.cod-screenshot-replica-page .replica-sku-name { display:-webkit-box; overflow:hidden; align-self:start; min-width:0; max-height:48px; color:inherit; font-size:12px; line-height:1.32; text-align:center; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.cod-screenshot-replica-page .replica-sku-option.is-selected { color:#385d9d; border:2px solid var(--replica-blue); padding:4px; background:#f7f9ff; }
.cod-screenshot-replica-page .replica-sku-option.is-selected::after { position:absolute; top:4px; right:4px; display:grid; width:17px; height:17px; place-items:center; content:"✓"; color:#fff; border-radius:50%; background:var(--replica-blue); font-size:11px; font-weight:700; line-height:1; }
body.public-landing-mode .cod-screenshot-replica-page .landing-order-form .replica-sku-option { display:grid !important; width:auto !important; min-height:128px !important; padding:5px !important; color:#4d535c !important; border:1px solid #d9dde4 !important; border-radius:2px !important; background:#fff !important; font-size:12px !important; font-weight:400 !important; }
body.public-landing-mode .cod-screenshot-replica-page .landing-order-form .replica-sku-option.is-selected { padding:4px !important; color:#385d9d !important; border:2px solid var(--replica-blue) !important; background:#f7f9ff !important; }
.cod-screenshot-replica-page .replica-sku-item.is-invalid { margin-inline:-3px; padding-inline:3px; outline:1px solid #df4b45; background:#fff7f6; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-field-row { grid-template-columns:92px minmax(0,1fr); min-height:56px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-form-group { padding:14px 8px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-form-label { margin-bottom:9px; }
.cod-screenshot-replica-page .cod-replica-shipping-grid { gap:4px; }
.cod-screenshot-replica-page .cod-replica-shipping-grid .shipping-method-card { position:relative; flex-wrap:wrap; min-height:46px; padding:5px 3px; border-radius:2px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .taiwan-area-grid { gap:5px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .taiwan-area-grid select { min-height:45px; padding:6px; border-radius:2px; font-size:13px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-address-row { align-items:start; padding-top:9px; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-address-row textarea { min-height:72px; resize:vertical; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-note-row { border-bottom:1px solid #eceef1; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-policy { padding:15px 8px 18px; font-size:12px; line-height:1.65; }
.cod-screenshot-replica-page .cod-replica-checkout-form .replica-submit { position:fixed; right:auto; bottom:0; left:50%; z-index:80; width:min(100%,430px); min-height:58px; transform:translateX(-50%); background:var(--replica-blue); }
.cod-screenshot-replica-page .cod-v1-floating-tools { right:max(2px,calc((100vw - min(100vw,430px))/2 + 2px)); top:clamp(310px,46dvh,450px); gap:5px; width:36px; }
.cod-screenshot-replica-page .cod-v1-floating-tools > :where(.cod-v1-component) > button,
.cod-screenshot-replica-page .cod-v1-floating-tools > :where(.cod-v1-component) > a,
.cod-screenshot-replica-page .cod-v1-floating-tools [data-order-query-entry] { width:36px; height:36px; min-height:36px; font-size:11px; box-shadow:0 2px 7px rgb(0 0 0 / 14%); }
.cod-screenshot-replica-page .cod-trust-line-mark { width:27px; height:21px; font-size:7px; }

/* Company COD V1: approved buyer reviews are a passive, seamless showcase. */
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-policy-section:has(+ :is(.cod-replica-recommendations,.cod-replica-review-showcase)) { padding-bottom:0; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-recommendations { width:100%; padding:0 12px calc(86px + env(safe-area-inset-bottom)); border-top:6px solid #eef2f3; background:#fff; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-recommendations:has(+ .cod-replica-review-showcase) { padding-bottom:16px; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-recommendations > header { display:flex; min-height:50px; align-items:center; margin:0 -12px 12px; padding:0 14px; border-bottom:1px solid #e3e6ea; background:#f5f5f5; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-recommendations h2 { margin:0; color:#30343a; font-size:17px; font-weight:650; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-recommendation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 10px; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-recommendation-card { display:grid; min-width:0; align-content:start; gap:6px; color:#343940; text-decoration:none; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-recommendation-cover { display:block; width:100%; aspect-ratio:1; overflow:hidden; border:1px solid #e1e4e8; background:#f7f8fa; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-recommendation-cover img { display:block; width:100%; height:100%; padding:3px; object-fit:contain; object-position:center; background:#fff; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-recommendation-card > strong { display:-webkit-box; min-height:38px; overflow:hidden; color:#3c4148; font-size:13px; font-weight:500; line-height:1.45; overflow-wrap:anywhere; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-recommendation-price { display:flex; min-width:0; align-items:baseline; gap:6px; white-space:nowrap; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-recommendation-price b { color:#7395d8; font-size:17px; font-weight:700; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-recommendation-price del { min-width:0; overflow:hidden; color:#9a9fa7; font-size:11px; font-weight:400; text-overflow:ellipsis; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-showcase { width:100%; padding:0 0 calc(86px + env(safe-area-inset-bottom)); border-top:6px solid #eef2f3; background:#fff; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-showcase > header { display:flex; min-height:50px; align-items:center; justify-content:space-between; gap:12px; margin:0; width:100%; padding:0 14px; border-bottom:1px solid #e3e6ea; background:#f5f5f5; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-showcase h2 { margin:0; color:#30343a; font-size:16px; font-weight:650; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-showcase > header span { color:#6f7680; font-size:13px; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-viewport { position:relative; margin:0 14px; height:360px; overflow:hidden; outline:0; touch-action:pan-y; overscroll-behavior:contain; scrollbar-width:none; pointer-events:none; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-viewport::-webkit-scrollbar { display:none; width:0; height:0; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-track { --review-loop-distance:0px; --review-loop-duration:90s; will-change:transform; transform:translate3d(0,0,0); }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-track.is-running { animation:cod-replica-review-loop var(--review-loop-duration) linear infinite; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-track.is-page-hidden { animation-play-state:paused; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-loop { display:block; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-item { padding:15px 2px 16px; border-bottom:1px solid #e7e9ed; color:#444a52; background:#fff; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-item > header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:5px; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-item > header strong { min-width:0; overflow:hidden; color:#33383f; font-size:13px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-item time { flex:0 0 auto; color:#969ca4; font-size:11px; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-stars { display:inline-flex; gap:0; margin-bottom:6px; font-size:16px; line-height:1; letter-spacing:1px; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-stars b { color:#ed6548; font-weight:400; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-stars i { color:#cfd3d9; font-style:normal; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-item p { margin:0; color:#4f555d; font-size:13px; line-height:1.65; overflow-wrap:anywhere; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-images { display:flex; align-items:center; gap:7px; margin-top:10px; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-images img { display:block; width:60px; height:60px; object-fit:cover; border:1px solid #e0e3e7; border-radius:2px; background:#f7f8fa; pointer-events:none; cursor:default; user-select:none; }
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-images span { display:grid; width:60px; height:60px; place-items:center; color:#747b85; border:1px solid #e0e3e7; background:#f5f6f8; font-size:12px; }
@keyframes cod-replica-review-loop { to { transform:translate3d(0,calc(-1 * var(--review-loop-distance)),0); } }

@media (hover:hover) and (pointer:fine) {
  :where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-showcase:hover .cod-replica-review-track { animation-play-state:paused; }
}

@media (prefers-reduced-motion:reduce) {
  :where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-track { animation:none !important; transform:none !important; will-change:auto; }
  :where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-loop[data-review-loop-set="copy"] { display:none; }
}

@media (max-width:390px) {
  :where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-showcase { padding-inline:0; }
  :where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-showcase > header { margin-inline:0; padding-inline:12px; }
  :where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-viewport { margin-inline:12px; height:340px; }
}

/* Checkout choice state follows the same package ID used for submission. */
.cod-screenshot-replica-page .replica-checkout-package,
body.public-landing-mode .cod-screenshot-replica-page .cod-replica-checkout-form .replica-checkout-package{box-sizing:border-box!important;border:1px solid #dce2eb!important;border-radius:6px!important;margin:4px 0!important;padding:10px 8px!important;cursor:pointer}
.cod-screenshot-replica-page .replica-checkout-package.is-selected,
body.public-landing-mode .cod-screenshot-replica-page .cod-replica-checkout-form .replica-checkout-package.is-selected{border:2px solid #2474df!important;padding:9px 7px!important;background:#eef4ff!important;box-shadow:none!important}
.cod-screenshot-replica-page .replica-checkout-package:focus-visible{outline:3px solid #84b2ff;outline-offset:2px}
/* A 100% content-box plus horizontal padding caused the right-hand white strip. */
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-showcase{box-sizing:border-box;min-width:0;max-width:100%}
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-showcase>header{box-sizing:border-box;min-width:0;flex-wrap:nowrap}
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-showcase>header h2{flex:1 1 auto;min-width:0}
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-showcase>header>span{flex:0 0 auto;white-space:nowrap}
:where(.cod-screenshot-replica-page,.cod-v1-latestReviews) .cod-replica-review-item>header{flex-wrap:wrap}