/* =========================================================
   Lavanderia Splendor – Static build
   BEM methodology, pure CSS3, no build step.
   ========================================================= */

:root{
  --bg:#fdfdff;
  --fg:#141828;
  --muted:#6b7280;
  --border:#e6e8ef;
  --card:#ffffff;
  --secondary:#f4f5f9;
  --electric:#1565ff;
  --electric-glow:#3f8bff;
  --graphite:#141828;
  --silver:#c9ccd6;
  --radius:0.75rem;
  --shadow-lg:0 30px 80px -40px rgba(15,23,42,.3);
  --shadow-md:0 20px 50px -25px rgba(21,101,255,.35);
  --font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-sans:"Inter", ui-sans-serif, system-ui, sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-sans);
  color:var(--fg);
  background:var(--bg);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}
ul{list-style:none}
h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.05;font-weight:600}
:focus-visible{outline:2px solid var(--electric);outline-offset:3px;border-radius:8px}

.icon{width:1em;height:1em;flex-shrink:0;stroke-width:2}
.icon--electric{color:var(--electric)}

.text-gradient{
  background:linear-gradient(135deg,var(--graphite) 0%,var(--electric) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ===== Buttons ===== */
.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.9rem 1.4rem;font-size:.875rem;font-weight:500;
  border-radius:999px;transition:all .25s ease;
  white-space:nowrap;
}
.btn .icon{font-size:1rem;transition:transform .25s ease}
.btn:hover .icon{transform:rotate(45deg)}
.btn--dark{background:var(--graphite);color:#fff;box-shadow:0 20px 60px -20px rgba(21,101,255,.5)}
.btn--dark:hover{background:#000}
.btn--electric{background:var(--electric);color:#fff}
.btn--electric:hover{opacity:.9}
.btn--electric:hover .icon{transform:none}
.btn--glass{background:rgba(255,255,255,.65);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.7);color:var(--graphite)}
.btn--glass:hover{background:rgba(255,255,255,.85)}
.btn--glass:hover .icon{transform:none}
.btn--soft{background:rgba(21,101,255,.1);color:var(--electric)}
.btn--soft:hover{background:var(--electric);color:#fff}
.btn--soft:hover .icon{transform:none}
.btn--block{display:flex;width:100%;justify-content:center;margin-top:.75rem}

/* Reveal animation */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.is-visible{opacity:1;transform:none}

/* ===== HEADER / NAV ===== */
.header{position:fixed;top:0;left:0;right:0;z-index:50;padding:1.25rem 0;transition:padding .4s ease}
.header--scrolled{padding:.75rem 0}
.header__inner{max-width:80rem;margin:0 auto;padding:0 1.25rem}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border-radius:999px;transition:all .3s ease}
.header--scrolled .nav{background:rgba(255,255,255,.65);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 40px -15px rgba(21,101,255,.25)}
@media(min-width:640px){.nav{padding:.6rem 1.5rem}}
.nav__brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:600}
.nav__logo{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;background:var(--electric);color:#fff;font-family:var(--font-display);font-weight:700}
.nav__brand-dot{color:var(--electric)}
.nav__menu{display:none;gap:2rem;font-size:.875rem;color:var(--muted)}
@media(min-width:768px){.nav__menu{display:flex}}
.nav__link{transition:color .2s}
.nav__link:hover{color:var(--fg)}
.nav__cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--electric);color:#fff;padding:.55rem 1rem;border-radius:999px;font-size:.875rem;font-weight:500;transition:opacity .2s}
.nav__cta:hover{opacity:.9}

/* ===== HERO ===== */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:7rem 0 4rem}
.hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero__blob{position:absolute;border-radius:999px;filter:blur(80px);animation:blob 18s ease-in-out infinite}
.hero__blob--1{top:-10rem;left:-8rem;width:520px;height:520px;background:rgba(21,101,255,.3)}
.hero__blob--2{top:33%;right:-10rem;width:600px;height:600px;background:rgba(63,139,255,.25);animation-delay:-6s}
.hero__blob--3{bottom:0;left:33%;width:400px;height:400px;background:rgba(201,204,214,.4);animation-delay:-12s}
@keyframes blob{
  0%,100%{transform:translate(0,0) scale(1)}
  33%{transform:translate(30px,-50px) scale(1.1)}
  66%{transform:translate(-20px,20px) scale(.95)}
}
.hero__inner{max-width:80rem;margin:0 auto;padding:0 1.25rem;width:100%;display:grid;gap:3rem;align-items:center}
@media(min-width:1024px){.hero__inner{grid-template-columns:7fr 5fr}}
.hero__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:999px;font-size:.75rem;font-weight:500;background:rgba(255,255,255,.65);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.7);color:var(--graphite)}
.hero__badge-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--electric);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{50%{opacity:.4}}
.hero__title{margin-top:1.5rem;font-size:clamp(2.6rem,7vw,6rem);font-weight:600;letter-spacing:-.03em;line-height:.95}
.hero__lead{margin-top:2rem;max-width:36rem;font-size:1.125rem;color:var(--muted)}
.hero__lead strong{color:var(--fg);font-weight:500}
.hero__cta{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:.75rem}
.hero__badges{margin-top:3rem;display:flex;flex-wrap:wrap;gap:.75rem 2rem;font-size:.875rem;color:var(--muted)}
.hero__badges li{display:inline-flex;align-items:center;gap:.5rem}
.hero__media{position:relative}
.hero__frame{position:relative;aspect-ratio:4/5;border-radius:2rem;overflow:hidden;box-shadow:0 40px 120px -30px rgba(15,23,42,.35)}
.hero__frame img{width:100%;height:100%;object-fit:cover}
.hero__frame-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,24,40,.4),transparent 60%)}
.hero__card{position:absolute;background:rgba(255,255,255,.65);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.7);border-radius:1rem;padding:.75rem 1rem;box-shadow:0 20px 40px -20px rgba(0,0,0,.2)}
.hero__card--top{left:-1rem;top:2.5rem}
.hero__card--bottom{right:-.5rem;bottom:4rem;display:flex;align-items:center;gap:.75rem}
@media(min-width:640px){.hero__card--top{left:-2.5rem}.hero__card--bottom{right:-2rem}}
.hero__card-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}
.hero__card-value{font-family:var(--font-display);font-weight:600;font-size:1.125rem}
.hero__stars{color:var(--electric);letter-spacing:-.05em;font-size:.875rem}
.hero__card-reviews{font-size:.875rem;font-weight:500}

/* ===== STICKY BAR ===== */
.sticky-bar{position:fixed;bottom:1rem;left:1rem;right:1rem;z-index:40}
@media(min-width:1024px){.sticky-bar{display:none}}
.sticky-bar__inner{background:rgba(255,255,255,.75);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.7);border-radius:999px;box-shadow:0 20px 40px -10px rgba(0,0,0,.2);padding:.5rem;display:flex;justify-content:space-around;align-items:center}
.sticky-bar__item{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem 1rem;border-radius:999px;color:var(--graphite);transition:all .2s;font-size:.625rem;font-weight:500}
.sticky-bar__item:hover,.sticky-bar__item:focus-visible{background:var(--electric);color:#fff}
.sticky-bar__item .icon{font-size:1.25rem}

/* ===== SECTIONS COMMON ===== */
section{padding:6rem 0}
@media(min-width:640px){section{padding:8rem 0}}
.eyebrow,.prices__eyebrow,.why__eyebrow,.reviews__eyebrow,.location__eyebrow,.faq__eyebrow,.contact__eyebrow{font-size:.875rem;text-transform:uppercase;letter-spacing:.2em;color:var(--electric);font-weight:500}
.section-title,.prices__title,.why__title,.reviews__title,.location__title,.faq__title,.contact__title{margin-top:1rem;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.025em}

/* ===== STATS ===== */
.stats{padding:6rem 0;background:#fff;border-top:1px solid rgba(230,232,239,.6);border-bottom:1px solid rgba(230,232,239,.6)}
@media(min-width:640px){.stats{padding:8rem 0}}
.stats__inner{max-width:80rem;margin:0 auto;padding:0 1.25rem;display:grid;gap:3rem 2rem;grid-template-columns:1fr}
@media(min-width:640px){.stats__inner{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.stats__inner{grid-template-columns:repeat(4,1fr)}}
.stats__value{font-family:var(--font-display);font-weight:600;font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.03em;line-height:1}
.stats__suffix{color:var(--electric)}
.stats__label{margin-top:.75rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}

/* ===== PRICES ===== */
.prices__inner{max-width:80rem;margin:0 auto;padding:0 1.25rem}
.prices__header{max-width:48rem}
.prices__lead{margin-top:1.5rem;font-size:1.125rem;color:var(--muted);max-width:36rem}
.prices__controls{margin-top:3rem;display:flex;flex-direction:column;gap:1rem}
@media(min-width:1024px){.prices__controls{flex-direction:row;align-items:center;gap:1.5rem}}
.prices__search{position:relative;flex:1;max-width:36rem}
.prices__search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1rem}
.prices__input{width:100%;padding:.85rem 1rem .85rem 2.75rem;font-size:.875rem;border-radius:999px;background:rgba(255,255,255,.65);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);outline:none;transition:box-shadow .2s}
.prices__input:focus{box-shadow:0 0 0 3px rgba(21,101,255,.3)}
.prices__filters{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.25rem}
.prices__filters::-webkit-scrollbar{display:none}
.prices__filter{white-space:nowrap;border-radius:999px;padding:.5rem 1rem;font-size:.75rem;font-weight:500;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.7);color:var(--graphite);transition:all .2s}
.prices__filter:hover{background:#fff}
.prices__filter--active{background:var(--graphite);color:#fff;border-color:var(--graphite)}
.prices__grid{margin-top:2.5rem;display:grid;gap:.75rem;grid-template-columns:1fr}
@media(min-width:640px){.prices__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.prices__grid{grid-template-columns:repeat(3,1fr)}}
.prices__card{background:#fff;border:1px solid rgba(230,232,239,.6);border-radius:1rem;padding:1.25rem;transition:all .3s;animation:fadeUp .4s ease both}
.prices__card:hover{border-color:rgba(21,101,255,.4);box-shadow:var(--shadow-md)}
.prices__card-cat{font-size:.625rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}
.prices__card-row{margin-top:.25rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.prices__card-name{font-family:var(--font-display);font-weight:500;font-size:1rem;line-height:1.25}
.prices__card-price{font-family:var(--font-display);font-weight:600;font-size:1.125rem;color:var(--electric);white-space:nowrap}
.prices__empty{grid-column:1/-1;text-align:center;padding:4rem 0;color:var(--muted)}
.prices__note{margin-top:2.5rem;font-size:.75rem;color:var(--muted);max-width:40rem}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ===== WHY US ===== */
.why{background:rgba(244,245,249,.5)}
.why__inner{max-width:80rem;margin:0 auto;padding:0 1.25rem}
.why__header{max-width:48rem}
.why__grid{margin-top:4rem;display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:640px){.why__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.why__grid{grid-template-columns:repeat(4,1fr)}}
.why__card{position:relative;background:#fff;border:1px solid rgba(230,232,239,.6);border-radius:1.5rem;padding:2rem;overflow:hidden;transition:transform .5s ease}
.why__card:hover{transform:translateY(-4px)}
.why__card::before{content:"";position:absolute;top:-2rem;right:-2rem;width:8rem;height:8rem;border-radius:999px;background:rgba(21,101,255,.05);transition:background .3s}
.why__card:hover::before{background:rgba(21,101,255,.15)}
.why__card-icon{position:relative;display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background:var(--graphite);color:#fff;transition:background .3s;font-size:1.25rem}
.why__card:hover .why__card-icon{background:var(--electric)}
.why__card-title{position:relative;margin-top:1.5rem;font-family:var(--font-display);font-weight:600;font-size:1.25rem;letter-spacing:-.025em}
.why__card-text{position:relative;margin-top:.75rem;font-size:.875rem;color:var(--muted)}

/* ===== REVIEWS ===== */
.reviews__inner{max-width:80rem;margin:0 auto;padding:0 1.25rem}
.reviews__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem}
.reviews__rating{display:flex;align-items:center;gap:.5rem}
.reviews__stars{color:var(--electric);letter-spacing:-.1em;font-size:1.5rem}
.reviews__score{margin-left:.75rem;font-family:var(--font-display);font-weight:600;font-size:1.5rem}
.reviews__grid{margin-top:3.5rem;display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:768px){.reviews__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.reviews__grid{grid-template-columns:repeat(3,1fr)}}
.review{background:#fff;border:1px solid rgba(230,232,239,.6);border-radius:1.5rem;padding:2rem;transition:box-shadow .3s}
.review:hover{box-shadow:0 30px 60px -30px rgba(21,101,255,.25)}
.review__stars{color:var(--electric);font-size:.875rem;letter-spacing:-.05em;margin-bottom:1rem}
.review__text{color:var(--graphite)}
.review__footer{margin-top:1.5rem;display:flex;align-items:center;gap:.75rem}
.review__avatar{width:2.5rem;height:2.5rem;border-radius:999px;background:linear-gradient(135deg,var(--electric),var(--electric-glow));color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:.875rem}
.review__name{font-size:.875rem;font-weight:500}
.review__meta{font-size:.75rem;color:var(--muted)}

/* ===== LOCATION ===== */
.location{position:relative;overflow:hidden;background:var(--graphite);color:#fff}
.location__bg{position:absolute;inset:0;opacity:.2;pointer-events:none}
.location__bg::after{content:"";position:absolute;top:0;right:0;width:24rem;height:24rem;border-radius:999px;background:var(--electric);filter:blur(80px)}
.location__inner{position:relative;max-width:80rem;margin:0 auto;padding:0 1.25rem;display:grid;gap:4rem;align-items:center;grid-template-columns:1fr}
@media(min-width:1024px){.location__inner{grid-template-columns:1fr 1fr}}
.location__eyebrow{color:var(--electric-glow)}
.location__lead{margin-top:1.5rem;font-size:1.125rem;color:rgba(255,255,255,.7);max-width:32rem}
.location__list{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem}
.location__item{display:flex;gap:1rem}
.location__icon{flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:1rem;background:rgba(255,255,255,.1);display:grid;place-items:center;color:var(--electric-glow);font-size:1.125rem}
.location__item-title{font-family:var(--font-display);font-weight:500}
.location__item-text{font-size:.875rem;color:rgba(255,255,255,.6)}
.location__map{position:relative;aspect-ratio:1;border-radius:2rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
@media(min-width:1024px){.location__map{aspect-ratio:4/5}}
.location__map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.location .btn{margin-top:2.5rem}

/* ===== FAQ ===== */
.faq__inner{max-width:64rem;margin:0 auto;padding:0 1.25rem}
.faq__header{max-width:48rem}
.faq__list{margin-top:3.5rem;border-top:1px solid var(--border)}
.faq__item{border-bottom:1px solid var(--border)}
.faq__question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 0;text-align:left;transition:color .2s}
.faq__question:hover .faq__q-text{color:var(--electric)}
.faq__q-text{font-family:var(--font-display);font-weight:500;font-size:1.125rem;letter-spacing:-.02em}
@media(min-width:640px){.faq__q-text{font-size:1.25rem}}
.faq__chevron{flex-shrink:0;transition:transform .3s,color .2s;color:var(--muted);font-size:1.25rem}
.faq__item--open .faq__chevron{transform:rotate(180deg);color:var(--electric)}
.faq__answer{overflow:hidden;max-height:0;opacity:0;transition:max-height .4s ease,opacity .3s ease}
.faq__item--open .faq__answer{max-height:600px;opacity:1}
.faq__answer-text{padding:0 2.5rem 1.5rem 0;color:var(--muted)}

/* ===== CONTACT ===== */
.contact{background:rgba(244,245,249,.5)}
.contact__inner{max-width:80rem;margin:0 auto;padding:0 1.25rem;display:grid;gap:4rem;grid-template-columns:1fr}
@media(min-width:1024px){.contact__inner{grid-template-columns:1fr 1fr}}
.contact__lead{margin-top:1.5rem;font-size:1.125rem;color:var(--muted);max-width:32rem}
.contact__rows{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.25rem}
.contact__row{display:flex;align-items:center;gap:1rem;transition:color .2s}
.contact__row-icon{width:3rem;height:3rem;border-radius:1rem;background:rgba(255,255,255,.65);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);display:grid;place-items:center;transition:all .2s;font-size:1.125rem}
.contact__row:hover .contact__row-icon{background:var(--electric);color:#fff}
.contact__row:hover .contact__row-value{color:var(--electric)}
.contact__row-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}
.contact__row-value{display:block;font-family:var(--font-display);font-weight:500;font-size:1.125rem;transition:color .2s}
.contact__hours{margin-top:2.5rem;background:rgba(255,255,255,.65);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);border-radius:1rem;padding:1.5rem}
.contact__hours-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}
.contact__hours-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.875rem;margin-top:.5rem}
.contact__hours-value{font-weight:500}
.contact__hours-muted{color:var(--muted)}
.contact__form{background:#fff;border:1px solid rgba(230,232,239,.6);border-radius:2rem;padding:2rem;box-shadow:var(--shadow-lg)}
@media(min-width:640px){.contact__form{padding:2.5rem}}
.contact__form-title{font-family:var(--font-display);font-weight:600;font-size:1.5rem;letter-spacing:-.025em}
.contact__field{margin-top:1.25rem}
.contact__field:first-of-type{margin-top:2rem}
.contact__label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--muted)}
.contact__input,.contact__textarea{width:100%;margin-top:.5rem;border:1px solid var(--border);background:transparent;padding:.85rem 1.25rem;font-size:.875rem;font-family:inherit;outline:none;transition:box-shadow .2s;color:var(--fg)}
.contact__input{border-radius:999px}
.contact__textarea{border-radius:1rem;resize:vertical}
.contact__input:focus,.contact__textarea:focus{box-shadow:0 0 0 3px rgba(21,101,255,.3);border-color:var(--electric)}
.contact__form .btn:first-of-type{margin-top:2rem}

/* ===== FOOTER ===== */
.footer{background:var(--graphite);color:rgba(255,255,255,.8)}
.footer__inner{max-width:80rem;margin:0 auto;padding:5rem 1.25rem;display:grid;gap:3rem;grid-template-columns:1fr}
@media(min-width:768px){.footer__inner{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.footer__inner{grid-template-columns:repeat(4,1fr)}}
.footer__brand{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-weight:600;color:#fff}
.footer__about{margin-top:1rem;font-size:.875rem;color:rgba(255,255,255,.6)}
.footer__heading{font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.5)}
.footer__list{margin-top:1.25rem;display:flex;flex-direction:column;gap:.75rem;font-size:.875rem}
.footer__list a:hover{color:var(--electric)}
.footer__address{margin-top:1.25rem;font-style:normal;display:flex;flex-direction:column;gap:.75rem;font-size:.875rem}
.footer__address a:hover{color:var(--electric)}
.footer__hours{margin-top:1.25rem;font-size:.75rem;color:rgba(255,255,255,.5)}
.footer__bottom{border-top:1px solid rgba(255,255,255,.1)}
.footer__bottom-inner{max-width:80rem;margin:0 auto;padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;align-items:center;justify-content:space-between;font-size:.75rem;color:rgba(255,255,255,.5)}
@media(min-width:640px){.footer__bottom-inner{flex-direction:row}}
.footer__legal{display:flex;gap:1.5rem}
.footer__legal a:hover{color:#fff}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;transition-duration:.001s!important;animation-iteration-count:1!important}
  html{scroll-behavior:auto}
}

/* ===== FORM ===== */
.contact__response{
    display:none;
    margin:20px 0;
    padding:16px 18px;
    border-radius:18px;
    font-size:.95rem;
    font-weight:500;
    animation:fadeIn .35s ease;
}

.contact__response--success{
    display:block;
    background:#eefbf3;
    color:#0b7d3b;
    border:1px solid #b8e7ca;
}

.contact__response--error{
    display:block;
    background:#fff1f1;
    color:#b4232a;
    border:1px solid #f2bcbc;
}

.contact__loading{
    opacity:.6;
    pointer-events:none;
}

@keyframes fadeIn{

from{
opacity:0;
transform:translateY(8px);
}

to{
opacity:1;
transform:none;
}

}