/* Generated from th.css by build_chrome_css.py: the new header, strip, phone menu and footer on every page
   that is not the homepage (DLT_Site_Chrome). Everything is scoped to .thc so the Elementor page is untouched. */
.thc{--cream:#FBF7F0; --paper:#F3EDE2; --sand:#E9E0D0;
  --navy:#152238; --purple-night:#1E1728; --ink:#152238; --soft:#56607A;
  --oranje:#EF4136; --aqua:#19BECE; --pink:#EEC7DE; --lint:#E3ECD8; --dirple:#5F5883;
  --line:rgba(21,34,56,.16);
  --sans:"museo-sans-rounded",system-ui,sans-serif;
  --script:"Tremors",cursive;
  --cut:14px; --cut-s:8px;
  --pad:clamp(20px,5vw,72px);
  --max:100%;
  font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.55;color:var(--ink);-webkit-font-smoothing:antialiased}
html body .thc,html body .thc *,html body .thc *::before,html body .thc *::after{box-sizing:border-box}
html body .thc img{display:block;max-width:100%;height:auto}
html body .thc a{color:inherit;text-decoration:none}
html body .thc figure,html body .thc h1,html body .thc h2,html body .thc h3,html body .thc p{margin:0}
/* the site's Elementor heading styles (purple-blue, bigger h3) stay off the header and footer */
html body .thc h1,html body .thc h2,html body .thc h3{color:inherit;font-family:var(--sans);text-transform:none;line-height:1.2}
html body .thc button,html body .thc input{font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;border-radius:0;box-shadow:none}
html,body{overflow-x:clip}
html body .th-vh,html body .th-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html body .th-btn,html body .th-search,html body .th-mail input{clip-path:polygon(var(--cut-s) 0,calc(100% - var(--cut-s)) 0,100% var(--cut-s),100% calc(100% - var(--cut-s)),calc(100% - var(--cut-s)) 100%,var(--cut-s) 100%,0 calc(100% - var(--cut-s)),0 var(--cut-s))}
html body .th-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;background:var(--navy);color:var(--cream);border:0;
  font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .25s,transform .25s}
html body .th-btn:hover{background:var(--oranje)}
html body .thc .th-btn--light{background:var(--pink);color:var(--navy);font-weight:900;font-size:14px;min-height:58px;padding:0 36px}
html body .thc .th-btn--light:hover,html body .thc .th-btn--light:focus{background:#E4B3CF;color:var(--navy)}
html body .th-deal__panel .th-btn--light{width:100%;max-width:460px;min-height:64px}
html body .thc .th-btn--pink{background:var(--pink);color:var(--navy);gap:12px}
html body .thc .th-btn--pink:hover,html body .thc .th-btn--pink:focus{background:#E4B3CF;color:var(--navy)}
html body .th-btn__arrow{transition:transform .3s}
html body .th-btn--pink:hover .th-btn__arrow{transform:translateX(4px)}
html body .th-search button:hover,html body .th-search button:focus,html body .th-burger:hover,html body .th-burger:focus,html body .th-menu__x:hover,html body .th-menu__x:focus{background:transparent;color:var(--navy)}
html body .th-search button{padding:0}
html body .thc .th-btn,html body .thc button.th-btn:not(.th-grid *,.th-basket *){text-transform:uppercase;font-family:var(--sans)}
html body .th-strip{display:flex;justify-content:center;align-items:center;gap:14px;background:var(--navy);color:var(--cream);font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;padding:10px 16px;text-align:center}
html body .th-dot{width:10px;height:16px;fill:var(--pink);flex:none;margin-top:-2px}
html body .th-head{position:sticky;top:0;z-index:50;background:rgba(251,247,240,.94);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--navy)}
html body .th-head__in{max-width:var(--max);margin:0 auto;padding:0 var(--pad);height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:height .3s}
html body .th-head.is-stuck .th-head__in{height:66px}
html body .th-logo{color:var(--navy);display:block;justify-self:center}
html body .th-logo__svg{display:block;height:34px;width:auto;transition:height .3s,color .3s}
html body .th-head.is-stuck .th-logo__svg{height:28px}
html body .th-logo:hover{color:var(--oranje)}
html body .th-nav{display:flex;gap:clamp(16px,2.2vw,34px)}
html body .th-nav a{position:relative;text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);padding:10px 0}
html body .th-nav a span{position:relative;z-index:1}
html body .th-sticker{position:absolute;left:50%;top:100%;width:76px;height:76px;max-width:none;transform:translate(-50%,-10px) rotate(-14deg) scale(.4);opacity:0;pointer-events:none;
  transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .2s;z-index:2;filter:drop-shadow(0 6px 10px rgba(21,34,56,.18))}
html body .th-nav a:hover .th-sticker,html body .th-nav a:focus-visible .th-sticker{opacity:1;transform:translate(-50%,6px) rotate(-6deg) scale(1)}
html body .th-nav a:nth-child(even):hover .th-sticker{transform:translate(-50%,6px) rotate(7deg) scale(1)}
html body .th-tools{justify-self:end;display:flex;align-items:center;gap:22px}
html body .th-tool{text-decoration:none;font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--navy)}
html body .th-tool:hover{color:var(--oranje)}
html body .th-bag{display:inline-flex;align-items:center;gap:8px}
html body .th-bag__n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--sand);color:var(--navy);font-size:11px;letter-spacing:0}
html body .th-bag__n.on{background:var(--oranje);color:#fff}
html body .th-search{display:flex;align-items:center;background:var(--pink);height:40px;width:210px;transition:width .3s}
html body .th-search:focus-within{width:260px}
html body .th-search input{flex:1;min-width:0;border:0;background:transparent;padding:0 0 0 14px;font-size:14px;outline:0;color:var(--navy)}
html body .th-search input::placeholder{color:var(--navy);opacity:.6}
html body .th-search button{border:0;background:transparent;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;color:var(--navy)}
html body .th-search svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
html body .th-burger{display:none;border:0;background:none;padding:0;cursor:pointer;width:46px;height:46px}
html body .th-burger img{width:46px;height:46px}
html body .th-menu{position:fixed;inset:0;z-index:100;background:var(--cream);display:flex;flex-direction:column;padding:16px 20px calc(24px + env(safe-area-inset-bottom));overflow:auto}
html body .th-menu[hidden]{display:none}
html body .th-menu__top{display:flex;justify-content:space-between;align-items:center;height:52px}
html body .th-menu__top .th-logo{justify-self:start}
html body .th-menu__top .th-logo__svg{height:28px}
html body .th-menu__x{border:0;background:none;font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--navy);cursor:pointer;padding:12px 0}
html body .th-menu .th-search--menu,html body .th-menu .th-search--menu:focus-within{width:100%;height:48px;margin:18px 0 8px}
html body .th-menu__nav{display:flex;flex-direction:column;margin-top:10px}
html body .th-menu__nav a{display:flex;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--navy);font-weight:300;font-size:34px;letter-spacing:-.02em}
html body .th-menu__nav img{width:54px;height:54px;transform:rotate(-6deg)}
html body .th-menu__nav a:nth-child(even) img{transform:rotate(6deg)}
html body .th-menu__foot{display:flex;gap:22px;margin-top:auto;padding-top:26px}
html body .th-menu__foot a{font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--navy)}
html body .th-new__all .th-btn{min-height:58px;padding:0 40px;font-size:14px}
html body .th-mail{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;max-width:520px}
html body .th-foot__mail .th-mail{max-width:780px;align-items:stretch}
html body .thc .th-mail--dark input.th-mail__name,html body .thc .th-mail--dark input[type=email]{flex:1 1 180px;min-width:0;height:58px;box-sizing:border-box;border:0;background:rgba(251,247,240,.1);color:var(--cream);padding:0 18px;font-size:16px;outline:0;margin:0}
html body .thc .th-mail--dark input.th-mail__name::placeholder{color:rgba(251,247,240,.55)}
html body .thc .th-mail--dark .th-btn{height:58px;min-height:58px;box-sizing:border-box;margin:0}
html body .th-mail input[type=email]{flex:1 1 220px;min-width:0;height:52px;border:0;background:var(--cream);padding:0 18px;font-size:16px;color:var(--navy);outline:0}
html body .th-mail--dark input[type=email]{background:rgba(251,247,240,.1);color:var(--cream);height:58px}
html body .th-mail--dark input::placeholder{color:rgba(251,247,240,.55)}
html body .th-mail__msg{flex-basis:100%;font-size:14px;min-height:1.4em;color:var(--soft)}
html body .th-mail--dark .th-mail__msg{color:rgba(251,247,240,.7)}
html body .th-foot{background:var(--navy);color:var(--cream);padding:clamp(56px,7vw,100px) var(--pad) 28px}
html body .th-foot a{text-decoration:none}
html body .th-foot__top{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:clamp(40px,8vw,140px);align-items:center;padding-bottom:clamp(44px,5vw,72px)}
html body .th-foot__logo{color:var(--cream);display:block;transition:color .3s,transform .4s}
html body .th-foot__logo:hover{color:var(--pink);transform:rotate(-4deg)}
html body .th-foot__svg{height:clamp(120px,14vw,190px);width:auto;display:block}
html body .th-foot__mail h2{font-weight:300;font-size:clamp(34px,4vw,54px);letter-spacing:-.03em;line-height:1}
html body .th-foot__mail p{color:rgba(251,247,240,.7);margin-top:12px}
html body .th-foot__cols{max-width:none;margin:0 calc(var(--pad) * -1);display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:clamp(40px,5vw,64px) var(--pad);background:var(--purple-night)}
html body .th-foot__cols h3{font-weight:700;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--pink);margin-bottom:16px}
html body .th-foot__cols h3 .dlt-brand,html body .th-foot .dlt-brand{font:inherit!important;letter-spacing:inherit!important;color:inherit!important;vertical-align:baseline!important;transform:none!important}
html body .th-foot__cols a,html body .th-foot__cols span{display:block;font-size:16px;line-height:1.4;padding:5px 0;color:var(--cream)}
html body .th-foot__cols a:hover{color:var(--pink)}
html body .th-foot__cols span{color:rgba(251,247,240,.7)}
html body .th-foot__stickers{display:grid;grid-template-columns:repeat(4,72px);gap:14px;justify-self:end}
html body .th-foot__stickers a{display:block;width:72px;height:72px;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
html body .th-foot__stickers a:nth-child(odd){transform:rotate(-5deg)}
html body .th-foot__stickers a:nth-child(even){transform:rotate(5deg)}
html body .th-foot__stickers a:hover{transform:rotate(0) translateY(-6px) scale(1.08)}
html body .th-foot__stickers img{width:100%;height:100%}
@media (min-width:1600px){
  html body .th-foot__stickers{grid-template-columns:repeat(8,64px);gap:12px;align-self:end;margin-bottom:var(--th-stick-drop,39px)}
  html body .th-foot__stickers a{width:64px;height:64px}
}
html body .th-foot{padding-bottom:0}
html body .th-foot__base{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 calc(var(--pad) * -1);padding:20px var(--pad);background:var(--pink);font-size:13px;color:var(--navy)}
html body .th-foot__base a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
html body .th-foot__base a:hover{color:var(--oranje)}
html body .th-foot__line{font-style:italic;font-weight:300;font-size:20px;color:var(--navy)}
@media (max-width:1180px){
  html body .th-search{width:170px}
  html body .th-search:focus-within{width:210px}
  html body .th-tool--acc{display:none}
}
@media (max-width:980px){
  html body .th-head__in{grid-template-columns:auto 1fr auto;height:68px}
  html body .th-head.is-stuck .th-head__in{height:60px}
  html body .th-burger{display:block}
  html body .th-nav,html body .th-head .th-search{display:none}
  html body .th-logo__svg{height:28px}
  html body .th-foot__cols{grid-template-columns:repeat(2,1fr)}
  html body .th-foot__top{grid-template-columns:auto 1fr}
  html body .th-foot__stickers{grid-column:1 / -1;justify-self:start}
}
@media (max-width:640px){
  html body .th-strip{font-size:9.5px;letter-spacing:.16em;gap:10px}
  html body .th-strip span:last-child,html body .th-dot{display:none}
  html body .th-head__in{padding:0 14px;height:62px}
  html body .th-burger,html body .th-burger img{width:42px;height:42px}
  html body .th-tools{gap:0}
  html body .th-bagwrap{display:none}
  html body .dlt-bagtab,html body .dlt-cotab{top:31px!important}
  html body .th-find__form .th-btn{width:100%}
  html body .th-foot__top{grid-template-columns:1fr;text-align:center;justify-items:center}
  html body .th-foot__mail .th-mail{margin-left:auto;margin-right:auto;justify-content:center}
  html body .th-mail .th-btn{width:100%}
  html body .th-foot__cols{gap:26px 18px}
  html body .th-foot__stickers{justify-self:center;grid-template-columns:repeat(4,58px);gap:12px}
  html body .th-foot__stickers a{width:58px;height:58px}
  html body .th-foot__base{flex-direction:column;text-align:center}
  html body .th-foot{padding-bottom:0}
}
html body .th-foot__mail h2.th-foot__hw{line-height:0;margin:0 0 6px}
html body .th-foot__hw img{display:block;width:min(308px,100%);height:auto}
@media (max-width:640px){
  html body .th-foot__hw img{width:min(210px,100%);margin:0 auto}
}
html body .th-tools .th-tool,html body .th-tools .th-bagwrap{display:inline-flex;align-items:center;height:24px;line-height:1}
html body .th-tools .th-bag{height:24px;line-height:1}
@media (max-width:1180px){
  html body .th-tools .th-tool--acc{display:none}
}
@media (max-width:640px){
  html body .th-tools .th-bagwrap{display:none}
}
html body .th-search input:focus{outline:0 !important}
html body .th-strip-tabs{display:none}
@media (max-width:640px){
  html body .th-head .th-logo{justify-self:end}
  html body .th-strip-tabs{display:flex;position:sticky;top:60px;z-index:49;height:36px;width:100%}
  html body .th-strip-tabs[hidden]{display:none}
  html body .th-strip-tabs > :is(.dlt-bagtab,.dlt-cotab){flex:1 1 0;position:static !important;top:auto !important;right:auto !important;left:auto !important;bottom:auto !important;
    transform:none !important;writing-mode:horizontal-tb !important;height:36px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;
    display:flex !important;align-items:center;justify-content:center;font-family:var(--sans) !important;font-size:11px !important;font-weight:700 !important;
    letter-spacing:.22em !important;text-transform:uppercase !important;box-shadow:none !important;clip-path:none !important;text-decoration:none !important}
  html body .th-strip-tabs > .dlt-cotab[hidden]{display:none !important}
  html body .th-strip-tabs > .dlt-cotab{background:#EEC7DE !important;color:#152238 !important}
  html body .th-strip-tabs > .dlt-bagtab{background:#1E1728 !important;color:#EEC7DE !important}
  html body .dlt-coinfo{display:none !important}
  html body .th-strip-tabs > .dlt-cotab[data-n]:not([data-n=""])::after{content:attr(data-n);display:inline-flex;align-items:center;justify-content:center;
    min-width:20px;height:20px;margin-left:10px;padding:0 5px;border-radius:10px;background:#152238;color:#EEC7DE;font-size:11px;letter-spacing:0;font-weight:800}
}
html body .th-headl{display:contents}
html body .th-sbtn{display:none}
@media (max-width:980px){
  html body .th-headl{display:flex;align-items:center;gap:8px}
  html body .thc .th-sbtn,html body .thc .th-sbtn{display:block;appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:pointer;width:42px;height:42px;border-radius:50%}
  html body .th-sbtn img{width:100%;height:100%;display:block}
}
@media (min-width:783px){
  html body html.th-adminbar .th-head{top:32px}
}
@media (min-width:600px) and (max-width:782px){
  html body html.th-adminbar .th-head{top:46px}
}
html body body:has(.th-menu:not([hidden])) .gfrf{display:none !important}
html body .th-cobtn{display:none}
@media (max-width:980px){
  html body .thc .th-cobtn,html body .thc .th-cobtn{display:block;width:42px;height:42px}
  html body .thc .th-cobtn[hidden],html body .thc .th-cobtn[hidden]{display:none}
  html body .th-cobtn img{width:100%;height:100%;display:block}
}
html body html.th-menu-open :is(.dlt-cobar,.dlt-paybar,.gfrf,.dlt-cookie){display:none!important}

/* the shop card everywhere: dark blue stepper, Add to bag pink with a dark blue outline and words (Willem, 4 Nov) */
html body .e-loop-item.product .dlt-bundle-qty{background:#152238!important}
html body .e-loop-item.product .dlt-bundle-qty__btn{color:#fff!important;background:transparent!important}
html body .e-loop-item.product .dlt-bundle-qty__n{color:#152238!important}
html body .e-loop-item.product .add_to_cart_button,
html body .e-loop-item.product .add_to_cart_button.added,
html body .e-loop-item.product .add_to_cart_button.loading{background:#EEC7DE!important;color:#152238!important;border-color:#152238!important;--dc-line:#152238}
html body .e-loop-item.product .add_to_cart_button:hover{background:#E4B3CF!important;color:#152238!important}
html body .e-loop-item.product .add_to_cart_button::before{color:#152238!important}
/* the card's stepper and Add to bag always the same height (Willem, 4 Nov) */
html body .e-loop-item.product .dlt-bundle-qty{height:40px!important;display:inline-flex!important;align-items:stretch!important;box-sizing:border-box!important}
html body .e-loop-item.product .dlt-bundle-qty > *{height:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
html body .e-loop-item.product .add_to_cart_button{height:40px!important;min-height:40px!important;padding-top:0!important;padding-bottom:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;line-height:1!important}
/* the selected size on every 50/100 ML switch is pink, not cyan */
html body .dlt-size .dlt-size__tab[aria-selected="true"],html body .dlt-size .dlt-size__tab[aria-selected="true"]:hover{background:#EEC7DE!important;color:#152238!important}