/* ==========================================================================
   Kartica forme za rezervaciju. Mjere iz PDF-a (okvir 1512), u rem (÷16).
   Kartica 1286x345, gradijent #0c0d0d -> #083544, radijus 12.
   ========================================================================== */

.smile-form {
  position: relative;
  height: var(--form-h, 21.75rem); /* 348; po sekciji polje `card_h` */
  border-radius: var(--r-box);     /* 12 */
  /* Gradijent iz polja forme ima prednost, pa „Sfondo delle schede" sekcije
     (`--sec-card-bg`), pa gradijent iz dizajna; varijable postoje samo kad
     su polja popunjena. */
  background: var(--form-grad, var(--sec-card-bg, var(--grad-teal)));
  overflow: hidden;
}

.smile-form__title {
  position: absolute;
  top: 2.14375rem;                 /* kalibrirano: glif pada na 30,3 od vrha kartice */
  left: 6.35rem;                   /* 214,6 - 113 */
  margin: 0;
  text-align: left;
  font-size: var(--fs-h2-form);    /* 35 */
  font-weight: var(--fw-xlight);
  line-height: 1.2;
  color: var(--c-white);
}

/* Centrirani naslov. Na 33 od 36 formi naslov stoji lijevo na x 214,6 i
   ide do 1317,4 (jedan red, 1102,8). Na tri je CENTRIRAN u istom okviru:
   01_Landing_No Bone Implant (287,7..1244,3 i 282,7..1239,3 — sredina 766,
   odnosno 761 uz karticu pomaknutu 5 px) i prva forma 04_Prima visita (dva
   reda, 394,7..1137,3 — sredina 766). Sredina okvira 214,6..1317,4 je
   upravo 766, dakle okvir ostaje isti, mijenja se poravnanje. Bira se
   zajednickim poljem sekcije „poravnanje naslova" (`sec--ta-center`). */
.sec--ta-center .smile-form__title {
  right: 5.1rem;                   /* 1286 - 101,6 - 1102,8 = 81,6 */
  text-align: center;
}
/* Naslov od 30 px (prva forma 04_Prima visita) ima korak redova 38
   (vrhovi slova 1203 / 1241); klasa velicine mu daje 35. Tri razreda, jer
   `.fs-30.fs-30` u `sections.css` ima dva i ucitava se poslije. */
.smile-form .smile-form__title.fs-30 { line-height: 2.375rem; }   /* 38 */

/* Pomaci sadrzaja po sekciji. Samo na sirokom ekranu, gdje su dijelovi
   apsolutni; zadane `top`/`left` vrijednosti ispod su mjere iz dizajna i
   ostaju netaknute.

   Jedina kartica koja ih treba je druga forma na `01_Landing_No Bone
   Implant` (kartica 113..1399, 6532..6903, visoka 371). U odnosu na
   standardnu karticu (prva forma iste stranice) u PDF-u je:
     - naslov i polja 15,5 px nize (Nome na 144,1 od vrha umjesto 128,6)
       -> `content_dy`;
     - privole samo 1 px nize (kucica na 283,1 umjesto 282,1) -> `consents_dy`;
     - dugme 17,8 px nize (288,2 umjesto 270,4) -> `submit_dy`;
     - sve 5 px lijevo (Nome 225,5, kucica 226, dugme 1170,9) -> `content_dx`;
     - polje poruke visoko 121,5 umjesto 113,4 -> `area_h`.
   Ranije je `content_dy` spustao i privole i dugme, pa su privole bile
   14,5 px nize nego u dizajnu (NB-11). */
@media (min-width: 1024px) {
  .smile-form[style*="--form-dy"] :is(.smile-form__title, .smile-form__field) { margin-top: var(--form-dy); }
  .smile-form[style*="--form-cdy"] .smile-form__consents { margin-top: var(--form-cdy); }
  .smile-form[style*="--form-sdy"] .smile-form__submit { margin-top: var(--form-sdy); }
  .smile-form[style*="--form-area-h"] textarea { height: var(--form-area-h); }
  /* Vodoravni pomak mijenja sam `left` (mjera + pomak), bez margina. */
  .smile-form[style*="--form-dx"] .smile-form__title            { left: calc(6.35rem + var(--form-dx)); }
  .sec--ta-center .smile-form[style*="--form-dx"] .smile-form__title { right: calc(5.1rem - var(--form-dx)); }
  .smile-form[style*="--form-dx"] .smile-form__field--nome      { left: calc(7.34375rem + var(--form-dx)); }
  .smile-form[style*="--form-dx"] .smile-form__field--cognome   { left: calc(27.71875rem + var(--form-dx)); }
  .smile-form[style*="--form-dx"] .smile-form__field--email     { left: calc(7.53125rem + var(--form-dx)); }
  .smile-form[style*="--form-dx"] .smile-form__field--telefono  { left: calc(27.71875rem + var(--form-dx)); }
  .smile-form[style*="--form-dx"] .smile-form__field--messaggio { left: calc(48.40625rem + var(--form-dx)); }
  /* Kutija privola na sirokom ekranu stoji na TEKSTU (141, razmaci.css
     tacka 10), a kucica 23 px lijevo od nje; pomak ide na tu mjeru. */
  .smile-form[style*="--form-dx"] .smile-form__consents         { left: calc(8.8125rem + var(--form-dx)); }
  .smile-form[style*="--form-dx"] .smile-form__submit           { left: calc(66.43125rem + var(--form-dx)); }
  /* Pomak cijele kartice sa sadrzajem (polje `card_dx`). Kartica je vec
     `position: relative`, pa `left` pomjera samo nju, bez utjecaja na tok
     i susjede. Prva forma `Landing_Pazienti italiani`: -4 (IT-K01). */
  .smile-form[style*="--form-card-dx"] { left: var(--form-card-dx); }
}

/* --- polja --- */
.smile-form .wpcf7-form { position: static; }
.smile-form__grid p { margin: 0; }

.smile-form__field {
  position: absolute;
}
.smile-form__field--nome      { top: 8.0375rem;  left: 7.34375rem;  width: 19.0625rem; }  /* off 128,6 / x 230,5 / 305 */
.smile-form__field--cognome   { top: 8.0375rem;  left: 27.71875rem; width: 19.5625rem; }  /* off 128,6 / x 556,5 / 313 */
.smile-form__field--email     { top: 12.1rem;    left: 7.53125rem;  width: 19.0625rem; }  /* off 193,6 / x 233,5 */
.smile-form__field--telefono  { top: 12.1rem;    left: 27.71875rem; width: 19.5625rem; }  /* off 193,6 */
.smile-form__field--messaggio { top: 8.0375rem;  left: 48.40625rem; width: 25.875rem; }   /* off 128,6 / x 887,5 / 414 */

.smile-form input[type="text"],
.smile-form input[type="email"],
.smile-form input[type="tel"],
.smile-form textarea {
  width: 100%;
  height: 3.1875rem;               /* 51 */
  padding: 0 1.59375rem;           /* 25.5 */
  border: 1px solid var(--c-field-border);
  border-radius: 1.59375rem;       /* 25.5 */
  /* Boje polja iz sekcije (`field_bg`, `field_color`); varijabla postoji
     samo kad je polje popunjeno, pa rezerva drži današnji izgled. */
  background: var(--form-field-bg, var(--c-white));
  color: var(--form-field-fg, var(--c-black));
  font-family: var(--font);
  font-size: var(--fs-body);       /* 14 */
  /* Polje „Peso del testo dei campi" (`field_weight`): vrijedi i za
     tekst u polju prije kucanja (placeholder ga nasljeđuje). */
  font-weight: var(--form-field-fw, var(--fw-regular));
  line-height: 3.1875rem;
}

/* PDF za polje Telefono ima uvlaku 30,5 px, dok ostala tri imaju 25,5 */
.smile-form .smile-form__field--telefono input[type="tel"] { padding-left: 1.88125rem; }

/* prvi red je u dizajnu blago siv */
.smile-form .smile-form__field--nome input[type="text"],
.smile-form .smile-form__field--cognome input[type="text"] { background: var(--form-field-bg, var(--c-grey-field)); }

.smile-form textarea {
  height: 7.0875rem;               /* 113,4 */
  /* Pragma, 30. 9. 2026 (M13, „the messaggio text is smaller than the
     others"): „Messaggio" je iste veličine kao ostali natpisi (14, pravilo
     od 9 px je uklonjeno niže), pa stoji i na njihovoj uvlaci: 25,5 lijevo
     kao ostala polja, a sredina prvog reda (1 obrub + 14 + 10,5 = pola reda
     od 21) u visini sredine susjednog polja od 51 px. PDF je ovdje crtao
     18 / 18,1 za natpis od 9 px. Desktop (24,5 / 14): `razmaci.css`. */
  padding: .875rem 1.59375rem;     /* 14 / 25,5 */
  border-radius: var(--r-area);    /* 26 */
  line-height: 1.5;
  resize: none;
}

.smile-form ::placeholder {
  color: var(--form-ph, var(--c-placeholder));
  opacity: 1;
}
/* „Messaggio" je nekad imao 9 px (kako ga crta PDF); Pragma, 30. 9. 2026
   (M13): isti kao ostala polja — natpis nasljeđuje veličinu i debljinu
   polja (14), na desktopu i telefonu. */

/* --- privole --- */
.smile-form__consents { position: absolute; top: 17.63125rem; left: 7.375rem; }  /* kucica na off 282,1 / x 231 */
/* Korak izmedu privola je 18 px (282,1 i 300,1), pa se svaka pozicionira
   zasebno umjesto razmakom koji ovisi o visini reda. */
.smile-form__consent {
  position: absolute;
  left: 0;
  display: flex;
  align-items: flex-start;
  gap: 0.6875rem;                  /* natpis pocinje na 254, kutijica na 231 */
  margin: 0;
  width: 44rem;
  font-size: var(--fs-consent);    /* 8, 1:1 iz PDF-a */
  /* Polje „Peso del testo dei consensi e dei messaggi" (`consent_weight`). */
  font-weight: var(--form-consent-fw, var(--fw-light));
  line-height: 1.5;
  color: var(--c-white);
}
.smile-form__consent:nth-of-type(1) { top: 0; }
.smile-form__consent:nth-of-type(2) { top: 1.125rem; }   /* 18 */
/* U PDF-u natpis nije poravnat s vrhom kucice, i pomak nije isti u oba reda:
   red 1 je 5,1 px nize, red 2 je 1,1 px nize. */
.smile-form__consent:nth-of-type(1) .wpcf7-list-item-label { margin-top: 0.31875rem; }
.smile-form__consent:nth-of-type(2) .wpcf7-list-item-label { margin-top: 0.06875rem; }
.smile-form__consent .wpcf7-form-control-wrap,
.smile-form__consent .wpcf7-form-control,
.smile-form__consent .wpcf7-list-item { display: block; margin: 0; }
/* kucica i natpis su unutar istog <label>, pa razmak ide ovdje:
   kucica 231 + 13 = 244, natpis pocinje na 254 */
.smile-form__consent label {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;                   /* 10 */
  margin: 0;
  cursor: pointer;
}
.smile-form__consent input[type="checkbox"] {
  width: 0.8125rem;                /* 13 */
  height: 0.8125rem;
  margin: 0;
  flex: 0 0 auto;
  /* U PDF-u je to ravan bijeli kvadrat, bez obruba i zaobljenja */
  appearance: none;
  -webkit-appearance: none;
  background: var(--form-field-bg, var(--c-white));
  border: 0;
  border-radius: 0;
  cursor: pointer;
}
.smile-form__consent input[type="checkbox"]:checked {
  background: var(--form-field-bg, var(--c-white)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 6.2 2.6 2.6L10 3.4' fill='none' stroke='%23169dc9' stroke-width='2'/%3E%3C/svg%3E") center / 0.625rem 0.625rem no-repeat;
}
.smile-form__consent .wpcf7-list-item-label { color: var(--form-consent-fg, var(--c-white)); }

/* --- slanje --- */
.smile-form__submit {
  position: absolute;
  top: 16.9rem;                    /* off 270,4 */
  left: 66.43125rem;               /* 1175,9 - 113 */
  margin: 0;
}
/* Pilula 125,1x36,9 s bijelim krugom 23x25 i tamnom strelicom, kao u PDF-u.
   CF7 ispisuje obican input, pa krug crta ::after na omotacu. */
.smile-form__submit {
  width: 7.81875rem;               /* 125,1 */
  height: 2.30625rem;              /* 36,9 */
  border-radius: var(--r-pill);
  /* Stil dugmeta iz sekcije (`cta_bg`, `cta_color`, `cta_weight`) — iste
     varijable kao `.btn` u `components.css`, postavljene na kartici forme
     samo kad su polja popunjena. */
  background: var(--btn-bg, var(--c-btn));
  transition: background .2s ease;
}
/* M04 (Pragma, 30. 9. 2026): „Invia" na hover mijenja boju cijelog dugmeta
   kao pilule (`components.css`): #0B353C, bijeli natpis, krug 3 px desno.
   Contact Form 7 drži dugme onemogućenim (`disabled`) dok se ne označi
   privatnost; tada hover NE mijenja ništa, da dugme ne izgleda kao da radi.
   Pod `(hover: hover)`, pa telefon nema „zalijepljenu" boju; fokus
   tipkovnicom dobija isti izgled. Dugme s vlastitom bojom (`--btn-bg`) na
   hover dobija istu boju kao sva ostala. */
.smile-form__submit::after,
.smile-form__submit::before { transition: transform .2s ease; }
@media (hover: hover) {
  .smile-form__submit:not(:has(:disabled)):hover { background: var(--c-btn-hover); }
  .smile-form__submit:not(:has(:disabled)):hover input[type="submit"],
  .smile-form__submit:not(:has(:disabled)):hover .wpcf7-submit { color: var(--c-btn-hover-fg); }
  .smile-form__submit:not(:has(:disabled)):hover::after,
  .smile-form__submit:not(:has(:disabled)):hover::before { transform: translateX(3px); }
}
.smile-form__submit:has(:focus-visible) { background: var(--c-btn-hover); }
.smile-form__submit:has(:focus-visible) input[type="submit"],
.smile-form__submit:has(:focus-visible) .wpcf7-submit { color: var(--c-btn-hover-fg); }
.smile-form__submit:has(:focus-visible)::after,
.smile-form__submit:has(:focus-visible)::before { transform: translateX(3px); }
/* Vlastiti natpis dugmeta (`submit_label`): pilula ide po natpisu, najmanje
   koliko je široka u dizajnu, a desni rub ostaje gdje ga dizajn crta (98 px
   od ruba kartice), pa duži natpis raste ulijevo. Bez polja klase nema. */
.smile-form--invio .smile-form__submit { width: max-content; min-width: 7.81875rem; }
@media (min-width: 1024px) {
  .smile-form.smile-form--invio .smile-form__submit { left: auto; right: calc(6.1125rem - var(--form-dx, 0px)); }
}
.smile-form--invio .smile-form__submit input[type="submit"],
.smile-form--invio .smile-form__submit .wpcf7-submit { width: auto; min-width: 100%; white-space: nowrap; padding-right: 3.325rem; }
/* Pilula po natpisu ima isti desni dio kao „Invia" u dizajnu: od kraja
   natpisa do kruga 24,8 px (1,55rem), pa krug 23 i 5,4 do ruba — desna
   uvlaka 53,2 (3,325rem). „Invia" s tom uvlakom daje tačno 125,1 px
   dizajna. CF7 iza dugmeta stavlja skriveni `.wpcf7-spinner` (24 px + 2 × 24
   margine); u toku je ulazio u `max-content` i pilulu širio za 72 px praznog
   prostora, pa ide van toka, ispod pilule unutar njene širine (kao na IT,
   gdje se prelomi u drugi red), da ne pravi vodoravni preljev omotača.
   Klasa je samo na formi s vlastitim natpisom ili jezikom ≠ it (form.php);
   IT forma je nema (F4 popravka). */
.smile-form--invio .smile-form__submit .wpcf7-spinner { position: absolute; right: 0; top: 100%; }
.smile-form__submit input[type="submit"],
.smile-form__submit .wpcf7-submit {
  width: 100%;
  height: 100%;
  padding: 0 2.1875rem 0 2.18125rem;  /* natpis pocinje na 1210,8; pilula na 1175,9 */
  border: 0;
  border-radius: var(--r-pill);
  background: transparent;
  color: var(--btn-fg, var(--c-white));
  font-family: var(--font);
  font-size: var(--fs-label);      /* 16 */
  font-weight: var(--btn-fw, var(--fw-light));
  text-align: left;
  cursor: pointer;
}
.smile-form__submit::after {
  content: "";
  position: absolute;
  right: 0.3375rem;                /* krug na 1272,6, pilula zavrsava 1301 */
  top: 0.40625rem;                 /* krug na off 276,9, pilula na 270,4 */
  width: 1.4375rem;                /* 23 */
  height: 1.5625rem;               /* 25 */
  border-radius: 50%;
  /* Putanja iz PDF-a, okvir 11,943x10,303 na 5,286/7,289 unutar kruga.
     Raniji crtez je imao viewBox 0 0 24 24 a zauzimao samo 15x12 jedinica,
     pa se iscrtavao oko 40 % manji nego u dizajnu. */
  /* Krug: polje „Colore del cerchio con la freccia" (`--btn-arrow-bg`),
     prazno = bijeli iz dizajna. */
  background: var(--btn-arrow-bg, var(--c-white)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.943 10.303'%3E%3Cpath fill='%23463f3b' d='M11.943 5.152L7.087 10.303L6.298 9.467L9.808 5.743L0 5.743L0 4.56L9.808 4.56L6.298 0.837L7.087 0Z'/%3E%3C/svg%3E") 0.330403rem 0.455592rem / 0.746437rem 0.643938rem no-repeat;
  pointer-events: none;
}
/* Boja strelice iz polja `cta_arrow_color` (`--btn-arrow-fg` na kartici
   forme, samo kad je popunjeno): krug ostaje na ::after bez crteža, a ista
   strelica (isti crtež, veličina i položaj) boji se kroz masku na ::before,
   iznad kruga. Bez polja ovo ne važi i dugme je isto kao prije. */
/* `.smile-strelica` na <body>: boja strelice za cijeli sajt iz postavki. */
.smile-form[style*="--btn-arrow-fg"] .smile-form__submit::after,
.smile-strelica .smile-form__submit::after { background-image: none; }
.smile-form[style*="--btn-arrow-fg"] .smile-form__submit::before,
.smile-strelica .smile-form__submit::before {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0.3375rem;
  top: 0.40625rem;
  width: 1.4375rem;
  height: 1.5625rem;
  background-color: var(--btn-arrow-fg);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.943 10.303'%3E%3Cpath fill='%23463f3b' d='M11.943 5.152L7.087 10.303L6.298 9.467L9.808 5.743L0 5.743L0 4.56L9.808 4.56L6.298 0.837L7.087 0Z'/%3E%3C/svg%3E") 0.330403rem 0.455592rem / 0.746437rem 0.643938rem no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.943 10.303'%3E%3Cpath fill='%23463f3b' d='M11.943 5.152L7.087 10.303L6.298 9.467L9.808 5.743L0 5.743L0 4.56L9.808 4.56L6.298 0.837L7.087 0Z'/%3E%3C/svg%3E") 0.330403rem 0.455592rem / 0.746437rem 0.643938rem no-repeat;
  pointer-events: none;
}

/* honeypot
   Ne pomjera se na left:-9999px nego se izrezuje na mjestu. Izlazak izvan
   okvira dokumenta nema stvarne posljedice, ali svaki alat koji trazi
   prelijevanje stalno ga prijavljuje, pa se pravi nalaz izgubi u sumu. */
.smile-form__hp {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

/* poruke CF7 */
.smile-form .wpcf7-response-output {
  position: absolute;
  left: 7.4375rem;
  right: 7.4375rem;
  bottom: 0.75rem;
  margin: 0;
  padding: 0.5rem 0.75rem;
  border: 0;
  border-radius: var(--r-card);
  background: rgba(0,0,0,.35);
  color: var(--form-consent-fg, var(--c-white));
  font-size: var(--fs-legal);
}
.smile-form .wpcf7-not-valid-tip {
  position: absolute;
  margin-top: 2px;
  /* Polje „Colore dell’avviso sotto i campi" (`error_color`); prazno = #ff9d9d. */
  color: var(--form-err-fg, #ff9d9d);
  font-size: var(--fs-legal);
}
/* Debljina poruke i upozorenja samo kad je `consent_weight` popunjeno; inače
   nasljeđuju kao i prije. */
.smile-form[style*="--form-consent-fw"] :is(.wpcf7-response-output, .wpcf7-not-valid-tip) { font-weight: var(--form-consent-fw); }

/* ===================== mobilni (okvir 430) ===================== */
@media (max-width: 1023px) {
  .smile-form {
    height: auto;
    padding: 1.5625rem var(--sp-24) var(--sp-32);
    border-radius: var(--r-card);
  }
  /* Mobile HP.pdf: naslov forme je CENTRIRAN (y 9297, x 84..356 u ploci
     36..394), na desktopu je lijevo. */
  /* Naslov -> prvo polje (MHP-Z-03): u Mobile HP je od osnovne linije
     zadnjeg reda naslova (tinta do 9333) do vrha polja „Nome" (9386) 53 px.
     S 24 px je bilo 34 (12222 -> 12256); ispod osnovne linije ostaje još
     10 px okvira retka (35 px uz prored 42), pa je margina 53 - 10 = 43. */
  .smile-form__title {
    position: static;
    margin-bottom: 2.6875rem;        /* 43 */
    text-align: center;
  }
  /* Ručni prelom naslova je mjera desktop kartice (okvir 1102,8 px). Ovdje
     naslov teče u uskoj kartici, pa je prelom ostavljao riječ samu u redu:
     „…ricontattato per / concordare / l’appuntamento…" na 500–1023 px
     (PR6-N03, prva forma „Prima visita"). `form.php` ispisuje razmak ispred
     <br>. Naslov forme naslovne (Mobile HP) nema preloma, pa se ne mijenja. */
  .smile-form__title br { display: none; }
  .smile-form__field,
  .smile-form__consents,
  .smile-form__submit {
    position: static;
    width: 100%;
    left: auto;
    top: auto;
  }
  .smile-form__field { margin-bottom: 1.125rem; }   /* korak 69 - 51 */
  .smile-form__field--messaggio { margin-bottom: var(--sp-24); }
  /* Privole, Mobile HP (y 9803,9-9862,2, MHP-40):
       dno poruke 9776,9 -> kucica 9803,9          27 (sajt 7)
       kucica x 63, tekst x 86                     sajt 60 / 83
       tekst 8 px, redovi 9809 / 9823 / 9837 / 9851 — korak 14 i BEZ
       praznine izmedu dvije privole (sajt 12, pa 22 izmedu privola)
       prvi red teksta 5,1 ispod vrha prve kucice
       zadnji red -> vrh dugmeta (9893)            29,4 ispod dna reda
     Druga kucica je u PDF-u nacrtana odmah ispod prve (9821,9), uz drugi
     red PRVE privole; to je kopija desktop para, gdje je svaka privola
     jedan red. Ovdje ostaje uz svoj tekst (vrh treceg reda): kucica koja
     ne stoji uz svoju privolu ne kaze na sta se pristaje, a u istom PDF-u
     (y 10889-10933) druga forma ima kucicu uz svoj tekst.
     Tekst poruke je `display: block`, pa omotac vise nema 7 px praznog
     reda ispod nje. Desno tekst u PDF-u ide do x 375,2 („...newsletter,"
     u istom redu), 5 px preko unutrasnjeg ruba kartice (370), pa je kutija
     privola 313 siroka (63..376), ne 307. */
  .smile-form textarea { display: block; }
  .smile-form__consents { margin: 1.6875rem 0 1.8375rem .1875rem; width: calc(100% + .1875rem); }   /* 27 / 29,4 / 3; 313 */
  .smile-form__consent { position: static; width: auto; margin-bottom: 0; line-height: 1.75; }  /* korak 14 */
  .smile-form__consent:nth-of-type(1) .wpcf7-list-item-label { margin-top: .23125rem; }  /* 5,1 - 1,4 poluproreda */
  .smile-form__consent:nth-of-type(2) .wpcf7-list-item-label { margin-top: 0; }
  /* omotac ostaje referentna tocka, inace se krug veze za karticu forme */
  .smile-form__submit { position: relative; margin-left: auto; width: 7.8125rem; height: 2.3125rem; }
  .smile-form .wpcf7-response-output { position: static; margin-top: var(--sp-16); }
}