/* Halloween header (halloween.php, halloween.js): every rule hangs on html.to-hw, which exists only within the dates.
   Decoration only, nothing to click. Negative z-index keeps the spider and the glowing line under the header's own menus
   and dropdowns, while the header as a whole stays above the page. The menu bar turns into a night on computers only:
   on phones that element is just the menu button. */
/* halloween.js draws only once this applies: a page whose stylesheet did not load gets no unsized drawings */
html.to-hw{--to-hw-ready:1}
html.to-hw .to-hw-web,html.to-hw .to-hw-pumpkin,html.to-hw .to-hw-glow,html.to-hw .to-hw-spider,html.to-hw .to-hw-sky{position:absolute;pointer-events:none;user-select:none}
html.to-hw .to-hw-web svg,html.to-hw .to-hw-pumpkin svg,html.to-hw .to-hw-spider svg,html.to-hw .to-hw-sky svg{display:block;width:100%;height:100%;overflow:visible}

/* Cobwebs in the top corners of the white bar */
html.to-hw .to-hw-web{top:0;width:76px;height:76px;animation:to-hw-fade 1.2s ease-out both}
html.to-hw .to-hw-web--left{left:0}
html.to-hw .to-hw-web--right{right:0;transform:scaleX(-1)}
html.to-hw .to-hw-web path{fill:none;stroke:#3f4d46;stroke-opacity:.3;stroke-width:1;vector-effect:non-scaling-stroke}

/* Jack-o'-lantern beside the logo; it leans over when the logo is hovered */
html.to-hw .tgx-header .tgx-logo{position:relative}
html.to-hw .to-hw-pumpkin{left:100%;bottom:8px;width:36px;height:33px;margin-left:3px;transform-origin:50% 100%;transition:transform .3s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 3px 6px rgba(232,111,16,.35))}
html.to-hw .to-hw-pumpkin svg{transform-origin:50% 100%;animation:to-hw-pop .8s .3s cubic-bezier(.34,1.56,.64,1) backwards}
html.to-hw .tgx-logo:hover .to-hw-pumpkin{transform:rotate(-9deg)}
html.to-hw .to-hw-face{animation:to-hw-flicker 3.2s ease-in-out infinite;filter:drop-shadow(0 0 1.5px #ffb21a)}

/* A glowing line under the header */
html.to-hw .to-hw-glow{left:0;right:0;top:100%;height:3px;z-index:-1;background:linear-gradient(90deg,#f7871c,#ffc94a,#9b4dff,#f7871c,#ffc94a,#9b4dff,#f7871c);background-size:200% 100%;box-shadow:0 2px 12px rgba(247,135,28,.35);animation:to-hw-slide 14s linear infinite}

/* A spider on a thread from under the header, in the margin at the left. The thread belongs to the swinging part, which
   turns around the top of the thread, so thread and spider always hang together; the thread ends inside the spider's
   head (head top at 26% of the drawing's height, so 70% of --s from the bottom), whatever the size --s. */
html.to-hw .to-hw-spider{--s:24px;top:100%;left:10px;width:calc(var(--s) * 32 / 30);height:100px;margin-top:-52px;z-index:-1;animation:to-hw-drop 6.5s ease-in-out infinite alternate}
html.to-hw .to-hw-spider-body{position:absolute;inset:0;transform-origin:50% 0;filter:drop-shadow(0 0 1.5px rgba(255,255,255,.9));animation:to-hw-sway 3.6s ease-in-out infinite alternate}
html.to-hw .to-hw-spider-body::before{content:"";position:absolute;left:50%;top:0;bottom:calc(var(--s) * .7);width:1px;margin-left:-.5px;background:rgba(112,100,128,.85)}
html.to-hw .to-hw-spider-body svg{position:absolute;left:0;bottom:0;height:var(--s)}

/* The menu bar as a Halloween night: stars, a moon and three bats (placed by halloween.js) */
html.to-hw .to-hw-sky{display:none;top:0;bottom:0;width:190px;transform:translateX(-50%)}
html.to-hw .to-hw-moon{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;filter:drop-shadow(0 0 8px rgba(255,236,170,.7)) drop-shadow(0 0 18px rgba(255,214,120,.35))}
html.to-hw .to-hw-bat{position:absolute;animation:to-hw-float 3.4s ease-in-out infinite alternate}
html.to-hw .to-hw-bat--1{left:calc(50% - 6px);top:20px;width:20px;height:10px;animation-delay:-1s}
html.to-hw .to-hw-bat--2{left:24%;top:9px;width:15px;height:8px}
html.to-hw .to-hw-bat--3{left:72%;top:25px;width:12px;height:6px;animation-delay:-2.2s}
html.to-hw .to-hw-wing{transform-box:fill-box;animation:to-hw-flap-l 2.6s ease-in-out infinite}
html.to-hw .to-hw-wing--l{transform-origin:100% 55%}
html.to-hw .to-hw-wing--r{transform-origin:0 55%;animation-name:to-hw-flap-r}
html.to-hw .to-hw-bat--2 .to-hw-wing{animation-delay:-.9s}
html.to-hw .to-hw-bat--3 .to-hw-wing{animation-delay:-1.7s}

@media (min-width:861px){
 html.to-hw .tgx-header .tgx-nav{border-top-color:#3b2357;background:
  radial-gradient(circle at 6% 26%,rgba(255,255,255,.7) 0 1px,transparent 1.6px),
  radial-gradient(circle at 19% 72%,rgba(255,255,255,.45) 0 1px,transparent 1.6px),
  radial-gradient(circle at 33% 22%,rgba(255,255,255,.6) 0 .8px,transparent 1.4px),
  radial-gradient(circle at 47% 78%,rgba(255,255,255,.5) 0 1px,transparent 1.6px),
  radial-gradient(circle at 58% 30%,rgba(255,255,255,.65) 0 .8px,transparent 1.4px),
  radial-gradient(circle at 69% 70%,rgba(255,255,255,.5) 0 1px,transparent 1.6px),
  radial-gradient(circle at 81% 24%,rgba(255,255,255,.6) 0 .8px,transparent 1.4px),
  radial-gradient(circle at 94% 68%,rgba(255,255,255,.45) 0 1px,transparent 1.6px),
  linear-gradient(180deg,#27143d,#170b26)}
 html.to-hw .tgx-header .tgx-primary>li>.tgx-nav-link{color:#f1e8ff}
 html.to-hw .tgx-header .tgx-primary>li>.tgx-nav-link.is-outlet{color:#ff9a3c}
 html.to-hw .tgx-header .tgx-primary>li>.tgx-nav-link:hover,html.to-hw .tgx-header .tgx-primary>li.is-open>.tgx-nav-link{color:#ffb466}
 html.to-hw .tgx-header .tgx-primary>li>.tgx-submenu-toggle{color:#c9b6ea}
 html.to-hw .tgx-header .tgx-primary>li>.tgx-submenu-toggle:is(:hover,:focus){background:rgba(255,255,255,.08);color:#ffb466}
 html.to-hw .tgx-header .tgx-usp-strip .tgx-usp{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#f1e8ff}
 html.to-hw .tgx-header .tgx-usp-strip .tgx-usp .tgx-usp-icon{color:#ff9a3c}
 html.to-hw .to-hw-sky{display:block}
}
/* Here the logo leaves only 26 px before the search field */
@media (min-width:861px) and (max-width:1000px){
 html.to-hw .to-hw-pumpkin{width:24px;height:22px;bottom:10px;margin-left:1px}
}
@media (max-width:860px){
 html.to-hw .to-hw-web{width:58px;height:58px}
 html.to-hw .to-hw-pumpkin{width:30px;height:27px;bottom:7px}
 html.to-hw .to-hw-spider{--s:19px;left:3px}
}

/* Halloween deals (halloween.php DEALS): Catalogus 2.0 gives their cards the class to-card--hw with the band
   .to-card-kind--hw and the line .to-hw-note, and the buy box the line .to-pdp-delivery--hw. Their colours live in
   Catalogus 2.0, so a deal reads well without this file; here only the decoration, nothing to click: a flickering pumpkin
   on the band, a cobweb with a spider swinging from it on the photo, and a pumpkin on the buy box line. */
html.to-hw .to-card-kind--hw strong{display:inline-flex;align-items:center;gap:5px}
html.to-hw .to-card-kind--hw strong::before{content:"";flex:0 0 auto;width:15px;height:14px;margin:-2px 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 58'%3E%3Cpath d='M30.5 13.5c-.3-4.6.6-8.3 3.4-11.2l3.6 1.8c-2.2 2.4-3 5.4-2.7 9.6z' fill='%2355782a'/%3E%3Cellipse cx='18' cy='35' rx='15' ry='19.5' fill='%23d0560a'/%3E%3Cellipse cx='46' cy='35' rx='15' ry='19.5' fill='%23d0560a'/%3E%3Cellipse cx='25' cy='35.5' rx='13' ry='20.5' fill='%23e86f10'/%3E%3Cellipse cx='39' cy='35.5' rx='13' ry='20.5' fill='%23e86f10'/%3E%3Cellipse cx='32' cy='35.5' rx='11' ry='21.5' fill='%23f7871c'/%3E%3Cg fill='%23ffd54a'%3E%3Cpath d='M17 31.5L22.6 23.5 28 31.5z'/%3E%3Cpath d='M36 31.5L41.4 23.5 47 31.5z'/%3E%3Cpath d='M15 38.5Q32 45 49 38.5Q46 49.6 32 50Q18 49.6 15 38.5z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;animation:to-hw-flicker 3.2s ease-in-out infinite}
html.to-hw li.product.to-card--hw::after{content:"";position:absolute;right:0;top:0;z-index:4;width:74px;height:74px;border-top-right-radius:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 104'%3E%3Cpath d='M0 0L104 0M0 0L100.9 25.2M0 0L90.1 52M0 0L70.9 76.1M0 0L47.2 92.7M0 0L21.6 101.7M0 0L0 104M14 0Q11.1 1.4 14 3.5Q10.4 4.2 11.9 6.9Q8.8 7 9.7 10.4Q6.4 9.2 6.1 12.1Q3.7 10.6 2.9 13.7Q1.2 11.1 0 14.5M27 0Q21.4 2.6 26.2 6.5Q20 8.1 24.2 13.9Q16.9 13.4 18.1 19.4Q12.4 17.7 12.5 24.5Q7.2 20.4 5.4 25.5Q2.3 21.5 0 27M41 0Q32.6 4 39.1 9.8Q30.4 12.3 36.1 20.8Q25.7 20.4 27 29Q18.8 26.9 18.6 36.5Q10.9 30.9 8.8 41.4Q3.4 32.6 0 40.3M56 0Q44.5 5.5 53.4 13.3Q41.5 16.8 49.3 28.5Q35.1 27.9 36.9 39.6Q25.7 36.7 25.4 49.9Q15 42.2 12 56.6Q4.7 44.6 0 55.1M72 0Q57.2 7 69.9 17.4Q53.4 21.6 64.4 37.2Q45.1 35.9 48.3 51.8Q33 47.2 33.2 65.2Q19.2 54.3 14.5 68.1Q6 57.3 0 72M90 0Q71.5 8.8 84.4 21Q66.8 27 77.9 45Q56.3 44.8 63.4 68Q41.3 59 40.2 78.9Q24 67.9 19 89.5Q7.5 71.6 0 87' fill='none' stroke='%23fff' stroke-opacity='.7' stroke-width='2.6'/%3E%3Cpath d='M0 0L104 0M0 0L100.9 25.2M0 0L90.1 52M0 0L70.9 76.1M0 0L47.2 92.7M0 0L21.6 101.7M0 0L0 104M14 0Q11.1 1.4 14 3.5Q10.4 4.2 11.9 6.9Q8.8 7 9.7 10.4Q6.4 9.2 6.1 12.1Q3.7 10.6 2.9 13.7Q1.2 11.1 0 14.5M27 0Q21.4 2.6 26.2 6.5Q20 8.1 24.2 13.9Q16.9 13.4 18.1 19.4Q12.4 17.7 12.5 24.5Q7.2 20.4 5.4 25.5Q2.3 21.5 0 27M41 0Q32.6 4 39.1 9.8Q30.4 12.3 36.1 20.8Q25.7 20.4 27 29Q18.8 26.9 18.6 36.5Q10.9 30.9 8.8 41.4Q3.4 32.6 0 40.3M56 0Q44.5 5.5 53.4 13.3Q41.5 16.8 49.3 28.5Q35.1 27.9 36.9 39.6Q25.7 36.7 25.4 49.9Q15 42.2 12 56.6Q4.7 44.6 0 55.1M72 0Q57.2 7 69.9 17.4Q53.4 21.6 64.4 37.2Q45.1 35.9 48.3 51.8Q33 47.2 33.2 65.2Q19.2 54.3 14.5 68.1Q6 57.3 0 72M90 0Q71.5 8.8 84.4 21Q66.8 27 77.9 45Q56.3 44.8 63.4 68Q41.3 59 40.2 78.9Q24 67.9 19 89.5Q7.5 71.6 0 87' fill='none' stroke='%2324123a' stroke-opacity='.6' stroke-width='1'/%3E%3C/svg%3E") right top/100% 100% no-repeat;transform:scaleX(-1);transform-origin:center;pointer-events:none;animation:to-hw-fade 1.2s ease-out both}
html.to-hw li.product.to-card--hw::before{content:"";position:absolute;right:50px;top:0;z-index:4;width:18px;height:58px;transform-origin:50% 0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)) 50% 0/1px calc(100% - 12px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 30'%3E%3Cg fill='none' stroke='%232b1d36' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M13 14Q7 8.5 2.5 11.5M13 16Q6 14 1.5 18M13 18Q7 19.5 3 25M14 19.5Q10 23.5 8 28.5'/%3E%3Cpath d='M19 14Q25 8.5 29.5 11.5M19 16Q26 14 30.5 18M19 18Q25 19.5 29 25M18 19.5Q22 23.5 24 28.5'/%3E%3C/g%3E%3Cellipse cx='16' cy='19.5' rx='5.6' ry='6.6' fill='%232b1d36'/%3E%3Ccircle cx='16' cy='11.6' r='3.8' fill='%232b1d36'/%3E%3Cpath d='M16 16.6l1.5 2.4-1.5 2.4-1.5-2.4z' fill='%23f7871c'/%3E%3Ccircle cx='14.5' cy='11' r='1.2' fill='%23fff'/%3E%3Ccircle cx='17.5' cy='11' r='1.2' fill='%23fff'/%3E%3C/svg%3E") 50% 100%/18px 17px no-repeat;filter:drop-shadow(0 0 1.5px rgba(255,255,255,.9));animation:to-hw-sway 3.6s ease-in-out infinite alternate}
/* The night card of the archive grid (Kevin, 30-10-2026): the night drips over the bottom of the photo, and two bats flutter
   beside the price; the cobweb and the spider stay */
html.to-hw .to-shop-enhanced #main>ul.products>li.product.to-card--hw>a.woocommerce-loop-image-link::after{content:"";position:absolute;left:0;right:0;bottom:-1px;z-index:2;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16V9c6 0 7 5 11 5s4-6 9-6 4 7 9 7 5-4 9-4 5 6 10 6 4-8 9-8 5 5 9 5 5-3 9-3 5 7 10 7 4-5 8-5 5 4 9 4 5-6 9-6V16z' fill='%232b1546'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;pointer-events:none}
html.to-hw .to-shop-enhanced #main>ul.products>li.product.to-card--hw{background:radial-gradient(circle at calc(100% - 26px) calc(100% - 74px),#fff2c6 0 9px,rgba(255,214,120,.22) 10px,transparent 24px),radial-gradient(circle at 8% 72%,rgba(255,255,255,.75) 0 1px,transparent 1.6px),radial-gradient(circle at 22% 88%,rgba(255,255,255,.55) 0 1px,transparent 1.6px),radial-gradient(circle at 41% 76%,rgba(255,255,255,.75) 0 1px,transparent 1.6px),radial-gradient(circle at 63% 92%,rgba(255,255,255,.55) 0 1px,transparent 1.6px),radial-gradient(circle at 78% 70%,rgba(255,255,255,.75) 0 1px,transparent 1.6px),radial-gradient(circle at 92% 84%,rgba(255,255,255,.55) 0 1px,transparent 1.6px),radial-gradient(circle at 55% 66%,rgba(255,255,255,.75) 0 1px,transparent 1.6px),linear-gradient(180deg,#2b1546 0,#1a0c2b 100%)!important}
html.to-hw .to-shop-enhanced #main>ul.products>li.product.to-card--hw .to-hw-note{position:relative}
html.to-hw .to-shop-enhanced #main>ul.products>li.product.to-card--hw .to-hw-note::after{content:"";position:absolute;right:0;bottom:calc(100% + 4px);width:70px;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20'%3E%3Cg fill='%23b79ad8'%3E%3Cpath d='M19 7C15 3.6 8.5 1.6 1 3.2 5 5 6 8 6 11.2 8 9 11 9 13 11.2 14 9.2 16.6 9 18.6 11.8z'/%3E%3Cpath d='M21 7C25 3.6 31.5 1.6 39 3.2 35 5 34 8 34 11.2 32 9 29 9 27 11.2 26 9.2 23.4 9 21.4 11.8z'/%3E%3Cellipse cx='20' cy='9.6' rx='2.5' ry='4'/%3E%3C/g%3E%3C/svg%3E") 4px 4px/30px 15px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20'%3E%3Cg fill='%23b79ad8'%3E%3Cpath d='M19 7C15 3.6 8.5 1.6 1 3.2 5 5 6 8 6 11.2 8 9 11 9 13 11.2 14 9.2 16.6 9 18.6 11.8z'/%3E%3Cpath d='M21 7C25 3.6 31.5 1.6 39 3.2 35 5 34 8 34 11.2 32 9 29 9 27 11.2 26 9.2 23.4 9 21.4 11.8z'/%3E%3Cellipse cx='20' cy='9.6' rx='2.5' ry='4'/%3E%3C/g%3E%3C/svg%3E") 44px 22px/20px 10px no-repeat;pointer-events:none;animation:to-hw-float 3.4s ease-in-out infinite alternate}
/* In the archive grid the card has a frame (Catalogus 2.0): web and spider hang in the photo's corner */
html.to-hw .to-shop-enhanced #main>ul.products>li.product.to-card--hw::after{top:10px;right:12px;border-top-right-radius:8px}
html.to-hw .to-shop-enhanced #main>ul.products>li.product.to-card--hw::before{top:10px;right:58px}
html.to-hw li.product.to-card--hw:hover::before{animation:to-hw-sway 3.6s ease-in-out infinite alternate,to-hw-dangle .9s ease-in-out}
html.to-hw .to-hw-note__pct::before{content:"";display:inline-block;width:11px;height:10px;margin-right:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 58'%3E%3Cpath d='M30.5 13.5c-.3-4.6.6-8.3 3.4-11.2l3.6 1.8c-2.2 2.4-3 5.4-2.7 9.6z' fill='%2355782a'/%3E%3Cellipse cx='18' cy='35' rx='15' ry='19.5' fill='%23d0560a'/%3E%3Cellipse cx='46' cy='35' rx='15' ry='19.5' fill='%23d0560a'/%3E%3Cellipse cx='25' cy='35.5' rx='13' ry='20.5' fill='%23e86f10'/%3E%3Cellipse cx='39' cy='35.5' rx='13' ry='20.5' fill='%23e86f10'/%3E%3Cellipse cx='32' cy='35.5' rx='11' ry='21.5' fill='%23f7871c'/%3E%3Cg fill='%23ffd54a'%3E%3Cpath d='M17 31.5L22.6 23.5 28 31.5z'/%3E%3Cpath d='M36 31.5L41.4 23.5 47 31.5z'/%3E%3Cpath d='M15 38.5Q32 45 49 38.5Q46 49.6 32 50Q18 49.6 15 38.5z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
html.to-hw .to-pdp-delivery--hw{position:relative}
html.to-hw .to-pdp-delivery--hw strong{display:inline-flex;align-items:center;gap:6px}
html.to-hw .to-pdp-delivery--hw strong::before{content:"";flex:0 0 auto;width:20px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 58'%3E%3Cpath d='M30.5 13.5c-.3-4.6.6-8.3 3.4-11.2l3.6 1.8c-2.2 2.4-3 5.4-2.7 9.6z' fill='%2355782a'/%3E%3Cellipse cx='18' cy='35' rx='15' ry='19.5' fill='%23d0560a'/%3E%3Cellipse cx='46' cy='35' rx='15' ry='19.5' fill='%23d0560a'/%3E%3Cellipse cx='25' cy='35.5' rx='13' ry='20.5' fill='%23e86f10'/%3E%3Cellipse cx='39' cy='35.5' rx='13' ry='20.5' fill='%23e86f10'/%3E%3Cellipse cx='32' cy='35.5' rx='11' ry='21.5' fill='%23f7871c'/%3E%3Cg fill='%23ffd54a'%3E%3Cpath d='M17 31.5L22.6 23.5 28 31.5z'/%3E%3Cpath d='M36 31.5L41.4 23.5 47 31.5z'/%3E%3Cpath d='M15 38.5Q32 45 49 38.5Q46 49.6 32 50Q18 49.6 15 38.5z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;animation:to-hw-flicker 3.2s ease-in-out infinite}
@media (max-width:768px){
 html.to-hw .toh-hw::after{right:6px;top:52px;width:70px;height:40px;background-size:26px 13px,18px 9px;background-position:4px 4px,44px 24px}
 html.to-hw li.product.to-card--hw::after{width:52px;height:52px}
 html.to-hw .to-shop-enhanced #main>ul.products>li.product.to-card--hw .to-hw-note::after{width:40px;height:24px;background-size:18px 9px,12px 6px;background-position:2px 2px,26px 14px}
 html.to-hw .to-shop-enhanced #main>ul.products>li.product.to-card--hw::after{top:8px;right:8px}
 html.to-hw li.product.to-card--hw:hover::before{animation:to-hw-sway 3.6s ease-in-out infinite alternate}
 html.to-hw .to-shop-enhanced #main>ul.products>li.product.to-card--hw::before{top:8px;right:46px}
 html.to-hw li.product.to-card--hw::before{right:44px;height:42px;width:14px;background-size:1px calc(100% - 10px),14px 13px}
}

/* The Halloween deals in the homepage's spotlight (homepage.php, .toh-hw, laid out in home.css): a cobweb in its corner,
   two bats before its moon and a pumpkin by the title */
html.to-hw .toh-hw::before{content:"";position:absolute;left:0;top:0;width:150px;height:150px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 104'%3E%3Cpath d='M0 0L104 0M0 0L100.9 25.2M0 0L90.1 52M0 0L70.9 76.1M0 0L47.2 92.7M0 0L21.6 101.7M0 0L0 104M14 0Q11.1 1.4 14 3.5Q10.4 4.2 11.9 6.9Q8.8 7 9.7 10.4Q6.4 9.2 6.1 12.1Q3.7 10.6 2.9 13.7Q1.2 11.1 0 14.5M27 0Q21.4 2.6 26.2 6.5Q20 8.1 24.2 13.9Q16.9 13.4 18.1 19.4Q12.4 17.7 12.5 24.5Q7.2 20.4 5.4 25.5Q2.3 21.5 0 27M41 0Q32.6 4 39.1 9.8Q30.4 12.3 36.1 20.8Q25.7 20.4 27 29Q18.8 26.9 18.6 36.5Q10.9 30.9 8.8 41.4Q3.4 32.6 0 40.3M56 0Q44.5 5.5 53.4 13.3Q41.5 16.8 49.3 28.5Q35.1 27.9 36.9 39.6Q25.7 36.7 25.4 49.9Q15 42.2 12 56.6Q4.7 44.6 0 55.1M72 0Q57.2 7 69.9 17.4Q53.4 21.6 64.4 37.2Q45.1 35.9 48.3 51.8Q33 47.2 33.2 65.2Q19.2 54.3 14.5 68.1Q6 57.3 0 72M90 0Q71.5 8.8 84.4 21Q66.8 27 77.9 45Q56.3 44.8 63.4 68Q41.3 59 40.2 78.9Q24 67.9 19 89.5Q7.5 71.6 0 87' fill='none' stroke='%23fff' stroke-opacity='.85' stroke-width='1.3'/%3E%3C/svg%3E") left top/100% 100% no-repeat;opacity:.35;pointer-events:none}
html.to-hw .toh-hw::after{content:"";position:absolute;right:calc(12% - 46px);top:22px;width:110px;height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20'%3E%3Cg fill='%23120a1f'%3E%3Cpath d='M19 7C15 3.6 8.5 1.6 1 3.2 5 5 6 8 6 11.2 8 9 11 9 13 11.2 14 9.2 16.6 9 18.6 11.8z'/%3E%3Cpath d='M21 7C25 3.6 31.5 1.6 39 3.2 35 5 34 8 34 11.2 32 9 29 9 27 11.2 26 9.2 23.4 9 21.4 11.8z'/%3E%3Cellipse cx='20' cy='9.6' rx='2.5' ry='4'/%3E%3C/g%3E%3C/svg%3E") 8px 6px/38px 19px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 20'%3E%3Cg fill='%23120a1f'%3E%3Cpath d='M19 7C15 3.6 8.5 1.6 1 3.2 5 5 6 8 6 11.2 8 9 11 9 13 11.2 14 9.2 16.6 9 18.6 11.8z'/%3E%3Cpath d='M21 7C25 3.6 31.5 1.6 39 3.2 35 5 34 8 34 11.2 32 9 29 9 27 11.2 26 9.2 23.4 9 21.4 11.8z'/%3E%3Cellipse cx='20' cy='9.6' rx='2.5' ry='4'/%3E%3C/g%3E%3C/svg%3E") 70px 32px/26px 13px no-repeat;pointer-events:none;animation:to-hw-float 3.4s ease-in-out infinite alternate}
html.to-hw .toh-hw h2{display:flex;align-items:center;gap:10px}
html.to-hw .toh-hw h2::before{content:"";flex:0 0 auto;width:36px;height:33px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 58'%3E%3Cpath d='M30.5 13.5c-.3-4.6.6-8.3 3.4-11.2l3.6 1.8c-2.2 2.4-3 5.4-2.7 9.6z' fill='%2355782a'/%3E%3Cellipse cx='18' cy='35' rx='15' ry='19.5' fill='%23d0560a'/%3E%3Cellipse cx='46' cy='35' rx='15' ry='19.5' fill='%23d0560a'/%3E%3Cellipse cx='25' cy='35.5' rx='13' ry='20.5' fill='%23e86f10'/%3E%3Cellipse cx='39' cy='35.5' rx='13' ry='20.5' fill='%23e86f10'/%3E%3Cellipse cx='32' cy='35.5' rx='11' ry='21.5' fill='%23f7871c'/%3E%3Cg fill='%23ffd54a'%3E%3Cpath d='M17 31.5L22.6 23.5 28 31.5z'/%3E%3Cpath d='M36 31.5L41.4 23.5 47 31.5z'/%3E%3Cpath d='M15 38.5Q32 45 49 38.5Q46 49.6 32 50Q18 49.6 15 38.5z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 0 8px rgba(255,179,71,.55));animation:to-hw-flicker 3.2s ease-in-out infinite}
html.to-hw .toh-kind--hw strong{display:inline-flex;align-items:center;gap:5px}
html.to-hw .toh-kind--hw strong::before{content:"";flex:0 0 auto;width:14px;height:13px;margin:-2px 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 58'%3E%3Cpath d='M30.5 13.5c-.3-4.6.6-8.3 3.4-11.2l3.6 1.8c-2.2 2.4-3 5.4-2.7 9.6z' fill='%2355782a'/%3E%3Cellipse cx='18' cy='35' rx='15' ry='19.5' fill='%23d0560a'/%3E%3Cellipse cx='46' cy='35' rx='15' ry='19.5' fill='%23d0560a'/%3E%3Cellipse cx='25' cy='35.5' rx='13' ry='20.5' fill='%23e86f10'/%3E%3Cellipse cx='39' cy='35.5' rx='13' ry='20.5' fill='%23e86f10'/%3E%3Cellipse cx='32' cy='35.5' rx='11' ry='21.5' fill='%23f7871c'/%3E%3Cg fill='%23ffd54a'%3E%3Cpath d='M17 31.5L22.6 23.5 28 31.5z'/%3E%3Cpath d='M36 31.5L41.4 23.5 47 31.5z'/%3E%3Cpath d='M15 38.5Q32 45 49 38.5Q46 49.6 32 50Q18 49.6 15 38.5z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}

/* The Halloween deals' menu item (halloween.js): orange in the night menu bar, and in the phone menu at Outlet */
html.to-hw .tgx-header .tgx-primary>li>.tgx-nav-link.to-hw-deals{gap:6px;color:#ffb347;font-weight:700}
html.to-hw .tgx-header .tgx-primary>li>.tgx-nav-link.to-hw-deals:hover{color:#ffd27a}
html.to-hw .to-hw-deals-icon{display:inline-block;flex:0 0 auto;width:19px;height:17px}
html.to-hw .to-hw-deals-icon svg,html.to-hw .to-hw-deals-mobile .tgx-menu-icon svg{display:block;width:100%;height:100%}
html.to-hw .tgx-header .tgx-mobile-direct.to-hw-deals-mobile{color:#c2410c}
html.to-hw .tgx-header .tgx-mobile-direct.to-hw-deals-mobile .tgx-menu-icon{padding:6px;background:#fff1e2}
html.to-hw .tgx-header .tgx-mobile-direct.to-hw-deals-mobile small{background:#24123a;color:#ffb347}

@keyframes to-hw-fade{from{opacity:0}}
@keyframes to-hw-pop{0%{transform:scale(0) rotate(-20deg)}70%{transform:scale(1.08) rotate(4deg)}100%{transform:none}}
@keyframes to-hw-flicker{0%,100%{opacity:1}18%{opacity:.82}22%{opacity:.97}48%{opacity:.88}52%{opacity:.7}56%{opacity:.95}80%{opacity:.86}}
@keyframes to-hw-slide{to{background-position:-200% 0}}
@keyframes to-hw-drop{from{transform:translateY(-16px)}to{transform:translateY(18px)}}
@keyframes to-hw-sway{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
@keyframes to-hw-float{from{transform:translateY(-1.5px)}to{transform:translateY(2px)}}
@keyframes to-hw-flap-l{0%,50%,100%{transform:none}62%,86%{transform:rotate(26deg)}74%{transform:rotate(-14deg)}}
@keyframes to-hw-flap-r{0%,50%,100%{transform:none}62%,86%{transform:rotate(-26deg)}74%{transform:rotate(14deg)}}
@keyframes to-hw-dangle{0%,100%{height:58px}45%{height:76px}}

@media (prefers-reduced-motion:reduce){
 html.to-hw .to-hw-web,html.to-hw .to-hw-pumpkin svg,html.to-hw .to-hw-face,html.to-hw .to-hw-glow,html.to-hw .to-hw-spider,html.to-hw .to-hw-spider-body,html.to-hw .to-hw-bat,html.to-hw .to-hw-wing,html.to-hw .to-card-kind--hw strong::before,html.to-hw li.product.to-card--hw::after,html.to-hw li.product.to-card--hw::before,html.to-hw li.product.to-card--hw:hover::before,html.to-hw .to-pdp-delivery--hw strong::before,html.to-hw .toh-hw::after,html.to-hw .toh-hw h2::before{animation:none}
 html.to-hw .to-hw-pumpkin{transition:none}
}
@media print{html.to-hw :is(.to-hw-web,.to-hw-pumpkin,.to-hw-glow,.to-hw-spider,.to-hw-sky){display:none}html.to-hw li.product.to-card--hw::before,html.to-hw li.product.to-card--hw::after,html.to-hw .toh-hw::before,html.to-hw .toh-hw::after{display:none}}