/* V3: V1 content / print flow, V2 editorial typography and full-screen finish study. */
:root { font-family:Arial,Helvetica,sans-serif; --accent:#f5f34c; }
.wd8230-page h1,.wd8230-page h2 { font-family:Arial,Helvetica,sans-serif; font-weight:500; letter-spacing:-.065em; line-height:1; }
.wd8230-page h3 { font-weight:500; letter-spacing:-.04em; }
/* Savoy defines heading colors directly; inherit each campaign surface instead. */
.wd8230-page :is(h1,h2,h3),
.wd8230-page :is(h1,h2,h3)>span { color:inherit!important; }
.wd8230-page .section :is(.benefit-grid,.steps-grid) p { color:var(--muted)!important; }
.wd8230-page h1>span,.wd8230-page h2>span { font-family:Georgia,'Times New Roman',serif; font-weight:400; font-style:italic; color:inherit; -webkit-text-stroke:0; }
.header { background:#101111; color:#fff; border-bottom:1px solid #ffffff26; padding:24px max(5vw,28px); }
.brand { font-family:Arial,Helvetica,sans-serif; font-size:21px; font-weight:800; letter-spacing:-1.1px; white-space:nowrap; display:inline-flex; align-items:baseline; min-height:44px; }
.brand>span { font-size:11px; vertical-align:super; margin-left:3px; }
.header nav { font-size:11px; letter-spacing:.04em; gap:28px; }
.header .nav-cta { background:transparent; color:#fff; border-bottom:1px solid #828781; padding:12px 0; }
.header .nav-cta>span { margin-left:24px; }
.wd8230-page::before { content:none; }
.wd8230-page::after { content:''; position:absolute; inset:var(--rail-start,93px) auto 0 2px; width:20px; background:url('./assets/brush-zigzag.svg') top center/20px 145px repeat-y; mix-blend-mode:difference; pointer-events:none; z-index:11; }
.v1-finish-study { height:260svh; margin:60px 0; width:100%; }
.v1-finish-sticky { height:100svh; min-height:0; }
.v1-finish-layer { overflow:hidden; background:#101111; color:#fff; isolation:isolate; z-index:0; }
.v1-finish-layer.blanc { background:#fff; color:#111; }
.v1-finish-layer img { position:absolute; left:50%; top:52%; transform:translate(-50%,-50%); width:min(76vw,1050px); height:76%; object-fit:contain; z-index:2; }
.v1-finish-layer>span { top:5%; right:4%; left:auto; font:400 clamp(90px,15vw,230px)/1 Arial,Helvetica,sans-serif; letter-spacing:-.08em; opacity:.05; }
.finish-editorial { position:absolute; left:6vw; top:7%; z-index:3; }
.finish-editorial p { font:10px/1.6 Arial,Helvetica,sans-serif; letter-spacing:.12em; margin:0 0 24px; }
.finish-editorial>div { font:500 clamp(36px,5.4vw,82px)/1 Arial,Helvetica,sans-serif; letter-spacing:-.065em; }
.finish-editorial em { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.v1-finish-line { top:0; bottom:0; width:16px; transform:translateX(-50%); background:url('./assets/brush-zigzag.svg') top center/16px 150px repeat-y; mix-blend-mode:difference; pointer-events:none; }
.finish-handle { position:absolute; z-index:5; left:clamp(26px,var(--finish),calc(100% - 26px)); top:50%; transform:translate(-50%,-50%); width:48px; height:48px; border:1px solid #777; border-radius:50%; background:#fff; color:#111; display:grid; place-items:center; font:24px/1 Arial,Helvetica,sans-serif; box-shadow:0 2px 12px #0003; cursor:ew-resize; touch-action:none; user-select:none; }
.finish-handle:focus-visible { outline:3px solid #598fe8; outline-offset:6px; }
.finish-hint { position:absolute; z-index:4; bottom:5%; left:6vw; margin:0; font:11px/1.5 Arial,Helvetica,sans-serif; color:#fff; mix-blend-mode:difference; pointer-events:none; }
.finish-resume { position:absolute; z-index:5; right:5vw; bottom:4%; min-height:44px; padding:12px 16px; border:1px solid #888; background:#fff; color:#111; font-size:11px; }
.v1-finish-controls { display:none; }
.finish-is-visible .mobile-order { display:none; }
.gallery-pending { margin-top:70px; }
@media(max-width:760px) {
  .header { padding:14px 24px 14px 36px; }
  .brand { font-size:19px; }
  .header nav>a:not(.nav-cta) { display:none; }
  .header .nav-cta { font-size:10px; padding:8px 0; }
  .header .nav-cta>span { margin-left:8px; }
  .wd8230-page::before { width:13px; }
  .wd8230-page::after { left:1px; width:11px; background-size:11px 110px; }
  .vertical-paper { z-index:0; width:100%; mix-blend-mode:normal; }
  .vertical-paper .vertical-mobile { display:none; }
  .v1-finish-study { height:220svh; }
  .v1-finish-layer img { width:96%; height:65%; top:55%; }
  .finish-editorial { left:34px; top:6%; }
  .finish-editorial>div { font-size:clamp(33px,8.5vw,58px); }
  .finish-editorial p { font-size:8px; margin-bottom:18px; }
  .v1-finish-layer>span { top:27%; font-size:20vw; }
  .finish-hint { bottom:12%; left:34px; right:20px; font-size:9px; }
  .finish-resume { bottom:5%; right:20px; }
}
@media(prefers-reduced-motion:reduce) {
  .v1-finish-study { height:auto; }
  .v1-finish-sticky { height:100svh; min-height:520px; position:relative; }
}
@media print { .wd8230-page::before,.wd8230-page::after,.finish-handle,.finish-resume { display:none; } }

/* Thermal photo tickets: original art direction, owner product photographs. */
.thermal-gallery { position:relative; margin:80px 0 0; isolation:isolate; }
.thermal-sticky { position:relative; min-height:740px; overflow:hidden; }
.thermal-heading { position:relative; z-index:2; padding:40px 6vw 20px; width:65%; color:#fff; mix-blend-mode:difference; }
.thermal-heading>p { font:11px/1.6 Arial,Helvetica,sans-serif; letter-spacing:.06em; margin:0 0 18px; }
.thermal-heading h3 { font:500 clamp(35px,5vw,74px)/1 Arial,Helvetica,sans-serif; letter-spacing:-.065em; margin:0 0 20px; }
.thermal-heading em { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.thermal-printer { position:absolute; z-index:5; width:24%; right:3%; top:20%; pointer-events:none; }
.thermal-printer>img { width:100%; height:auto; filter:drop-shadow(0 18px 24px #0003); }
.thermal-printer>span { display:block; font:9px/1.4 monospace; text-align:center; margin-top:16px; color:#111; }
.thermal-outlet { position:absolute; right:15%; top:42%; width:12%; height:15%; border-right:5px solid #222; border-bottom:5px solid #222; border-radius:0 0 35px 0; opacity:.5; z-index:0; }
.thermal-window { position:relative; overflow-x:auto; overflow-y:hidden; margin-top:30px; padding:25px 45px 85px; width:77%; scrollbar-width:thin; }
.thermal-track { display:flex; gap:26px; width:max-content; padding:10px 15px 10px 0; }
.thermal-ticket { position:relative; flex:0 0 245px; width:245px; display:flex; flex-direction:column; align-items:stretch; padding:18px; background:#111!important; color:#fff!important; border:1px solid #555; border-top:4px dotted #ccc; border-bottom:4px dotted #ccc; border-radius:2px 2px 5px 5px; box-shadow:0 12px 20px #0004; text-align:left; cursor:pointer; transform-origin:top center; }
.thermal-ticket:disabled { opacity:1; cursor:default; }
.thermal-ticket img { display:block; width:100%; height:173px; object-fit:contain; image-rendering:auto; background:#000; }
.thermal-ticket-top { display:flex; justify-content:space-between; border-bottom:1px dashed #aaa; padding-bottom:12px; margin-bottom:12px; font:8px/1.5 monospace; }
.thermal-ticket-title { display:block; margin:14px 0 8px; font:18px/1.2 monospace; }
.thermal-ticket-finish { display:block; font:9px/1.6 monospace; letter-spacing:.08em; }
.thermal-ticket-bottom { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; }
.thermal-ticket-bottom .real-qr { background:#fff; flex:none; }
.thermal-barcode { display:block; flex:1; height:40px; background:repeating-linear-gradient(90deg,#fff 0 1px,transparent 1px 3px,#fff 3px 6px,transparent 6px 8px,#fff 8px 10px,transparent 10px 13px); }
.thermal-open { font:8px/1.5 monospace; margin-top:12px; border-top:1px dashed #888; padding-top:10px; }
.thermal-note { position:relative; margin:0 6vw; font:10px/1.6 monospace; color:#fff; mix-blend-mode:difference; }
.thermal-navigation { display:flex; justify-content:flex-end; gap:10px; padding:15px 6vw 30px; }
.thermal-navigation button { min-width:44px; min-height:44px; border:1px solid #666; background:#fff; color:#111; font-size:22px; }
.thermal-motion { height:500svh; }
.thermal-motion .thermal-sticky { position:sticky; top:0; height:100svh; min-height:650px; }
.thermal-motion .thermal-window { position:absolute; left:0; top:28%; bottom:11%; overflow:hidden; margin:0; padding-top:20px; padding-bottom:60px; }
.thermal-motion .thermal-heading { padding-top:5vh; }
.thermal-motion .thermal-note { position:absolute; bottom:5%; left:6vw; margin:0; max-width:65%; }
.thermal-motion .thermal-navigation { position:absolute; right:0; bottom:1%; padding-bottom:20px; }
.thermal-is-visible .mobile-order { display:none; }
.thermal-dialog { width:min(900px,calc(100% - 32px)); max-height:90svh; border:1px solid #aaa; padding:24px; background:#fff; color:#111; }
.thermal-dialog::backdrop { background:#000b; }
.thermal-dialog>button { display:block; margin:0 0 15px auto; min-height:44px; padding:10px 20px; border:1px solid #111; background:#fff; color:#111; }
.thermal-dialog>img { max-height:65svh; width:100%; object-fit:contain; }
.thermal-dialog>p { font:12px/1.5 monospace; text-align:center; margin:15px 0 0; }
/* Large and small labels share one physical scale: 100mm is twice 50mm. */
.packing-art { height:620px; }
.packing-art .work-printer { top:270px; left:10px; width:230px; height:230px; z-index:2; }
.packing-art .parcel-front { width:210px; height:270px; padding:20px; bottom:70px; z-index:3; }
.packing-art .parcel-back { width:155px; height:155px; right:25px; top:45px; padding:18px; }
.parcel-front::before,.parcel-back::before { z-index:0; }
.parcel-transfer { width:170px; position:relative; z-index:4; }
.parcel-front .parcel-mini { position:relative; z-index:2; width:85px; margin:25px 0 0 6px; }
.parcel-back .parcel-mini { position:relative; z-index:2; width:85px; margin-top:20px; }
.parcel-front .shipping-label { box-shadow:0 2px 3px #0003; }
.parcel-transfer .shipping-label { box-shadow:0 3px 5px #0003; }
@media(max-width:760px) {
  .thermal-heading { padding-left:34px; width:88%; }
  .thermal-heading h3 { font-size:36px; }
  .thermal-heading>p { font-size:9px; max-width:75%; }
  .thermal-printer { width:32%; top:27%; right:3%; }
  .thermal-printer>span { font-size:7px; }
  .thermal-outlet { right:18%; top:36%; height:12%; }
  .thermal-window { width:70%; padding-left:30px; }
  .thermal-ticket { flex-basis:185px; width:185px; padding:13px; }
  .thermal-ticket img { height:135px; }
  .thermal-ticket-title { font-size:15px; }
  .thermal-ticket-top { font-size:7px; }
  .thermal-ticket-bottom .real-qr { width:46px; height:46px; }
  .thermal-motion { height:600svh; }
  .thermal-motion .thermal-window { top:37%; bottom:10%; padding-top:10px; }
  .thermal-motion .thermal-sticky { min-height:650px; }
  .thermal-motion .thermal-heading { padding-top:4vh; }
  .thermal-motion .thermal-note { left:34px; max-width:60%; font-size:8px; bottom:5%; }
  .packing-art { height:650px; transform:none; }
  .packing-art .work-printer { width:145px; height:145px; left:0; top:320px; }
  .packing-art .parcel-front { width:155px; height:230px; padding:13px; bottom:50px; right:0; }
  .parcel-transfer { width:128px; }
  .parcel-front .parcel-mini { width:64px; }
  .packing-art .parcel-back { top:70px; right:10px; width:130px; height:140px; }
  .parcel-back .parcel-mini { width:64px; }
  .packing-art>small { font-size:6px; }
}
@media(prefers-reduced-motion:reduce) { .thermal-gallery { height:auto; } .thermal-window { overflow-x:auto; } }
@media(max-height:750px) and (prefers-reduced-motion:no-preference) {
  .thermal-motion .thermal-sticky { min-height:0; }
  .thermal-motion .thermal-heading { padding-top:20px; }
  .thermal-motion .thermal-heading h3 { font-size:32px; margin-bottom:10px; }
  .thermal-motion .thermal-heading>p { margin-bottom:10px; }
  .thermal-motion .thermal-window { top:30%; bottom:9%; }
  .thermal-motion .thermal-ticket { padding:10px; }
  .thermal-motion .thermal-ticket img { height:80px; }
  .thermal-motion .thermal-ticket-title { margin:8px 0 4px; font-size:14px; }
  .thermal-motion .thermal-ticket-bottom { margin-top:8px; }
  .thermal-motion .thermal-ticket-top { margin-bottom:8px; padding-bottom:8px; }
}

/* Eight paired tickets: white paper on dark, black paper on light, a warm seam. */
.thermal-backdrop { position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; }
.thermal-window { width:100%; }
.thermal-motion .thermal-window { width:100%; top:30%; }
.thermal-motion { height:360svh; }
.thermal-ticket { padding:0; background:transparent!important; overflow:hidden; isolation:isolate; }
.thermal-ticket-face { display:flex; flex-direction:column; align-items:stretch; padding:18px; }
.thermal-ticket-face.paper-white { background:#fff; color:#111; }
.thermal-ticket-face.paper-black { position:absolute; inset:0; background:#111; color:#fff; clip-path:inset(0 0 0 calc(100% - var(--change,0%))); z-index:2; }
.paper-white .thermal-barcode { background:repeating-linear-gradient(90deg,#111 0 1px,transparent 1px 3px,#111 3px 6px,transparent 6px 8px,#111 8px 10px,transparent 10px 13px); }
.thermal-heat { position:absolute; z-index:3; top:0; bottom:0; left:calc(100% - var(--change,0%)); width:12px; transform:translateX(-50%); opacity:var(--heat,0); background:linear-gradient(90deg,transparent,#f84921aa,#ffb263cc,#f8492188,transparent); box-shadow:0 0 18px #ff662899; pointer-events:none; }
.packing-art { height:520px; }
.packing-art .work-printer { left:auto; right:185px; top:120px; width:330px; height:330px; }
.packing-art .parcel-front { top:180px; bottom:auto; }
@media(max-width:760px) {
  .thermal-motion { height:420svh; }
  .thermal-ticket-face { padding:13px; }
  .thermal-motion .thermal-window { top:34%; }
  .packing-art { height:510px; }
  .packing-art .work-printer { left:auto; right:min(80px,16vw); top:calc(410px - clamp(248px,70vw,300px)); width:clamp(248px,70vw,300px); height:clamp(248px,70vw,300px); }
  .packing-art .parcel-front { top:180px; bottom:auto; }
}
@media(max-height:750px) and (prefers-reduced-motion:no-preference) {
  .thermal-motion .thermal-ticket { padding:0; }
  .thermal-motion .thermal-ticket-face { padding:10px; }
  .thermal-motion .thermal-window { top:30%; }
}
@media(prefers-reduced-motion:reduce) { .thermal-heat { display:none; } }
/* Share the original desktop paper edge rather than restarting it at this scene. */
@media(min-width:761px) {
  .thermal-backdrop { display:none; }
  .thermal-heading { width:45%; color:#fff; mix-blend-mode:normal; }
  .thermal-motion .thermal-note { max-width:40%; color:#fff; mix-blend-mode:normal; }
}
.packing-art .work-printer>img { display:block; width:100%; height:auto; object-fit:contain; }
/* Native photo coordinates: slot centre (372,454) on the 740×698 image.
   Avoid the vertical centering that the old square object-fit box introduced. */
.packing-feed { position:absolute; z-index:3; left:21.8%; top:61.4%; width:57%; height:39%; overflow:hidden; pointer-events:none; }
.packing-feed::after { content:''; position:absolute; top:0; left:0; right:0; height:4px; z-index:2; background:linear-gradient(#090909b0,#09090930,transparent); pointer-events:none; }
.packing-feed-ticket { width:100%; }
.packing-feed .format-label { clip-path:polygon(2% 0,98% 0,100% 100%,0 100%); box-shadow:none; border:0; filter:drop-shadow(0 3px 2px #0003); }
/* One virtual scale for 100×100, 60×40, 50×30 and the new 30×15 tags. */
.interlude-labels { --sheet-width:250px; }
.interlude-labels>.shipping-label:nth-child(1) { width:var(--sheet-width); }
.interlude-labels>.shipping-label:nth-child(2) { width:calc(var(--sheet-width)*.6); top:190px; right:38%; }
.interlude-labels>.shipping-label:nth-child(3) { width:calc(var(--sheet-width)*.5); top:400px; right:5%; }
.interlude-labels>.micro-label { width:calc(var(--sheet-width)*.3); box-shadow:0 6px 14px #0002; }
.interlude-labels>.micro-label:nth-child(4) { top:75px; right:60%; transform:rotate(-9deg); }
.interlude-labels>.micro-label:nth-child(5) { top:340px; right:50%; transform:rotate(7deg); }
.interlude-labels>.micro-label:nth-child(6) { top:540px; right:20%; transform:rotate(-5deg); }
@media(max-width:760px) {
  .interlude-labels { --sheet-width:180px; }
  .interlude-labels>.shipping-label:nth-child(2) { top:160px; right:42%; }
  .interlude-labels>.shipping-label:nth-child(3) { top:310px; right:10%; }
  .interlude-labels>.micro-label:nth-child(4) { top:75px; right:65%; }
  .interlude-labels>.micro-label:nth-child(5) { top:235px; right:5%; }
  .interlude-labels>.micro-label:nth-child(6) { top:370px; right:50%; }
}
.offer-price-caption { display:block; font:9px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.14em; margin-bottom:10px; }
.wd8230-page .hero .price strong,.wd8230-page .offer .price strong { font-size:clamp(52px,5.5vw,82px); font-weight:500; letter-spacing:-.07em; line-height:1; }
.price-perks { display:flex; flex-wrap:wrap; gap:9px 18px; margin-top:16px; font:12px/1.6 Arial,Helvetica,sans-serif; }
.price-perks>span { border-bottom:1px solid #888; padding-bottom:4px; }
.offer-gift-card { display:flex; align-items:center; gap:18px; padding:20px; margin:30px 0 0; background:#fff; color:#111; border:1px solid #aaa; border-radius:4px; }
.offer-gift-card img { width:45%; height:auto; object-fit:contain; mix-blend-mode:multiply; }
.offer-gift-card>div { min-width:0; }
.offer-gift-card span { display:inline-block; padding:5px 7px; background:var(--accent); color:#111; font:8px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.05em; margin-bottom:9px; }
.offer-gift-card b { display:block; font-size:clamp(18px,2vw,26px); font-weight:500; letter-spacing:-.04em; }
.offer-gift-card p { color:#444; margin:8px 0 0; font:12px/1.5 monospace; }
.offer-package { margin:26px 0; }
.offer-package>div { display:flex; justify-content:space-between; align-items:start; gap:20px; padding:16px 0; border-bottom:1px solid #888; font-size:12px; line-height:1.6; }
.offer-package dd { margin:0; font-weight:700; white-space:nowrap; }
.offer-package .offer-package-total { font-size:20px; font-weight:500; border-bottom:0; }
.offer .cta { width:100%; justify-content:space-between; }
.mobile-order>div { min-width:0; }
.mobile-order b { font-size:12px; }
.mobile-order>div>span { font-size:8px; }
@media(max-width:760px) {
  .wd8230-page .hero .price strong,.wd8230-page .offer .price strong { font-size:58px; }
  .offer-gift-card { gap:12px; padding:14px; }
  .offer-gift-card b { font-size:20px; }
}
/* Tactile order buttons, with a clear directional circle rather than a flat bar. */
.wd8230-page .cta { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; min-height:76px; padding:13px 14px 13px 24px; border:1px solid #e1dc32; border-radius:16px; background:#f5f34c; color:#111; box-shadow:0 5px 0 #b8b52b,0 12px 24px #0002; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }
.cta-copy { display:block; text-align:left; font:600 15px/1.3 Arial,Helvetica,sans-serif; letter-spacing:-.02em; }
.cta-copy small { display:block; font-size:10px; font-weight:400; letter-spacing:.08em; margin-top:6px; opacity:.75; }
.cta-round { display:grid; place-items:center; flex:0 0 46px; width:46px; height:46px; border-radius:50%; background:#111; color:#f5f34c; font:24px/1 Arial,Helvetica,sans-serif; transition:transform .18s ease; }
.wd8230-page .cta:hover { transform:translateY(-2px); box-shadow:0 7px 0 #b8b52b,0 14px 26px #0003; }
.cta:hover .cta-round { transform:rotate(45deg); }
.wd8230-page .cta:active { transform:translateY(3px); box-shadow:0 2px 0 #b8b52b; }
.wd8230-page .cta-secondary { background:transparent; color:inherit; border-color:#888; box-shadow:none; }
.cta-secondary .cta-round { background:transparent; color:inherit; border:1px solid #888; }
.mobile-order>a { display:flex; align-items:center; justify-content:space-between; gap:10px; border-radius:12px; padding:11px 12px; min-height:48px; box-shadow:0 3px 0 #b8b52b; font-size:11px; }
.mobile-cta-arrow { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#111; color:#f5f34c; font-size:18px; flex:none; }
.delivery-moto { margin:28px 0; }
.moto-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:12px; }
.moto-heading>span { font:9px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.12em; }
.moto-heading b { font-size:26px; font-weight:500; letter-spacing:-.05em; text-align:right; }
.moto-heading small { display:block; font-size:10px; letter-spacing:0; margin-top:3px; font-weight:400; }
.moto-road { position:relative; height:132px; overflow:hidden; border:1px solid #bbb; border-radius:12px; background:#fff; color:#111; }
.moto-road::before { content:''; position:absolute; left:0; right:0; bottom:20px; height:2px; background:#333; }
.moto-road-dashes { position:absolute; left:-50%; right:0; bottom:10px; height:2px; background:repeating-linear-gradient(90deg,#888 0 15px,transparent 15px 38px); animation:moto-road-speed .5s linear infinite paused; }
.moto-runner { position:absolute; top:15px; left:-180px; width:180px; height:auto; animation:moto-dash 2.4s linear infinite paused; }
.moto-runner svg { display:block; width:100%; height:auto; }
.moto-body { animation:moto-bounce .16s ease-in-out infinite alternate paused; transform-origin:center; }
.moto-wheel { transform-box:fill-box; transform-origin:center; animation:moto-wheel-spin .28s linear infinite paused; }
.moto-speed { animation:moto-wind .25s ease-in-out infinite alternate paused; }
.moto-running .moto-runner,.moto-running .moto-body,.moto-running .moto-wheel,.moto-running .moto-speed,.moto-running .moto-road-dashes { animation-play-state:running; }
.delivery-moto.moto-paused .moto-runner,.delivery-moto.moto-paused .moto-body,.delivery-moto.moto-paused .moto-wheel,.delivery-moto.moto-paused .moto-speed,.delivery-moto.moto-paused .moto-road-dashes { animation-play-state:paused; }
.moto-toggle { position:absolute; right:6px; top:6px; z-index:3; min-width:44px; min-height:44px; border:1px solid #aaa; border-radius:50%; background:#fff; color:#111; font-size:15px; }
.offer .split>div:last-child .delivery-moto>p { margin-top:10px; font:10px/1.6 Arial,Helvetica,sans-serif; color:inherit; opacity:.75; }
@keyframes moto-dash { from { left:-180px; } to { left:100%; } }
@keyframes moto-road-speed { to { transform:translateX(-38px); } }
@keyframes moto-bounce { to { transform:translateY(-1px); } }
@keyframes moto-wheel-spin { to { transform:rotate(360deg); } }
@keyframes moto-wind { to { opacity:.35; transform:translateX(-3px); } }
@media(max-width:760px) {
  .wd8230-page .cta { min-height:72px; padding-left:18px; gap:14px; }
  .cta-copy { font-size:14px; }
  .cta-round { width:40px; height:40px; flex-basis:40px; }
  .mobile-order { gap:8px; }
  .mobile-order>a { flex:1; max-width:210px; }
}
@media(prefers-reduced-motion:reduce) {
  .wd8230-page .cta,.cta-round { transition:none; }
  .moto-runner { animation:none; left:calc(50% - 90px); }
  .moto-body,.moto-wheel,.moto-speed,.moto-road-dashes { animation:none; }
  .moto-toggle { display:none; }
}
/* High-visibility offer: one clear price, two substantial included-benefit cards. */
.wd8230-page .price.offer-promo { position:relative; padding:26px; border:2px solid #111; border-radius:20px; background:#f5f34c; color:#111; --muted:#333; box-shadow:0 7px 0 #111,0 16px 28px #0002; }
.offer-promo>.offer-price-caption { display:inline-block; margin:0 0 16px; padding:7px 11px; background:#111; color:#fff; border-radius:30px; font-size:9px; letter-spacing:.12em; }
.wd8230-page .price.offer-promo>strong { font:600 clamp(56px,7vw,104px)/.95 Arial,Helvetica,sans-serif; letter-spacing:-.075em; color:#111; white-space:nowrap; }
.offer-promo .price-perks { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:24px; }
.offer-promo .price-perks>.promo-perk { display:flex; flex-direction:column; gap:8px; padding:16px; background:#fff; color:#111; border:1px solid #111; border-radius:12px; min-width:0; }
.promo-perk-tag { display:block; align-self:flex-start; font:700 8px/1.4 Arial,Helvetica,sans-serif; letter-spacing:.08em; border-bottom:2px solid #f5f34c; padding-bottom:3px; }
.promo-perk b { display:block; font:600 15px/1.3 Arial,Helvetica,sans-serif; letter-spacing:-.025em; }
.promo-perk-detail { display:block; font:10px/1.5 Arial,Helvetica,sans-serif; color:#444; }
.wd8230-page .price.offer-promo>small { color:#333; font-size:10px; line-height:1.5; margin-top:16px; }
.wd8230-page .final .price.offer-promo { padding:16px; border-radius:14px; }
.wd8230-page .final .price.offer-promo>strong { font-size:clamp(36px,4vw,58px); }
.final .offer-promo .price-perks { grid-template-columns:1fr; }
.final .promo-perk { padding:12px; }
@media(max-width:1100px) { .offer-promo .price-perks { grid-template-columns:1fr; } }
@media(max-width:760px) {
  .wd8230-page .price.offer-promo { padding:18px; border-radius:16px; }
  .offer-promo .price-perks { gap:10px; margin-top:20px; }
  .offer-promo .price-perks>.promo-perk { padding:14px; }
  .promo-perk b { font-size:15px; }
}
/* Courier vignette: layered town, branded parcel, helmeted rider and depth. */
.moto-road { height:190px; border-color:#aaa; background:linear-gradient(#fff 65%,#fafafa 65%); }
.moto-route-label { position:absolute; z-index:2; top:18px; left:16px; display:flex; align-items:center; gap:9px; color:#555; font:8px/1.5 Arial,Helvetica,sans-serif; letter-spacing:.08em; }
.moto-route-label i { width:5px; height:5px; border-radius:50%; background:#111; box-shadow:0 0 0 3px #f5f34c; }
.moto-route-label>span { color:#111; font-size:15px; }
.moto-city { position:absolute; z-index:0; bottom:20px; left:0; width:200%; height:125px; animation:moto-town-scroll 6s linear infinite paused; }
.moto-city svg { display:block; width:100%; height:100%; }
.moto-runner { width:210px; top:50px; z-index:2; }
.moto-ground-shadow { position:absolute; bottom:0; left:24%; width:67%; height:7px; border-radius:50%; background:#1113; filter:blur(3px); }
.moto-runner>svg { position:relative; z-index:1; filter:drop-shadow(0 2px 1px #0002); }
.moto-destination { position:absolute; right:18px; bottom:56px; width:25px; height:32px; animation:moto-pin-float 1.4s ease-in-out infinite alternate paused; }
.moto-destination svg { width:100%; height:100%; }
.moto-running .moto-city,.moto-running .moto-destination { animation-play-state:running; }
.delivery-moto.moto-paused .moto-city,.delivery-moto.moto-paused .moto-destination { animation-play-state:paused; }
@keyframes moto-town-scroll { to { transform:translateX(-50%); } }
@keyframes moto-pin-float { to { transform:translateY(-3px); } }
@keyframes moto-dash { from { left:-210px; } to { left:100%; } }
@media(prefers-reduced-motion:reduce) {
  .moto-city,.moto-destination { animation:none; }
  .moto-runner { left:calc(50% - 105px); }
}
.v3-language { display:flex; gap:4px; padding:4px; border:1px solid #666; border-radius:9px; direction:ltr; flex:none; }
.funnel-colors { padding-block:80px; position:relative; z-index:2; background:#fff; color:#111; }
.funnel-colors h2 { font-size:clamp(30px,5vw,60px); }
.funnel-colors>div { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px; }
.funnel-colors a { display:flex;flex-direction:column;gap:14px;padding:20px;border:2px solid #222;border-radius:16px;color:#111;background:#fff; }
.funnel-colors a:hover,.funnel-colors a:focus-visible { outline:3px solid #e2b900;outline-offset:3px; }
.funnel-colors img { width:100%;height:210px;object-fit:contain; }
.funnel-colors a>span:last-child { padding:14px;background:#ffda42;border-radius:8px;font-weight:700; }
@media(max-width:480px){.funnel-colors>div{gap:10px}.funnel-colors a{padding:12px}.funnel-colors img{height:130px}}
.v3-language button { min-width:38px; min-height:38px; border:0; border-radius:5px; background:transparent; color:#fff; font-size:11px; }
.v3-language button[aria-pressed=true] { background:#fff; color:#111; }
.wd8230-page[dir=rtl] :is(h1,h2,h3,p,.kicker,.cta-copy,dt,dd,summary,.plain-list,.price-perks) { font-family:Tahoma,Arial,sans-serif; letter-spacing:0; direction:rtl; text-align:right; }
.wd8230-page[dir=rtl] :is(h1,h2,h3) { line-height:1.35; }
.wd8230-page[dir=rtl] :is(h1,h2)>span,.wd8230-page[dir=rtl] em { font-family:Tahoma,Arial,sans-serif; font-style:normal; }
.wd8230-page[dir=rtl] :is(.hero-grid,.split,.benefit-grid,.steps-grid,.technical-heading,.gallery-heading,.spec-table>div,.faq-layout,.final-grid,.final-product,.thermal-track,.header,.price-perks,.offer-package>div,.packing-art,.interlude-labels) { direction:ltr; }
.wd8230-page[dir=rtl] .v1-finish-sticky,.wd8230-page[dir=rtl] .thermal-sticky { direction:ltr; }
.wd8230-page[dir=rtl] :is(.finish-editorial,.thermal-heading) { direction:rtl; }
.wd8230-page[dir=rtl] .finish-editorial>div { letter-spacing:0; font-family:Tahoma,Arial,sans-serif; line-height:1.3; }
.wd8230-page[dir=rtl] .promo-perk { direction:rtl; align-items:stretch; }
.wd8230-page[dir=rtl] .offer-price-caption { direction:rtl; }
.wd8230-page[dir=rtl] .price>strong { direction:rtl; text-align:right; letter-spacing:0; }
.wd8230-page[dir=rtl] .thermal-ticket { direction:ltr; }
.wd8230-page[dir=rtl] .shipping-label { direction:ltr; }
@media(max-width:760px){.header{gap:10px}.header nav{display:none}.brand{font-size:18px}.v3-language button{min-width:34px;min-height:34px}.wd8230-page[dir=rtl] .hero h1{font-size:clamp(36px,10vw,55px)}}
/* Readable descriptive copy; keep display titles and miniature label artwork intact. */
.wd8230-page :is(.hero-sub,.print-copy>p:not(.kicker):not(.note),.benefit-grid p,.steps-grid p,.reason p,.technical-heading>p,.interlude>.wrap>p:not(.kicker),.offer .split>div>p:not(.kicker):not(.note),.faq details>p,.final-product>div>p,.order-panel>p,.workflow .split>div>p:not(.kicker)) {
  font-size:18px; font-weight:600; line-height:1.8; letter-spacing:0;
}
.wd8230-page .dark :is(.hero-sub,.steps-grid p,.order-panel>p,.final-product>div>p) { color:#d0d0d0; }
.wd8230-page .light :is(.benefit-grid p,.reason p,.faq details>p,.technical-heading>p) { color:#383838; }
.wd8230-page .spec-table dd { font-size:17px; font-weight:500; line-height:1.75; }
.wd8230-page .note { font-size:14px; font-weight:500; line-height:1.75; }
@media(max-width:760px){
  .wd8230-page :is(.hero-sub,.print-copy>p:not(.kicker):not(.note),.benefit-grid p,.steps-grid p,.reason p,.technical-heading>p,.interlude>.wrap>p:not(.kicker),.offer .split>div>p:not(.kicker):not(.note),.faq details>p,.final-product>div>p,.order-panel>p,.workflow .split>div>p:not(.kicker)){font-size:17px;line-height:1.75}
  .wd8230-page .spec-table dd { font-size:16px; }
}

/* Camionnette fixe au centre ; la ville défile derrière (2026-10-21) */
.moto-runner{animation:none!important;left:calc(50% - 105px)!important}