Coffret Initiation Sencha Mizuki d’Atelier — Kit Fouet & Cuillère

{
« @context »: « https://schema.org »,
« @graph »: [
{
« @type »: « Product »,
« name »: « Coffret Initiation Sencha Mizuki d’Atelier — Kit Fouet & Cuillère (66,26€) »,
« description »: « Coffret d’initiation par Julien Salut : 1 boîte de Sencha Mizuki (20g) moulu sur meule de granit à Nice, 1 fouet Chasen et 1 cuillère Chashaku. Livraison offerte. »,
« brand »: { « @type »: « Brand », « name »: « THÉ.ŌLOGY » },
« offers »: {
« @type »: « Offer »,
« priceCurrency »: « EUR »,
« price »: « 66.26 »,
« availability »: « https://schema.org/InStock »
}
},
{
« @type »: « FAQPage »,
« mainEntity »: [
{
« @type »: « Question »,
« name »: « Que contient exactement ce coffret d’initiation ? »,
« acceptedAnswer »: { « @type »: « Answer », « text »: « Le coffret comprend 1 boîte de Sencha Mizuki moulu (20g) sur meule de granit noir à Nice, 1 fouet traditionnel en bambou (Chasen), et 1 cuillère doseuse en bambou (Chashaku). » }
},
{
« @type »: « Question »,
« name »: « La livraison est-elle vraiment offerte ? »,
« acceptedAnswer »: { « @type »: « Answer », « text »: « Oui ! À 66,26 €, ce coffret dépasse le seuil de livraison offerte en France métropolitaine. » }
}
] }
] }

:root {
–color-primary: #C5A065;
–color-gradient-end: #edede8;
–color-primary-rgb: 197, 160, 101;
–color-text: #2c2c2c;
–color-bg: transparent;
}
div, p, span, h3, summary, ul, li, details, a { margin: 0; padding: 0; box-sizing: border-box; }
.the-ology-product-description { font-family: ‘Inter’, sans-serif; color: var(–color-text); line-height: 1.7; font-size: 1.05rem; }
.hero-description { font-size: 1.15rem; line-height: 1.8; color: #333; margin: 16px 0 24px 0; text-align: center; }
.hero-description strong { color: var(–color-primary); font-weight: 600; }
.aroma-tags { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin: 20px 0; }
.aroma-tag { background: linear-gradient(135deg, var(–color-primary), var(–color-gradient-end)); padding: 8px 18px; border-radius: 20px; font-size: 0.85rem; font-weight: 600; text-transform: capitalize; box-shadow: 0 2px 8px rgba(0,0,0,0.12); white-space: nowrap; }
.quick-prep { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 16px; margin: 28px 0; padding: 20px; background: linear-gradient(135deg, rgba(var(–color-primary-rgb), 0.1), transparent); border-radius: 12px; border: 1px solid rgba(var(–color-primary-rgb), 0.2); }
.prep-item { text-align: center; padding: 12px; background: white; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.06); }
.prep-icon { font-size: 0.7rem; margin-bottom: 8px; display: block; color: #888; text-transform: uppercase; font-weight: 700; }
.prep-value { font-size: 1.5rem; font-weight: 700; color: var(–color-primary); display: block; margin: 8px 0; white-space: nowrap; }
.prep-label { font-size: 0.85rem; color: #666; text-transform: uppercase; font-weight: 600; white-space: nowrap; }
.value-line { text-align: center; margin: 24px 0; padding: 18px; background: linear-gradient(135deg, rgba(var(–color-primary-rgb), 0.08), var(–color-gradient-end)); border-radius: 10px; border-left: 4px solid var(–color-primary); font-size: 1.1rem; font-weight: 700; color: var(–color-primary); white-space: nowrap; }
.prix-justif { display: flex; gap: 14px; align-items: flex-start; margin: 20px 0; padding: 16px 20px; background: linear-gradient(135deg, rgba(var(–color-primary-rgb), 0.06), transparent); border-radius: 10px; border-left: 4px solid var(–color-primary); font-size: 0.95rem; line-height: 1.7; }
.garantie-band { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; margin: 28px 0; }
.garantie-item { display: flex; flex-direction: column; gap: 8px; align-items: center; text-align: center; padding: 16px 12px; background: white; border: 1px solid rgba(var(–color-primary-rgb), 0.2); border-radius: 10px; font-size: 0.88rem; line-height: 1.6; }
.garantie-item strong { color: var(–color-primary); font-size: 0.92rem; display: block; }
.theo-card-details { background: linear-gradient(135deg, rgba(var(–color-primary-rgb), 0.08), transparent); border-radius: 12px; margin: 14px 0; border: 1px solid rgba(var(–color-primary-rgb), 0.25); overflow: hidden; }
.theo-card-details summary { padding: 18px 22px; font-weight: 700; font-size: 1.08rem; cursor: pointer; list-style: none; display: flex; align-items: center; gap: 12px; background: linear-gradient(to right, rgba(var(–color-primary-rgb), 0.15), transparent); }
.theo-card-details summary::before { content: « › »; font-size: 1.2em; font-weight: bold; color: var(–color-primary); transition: transform 0.3s ease; }
.theo-card-details[open] summary::before { transform: rotate(90deg); }
.pill { background: var(–color-primary); color: white; padding: 5px 13px; border-radius: 14px; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; white-space: nowrap; }
.title { flex: 1; }
.rows { padding: 22px; background: rgba(255, 255, 255, 0.9); line-height: 1.8; }
.rows p { margin-bottom: 16px; font-size: 1rem; }
.rows ul { list-style: none; padding: 0; }
.rows ul li { padding: 8px 0; padding-left: 24px; position: relative; }
.rows ul li::before { content: « — »; color: var(–color-primary); font-weight: bold; position: absolute; left: 0; }
.rows h3 { font-size: 1.15rem; margin: 22px 0 12px 0; font-weight: 700; border-bottom: 2px solid var(–color-primary); padding-bottom: 6px; }
.infos-essentielles { display: grid; grid-template-columns: 130px 1fr; gap: 14px; padding: 14px 0; border-bottom: 1px solid rgba(var(–color-primary-rgb), 0.15); }
.infos-essentielles .label { font-weight: 700; color: var(–color-primary); font-size: 0.95rem; }
.infos-essentielles .value { font-size: 0.95rem; }
.certifications { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0; }
.cert-badge { padding: 8px 14px; background: white; border: 2px solid var(–color-primary); border-radius: 20px; font-size: 0.8rem; font-weight: 600; white-space: nowrap; }
.theo-signature { margin-top: 40px; padding: 24px; background: linear-gradient(135deg, rgba(var(–color-primary-rgb), 0.05), transparent); border-radius: 12px; border: 1px solid rgba(var(–color-primary-rgb), 0.15); font-size: 0.95rem; display: flex; flex-direction: column; gap: 8px; }
.theo-signature strong { color: var(–color-primary); font-size: 1.05rem; }
.dark-social { margin-top: 16px; padding: 16px; background: white; border-radius: 8px; border-left: 4px solid var(–color-primary); font-size: 0.95rem; font-style: italic; }
@media (max-width: 768px) { .quick-prep { grid-template-columns: repeat(2, 1fr); } .infos-essentielles { grid-template-columns: 1fr; } .value-line { font-size: 0.95rem; } .garantie-band { grid-template-columns: 1fr; } }