@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@1,800&display=swap');
@font-face{font-family:RDInter;src:url('../fonts/inter-latinext-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:RDInter;src:url('../fonts/inter-latinext-700.woff2') format('woff2');font-weight:700 900;font-display:swap}@font-face{font-family:RDSora;src:url('../fonts/sora-latinext-800.woff2') format('woff2');font-weight:800 900;font-display:swap}
:root{--ink:#080808;--paper:#fff;--blue:#0969ff;--line:rgba(8,8,8,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body.maca-redesign-page{margin:0;background:var(--paper);color:var(--ink);font-family:RDInter,Arial,sans-serif;overflow-x:hidden}.maca-redesign-page #wpadminbar~.rd-shell{padding-top:0}.rd-shell{min-height:100vh;background:var(--paper)}.rd-nav{height:86px;padding:0 clamp(24px,5vw,88px);display:flex;align-items:center;gap:36px;position:absolute;z-index:50;inset:0 0 auto}.rd-brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;white-space:nowrap}.rd-brand__mark{font-size:18px;transform:rotate(45deg);display:inline-block}.rd-brand__name{font:800 clamp(20px,1.75vw,31px)/1 RDSora,sans-serif;letter-spacing:-1.4px}.rd-brand__meta{border-left:1px solid #777;padding-left:13px;color:#777;font-size:9px;line-height:1.35;letter-spacing:.09em}.rd-links{margin-left:auto;display:flex;gap:clamp(22px,2.8vw,48px)}.rd-links a,.rd-nav-cta{color:inherit;text-decoration:none;font-weight:700;font-size:12px}.rd-links a{position:relative}.rd-links a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:2px;background:var(--blue);transition:.25s}.rd-links a:hover:after{width:100%}.rd-nav-cta{background:#080808;color:white;border-radius:999px;padding:15px 22px;transition:.25s}.rd-nav-cta:hover{background:var(--blue);transform:translateY(-2px)}.rd-nav-cta span{margin-left:10px}.rd-menu{display:none;border:0;background:none;padding:12px}.rd-menu i{display:block;width:24px;height:2px;background:#111;margin:5px;transition:.25s}
.rd-hero{height:max(760px,100svh);min-height:720px;position:relative;overflow:hidden;padding:0 clamp(24px,5vw,88px);isolation:isolate}.rd-copy{position:absolute;z-index:8;left:clamp(24px,5vw,88px);top:clamp(145px,17vh,190px);width:min(47vw,760px)}.rd-eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:22px}.rd-eyebrow b{margin:0 8px}.rd-eyebrow strong{color:var(--blue)}.rd-title{font:900 clamp(56px,5.35vw,100px)/.91 RDSora,sans-serif;letter-spacing:-.075em;margin:0;max-width:900px}.rd-title span{display:block}.rd-rotate{min-height:.95em}.rd-rotate.is-changing{animation:rdWord .48s ease}@keyframes rdWord{0%{opacity:1;transform:translateY(0)}45%{opacity:0;transform:translateY(-16px)}55%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:none}}.rd-sub{font-size:clamp(15px,1.2vw,20px);line-height:1.35;text-align:center;width:330px;margin:27px auto 0}.rd-sub strong{position:relative}.rd-sub strong:after{content:"";height:3px;background:var(--blue);position:absolute;left:0;right:0;bottom:-7px;transform:rotate(-4deg);border-radius:50%}
.rd-scene{position:absolute;z-index:2;left:27%;right:-3%;bottom:-2%;height:74%;pointer-events:none}.rd-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right bottom;filter:contrast(1.04);mix-blend-mode:multiply}.rd-scene__drum{z-index:1!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:right bottom!important;transform-origin:42.823% 58.767%!important;animation:rdDrumCycle 9s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform}.rd-scene__drum-mask{display:none}.rd-scene__front{z-index:2}@keyframes rdDrumCycle{0%,10%{transform:rotate(0deg)}78%,88%{transform:rotate(1080deg)}100%{transform:rotate(1080deg)}}.rd-book{position:absolute;z-index:12;right:11%;bottom:8%;width:clamp(160px,13vw,235px);aspect-ratio:1;border-radius:50%;background:var(--blue);color:#fff;text-decoration:none;display:grid;place-content:center;text-align:center;font:800 clamp(20px,1.75vw,31px)/1.12 RDSora,sans-serif;transition:.35s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 0 0 rgba(9,105,255,.2)}.rd-book b{font-size:30px;margin-top:13px}.rd-book:hover{transform:scale(1.08) rotate(-3deg);box-shadow:0 0 0 14px rgba(9,105,255,.12)}.rd-call{position:absolute;z-index:12;right:3.5%;bottom:11.5%;color:#111;text-decoration:none;font-weight:700;font-size:13px;border-bottom:2px solid var(--blue);padding-bottom:5px}.rd-scroll{position:absolute;z-index:12;left:clamp(24px,5vw,88px);bottom:5%;display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;color:#111;text-decoration:none;gap:6px 12px;align-items:center}.rd-scroll small{grid-column:1/3;font-size:9px;font-weight:800;letter-spacing:.18em}.rd-scroll b{font-size:26px;font-weight:400}.rd-scroll span{font-size:9px;font-weight:800;letter-spacing:.13em}
.rd-hotspot{position:absolute;z-index:15;width:70px;height:70px;border:0;border-radius:50%;background:var(--blue);color:white;font-size:9px;font-weight:800;cursor:pointer;box-shadow:0 0 0 8px rgba(9,105,255,.08);transition:.25s}.rd-hotspot:hover,.rd-hotspot.is-active{transform:scale(1.1);box-shadow:0 0 0 14px rgba(9,105,255,.12)}.rd-hotspot--washer{left:57%;top:49%}.rd-hotspot--fridge{right:17%;top:28%;width:18px;height:18px}.rd-hotspot--fridge span{display:none}.rd-diagnosis{position:absolute;z-index:14;background:rgba(250,250,248,.94);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 35px rgba(0,0,0,.07);border-radius:8px;padding:13px 17px;width:205px;display:grid;gap:0;opacity:0;transform:translateY(8px);pointer-events:none;transition:.25s}.rd-diagnosis.is-open{opacity:1;transform:none}.rd-diagnosis span{padding:9px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:10px;font-weight:700}.rd-diagnosis span:last-child{border:0}.rd-diagnosis--washer{left:61.5%;top:48%}.rd-diagnosis--fridge{right:5%;top:28%}.rd-placeholder{height:1px}.rd-mobile-panel{display:none}
@media(max-width:1050px){.rd-links{display:none}.rd-nav-cta{margin-left:auto}.rd-copy{width:62vw}.rd-title{font-size:clamp(52px,7vw,74px)}.rd-scene{left:24%;right:-16%;height:64%}.rd-hotspot,.rd-diagnosis{display:none}.rd-call{right:4%}}
@media(max-width:720px){.rd-nav{height:70px;padding:0 20px}.rd-brand__meta,.rd-nav-cta{display:none}.rd-brand__name{font-size:22px}.rd-menu{display:block;margin-left:auto}.rd-menu.is-open i:first-child{transform:translateY(3.5px) rotate(45deg)}.rd-menu.is-open i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.rd-mobile-panel{display:flex;position:fixed;z-index:45;inset:70px 0 auto;background:var(--paper);padding:22px 20px 30px;flex-direction:column;gap:0;border-top:1px solid var(--line);transform:translateY(-130%);transition:.35s}.rd-mobile-panel.is-open{transform:none}.rd-mobile-panel a{color:#111;text-decoration:none;font:700 22px/1.1 RDSora;padding:15px 0;border-bottom:1px solid var(--line)}.rd-mobile-panel a:last-child{color:var(--blue)}.rd-hero{min-height:760px;height:100svh;padding:0 20px}.rd-copy{left:20px;right:20px;top:112px;width:auto}.rd-eyebrow{font-size:9px;margin-bottom:14px}.rd-title{font-size:clamp(46px,13vw,68px);line-height:.91;letter-spacing:-.07em}.rd-sub{font-size:14px;text-align:left;width:auto;margin:18px 0}.rd-scene{left:-10%;right:-35%;bottom:6%;height:48%;opacity:.98}.rd-book{right:20px;bottom:7%;width:132px;font-size:17px}.rd-book b{font-size:22px;margin-top:7px}.rd-call{display:none}.rd-scroll{left:20px;bottom:4%;grid-template-columns:22px auto}.rd-scroll small{display:none}.rd-scroll span{font-size:8px}.rd-scroll b{font-size:22px}}
@media(max-width:420px){.rd-title{font-size:12.6vw}.rd-scene{height:45%;left:-24%;right:-48%;bottom:9%}.rd-book{width:118px;font-size:15px}.rd-sub{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* v4.22.25: drum geometry — wrapper is fixed, only the tightly cropped drum rotates. */
.rd-scene{height:auto!important;aspect-ratio:1672/941!important;}
.rd-scene>img.rd-scene__front{inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;}
.rd-scene__drum-mask{display:block!important;position:absolute;z-index:1;left:35.65%;top:46.01%;width:14.41%;aspect-ratio:1;border-radius:50%;overflow:hidden;pointer-events:none;}
.rd-scene__drum-mask .rd-scene__drum{position:absolute!important;inset:0!important;left:0!important;top:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform-origin:50% 50%!important;animation:rdDrumSpin 9s cubic-bezier(.45,.05,.55,.95) infinite!important;will-change:transform;}
@keyframes rdDrumSpin{0%,10%{transform:rotate(0deg)}78%,88%{transform:rotate(1080deg)}100%{transform:rotate(1080deg)}}
@media (prefers-reduced-motion:reduce){.rd-scene__drum-mask .rd-scene__drum{animation:none!important}}

/* v4.22.26: mobile washer-to-fridge cinematic pan after exactly two drum revolutions. */
@media(max-width:720px){
  .rd-scene{transition:transform 1.35s cubic-bezier(.72,0,.18,1);will-change:transform;}
  .rd-scene.is-fridge-view{transform:translateX(-34%);}
  .rd-scene__drum-mask .rd-scene__drum{animation:rdDrumTwoSpins 3.2s cubic-bezier(.42,0,.28,1) 2 forwards!important;}
  @keyframes rdDrumTwoSpins{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(720deg)}
  }
}
@media(max-width:420px){
  .rd-scene.is-fridge-view{transform:translateX(-38%);}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){
  .rd-scene{transition:none!important;transform:none!important;}
  .rd-scene__drum-mask .rd-scene__drum{animation:none!important;}
}

/* v4.22.27: taller mobile stage + clear refrigerator composition. */
@media(max-width:720px){
  .rd-hero{height:auto!important;min-height:1020px!important;}
  .rd-scene{bottom:150px!important;left:-10%;right:-35%;}
  .rd-scene.is-fridge-view{transform:translateX(-29%);}
  .rd-book{bottom:24px!important;right:18px;}
  .rd-scroll{bottom:30px!important;}
}
@media(max-width:420px){
  .rd-hero{min-height:980px!important;}
  .rd-scene{bottom:142px!important;left:-24%;right:-48%;}
  .rd-scene.is-fridge-view{transform:translateX(-31%);}
  .rd-book{bottom:22px!important;}
  .rd-scroll{bottom:28px!important;}
}

/* v4.22.28: locked extra-wide scene; original hero height restored. */
.rd-scene{left:0!important;right:-2%!important;bottom:-1%!important;height:auto!important;aspect-ratio:1961/802!important;transform:none;}
.rd-scene>img.rd-scene__front{width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important;}
.rd-scene__drum-mask{left:34.93%!important;top:57.36%!important;width:8.98%!important;aspect-ratio:1!important;}
.rd-scene__drum-mask .rd-scene__drum{width:100%!important;height:100%!important;object-fit:cover!important;transform-origin:50% 50%!important;}
@media(max-width:720px){
  .rd-hero{height:100svh!important;min-height:760px!important;}
  .rd-scene{width:220vw!important;left:-68vw!important;right:auto!important;bottom:5%!important;transition:transform 1.35s cubic-bezier(.72,0,.18,1)!important;}
  .rd-scene.is-fridge-view{transform:translateX(-73vw)!important;}
  .rd-scene__drum-mask .rd-scene__drum{animation:rdDrumTwoSpins 3.2s cubic-bezier(.42,0,.28,1) 2 forwards!important;}
  .rd-book{bottom:7%!important;right:20px!important;}
  .rd-scroll{bottom:4%!important;}
}
@media(max-width:420px){
  .rd-hero{height:100svh!important;min-height:760px!important;}
  .rd-scene{width:235vw!important;left:-76vw!important;bottom:7%!important;}
  .rd-scene.is-fridge-view{transform:translateX(-79vw)!important;}
  .rd-book{bottom:7%!important;}
  .rd-scroll{bottom:4%!important;}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){.rd-scene{transform:none!important;}}

/* v4.22.30: mobile panorama framing — show more of the left scene first; keep full fridge in final frame. */
@media(max-width:720px){
  .rd-scene{width:220vw!important;left:-40vw!important;right:auto!important;bottom:5%!important;}
  .rd-scene.is-fridge-view{transform:translateX(-70vw)!important;}
}
@media(max-width:420px){
  .rd-scene{width:235vw!important;left:-45vw!important;right:auto!important;bottom:7%!important;}
  .rd-scene.is-fridge-view{transform:translateX(-70vw)!important;}
}

/* v4.22.30: lift complete mobile panorama without changing scale or pan framing. */
@media(max-width:720px){.rd-scene{bottom:12%!important;}}
@media(max-width:420px){.rd-scene{bottom:14%!important;}}

/* v4.22.32: approved plant-free panorama. Recalibrated drum against exact new artwork. */
.rd-scene__drum-mask{left:33.91%!important;top:52.24%!important;width:11.01%!important;aspect-ratio:1!important;}
/* Keep the established mobile framing/height and cinematic two-spin -> fridge pan sequence. */
@media(max-width:720px){
  .rd-scene{width:220vw!important;left:-40vw!important;right:auto!important;bottom:12%!important;}
  .rd-scene.is-fridge-view{transform:translateX(-70vw)!important;}
}
@media(max-width:420px){
  .rd-scene{width:235vw!important;left:-45vw!important;right:auto!important;bottom:14%!important;}
  .rd-scene.is-fridge-view{transform:translateX(-70vw)!important;}
}

/* v4.22.32: exact drum aperture geometry from foreground alpha mask. */
.rd-scene__drum-mask{
  z-index:1!important;
  left:34.1662%!important;
  top:52.8678%!important;
  width:10.5558%!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  overflow:hidden!important;
}
.rd-scene>img.rd-scene__front{z-index:2!important;position:absolute!important;}
.rd-scene__drum-mask .rd-scene__drum{
  z-index:0!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform-origin:50% 50%!important;
}

/* v4.22.33: drum recut to inner door aperture; fixed silver/black door ring remains foreground. */
.rd-scene__drum-mask{left:34.9811%!important;top:54.8628%!important;width:8.8730%!important;aspect-ratio:1/1!important;border-radius:50%!important;overflow:hidden!important;z-index:1!important;}
.rd-scene__drum-mask .rd-scene__drum{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform-origin:50% 50%!important;z-index:0!important;}
.rd-scene>img.rd-scene__front{z-index:2!important;position:absolute!important;}

/* v4.22.34: hold washer scene for two complete drum animation cycles before mobile fridge pan. */

/* v4.22.38: fridge fault light — normal artwork between short, obvious flashes. */
.rd-fridge-light{
  position:absolute!important; z-index:6!important;
  left:61.85%!important; top:11%!important; width:10.75%!important; height:50.9%!important;
  display:block!important; pointer-events:none!important; opacity:0;
  border-radius:2% 3% 3% 2%;
  background:radial-gradient(ellipse at 48% 35%,rgba(255,255,255,.98) 0%,rgba(255,255,248,.88) 35%,rgba(255,255,235,.48) 70%,rgba(255,255,235,0) 100%);
  box-shadow:inset 0 0 38px 10px rgba(255,255,255,.9),0 0 22px 5px rgba(255,255,245,.72);
  mix-blend-mode:screen;
  clip-path:polygon(3% 1%,96% 4%,99% 97%,2% 99%);
  will-change:opacity,filter;
}
@media(max-width:720px){.rd-scene.is-fridge-view .rd-fridge-light{animation:rdFridgeFaultVisible 4.2s steps(1,end) .7s infinite!important;}}
@keyframes rdFridgeFaultVisible{
  0%,7%{opacity:0;filter:none}
  8%,11%{opacity:.92;filter:brightness(1.35)}
  12%,15%{opacity:0;filter:none}
  16%,18%{opacity:1;filter:brightness(1.55)}
  19%,23%{opacity:0;filter:none}
  24%,28%{opacity:.88;filter:brightness(1.3)}
  29%,35%{opacity:0;filter:none}
  36%,38%{opacity:1;filter:brightness(1.6)}
  39%,41%{opacity:0;filter:none}
  42%,44%{opacity:.95;filter:brightness(1.45)}
  45%,100%{opacity:0;filter:none}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){.rd-fridge-light{animation:none!important;opacity:0!important;}}

/* v4.22.42: prominent procedural smoke rising from BEHIND the refrigerator.
   The plume box sits to the LEFT of the cabinet (rear edge at ~55% of panorama),
   so no smoke is painted inside the open fridge. */
.rd-fridge-hiss{
  position:absolute!important;
  z-index:6!important;
  left:46.8%!important;
  top:4.5%!important;
  width:9.2%!important;
  height:54%!important;
  pointer-events:none!important;
  opacity:0;
  overflow:visible!important;
  filter:blur(.15px);
  mix-blend-mode:multiply;
}
.rd-fridge-hiss::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:-5%!important;
  bottom:0!important;
  width:54%!important;
  height:18%!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at 70% 80%,rgba(45,45,45,.56) 0%,rgba(75,75,75,.34) 35%,rgba(120,120,120,.12) 63%,transparent 78%)!important;
  filter:blur(7px)!important;
  opacity:0;
}
.rd-fridge-hiss i{
  position:absolute!important;
  right:-2%!important;
  bottom:1%!important;
  width:78%!important;
  height:22%!important;
  border:0!important;
  border-radius:48% 52% 58% 42% / 58% 44% 56% 42%!important;
  opacity:0;
  background:
    radial-gradient(circle at 67% 72%,rgba(42,42,42,.62) 0 13%,rgba(72,72,72,.40) 26%,transparent 52%),
    radial-gradient(circle at 38% 48%,rgba(66,66,66,.46) 0 16%,rgba(100,100,100,.24) 33%,transparent 58%),
    radial-gradient(circle at 72% 28%,rgba(86,86,86,.34) 0 15%,rgba(120,120,120,.17) 34%,transparent 59%)!important;
  filter:blur(7px)!important;
  transform-origin:78% 100%;
  will-change:transform,opacity,filter;
}
.rd-fridge-hiss i:nth-child(2){right:12%!important;bottom:2%!important;width:88%!important;height:25%!important;}
.rd-fridge-hiss i:nth-child(3){right:-10%!important;bottom:0!important;width:92%!important;height:27%!important;}
.rd-fridge-hiss i:nth-child(4){right:4%!important;bottom:3%!important;width:96%!important;height:29%!important;}
@media(max-width:720px){
  .rd-scene.is-fridge-view .rd-fridge-hiss{opacity:1!important;}
  .rd-scene.is-fridge-view .rd-fridge-hiss::before{animation:rdSmokeSource 2.8s ease-in-out .35s infinite!important;}
  .rd-scene.is-fridge-view .rd-fridge-hiss i:nth-child(1){animation:rdSmokePlumeA 4.6s ease-out .25s infinite!important;}
  .rd-scene.is-fridge-view .rd-fridge-hiss i:nth-child(2){animation:rdSmokePlumeB 5.1s ease-out 1.15s infinite!important;}
  .rd-scene.is-fridge-view .rd-fridge-hiss i:nth-child(3){animation:rdSmokePlumeA 4.9s ease-out 2.05s infinite!important;}
  .rd-scene.is-fridge-view .rd-fridge-hiss i:nth-child(4){animation:rdSmokePlumeB 5.4s ease-out 2.85s infinite!important;}
}
@keyframes rdSmokeSource{
  0%,100%{opacity:.18;transform:scale(.8)}
  35%{opacity:.72;transform:scale(1.12)}
  65%{opacity:.42;transform:scale(.96)}
}
@keyframes rdSmokePlumeA{
  0%{opacity:0;transform:translate3d(8%,10%,0) scale(.42,.35) rotate(2deg);filter:blur(6px)}
  10%{opacity:.78}
  28%{opacity:.70;transform:translate3d(-8%,-55%,0) scale(.92,1.12) rotate(-7deg)}
  52%{opacity:.52;transform:translate3d(-28%,-145%,0) scale(1.34,1.68) rotate(7deg);filter:blur(9px)}
  76%{opacity:.29;transform:translate3d(-10%,-245%,0) scale(1.72,2.22) rotate(-5deg);filter:blur(12px)}
  100%{opacity:0;transform:translate3d(-36%,-355%,0) scale(2.15,2.8) rotate(8deg);filter:blur(15px)}
}
@keyframes rdSmokePlumeB{
  0%{opacity:0;transform:translate3d(0,12%,0) scale(.38,.32) rotate(-3deg);filter:blur(6px)}
  12%{opacity:.72}
  34%{opacity:.63;transform:translate3d(-22%,-72%,0) scale(1.0,1.25) rotate(8deg)}
  58%{opacity:.44;transform:translate3d(-5%,-170%,0) scale(1.48,1.82) rotate(-8deg);filter:blur(10px)}
  80%{opacity:.22;transform:translate3d(-34%,-270%,0) scale(1.86,2.35) rotate(5deg);filter:blur(13px)}
  100%{opacity:0;transform:translate3d(-18%,-370%,0) scale(2.25,2.9) rotate(-6deg);filter:blur(16px)}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){
  .rd-fridge-hiss,.rd-fridge-hiss::before,.rd-fridge-hiss i{animation:none!important;opacity:0!important;}
}


/* v4.22.43: mobile appliance loop — 2 washer spin cycles -> fridge -> 2 light cycles -> washer. */
@media(max-width:720px){
  .rd-scene__drum-mask .rd-scene__drum{animation:none!important;}
  .rd-scene.is-washer-cycle .rd-scene__drum-mask .rd-scene__drum{animation:rdDrumTwoSpins 3.2s cubic-bezier(.42,0,.28,1) 2 forwards!important;}
  .rd-scene.is-fridge-view .rd-fridge-light{animation:rdFridgeFaultDim 4.2s steps(1,end) .45s 2!important;}
  .rd-title{transition:opacity .42s ease,transform .42s ease;}
  .rd-title.is-title-out{opacity:0;transform:translateY(10px);}
}
@keyframes rdFridgeFaultDim{
  0%,7%{opacity:0;filter:none}
  8%,11%{opacity:.48;filter:brightness(1.08)}
  12%,15%{opacity:0;filter:none}
  16%,18%{opacity:.58;filter:brightness(1.12)}
  19%,23%{opacity:0;filter:none}
  24%,28%{opacity:.44;filter:brightness(1.06)}
  29%,35%{opacity:0;filter:none}
  36%,38%{opacity:.60;filter:brightness(1.14)}
  39%,41%{opacity:0;filter:none}
  42%,44%{opacity:.50;filter:brightness(1.09)}
  45%,100%{opacity:0;filter:none}
}

/* v4.22.45 — approved ACA / Exo 2 test-page logo */
.rd-brand--aca{gap:0;display:inline-flex;align-items:center;line-height:1}
.rd-aca-logo{display:inline-flex;align-items:center;gap:.14em;color:#050505;white-space:nowrap}
.rd-aca-logo__letters{font-family:"Exo 2",sans-serif;font-size:clamp(38px,3.2vw,56px);font-style:italic;font-weight:800;line-height:.72;letter-spacing:-.075em;transform:scaleX(1.12);transform-origin:left center}
.rd-aca-logo__dot{display:block;width:.28em;height:.28em;min-width:.28em;border-radius:50%;background:var(--blue);margin-left:.08em}
@media(max-width:720px){.rd-aca-logo__letters{font-size:36px}.rd-aca-logo__dot{width:10px;height:10px;min-width:10px}}

/* v4.22.46 — load the approved Exo 2 mark as the actual Google Font; keep blue terminal dot attached */
.rd-aca-logo{position:relative;isolation:isolate}.rd-aca-logo__dot{width:clamp(10px,.78vw,14px);height:clamp(10px,.78vw,14px);min-width:0;margin-left:.18em;flex:0 0 auto;box-shadow:none}

/* v4.22.47 — approved isolated ACA logo asset */
.rd-aca-logo-img{display:block;width:clamp(128px,10vw,190px);height:auto;object-fit:contain;object-position:left center}
@media(max-width:720px){.rd-aca-logo-img{width:128px}}

/* v4.22.48 — navbar matches the pure-white hero canvas */
.rd-nav{background:#fff!important;}
@media(max-width:720px){.rd-nav{background:#fff!important}.rd-mobile-panel{background:#fff!important}}

/* v4.22.49 — one continuous pure-white test-page canvas */
html,body.maca-redesign-page,.rd-shell,.rd-nav,.rd-hero,.rd-mobile-panel{background:#fff!important;}

/* v4.22.50 desktop-only refinement */
@media (min-width:900px){
  .maca-redesign-page, .rd-shell, .rd-nav, .rd-hero{
    font-family:"Inter","Noto Sans",Arial,sans-serif;
  }
  .rd-title{
    font-family:"Inter","Noto Sans",Arial,sans-serif;
    font-size:clamp(58px,5.35vw,102px)!important;
    line-height:.82!important;
    letter-spacing:-.065em!important;
    max-width:590px!important;
  }
  .rd-copy{transform:translateY(-34px);}
  .rd-eyebrow{transform:translateY(-18px);}
  .rd-scroll{transform:translateY(-18px);}
  .rd-desktop-fridge-active .rd-fridge-light{animation:rdFridgeFlicker 2.8s steps(1,end) infinite!important;}
  .rd-desktop-fridge-active .rd-smoke,
  .rd-desktop-fridge-active .rd-smoke-plume{animation-play-state:running!important;opacity:1;}
}

/* v4.22.51 desktop: explicitly run existing fridge effects whenever fridge title is active */
@media (min-width:900px){
 .rd-hero.rd-desktop-fridge-active .rd-fridge-light{
   display:block!important; visibility:visible!important; opacity:1;
   animation:rdDesktopFridgeLight 2.8s linear infinite!important;
 }
 .rd-hero.rd-desktop-fridge-active .rd-smoke,
 .rd-hero.rd-desktop-fridge-active .rd-smoke-plume,
 .rd-hero.rd-desktop-fridge-active [class*="smoke"]{
   display:block!important; visibility:visible!important;
   animation-play-state:running!important;
 }
 @keyframes rdDesktopFridgeLight{
   0%,12%,24%,48%,60%,100%{opacity:.12}
   6%,18%,54%{opacity:.55}
   30%,42%{opacity:.32}
 }
}

/* v4.22.53 desktop fridge: real existing light + smoke elements */
@media (min-width:900px){
 .rd-hero.rd-desktop-fridge-active .rd-fridge-light{
   display:block!important;visibility:visible!important;
   animation:rdFridgeFaultDim 4.2s steps(1,end) infinite!important;
 }
 .rd-fridge-hiss{display:block!important;visibility:visible!important;pointer-events:none!important;z-index:20!important;}
 .rd-hero:not(.rd-desktop-fridge-active) .rd-fridge-hiss{opacity:0!important;}
 .rd-hero.rd-desktop-fridge-active .rd-fridge-hiss{opacity:1!important;}
 .rd-hero.rd-desktop-fridge-active .rd-fridge-hiss::before{display:block!important;visibility:visible!important;animation:rdSmokeSource 2.8s ease-in-out infinite!important;}
 .rd-hero.rd-desktop-fridge-active .rd-fridge-hiss i{display:block!important;visibility:visible!important;}
 .rd-hero.rd-desktop-fridge-active .rd-fridge-hiss i:nth-child(1){animation:rdSmokePlumeA 4.6s ease-out .05s infinite!important;}
 .rd-hero.rd-desktop-fridge-active .rd-fridge-hiss i:nth-child(2){animation:rdSmokePlumeB 5.1s ease-out .75s infinite!important;}
 .rd-hero.rd-desktop-fridge-active .rd-fridge-hiss i:nth-child(3){animation:rdSmokePlumeA 4.9s ease-out 1.45s infinite!important;}
 .rd-hero.rd-desktop-fridge-active .rd-fridge-hiss i:nth-child(4){animation:rdSmokePlumeB 5.4s ease-out 2.05s infinite!important;}
}

/* v4.22.54 — LOCKED non-mobile composition.
   Everything above 720px uses one proportional desktop canvas.
   This intentionally overrides the old vh-based and <=1050 desktop rules. */
@media (min-width:721px){
  .rd-hero{
    height:clamp(620px,47vw,900px)!important;
    min-height:0!important;
    padding:0 clamp(36px,4.5vw,88px)!important;
    overflow:hidden!important;
  }

  .rd-copy{
    left:clamp(36px,4.5vw,88px)!important;
    top:clamp(62px,5.2vw,100px)!important;
    width:clamp(390px,29vw,540px)!important;
    transform:none!important;
  }

  .rd-eyebrow{
    transform:none!important;
    margin-bottom:clamp(14px,1.1vw,22px)!important;
  }

  .rd-title{
    font-family:"Inter","Noto Sans",Arial,sans-serif!important;
    font-size:clamp(50px,4.15vw,78px)!important;
    line-height:.88!important;
    letter-spacing:-.055em!important;
    max-width:540px!important;
  }

  .rd-sub{
    width:min(330px,100%)!important;
    margin-top:clamp(18px,1.5vw,28px)!important;
    font-size:clamp(14px,1.05vw,19px)!important;
  }

  /* Scene keeps exactly the same proportions and anchoring at every non-mobile width. */
  .rd-scene{
    left:0!important;
    right:-2%!important;
    bottom:-1%!important;
    width:auto!important;
    height:auto!important;
    aspect-ratio:1961/802!important;
    transform:none!important;
  }

  .rd-scene>img.rd-scene__front{
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    object-position:center!important;
  }

  .rd-book{
    right:11%!important;
    bottom:8%!important;
    width:clamp(150px,12.2vw,225px)!important;
  }

  .rd-call{right:3.5%!important;bottom:11.5%!important;}
  .rd-scroll{
    left:clamp(36px,4.5vw,88px)!important;
    bottom:5%!important;
    transform:none!important;
  }

  /* Never use the mobile scene-pan state on tablet/desktop. */
  .rd-scene.is-fridge-view{transform:none!important;}
}

/* v4.22.55 — one Serbian-safe headline face everywhere */
.rd-title{
  font-family:"Inter","Noto Sans",Arial,sans-serif!important;
  font-weight:900!important;
}

/* Desktop: headline is a fixed 3-line zone; supporting copy never gets pushed by title length. */
@media (min-width:721px){
  .rd-copy{
    width:clamp(500px,34vw,650px)!important;
  }
  .rd-title{
    font-size:clamp(43px,3.35vw,64px)!important;
    line-height:.91!important;
    letter-spacing:-.05em!important;
    max-width:650px!important;
    height:2.73em!important;
    max-height:2.73em!important;
    overflow:visible!important;
    text-wrap:balance;
  }
  .rd-sub{
    position:absolute!important;
    top:calc(clamp(14px,1.1vw,22px) + 1em + 2.73em + 28px)!important;
    left:0!important;
    margin-top:0!important;
  }
}

/* Mobile keeps its existing geometry/animation, only the headline typeface changes. */
@media (max-width:720px){
  .rd-title{
    font-family:"Inter","Noto Sans",Arial,sans-serif!important;
    font-weight:900!important;
  }
}

/* v4.22.56 desktop supporting copy: align with headline left edge and place safely below title */
@media (min-width:721px){
  .rd-sub{
    position:absolute!important;
    left:0!important;
    top:calc(2.73em + 88px)!important;
    margin:0!important;
    transform:none!important;
    width:330px!important;
  }
}

/* v4.22.57 — desktop headline/copy geometry correction */
@media (min-width:721px){
  .rd-copy{
    position:absolute!important;
  }
  .rd-title{
    font-size:clamp(42px,3.15vw,60px)!important;
    line-height:.90!important;
    max-width:620px!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
  }
  /* Copy is anchored to the desktop hero, not calculated from title em units. */
  .rd-sub{
    position:absolute!important;
    left:0!important;
    top:clamp(205px,15.2vw,286px)!important;
    width:330px!important;
    margin:0!important;
    transform:none!important;
    z-index:30!important;
  }
}

/* v4.22.58 desktop: force a consistent 3-line headline column and exact left alignment */
@media (min-width:721px){
  .rd-copy{
    left:clamp(36px,4.5vw,88px)!important;
    width:clamp(430px,30vw,560px)!important;
  }
  .rd-title{
    width:100%!important;
    max-width:560px!important;
    font-size:clamp(42px,3.05vw,58px)!important;
    line-height:.92!important;
    text-wrap:balance!important;
  }
  .rd-sub{
    left:0!important;
    top:clamp(220px,16.2vw,300px)!important;
    width:330px!important;
    margin-left:0!important;
    padding-left:0!important;
  }
}

/* v4.22.59 — exact desktop title structure/alignment */
@media (min-width:721px){
  .rd-copy{
    left:clamp(36px,4.5vw,88px)!important;
    width:600px!important;
  }
  .rd-title{
    width:600px!important;
    max-width:600px!important;
    font-size:clamp(40px,2.85vw,55px)!important;
    line-height:.92!important;
    text-wrap:initial!important;
  }
  .rd-title .rd-title-line{
    display:block!important;
    white-space:nowrap!important;
  }
  .rd-sub{
    left:0!important;
    top:clamp(225px,16.6vw,305px)!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
}

/* v4.22.60 — exact viewport hero + centered Fonetika-style scroll indicator */
.rd-hero{
  height:100svh!important;
  min-height:0!important;
  max-height:100svh!important;
  overflow:hidden!important;
}

/* Remove old left scroll prompt and right-side booking/call controls. */
.rd-scroll,
.rd-book,
.rd-call{
  display:none!important;
}

/* New centered bottom scroll indicator */
.rd-center-scroll{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:80;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  color:#111;
  font:700 10px/1 "Inter","Noto Sans",Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  pointer-events:none;
}


@keyframes rdCenterScrollDot{
  0%{transform:translate(-50%,0) scaleY(1);opacity:.2}
  18%{opacity:1}
  45%{transform:translate(-50%,15px) scaleY(2.4)}
  82%{transform:translate(-50%,34px) scaleY(1);opacity:1}
  100%{transform:translate(-50%,34px) scaleY(1);opacity:0}
}
@media (prefers-reduced-motion:reduce){
  
}

/* v4.22.61 — hero is the REMAINING visible viewport below nav/admin bar,
   scene is physically pinned to hero bottom on every breakpoint. */
.rd-shell{
  min-height:100dvh!important;
  height:100dvh!important;
  overflow:hidden!important;
}
.rd-hero{
  height:calc(100dvh - var(--rd-nav-h, 104px))!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
.admin-bar .rd-hero{
  height:calc(100dvh - var(--rd-nav-h, 104px) - 32px)!important;
}
.rd-scene,
.rd-mobile-scene,
.rd-scene-wrap,
.rd-scene-stage{
  bottom:0!important;
  margin-bottom:0!important;
}

/* Desktop nav height */
@media (min-width:721px){
  :root{--rd-nav-h:104px;}
  .rd-scene{bottom:0!important;}
}
/* Mobile: preserve existing composition/animation, but anchor the scene to hero bottom. */
@media (max-width:720px){
  :root{--rd-nav-h:78px;}
  .rd-scene,
  .rd-mobile-scene,
  .rd-scene-wrap,
  .rd-scene-stage{bottom:0!important;}
}
@media (max-width:782px){
  .admin-bar .rd-hero{
    height:calc(100dvh - var(--rd-nav-h, 78px) - 46px)!important;
  }
}

/* Fonetika-style indicator: NO track/line — only a dot that travels,
   stretches vertically in motion, then returns to a dot at the bottom. */
.rd-center-scroll{
  bottom:14px!important;
  gap:7px!important;
}



@media (prefers-reduced-motion:reduce){
  
}

/* v4.22.62 — true one-screen test hero. WP admin bar overlays and is hidden by default. */
html, body.maca-redesign-page{
  margin:0!important;
  padding:0!important;
}
body.maca-redesign-page{
  overflow:hidden!important;
}
body.maca-redesign-page #wpadminbar{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  transform:translateY(-100%)!important;
  transition:transform .22s ease!important;
  z-index:999999!important;
}
body.maca-redesign-page.rd-admin-visible #wpadminbar{
  transform:translateY(0)!important;
}
html{margin-top:0!important;}
html.wp-toolbar{padding-top:0!important;}

.rd-shell{
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
}
.rd-nav{
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:100!important;
}
.rd-hero,
.admin-bar .rd-hero{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

/* The artwork itself is hard-pinned to y=100% of the hero.
   No padding/margin participates in its bottom position. */
.rd-scene{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.rd-scene>img.rd-scene__front{
  display:block!important;
  margin:0!important;
  padding:0!important;
}

/* Admin bar toggle */
.rd-admin-toggle{
  position:fixed;
  top:9px;
  right:9px;
  width:12px;
  height:12px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#e00000;
  box-shadow:0 0 0 3px rgba(255,255,255,.78);
  z-index:1000000;
  cursor:pointer;
}
body.rd-admin-visible .rd-admin-toggle{top:41px;}
@media(max-width:782px){
  body.rd-admin-visible .rd-admin-toggle{top:55px;}
}

/* v4.22.63 — mobile scene framing correction only.
   Shift the panorama left in BOTH states; fridge state moves farther left so
   the washer clears the viewport completely. Keep the scene bottom-locked. */
@media (max-width:720px){
  .rd-scene{
    bottom:0!important;
    margin:0!important;
    padding:0!important;
  }

  /* washer state: bring the complete washer into frame */
  .rd-scene:not(.is-fridge-view){
    transform:translate3d(-15.5%,0,0)!important;
  }

  /* fridge state: pan farther left so no washer remains visible */
  .rd-scene.is-fridge-view{
    transform:translate3d(-52.5%,0,0)!important;
  }

  /* preserve animated pan between the two corrected endpoints */
  .rd-scene{
    transition:transform 1.15s cubic-bezier(.65,0,.25,1)!important;
  }
}

/* v4.22.64 — interaction polish */

/* Remove the blue fault/check button from the scene. */
.rd-fault,
.rd-check,
.rd-proveri,
[class*="proveri"],
button[aria-label*="Proveri"],
a[aria-label*="Proveri"]{
  display:none!important;
}

/* Fonetika scroll dot: dot -> very thin elongated oval -> dot. No track. */


@keyframes rdScrollMorph{
  0%   {transform:translate(-50%,0) scaleY(1);opacity:1}
  16%  {transform:translate(-50%,4px) scaleY(1);opacity:1}
  46%  {transform:translate(-50%,17px) scaleY(5.8);opacity:1}
  68%  {transform:translate(-50%,29px) scaleY(4.1);opacity:1}
  88%  {transform:translate(-50%,39px) scaleY(1);opacity:1}
  100% {transform:translate(-50%,39px) scaleY(1);opacity:0}
}

/* Desktop nav slot-machine hover.
   JS wraps each menu label in .rd-slot-text and duplicates it. */
@media (min-width:721px){
  .rd-nav a:not(.rd-nav-cta){
    overflow:hidden!important;
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    height:30px!important;
    text-decoration:none!important;
  }
  .rd-slot{
    display:block;
    position:relative;
    height:1.15em;
    line-height:1.15em;
    overflow:hidden;
  }
  .rd-slot__stack{
    display:flex;
    flex-direction:column;
    transform:translateY(0);
    transition:transform .42s cubic-bezier(.2,.8,.2,1);
    will-change:transform;
  }
  .rd-slot__line{
    display:block;
    height:1.15em;
    line-height:1.15em;
    white-space:nowrap;
  }
  .rd-slot__line:last-child{color:#0877ff;}
  .rd-nav a:not(.rd-nav-cta):hover .rd-slot__stack,
  .rd-nav a:not(.rd-nav-cta):focus-visible .rd-slot__stack{
    transform:translateY(-1.15em);
  }

  /* Booking CTA: stationary button, blue rises from bottom like liquid. */
  .rd-nav-cta{
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate;
    transform:none!important;
    transition:color .25s ease!important;
  }
  .rd-nav-cta::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:-5%;
    right:-5%;
    bottom:-8%;
    height:0%;
    background:#0877ff;
    border-radius:50% 50% 0 0 / 16px 16px 0 0;
    transition:height .52s cubic-bezier(.22,.8,.25,1), border-radius .52s ease;
  }
  .rd-nav-cta:hover,
  .rd-nav-cta:focus-visible{
    color:#fff!important;
    transform:none!important;
  }
  .rd-nav-cta:hover::before,
  .rd-nav-cta:focus-visible::before{
    height:116%;
    border-radius:0;
  }
  .rd-nav-cta *,
  .rd-nav-cta:hover *{transform:none!important;}
}

/* v4.22.65 — exact corrections from viewport review */

/* Supporting copy: SAME absolute left edge as title, at every non-mobile width. */
@media (min-width:721px){
  .rd-copy{left:clamp(36px,4.5vw,88px)!important;}
  .rd-sub{
    left:0!important;
    margin-left:0!important;
    padding-left:0!important;
    transform:none!important;
  }

  /* Availability badge belongs OUTSIDE/ABOVE booking CTA, never clipped by it. */
  .rd-availability,
  .rd-book-availability,
  [class*="availability"]{
    overflow:visible!important;
    z-index:110!important;
  }
}

/* Smaller desktop heights: move the eyebrow DOWN so it cannot disappear under nav. */
@media (min-width:721px) and (max-height:850px){
  .rd-copy{top:clamp(108px,14vh,132px)!important;}
  .rd-eyebrow{
    margin-top:0!important;
    transform:none!important;
  }
}

/* Skroluj za rešenje morph: actual DOT -> HAIRLINE -> DOT.
   Width shrinks while height grows during travel. */

@keyframes rdScrollHairline{
  0%{
    width:7px;height:7px;
    transform:translate(-50%,0);
    opacity:1;
  }
  18%{
    width:7px;height:7px;
    transform:translate(-50%,5px);
  }
  44%{
    width:2px;height:27px;
    transform:translate(-50%,12px);
  }
  68%{
    width:2px;height:31px;
    transform:translate(-50%,21px);
  }
  86%{
    width:4px;height:13px;
    transform:translate(-50%,34px);
  }
  94%{
    width:7px;height:7px;
    transform:translate(-50%,39px);
    opacity:1;
  }
  100%{
    width:7px;height:7px;
    transform:translate(-50%,39px);
    opacity:0;
  }
}

/* Existing availability pill: force it above/outside the black nav booking button. */
.rd-nav-cta{overflow:visible!important;}
.rd-nav-cta .rd-availability,
.rd-nav-cta [class*="availability"]{
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 7px)!important;
  top:auto!important;
  transform:translateX(-50%)!important;
  white-space:nowrap!important;
  z-index:5!important;
}

/* v4.22.66 — screenshot-verified desktop corrections */

/* 1) Headline column and supporting copy MUST share the exact same x origin. */
@media (min-width:721px){
  .rd-copy{
    left:clamp(54px,4.45vw,86px)!important;
  }
  .rd-sub{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    margin:0!important;
    margin-left:0!important;
    padding:0!important;
    transform:none!important;
    translate:none!important;
  }
}

/* 2) Short desktop: keep eyebrow safely below nav without moving sub-copy sideways. */
@media (min-width:721px) and (max-height:900px){
  .rd-copy{
    top:96px!important;
  }
}

/* 3) Skroluj za rešenje indicator: a TRUE morphing particle.
      It is a round dot at both ends and a 2px hairline during the middle travel. */


@keyframes rdTrueDotLineDot{
  0%{
    width:7px;height:7px;
    transform:translate(-50%,0);
    opacity:1;
  }
  12%{
    width:7px;height:7px;
    transform:translate(-50%,3px);
  }
  30%{
    width:2px;height:20px;
    transform:translate(-50%,7px);
  }
  52%{
    width:2px;height:34px;
    transform:translate(-50%,10px);
  }
  72%{
    width:2px;height:20px;
    transform:translate(-50%,25px);
  }
  88%{
    width:7px;height:7px;
    transform:translate(-50%,40px);
  }
  96%{
    width:7px;height:7px;
    transform:translate(-50%,40px);
    opacity:1;
  }
  100%{
    width:7px;height:7px;
    transform:translate(-50%,40px);
    opacity:0;
  }
}

/* 4) The nav CTA itself clips ONLY its blue liquid layer.
      Availability pill is a sibling/independent overlay, never inside clipping. */
.rd-nav-cta{
  overflow:hidden!important;
}

/* Disable any availability badge accidentally inherited inside the CTA. */
.rd-nav-cta .rd-availability,
.rd-nav-cta .rd-book-availability,
.rd-nav-cta [class*="availability"]{
  display:none!important;
}

/* Correct availability pill above CTA, outside button bounds. */
.rd-nav-availability{
  position:absolute!important;
  left:50%!important;
  bottom:calc(100% + 5px)!important;
  transform:translateX(-50%)!important;
  z-index:1002!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

/* CTA wrapper provides positioning context without clipping the badge. */
.rd-nav-cta-wrap{
  position:relative!important;
  display:inline-flex!important;
  overflow:visible!important;
  align-items:center!important;
}

/* v4.22.67 — fix the actual causes, not the symptoms */

/* Desktop supporting copy:
   It was already positioned at left:0, but inherited text-align:center.
   That is why its visible text started ~40px to the right of the headline. */
@media (min-width:721px){
  .rd-copy{
    left:clamp(54px,4.45vw,86px)!important;
  }
  .rd-sub{
    left:0!important;
    right:auto!important;
    width:330px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    text-align:left!important;
  }
}

/* Availability is injected by maca-ssq.js as .maca-availability-pill INSIDE
   [data-maca-estimate]. Keep it visible above the nav CTA. */
.rd-nav-cta{
  overflow:visible!important;
  position:relative!important;
  isolation:isolate!important;
}
.rd-nav-cta .maca-availability-pill{
  display:inline-flex!important;
  position:absolute!important;
  top:-13px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:20!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

/* Liquid fill stays inside the button by making the fill itself button-shaped,
   rather than clipping the whole CTA (which would clip the availability pill). */
.rd-nav-cta::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  background:#0877ff!important;
  border-radius:999px!important;
  transform:scaleY(0)!important;
  transform-origin:50% 100%!important;
  transition:transform .52s cubic-bezier(.22,.8,.25,1)!important;
}
.rd-nav-cta:hover::before,
.rd-nav-cta:focus-visible::before{
  height:auto!important;
  transform:scaleY(1)!important;
}

/* Skroluj za rešenje particle: one continuous transform, no discrete width/height jumps.
   7px dot -> ~2px x 38px hairline -> 7px dot while continuously travelling. */




/* v4.22.68 — spacing, square CTA, anti-aliased scroll particle */

/* Desktop only: move headline block down, reducing the empty gap to supporting copy. */
@media (min-width:721px){
  .rd-title{
    transform:translateY(24px)!important;
  }
}

/* Booking CTA: square corners in both resting and filled states. */
.rd-nav-cta{
  border-radius:0!important;
}
.rd-nav-cta::before{
  border-radius:0!important;
}

/* Smooth vector-like particle.
   Keep the element circular and morph only with GPU transforms:
   dot -> 2px-ish rounded hairline -> dot. */

@keyframes rdSmoothParticle{
  0%{
    transform:translate3d(-50%,0,0) scale3d(1,1,1);
    opacity:1;
  }
  14%{
    transform:translate3d(-50%,5px,0) scale3d(1,1,1);
  }
  38%{
    transform:translate3d(-50%,13px,0) scale3d(.32,3.1,1);
  }
  55%{
    transform:translate3d(-50%,22px,0) scale3d(.26,4.7,1);
  }
  72%{
    transform:translate3d(-50%,31px,0) scale3d(.32,3.1,1);
  }
  88%{
    transform:translate3d(-50%,42px,0) scale3d(1,1,1);
    opacity:1;
  }
  96%{
    transform:translate3d(-50%,42px,0) scale3d(1,1,1);
    opacity:1;
  }
  100%{
    transform:translate3d(-50%,42px,0) scale3d(1,1,1);
    opacity:0;
  }
}

/* v4.22.69 — direct corrections */

/* DESKTOP: move only the headline down. Do not move eyebrow or supporting copy.
   margin-top is intentional: desktop JS writes transform during title changes. */
@media (min-width:721px){
  .rd-title{
    margin-top:24px!important;
    transform:none!important;
  }
}

/* NAV BOOKING CTA: genuinely square at rest and on hover.
   Availability remains allowed to overflow above it. */
.rd-nav-cta{
  border-radius:0!important;
  -webkit-border-radius:0!important;
}
.rd-nav-cta::before{
  border-radius:0!important;
  -webkit-border-radius:0!important;
}

/* SKROLUJ ZA REŠENJE PARTICLE:
   Animate REAL dimensions instead of scaling a bitmap-like dot.
   This keeps the 2px travelling line crisp:
   7x7 dot -> 2x34 rounded hairline -> 7x7 dot.
   translateY is continuous for the entire animation. */


@keyframes rdCrispDotTravel{
  0%{
    top:0px;
    width:7px;
    height:7px;
    border-radius:50%;
    opacity:1;
  }
  12%{
    top:5px;
    width:7px;
    height:7px;
    border-radius:50%;
    opacity:1;
  }
  32%{
    top:10px;
    width:4px;
    height:18px;
    border-radius:999px;
    opacity:1;
  }
  50%{
    top:14px;
    width:2px;
    height:34px;
    border-radius:999px;
    opacity:1;
  }
  68%{
    top:25px;
    width:4px;
    height:18px;
    border-radius:999px;
    opacity:1;
  }
  86%{
    top:42px;
    width:7px;
    height:7px;
    border-radius:50%;
    opacity:1;
  }
  96%{
    top:42px;
    width:7px;
    height:7px;
    border-radius:50%;
    opacity:1;
  }
  100%{
    top:42px;
    width:7px;
    height:7px;
    border-radius:50%;
    opacity:0;
  }
}

/* v4.22.70 — mobile alignment correction from screenshot */
@media (max-width:720px){
  /* One shared left edge for logo, eyebrow, headline and supporting copy. */
  .rd-nav__inner,
  .rd-hero-copy,
  .rd-support-copy{
    left:0!important;
    margin-left:0!important;
    padding-left:0!important;
  }

  .rd-nav__inner{
    padding-left:15px!important;
    padding-right:15px!important;
  }

  .rd-brand{
    margin-left:0!important;
  }

  .rd-hero-copy{
    padding-left:15px!important;
    padding-right:15px!important;
  }

  .rd-support-copy{
    left:15px!important;
    right:auto!important;
    width:auto!important;
    transform:none!important;
  }

  /* Remove the excessive dead space under the title by moving the title block
     downward while preserving the supporting-copy position. */
  .rd-title{
    margin-top:34px!important;
  }
}

/* v4.22.71 — mobile headline vertical placement
   Keep logo, eyebrow and supporting copy fixed. Move ONLY headline down. */
@media (max-width:720px){
  .rd-title{
    position:relative!important;
    top:76px!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
}

/* v4.22.72 — explicit mobile typography geometry */
@media (max-width:720px){
  .rd-copy{
    top:112px!important;
    left:15px!important;
    right:15px!important;
    width:auto!important;
    height:360px!important;
  }

  .rd-eyebrow{
    position:absolute!important;
    top:0!important;
    left:0!important;
    margin:0!important;
  }

  .rd-title{
    position:absolute!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    margin:0!important;
  }

  .rd-sub{
    position:absolute!important;
    top:285px!important;
    left:0!important;
    right:auto!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
  }
}
@media (max-width:420px){
  .rd-title{top:70px!important;}
  .rd-sub{top:278px!important;}
}


/* v4.22.76 — NEW scroll particle, built from scratch */
.rd-center-scroll__dot{display:none!important}
.rd-center-scroll__track{
  position:relative!important;
  display:block!important;
  width:10px!important;
  height:48px!important;
  margin:0 auto!important;
  background:none!important;
  overflow:visible!important;
}
.aca-scroll-particle{
  position:absolute;
  left:50%;
  top:0;
  display:block;
  width:7px;
  height:7px;
  margin:0;
  background:#111;
  border-radius:999px;
  transform:translate3d(-50%,0,0);
  transform-origin:center;
  will-change:transform;
  pointer-events:none;
}

/* v4.22.80 — washer aperture polish only.
   Keep the aperture geometry fixed; oversize the rotating drum behind it by ~3.5px
   so no scene/background can ever show at the cut edge. */
.rd-scene__drum-mask .rd-scene__drum{
  width:104%!important;
  height:104%!important;
  left:-2%!important;
  top:-2%!important;
  inset:auto!important;
  object-fit:cover!important;
  object-position:center!important;
  transform-origin:50% 50%!important;
}

/* v4.22.84 — REŠENJE: next section only */
.aca-solution{position:relative;height:100svh;min-height:620px;overflow:hidden;background:#f4f4f2;color:#111;isolation:isolate}
.aca-solution__scene{position:absolute;inset:0;z-index:-2;background:url("../images/redesign-booking-panorama.webp") center/cover no-repeat}
.aca-solution__rail{height:100%;display:grid;grid-template-columns:34% 32% 34%;align-items:center;padding:0 clamp(28px,4.5vw,86px);gap:clamp(20px,3vw,56px)}
.aca-solution__panel{min-width:0}.aca-solution__intro{max-width:440px}
.aca-solution__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:22px;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em}
.aca-solution__eyebrow span{width:54px;height:1px;background:#111}
.aca-solution__intro h2{margin:0 0 22px;font:700 clamp(39px,3.45vw,66px)/.98 Arial,sans-serif;letter-spacing:-.045em}.aca-solution__intro h2 em{font-style:normal;color:#0877ff}
.aca-solution__intro p{max-width:390px;margin:0 0 28px;font:400 16px/1.55 Arial,sans-serif}
.aca-solution__primary,.aca-card-next{border:0;border-radius:8px;background:#0877ff;color:#fff;min-height:54px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:18px;font:700 13px Arial,sans-serif;cursor:pointer}.aca-solution__primary span,.aca-card-next span{font-size:20px}
.aca-booking-card{width:min(100%,390px);margin:auto;padding:22px;background:rgba(255,255,255,.94);border:1px solid rgba(0,0,0,.1);border-radius:20px;box-shadow:0 18px 48px rgba(0,0,0,.14);backdrop-filter:blur(12px)}
.aca-booking-card header{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.aca-booking-card header b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#0877ff;color:#fff;font:700 11px Arial}.aca-booking-card h3{margin:0;font:700 21px/1.05 Arial,sans-serif}
.aca-device-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}.aca-choice{position:relative;min-height:105px;border:1px solid #ddd;border-radius:9px;background:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font:600 13px Arial;cursor:pointer}.aca-choice strong{font-size:34px}.aca-choice i{display:none;position:absolute;right:8px;top:8px;width:19px;height:19px;border-radius:50%;background:#0877ff;color:#fff;font:normal 11px/19px Arial}.aca-choice.is-active{border:2px solid #0877ff;background:#fff}.aca-choice.is-active i{display:block}
.aca-booking-card label{display:block;margin-bottom:7px;font:700 12px Arial}.aca-booking-card select{width:100%;height:47px;padding:0 11px;border:1px solid #d7d7d7;border-radius:8px;background:#fff;font:500 13px Arial}.aca-card-next{width:100%;margin-top:13px}
.aca-day-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:15px}.aca-day-grid button,.aca-time-grid button{border:1px solid #ddd;border-radius:8px;background:#fafafa;cursor:pointer}.aca-day-grid button{height:59px}.aca-day-grid small,.aca-day-grid strong{display:block}.aca-day-grid strong{margin-top:4px;font-size:10px}.aca-day-grid .is-active,.aca-time-grid .is-active{border-color:#0877ff;color:#0877ff;background:#fff}
.aca-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.aca-time-grid button{height:46px;font:500 12px Arial}.aca-time-grid .is-active{background:#0877ff;color:#fff}
.aca-solution__faq{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:4;color:#111;text-decoration:none;text-align:center;font:500 13px/1.2 Arial,sans-serif}.aca-solution__faq:before{content:"";position:absolute;left:50%;bottom:calc(100% + 8px);width:1px;height:30px;background:rgba(0,0,0,.32)}.aca-solution__faq-particle{position:absolute;left:50%;bottom:calc(100% + 35px);width:7px;height:7px;border:2px solid #0877ff;border-radius:50%;background:#fff;transform:translateX(-50%)}
@media(max-width:767px){
 .aca-solution{min-height:100svh}.aca-solution__scene{width:300vw;right:auto;background-size:auto 100%;background-position:left center;transition:transform .8s cubic-bezier(.22,.8,.22,1)}
 .aca-solution__rail{width:300vw;padding:0;gap:0;grid-template-columns:repeat(3,100vw);transition:transform .8s cubic-bezier(.22,.8,.22,1)}
 .aca-solution__panel{height:100%;display:flex;align-items:center;padding:76px 22px 92px}.aca-solution__intro{max-width:330px}.aca-solution__intro h2{font-size:42px}.aca-solution__intro p{font-size:14px}.aca-booking-card{max-width:350px;padding:18px}
 .aca-solution.is-device .aca-solution__rail{transform:translateX(-100vw)}.aca-solution.is-slot .aca-solution__rail{transform:translateX(-200vw)}
 .aca-solution.is-device .aca-solution__scene{transform:translateX(-100vw)}.aca-solution.is-slot .aca-solution__scene{transform:translateX(-200vw)}
}