/* v1.7: complete site atmosphere. The ordinary store remains unchanged when mode is off. */
.elevenads-stranger-active .main-page-wrapper{
  background-color:#07070a!important;
  background-image:linear-gradient(90deg,#020609e8,transparent 25%,transparent 75%,#030509e8),radial-gradient(ellipse at 52% 13%,#500812 0,#17070d 41%,#050609 83%)!important;
  position:relative;isolation:isolate;
}
.elevenads-stranger-active .main-page-wrapper::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url('backdrops/creeping-vines.svg'),url('backdrops/creeping-vines.svg');
  background-repeat:repeat-y,repeat-y;background-size:clamp(150px,24vw,370px) auto,clamp(160px,22vw,330px) auto;
  background-position:left top,right 180px;background-origin:border-box;
  transform:scaleX(1);filter:drop-shadow(0 0 16px #ad142855);opacity:.92;
  mask-image:linear-gradient(90deg,#000 0%,#000 14%,transparent 33%,transparent 67%,#000 86%,#000 100%);
}
.elevenads-stranger-active .main-page-wrapper>*{position:relative;z-index:1}
.elevenads-stranger-active .main-page-wrapper::after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(2px 2px at 15% 35%,#ed5558,transparent),radial-gradient(2px 2px at 73% 62%,#ed5558,transparent),radial-gradient(1px 1px at 40% 79%,#ffb0ad,transparent);background-size:440px 360px;opacity:.6}
.elevenads-stranger-active #elevenads-atmosphere .elevenads-vines{
  background: url('backdrops/creeping-vines.svg') left center / clamp(130px,20vw,300px) auto repeat-y,
              url('backdrops/creeping-vines.svg') right center / clamp(130px,20vw,300px) auto repeat-y;
  mask-image:linear-gradient(90deg,#000,transparent 18%,transparent 82%,#000);opacity:.75
}
/* Cinematic hero stays in the page, and the real actor cutouts belong to it. */
#elevenads-cinematic-hero{border-radius:12px;min-height:390px;border:1px solid #ba1b2eaa;box-shadow:0 22px 80px #000e,0 0 24px #970b2480!important}
#elevenads-cinematic-hero .elevenads-hero-portrait{mask-image:linear-gradient(90deg,transparent 0%,#000 28% 100%);overflow:visible}
#elevenads-cinematic-hero .elevenads-hero-portrait img{object-fit:contain!important;border-radius:0!important;mask-image:linear-gradient(to bottom,#000 0%,#000 75%,transparent 100%)!important;max-height:470px;max-width:100%;filter:drop-shadow(-14px 2px 32px #020204) drop-shadow(0 0 15px #c11c2d)!important}
#elevenads-cinematic-hero .elevenads-hero-portrait::before{inset:-15% -16%;background:radial-gradient(ellipse at 65% 48%,#ff20334f 0,#86091755 24%,transparent 62%);filter:blur(15px)}
#elevenads-cinematic-hero .elevenads-hero-lightning{z-index:3}
#elevenads-cinematic-hero .elevenads-hero-copy{z-index:7}
#elevenads-cinematic-hero .elevenads-hero-ensemble img{width:40%;height:min(300px,100%);margin-left:-13%}
#elevenads-cinematic-hero.elevenads-hero-home{min-height:clamp(430px,52vw,660px);width:min(1380px,calc(100% - 26px));margin:8px auto 44px;
  background-blend-mode:normal;background-position:55% center;
  border:2px solid #801122;box-shadow:0 0 0 7px #07060788,0 30px 100px #000,0 0 70px #ab092f80!important;
}
#elevenads-cinematic-hero.elevenads-hero-home::before{
  background:radial-gradient(ellipse at 70% 45%,#fc263c27,transparent 45%),url('backdrops/creeping-vines.svg') center/440px auto repeat-x;
  opacity:.63;filter:drop-shadow(0 0 9px #e11223);z-index:0
}
#elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-heading{font-size:clamp(40px,5.3vw,77px)!important;letter-spacing:-.055em!important;max-width:720px}
#elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-portrait{margin:-45px -60px -70px -30px;min-height:460px}
#elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-portrait img{width:min(100%,470px);height:600px;max-height:600px;filter:drop-shadow(-16px 0 26px #070104) drop-shadow(0 0 30px #ed1431)!important}
#elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-bottom{font-size:11px;letter-spacing:.32em}
/* Category effects are *inside their corresponding header*, behind readable text and cutout. */
#elevenads-category-fx{position:absolute!important;inset:0!important;z-index:2!important;contain:layout paint;pointer-events:none!important;overflow:hidden}
#elevenads-category-fx .elevenads-fx-stage{position:absolute;inset:0}
#elevenads-category-fx .elevenads-fx-part{filter:drop-shadow(0 0 10px #e31629);opacity:.72}
#elevenads-category-fx.elevenads-fx-mode-static .elevenads-fx-part{opacity:.38}
#elevenads-category-fx .elevenads-fx-lightning{height:80%;width:12px;opacity:.9;filter:drop-shadow(0 0 12px #ff2b46)}
#elevenads-category-fx .elevenads-fx-tendril,#elevenads-category-fx .elevenads-fx-root{height:80%;width:24px;background:linear-gradient(90deg,#070408 5%,#49121b 45%,#070308);filter:drop-shadow(0 0 7px #da142b);opacity:.88}
#elevenads-category-fx .elevenads-fx-portal{height:75%;width:26%;left:72%;top:12%;border:18px ridge #0b0308;background:radial-gradient(ellipse,#fc223bba,#5c0814a8 52%,#070309 78%);box-shadow:0 0 70px #e3184288,inset 0 0 40px #ff264b!important}
#elevenads-category-fx .elevenads-fx-mist{width:60%;height:45%;top:62%;left:45%;filter:blur(35px)}
/* WordPress cards, filters and descriptions remain bright and readable. */
.elevenads-stranger-active .main-page-wrapper :is(.wd-product,.product-grid-item,.product-wrapper,.wd-sidebar .widget,.term-description,.woocommerce-tabs,.wd-tabs-content-wrapper){box-shadow:0 10px 28px #0007}
.elevenads-stranger-active .main-page-wrapper :is(.wd-sidebar .widget,.term-description){background:#fffaf5!important;color:#251a1e!important}
.elevenads-stranger-active .main-page-wrapper :is(.wd-sidebar .widget,.term-description) :is(h1,h2,h3,h4,h5,h6,p,li,span,label,a){color:#251a1e!important;text-shadow:none!important}
/* No persistent floating cast: all characters are integrated in their category/header. */
#elevenads-scene{display:none!important}
@media(max-width:767px){
  #elevenads-cinematic-hero{min-height:310px}
  #elevenads-cinematic-hero.elevenads-hero-home{min-height:475px;padding:27px 20px 100px;grid-template-columns:1fr}
  #elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-heading{font-size:clamp(30px,8vw,48px)!important;max-width:95%}
  #elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-description{max-width:75%!important}
  #elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-portrait{position:absolute;right:-50px;bottom:-25px;top:auto;width:65%;height:73%;margin:0;min-height:0;opacity:.89}
  #elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-portrait img{height:390px;max-height:390px;width:285px}
  #elevenads-cinematic-hero .elevenads-hero-portrait img{max-height:290px}
  #elevenads-category-fx .elevenads-fx-portal{width:44%;left:54%}
  .elevenads-stranger-active .main-page-wrapper::before{opacity:.6}
}
@media(prefers-reduced-motion:reduce){#elevenads-category-fx .elevenads-fx-part,.elevenads-stranger-active .main-page-wrapper::before{animation:none!important}}

/* v1.8 final art direction from approved homepage/category mockups. */
/* Deliberately no WoodMart header, logo, nav or submenu overrides.
   All dropdown colours remain exactly those of the original active theme. */
/* Keep uploaded transparent actor cutouts clean — no synthetic crimson aura. */
#elevenads-cinematic-hero :is(.elevenads-hero-portrait,.elevenads-hero-ensemble)::before{display:none!important}
#elevenads-cinematic-hero .elevenads-hero-portrait img,
#elevenads-cinematic-hero .elevenads-hero-ensemble img{filter:drop-shadow(0 7px 11px #0009)!important}
#elevenads-cinematic-hero .elevenads-home-portal{display:none}
#elevenads-cinematic-hero.elevenads-hero-home{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:clamp(410px,43vw,595px);
  background-image:linear-gradient(90deg,#0a0308db,#25040d65),url('backdrops/upside-portal.webp')!important;
  box-shadow:inset 0 0 100px #30000ebd,0 24px 65px #000b!important;
}
#elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-portrait{display:none!important}
#elevenads-cinematic-hero.elevenads-hero-home .elevenads-home-portal{
  display:flex;align-items:center;justify-content:center;z-index:5;position:relative;
  width:100%;height:100%;min-height:340px;filter:drop-shadow(0 0 27px #e7183a75)
}
#elevenads-cinematic-hero.elevenads-hero-home .elevenads-home-portal img{
  display:block;width:min(100%,650px);height:auto;max-width:unset!important;
  object-fit:contain;animation:elevenads-home-gate-pulse 9s ease-in-out infinite alternate;
}
#elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-copy{max-width:650px}
#elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-heading{
  font-size:clamp(34px,4.5vw,66px)!important;line-height:1.08!important;
  text-transform:none;color:#fff9f5!important;text-shadow:0 5px 18px #000!important;
}
#elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-description{color:#fff0e9!important}
#elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-cast{display:none!important}
#elevenads-cinematic-hero .elevenads-home-links[hidden]{display:none!important}
#elevenads-cinematic-hero .elevenads-home-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}
#elevenads-cinematic-hero .elevenads-home-links a{
  color:#fff!important;background:linear-gradient(110deg,#c10d26,#760417);padding:12px 20px;
  border:1px solid #f84f64;border-radius:30px;text-decoration:none!important;font:800 12px/1.3 Arial,sans-serif;
  box-shadow:0 7px 21px #0008;transition:filter .2s,transform .2s
}
#elevenads-cinematic-hero .elevenads-home-links a:nth-child(2){background:#12050ac9}
#elevenads-cinematic-hero .elevenads-home-links a:hover{filter:brightness(1.25);transform:translateY(-2px)}
/* Intense characters really move; the other category characters are composed still frames. */
#elevenads-cinematic-hero.elevenads-hero-category:not(.elevenads-hero-intense) .elevenads-hero-portrait img,
#elevenads-cinematic-hero.elevenads-hero-product:not(.elevenads-hero-intense) .elevenads-hero-portrait img{animation:none!important;transform:translateY(0)!important}
#elevenads-cinematic-hero.elevenads-hero-category.elevenads-hero-intense .elevenads-hero-portrait img{animation-duration:5s!important}
.elevenads-stranger-active .main-page-wrapper :is(.wd-product,.product-grid-item,.wd-sidebar .widget){border:1px solid #fff3f1d0;border-radius:11px;overflow:hidden}
.elevenads-stranger-active .main-page-wrapper :is(.wd-product,.product-grid-item) :is(.wd-entities-title,.woocommerce-loop-product__title){color:#231417!important}
.elevenads-stranger-active .main-page-wrapper :is(.wd-product,.product-grid-item) .price{color:#a30823!important}
@keyframes elevenads-home-gate-pulse{0%{transform:scale(.965);filter:brightness(.9)}54%{transform:scale(1.035);filter:brightness(1.16)}100%{transform:scale(1);filter:brightness(1.02)}}
@media(max-width:767px){
  #elevenads-cinematic-hero.elevenads-hero-home{min-height:580px;display:flex;flex-direction:column;justify-content:flex-start;padding:25px 21px 0}
  #elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-copy{max-width:100%;width:100%}
  #elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-heading{max-width:100%;font-size:clamp(28px,7.4vw,40px)!important}
  #elevenads-cinematic-hero.elevenads-hero-home .elevenads-hero-description{max-width:100%!important;font-size:13px!important}
  #elevenads-cinematic-hero.elevenads-hero-home .elevenads-home-portal{width:100%;min-height:0;height:auto;margin:-8px 0 -25px}
  #elevenads-cinematic-hero.elevenads-hero-home .elevenads-home-portal img{width:min(100%,370px)}
  #elevenads-cinematic-hero .elevenads-home-links{gap:8px;margin-top:16px}
  #elevenads-cinematic-hero .elevenads-home-links a{font-size:10px;padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){#elevenads-cinematic-hero .elevenads-home-portal img{animation:none!important}}

/* Photorealistic organic creepers at both edges, moving gently in the Upside Down. */
.elevenads-stranger-active #elevenads-atmosphere .elevenads-vines{
  position:absolute;inset:0;background:none!important;mask-image:none!important;
  opacity:1!important;animation:none!important;overflow:hidden;filter:none!important;
}
.elevenads-stranger-active #elevenads-atmosphere .elevenads-vines::before,
.elevenads-stranger-active #elevenads-atmosphere .elevenads-vines::after{
  content:"";position:absolute;top:-4%;bottom:-4%;width:clamp(180px,26vw,470px);
  background:url('backdrops/organic-vines-left.webp') left center / 100% 100% no-repeat;
  opacity:.88;filter:drop-shadow(0 0 14px #a30922a3);
  pointer-events:none;will-change:transform,filter;transform-origin:0% 50%;
}
.elevenads-stranger-active #elevenads-atmosphere .elevenads-vines::before{
  left:-2%;animation:elevenads-organic-vines-left 16s ease-in-out infinite alternate;
}
.elevenads-stranger-active #elevenads-atmosphere .elevenads-vines::after{
  right:-2%;transform-origin:100% 50%;animation:elevenads-organic-vines-right 18s ease-in-out infinite alternate;
}
@keyframes elevenads-organic-vines-left{
  0%{transform:translateX(-11px) scale(1.02) rotate(-.4deg);filter:brightness(.74) drop-shadow(0 0 9px #8b001c)}
  50%{transform:translateX(4px) scale(1.045) rotate(.7deg);filter:brightness(1.05) drop-shadow(0 0 20px #d91437)}
  100%{transform:translateX(-4px) scale(1.015) rotate(-.7deg);filter:brightness(.85) drop-shadow(0 0 14px #a90628)}
}
@keyframes elevenads-organic-vines-right{
  0%{transform:scaleX(-1) translateX(-9px) scale(1.02) rotate(.5deg);filter:brightness(.86) drop-shadow(0 0 12px #ac1026)}
  55%{transform:scaleX(-1) translateX(6px) scale(1.045) rotate(-.8deg);filter:brightness(1.12) drop-shadow(0 0 22px #e31b34)}
  100%{transform:scaleX(-1) translateX(-3px) scale(1.025) rotate(.4deg);filter:brightness(.79) drop-shadow(0 0 10px #a10924)}
}
@media(max-width:767px){
  .elevenads-stranger-active #elevenads-atmosphere .elevenads-vines::before,
  .elevenads-stranger-active #elevenads-atmosphere .elevenads-vines::after{width:clamp(95px,21vw,150px);opacity:.67}
}
@media(prefers-reduced-motion:reduce){
  .elevenads-stranger-active #elevenads-atmosphere .elevenads-vines::before,
  .elevenads-stranger-active #elevenads-atmosphere .elevenads-vines::after{animation:none!important}
  .elevenads-stranger-active #elevenads-atmosphere .elevenads-vines::after{transform:scaleX(-1)}
}