Hyr Bastusläpet

<!-- Boka bastusläpet -->
<div id="bastu-form-wrapper">

<style>
#bastu-form-wrapper {
font-family: Arial, sans-serif;
max-width:700px;
margin:0 auto;
}

#bastu-form-wrapper h2 {
margin-bottom:16px;
}

#bastu-form-wrapper label {
display:block;
margin-top:12px;
font-weight:600;
}

#bastu-form-wrapper input,
#bastu-form-wrapper textarea {
width:100%;
max-width:480px;
padding:8px;
margin-top:4px;
border:1px solid #ccc;
border-radius:4px;
box-sizing:border-box;
}

#bastu-form-wrapper fieldset {
max-width:480px;
padding:8px;
margin-top:12px;
border:1px solid #ccc;
}

/* Mindre checkboxar */
#bastu-form-wrapper fieldset label {
display:flex;
align-items:center;
gap:6px;
font-weight:400;
margin-top:6px;
}

#bastu-form-wrapper input[type="checkbox"] {
width:14px;
height:14px;
margin:0;
}

/* Priser */
.prislista {
max-width:480px;
margin-bottom:20px;
}

.prisrad {
border:1px solid #ccc;
padding:10px;
margin-bottom:6px;
background:#f9f9f9;
border-radius:4px;
}

/* Skicka-knapp */
#bastu-form-wrapper button {
margin-top:16px;
padding:12px;
background:#fff;
color:#000;
border:2px solid #000;
border-radius:0;
cursor:pointer;
font-weight:600;
}

#bastu-form-wrapper button:hover {
background:#000;
color:#fff;
}
</style>

<h2>Boka bastusläpet</h2>

<div class="prislista">
<div class="prisrad">1 dygn – <strong>1400 kr</strong></div>
<div class="prisrad">2 dygn – <strong>2100 kr</strong></div>
<div class="prisrad">3 dygn – <strong>2600 kr</strong></div>
<div class="prisrad">Efter 3 dygn – <strong>750 kr per dygn</strong></div>
</div>

<form
action="mailto:[email protected]"
method="post"
enctype="text/plain"
>

<label>Upphämtning – datum</label>
<input type="date" name="Upphämtning" required>

<label>Avlämning – datum</label>
<input type="date" name="Avlämning" required>

<fieldset>
<legend>Tillägg</legend>
<label><input type="checkbox" name="Tillägg" value="Städning (+400 kr)"> Städning (+400 kr)</label>
<label><input type="checkbox" name="Tillägg" value="Startavgift + hämtningsavgift (+500 kr + 9 kr/km)"> Startavgift + hämtningsavgift (+500 kr + 9 kr/km)</label>
<label><input type="checkbox" name="Tillägg" value="Hämtar själv (+0 kr)"> Hämtar själv (+0 kr)</label>
<label><input type="checkbox" name="Tillägg" value="Vedsäck (+150 kr)"> Vedsäck (+150 kr)</label>
<label><input type="checkbox" name="Tillägg" value="Handdukar (+300 kr)"> Handdukar (+300 kr)</label>
</fieldset>

<label>Körsträcka i km</label>
<input type="number" name="Kilometer" min="0" placeholder="t.ex. 12">

<label>Fullständigt namn</label>
<input type="text" name="Namn" required>

<label>E-post</label>
<input type="email" name="E-post" required>

<label>Telefon</label>
<input type="tel" name="Telefon" required>

<label>Meddelande</label>
<textarea name="Meddelande" rows="5"></textarea>

<button type="submit">Skicka bokningsförfrågan</button>

</form>
</div>