Dobshow® Taɖa Gbugbɔtsi Dzadzraɖo Roll-On Essence

/* — Core amadede ƒe sɔsɔ ƒe tɔtrɔwo (sɔ kple Dobshow packaging: purple gold theme) — */
:ke {
ƒe ƒuƒoƒo
–Adzɔnu vevitɔ ƒe amadede-Aɖabɛ: #6b3386;
–Adzɔnu Doviviti-Aɖabɛ: #4a1f60;
–Adzɔnu ƒe Teteɖedzi-Sika: #d4af37;
–Brand kekeli amadede-ete: # f8f6fa;
–Nuŋɔŋlɔ-Amadede vevitɔ: #222222;
–Nuŋɔŋlɔ-Evelia ƒe Amadede: #666666;
}

ƒe nyatakakadzraɖoƒea

/* Gɔmedzedze ƒe gbugbɔgaɖoɖo kple tsitretsitsi ƒe ɖoɖo */
ŋutilã {
megbe-amadede: #eceaef;
amadede: var (–nuŋɔŋlɔ-amadede vevitɔ);
axadzi: 0;
nutsyɔnu: 0;
ɖeɖefia: flex;
flex-mɔfiame: sɔti;
align-items: titina;
kekeme: 100%;
}

ƒe nyatakakadzraɖoƒea

/* — Nugoe vevitɔ: kaɖi si trɔna ɖe nɔnɔmewo ŋu (kekeme dzadzɛ le alafa me) — */
.Tɔtrɔ ɖe nɔnɔmewo ŋu ƒe Kpekpeɖeŋugbalẽvi {
megbe-amadede: #ffffff;
liƒo-dzidzeme: 12px;
nusiwo wotsɔna ƒoa nu: 5% 5%;
aɖaka-vɔvɔli: 0 5px 20px rgba (107, 51, 134, 0.08);
aɖaka-lolome: liƒo-aɖaka;
vovototo: 3% auto;
ɖeɖefia: flex;
flex-mɔfiame: sɔti;
kekeme: 92%; /* Alafa memamã ƒe dziɖuɖu ƒe kekeme */
max-kekeme: 100%;
liƒo-ta: 5px sesẽ var (–dzesi vevitɔ amadede-aɖabɛ);
}

ƒe nyatakakadzraɖoƒea

/* — Nɔnɔmetata ƒe nugoe — */
.Nɔnɔmetata ƒe tɔtrɔ ɖe nɔnɔme ŋu ƒe nugoe {
kekeme: 100%;
ɖeɖefia: flex;
justify-content: titina;
margin-ete: 5%;
}

ƒe nyatakakadzraɖoƒea

.Nɔnɔmetata ƒe tɔtrɔ nugoe img {
kekeme: 100%;
kɔkɔme: auto;
liƒo-dzidzeme: 8px;
}

ƒe nyatakakadzraɖoƒea

/* — Nu vevi ƒe tɔtrɔ ƒe akpa: abɔta — */
.Abɔta {
ɖeɖefia: inline-block;
nusiwo wotsɔna ƒoa nu: 4% 8%;
ŋɔŋlɔdzesi ƒe kpekpeme: 800;
text-transform: ŋɔŋlɔdzesi gãwo;
nuŋɔŋlɔ-atsyɔ̃ɖoɖo: ɖeke meli o;
liƒo-dzidzeme: 50px;
nufiamɔ̃: nufiamɔ̃;
amadede: #ffffff;
megbe: linear-gradient (135deg, var (–adzɔnu vevitɔ amadede-aɖabɛ) 0%, var (–dzesi viviti amadede-aɖabɛ) 100%);
liƒo: 2px sesẽ var (–dzesi viviti-aɖabɛ);
text-align: titina;
kekeme: 80%; /* Alafa memamã ƒe kekeme */
vovototo: 5% auto;
aɖaka-vɔvɔli: 0 4px 15px rgba (107, 51, 134, 0.3);
tɔtrɔ: 0.3s katã bɔbɔe-ɖe-do go;
}

ƒe nyatakakadzraɖoƒea

/* — Vevesese ƒe teƒewo kple nudzadzra ƒe teƒewo: agbalẽvi siwo ƒe nugbɔ le abe sika ene (wotrɔ asi le wo ŋu ɖe sika dzĩ ƒe tanya nu) — */
.Vevesese ƒe dzesidegbalẽvi {
liƒo-miame: 5px sesẽ var (–adzɔnu ƒe gbeteteɖedzi-sika);
megbe-amadede: var (–dzesi kekeli amadede-ete);
liƒo-dzidzeme: 0 8px 8px 0;
nusiwo wotsɔna ƒoa nu: 4% 5%;
margin-ete: 4%;
kekeme: 100%;
aɖaka-lolome: liƒo-aɖaka;
}

ƒe nyatakakadzraɖoƒea

/* — Hoʋlila ƒe tsɔtsɔ sɔ kple wo nɔewo ƒe nugoe — */
.Nu tsɔtsɔ sɔ kple wo nɔewo ƒe nugoe {
ɖeɖefia: flex;
flex-mɔfiame: sɔti;
kekeme: 100%;
dometsotso: 3%;
}

ƒe nyatakakadzraɖoƒea

.Nyatakakagbalẽvi {
megbe-amadede: #ffffff;
liƒo: 1px sesẽ #eeeeee;
liƒo-dzidzeme: 12px;
nusiwo wotsɔna ƒoa nu: 5%;
text-align: titina;
kekeme: 100%;
aɖaka-lolome: liƒo-aɖaka;
aɖaka-vɔvɔli: 0 2px 8px rgba (0,0,0,0.05);
}

ƒe nyatakakadzraɖoƒea

.Data card.Te gbe ɖe {
dzi
megbenyawo: linear-gradient (135deg, var (–adzɔnu ƒe gbeteteɖedzi-sika) 0%, # b89025 100%);
amadede: #ffffff;
liƒo: ɖeke meli o;
}

ƒe nyatakakadzraɖoƒea

ul.crossed xexlẽdzesi, ul.ticked xexlẽdzesi {
list-style: ɖeke meli o;
nutsyɔnu: 0;
margin-tame: 5%;
text-align: miame;
kekeme: 100%;
}

ƒe nyatakakadzraɖoƒea

ul.crossed xexlẽdzesi li, ul.ticked xexlẽdzesi li {
padding-miame: 10%;
ɖoƒe: ƒometɔ;
margin-ete: 3%;
}

ƒe nyatakakadzraɖoƒea

ul.tso xexlẽdzesi li::do ŋgɔ na {
emenyawo: ‘✖’;
amadede: #e74c3c;
ɖoƒe: bliboe;
miame: 0;
}

ƒe nyatakakadzraɖoƒea

ul.Tick xexlẽdzesi li::do ŋgɔ na {
emenyawo: ‘✔’;
amadede: #ffffff;
ɖoƒe: bliboe;
miame: 0;
}

ƒe nyatakakadzraɖoƒea

/* — Dzodzro ƒe nugoe — */
.nusɔsrɔ̃ ƒe agbalẽvi {
megbe-amadede: var (–dzesi kekeli amadede-ete);
liƒo-dzidzeme: 8px;
nusiwo wotsɔna ƒoa nu: 5%;
margin-ete: 5%;
kekeme: 100%;
aɖaka-lolome: liƒo-aɖaka;
liƒo-miame: 4px sesẽ var (–adzɔnu vevitɔ amadede-aɖabɛ);
}

ƒe nyatakakadzraɖoƒea

.Dzidzedzekpɔkpɔ ɣletivi {
amadede: var (–adzɔnu ƒe dzeside gbeteteɖedzi-sika);
margin-ete: 2%;
}

ƒe nyatakakadzraɖoƒea

/* — FAQ keke nugoe ɖe enu — */
.keke nugoe ɖe enu {
megbe-amadede: #ffffff;
liƒo: 1px sesẽ #e0e0e0;
liƒo-dzidzeme: 8px;
margin-ete: 3%;
kekeme: 100%;
overflow: ɣla;
}

ƒe nyatakakadzraɖoƒea

.Tsɔ tanya {
nusiwo wotsɔna ƒoa nu: 4% 5%;
nufiamɔ̃: nufiamɔ̃;
ŋɔŋlɔdzesi ƒe kpekpeme: bold;
amadede: var (–nuŋɔŋlɔ-amadede vevitɔ);
ɖeɖefia: flex;
justify-content: teƒe si le wo dome;
list-style: ɖeke meli o;
}

ƒe nyatakakadzraɖoƒea

.Collapse tanya::-webkit-details-marker { ɖeɖefia: ɖeke meli o; }
ƒe nyawo
.mu tanya::le {
megbe
emenyawo: ‘+’;
amadede: var (–adzɔnu vevitɔ amadede-aɖabɛ);
ŋɔŋlɔdzesi ƒe kpekpeme: bold;
}
ƒe nyawo
.Adzɔnuɖefia