@import url(’https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap’);
:root{
–gd-text:#0A2C4E;
–gd-muted: rgba(10,44,78.70);
–gd-soft: rgba(10,44,78.06);
–gd-line: rgba(10,44,78.10);
–gd-accent:#00A2B2;
–gd-accent-hover:#008d9a;
–gd-card:#ffffff;
–gd-radius:22px;
–gd-shadow: 0 18px 60px rgba(10, 44, 78, 0.10);
–gd-shadow-soft: 0 10px 30px rgba(10, 44, 78, 0.08);
–gd-max: 940px;
–gd-gutter: clamp(16px, 4vw, 28px);
}
/* Page baseline, helt vit, ingen bakgrundsfärg */
html, body{
margin:0;
padding:0;
background:#ffffff;
color:var(–gd-text);
font-family:’Montserrat’, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.gd-wrap{
max-width:var(–gd-max);
margin: clamp(26px, 5vw, 64px) auto;
padding: 0 var(–gd-gutter);
}
.gd-card{
background:var(–gd-card);
border-radius:var(–gd-radius);
padding: clamp(28px, 5vw, 58px) clamp(18px, 4vw, 46px);
box-shadow: var(–gd-shadow);
border: 1px solid rgba(10,44,78.06);
text-align:center;
position:relative;
overflow:hidden;
}
/* Subtil premium “top line” */
.gd-card::before{
content:””;
position:absolute;
top:0; left:0; right:0;
height:4px;
background: linear-gradient(90deg, rgba(0,162,178.0), rgba(0,162,178.85), rgba(0,162,178.0));
}
/* Header row */
.gd-top{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
margin-bottom: 18px;
}
.gd-check{
width:54px;
height:54px;
border-radius:999px;
background: rgba(0,162,178.10);
display:flex;
align-items:center;
justify-content:center;
box-shadow: 0 10px 22px rgba(0,162,178.12);
}
.gd-check svg{
width:28px;
height:28px;
stroke: var(–gd-accent);
stroke-width: 2.7;
fill:none;
}
.gd-title{
font-size: clamp(1.55rem, 3.1vw, 2.2rem);
font-weight: 750;
letter-spacing: -0.02em;
margin: 10px 0 10px;
color: var(–gd-text);
}
.gd-subtitle{
max-width: 720px;
margin: 0 auto 22px;
font-size: clamp(1.02rem, 1.2vw, 1.12rem);
line-height: 1.7;
color: var(–gd-muted);
}
/* Status pill (bokning vs kontakt) */
.gd-pill{
display:inline-flex;
align-items:center;
gap:10px;
padding: 10px 14px;
border-radius: 999px;
border: 1px solid rgba(0,162,178.22);
background: rgba(0,162,178.06);
color: rgba(10,44,78.85);
font-weight: 600;
font-size: .92rem;
margin-bottom: 18px;
}
.gd-dot{
width:9px;
height:9px;
border-radius:999px;
background: var(–gd-accent);
box-shadow: 0 0 0 6px rgba(0,162,178.10);
}
/* Appointment block (visas bara när date/time finns) */
.gd-appointment{
margin: 18px auto 22px;
max-width: 520px;
padding: 16px 18px;
border-radius: 16px;
border: 1px solid var(–gd-line);
background: #fff;
box-shadow: var(–gd-shadow-soft);
text-align:left;
display:none; /* togglas via JS */
}
.gd-appointment .gd-ap-title{
font-size: 1.02rem;
font-weight: 700;
margin: 0 0 10px;
}
.gd-appointment .gd-ap-row{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
padding: 8px 0;
border-top: 1px dashed rgba(10,44,78.12);
}
.gd-appointment .gd-ap-row:first-of-type{ border-top:none; padding-top:0; }
.gd-k{
color: rgba(10,44,78.62);
font-weight: 600;
font-size: .92rem;
}
.gd-v{
font-weight: 700;
font-size: .98rem;
color: var(–gd-text);
text-align:right;
}
/* Buttons */
.gd-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
justify-content:center;
margin: 10px 0 10px;
}
.gd-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding: 14px 18px;
border-radius: 14px;
font-weight: 700;
font-size: .98rem;
text-decoration:none;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
border: 1px solid transparent;
cursor:pointer;
user-select:none;
}
.gd-btn-primary{
background: var(–gd-accent);
color:#fff;
box-shadow: 0 14px 30px rgba(0,162,178.24);
}
.gd-btn-primary:hover{
background: var(–gd-accent-hover);
transform: translateY(-2px);
box-shadow: 0 18px 38px rgba(0,162,178.28);
}
.gd-btn-ghost{
background:#fff;
color: var(–gd-text);
border-color: rgba(10,44,78.14);
}
.gd-btn-ghost:hover{
transform: translateY(-2px);
box-shadow: 0 14px 28px rgba(10,44,78.10);
}
.gd-btn-soft{
background: rgba(10,44,78.05);
color: var(–gd-text);
border-color: rgba(10,44,78.10);
}
.gd-btn-soft:hover{
background: rgba(10,44,78.08);
transform: translateY(-2px);
}
/* Hero image */
.gd-hero-img{
width:100%;
border-radius: 18px;
margin: 28px 0 18px;
box-shadow: 0 14px 34px rgba(10,44,78.12);
border: 1px solid rgba(10,44,78.06);
object-fit: cover;
aspect-ratio: 16 / 9;
}
/* Two-column section (voice + steps) */
.gd-grid{
display:grid;
grid-template-columns: 1.1fr .9fr;
gap: 14px;
text-align:left;
margin-top: 16px;
}
.gd-box{
background:#fff;
border: 1px solid rgba(10,44,78.10);
border-radius: 18px;
padding: 20px 18px;
box-shadow: var(–gd-shadow-soft);
}
.gd-box h3{
margin:0 0 12px;
font-size: 1.06rem;
font-weight: 800;
letter-spacing:-0.01em;
}
.gd-box p{
margin:0;
color: rgba(10,44,78.78);
line-height: 1.7;
font-size: 1.0rem;
}
/* Jilah box (behåller din text men gör den mer premium) */
.gd-jilah{
border-color: rgba(0,162,178.22);
background: #fff; /* ingen bakgrundsfärg på sidan, men boxen är vit ändå */
position:relative;
}
.gd-jilah::before{
content:””;
position:absolute;
inset:0;
border-radius:18px;
pointer-events:none;
box-shadow: inset 0 0 0 1px rgba(0,162,178.10);
}
.gd-steps{
display:flex;
flex-direction:column;
gap:12px;
}
.gd-step{
display:flex;
gap:12px;
align-items:flex-start;
padding: 12px 12px;
border-radius: 16px;
border: 1px solid rgba(10,44,78.10);
background:#fff;
}
.gd-step .n{
min-width: 34px;
height: 34px;
border-radius: 999px;
background: rgba(0,162,178.12);
display:flex;
align-items:center;
justify-content:center;
font-weight: 800;
color: var(–gd-accent);
}
.gd-step .t{
font-size: .98rem;
line-height: 1.6;
color: rgba(10,44,78.78);
}
.gd-step .t strong{ color: var(–gd-text); }
/* Info list (din box fast snyggare + mer text) */
.gd-info{
margin-top: 14px;
}
.gd-info ul{
margin: 0;
padding-left: 18px;
}
.gd-info li{
margin-bottom: 10px;
color: rgba(10,44,78.78);
line-height: 1.65;
font-size: .98rem;
}
/* Bottom reassurance */
.gd-bottom{
margin-top: 22px;
padding-top: 18px;
border-top: 1px solid rgba(10,44,78.10);
color: rgba(10,44,78.55);
font-size: .9rem;
line-height: 1.6;
}
/* Responsive */
@media (max-width: 820px){
.gd-grid{ grid-template-columns: 1fr; }
.gd-appointment .gd-ap-row{ flex-direction:column; }
.gd-v{ text-align:left; }
}
Din förfrågan är registrerad
Tack ✨
Vi har tagit emot din bokning eller intresseanmälan.
Nästa steg är enkelt, vi guidar dig hela vägen, i lugn och trygg takt.
Dina detaljer
Datum, Tid,
➕ Lägg till i kalender
Läs om behandlingsalternativ
Tillbaka till hemsidan
Välkommen 💙
Hej! Jag heter Jilah och är specialisttandläkare här på Göta Dental.
Jag ser verkligen fram emot att träffa dig. Under konsultationen går vi igenom dina mål,
dina funderingar och vilka behandlingsalternativ som passar dig bäst, helt i din takt.
Vi pratar igenom helheten (funktion, estetik, tidsplan och ekonomi) och du får alltid en tydlig bild av
vad som är möjligt, vad som passar just ditt bett, och nästa steg om du vill gå vidare.
Du är i trygga händer hos oss. Varmt välkommen.
Så går det till
1
Vi bekräftar din bokning/intresseanmälan och ser till att du har rätt tid.
2
Konsultation där vi går igenom mål, bett och alternativ (fast, aligners m.m.).
3
Plan med tydlig tidslinje + kostnadsbild, så att du kan fatta ett tryggt beslut.
4
Trygg uppföljning, du får stöd hela vägen till ett stabilt resultat.
Inför ditt besök
- Ombokning/avbokning: du kan ändra tiden fram till 48 timmar innan.
- Sen avbokning / uteblivet besök: debiteras 900 kr.
- Konsultationen är kostnadsfri: behandlingar kan delbetalas via Resurs Bank.
- Tydlig behandlingsplan: vi hjälper dig att följa planen steg för steg för bästa resultat.
- Frågor innan besöket? Svara på ditt bekräftelsemail eller kontakta oss, vi hjälper dig gärna.
Tips: Om du vill, ta gärna med eventuella frågor du har, eller fundera på vad som är viktigast för dig
(tidslinje, diskretion, funktion eller estetik). Vi guidar dig till rätt upplägg.
