.hero__bg{background-image:linear-gradient(90deg,rgba(250,247,241,.99) 0%,rgba(250,247,241,.94) 34%,rgba(250,247,241,.48) 58%,rgba(250,247,241,.08) 100%),image-set(url("assets/hero-machine-dark-desktop.avif") type("image/avif"),url("assets/hero-machine-dark-desktop.webp") type("image/webp"),url("assets/hero-machine-dark-desktop.jpg") type("image/jpeg"))}
.hero-mobile-visual,.location-mobile{display:none}
.hero-photo-price{display:none}
.price{display:inline-flex;align-items:center;border-radius:999px;background:var(--brown);border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 20px rgba(112,69,34,.22),inset 0 1px 0 rgba(255,255,255,.1);letter-spacing:.25px}
.phone-input{display:flex;align-items:center;height:54px;border:1px solid #d8d0c7;border-radius:11px;background:#fff;overflow:hidden}
.phone-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(189,93,19,.12)}
.phone-input>span{padding:0 0 0 15px;color:var(--brown);font-weight:800;font-size:15px}
.phone-input input:not([type=checkbox]){height:52px;border:0;border-radius:0;box-shadow:none!important;padding-left:7px}
.form-card{position:relative}
.form-message{font-size:16px;line-height:1.45}
.form-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgba(255,253,249,.9);backdrop-filter:blur(3px);border-radius:28px}
.form-overlay[hidden]{display:none}
.form-overlay__box{display:grid;justify-items:center;gap:10px;padding:24px;text-align:center;color:var(--brown)}
.form-overlay__box strong{font-size:18px}.form-overlay__box small{color:var(--muted);font-size:12px}
.spinner{width:28px;height:28px;border:3px solid #d9c4b2;border-top-color:var(--accent);border-radius:50%;animation:form-spin .8s linear infinite}
.form-overlay__box.is-success{gap:12px}.success-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#5b762b;color:#fff;font-size:32px;font-weight:800}.form-overlay__box.is-success strong{font-size:22px;color:#3f5d1c}.form-overlay__box.is-success p{max-width:290px;margin:0;color:var(--muted);font-size:15px;line-height:1.45}.overlay-close{margin-top:4px;border:1px solid #c9b39f;border-radius:9px;background:transparent;color:var(--brown);padding:10px 22px;font:700 14px Manrope,Arial,sans-serif;cursor:pointer}.overlay-close:hover{background:#f1e5d9}
@keyframes form-spin{to{transform:rotate(360deg)}}
.btn--hero{display:flex;margin-top:38px}
.brands-hero-note{display:grid;gap:7px;max-width:570px;font-size:14px;line-height:1.35}
.brands-hero-note strong{color:var(--brown);font-size:15px}
.brands-hero-note span{color:var(--muted);font-weight:700}
.workshop{background:#eee5da}
.workshop-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.workshop-copy h2{margin:12px 0 20px;text-align:left;font-size:clamp(30px,3.5vw,44px);line-height:1.02}
.workshop-copy p{max-width:520px;color:var(--muted);font-size:17px;line-height:1.55;margin-bottom:14px}
.workshop-image{display:block;overflow:hidden;border-radius:22px;box-shadow:var(--shadow);aspect-ratio:4/3;background:#ded3c6}
.workshop-image img{width:100%;height:100%;object-fit:cover;object-position:center top}
.steps{background:var(--paper)}
.accepted-brands{background:#eee5da}
.estimate{background:var(--paper)}
.accepted-brands h2{margin-bottom:14px}
.section-subtitle{color:var(--muted);text-align:center;margin:-4px auto 30px}
.accepted-brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.accepted-brand{min-height:100px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 6px 18px rgba(50,30,15,.06)}
.accepted-brand img{width:min(100%,190px);height:56px;object-fit:contain;transform:none}.accepted-brand img[src$="delonghi.svg"],.accepted-brand img[src$="saeco.svg"],.accepted-brand img[src$="gaggia.svg"],.accepted-brand img[src$="siemens.svg"],.accepted-brand img[src$="miele.svg"]{object-fit:cover;object-position:center}
@media(max-width:850px){
  body{overflow-x:hidden}
  .hero{background:#f7f2ea}
  .hero__bg{display:none}
  .eyebrow{font-size:15px;line-height:1.3}
  .lead{font-size:21px;line-height:1.25}
  .brands-hero-note{max-width:350px;font-size:12px;line-height:1.45;font-weight:600}
  .brands-hero-note{padding:10px 12px;border-radius:12px;background:rgba(250,247,241,.82);box-shadow:0 5px 16px rgba(42,25,15,.12)}
  .brands-hero-note strong{font-size:14px;line-height:1.25;color:var(--brown)}
  .brands-hero-note span{color:#4f321f;font-size:12.5px;font-weight:800}
  .price{margin-top:24px}
  .hero__copy>.price{display:none}
  .btn--hero{margin-top:24px}
  .hero__copy{padding-bottom:0}
  .hero__copy>.location{display:none}
  h1{font-size:clamp(31px,8.6vw,42px);line-height:.98;letter-spacing:-1.4px}
  h1 span{white-space:nowrap}
  .brands-hero-note{display:none}
  .hero-mobile-visual{display:block;position:relative;width:100%;aspect-ratio:16/9;margin:18px auto 0;overflow:visible;background:#e9e2d8}
  .hero-mobile-visual picture,.hero-mobile-visual img{display:block;width:100%;height:100%}
  .hero-mobile-visual img{object-fit:cover;object-position:center}
  .hero-photo-price{display:grid;grid-template-rows:auto auto;align-content:center;row-gap:4px;position:absolute;top:10px;right:-10px;width:88px;height:88px;padding:0;border-radius:50%;transform:rotate(8deg);background:var(--brown);border:2px solid #f7f2ea;box-shadow:0 10px 22px rgba(35,20,12,.38);color:#fff;line-height:.95;text-align:center;font-weight:900}
  .hero-photo-price span{display:block;white-space:nowrap}
  .hero-photo-price span:first-child{font-size:12px}
  .hero-photo-price span:last-child{font-size:16px}
  .location-mobile{display:block;margin:0 auto;padding:12px 0 24px;text-align:center;font-size:15px;line-height:1.35;font-weight:800;color:var(--brown)}
  .location{font-size:15px;line-height:1.35;font-weight:800;color:#fff;text-shadow:0 1px 4px rgba(31,20,13,.8)}
  .price{font-size:24px;padding:12px 10px;white-space:nowrap;border-radius:999px;box-shadow:0 10px 24px rgba(112,69,34,.25),inset 0 1px 0 rgba(255,255,255,.1)}
  .steps h2{line-height:1.1}
  .step p{font-size:16px;line-height:1.55}
  .form-card{max-width:100%;}
  .workshop{padding:54px 0}
  .workshop-grid{display:flex;flex-direction:column;gap:24px}
  .workshop-copy h2{font-size:31px;line-height:1.05;margin:10px 0 16px}
  .workshop-copy p{font-size:16px;line-height:1.5}
  .workshop-image{width:100%;border-radius:18px;aspect-ratio:4/3;order:2}
  .accepted-brands{padding:36px 0}
  .accepted-brands h2{font-size:29px;line-height:1.05}
  .accepted-brands .section-subtitle{font-size:13px;line-height:1.4;margin-bottom:22px}
  .accepted-brand-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .accepted-brand{min-height:86px;padding:6px;border-radius:13px}
  .accepted-brand img{width:min(100%,190px);height:56px}.accepted-brand span{font-size:11px;margin-top:4px}
}
