
/* Scoped to one Ueeshop description. No global resets or site navigation styles. */
#zx-coffee-white-coffee-v1 { box-sizing:border-box; display:block; width:100%; max-width:100%; margin:0; padding:0; background:#fff; color:#1a1a1a; font:400 16px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif; text-align:left; overflow-wrap:break-word; -webkit-text-size-adjust:100%; }
#zx-coffee-white-coffee-v1 *, #zx-coffee-white-coffee-v1 *::before, #zx-coffee-white-coffee-v1 *::after { box-sizing:border-box; }
#zx-coffee-white-coffee-v1 .zxc-wrap { display:block; max-width:860px; width:100%; margin:0 auto; padding:0 24px; }
#zx-coffee-white-coffee-v1 .zxc-hero { display:block; padding:48px 0 40px; border-bottom:1px solid #e5e3de; }
#zx-coffee-white-coffee-v1 .zxc-eyebrow { display:inline-block; padding:5px 13px; margin:0 0 19px; border-radius:99px; background:#fef3dc; color:#865500; font-size:12px; font-weight:600; line-height:1.6; letter-spacing:1.2px; text-transform:uppercase; }
#zx-coffee-white-coffee-v1 .zxc-title { display:block; margin:0 0 24px; padding:0; background:none; border:0; color:#1a1a1a; font-size:clamp(28px,4vw,41.6px); font-weight:700; line-height:1.25; letter-spacing:-.5px; text-transform:none; text-align:left; }
#zx-coffee-white-coffee-v1 .zxc-title em { font-style:normal; color:#b9790b; }
#zx-coffee-white-coffee-v1 .zxc-title span { display:block; }
#zx-coffee-white-coffee-v1 .zxc-pack { display:block; margin:0 0 24px; padding:0; }
#zx-coffee-white-coffee-v1 .zxc-pack a { display:block; max-width:560px; margin:0 auto; border:1px solid #e5e3de; border-radius:10px; background:#fff; overflow:hidden; }
#zx-coffee-white-coffee-v1 .zxc-pack img { display:block; width:100%; max-width:100%; height:auto; aspect-ratio:1; object-fit:contain; margin:0; padding:0; border:0; }
#zx-coffee-white-coffee-v1 .zxc-caption { display:block; margin:9px 0 0; color:#666; font-size:12px; line-height:1.6; text-align:center; }
#zx-coffee-white-coffee-v1 .zxc-intro { margin:0 0 28px; max-width:680px; color:#4a4a4a; font-size:16.8px; line-height:1.7; }
#zx-coffee-white-coffee-v1 .zxc-trust { display:flex; flex-wrap:wrap; gap:10px 22px; margin:0 0 28px; color:#4a4a4a; font-size:13px; line-height:1.6; }
#zx-coffee-white-coffee-v1 .zxc-trust span::before { content:"●"; color:#2d7a4f; margin-right:7px; font-size:10px; }
#zx-coffee-white-coffee-v1 .zxc-buttons { display:flex; flex-wrap:wrap; gap:12px; margin:0; }
#zx-coffee-white-coffee-v1 a.zxc-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:11px 26px; border:1.5px solid #f5a623; border-radius:10px; background:#f5a623; color:#1a1a1a; font-size:14px; line-height:1.5; font-weight:600; text-decoration:none; text-align:center; box-shadow:none; }
#zx-coffee-white-coffee-v1 a.zxc-button:hover { background:#ef9d13; border-color:#ef9d13; }
#zx-coffee-white-coffee-v1 a.zxc-button.zxc-secondary { background:#fff; border-color:#e5e3de; color:#1a1a1a; }
#zx-coffee-white-coffee-v1 a.zxc-button.zxc-secondary:hover { border-color:#c07d0e; background:#fef3dc; }
#zx-coffee-white-coffee-v1 a:focus-visible, #zx-coffee-white-coffee-v1 summary:focus-visible { outline:3px solid #2d7a4f; outline-offset:4px; }
#zx-coffee-white-coffee-v1 .zxc-section { display:block; margin:0; padding:56px 0; border:0; }
#zx-coffee-white-coffee-v1 .zxc-section + .zxc-section { border-top:1px solid #e5e3de; }
#zx-coffee-white-coffee-v1 .zxc-heading { display:block; margin:0 0 10px; padding:0; border:0; background:none; color:#6d9771; font-size:23.2px; line-height:1.4; font-weight:700; letter-spacing:0; text-transform:none; text-align:left; }
#zx-coffee-white-coffee-v1 .zxc-sub { margin:0 0 30px; padding:0; color:#686868; font-size:14.7px; line-height:1.7; }
#zx-coffee-white-coffee-v1 .zxc-prose p { margin:0 0 14px; color:#4a4a4a; font-size:14.7px; line-height:1.75; }
#zx-coffee-white-coffee-v1 table.zxc-table { display:table!important; width:100%!important; max-width:100%!important; min-width:0!important; table-layout:fixed!important; border-collapse:collapse!important; margin:24px 0 0!important; border:1px solid #e5e3de!important; background:#fff!important; font-size:14px; line-height:1.65; text-align:left; }
#zx-coffee-white-coffee-v1 .zxc-table thead { display:table-header-group!important; }
#zx-coffee-white-coffee-v1 .zxc-table tbody { display:table-row-group!important; }
#zx-coffee-white-coffee-v1 .zxc-table tr { display:table-row!important; height:auto!important; border:0!important; background:transparent!important; }
#zx-coffee-white-coffee-v1 .zxc-table th, #zx-coffee-white-coffee-v1 .zxc-table td { display:table-cell!important; min-width:0!important; height:auto!important; padding:12px 16px!important; border:1px solid #e5e3de!important; vertical-align:top!important; color:#4a4a4a!important; font-size:14px!important; line-height:1.65!important; text-align:left!important; white-space:normal!important; word-break:normal!important; overflow-wrap:anywhere!important; box-sizing:border-box!important; }
#zx-coffee-white-coffee-v1 .zxc-table th { width:35%!important; background:#f8f7f4!important; color:#1a1a1a!important; font-weight:600!important; }
#zx-coffee-white-coffee-v1 .zxc-table td { width:65%!important; background:#fff!important; font-weight:400!important; }
#zx-coffee-white-coffee-v1 .zxc-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; padding:0; }
#zx-coffee-white-coffee-v1 .zxc-card { display:block; min-width:0; margin:0; padding:21px 22px; border:1px solid #e5e3de; border-radius:10px; background:#f8f7f4; }
#zx-coffee-white-coffee-v1 .zxc-number { display:flex; align-items:center; justify-content:center; width:36px; height:36px; margin:0 0 13px; border-radius:8px; background:#fef3dc; color:#865500; font-size:13px; font-weight:700; }
#zx-coffee-white-coffee-v1 .zxc-card h3 { margin:0 0 8px; padding:0; color:#1a1a1a; font-size:14.7px; line-height:1.5; font-weight:600; text-transform:none; }
#zx-coffee-white-coffee-v1 .zxc-card p { margin:0; color:#4a4a4a; font-size:13.4px; line-height:1.65; }
#zx-coffee-white-coffee-v1 .zxc-note { margin:24px 0 0; padding:16px 20px; background:#fef3dc; border-left:3px solid #f5a623; color:#4a4a4a; font-size:14px; line-height:1.7; }
#zx-coffee-white-coffee-v1 .zxc-steps { display:block; list-style:none; margin:0; padding:0; counter-reset:steps; }
#zx-coffee-white-coffee-v1 .zxc-steps li { display:flex; gap:19px; align-items:flex-start; margin:0; padding:21px 0; border-bottom:1px solid #e5e3de; list-style:none; counter-increment:steps; }
#zx-coffee-white-coffee-v1 .zxc-steps li::before { content:counter(steps); display:flex; flex:0 0 32px; align-items:center; justify-content:center; width:32px; height:32px; background:#1a1a1a; color:#fff; border-radius:50%; font-size:13px; font-weight:600; }
#zx-coffee-white-coffee-v1 .zxc-steps h3 { margin:0 0 5px; color:#1a1a1a; font-size:15.2px; line-height:1.5; font-weight:600; }
#zx-coffee-white-coffee-v1 .zxc-steps p { margin:0; color:#4a4a4a; font-size:13.4px; line-height:1.65; }
#zx-coffee-white-coffee-v1 .zxc-tags { display:flex; flex-wrap:wrap; gap:8px; margin:22px 0 0; padding:0; }
#zx-coffee-white-coffee-v1 .zxc-tags span { padding:5px 12px; border-radius:99px; background:#eaf4ee; color:#2d704a; font-size:12.8px; line-height:1.6; }
#zx-coffee-white-coffee-v1 .zxc-docs { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0; }
#zx-coffee-white-coffee-v1 .zxc-docs span { padding:9px 14px; border:1px solid #e5e3de; border-radius:10px; background:#f8f7f4; color:#4a4a4a; font-size:13px; line-height:1.5; }
#zx-coffee-white-coffee-v1 .zxc-faq { display:block; margin:0; padding:0; border-bottom:1px solid #e5e3de; }
#zx-coffee-white-coffee-v1 .zxc-faq:first-of-type { border-top:1px solid #e5e3de; }
#zx-coffee-white-coffee-v1 .zxc-faq summary { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:52px; margin:0; padding:18px 0; color:#1a1a1a; font-size:15.2px; font-weight:600; line-height:1.6; list-style:none; cursor:pointer; }
#zx-coffee-white-coffee-v1 .zxc-faq summary::-webkit-details-marker { display:none; }
#zx-coffee-white-coffee-v1 .zxc-faq summary::after { content:"+"; flex:none; color:#865500; font-size:20px; line-height:1; font-weight:400; }
#zx-coffee-white-coffee-v1 .zxc-faq[open] summary::after { content:"−"; }
#zx-coffee-white-coffee-v1 .zxc-faq p { margin:0; padding:0 0 18px; max-width:680px; color:#4a4a4a; font-size:14.1px; line-height:1.75; }
#zx-coffee-white-coffee-v1 .zxc-related a { display:block; margin:0; color:#1a1a1a; text-decoration:none; }
#zx-coffee-white-coffee-v1 .zxc-related img { display:block; width:100%; height:auto; max-width:100%; aspect-ratio:1; object-fit:contain; border:1px solid #e5e3de; border-radius:8px; margin:0 0 16px; background:#fff; }
#zx-coffee-white-coffee-v1 .zxc-related h3 { margin-bottom:10px; }
#zx-coffee-white-coffee-v1 .zxc-related .zxc-link { display:block; margin-top:12px; color:#865500; font-size:13px; font-weight:600; text-decoration:underline; text-underline-offset:3px; }
#zx-coffee-white-coffee-v1 .zxc-cta { display:block; margin:0; padding:40px 32px; border-radius:14px; background:#1a1a1a; color:#fff; text-align:center; }
#zx-coffee-white-coffee-v1 .zxc-cta h2 { margin:0 0 14px; padding:0; color:#fff; font-size:22.4px; line-height:1.4; font-weight:700; text-align:center; }
#zx-coffee-white-coffee-v1 .zxc-cta p { max-width:560px; margin:0 auto 20px; color:#ddd; font-size:14.4px; line-height:1.75; }
#zx-coffee-white-coffee-v1 .zxc-cta .zxc-buttons { justify-content:center; }
@media(max-width:760px) {
 #zx-coffee-white-coffee-v1 .zxc-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
 #zx-coffee-white-coffee-v1 .zxc-wrap { padding:0 20px; }
 #zx-coffee-white-coffee-v1 .zxc-hero { padding:32px 0; }
 #zx-coffee-white-coffee-v1 .zxc-title { font-size:26.4px; letter-spacing:-.3px; }
 #zx-coffee-white-coffee-v1 .zxc-section { padding:40px 0; }
 #zx-coffee-white-coffee-v1 .zxc-heading { font-size:22px; }
 #zx-coffee-white-coffee-v1 .zxc-cards { grid-template-columns:1fr; }
 #zx-coffee-white-coffee-v1 .zxc-cta { padding:32px 20px; }
 #zx-coffee-white-coffee-v1 .zxc-table th, #zx-coffee-white-coffee-v1 .zxc-table td { padding:11px 12px!important; font-size:13px!important; }
 #zx-coffee-white-coffee-v1 .zxc-related .zxc-card { display:grid; grid-template-columns:88px minmax(0,1fr); gap:16px; padding:16px; align-items:start; }
 #zx-coffee-white-coffee-v1 .zxc-related .zxc-card>a { grid-column:1; }
 #zx-coffee-white-coffee-v1 .zxc-related img { margin:0; }
 #zx-coffee-white-coffee-v1 .zxc-related .zxc-copy { grid-column:2; }
}
@media(prefers-reduced-motion:reduce) { #zx-coffee-white-coffee-v1 * { scroll-behavior:auto; } }


/* Installed image blocks: natural dimensions; no scripts or lazy-load containers. */
#zx-coffee-white-coffee-v1 .zxc-media { display:block!important; float:none!important; position:static!important; width:100%!important; max-width:100%!important; height:auto!important; max-height:none!important; margin:26px 0!important; padding:0!important; overflow:visible!important; }
#zx-coffee-white-coffee-v1 .zxc-media .zxc-image-link { display:block!important; width:100%!important; max-width:100%!important; height:auto!important; margin:0!important; padding:0!important; border:1px solid #e5e3de; border-radius:10px; background:#f8f5f0; overflow:hidden; line-height:0!important; }
#zx-coffee-white-coffee-v1 .zxc-media img { display:block!important; float:none!important; position:static!important; width:100%!important; max-width:100%!important; height:auto!important; max-height:none!important; aspect-ratio:auto!important; object-fit:contain!important; margin:0!important; padding:0!important; border:0!important; opacity:1!important; visibility:visible!important; }
#zx-coffee-white-coffee-v1 .zxc-media .zxc-media-caption { display:block; margin:10px 0 0; padding:0; color:#666; font:400 12px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; text-align:center; }
#zx-coffee-white-coffee-v1 .zxc-hero-media { margin:0 0 26px!important; }
#zx-coffee-white-coffee-v1 .zxc-pack-reference { max-width:400px!important; margin:26px auto!important; }
#zx-coffee-white-coffee-v1 .zxc-cta .zxc-media-caption { color:#ddd; }
@media(max-width:600px){#zx-coffee-white-coffee-v1 .zxc-media{margin:22px 0!important;}#zx-coffee-white-coffee-v1 .zxc-pack-reference{max-width:320px!important;margin:22px auto!important;}}
