.side-ad{display:none}
@media(min-width:1740px) and (min-height:760px){
.side-ad{--ad-width:min(235px,calc((100vw - 1380px)/2 - 20px));display:flex;flex-direction:column;position:fixed;top:110px;width:var(--ad-width);z-index:9;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px #263f241c;border:1px solid #ffffff80;isolation:isolate}
.side-ad-left{left:calc(((100vw - 1380px)/2 - var(--ad-width))/2);background:linear-gradient(160deg,#a8262a,#df4833 55%,#fa9a42);color:#fff8dc}
.side-ad-right{right:calc(((100vw - 1380px)/2 - var(--ad-width))/2);background:linear-gradient(160deg,#005c43,#07836a 50%,#74b554);color:#f2ffed}
.side-ad:before{content:'';position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid #ffffff20;top:70px;left:-130px;box-shadow:0 0 0 25px #ffffff08,0 0 0 50px #ffffff05;z-index:-1;animation:ad-orbit 12s ease-in-out infinite alternate}
.side-ad-label{display:flex;justify-content:space-between;align-items:center;padding:9px 10px 0;font:500 8px var(--font-ui);letter-spacing:.5px;color:#fff3df}
.side-ad-close{display:grid;place-items:center;width:21px;height:21px;background:#ffffff1a;color:white;border:1px solid #ffffff35;border-radius:50%;font:400 17px Arial,sans-serif;cursor:pointer;line-height:1}
.side-ad-link{display:block;color:inherit;text-align:center;padding:8px 12px 15px}
.side-ad-logo{display:block;width:41px;height:41px;object-fit:contain;border-radius:7px;background:white;padding:2px;margin:0 auto 15px}
.side-ad-kicker{font:600 8px/1.8 var(--font-ui);letter-spacing:1px;display:block;margin-bottom:8px}
.side-ad-title{font:750 clamp(20px,1.5vw,28px)/1.3 var(--font-ui);display:block;letter-spacing:-.7px;min-height:75px}
.side-ad-title>em{font-style:normal;color:#ffe288}.side-ad-right .side-ad-title>em{color:#d2f5a6}
.side-ad-photo{display:block;position:relative;height:180px;margin:15px 0 13px;border-radius:10px;background:#fffdf5;overflow:hidden;box-shadow:0 5px 13px #3a1b151a}
.side-ad-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;padding:5px;animation:ad-photo-first 10s ease-in-out infinite}
.side-ad-photo img:nth-child(2){animation-name:ad-photo-second}
.side-ad-caption{display:block;font:600 10px/1.8 var(--font-ui);color:#612d1e;min-height:36px}.side-ad-right .side-ad-caption{color:#123c2b}
.side-ad-cta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:39px;padding:9px 7px;border-radius:7px;margin-top:13px;background:#fff0b9;color:#862b20;font:700 10px/1.6 var(--font-ui);box-shadow:0 3px 0 #8d2d2420}
.side-ad-right .side-ad-cta{background:#e4ffbd;color:#145d3e}
.side-ad-controls{display:flex;justify-content:center;padding:0 7px 9px}
.side-ad-pause{font:600 8px/1.8 var(--font-ui);color:#633222;border:1px solid #ffffff65;border-radius:12px;background:#fff1db;padding:3px 9px;cursor:pointer}
.side-ad:is(:hover,:focus-within):before,.side-ad:is(:hover,:focus-within) img,.side-ad.is-paused:before,.side-ad.is-paused img{animation-play-state:paused}
.side-ad[hidden]{display:none}
.preview-tools-dock{top:auto;bottom:16px;left:12px}.preview-tools-dock .preview-controls-host{max-height:calc(100dvh - 200px)}

}
@keyframes ad-photo-first{0%,42%{opacity:1;transform:scale(1)}47%,92%{opacity:0;transform:scale(1.035)}97%,100%{opacity:1;transform:scale(1)}}
@keyframes ad-photo-second{0%,42%{opacity:0;transform:scale(1.035)}47%,92%{opacity:1;transform:scale(1)}97%,100%{opacity:0;transform:scale(1.035)}}
@keyframes ad-orbit{from{transform:translateY(0)}to{transform:translateY(140px)}}
@media(prefers-reduced-motion:reduce){.side-ad:before,.side-ad-photo img{animation:none!important}.side-ad-photo img:nth-child(2){opacity:0}.side-ad-controls{display:none}}
@media(min-width:1740px) and (min-height:760px){
.side-ad{bottom:82px;height:calc(100dvh - 192px);min-height:0}
.side-ad-link{display:flex;flex-direction:column;flex:1;min-height:0;padding:8px 12px 15px}
.side-ad-kicker{flex-shrink:0}.side-ad-logo{flex-shrink:0}.side-ad-title{flex-shrink:0;min-height:110px;display:flex;flex-direction:column;justify-content:center}
.side-ad-photo{flex:1;min-height:150px;max-height:340px;width:100%;margin:15px 0}
.side-ad-caption{flex-shrink:0;margin-top:auto}.side-ad-cta{flex-shrink:0}.side-ad-label,.side-ad-controls{flex-shrink:0}
}
@media(min-width:1740px) and (min-height:760px){
.side-ad{background-size:240% 240%;animation:ad-background-flow 24s ease-in-out infinite;}
.side-ad-left{background-image:linear-gradient(155deg,#a8262a 0%,#d33a31 30%,#ed6235 60%,#fa9a42 85%,#dd4b32 100%)}
.side-ad-right{background-image:linear-gradient(155deg,#005c43 0%,#05765e 30%,#24916b 60%,#74b554 85%,#157d5f 100%);animation-delay:-9s}
.side-ad:after{content:'';position:absolute;inset:-30% -65%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 25% 20%,#fff6c436 0 3px,transparent 4px),radial-gradient(circle at 72% 43%,#ffffff24 0 5px,transparent 6px),radial-gradient(circle at 40% 78%,#ffffff18 0 10px,transparent 11px),radial-gradient(ellipse at 68% 25%,#fff2c520 0 17%,transparent 40%);background-size:110px 160px,155px 210px,230px 280px,100% 100%;animation:ad-pattern-drift 20s ease-in-out infinite alternate}
.side-ad-right:after{animation-delay:-7s;animation-direction:alternate-reverse;opacity:.8}
.side-ad:is(:hover,:focus-within),.side-ad.is-paused,.side-ad:is(:hover,:focus-within):after,.side-ad.is-paused:after{animation-play-state:paused}
}
@keyframes ad-background-flow{0%,100%{background-position:25% 0%}50%{background-position:75% 100%}}
@keyframes ad-pattern-drift{0%{transform:translate3d(-8px,-25px,0) rotate(-5deg);opacity:.55}100%{transform:translate3d(18px,65px,0) rotate(5deg);opacity:.85}}
@media(prefers-reduced-motion:reduce){.side-ad,.side-ad:before,.side-ad:after{animation:none!important}.side-ad:after{opacity:.45}}
@media(min-width:1740px) and (min-height:760px){
.side-ad-title-line,.side-ad-title>em{display:block;animation:ad-copy-rise 9s ease-in-out infinite;transform-origin:center}
.side-ad-title>em{animation-delay:.2s}
.side-ad-right .side-ad-title-line{animation-delay:1.2s}
.side-ad-right .side-ad-title>em{animation-delay:1.4s}
.side-ad-kicker{animation:ad-kicker-glow 9s ease-in-out infinite}
.side-ad-right .side-ad-kicker{animation-delay:1.2s}
.side-ad:is(:hover,:focus-within) *,.side-ad.is-paused *{animation-play-state:paused}
}
@keyframes ad-copy-rise{0%,100%{opacity:.45;transform:translateY(7px)}10%,82%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(-2px)}}
@keyframes ad-kicker-glow{0%,80%,100%{text-shadow:none}25%,50%{text-shadow:0 0 12px #ffffff90}}
@media(prefers-reduced-motion:reduce){.side-ad-title-line,.side-ad-title>em,.side-ad-kicker{animation:none!important;transform:none;opacity:1}}
