Roll-on esencia Dobshow® Starostlivosť o opätovný rast vlasov

/* — Premenné zhody základných farieb (zhodujú sa s obalom Dobshow: fialová zlatá téma) — */
:root {
–Farba hlavnej značky-fialová: #6b3386;
–Značka tmavofialová: #4a1f60;
–Dôraz na značku-Zlato: #d4af37;
– Farba svetla značky – spodná časť: #f8f6fa;
–Text-Hlavná farba: #222222;
–Text-sekundárna farba: #666666;
}

/* Základný reset a vertikálne rozloženie */
telo {
farba pozadia: #eceaef;
farba: var(–text-main color);
okraj: 0;
výplň: 0;
displej: flex;
flex-direction: column;
align-items: center;
šírka: 100 %;
}

/* — Základný kontajner: adaptívna karta (šírka čisté percento) — */
.Adaptive Card {
farba pozadia: #ffffff;
border-radius: 12px;
výplň: 5 % 5 %;
box-shadow: 0 5px 20px rgba(107, 51, 134, 0,08);
box-sizing: border-box;
marža: 3 % automaticky;
displej: flex;
flex-direction: column;
šírka: 92 %; /* Percentuálna šírka ovládacieho prvku */
max-width: 100 %;
border-top: 5px solid var(–hlavná farba značky-fialová);
}

/* — Kontajner obrázka — */
.Prispôsobivý kontajner obrázkov {
šírka: 100 %;
displej: flex;
justify-content: center;
margin-bottom: 5 %;
}

.img kontajnera adaptívneho obrázka {
šírka: 100 %;
výška: auto;
border-radius: 8px;
}

/* — Základný komponent konverzie: tlačidlo — */
.Tlačidlo {
displej: inline-block;
výplň: 4 % 8 %;
font-weight: 800;
text-transform: veľké písmená;
text-decoration: none;
border-radius: 50px;
kurzor: ukazovateľ;
farba: #ffffff;
pozadie: lineárny-gradient(135 stupňov, var(–hlavná farba značky-fialová) 0 %, var(–tmavá farba značky-fialová) 100 %);
border: 2px solid var(–brand dark-purple);
text-align: center;
šírka: 80 %; /* Šírka v percentách */
marža: 5 % automaticky;
box-shadow: 0 4px 15px rgba(107, 51, 134, 0,3);
prechod: všetkých 0,3 s uvoľnenie-výstup;
}

/* — Body bolesti a prednosti: karty so zlatým okrajom (prispôsobené téme fialového zlata) — */
.Karta s bodom bolesti {
border-left: 5px solid var(–brand highlight-gold);
background-color: var(–brand light color-bottom);
border-radius: 0 8px 8px 0;
výplň: 4 % 5 %;
margin-bottom: 4 %;
šírka: 100 %;
box-sizing: border-box;
}

/* — Kontajner na porovnanie konkurentov — */
.Porovnávací kontajner {
displej: flex;
flex-direction: column;
šírka: 100 %;
medzera: 3 %;
}

.Údajová karta {
farba pozadia: #ffffff;
orámovanie: 1px plný #eeeeee;
border-radius: 12px;
výplň: 5 %;
text-align: center;
šírka: 100 %;
box-sizing: border-box;
box-shadow: 0 2px 8px rgba(0,0,0,0,05);
}

.Údajová karta.Zvýraznite {
pozadie: lineárny-gradient(135 stupňov, var(–zvýraznenie značky-zlato) 0 %, #b89025 100 %);
farba: #ffffff;
ohraničenie: žiadne;
}

ul.zaškrtnutý zoznam, ul.zaškrtnutý zoznam {
štýl zoznamu: žiadny;
výplň: 0;
margin-top: 5 %;
zarovnanie textu: left;
šírka: 100 %;
}

ul.zaškrtnutý zoznam li, ul.zaškrtnutý zoznam li {
padding-left: 10%;
pozícia: relatívna;
margin-bottom: 3 %;
}

ul.crossed list li::before {
obsah: ‚✖‘;
farba: #e74c3c;
pozícia: absolútna;
vľavo: 0;
}

ul.Začiarknite zoznam li::pred {
obsah: ‚✔‘;
farba: #ffffff;
pozícia: absolútna;
vľavo: 0;
}

/* — Kontajner hodnotenia — */
.hodnotiaca karta {
background-color: var(–brand light color-bottom);
border-radius: 8px;
výplň: 5 %;
margin-bottom: 5 %;
šírka: 100 %;
box-sizing: border-box;
border-left: 4px solid var(–hlavná farba značky-fialová);
}

.Hviezdička hodnotenia {
farba: var(–zvýraznenie značky-zlatá);
margin-bottom: 2 %;
}

/* — Časté otázky rozbaliť kontajner — */
.expand kontajner {
farba pozadia: #ffffff;
orámovanie: 1px plný #e0e0e0;
border-radius: 8px;
margin-bottom: 3 %;
šírka: 100 %;
pretečenie: skryté;
}

.Zbaliť názov {
výplň: 4 % 5 %;
kurzor: ukazovateľ;
font-weight: bold;
farba: var(–text-main color);
displej: flex;
justify-content: space-between;
štýl zoznamu: žiadny;
}

.Collapse title::-webkit-details-marker { display: none;
.collapse title::after {
obsah: ‚+‘;
farba: var(–hlavná farba značky-fialová);
font-weight: bold;

.Výstava