Dobshow® roll-on esencija za njegu ponovnog rasta kose

/* — Osnovne varijable podudaranja boja (odgovara Dobshow pakiranju: ljubičasta zlatna tema) — */
:root {
–Glavna boja marke-ljubičasta: #6b3386;
–Brand Dark-Purple: #4a1f60;
–Isticanje robne marke-zlato: #d4af37;
–Brand svijetla boja-dno: #f8f6fa;
–Glavna boja teksta: #222222;
–Sekundarna boja teksta: #666666;
}

/* Osnovno resetiranje i okomiti raspored */
tijelo {
boja pozadine: #eceaef;
boja: var(–tekst-glavna boja);
margina: 0;
ispuna: 0;
zaslon: savitljiv;
flex-direction: stupac;
align-items: center;
širina: 100%;
}

/* — Glavni spremnik: adaptivna kartica (čisti postotak širine) — */
.Adaptivna kartica {
boja pozadine: #ffffff;
border-radius: 12px;
podstava: 5% 5%;
box-shadow: 0 5px 20px rgba(107, 51, 134, 0.08);
box-sizing: border-box;
marža: 3% automatski;
zaslon: savitljiv;
flex-direction: stupac;
širina: 92%; /* Postotna kontrolna širina */
maksimalna širina: 100%;
border-top: 5px solid var(–brand glavna boja-ljubičasta);
}

/* — Spremnik slike — */
.Spremnik za prilagođavanje slike {
širina: 100%;
zaslon: savitljiv;
justify-content: center;
margina-dno: 5%;
}

.Image adaptivni spremnik img {
širina: 100%;
visina: automatski;
border-radius: 8px;
}

/* — Osnovna komponenta konverzije: gumb — */
.Gumb {
prikaz: inline-block;
podstava: 4% 8%;
font-weight: 800;
pretvorba teksta: velika slova;
text-decoration: none;
border-radius: 50px;
kursor: pokazivač;
boja: #ffffff;
pozadina: linearni gradijent (135 stupnjeva, var(-brand glavna boja-ljubičasta) 0%, var(-brand tamna boja-ljubičasta) 100%);
rub: 2px puna var(–brand tamno-ljubičasta);
text-align: center;
širina: 80%; /* Širina u postotku */
marža: 5% automatski;
box-shadow: 0 4px 15px rgba(107, 51, 134, 0.3);
prijelaz: svih 0,3 s lagano ulaženje;
}

/* — Problemi i prodajne točke: karte sa zlatnim rubovima (prilagođene temi ljubičastog zlata) — */
.Kartica boli {
border-left: 5px solid var(–brand empphasis-gold);
pozadina-boja: var(-brand light color-bottom);
border-radius: 0 8px 8px 0;
podstava: 4% 5%;
margina-dno: 4%;
širina: 100%;
box-sizing: border-box;
}

/* — Spremnik za usporedbu konkurenta — */
.Spremnik za usporedbu {
zaslon: savitljiv;
flex-direction: stupac;
širina: 100%;
razmak: 3%;
}

.Podatkovna kartica {
boja pozadine: #ffffff;
rub: 1px puni #eeeeee;
border-radius: 12px;
podstava: 5%;
text-align: center;
širina: 100%;
box-sizing: border-box;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.Podatkovna kartica.Označite {
pozadina: linearni gradijent (135 stupnjeva, var(–brand emphasis-gold) 0%, #b89025 100%);
boja: #ffffff;
granica: nema;
}

ul.precrtani popis, ul.označeni popis {
list-style: nijedan;
ispuna: 0;
margin-top: 5%;
poravnanje teksta: lijevo;
širina: 100%;
}

ul.ukriženi popis li, ul.označeni popis li {
padding-left: 10%;
pozicija: relativno;
margina-dno: 3%;
}

ul.ukriženi popis li::prije {
sadržaj: ‘✖’;
boja: #e74c3c;
pozicija: apsolutna;
lijevo: 0;
}

ul.Označite popis li::prije {
sadržaj: ‘✔’;
boja: #ffffff;
pozicija: apsolutna;
lijevo: 0;
}

/* — Spremnik za procjenu — */
.ocjenjivačka kartica {
pozadina-boja: var(-brand light color-bottom);
border-radius: 8px;
podstava: 5%;
margina-dno: 5%;
širina: 100%;
box-sizing: border-box;
border-left: 4px solid var(–brand main color-purple);
}

.Zvjezdica ocjene {
boja: var(–brand emphasis-gold);
margina-dno: 2%;
}

/* — Česta pitanja proširite spremnik — */
.proširi spremnik {
boja pozadine: #ffffff;
rub: 1px puni #e0e0e0;
border-radius: 8px;
margina-dno: 3%;
širina: 100%;
preljev: skriven;
}

.Suzmi naslov {
podstava: 4% 5%;
kursor: pokazivač;
font-weight: bold;
boja: var(–tekst-glavna boja);
zaslon: savitljiv;
justify-content: space-between;
list-style: nijedan;
}

.Suzmi naslov::-webkit-details-marker { display: none;
.sažmi naslov::nakon {
sadržaj: ‘+’;
boja: var(–glavna boja marke-ljubičasta);
font-weight: bold;

.Izložba