/* DAGMAR / The journey from our selection to your business. Component-scoped. */
@font-face{font-family:DagmarEditorial;src:url("fonts/bodoni-moda-latin.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:DagmarEditorial;src:url("fonts/bodoni-moda-latin-italic.woff2") format("woff2");font-style:italic;font-weight:400 900;font-display:swap}
#dbp-banner,#dbp-modal{--dbp-ink:#253027;--dbp-green:#40583b;--dbp-gold:#bba572;--dbp-paper:#f7f9f4;--dbp-serif:DagmarEditorial,Georgia,"Times New Roman",serif;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
#dbp-banner,#dbp-banner *,#dbp-modal,#dbp-modal *{box-sizing:border-box}
#dbp-banner[hidden],#dbp-modal[hidden],#dbp-modal [hidden]{display:none!important}
#dbp-modal .dbp-sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Symmetric tracks keep the headline on the logo/viewport centreline. */
#dbp-banner{position:relative;isolation:isolate;z-index:1;width:100%;margin:0;padding:0;border:0;border-bottom:1px solid #c5ae7570;overflow:hidden;background:#233128;color:#f7f2df}
#dbp-banner .dbp-band-link{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;width:100%;min-height:56px;margin:0;padding:7px max(28px,calc((100% - 1424px)/2));overflow:hidden;border:0;border-radius:0;background:linear-gradient(100deg,#1e2b23,#354532 51%,#233127);color:#f8f3e3;text-decoration:none;line-height:1.2}
#dbp-banner .dbp-band-art{position:absolute;z-index:-3;inset:0;pointer-events:none;opacity:.8}
#dbp-banner .dbp-banner-art{display:block;width:100%;height:100%;min-height:56px;overflow:visible}
#dbp-banner .dbp-band-link::before{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 4%,#223027ba 28%,#2a3929ed 47%,#263629d6 73%,transparent 97%)}
#dbp-banner .dbp-band-flare{position:absolute;inset:-15px;z-index:-1;pointer-events:none;transform:translateX(-120%) skewX(-28deg);background:linear-gradient(90deg,transparent 30%,#e6d69c19 44%,#ffedbc59 50%,#d4c18b17 56%,transparent 70%);animation:dbp-band-light 6.5s .2s ease-in-out infinite}
#dbp-banner .dbp-band-link::after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#c7b17e,transparent);pointer-events:none}
#dbp-banner .dbp-band-title{position:relative;justify-self:center;min-width:0;color:inherit;font:400 24px/1.15 var(--dbp-serif);letter-spacing:-.018em;text-align:center;text-shadow:0 2px 13px #0d180d99;white-space:nowrap}
#dbp-banner .dbp-band-title::before{content:attr(data-dbp-echo);position:absolute;inset:1px -2px -1px 2px;z-index:-1;color:transparent;-webkit-text-stroke:.6px #c8b27b55;opacity:.7;pointer-events:none}
#dbp-banner .dbp-band-prefix{justify-self:end;min-width:0;color:#ead7a8;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
#dbp-banner .dbp-band-end{display:flex;align-items:center;justify-self:start;min-width:0;gap:14px}
#dbp-banner .dbp-band-detail{color:#dfe6d5;font-size:10px;font-weight:400;letter-spacing:.035em;line-height:1.5;white-space:nowrap}
#dbp-banner .dbp-band-action{padding-left:14px;border-left:1px solid #e1cc9650;color:#e6d49f;font-size:10px;font-weight:600;letter-spacing:.035em;white-space:nowrap}
#dbp-banner .dbp-band-arrow{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid #c6af7570;border-radius:50%;color:#f4e3b6;transition:transform .2s,background .2s}
#dbp-banner .dbp-band-arrow svg{display:block;width:17px;height:17px;transform:rotate(-35deg)}
#dbp-banner .dbp-band-link:hover .dbp-band-arrow{transform:translateX(3px);background:#ddc58a20}
#dbp-banner .dbp-band-truck{animation:none}
#dbp-banner .dbp-band-wheel{transform-box:fill-box;transform-origin:center;animation:dbp-wheel-roll .6s linear infinite}
#dbp-banner .dbp-band-route{stroke-dasharray:.015 .012;animation:dbp-route-flow 2.4s linear infinite}

/* The introduction fills the screen. The shopping stage has no logo/header bar. */
#dbp-modal{position:fixed;inset:0;z-index:2147483600;display:block;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#1d2a22;color:#f5f1df;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;isolation:isolate;touch-action:pan-x pan-y;line-height:1.5;transition:background .85s ease,color .85s ease}
#dbp-modal::backdrop{background:#17211cf5}
#dbp-modal[data-dbp-phase="intro"]{overflow-y:hidden}
#dbp-modal[data-dbp-phase="reveal"],#dbp-modal[data-dbp-phase="products"]{background:var(--dbp-paper);color:var(--dbp-ink)}
#dbp-modal .dbp-shell{position:relative;z-index:2;width:min(1424px,calc(100% - 80px));max-width:1424px;min-height:100%;margin:0 auto;padding:28px 0 max(16px,env(safe-area-inset-bottom));background:transparent}
#dbp-modal .dbp-top{position:absolute;top:0;left:0;right:0;z-index:25;display:flex;align-items:center;gap:20px;min-height:78px;margin:0;padding:16px 0;border:0;background:transparent;color:#f5f0de}
#dbp-modal[data-dbp-phase="reveal"] .dbp-top,#dbp-modal[data-dbp-phase="products"] .dbp-top{display:none}
#dbp-modal .dbp-wordmark{display:flex;align-items:center;gap:14px;min-width:0;margin:0}
#dbp-modal .dbp-brand-symbol{display:grid;place-items:center;flex:0 0 29px;color:#c7af75}
#dbp-modal .dbp-brand-symbol svg{display:block;width:27px;height:30px}
#dbp-modal .dbp-wordmark-name{color:inherit;font-size:24px;font-weight:600;line-height:1;letter-spacing:.2em}
#dbp-modal .dbp-wordmark-note{padding-left:18px;border-left:1px solid #bda66e65;color:#c2ad7c;font-size:9px;line-height:1.5;letter-spacing:.035em}
#dbp-modal .dbp-close{position:fixed;top:max(18px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:35;display:grid;place-items:center;width:48px;min-width:48px;height:48px;min-height:48px;margin:0;padding:0;border:1px solid #c6b07c9c;border-radius:50%;background:#203026d9;color:#fff1c5;box-shadow:0 4px 20px #0e1c2020;cursor:pointer;transition:transform .25s,background .25s,color .6s}
#dbp-modal .dbp-close svg{display:block;width:23px;height:23px;pointer-events:none}
#dbp-modal .dbp-close:hover{transform:rotate(90deg);background:#506247;color:#fff}
#dbp-modal[data-dbp-phase="reveal"] .dbp-close,#dbp-modal[data-dbp-phase="products"] .dbp-close{color:#fdf9ee;background:#293c2e;border-color:#b7a06b;box-shadow:0 0 0 5px #b7a06b16,0 5px 18px #17251b1a}
#dbp-modal[data-dbp-phase="products"] .dbp-close{animation:dbp-close-notice .65s .65s ease-in-out 2}
@keyframes dbp-close-notice{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-8deg)}40%,80%{transform:rotate(8deg)}}

/* The illustrated route stays behind the cards as a quiet watermark. */
#dbp-modal .dbp-world{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;opacity:1;background:radial-gradient(ellipse at 50% 42%,#40523833,transparent 65%),linear-gradient(180deg,#18261e,#263628 75%,#1e2b23);transition:opacity 1.1s ease,filter 1.1s ease}
#dbp-modal .dbp-world .dbp-scene{position:absolute;left:50%;top:50%;width:max(100%,1280px);height:auto;max-width:none;margin:0;transform:translate(-50%,-50%);overflow:visible}
#dbp-modal .dbp-world-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 37%,#1d2a22d9 0%,#1d2a2280 30%,transparent 67%),linear-gradient(180deg,#17251ba0,transparent 18%,transparent 80%,#16231a90);pointer-events:none}
#dbp-modal[data-dbp-phase="reveal"] .dbp-world,#dbp-modal[data-dbp-phase="products"] .dbp-world{opacity:.075;filter:saturate(.4)}
#dbp-modal .dbp-scene-labels{position:absolute;inset:0;color:#dfcc98;font-size:9px;font-weight:500;letter-spacing:.25em;text-transform:uppercase}
#dbp-modal .dbp-scene-label{position:absolute;bottom:13%;padding:6px 12px;border-top:1px solid #bcab745c;opacity:.75}
#dbp-modal .dbp-label-distribution{left:10%}#dbp-modal .dbp-label-horeca{left:62%}#dbp-modal .dbp-label-retail{right:8%}
#dbp-modal[open] .dbp-scene-label{animation:dbp-label-reveal .8s 1s both}

/* One title moves from the centre to an efficient, open upper composition. */
#dbp-modal .dbp-heading-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:30px;row-gap:0;min-width:0;margin:0 0 18px;padding:0;text-align:left}
#dbp-modal .dbp-eyebrow{grid-column:1;display:flex;align-items:center;justify-content:flex-start;gap:9px;margin:0 0 8px;padding:0;color:#937b47;font-size:9px;font-weight:500;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}
#dbp-modal .dbp-eyebrow>span{display:block;flex:0 0 5px;width:5px;height:5px;background:#b7a06b;transform:rotate(45deg)}
#dbp-modal #dbp-modal-title{position:relative;grid-column:1;display:block;width:max-content;max-width:100%;margin:0;padding:0;border:0;background:none;color:#2b3d2b;font-family:var(--dbp-serif);font-size:clamp(48px,4.65vw,72px);font-weight:400;line-height:.92;letter-spacing:-.055em;text-align:left;text-transform:none;transform:none;transform-origin:0 0;overflow:visible}
#dbp-modal .dbp-type-main{position:relative;display:block;max-width:100%;margin:0;padding:0;isolation:isolate;text-transform:uppercase}
#dbp-modal .dbp-type-words{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:0 .16em;max-width:100%;margin:0;padding:0}
#dbp-modal .dbp-title-word{position:relative;display:inline-block;margin:0;padding:0;white-space:nowrap;font:inherit;transform-origin:center bottom;text-shadow:0 2px 0 #ffffff20}
#dbp-modal .dbp-title-accent{color:#a88b4e;font-style:italic;font-weight:400;letter-spacing:-.07em}
#dbp-modal .dbp-type-echo{position:absolute;z-index:-1;top:.055em;left:50%;width:max-content;max-width:104%;margin:0;transform:translateX(-50%) scale(1.025);color:transparent;-webkit-text-stroke:1px #b39c6150;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;opacity:.7;pointer-events:none}
#dbp-modal .dbp-title-subtitle{display:block;margin:9px 0 0;color:#526543;font:italic 400 clamp(24px,2.2vw,33px)/1.2 var(--dbp-serif);letter-spacing:-.025em;text-transform:none;white-space:normal}
#dbp-modal .dbp-benefits{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 18px;max-width:600px;margin:0 0 4px;padding:0;color:#56664a}
#dbp-modal .dbp-benefits>span{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:10px;font-weight:400;line-height:1.5;white-space:nowrap}
#dbp-modal .dbp-benefits>span+span{padding-left:18px;border-left:1px solid #b4beaa8c}
#dbp-modal .dbp-benefits svg{display:block;flex:0 0 17px;width:17px;height:17px;color:#a28b54}
#dbp-modal .dbp-intro-skip{position:absolute;z-index:5;left:50%;top:calc(100dvh - 138px);display:flex;align-items:center;gap:13px;max-width:100%;min-height:44px;margin:0;padding:7px 8px 7px 17px;border:1px solid #c1ac736b;border-radius:30px;background:#1d2a228c;color:#e9d8a7;font-size:10px;font-weight:500;letter-spacing:.055em;line-height:1.4;white-space:nowrap;transform:translateX(-50%);cursor:pointer;box-shadow:none}
#dbp-modal .dbp-intro-skip-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #c4ad7760;border-radius:50%}
#dbp-modal .dbp-intro-skip svg{display:block;width:16px;height:16px}
#dbp-modal[data-dbp-phase="intro"] .dbp-heading-stage{position:static;display:block}
#dbp-modal[data-dbp-phase="intro"] .dbp-benefits{visibility:hidden;opacity:0}
#dbp-modal[data-dbp-phase="reveal"] .dbp-benefits{animation:dbp-products-reveal .65s .25s both}
#dbp-modal[data-dbp-phase="intro"] .dbp-eyebrow{position:absolute;top:calc(39dvh - 128px);left:0;right:0;justify-content:center;margin:0;color:#ddcc9b}
#dbp-modal[data-dbp-phase="intro"] #dbp-modal-title{position:absolute;left:50%;top:39dvh;width:max-content;max-width:calc(100% - 48px);margin:0;color:#f4efdb;font-size:clamp(96px,11.8vw,184px);text-align:center;transform:translate(-50%,-50%)}
#dbp-modal[data-dbp-phase="intro"] .dbp-type-words{justify-content:center}
#dbp-modal[data-dbp-phase="intro"] .dbp-title-accent{color:#ddc78e;background:linear-gradient(110deg,#bda36a,#f3e7bc 42%,#c1a56e 72%,#e8d5a2);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#dbp-modal[data-dbp-phase="intro"] .dbp-type-echo{-webkit-text-stroke:1px #e1c88854;opacity:.65}
#dbp-modal[data-dbp-phase="intro"] .dbp-title-subtitle{margin-top:20px;color:#d4c291;font-size:clamp(35px,4.4vw,66px);letter-spacing:-.025em}
#dbp-modal[open][data-dbp-phase="intro"] .dbp-title-word{animation:dbp-type-entrance 1.1s calc(.18s + var(--dbp-word,0) * .15s) cubic-bezier(.17,.79,.27,1) both}
#dbp-modal[open][data-dbp-phase="intro"] .dbp-title-accent{animation:dbp-type-entrance 1.1s calc(.18s + var(--dbp-word,0) * .15s) cubic-bezier(.17,.79,.27,1) both,dbp-type-gold 2s 1s ease-in-out 2}
#dbp-modal[open][data-dbp-phase="intro"] .dbp-title-subtitle{animation:dbp-subtitle-entrance 1s .65s cubic-bezier(.17,.79,.27,1) both}
#dbp-modal[open][data-dbp-phase="intro"] .dbp-intro-skip{animation:dbp-label-reveal .7s 1s both}
#dbp-modal[data-dbp-phase="reveal"] .dbp-intro-skip,#dbp-modal[data-dbp-phase="products"] .dbp-intro-skip{display:none}

/* Reveal native proportions: no card, photograph or typography scaling. */
#dbp-modal .dbp-reveal{position:relative;z-index:2;min-width:0;margin:0;padding:0;opacity:1;visibility:visible;transform:none}
#dbp-modal[data-dbp-phase="intro"] .dbp-reveal{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(30px)}
#dbp-modal[data-dbp-phase="reveal"] .dbp-reveal{animation:dbp-products-reveal .7s .15s cubic-bezier(.2,.7,.2,1) both}
#dbp-modal .dbp-products-section{position:relative;min-width:0;margin:0;padding:0}
#dbp-modal .dbp-rail-shell{min-width:0;max-width:100%;overflow:visible}
#dbp-modal .dbp-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 66px)/4);align-items:stretch;gap:22px;width:100%;max-width:100%;margin:0;padding:3px 0 10px;overflow-x:auto;overflow-y:hidden;list-style:none;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain}
#dbp-modal .dbp-track::-webkit-scrollbar{display:none}
#dbp-modal .dbp-product{display:flex;min-width:0;max-width:100%;margin:0;padding:0;border:0;list-style:none;scroll-snap-align:start}
#dbp-modal .dbp-card{display:flex;flex-direction:column;width:100%;min-width:0;height:100%;margin:0;padding:0 0 18px;overflow:hidden;border:1px solid #e0e5db;border-radius:15px;background:#fff;box-shadow:0 8px 25px #202b2204;transition:border-color .2s,box-shadow .2s}
#dbp-modal .dbp-card:hover{border-color:#b59b63;box-shadow:0 12px 30px #202b220a}
#dbp-modal .dbp-product-media{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:100%;height:clamp(150px,calc(100dvh - 440px),280px);max-width:100%;margin:0;padding:18px 26px 8px;overflow:hidden;background:#fff;color:inherit;text-decoration:none}
#dbp-modal .dbp-product-media img,#dbp-modal .dbp-product-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;object-fit:contain;object-position:center;mix-blend-mode:normal;transform:none!important}
#dbp-modal .dbp-product-copy{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;min-width:0;margin:0;padding:0 20px;text-align:center}
#dbp-modal .dbp-product-title{display:block;width:100%;max-width:100%;min-height:47px;margin:8px 0 0;padding:0;overflow:visible;color:#242b27;font-family:inherit;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:-.01em;text-transform:none;overflow-wrap:anywhere}
#dbp-modal .dbp-product-title a{display:inline;color:inherit;font:inherit;text-decoration:none}
#dbp-modal .dbp-product-title a:hover{color:#536b42}
#dbp-modal .dbp-retail-price{display:block;width:100%;margin:auto 0 0;padding:10px 0 0;background:transparent;color:#253027;font-size:21px;font-weight:700;line-height:1.4;white-space:normal}
#dbp-modal .dbp-retail-price .woocommerce-Price-amount,#dbp-modal .dbp-retail-price bdi{color:inherit;font-size:inherit;font-weight:inherit}
#dbp-modal .dbp-retail-price .woocommerce-Price-currencySymbol{margin-left:2px;font-size:12px;font-weight:600}
#dbp-modal .dbp-retail-price ins{background:transparent;color:inherit;text-decoration:none}
#dbp-modal .dbp-retail-price del{color:#7c8577;font-size:13px;font-weight:400}
#dbp-modal .dbp-product-extra{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;max-width:100%;margin:6px 0 0;padding:0}
#dbp-modal .dbp-b2b-badge{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:5px;min-width:0;max-width:100%;min-height:21px;margin:0;padding:1px 7px;border:1px solid #cbd6c5;border-left:2px solid #b5a070;border-radius:5px;background:linear-gradient(110deg,#edf3e9,#f8faf5);color:#314b35;font-size:10px;font-weight:500;line-height:16px;white-space:nowrap}
#dbp-modal .dbp-b2b-label{flex:0 1 auto;min-width:0;color:#506145;font-size:8px;font-weight:500;line-height:inherit;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap}
#dbp-modal .dbp-b2b-value{display:inline-block;min-width:0;padding-left:5px;border-left:1px solid #cad6c1;color:#273e2c;font-size:11px;font-weight:600;line-height:inherit;font-variant-numeric:tabular-nums;white-space:nowrap}
#dbp-modal .dbp-b2b-badge .woocommerce-Price-amount,#dbp-modal .dbp-b2b-badge bdi,#dbp-modal .dbp-b2b-badge .db2b-unit-value{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:0;white-space:nowrap}
#dbp-modal .dbp-b2b-badge .woocommerce-Price-currencySymbol{color:inherit;font-size:9px;font-weight:500;line-height:inherit;white-space:nowrap}
#dbp-modal .dbp-b2b-badge .db2b-unit-label,#dbp-modal .dbp-b2b-badge .db2b-tax-note{display:none}
#dbp-modal .dbp-product-min{display:block;max-width:100%;margin:6px 0 0;padding:0;color:#67735f;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:0}
#dbp-modal .dbp-stock{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;margin:6px 0 0;padding:0;color:#526a42;font-size:10px;font-weight:400;line-height:1.5;white-space:normal}
#dbp-modal .dbp-stock>span:first-child{display:block;flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#819b67;box-shadow:0 0 0 3px #819b6717}
#dbp-modal .dbp-loading{position:relative;display:grid;align-items:center;min-height:calc(clamp(150px,calc(100dvh - 440px),280px) + 180px);margin:3px 0 10px;padding:0;color:#67715f;font-size:12px;text-align:center}
#dbp-modal .dbp-loading-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;position:absolute;inset:0}
#dbp-modal .dbp-loading-cards>span{display:block;position:relative;overflow:hidden;border:1px solid #dfe5d8;border-radius:15px;background:linear-gradient(160deg,#fff,#f1f5eb)}
#dbp-modal .dbp-loading-cards>span::before{content:"";position:absolute;inset:0;transform:translateX(-140%) skewX(-25deg);background:linear-gradient(90deg,transparent,#fff,transparent);animation:dbp-band-light 2s ease infinite}
#dbp-modal .dbp-loading>p{position:relative;z-index:1;justify-self:center;max-width:calc(100% - 24px);margin:0;padding:12px 20px;border:1px solid #dce3d3;border-radius:6px;background:#fbfdf9ec;color:#647357;font-size:12px;line-height:1.5}
#dbp-modal .dbp-empty{margin:0;padding:24px;border:1px solid #d7dfce;border-radius:9px;background:#f1f5ec;color:#5b6b4f;font-size:13px;line-height:1.7;text-align:center}
#dbp-modal .dbp-pagination{display:flex;align-items:center;justify-content:center;min-height:40px;margin:0;padding:0}
#dbp-modal .dbp-dots{display:flex;align-items:center;justify-content:center;gap:0;max-width:100%}
#dbp-modal .dbp-dots button{position:relative;display:block;flex:0 0 auto;width:44px;min-width:44px;height:40px;min-height:40px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer}
#dbp-modal .dbp-dots button::before{content:"";position:absolute;top:17px;left:12px;width:20px;height:5px;border-radius:8px;background:#cdd4c5;transition:background .2s,width .2s,left .2s}
#dbp-modal .dbp-dots button[aria-current="true"]::before,#dbp-modal .dbp-dots button[aria-pressed="true"]::before{left:7px;width:30px;background:#a78f56}
#dbp-modal .dbp-bottom{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:18px;margin:6px 0 0;padding:0;border:0;background:transparent}
#dbp-modal .dbp-cta{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;max-width:100%;min-height:48px;margin:0;padding:7px 9px 7px 20px;border:1px solid #40583b;border-radius:6px;background:#334b34;color:#fff;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;box-shadow:0 4px 16px #08120c10;transition:background .2s}
#dbp-modal .dbp-cta>span:first-child{min-width:0}
#dbp-modal .dbp-cta-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #c1d0ad60;border-radius:50%;color:#ddcc9c}
#dbp-modal .dbp-cta-arrow svg{display:block;width:18px;height:18px}
#dbp-modal .dbp-cta:hover{background:#465f40;color:#fff}
#dbp-modal .dbp-skip{display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;min-height:44px;margin:0;padding:7px 10px;border:0;border-radius:0;background:transparent;color:#58664d;font-size:11px;font-weight:400;line-height:1.4;text-decoration:underline;text-underline-offset:4px;box-shadow:none;cursor:pointer}
#dbp-modal .dbp-skip svg{display:block;width:16px;height:16px;color:#8a7953}
#dbp-modal .dbp-skip:hover{color:#263729}
#dbp-modal a:focus-visible,#dbp-modal button:focus-visible,#dbp-banner a:focus-visible,#dbp-modal .dbp-track:focus-visible{outline:2px solid #b4a06a;outline-offset:3px}
#dbp-modal .dbp-product-title a:focus-visible{outline-offset:1px}
#dbp-modal .dbp-retail-price,#dbp-modal .dbp-retail-price *,#dbp-modal .dbp-product-title,#dbp-modal .dbp-product-title a,#dbp-modal .dbp-b2b-badge,#dbp-modal .dbp-b2b-badge *,#dbp-modal .dbp-product-min,#dbp-modal .dbp-stock,#dbp-modal .dbp-cta,#dbp-modal .dbp-skip{font-family:Arial,Helvetica,sans-serif}
/* The trade illustration actually draws, opens, pours and delivers. */
#dbp-modal .dbp-sketch,#dbp-modal .dbp-draw-route{vector-effect:non-scaling-stroke}
#dbp-modal[open] .dbp-sketch{stroke-dasharray:1;stroke-dashoffset:1;animation:dbp-sketch-draw 1.7s .2s cubic-bezier(.25,.6,.35,1) forwards}
#dbp-modal[open] .dbp-draw-route{stroke-dasharray:1;stroke-dashoffset:1;animation:dbp-sketch-draw 1.65s .55s cubic-bezier(.4,0,.2,1) forwards}
#dbp-modal[open] .dbp-light-flow{stroke-dasharray:.018 .045;animation:dbp-route-flow 1.8s .6s linear infinite}
#dbp-modal[open] .dbp-truck-chassis{transform-box:fill-box;transform-origin:center bottom;animation:dbp-truck-bounce .36s .6s ease-in-out 10}
#dbp-modal[open] .dbp-wheel{transform-box:fill-box;transform-origin:center;animation:dbp-wheel-roll .45s .6s linear 9}
#dbp-modal[open] .dbp-dock-door{transform-box:fill-box;transform-origin:top;animation:dbp-dock-open 1s .3s ease both}
#dbp-modal[open] .dbp-package-1>use{animation:dbp-package-load 1.1s .65s cubic-bezier(.3,.2,.2,1) both}
#dbp-modal[open] .dbp-package-2>use{animation:dbp-package-load 1.1s .85s cubic-bezier(.3,.2,.2,1) both}
#dbp-modal[open] .dbp-package-3>use{animation:dbp-package-load 1.1s 1.05s cubic-bezier(.3,.2,.2,1) both}
#dbp-modal[open] .dbp-scene-bottles>.dbp-bottle-main,#dbp-modal[open] .dbp-scene-bottles>.dbp-bottle-back{transform-box:fill-box;transform-origin:center bottom;animation:dbp-bottles-rise 1.5s .35s cubic-bezier(.2,.75,.3,1) both}
#dbp-modal[open] .dbp-scene-bottles>.dbp-bottle-back{animation-delay:.5s}
#dbp-modal[open] .dbp-pour{stroke-dasharray:1;stroke-dashoffset:1;animation:dbp-pour 2.4s .9s ease-in-out both}
#dbp-modal[open] .dbp-steam{transform-box:fill-box;transform-origin:center;animation:dbp-steam 2.5s .5s ease-in-out 2}
#dbp-modal[open] .dbp-bubbles{transform-box:fill-box;transform-origin:center;animation:dbp-bubbles 1.6s 1s ease-in-out 3}
#dbp-modal[open] .dbp-retail-awning,#dbp-modal[open] .dbp-horeca-canopy{transform-box:fill-box;transform-origin:center top;animation:dbp-awning-open 1s .6s cubic-bezier(.2,.8,.3,1) both}
#dbp-modal[open] .dbp-shop-light{animation:dbp-shop-light 2.7s .8s ease 2}
#dbp-modal[open] .dbp-orbit{transform-box:fill-box;transform-origin:center;animation:dbp-orbit 15s linear infinite}
#dbp-modal[open] .dbp-spark{animation:dbp-spark 3.4s .3s ease-in-out 3}
#dbp-modal[open] .dbp-stock>span:first-child{animation:dbp-stock-glow 2.5s ease-in-out 3}
#dbp-modal[data-dbp-paused="1"] *,#dbp-modal[data-dbp-paused="1"] *::before,#dbp-modal[data-dbp-paused="1"] *::after{animation-play-state:paused!important}
@keyframes dbp-band-light{0%,35%{transform:translateX(-120%) skewX(-28deg)}80%,100%{transform:translateX(120%) skewX(-28deg)}}
@keyframes dbp-band-drive{from{transform:translate(234px,53px)}to{transform:translate(1390px,53px)}}
@keyframes dbp-label-reveal{from{opacity:0}to{opacity:.8}}
@keyframes dbp-type-entrance{0%{opacity:0;transform:translateY(90px) rotate(7deg);filter:blur(9px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes dbp-subtitle-entrance{from{opacity:0;transform:translateY(30px);letter-spacing:.12em}to{opacity:1;transform:none;letter-spacing:-.025em}}
@keyframes dbp-type-gold{0%,100%{background-position:0% 0%}55%{background-position:100% 0%}}
@keyframes dbp-products-reveal{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes dbp-sketch-draw{to{stroke-dashoffset:0}}
@keyframes dbp-route-flow{to{stroke-dashoffset:-.126}}
@keyframes dbp-wheel-roll{to{transform:rotate(360deg)}}
@keyframes dbp-truck-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes dbp-dock-open{from{transform:scaleY(1)}to{transform:scaleY(.07)}}
@keyframes dbp-package-load{0%{opacity:0;transform:translate(-15px,-13px)}35%{opacity:1}90%,100%{opacity:0;transform:translate(175px,53px)}}
@keyframes dbp-bottles-rise{from{opacity:0;transform:translateY(40px) rotate(-3deg)}to{opacity:1;transform:none}}
@keyframes dbp-pour{0%{opacity:0;stroke-dashoffset:1}15%{opacity:1}55%{opacity:1;stroke-dashoffset:0}100%{opacity:.5;stroke-dashoffset:0}}
@keyframes dbp-steam{0%,100%{opacity:.2;transform:translateY(5px)}55%{opacity:.8;transform:translateY(-7px)}}
@keyframes dbp-bubbles{0%{opacity:0;transform:translateY(7px)}45%{opacity:1}100%{opacity:0;transform:translateY(-12px)}}
@keyframes dbp-awning-open{from{opacity:.2;transform:scaleY(.08)}to{opacity:1;transform:scaleY(1)}}
@keyframes dbp-shop-light{0%,100%{opacity:.45}45%,60%{opacity:1}}
@keyframes dbp-orbit{to{transform:rotate(360deg)}}
@keyframes dbp-spark{0%,100%{opacity:.2}30%{opacity:1}70%{opacity:.45}}
@keyframes dbp-stock-glow{0%,100%{transform:scale(1);box-shadow:0 0 0 2px #819b6717}50%{transform:scale(1.15);box-shadow:0 0 0 4px #819b671e}}

@media(max-width:1199px){
 #dbp-banner .dbp-band-link{gap:16px;padding-inline:24px}
 #dbp-banner .dbp-band-title{font-size:22px}
 #dbp-banner .dbp-band-prefix{font-size:9px;letter-spacing:.035em}
 #dbp-banner .dbp-band-end{gap:9px}
 #dbp-banner .dbp-band-detail{font-size:9px}
 #dbp-banner .dbp-band-action{font-size:9px;padding-left:9px}
 #dbp-modal .dbp-shell{width:calc(100% - 64px);padding-top:24px}
 #dbp-modal .dbp-heading-stage{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:0}
 #dbp-modal .dbp-eyebrow{justify-content:center}
 #dbp-modal #dbp-modal-title{font-size:clamp(47px,6vw,65px);text-align:center}
 #dbp-modal .dbp-type-words{justify-content:center}
 #dbp-modal .dbp-title-subtitle{font-size:28px;margin-top:7px}
 #dbp-modal .dbp-benefits{grid-column:1;grid-row:auto;justify-content:center;max-width:100%;margin:12px 0 0}
 #dbp-modal .dbp-track{grid-auto-columns:calc((100% - 40px)/3);gap:20px}
 #dbp-modal .dbp-product-media{height:clamp(150px,calc(100dvh - 460px),260px);padding:18px 20px 8px}
 #dbp-modal .dbp-product-copy{padding-inline:17px}
 #dbp-modal .dbp-product-title{font-size:14px}
 #dbp-modal .dbp-b2b-prefix{display:none}
 #dbp-modal .dbp-loading{min-height:calc(clamp(150px,calc(100dvh - 460px),260px) + 178px)}
 #dbp-modal .dbp-loading-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 #dbp-modal .dbp-loading-cards>span:nth-child(4){display:none}
}
@media(max-width:900px){
 #dbp-banner .dbp-band-title{font-size:20px}
 #dbp-banner .dbp-band-prefix{font-size:8px;letter-spacing:0}
 #dbp-banner .dbp-band-end{gap:9px}
 #dbp-banner .dbp-band-action{display:none}
}
@media(max-width:767px){
 #dbp-banner .dbp-band-link{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0;min-height:52px;padding:7px 12px}
 #dbp-banner .dbp-band-title{grid-column:2;grid-row:1;font-size:clamp(15px,4.6vw,21px);white-space:nowrap;text-align:center;letter-spacing:-.03em}
 #dbp-banner .dbp-band-prefix,#dbp-banner .dbp-band-detail,#dbp-banner .dbp-band-action{display:none}
 #dbp-banner .dbp-band-end{grid-column:3;grid-row:1;justify-self:end;gap:0}
 #dbp-banner .dbp-band-arrow{flex-basis:25px;width:25px;height:25px}
 #dbp-banner .dbp-band-arrow svg{width:15px;height:15px}
 #dbp-banner .dbp-band-art{opacity:.85;left:-210px;right:-210px}
 #dbp-modal .dbp-shell{width:calc(100% - 32px);padding-top:24px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 #dbp-modal .dbp-top{min-height:68px;padding:12px 0;gap:12px}
 #dbp-modal .dbp-wordmark{gap:9px}
 #dbp-modal .dbp-brand-symbol{flex-basis:21px}#dbp-modal .dbp-brand-symbol svg{width:20px;height:25px}
 #dbp-modal .dbp-wordmark-name{font-size:20px;letter-spacing:.16em}
 #dbp-modal .dbp-wordmark-note{max-width:125px;padding-left:10px;font-size:6.5px;letter-spacing:0}
 #dbp-modal .dbp-close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;min-width:44px;height:44px;min-height:44px}
 #dbp-modal .dbp-close svg{width:22px;height:22px}
 #dbp-modal .dbp-heading-stage{margin-bottom:13px}
 #dbp-modal .dbp-eyebrow{margin:0 0 7px;font-size:7px;letter-spacing:.16em}
 #dbp-modal #dbp-modal-title{font-size:clamp(33px,9.6vw,54px);max-width:calc(100% - 50px);letter-spacing:-.055em}
 #dbp-modal .dbp-title-subtitle{margin-top:6px;font-size:23px;line-height:1.15}
 #dbp-modal .dbp-benefits{gap:7px;flex-wrap:nowrap;margin:12px 0 0}
 #dbp-modal .dbp-benefits>span{gap:4px;font-size:9px;line-height:1.4;white-space:nowrap}
 #dbp-modal .dbp-benefits>span+span{padding-left:7px}
 #dbp-modal .dbp-benefits svg{display:none}
 #dbp-modal[data-dbp-phase="intro"] #dbp-modal-title{top:35dvh;max-width:calc(100% - 32px);font-size:clamp(66px,18.5vw,116px);line-height:.88}
 #dbp-modal[data-dbp-phase="intro"] .dbp-title-subtitle{font-size:clamp(26px,7.2vw,41px);margin-top:20px}
 #dbp-modal[data-dbp-phase="intro"] .dbp-eyebrow{top:calc(35dvh - 150px);font-size:8px}
 #dbp-modal .dbp-intro-skip{top:calc(100dvh - 130px);font-size:9px;min-height:44px}
 #dbp-modal .dbp-world .dbp-scene{width:1050px;top:56%;height:auto;transform:translate(calc(-50% - 205px),-50%)}
 #dbp-modal[open][data-dbp-phase="intro"] .dbp-world .dbp-scene{animation:dbp-scene-pan 4.2s .1s cubic-bezier(.45,0,.55,1) both}
 #dbp-modal .dbp-world-vignette{background:radial-gradient(ellipse at 50% 28%,#1d2a22e8 0%,#1d2a2290 29%,transparent 64%),linear-gradient(180deg,#17251b55,transparent 40%,transparent 87%,#16231aaa)}
 #dbp-modal .dbp-scene-label{bottom:17%;font-size:7px;letter-spacing:.16em;opacity:.5}
 #dbp-modal .dbp-label-distribution{left:3%}#dbp-modal .dbp-label-horeca{left:45%}#dbp-modal .dbp-label-retail{right:3%}
 #dbp-modal .dbp-track{grid-auto-columns:calc((100% - 16px)/3);gap:8px;padding-bottom:6px}
 #dbp-modal .dbp-card{padding-bottom:13px;border-radius:11px}
 #dbp-modal .dbp-product-media{height:clamp(135px,calc(100dvh - 460px),220px);padding:13px 7px 6px}
 #dbp-modal .dbp-product-copy{padding-inline:6px}
 #dbp-modal .dbp-product-title{min-height:65px;margin-top:7px;font-size:11.5px;line-height:1.45;letter-spacing:-.015em}
 #dbp-modal .dbp-retail-price{padding-top:9px;font-size:16px;line-height:1.4}
 #dbp-modal .dbp-retail-price .woocommerce-Price-currencySymbol{font-size:9px}
 #dbp-modal .dbp-retail-price del{font-size:10px}
 #dbp-modal .dbp-product-extra{margin-top:6px}
 #dbp-modal .dbp-b2b-badge{gap:3px;padding:2px 4px;min-height:23px;max-width:100%;font-size:9.5px;line-height:16px}
 #dbp-modal .dbp-b2b-label{font-size:7px;letter-spacing:0}
 #dbp-modal .dbp-b2b-value{padding-left:3px;font-size:9.5px;white-space:normal;overflow-wrap:anywhere}
 #dbp-modal .dbp-b2b-badge .woocommerce-Price-amount,#dbp-modal .dbp-b2b-badge bdi,#dbp-modal .dbp-b2b-badge .db2b-unit-value{white-space:normal}
 #dbp-modal .dbp-b2b-badge .woocommerce-Price-currencySymbol{font-size:8px}
 #dbp-modal .dbp-product-min{font-size:9px;margin-top:6px}
 #dbp-modal .dbp-stock{font-size:9px;gap:4px;margin-top:6px}
 #dbp-modal .dbp-stock>span:first-child{width:4px;height:4px;flex-basis:4px}
 #dbp-modal .dbp-loading{min-height:calc(clamp(135px,calc(100dvh - 460px),220px) + 184px);margin-bottom:6px}
 #dbp-modal .dbp-loading-cards{gap:8px;border-radius:11px}
 #dbp-modal .dbp-loading>p{font-size:11px;padding:10px 14px}
 #dbp-modal .dbp-empty{padding:20px 18px;font-size:12px}
 #dbp-modal .dbp-pagination{min-height:40px}
 #dbp-modal .dbp-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:420px;margin:6px auto 0}
 #dbp-modal .dbp-cta{min-height:46px;gap:8px;max-width:100%;font-size:11px;padding:6px 7px 6px 12px}
 #dbp-modal .dbp-cta-arrow{flex-basis:24px;width:24px;height:24px}
 #dbp-modal .dbp-cta-arrow svg{width:16px;height:16px}
 #dbp-modal .dbp-skip{font-size:10px;gap:4px;padding:6px 1px;max-width:110px;text-align:center}
 #dbp-modal .dbp-skip svg{width:13px;height:13px;flex:0 0 13px}
}
@media(max-width:359px){
 #dbp-banner .dbp-band-link{padding-inline:8px}
 #dbp-banner .dbp-band-title{font-size:15px}
 #dbp-banner .dbp-band-arrow{flex-basis:23px;width:23px;height:23px}
 #dbp-modal .dbp-shell{width:calc(100% - 24px)}
 #dbp-modal .dbp-wordmark{gap:7px}#dbp-modal .dbp-wordmark-name{font-size:18px}#dbp-modal .dbp-wordmark-note{max-width:100px;font-size:6px;padding-left:8px}
 #dbp-modal[data-dbp-phase="intro"] #dbp-modal-title{font-size:60px;max-width:calc(100% - 24px)}
 #dbp-modal .dbp-track{grid-auto-columns:calc((100% - 14px)/3);gap:7px}
 #dbp-modal .dbp-product-copy{padding-inline:4px}
 #dbp-modal .dbp-benefits{gap:5px}
 #dbp-modal .dbp-benefits>span{font-size:8.3px;gap:3px}
 #dbp-modal .dbp-benefits>span+span{padding-left:5px}
 #dbp-modal .dbp-benefits svg{width:11px;height:11px;flex-basis:11px}
 #dbp-modal .dbp-b2b-badge{padding-inline:3px;gap:2px}
 #dbp-modal .dbp-b2b-value{padding-left:2px}
 #dbp-modal .dbp-product-title{font-size:11px}
 #dbp-modal .dbp-bottom{gap:7px}
 #dbp-modal .dbp-cta{font-size:10px;padding-left:9px;gap:6px}
 #dbp-modal .dbp-skip{font-size:9.5px;max-width:96px}
}
/* Smaller viewports get a shorter image stage, never a stretched photograph. */
@media(min-width:768px) and (max-height:740px){
 #dbp-modal .dbp-shell{padding-top:18px;padding-bottom:12px}
 #dbp-modal .dbp-heading-stage{margin-bottom:12px}
 #dbp-modal #dbp-modal-title{font-size:52px}
 #dbp-modal .dbp-title-subtitle{font-size:26px;margin-top:6px}
 #dbp-modal .dbp-eyebrow{font-size:8px;margin-bottom:6px}
 #dbp-modal .dbp-benefits{font-size:9px}
 #dbp-modal .dbp-benefits>span{font-size:9px}
 #dbp-modal .dbp-product-title{min-height:43px;font-size:14px}
 #dbp-modal .dbp-card{padding-bottom:14px}
 #dbp-modal .dbp-product-media{height:clamp(120px,calc(100dvh - 435px),260px);padding-top:14px}
 #dbp-modal .dbp-loading{min-height:calc(clamp(120px,calc(100dvh - 435px),260px) + 168px)}
}
@media(max-width:767px) and (max-height:620px){
 #dbp-modal .dbp-shell{padding-top:15px;padding-bottom:10px}
 #dbp-modal .dbp-heading-stage{margin-bottom:8px}
 #dbp-modal #dbp-modal-title{font-size:32px}
 #dbp-modal .dbp-title-subtitle{font-size:21px;margin-top:4px}
 #dbp-modal .dbp-eyebrow{font-size:6.5px;margin-bottom:5px}
 #dbp-modal .dbp-benefits{margin-top:9px}
 #dbp-modal .dbp-product-media{height:clamp(85px,calc(100dvh - 400px),185px);padding-top:8px}
 #dbp-modal .dbp-product-title{min-height:61px;font-size:10.5px;margin-top:5px}
 #dbp-modal .dbp-card{padding-bottom:10px}
 #dbp-modal .dbp-product-min,#dbp-modal .dbp-stock{margin-top:4px}
 #dbp-modal .dbp-retail-price{padding-top:7px}
 #dbp-modal .dbp-pagination{min-height:36px}
 #dbp-modal .dbp-dots button{height:36px;min-height:36px}
 #dbp-modal .dbp-dots button::before{top:15px}
 #dbp-modal .dbp-bottom{margin-top:2px}
 #dbp-modal .dbp-cta{min-height:44px}
 #dbp-modal .dbp-loading{min-height:calc(clamp(85px,calc(100dvh - 400px),185px) + 172px)}
}
@keyframes dbp-scene-pan{0%,18%{transform:translate(calc(-50% + 190px),-50%)}80%,100%{transform:translate(calc(-50% - 205px),-50%)}}
@media(prefers-reduced-motion:reduce){#dbp-modal,#dbp-banner,#dbp-modal *,#dbp-modal *::before,#dbp-modal *::after,#dbp-banner *,#dbp-banner *::before,#dbp-banner *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#dbp-modal .dbp-sketch,#dbp-modal .dbp-draw-route,#dbp-modal .dbp-pour{stroke-dashoffset:0!important}#dbp-modal .dbp-world{opacity:.075!important}#dbp-modal .dbp-reveal{visibility:visible;opacity:1;transform:none}}
@media print{#dbp-banner,#dbp-modal{display:none!important}}

/* 1.0.2 original delivery illustration. Path and wheel motion are distance-synchronised by the lifecycle controller. */
#dbp-banner .dbp-band-truck{animation:none}
#dbp-banner .dbp-band-wheel,#dbp-modal[open] .dbp-wheel{animation:none;transform-box:view-box;transform-origin:0 0}
#dbp-modal[open] .dbp-truck-chassis{animation:none}
#dbp-banner .dbp-band-route{animation:none;stroke-dasharray:.006 .009}
#dbp-banner .dbp-band-route-light{animation:dbp-delivery-trace 9s linear infinite}
#dbp-modal .dbp-truck-headbeam{opacity:.7}
#dbp-modal[open][data-dbp-phase="intro"] .dbp-road-bed{animation:dbp-road-appear 1.3s .12s both}
#dbp-modal[open][data-dbp-phase="intro"] .dbp-truck-headlight{animation:dbp-lamp-on .6s .45s both}
#dbp-modal[open][data-dbp-phase="intro"] .dbp-truck-headbeam{animation:dbp-headlamp-glow 2.5s .5s ease-in-out both}
#dbp-modal[open][data-dbp-phase="intro"] .dbp-warehouse-detail{animation:dbp-road-appear 1.4s .4s both}
#dbp-modal .dbp-truck-shadow{opacity:.8}
@keyframes dbp-delivery-trace{to{stroke-dashoffset:-1}}
@keyframes dbp-road-appear{from{opacity:0}to{opacity:1}}
@keyframes dbp-lamp-on{0%{opacity:.3}100%{opacity:1}}
@keyframes dbp-headlamp-glow{0%{opacity:0}32%{opacity:.75}100%{opacity:.55}}
@media(prefers-reduced-motion:reduce){#dbp-banner .dbp-band-route-light,#dbp-modal[open] .dbp-road-bed,#dbp-modal[open] .dbp-warehouse-detail,#dbp-modal[open] .dbp-truck-headlight,#dbp-modal[open] .dbp-truck-headbeam{animation:none!important}}

/* Keep every delivery vehicle inside the narrow strip, including wide displays. */
#dbp-banner .dbp-banner-art{max-width:1920px;margin-inline:auto}
#dbp-banner[data-dbp-band-paused="1"] *,#dbp-banner[data-dbp-band-paused="1"] *::before,#dbp-banner[data-dbp-band-paused="1"] *::after{animation-play-state:paused!important}