@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600&display=swap";
:root{--rouge:#8f0e11;--rouge-vif:#b52124;--creme:#f7f0e7;--or:#c79d68;--encre:#3d2926}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--creme);color:var(--encre);margin:0;font-family:Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}.entete{z-index:10;background:#faf6f0;grid-template-columns:1fr auto 1fr;align-items:center;height:112px;padding:0 2.5vw;display:grid;position:relative}.navigation{text-transform:uppercase;white-space:nowrap;align-items:center;gap:25px;font-size:10px;font-weight:600;display:flex}.navigation a:hover{color:var(--rouge)}.navigation b{background:var(--rouge-vif);color:#fff;border-radius:10px;padding:2px 5px;font-size:7px}.logo{color:var(--rouge);text-align:center;min-width:250px;font:700 35px/.78 Cormorant Garamond,serif;position:relative}.logo:after{content:"";z-index:-1;background:#faf6f0;border-radius:0 0 50% 50%;width:310px;height:140px;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.logo i{border:1px solid var(--rouge);vertical-align:12px;margin-left:9px;padding:5px;font:500 16px serif}.logo small{letter-spacing:.27em;text-transform:uppercase;margin-top:13px;font:600 8px Montserrat;display:block}.outils{justify-self:end;gap:20px;display:flex}.outils button,.menu{cursor:pointer;background:0 0;border:0;font-size:23px;position:relative}.outils em{background:var(--rouge-vif);color:#fff;border-radius:50%;place-items:center;width:16px;height:16px;font:600 8px Montserrat;display:grid;position:absolute;top:-4px;right:-5px}.menu{display:none}.hero{color:#fff;height:500px;position:relative;overflow:hidden}.hero-slide{opacity:0;background-repeat:no-repeat;background-size:cover;transition:opacity .65s;position:absolute;inset:0}.hero-slide.active{opacity:1}.hero.avec-contenu:after{content:"";background:linear-gradient(90deg,#2b000073,#0000 55%);position:absolute;inset:0}.hero-contenu{z-index:2;max-width:650px;padding:70px 7vw;position:relative}.hero-contenu>p{text-transform:uppercase;letter-spacing:.14em;color:#eed8bf;font-size:11px}.hero h1{margin:25px 0 13px;font:500 55px/1.02 Cormorant Garamond,serif}.hero-contenu>div{max-width:420px;font-size:13px;line-height:1.65}.hero-contenu>a,.carte button,.selection a{color:var(--rouge);text-transform:uppercase;letter-spacing:.1em;background:#f6e7cc;border:0;border-radius:3px;align-items:center;gap:30px;margin-top:25px;padding:15px 20px;font-size:10px;font-weight:600;display:inline-flex}.hero-contenu>a span{font-size:18px}.hero-fleche{z-index:4;color:#fff;cursor:pointer;background:#280a0a47;border:1px solid #ffffffa6;border-radius:50%;width:42px;height:42px;font:32px/1 serif;transition:background .2s;position:absolute;top:50%;transform:translateY(-50%)}.hero-fleche:hover,.hero-fleche:focus-visible{background:#8f0e11d9}.hero-fleche.precedent{left:20px}.hero-fleche.suivant{right:20px}.pagination{z-index:4;gap:13px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.pagination button{cursor:pointer;background:0 0;border:1px solid #fff;border-radius:50%;width:9px;height:9px;padding:0;display:block}.pagination button.active{background:#fff}.avantages{background:#faf6f0;grid-template-columns:repeat(5,1fr);min-height:112px;padding:20px 6vw;display:grid}.avantages article{border-right:1px solid #e8d9cd;align-items:center;gap:15px;padding:5px 20px;display:flex}.avantages article:last-child{border:0}.avantages article>span{min-width:46px;height:46px;color:var(--rouge);background:#f4dfcf;border-radius:50%;place-items:center;font:500 21px Cormorant Garamond;display:grid}.avantages h2{text-transform:uppercase;margin:0 0 7px;font-size:9px}.avantages p{margin:0;font-size:9px;line-height:1.55}.univers{background:#fbf6ef;padding:16px 6vw 75px;position:relative;overflow:hidden}.univers:after{content:"竹";color:#eadfd2;opacity:.55;font:220px serif;position:absolute;bottom:-40px;right:-20px}.titre-section{text-align:center;margin:0 0 22px;position:relative}.titre-section i{border-top:1px solid #dfcfc2;position:absolute;top:14px;left:0;right:0}.titre-section h2{text-transform:uppercase;letter-spacing:.13em;background:#fbf6ef;margin:0;padding:0 25px;font:600 17px Cormorant Garamond;display:inline-block;position:relative}.titre-section span{color:var(--rouge);margin-top:2px;font-size:10px;display:block;position:relative}.grille-univers{z-index:2;grid-template-columns:repeat(6,1fr);gap:10px;display:grid;position:relative}.carte{color:#fff;background:linear-gradient(155deg,#9e1618,#540608);border-radius:12px;justify-content:center;align-items:center;height:280px;padding:15px;display:flex;position:relative;overflow:hidden}.carte:before{content:"";opacity:.6;mix-blend-mode:screen;background-image:url(/hero-maison-de-chine.png);background-size:900px;position:absolute;inset:0}.carte.bonbons:before{background-position:44% 70%}.carte.gadgets:before{background-position:91% 45%}.carte.objets:before{background-position:70% 58%}.carte.maison:before{background-position:84%}.carte.nouveau:before{background-position:60% 55%}.carte.cadeaux:before{background-position:54% 40%}.grand-emoji{filter:drop-shadow(0 8px 9px #240000);z-index:1;margin-top:-45px;font-size:62px}.carte>div{z-index:2;position:absolute;bottom:15px;left:15px;right:15px}.carte small{text-transform:uppercase;color:#e8c7af;font-size:7px}.carte h3{text-transform:uppercase;margin:5px 0;font:600 18px/.9 Cormorant Garamond}.carte button{cursor:pointer;gap:18px;margin:5px 0 0;padding:9px 12px;font-size:8px}.carte>em{color:#5f0c0d;text-transform:uppercase;z-index:2;background:#f3e4c4;border-radius:50%;place-items:center;width:40px;height:40px;font:600 7px Montserrat;display:grid;position:absolute;top:10px;right:10px}.selection{color:#fff;background:#8e1012;grid-template-columns:1fr 1fr;min-height:460px;padding:80px 10vw;display:grid}.selection>div{padding-right:40px}.selection p{text-transform:uppercase;letter-spacing:.14em;color:#eac6a3;font-size:10px}.selection h2{margin:20px 0;font:500 48px/.95 Cormorant Garamond}.selection h2 i{color:#e4b47a}.selection>div>span{max-width:480px;font-size:12px;line-height:1.7;display:block}.selection figure{justify-content:center;align-items:center;gap:20px;margin:0;display:flex}.theiere,.tasse{color:#c49a5e;background:linear-gradient(135deg,#25211e,#070707);border-radius:50% 50% 35% 35%;place-items:center;width:210px;height:150px;font:40px serif;display:grid;box-shadow:0 20px 30px #57090a}.tasse{width:110px;height:80px;margin-top:90px}footer{color:#e8d8c8;background:#2d1716;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:50px 7vw;display:grid}footer .logo{text-align:left;color:#e8c197;min-width:0}footer .logo:after{display:none}footer .logo small{margin-left:0}footer>p{text-align:right;font:500 22px Cormorant Garamond}footer nav{text-transform:uppercase;gap:25px;font-size:9px;display:flex}footer>small{text-align:right;color:#947b70;font-size:8px}@media (max-width:1100px){.entete{height:90px}.menu{flex-direction:column;gap:5px;width:40px;display:flex}.menu span{border-top:1px solid;width:20px}.navigation{background:#faf6f0;flex-direction:column;align-items:flex-start;padding:25px;display:none;position:absolute;top:90px;left:0;right:0}.navigation.ouverte{display:flex}.logo{font-size:30px}.logo:after{width:260px;height:115px}.avantages{grid-template-columns:repeat(3,1fr)}.avantages article{border-bottom:1px solid #e8d9cd}.grille-univers{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.entete{padding:0 15px}.logo{min-width:auto;font-size:24px}.logo:after{width:190px}.logo i,.logo small{display:none}.outils{gap:5px}.outils button:nth-child(2){display:none}.hero{height:570px}.hero-slide{background-position:50%!important}.hero.avec-contenu:after{background:linear-gradient(90deg,#320000d1,#32000026)}.hero.visuel-seul{height:52vw;min-height:220px;max-height:570px}.hero-contenu{padding:70px 12vw}.hero h1{font-size:45px}.hero-contenu>div{max-width:310px}.hero-fleche{width:34px;height:34px;font-size:25px}.hero-fleche.precedent{left:8px}.hero-fleche.suivant{right:8px}.pagination{bottom:12px}.avantages{grid-template-columns:1fr;padding:20px}.avantages article{border-right:0}.univers{padding:30px 18px 60px}.grille-univers{grid-template-columns:1fr 1fr}.carte{height:260px}.selection{grid-template-columns:1fr;padding:60px 7vw}.selection figure{margin-top:50px}.theiere{width:160px;height:120px}.tasse{width:85px;height:65px}footer{grid-template-columns:1fr}footer>p,footer>small{text-align:left}footer nav{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.hero-slide{transition:none}}@media (max-width:420px){.grille-univers{grid-template-columns:1fr}.carte{height:300px}.grand-emoji{font-size:75px}}.carte{background-color:#740b0d;background-position:50%;background-size:cover;height:300px;padding:0;transition:transform .25s,box-shadow .25s;display:block;box-shadow:0 5px 16px #470c091f}.carte:before{display:none}.carte:after{content:"";z-index:1;background:linear-gradient(#0000,#1f0000e6);position:absolute;inset:42% 0 0}.carte:hover{transform:translateY(-4px);box-shadow:0 12px 24px #470c0933}.carte>div{bottom:13px;left:13px;right:13px}.carte small{letter-spacing:.08em}.carte h3{text-shadow:0 1px 4px #2e0000;max-width:130px;margin:5px 0 7px}.carte button{margin:0}.carte a{color:var(--rouge);text-transform:uppercase;letter-spacing:.1em;background:#f6e7cc;border-radius:3px;align-items:center;gap:18px;margin:0;padding:9px 12px;font-size:8px;font-weight:600;display:inline-flex}@media (max-width:700px){.carte{height:340px}}@media (max-width:420px){.carte{height:420px}}.catalogue-entete{z-index:2;background:#faf6f0;border-bottom:1px solid #eaded3;grid-template-columns:1fr auto 1fr;align-items:center;height:92px;padding:0 6vw;display:grid;position:relative}.catalogue-retour{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.catalogue-logo{color:var(--rouge);text-align:center;font:700 31px/.8 Cormorant Garamond,serif}.catalogue-logo i{font-style:normal;font-weight:500}.catalogue-logo small{letter-spacing:.26em;text-transform:uppercase;margin-top:9px;font:600 7px Montserrat;display:block}.catalogue-panier{text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:0;justify-self:end;font:600 9px Montserrat}.catalogue-panier span{background:var(--rouge);color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;margin-left:7px;display:inline-grid}.catalogue{background:#fbf7f1;min-height:100vh}.catalogue-hero{color:#fff;background:linear-gradient(90deg,#410000eb,#4c000040),url(/hero-maison-de-chine.png) 70% 48%/cover;min-height:330px;padding:65px 8vw}.catalogue-hero p,.catalogue-titre p{text-transform:uppercase;letter-spacing:.18em;color:#e9c59e;margin:0;font-size:9px}.catalogue-hero h1{margin:18px 0;font:500 52px/.92 Cormorant Garamond}.catalogue-hero h1 i{color:#e7b77d}.catalogue-hero>span{max-width:460px;font-size:12px;line-height:1.7;display:block}.catalogue-contenu{max-width:1450px;margin:auto;padding:55px 6vw 90px}.catalogue-titre{border-bottom:1px solid #dfd0c3;justify-content:space-between;align-items:end;padding-bottom:18px;display:flex}.catalogue-titre p{color:var(--rouge)}.catalogue-titre h2{margin:5px 0 0;font:600 35px Cormorant Garamond}.catalogue-titre>span{text-transform:uppercase;letter-spacing:.13em;font-size:9px}.filtres{flex-wrap:wrap;gap:8px;padding:25px 0 30px;display:flex}.filtres button{color:var(--encre);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #ddccc0;border-radius:20px;padding:10px 15px;font:600 8px Montserrat}.filtres button:hover,.filtres button.actif{background:var(--rouge);border-color:var(--rouge);color:#fff}.produits-grille{grid-template-columns:repeat(4,1fr);gap:30px 18px;display:grid}.produit{background:#fff;border-radius:11px;transition:transform .25s;overflow:hidden;box-shadow:0 4px 15px #49201612}.produit:hover{transform:translateY(-4px)}.produit-image{background:#7e0e10;height:255px;position:relative;overflow:hidden}.produit-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.produit:hover img{transform:scale(1.035)}.produit-image>b{color:var(--rouge);text-transform:uppercase;letter-spacing:.08em;background:#f5e6c9;border-radius:15px;padding:7px 9px;font-size:7px;position:absolute;top:12px;left:12px}.produit-image>button{width:31px;height:31px;color:var(--rouge);cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;font-size:17px;position:absolute;top:11px;right:11px}.produit-infos{padding:18px}.produit-infos small{color:var(--rouge);text-transform:uppercase;letter-spacing:.13em;font-size:7px}.produit-infos h3{margin:5px 0;font:600 21px Cormorant Garamond}.produit-infos>p{color:#806c66;margin:0 0 17px;font-size:9px;line-height:1.5}.produit-infos>div{border-top:1px solid #eee4dc;justify-content:space-between;align-items:center;padding-top:13px;display:flex}.produit-infos strong{font:600 17px Cormorant Garamond}.produit-infos button{background:var(--rouge);color:#fff;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border:0;border-radius:3px;padding:9px 10px;font:600 7px Montserrat}.produit-infos button span{margin-left:7px;font-size:12px}.catalogue-footer{color:#e8d8c8;background:#2d1716;grid-template-columns:1fr auto 1fr;align-items:center;padding:42px 6vw;display:grid}.catalogue-footer .catalogue-logo{text-align:left;color:#e8c197}.catalogue-footer p{margin:0;font:500 18px Cormorant Garamond}.catalogue-footer small{text-align:right;color:#947b70;font-size:7px}@media (max-width:1000px){.produits-grille{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.catalogue-entete{height:78px;padding:0 18px}.catalogue-logo{font-size:24px}.catalogue-entete .catalogue-logo small{display:none}.catalogue-hero{background-position:68%;min-height:300px;padding:55px 24px}.catalogue-hero h1{font-size:43px}.catalogue-contenu{padding:40px 18px 65px}.catalogue-titre h2{font-size:29px}.produits-grille{grid-template-columns:repeat(2,1fr);gap:13px}.produit-image{height:220px}.produit-infos{padding:13px}.produit-infos h3{font-size:18px}.produit-infos>p{display:none}.catalogue-footer{grid-template-columns:1fr;gap:18px}.catalogue-footer small{text-align:left}}@media (max-width:430px){.catalogue-retour{font-size:0}.catalogue-retour:first-letter{font-size:18px}.produits-grille{grid-template-columns:1fr}.produit-image{height:330px}}.hero-slide-ajustee{justify-content:center;align-items:center;display:flex;background-image:none!important}.hero-slide-ajustee img{object-fit:contain;width:100%;height:100%;display:block}