/* Canadian Outlet - Halloween 2026 shared styles (generated from page-halloween-2026.php + sub-page rules) */
/* Neutralise Divi/WooCommerce globals inside the campaign page so only the
   design's own inline styles apply. */
html,body{margin:0!important;padding:0!important;background:#140B1F!important}
body.coh-body{font-family:Inter,system-ui,sans-serif!important;color:#F4EEFA!important;line-height:1.5!important;font-weight:400!important}
.coh-page,.coh-page *,.coh-page *::before,.coh-page *::after{box-sizing:border-box}
.coh-page h1,.coh-page h2,.coh-page h3,.coh-page p,.coh-page ul,.coh-page ol,.coh-page figure{margin:0;padding:0;letter-spacing:normal;text-shadow:none}
.coh-page h1,.coh-page h2,.coh-page h3{color:inherit;line-height:inherit;font-weight:inherit;text-transform:none}
.coh-page img{max-width:100%;height:auto;border:0}
.coh-page input,.coh-page button{margin:0;box-shadow:none;text-transform:none;letter-spacing:normal}
.coh-page a{color:#F4EEFA;text-decoration:none}
.coh-page a:hover{color:#FFFFFF;text-decoration:underline}
.coh-page button:focus-visible,.coh-page a:focus-visible,.coh-page input:focus-visible{outline:3px solid #FF7A1A;outline-offset:3px}
.coh-page [hidden]{display:none!important}
.coh-page main section{scroll-margin-top:24px}
.coh-page article img.coh-pimg{width:100%;height:100%;object-fit:contain;padding:14px;display:block}
/* the prototype's href="#" tiles lifted on hover via motion.css - same here */
[data-theme] main section:not(:first-child) a:not(article a){transition:transform .35s cubic-bezier(.16,1,.3,1)}
[data-theme] main section:not(:first-child) a:not(article a):hover{transform:translateY(-4px)}
[data-theme] main section:not(:first-child) a:not(article a) svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}
[data-theme] main section:not(:first-child) a:not(article a):hover svg{transform:translate(3px,-3px)}
/* site chrome injected by mu-plugins / child theme - not part of this design */
.co-site-header,.co-site-footer,.co-mx-bottom-nav,.co-mx-progress,.co-mx-preview-ribbon,.co-announce,.skip-to-main{display:none!important}
body.coh-body{padding-top:0!important;padding-bottom:0!important}
@media (max-width:640px){
.coh-page .coh-rail{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
.coh-page .coh-rail > article{scroll-snap-align:start}
}
.coh-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
/* ---------- Halloween set dressing ---------- */
.coh-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.coh-deco svg{display:block;overflow:visible}
.coh-web{position:absolute;color:rgba(244,238,250,.22);width:220px;height:220px}
.coh-web--tl{top:0;left:0}
.coh-web--tr{top:0;right:0;transform:scaleX(-1)}
.coh-web--sm{width:140px;height:140px}
/* spider dropping on its thread */
.coh-spider{position:absolute;top:0;left:22px;width:34px;display:flex;flex-direction:column;align-items:center;animation:coh-drop 9s cubic-bezier(.45,0,.2,1) 1.5s infinite}
.coh-spider::before{content:"";width:1px;height:240px;margin-top:-240px;background:linear-gradient(rgba(244,238,250,0),rgba(244,238,250,.45))}
.coh-spider svg{width:34px;height:34px;animation:coh-wiggle 1.4s ease-in-out infinite}
@keyframes coh-drop{0%,100%{transform:translateY(-60px)}35%,55%{transform:translateY(190px)}45%{transform:translateY(176px)}}
@keyframes coh-wiggle{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
/* jack-o'-lanterns */
.coh-pumpkins{position:absolute;right:3%;bottom:-6px;display:flex;align-items:flex-end;gap:6px}
.coh-pumpkins svg{width:84px;height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.coh-pumpkins svg:nth-child(2){width:58px}
.coh-pumpkins svg:nth-child(3){width:44px}
.coh-pk-face{animation:coh-candle 3.2s steps(1) infinite;filter:drop-shadow(0 0 6px #FFB020)}
.coh-pumpkins svg:nth-child(2) .coh-pk-face{animation-delay:-1.1s}
.coh-pumpkins svg:nth-child(3) .coh-pk-face{animation-delay:-2.3s}
@keyframes coh-candle{0%,100%{opacity:1}12%{opacity:.7}14%{opacity:1}47%{opacity:.82}49%{opacity:.55}51%{opacity:1}78%{opacity:.75}}
.coh-pumpkin-inline{display:inline-block;width:.8em;height:.8em;vertical-align:-.02em;margin-left:.15em}
.coh-pumpkin-inline svg{width:100%;height:100%}
/* fog drifting along the bottom of the hero */
.coh-fog{position:absolute;left:-20%;right:-20%;bottom:-40px;height:180px;background:radial-gradient(closest-side,rgba(220,211,230,.16),transparent),radial-gradient(closest-side,rgba(220,211,230,.10),transparent);background-size:50% 100%,35% 80%;background-repeat:repeat-x;background-position:0 100%,30% 100%;filter:blur(8px);animation:coh-fog 26s linear infinite}
.coh-fog--2{bottom:-70px;opacity:.7;animation-duration:38s;animation-direction:reverse}
@keyframes coh-fog{from{transform:translateX(0)}to{transform:translateX(-25%)}}
/* dangling skeleton */
.coh-skel{position:absolute;top:0;width:64px;transform-origin:50% 0;animation:coh-swing 3.4s ease-in-out infinite alternate}
.coh-skel svg{width:64px;height:auto}
.coh-sk-arm-l,.coh-sk-arm-r,.coh-sk-leg-l,.coh-sk-leg-r{transform-box:fill-box;transform-origin:50% 0;animation:coh-limb 1.7s ease-in-out infinite alternate}
.coh-sk-arm-r,.coh-sk-leg-l{animation-delay:-.85s}
.coh-sk-eyes{animation:coh-eyeglow 2.6s ease-in-out infinite}
@keyframes coh-swing{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
@keyframes coh-limb{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
@keyframes coh-eyeglow{0%,100%{opacity:.25}50%{opacity:1}}
/* skull peeking over the signup box */
.coh-peek{position:absolute;bottom:0;height:70px;width:120px;overflow:hidden;pointer-events:none}
.coh-peek svg{width:120px;height:70px;transform:translateY(100%);animation:coh-peek 11s cubic-bezier(.3,1.4,.5,1) 2s infinite}
@keyframes coh-peek{0%,8%{transform:translateY(100%)}16%,40%{transform:translateY(8%)}20%{transform:translateY(14%) rotate(-3deg)}30%{transform:translateY(8%) rotate(3deg)}48%,100%{transform:translateY(100%)}}
/* eyes blinking in the dark footer */
.coh-eyes{position:absolute;display:flex;gap:9px;animation:coh-blink 5s infinite}
.coh-eyes i{width:9px;height:6px;border-radius:50% 50% 50% 50%/70% 70% 30% 30%;background:#FFD24A;box-shadow:0 0 10px 2px rgba(255,180,40,.55)}
@keyframes coh-blink{0%,44%,48%,100%{transform:scaleY(1);opacity:.9}46%{transform:scaleY(.1)}70%,80%{opacity:0}}
/* a bat flock that crosses the screen every so often */
.coh-flock{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:60}
.coh-fly{position:absolute;left:0;width:56px;opacity:0;animation:coh-across 24s linear infinite}
.coh-fly svg{width:100%;height:auto;animation:hw-flap .32s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(255,122,26,.45))}
.coh-fly-1{top:16vh;animation-delay:3s}
.coh-fly-2{top:22vh;width:38px;animation-delay:3.9s}
.coh-fly-3{top:12vh;width:30px;animation-delay:4.6s}
.coh-fly-4{top:58vh;width:44px;animation-delay:15s;animation-duration:30s}
.coh-fly-5{top:64vh;width:28px;animation-delay:15.8s;animation-duration:30s}
@keyframes coh-across{0%{transform:translate(-12vw,0);opacity:0}2%{opacity:1}10%{transform:translate(25vw,-6vh)}20%{transform:translate(60vw,4vh)}30%{transform:translate(95vw,-5vh);opacity:1}32%,100%{transform:translate(112vw,-3vh);opacity:0}}
/* cards: a tiny spider drops in on hover */
.coh-page article{position:relative}
.coh-page article::after{content:"";position:absolute;top:0;right:22px;width:1px;height:0;background:rgba(244,238,250,.55);transition:height .5s cubic-bezier(.2,1.4,.4,1);pointer-events:none;z-index:2}
.coh-page article:hover::after{height:46px}
/* ---------- product photo stages ----------
   Every product photo has a pure-white background. Cards: a moonlit plate with
   the photo multiplied into it (white disappears). Spotlight tiles / mystery
   reveal: the white is cut out in the browser (flood fill from the edges) and
   the product floats in front of a moon on the dark stage; if that fails the
   moonlit plate stays. */
.coh-page .coh-plate{background:radial-gradient(ellipse 80% 75% at 50% 45%,#FFFBF3 0%,#F6EEDF 42%,#E4D8EC 100%)}
.coh-page .coh-plate::after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:30%;background:radial-gradient(ellipse 50% 60% at 50% 100%,rgba(255,122,26,.22),transparent 70%);pointer-events:none}
.coh-page .coh-plate .coh-pimg{mix-blend-mode:multiply}
.coh-page .coh-fogline{display:none}
.coh-page .coh-stage{background:radial-gradient(circle at 70% 40%,#F6E7C1 0 21%,rgba(246,231,193,.32) 21.6%,rgba(246,231,193,.08) 30%,transparent 46%),radial-gradient(ellipse 70% 30% at 50% 100%,rgba(255,122,26,.34),transparent 70%),linear-gradient(#1A0F29,#120A1C)!important}
.coh-page .coh-stage::after{display:none}
.coh-page .coh-stage .coh-pimg{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain;padding:5% 8% 6%!important;mix-blend-mode:normal;filter:drop-shadow(0 22px 22px rgba(0,0,0,.65)) drop-shadow(0 0 22px rgba(255,122,26,.28));animation:coh-stage-in .9s cubic-bezier(.16,1,.3,1) both;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.coh-page a:hover .coh-stage .coh-pimg{transform:translateY(-6px) scale(1.03)}
.coh-page .coh-stage .coh-fogline{display:block;position:absolute;left:-10%;right:-10%;bottom:-18px;height:70px;background:radial-gradient(closest-side,rgba(220,211,230,.22),transparent);background-size:40% 100%;background-repeat:repeat-x;filter:blur(6px);animation:coh-fog 18s linear infinite;pointer-events:none}
/* cards: product cut out onto a dark stage (JS on); waiting state is already dark so nothing flashes white */
.coh-js .coh-page .coh-cutme,.coh-page .coh-stage.coh-stage--card{background:radial-gradient(circle at 50% 46%,rgba(246,231,193,.17),transparent 58%),radial-gradient(ellipse 70% 28% at 50% 100%,rgba(255,122,26,.28),transparent 70%),linear-gradient(#21152F,#140B1F)!important}
.coh-js .coh-page [data-coh-pick] .coh-cutme{background:radial-gradient(circle at 70% 40%,#F6E7C1 0 21%,rgba(246,231,193,.32) 21.6%,rgba(246,231,193,.08) 30%,transparent 46%),radial-gradient(ellipse 70% 30% at 50% 100%,rgba(255,122,26,.34),transparent 70%),linear-gradient(#1A0F29,#120A1C)!important}
.coh-js .coh-page .coh-cutme::after{display:none}
.coh-js .coh-page .coh-cutme .coh-pimg{opacity:0}
.coh-page .coh-stage.coh-stage--card .coh-pimg{padding:9% 11% 8%!important;filter:drop-shadow(0 14px 14px rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(255,122,26,.2))}
.coh-page article:hover .coh-stage .coh-pimg{transform:translateY(-5px) scale(1.04)}
.coh-page .coh-stage.coh-framed .coh-pimg{position:absolute!important;inset:auto!important;left:50%!important;top:50%!important;translate:-50% -50%;width:auto!important;height:84%!important;max-width:90%!important;padding:0!important;object-fit:contain;border-radius:0;filter:brightness(.88)!important;-webkit-mask-image:radial-gradient(closest-side,#000 58%,transparent 100%);mask-image:radial-gradient(closest-side,#000 58%,transparent 100%)}
@keyframes coh-stage-in{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
/* ===================== the fun stuff ===================== */
/* lightning over the hero */
.coh-lightning{position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 70% 0%,rgba(214,206,255,.55),rgba(214,206,255,.12) 50%,transparent 75%);opacity:0;animation:coh-flash 13s linear 4s infinite;mix-blend-mode:screen}
.coh-bolt{position:absolute;top:-10px;right:30%;width:90px;opacity:0;animation:coh-flash 13s linear 4s infinite;filter:drop-shadow(0 0 12px rgba(220,210,255,.9))}
@keyframes coh-flash{0%,88%,100%{opacity:0}88.6%{opacity:1}89.2%{opacity:.1}89.8%{opacity:.85}90.6%{opacity:0}}
/* dripping edge under the header */
.coh-drips{position:absolute;top:0;left:0;width:100%;height:46px;color:#140B1F}
.coh-drop{position:absolute;top:18px;width:7px;height:10px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#140B1F;animation:coh-fall 4.8s cubic-bezier(.55,0,1,.45) infinite;opacity:0}
@keyframes coh-fall{0%,55%{transform:translateY(0) scaleY(.6);opacity:0}60%{opacity:1;transform:translateY(0) scaleY(1)}100%{transform:translateY(260px) scaleY(1.3);opacity:0}}
/* flashlight: move the mouse over the hero to find what's written on the walls */
.coh-torch{position:absolute;inset:0;--mx:-999px;--my:-999px;-webkit-mask-image:radial-gradient(circle 150px at var(--mx) var(--my),#000 0,rgba(0,0,0,.6) 45%,transparent 72%);mask-image:radial-gradient(circle 150px at var(--mx) var(--my),#000 0,rgba(0,0,0,.6) 45%,transparent 72%)}
.coh-torch-glow{position:absolute;inset:0;background:radial-gradient(circle 190px at var(--mx,-999px) var(--my,-999px),rgba(255,236,190,.10),transparent 70%);pointer-events:none}
.coh-wall{position:absolute;font-family:Creepster,Anton,sans-serif;color:#7E1D1D;line-height:1;letter-spacing:.04em;transform:rotate(-6deg);text-shadow:0 0 1px #B22222}
.coh-print{position:absolute;width:54px;color:rgba(178,34,34,.55)}
.coh-wall-eyes{position:absolute;display:flex;gap:14px}
.coh-wall-eyes i{width:14px;height:9px;border-radius:50%;background:#FFD24A;box-shadow:0 0 14px 4px rgba(255,200,40,.7)}
/* ghost hunt */
.coh-ghost{position:absolute;z-index:5;width:48px;height:58px;padding:0;margin:0;border:0;background:none;cursor:pointer;opacity:.42;animation:coh-haunt 5s ease-in-out infinite;transition:opacity .3s}
.coh-ghost:hover,.coh-ghost:focus-visible{opacity:1}
.coh-ghost svg{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(244,238,250,.5))}
.coh-ghost.is-caught{pointer-events:none;animation:coh-poof .7s cubic-bezier(.2,1.4,.4,1) forwards}
@keyframes coh-haunt{0%,100%{transform:translate(0,0) rotate(-4deg)}50%{transform:translate(6px,-12px) rotate(4deg)}}
@keyframes coh-poof{0%{opacity:1;transform:scale(1)}40%{opacity:1;transform:scale(1.5) rotate(10deg)}100%{opacity:0;transform:scale(.2) translateY(-60px) rotate(-30deg)}}
.coh-hunt-hint{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#BDB0CC}
.coh-hunt-hint svg{width:22px;height:26px;animation:coh-haunt 3s ease-in-out infinite}
.coh-hud{position:fixed;left:16px;bottom:88px;z-index:70;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:999px;background:rgba(20,11,31,.94);border:1px solid #4A3866;color:#F4EEFA;font:700 14px/1 Inter,system-ui,sans-serif;box-shadow:0 12px 30px -10px rgba(0,0,0,.7);transform:translateY(calc(100% + 140px));opacity:0;transition:transform .5s cubic-bezier(.2,1.4,.4,1),opacity .3s}
.coh-hud.is-on{transform:none;opacity:1}
.coh-hud svg{width:22px;height:26px}
.coh-hud b{color:#FF7A1A}
.coh-hud.bump{animation:m-pop .5s var(--m-back)}
.coh-win{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(8,4,14,.72);backdrop-filter:blur(4px)}
.coh-win[hidden]{display:none!important}
.coh-win-card{position:relative;max-width:460px;width:100%;padding:36px 30px 30px;border-radius:24px;background:#1A0F29;border:1.5px solid #9BE15D;text-align:center;color:#F4EEFA;animation:m-scale-in .6s var(--m-back) both}
.coh-win-card h2{margin:0 0 8px!important;font:400 46px/.95 Anton,Impact,sans-serif!important;text-transform:uppercase;color:#F4EEFA!important}
.coh-win-card p{margin:0 0 22px!important;color:#DCD3E6;font-size:16px}
.coh-win-card button{height:50px;padding:0 26px;border-radius:12px;border:0;background:#FF7A1A;color:#1A0E00;font:800 16px Inter,system-ui,sans-serif;cursor:pointer}
.coh-candy{position:fixed;top:50%;left:50%;z-index:95;width:12px;height:12px;pointer-events:none;animation:m-burst 1.6s cubic-bezier(.16,1,.3,1) both}
/* witch on a broom = scroll progress */
.coh-progress{position:fixed;left:0;top:var(--wp-admin--admin-bar--height,0px);z-index:80;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#9BE15D,#FF7A1A);pointer-events:none}
.coh-witch{position:fixed;top:calc(var(--wp-admin--admin-bar--height,0px) - 18px);left:0;z-index:81;width:64px;pointer-events:none;transform:translateX(-80px);filter:drop-shadow(0 0 6px rgba(255,122,26,.6));transition:opacity .4s}
.coh-witch svg{width:100%;height:auto;animation:coh-bob 1.1s ease-in-out infinite}
@keyframes coh-bob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(4px) rotate(3deg)}}
/* card tilt + glare */
.coh-page article::before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(circle 220px at var(--gx,50%) var(--gy,30%),rgba(255,236,200,.16),transparent 60%)}
.coh-page article.is-tilt::before{opacity:1}
.coh-page article.is-tilt{transition:transform .12s ease-out,box-shadow .4s!important;box-shadow:0 30px 60px -28px rgba(255,122,26,.35),0 24px 48px -24px rgba(0,0,0,.6)}
/* ember trail */
.coh-ember{position:fixed;z-index:85;width:6px;height:6px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#FFE08A,#FF7A1A 55%,transparent 70%);animation:coh-ember .9s ease-out forwards}
@keyframes coh-ember{from{opacity:1;transform:translate(0,0) scale(1)}to{opacity:0;transform:translate(var(--ex),var(--ey)) scale(.2)}}
/* "boo" easter egg */
.coh-boo{position:fixed;z-index:96;top:50%;left:-40vw;width:min(60vw,520px);pointer-events:none;animation:coh-swoop 2.2s cubic-bezier(.5,0,.3,1) forwards}
.coh-boo svg{width:100%;height:auto;filter:drop-shadow(0 0 40px rgba(244,238,250,.6))}
@keyframes coh-swoop{0%{transform:translate(0,-50%) rotate(-12deg) scale(.6);opacity:0}15%{opacity:1}50%{transform:translate(85vw,-60%) rotate(6deg) scale(1.15)}100%{transform:translate(180vw,-30%) rotate(18deg) scale(.7);opacity:0}}
.coh-shake{animation:coh-shake .45s linear 2}
@keyframes coh-shake{0%,100%{transform:none}25%{transform:translate(-4px,2px)}50%{transform:translate(4px,-2px)}75%{transform:translate(-2px,-3px)}}
/* countdown digits flip on change */
[role="timer"] [data-u].is-tick{animation:m-tick .35s var(--m-out)}
@media (max-width:900px){.coh-torch,.coh-torch-glow,.coh-bolt{display:none}.coh-witch{width:48px}}
@media (prefers-reduced-motion: reduce){.coh-lightning,.coh-bolt,.coh-drop,.coh-ember,.coh-boo{display:none!important}}
@media (max-width:900px){.coh-spider,.coh-skel--hero{display:none}.coh-web{width:130px;height:130px}.coh-pumpkins svg{width:56px}.coh-pumpkins svg:nth-child(2){width:40px}.coh-pumpkins svg:nth-child(3){display:none}}
@media (max-width:640px){.coh-fly-4,.coh-fly-5{display:none}}

/* ---------- sub pages (deals / product) ---------- */
.coh-page select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#BDB0CC 50%),linear-gradient(135deg,#BDB0CC 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px!important}
.coh-page input[type=checkbox],.coh-page input[type=radio]{margin:0;flex:none}
.coh-page label{cursor:pointer}
.coh-page fieldset{min-width:0}
.coh-page table{border-spacing:0}
.coh-page .coh-prose{color:#DCD3E6;font-size:15px;line-height:1.65}
.coh-page .coh-prose h2,.coh-page .coh-prose h3,.coh-page .coh-prose h4{margin:1.2em 0 .4em;color:#F4EEFA;font-weight:800;font-size:18px;line-height:1.3}
.coh-page .coh-prose p,.coh-page .coh-prose ul,.coh-page .coh-prose ol{margin:0 0 .9em}
.coh-page .coh-prose ul,.coh-page .coh-prose ol{padding-left:1.3em}
.coh-page .coh-prose li{margin:.25em 0}
.coh-page .coh-prose a{color:#FF7A1A;text-decoration:underline}
.coh-page .coh-prose img{border-radius:12px}
.coh-page .coh-prose table{width:100%;border-collapse:collapse;margin:0 0 1em}
.coh-page .coh-prose td,.coh-page .coh-prose th{border-bottom:1px solid #33244A;padding:8px 6px;text-align:left}
.coh-page .coh-opt{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:58px;padding:10px 14px;border-radius:12px;border:1.5px solid #4A3866;background:transparent;color:#F4EEFA;font:inherit;font-size:14px;font-weight:700;cursor:pointer;text-align:left;transition:background-color .25s,border-color .25s,color .25s,transform .15s}
.coh-page .coh-opt small{font-size:12px;font-weight:600;color:#BDB0CC}
.coh-page .coh-opt:hover{border-color:#FF7A1A}
.coh-page .coh-opt[aria-pressed="true"]{background:#F4EEFA;color:#140B1F;border-color:#F4EEFA}
.coh-page .coh-opt[aria-pressed="true"] small{color:#4A3866}
.coh-page .coh-opt[disabled]{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.coh-page .coh-opt:active{transform:scale(.97)}
.coh-page .coh-thumb{aspect-ratio:1;border-radius:12px;border:1.5px solid #33244A;background:radial-gradient(ellipse 80% 75% at 50% 45%,#FFFBF3 0%,#F6EEDF 45%,#E4D8EC 100%);padding:0;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .25s,transform .2s}
.coh-page .coh-thumb img{width:100%;height:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply}
.coh-page .coh-thumb[aria-pressed="true"]{border-color:#FF7A1A;box-shadow:0 0 0 2px #FF7A1A}
.coh-page .coh-thumb:hover{transform:translateY(-2px)}
.coh-page .coh-tab{height:56px;border:0;background:transparent;color:#BDB0CC;font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:color .25s}
.coh-page .coh-tab[aria-selected="true"]{color:#F4EEFA}
.coh-page .coh-notice{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;border:1.5px solid #9BE15D;background:rgba(155,225,93,.08);font-weight:700}
.coh-page .coh-notice--err{border-color:#FF7A1A;background:rgba(255,122,26,.08)}
@media (max-width:900px){.coh-page .coh-filters[data-open="false"]{display:none!important}.coh-page .coh-filters-toggle{display:inline-flex!important}}

/* the site's floating language picker sits on top of the preview header */
.gtranslate_wrapper,#gt_float_wrapper{display:none!important}