/* Painted worlds, quiet ordering surfaces, theme-specific motion grammar. */
.wx-painted img{width:100%;height:100%;object-fit:cover;display:block}
.dx-attract-art .wx-painted{opacity:.75}
.attract>.dx-attract-art{z-index:0;opacity:.85}
.attract>.dx-attract-art:after{content:"";position:absolute;inset:0;background:#16201999}
.attract>div:last-child{position:relative;z-index:1}
.wx-experience{margin:0 0 30px;color:var(--wx-dark)}
.wx-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}
.wx-heading h3{margin:0}.wx-heading .dx-eyebrow{margin-bottom:7px}
.wx-stage{height:430px;position:relative;overflow:hidden;background:var(--wx-dark);border-radius:18px;isolation:isolate}
.wx-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wx-stage:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#24101c88);z-index:-1}
.wx-options{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-around;padding:35px 50px;gap:25px}
.wx-pick{font:700 17px var(--body);color:#24101c;background:#fffdf8f2;border:2px solid #fffdf8;border-radius:18px;min-width:140px;min-height:145px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:13px;cursor:pointer;box-shadow:0 8px 35px #24101c33;transition:transform .2s}
.wx-pick:hover{transform:translateY(-7px)}.wx-pick:focus-visible{outline:4px solid #fff;outline-offset:5px}
.wx-caption{display:flex;align-items:center;justify-content:space-between;padding:19px 0;gap:20px}.wx-caption b{font-size:22px}.wx-caption p{font-size:17px;margin:5px 0}
.wx-steps{list-style:none;display:flex;gap:10px;padding:0;margin:0;flex-wrap:wrap}.wx-steps li{padding:10px 18px;border:1px solid #24101c30;border-radius:30px;font-size:17px}.wx-steps .active{background:var(--wx-dark);color:#fffdf8}.wx-steps .done{background:var(--wx-light)}
.wx-inclusive{font-size:16px!important}.wx-legacy{border-top:1px solid #24101c25;margin-top:25px;padding-top:20px}.wx-legacy summary{font-weight:700;cursor:pointer;min-height:44px;font-size:20px}.wx-legacy[open] summary{margin-bottom:20px}
.wx-object{position:relative;display:inline-block;width:66px;height:66px;flex-shrink:0;--c:var(--wx-accent)}
.wx-object i,.wx-object b,.wx-object em{position:absolute;display:block;font-style:normal}
.wx-object svg{width:100%;height:100%}
.wx-wreath{border:10px dotted #dc8a99;border-radius:50%;box-shadow:inset 0 0 0 6px #5e854e;background:#f4ecd133}
.wx-frogs{height:48px;background:#6c9b42;border-radius:50%;box-shadow:-16px 19px 0 -10px #4c7731,16px 19px 0 -10px #4c7731}.wx-frogs i,.wx-frogs b{width:22px;height:22px;border:6px solid #6c9b42;border-radius:50%;background:#172918;top:-9px;left:3px}.wx-frogs b{left:39px}.wx-frogs em{width:27px;height:12px;border-bottom:2px solid #23442b;border-radius:50%;left:20px;top:26px}
.wx-tracks{background:radial-gradient(ellipse at 50% 70%,#715242 0 25%,transparent 26%),radial-gradient(ellipse at 20% 27%,#715242 0 12%,transparent 13%),radial-gradient(ellipse at 48% 17%,#715242 0 12%,transparent 13%),radial-gradient(ellipse at 77% 30%,#715242 0 12%,transparent 13%)}
.wx-door{background:#694a35;border:6px solid #d0af6a;border-radius:45% 45% 2px 2px}.wx-door i{width:8px;height:8px;border-radius:50%;background:#ead186;right:10px;top:35px}
.wx-bottle{width:32px;background:#77bcb2;border:3px solid #407f72;border-radius:30% 30% 8px 8px}.wx-bottle i{width:17px;height:20px;background:#fff0c9;left:4px;top:30px}.wx-bottle b{width:17px;height:13px;background:#af7e52;top:-10px;left:5px}
.wx-orbit,.wx-wheel{border:7px solid #cf9f48;border-radius:50%;box-shadow:inset 0 0 0 5px #f5e0ad}.wx-wheel{background:repeating-conic-gradient(#a84b35 0 20deg,#edd294 20deg 40deg)}
.wx-seed{width:35px;height:47px;background:#b3834d;border-radius:60% 20% 60% 30%;transform:rotate(25deg)}
.wx-paper{background:#f9e9ca;border:2px solid #bfaa82;border-radius:2px;box-shadow:inset -18px 0 #e3d2ad;transform:rotate(-6deg)}
.wx-wind{height:10px;background:#b4dce8;border-radius:15px;margin:25px 0;box-shadow:8px -19px #b4dce8,-8px 19px #b4dce8}
.wx-ribbons{background:#d6787f;clip-path:polygon(0 0,48% 35%,100% 0,85% 50%,100% 100%,48% 65%,0 100%,12% 50%)}
.wx-wood{height:20px;background:#ac7c4a;border:4px solid #694a35;border-radius:10px;transform:rotate(-30deg);margin-top:25px;box-shadow:10px -20px #9f6e42}
.wx-cup{height:48px;background:#f1dfba;border:3px solid #9c7755;border-radius:8px 8px 35% 35%;margin-top:15px}.wx-cup i{right:-18px;top:5px;width:18px;height:25px;border:5px solid #9c7755;border-left:0;border-radius:0 50% 50% 0}
.wx-object:nth-child(3n+2){--c:var(--wx-light)}.wx-object:nth-child(3n+3){--c:#f2c96b}
.wx-flowers{background:radial-gradient(circle at center,#e2ae37 0 18%,transparent 19%),radial-gradient(ellipse at 50% 17%,#e29bad 0 22%,transparent 23%),radial-gradient(ellipse at 20% 40%,#e29bad 0 22%,transparent 23%),radial-gradient(ellipse at 80% 40%,#e29bad 0 22%,transparent 23%),radial-gradient(ellipse at 30% 77%,#e29bad 0 22%,transparent 23%),radial-gradient(ellipse at 70% 77%,#e29bad 0 22%,transparent 23%)}
.wx-flowers i{height:36px;width:5px;background:#477044;left:30px;top:55px;transform:rotate(8deg)}
.wx-sprouts{background:#4e8a45;border-radius:5% 85% 5% 85%;transform:rotate(-25deg);box-shadow:inset -12px -2px #315b38}.wx-sprouts i{width:3px;height:60px;background:#f0e6b8;left:32px;top:7px;transform:rotate(-45deg)}
.wx-stars,.wx-sparks{background:#eac369;clip-path:polygon(50% 0,61% 36%,100% 38%,70% 60%,81% 100%,50% 76%,19% 100%,30% 60%,0 38%,39% 36%)}
.wx-gifts{background:#ad3847;border:4px solid #e6c378;border-radius:6px}.wx-gifts:before{content:"";position:absolute;left:25px;top:0;width:9px;height:100%;background:#f4dda3}.wx-gifts i{width:42px;height:22px;border:8px solid #e6c378;border-radius:50%;top:-22px;left:7px}
.wx-hearts{background:#c25f7c;clip-path:polygon(50% 20%,65% 4%,89% 5%,100% 24%,98% 47%,50% 94%,2% 47%,0 24%,11% 5%,35% 4%)}
.wx-droplets{background:#5ab7d0;border-radius:5% 55% 55% 55%;transform:rotate(45deg);box-shadow:inset -9px -3px #3285a2}.wx-droplets i{width:13px;height:25px;background:#dcf6f7;border-radius:50%;left:10px;top:22px}
.wx-kites{background:conic-gradient(#d86849 0 90deg,#efdca4 90deg 180deg,#419399 180deg 270deg,#ebc86c 270deg);clip-path:polygon(50% 0,100% 40%,50% 100%,0 40%)}
.wx-candles{width:28px;height:55px;background:#f6eac8;border:1px solid #c6aa79;border-radius:4px;margin-top:12px}.wx-candles i{width:18px;height:28px;border-radius:80% 10% 75% 40%;background:#f2ad37;left:4px;top:-28px}
.wx-lanterns{background:#d85b4d;border-radius:32%;border:5px solid #f0cc87;box-shadow:inset 0 0 15px #f9d76a}.wx-lanterns i{width:25px;height:16px;left:15px;top:-16px;border:4px solid #77554c;border-bottom:0;border-radius:50%}
.wx-keys{width:29px;height:29px;border:8px solid #bd964b;border-radius:50%;margin:0 23px 25px 0}.wx-keys i{width:12px;height:43px;background:#bd964b;top:13px;left:18px;transform:rotate(-35deg)}.wx-keys b{width:17px;height:8px;background:#bd964b;top:43px;left:36px}
.wx-shells{background:repeating-conic-gradient(from -80deg at 50% 100%,#d59b81 0 14deg,#f3cfad 14deg 24deg);border-radius:55% 55% 20% 20%;clip-path:polygon(0 0,100% 0,95% 60%,62% 100%,38% 100%,5% 60%)}
.wx-tiles{background:conic-gradient(#a54938 0 90deg,#edcd82 90deg 180deg,#408088 180deg 270deg,#f4e3c2 270deg);border:5px solid #fff3da;border-radius:7px}
.wx-lights{background:radial-gradient(circle,#f6e9bb 5%,#c867b3 30%,#693a72 60%);border-radius:50%;border:3px solid #edc27c}
.wx-snow{background:#ecf3f0;clip-path:polygon(44% 0,56% 0,56% 35%,86% 18%,92% 29%,62% 48%,92% 70%,86% 82%,56% 62%,56% 100%,44% 100%,44% 62%,12% 82%,6% 70%,37% 48%,6% 29%,12% 18%,44% 35%)}
.wx-sun{background:#efc766;border-radius:50%;box-shadow:0 0 0 8px #efc76666,0 0 0 18px #efc76633}
.wx-ghosts{background:#fff5dd;border-radius:50% 50% 0 0;clip-path:polygon(0 0,100% 0,100% 100%,80% 83%,60% 100%,40% 83%,20% 100%,0 83%)}.wx-ghosts i,.wx-ghosts b{width:7px;height:12px;border-radius:50%;background:#39273f;top:27px;left:20px}.wx-ghosts b{left:40px}
.wx-spirals{background:repeating-radial-gradient(ellipse,#824b2e 0 4px,#d79b62 5px 10px,#f0c98b 11px 14px);border-radius:50%;border:3px solid #c78951}
.wx-flag{background:#006aa7;width:85px;height:53px}.wx-flag:before,.wx-small-flag:before,.wx-flying-flag:before{content:"";position:absolute;left:31.25%;top:0;width:12.5%;height:100%;background:#fecc02}
.wx-flag:after,.wx-small-flag:after,.wx-flying-flag:after{content:"";position:absolute;left:0;top:40%;width:100%;height:20%;background:#fecc02}
.wx-build{position:absolute;left:50%;top:25%;display:flex;gap:30px;transform:translateX(-50%);filter:drop-shadow(0 5px 5px #24101c55)}
.wx-built{animation:wx-place .45s ease-out both}.wx-final-moment{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:60px}
.wx-final-piece{animation:wx-float 3s ease-in-out infinite;animation-delay:calc(var(--piece)*-.22s)}
.wx-stage-midsummer .wx-final-piece,.wx-stage-meadow .wx-final-piece,.wx-stage-bouquet .wx-final-piece{position:absolute;left:calc(50% + cos(var(--piece)*45deg)*115px - 33px);top:calc(50% + sin(var(--piece)*45deg)*100px - 33px)}
.wx-stage-tide .wx-final-moment,.wx-stage-water .wx-final-moment{background:linear-gradient(transparent 60%,#67cbd488);animation:wx-tide 3s ease-in-out infinite}
.wx-stage-night .wx-final-piece{animation:wx-star 2s ease-in-out infinite}
.wx-stage-fireworks .wx-final-piece,.wx-stage-skyline .wx-final-piece{animation:wx-burst 2s ease-out infinite}
.wx-stage-workshop .wx-final-piece,.wx-stage-candles .wx-final-piece{animation:wx-glow 3s ease-in-out infinite}
.wx-stage-wheel .wx-final-moment,.wx-stage-bakery .wx-final-moment{animation:wx-turn 18s linear infinite}
.wx-stage-dance .wx-final-piece{animation:wx-dance .85s ease-in-out infinite alternate}
.wx-stage-midsummer .wx-final-piece{animation:wx-dance 1.1s ease-in-out infinite alternate}
.wx-stage-kites .wx-final-piece{animation:wx-kite 4s ease-in-out infinite}
.wx-stage-bonfire .wx-final-piece{animation:wx-rise 3s ease-out infinite}
.wx-stage-ghosts .wx-final-piece{animation:wx-peek 3s ease-in-out infinite}
.wx-stage-gifts .wx-final-piece{animation:wx-gift 2s ease-in-out infinite}
.wx-small-flag{position:relative;width:380px;aspect-ratio:8/5;background:#006aa7;box-shadow:0 8px 30px #0004;animation:wx-wave 3s ease-in-out infinite alternate}
.wx-experience[data-variant="1"] .wx-options{flex-direction:row-reverse}.wx-experience[data-variant="1"] .wx-object{filter:hue-rotate(15deg)}.wx-experience[data-variant="2"] .wx-pick-1{transform:translateY(-55px)}.wx-experience[data-variant="2"] .wx-options{padding-inline:100px}
.wx-experience[data-variant] .wx-flag{filter:none}
.wx-entrance{position:absolute;inset:0;z-index:70;pointer-events:none;overflow:hidden;isolation:isolate}
.wx-skip{position:absolute;right:28px;top:162px;pointer-events:auto;min-height:46px;padding:12px 20px;font:700 17px var(--body);border:1px solid #fff7;background:#24101cee;color:#fffdf8;border-radius:24px}
.wx-flying-flag{position:absolute;left:10%;top:14%;width:80%;aspect-ratio:8/5;background:#006aa7;box-shadow:0 25px 70px #24101c55;animation:wx-flag-flight 3.2s cubic-bezier(.2,.7,.3,1) both}
.wx-flying-flag i{position:absolute;inset:0;background:linear-gradient(115deg,transparent,#ffffff35,transparent,#0002);z-index:2}
.wx-curtain{position:absolute;inset:4% 4% 22%;background-size:cover;background-position:center;border-radius:20px;animation:wx-curtain 3.2s ease both}
.wx-entry-pieces{position:absolute;inset:0}.wx-entry-pieces .wx-object{position:absolute;left:calc(5% + var(--piece)*11%);top:45%;animation:wx-entry-object 3.2s ease-in-out both;animation-delay:calc(var(--piece)*.025s)}
/* v6.27.2: erkannbara motiv fran Costa Rica och Thailand, inga abstrakta blad.
   Sengangaren sanks ner fran overkanten, sparen syns pa marken. */
.wx-entry-pieces .wx-sloth{top:11%;left:calc(10% + var(--piece)*10%);animation:wx-sloth-entry 3.2s ease-in-out both;animation-delay:calc(var(--piece)*.06s)}
@keyframes wx-sloth-entry{0%{transform:translateY(-130%);opacity:0}30%,64%{transform:translateY(0) rotate(-2deg);opacity:1}46%{transform:translateY(0) rotate(2deg)}100%{transform:translateY(-130%);opacity:0}}
.wx-entry-pieces .wx-tracks{top:72%;animation:wx-tracks-entry 3.2s ease-out both;animation-delay:calc(var(--piece)*.06s)}
@keyframes wx-tracks-entry{0%{opacity:0;transform:translateY(30px)}26%,70%{opacity:1;transform:translateY(0)}100%{opacity:0}}
.wx-enter-tide .wx-curtain,.wx-enter-water .wx-curtain{clip-path:ellipse(100% 80% at 50% 100%);animation:wx-wave-entry 3.2s ease both}
.wx-enter-canopy .wx-curtain,.wx-enter-garden .wx-curtain{animation:wx-leaf-entry 3.2s ease both}
.wx-enter-night .wx-curtain,.wx-enter-candles .wx-curtain,.wx-enter-workshop .wx-curtain{animation:wx-night-entry 3.2s ease both}
.wx-enter-kites .wx-entry-pieces .wx-object{animation:wx-kite-entry 3.2s ease both}
@keyframes wx-flag-flight{0%{transform:translateX(-140%) rotate(-9deg)}25%,60%{transform:translateX(0) rotate(2deg)}100%{transform:translateX(140%) rotate(8deg)}}
@keyframes wx-curtain{0%{opacity:0;transform:scale(.82)}20%,63%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.07)}}
@keyframes wx-wave-entry{0%{transform:translateY(110%)}25%,60%{transform:translateY(0)}100%{transform:translateY(-110%);opacity:0}}
@keyframes wx-leaf-entry{0%{clip-path:inset(0 50%)}25%,60%{clip-path:inset(0 0)}100%{clip-path:inset(0 50%);opacity:0}}
@keyframes wx-night-entry{0%{opacity:0;filter:brightness(.1)}30%,65%{opacity:1;filter:brightness(1)}100%{opacity:0}}
@keyframes wx-entry-object{0%{transform:translate(-300px,170px) rotate(-40deg);opacity:0}25%,65%{transform:translate(0,0) rotate(0);opacity:1}100%{transform:translate(300px,-200px) rotate(40deg);opacity:0}}
@keyframes wx-kite-entry{0%{transform:translateY(600px)}35%,60%{transform:translateY(0) rotate(-15deg)}100%{transform:translateY(-600px) rotate(20deg)}}
@keyframes wx-place{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes wx-float{50%{transform:translateY(-12px) rotate(8deg)}}
@keyframes wx-star{50%{transform:scale(.7);opacity:.6}}
@keyframes wx-burst{0%{transform:scale(.1);opacity:0}45%{transform:scale(1.3);opacity:1}100%{transform:scale(.9);opacity:.4}}
@keyframes wx-glow{50%{filter:drop-shadow(0 0 20px #ffd570)}}
@keyframes wx-turn{to{transform:rotate(360deg)}}
@keyframes wx-dance{to{transform:translateY(-24px) rotate(15deg)}}
@keyframes wx-kite{50%{transform:translate(25px,-35px) rotate(-18deg)}}
@keyframes wx-rise{from{transform:translateY(70px);opacity:0}50%{opacity:1}to{transform:translateY(-110px);opacity:0}}
@keyframes wx-peek{50%{transform:translateY(40px);opacity:.4}}
@keyframes wx-gift{50%{transform:rotate(-8deg) scale(1.1)}}
@keyframes wx-wave{to{transform:perspective(600px) rotateY(-14deg) rotate(2deg)}}
@keyframes wx-tide{50%{transform:translateY(-14px)}}
.dx-paused .wx-experience *,.dx-paused .wx-entrance *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.wx-experience *,.wx-entrance *{animation:none!important;transition:none!important}}
body.phone .wx-stage{height:330px;border-radius:12px}body.phone .wx-heading{align-items:flex-start;gap:10px}body.phone .wx-heading h3{font-size:23px}body.phone .wx-heading button{font-size:13px;padding:10px;min-width:85px}body.phone .wx-heading .dx-eyebrow{font-size:12px}
body.phone .wx-options,body.phone .wx-experience[data-variant="2"] .wx-options{padding:20px 10px;gap:8px}body.phone .wx-pick{min-width:0;flex:1;min-height:125px;font-size:12px;padding:10px 3px}body.phone .wx-object{scale:.8}body.phone .wx-caption b{font-size:17px}body.phone .wx-caption p,body.phone .wx-steps li{font-size:14px}body.phone .wx-steps li{padding:8px 11px}body.phone .wx-small-flag{width:90%}body.phone .wx-final-moment{padding:20px;gap:7px}body.phone .wx-build{gap:10px}
body.phone .wx-skip{font-size:13px;right:10px;top:10px}body.phone .wx-flying-flag{top:20%;width:94%;left:3%}
.wx-pick .wx-object,.wx-built{filter:hue-rotate(calc(var(--choice)*28deg))}.wx-pick .wx-flag,.wx-built.wx-flag{filter:none;transform:rotate(calc(var(--choice)*5deg))}
.wx-stage[data-step="2"] .wx-build{gap:55px;top:30%}.wx-stage-midsummer .wx-stage[data-step="2"] .wx-build,.wx-stage-bouquet .wx-stage[data-step="2"] .wx-build{border:9px solid #52774d;border-radius:50%;padding:20px}
.dish .ph.ai-photo{height:160px;display:block;background:#f7f1e6;overflow:hidden}
.dish .ph.ai-photo img{width:100%;height:160px;display:block;object-fit:cover}
.ai-food-detail{margin:12px 0 18px}.ai-food-detail img{display:block;width:100%;height:210px;object-fit:cover;border-radius:10px}.ai-food-detail figcaption{font:400 13px/1.4 var(--body);color:#551935;margin-top:6px}
body.phone .dish .ph.ai-photo{height:140px}body.phone .dish .ph.ai-photo img{height:140px}body.phone .ai-food-detail img{height:180px}
body.phone .dish .ph.ai-photo{height:100%;min-height:150px}body.phone .dish .ph.ai-photo img{height:100%}
body.phone .wx-heading .dx-eyebrow{display:none}
body.phone .wx-stage{height:260px}body.phone .wx-pick{min-height:105px}
body.phone .dx-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:7px;padding-bottom:4px;margin-bottom:16px}
body.phone .dx-tabs button{flex-shrink:0;min-height:44px;padding:10px 14px}