/* ================= Ask Price (Fråga om pris) – Image box entrance animations ================= */
/* Attribute driven so we can reuse without extra classes. Progressive enhancement only. */
.iw-grid .iw-ibox{position:relative;}
/* Base hidden state (only when JS present -> html.js) */
html.js .iw-grid .iw-ibox[data-fx]{opacity:0;transform:translateY(24px) scale(.96);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);}/* default up */
html.js .iw-grid .iw-ibox[data-fx].is-in{opacity:1;transform:translateY(0) scale(1);} /* become visible */

/* Variants via data-fx value */
html.js .iw-grid .iw-ibox[data-fx="up"]{transform:translateY(28px) scale(.95);}
html.js .iw-grid .iw-ibox[data-fx="up"].is-in{transform:translateY(0) scale(1);}
html.js .iw-grid .iw-ibox[data-fx="fade"]{transform:none;}
html.js .iw-grid .iw-ibox[data-fx="fade"].is-in{transform:none;}
html.js .iw-grid .iw-ibox[data-fx="zoom" ]{transform:scale(.85);}
html.js .iw-grid .iw-ibox[data-fx="zoom" ].is-in{transform:scale(1);}
html.js .iw-grid .iw-ibox[data-fx="left" ]{transform:translateX(-40px) scale(.94);}
html.js .iw-grid .iw-ibox[data-fx="left" ].is-in{transform:translateX(0) scale(1);}
html.js .iw-grid .iw-ibox[data-fx="right" ]{transform:translateX(40px) scale(.94);}
html.js .iw-grid .iw-ibox[data-fx="right" ].is-in{transform:translateX(0) scale(1);}

/* Stagger support: data-fx-order sets delay (0..N) */
/* Stagger via CSS variable --fx-i (set inline or via JS). Fallback i=0 if unset. */
html.js .iw-grid .iw-ibox[data-fx]{transition-delay:calc(var(--fx-delay-step,0.08s) * var(--fx-i, 0));}
/* Provide a default CSS variable in case JS doesn't set it */
.iw-grid{--fx-delay-step:.08s;}

/* Reduced motion: show immediately */
@media (prefers-reduced-motion: reduce){
  html.js .iw-grid .iw-ibox[data-fx]{opacity:1!important;transform:none!important;transition:none!important}
}