/* COLOMBUS — habillage « Maison » (13/10/2026) : nouveau menu, fiches modèles, bandeau brun, mentions de supplément des céramiques. Chargé après colombus-v3.css. Logo COLOMBUS conservé. */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700&display=swap'); :root{ --cx-cream:#f7f3eb; --cx-ink:#0f0e0e; --cx-gold:#b08a4c; --cx-brown:#3a2b20; --cx-brown-line:rgba(232,217,190,.35); --cx-ui:'Mulish','Helvetica Neue',Arial,sans-serif; --cx-radius:14px; --cx-table:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 8.5h20v2.2H2zM5 10.7l-1.6 9h1.9l1.5-8.2zM19 10.7l1.6 9h-1.9l-1.5-8.2zM6.5 14h11v1.6h-11z'/%3E%3C/svg%3E"); --cx-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E"); --cx-ig:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4.2'/%3E%3Ccircle cx='17.4' cy='6.6' r='.6' fill='%23000'/%3E%3C/svg%3E"); --cx-wa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8'%3E%3Cpath d='M4.2 19.8l1.1-3.9A8.5 8.5 0 1 1 8.4 19z'/%3E%3Cpath d='M9 8.6c.3-.7.9-.7 1.2 0l.6 1.4c.1.3 0 .6-.2.8l-.5.5c.6 1.2 1.6 2.2 2.8 2.8l.5-.5c.2-.2.5-.3.8-.2l1.4.6c.7.3.7.9 0 1.2-1.6.9-3.7.2-5.4-1.5S8.1 10.2 9 8.6z' stroke-width='1.3'/%3E%3C/svg%3E"); --cx-i1:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Ccircle cx='24' cy='18' r='12'/%3E%3Ccircle cx='24' cy='18' r='8'/%3E%3Cpath d='M20 18l3 3 5.5-6'/%3E%3Cpath d='M16 27.5L11 41l6-2 3.5 5L25 30M32 27.5L37 41l-6-2-3.5 5L23 30'/%3E%3C/svg%3E"); --cx-i2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M24 5l18 9v20l-18 9-18-9V14z'/%3E%3Cpath d='M6 14l18 9 18-9M24 23v20'/%3E%3Cpath d='M6 21l18 9 18-9'/%3E%3C/svg%3E"); --cx-i3:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M9 41C7 22 20 8 41 7c1 21-13 34-32 34z'/%3E%3Cpath d='M9 41c7-10 14-18 24-25'/%3E%3C/svg%3E"); --cx-i4:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M24 15c2-5 9-6 11-1 1.8 4-1.5 7.5-11 13-9.5-5.5-12.8-9-11-13 2-5 9-4 11 1z'/%3E%3Cpath d='M4 28l9-6 11 9 11-9 9 6-20 14z'/%3E%3C/svg%3E"); } .v3 .nav.cx-nav{background:var(--cx-cream);border-bottom:1px solid rgba(15,14,14,.08);position:sticky;top:0;z-index:50} .v3 .cx-nav .wrap{height:84px;gap:clamp(14px,2vw,32px)} .v3 .cx-nav .brand{flex:none} .v3 .cx-nav>.wrap>ul.cx-main{display:flex;margin:0 auto;gap:clamp(18px,2.6vw,46px);align-items:center} .v3 .cx-nav ul.cx-main>li{position:relative} .v3 .cx-nav ul.cx-main>li>a, .v3 .cx-nav ul.cx-main>li>span{font-family:var(--cx-ui);font-size:.86rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:var(--cx-ink);padding:10px 0 6px;border-bottom:1.5px solid transparent;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap} .v3 .cx-nav ul.cx-main>li>a:hover,.v3 .cx-nav ul.cx-main>li>a[aria-current], .v3 .cx-nav ul.cx-main>li.cx-dd:hover>span,.v3 .cx-nav ul.cx-main>li.cx-dd:focus-within>span, .v3 .cx-nav ul.cx-main>li.cx-dd.is-current>span{border-bottom-color:var(--cx-ink)} .v3 .cx-nav .cx-dd>span::after{content:"";width:9px;height:6px;background:currentColor;-webkit-mask:var(--cx-chev) center/contain no-repeat;mask:var(--cx-chev) center/contain no-repeat} .v3 .cx-nav .cx-sub{position:absolute;left:-22px;top:100%;min-width:270px;margin:0;padding:16px 20px;list-style:none;display:block;background:#0b0b0b;border-radius:10px;box-shadow:0 24px 50px -20px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s;z-index:60} .v3 .cx-nav .cx-dd:hover>.cx-sub,.v3 .cx-nav .cx-dd:focus-within>.cx-sub{opacity:1;visibility:visible;transform:none} .v3 .cx-nav .cx-dd::before{content:"";position:absolute;left:0;right:0;top:100%;height:12px} .v3 .cx-nav .cx-sub a{display:flex;align-items:flex-start;gap:12px;padding:9px 0;font-family:var(--cx-ui);font-size:.82rem;font-weight:500;letter-spacing:.02em;line-height:1.3;text-transform:uppercase;color:#fff;border:0;white-space:normal} .v3 .cx-nav .cx-sub a::before{content:"";flex:none;width:15px;height:15px;margin-top:1px;background:#fff;-webkit-mask:var(--cx-table) center/contain no-repeat;mask:var(--cx-table) center/contain no-repeat} .v3 .cx-nav .cx-sub a:hover{color:var(--gold-light,#cdab6c)} .v3 .cx-nav .cx-sub li.cx-sep{border-top:1px solid rgba(255,255,255,.18);margin-top:8px;padding-top:8px} .v3 .cx-nav .cx-sub li.cx-sep a::before,.v3 .cx-nav .cx-sub li.cx-sep~li a::before{background:var(--cx-gold)} .v3 .cx-nav .cx-social{display:flex;align-items:center;gap:16px;flex:none} .v3 .cx-nav .cx-social a{width:22px;height:22px;display:block;background:var(--cx-ink);-webkit-mask:var(--cx-ig) center/contain no-repeat;mask:var(--cx-ig) center/contain no-repeat} .v3 .cx-nav .cx-social a.cx-wa{-webkit-mask-image:var(--cx-wa);mask-image:var(--cx-wa)} .v3 .cx-nav .cx-social a:hover{background:var(--cx-gold)} .v3 .cx-nav .lang{margin-left:6px} .v3 .cx-nav>.wrap>.btn{display:none!important} .v3 .cx-nav .menu{display:none;margin-left:auto} .v3 .cx-nav .menu summary{font-family:var(--cx-ui);border-radius:6px} .v3 .cx-nav .menu>ul{max-height:calc(100vh - 110px);overflow:auto;min-width:290px;border-radius:10px} .v3 .cx-nav .menu ul ul{position:static;border:0;box-shadow:none;padding:0 0 6px 14px;min-width:0;background:none} .v3 .cx-nav .menu ul ul a{padding:8px 0;font-size:.7rem;letter-spacing:.12em;border-bottom:0} .v3 .cx-nav .menu .cx-mh{display:block;padding:14px 0 6px;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cx-gold)} @media (max-width:1380px){.v3 .cx-nav>.wrap>ul.cx-main{display:flex}.v3 .cx-nav .menu{display:none}} @media (max-width:1180px){.v3 .cx-nav ul.cx-main{gap:20px}.v3 .cx-nav ul.cx-main>li>a,.v3 .cx-nav ul.cx-main>li>span{font-size:.78rem}.v3 .cx-nav .cx-social{display:none}} @media (max-width:980px){ .v3 .cx-nav>.wrap>ul.cx-main{display:none} .v3 .cx-nav .menu{display:block} .v3 .cx-nav .wrap{height:70px} } .v3-product{background:var(--cx-cream)} .v3-product .crumbs{text-transform:none;letter-spacing:0;font-size:.92rem;color:var(--cx-ink)} .v3-product .crumbs a{border:0} .v3-product .crumbs span{color:var(--cx-ink)} .v3-product .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,64px)} .v3-product .hero-media img{border-radius:var(--cx-radius);aspect-ratio:4/3;object-fit:cover;box-shadow:0 30px 60px -40px rgba(30,20,10,.45)} .v3-product .hero-copy .eyebrow{color:var(--cx-gold);font-size:.74rem;font-weight:600;letter-spacing:.32em} .v3-product .hero-copy .eyebrow::before{display:none} .v3-product .hero-copy h1{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.08;margin:.25em 0 .4em;color:var(--cx-ink)} .v3-product .hero-copy .lead{font-size:clamp(1.02rem,1.25vw,1.18rem);line-height:1.75;color:var(--cx-ink);max-width:none} .v3-product .pricebox{flex-direction:column;align-items:flex-start;border-color:rgba(15,14,14,.14);padding-block:30px;margin-top:28px;gap:6px} .v3-product .pricebox small{color:#6e6257;font-size:.8rem;letter-spacing:.14em} .v3-product .pricebox strong{font-size:clamp(2.3rem,3.6vw,3.2rem);margin-top:8px;color:var(--cx-ink)} .v3-product .pricebox em{color:#6e6257;font-size:.95rem;margin-top:10px} .v3-product .hero-copy .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px} .v3 main .btn{font-family:var(--cx-ui);font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-radius:0} .v3 main .btn.primary,.v3 main .btn.tarif-btn{background:var(--cx-ink);color:#fff;border:1px solid var(--cx-ink)} .v3 main .btn.primary:hover,.v3 main .btn.tarif-btn:hover{background:var(--cx-brown);border-color:var(--cx-brown)} .v3 main .btn.secondary:not(.tarif-btn){background:transparent;color:var(--cx-ink);border:1px solid var(--cx-ink)} .v3 main .btn.secondary:not(.tarif-btn):hover{background:var(--cx-ink);color:#fff} .v3-product .hero-copy .actions .btn{min-height:54px;padding:0 26px;font-size:.8rem} .v3 main section.trust{background:var(--cx-brown)!important;border:0!important;color:#fff;padding-block:clamp(26px,3vw,44px)!important;margin-top:clamp(36px,5vw,64px)} .v3-product main section.trust{margin-top:clamp(40px,5vw,72px)} .v3 :is(.trust-grid,.trustin){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important} .v3 :is(.trust-item,.trustin>div){position:relative;display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:22px;row-gap:6px;align-items:center;text-align:left!important;padding:14px clamp(14px,2.4vw,40px)!important;border:0!important;border-left:1px solid var(--cx-brown-line)!important} .v3 :is(.trust-item,.trustin>div):first-child{border-left:0!important} .v3 :is(.trust-item,.trustin>div)::before{content:"";grid-row:1/span 2;width:54px;height:54px;background:var(--cx-gold);-webkit-mask:var(--cx-i1) center/contain no-repeat;mask:var(--cx-i1) center/contain no-repeat} .v3 :is(.trust-item,.trustin>div):nth-child(2)::before{-webkit-mask-image:var(--cx-i2);mask-image:var(--cx-i2)} .v3 :is(.trust-item,.trustin>div):nth-child(3)::before{-webkit-mask-image:var(--cx-i3);mask-image:var(--cx-i3)} .v3 :is(.trust-item,.trustin>div):nth-child(4)::before{-webkit-mask-image:var(--cx-i4);mask-image:var(--cx-i4)} .v3 :is(.trust-item b,.trustin strong){font-family:var(--display)!important;font-weight:400;font-size:clamp(.9rem,1.1vw,1.05rem)!important;letter-spacing:.06em;text-transform:uppercase;color:var(--cx-gold);align-self:end} .v3 :is(.trust-item small,.trustin span){font-size:clamp(.92rem,1.15vw,1.08rem)!important;color:#fff;line-height:1.35;align-self:start} @media (max-width:900px){ .v3 :is(.trust-grid,.trustin){grid-template-columns:repeat(2,minmax(0,1fr))!important} .v3 :is(.trust-item,.trustin>div):nth-child(3){border-left:0!important} .v3 :is(.trust-item,.trustin>div):nth-child(n+3){border-top:1px solid var(--cx-brown-line)!important} .v3-product .hero-grid{grid-template-columns:1fr} } @media (max-width:520px){ .v3 :is(.trust-grid,.trustin){grid-template-columns:1fr!important} .v3 :is(.trust-item,.trustin>div){border-left:0!important;border-top:1px solid var(--cx-brown-line)!important} .v3 :is(.trust-item,.trustin>div):first-child{border-top:0!important} .v3-product .hero-copy .actions .btn{width:100%;justify-content:center} } @media (min-width:901px){ .v3-product .hero-grid{align-items:stretch} .v3-product .hero-media{margin:0;display:flex} .v3-product .hero-media img{height:100%;min-height:520px;aspect-ratio:auto} } .v3-product .hero-copy .actions .btn.secondary:not(.tarif-btn)::after{display:none}
/* céramiques : nom, référence, puis mention de supplément, bien lisibles */
.cg-cer strong{font-family:var(--display,'Marcellus',serif)!important;font-weight:400!important;font-size:1.08rem!important;line-height:1.25} .cg-cer small{font-size:.88rem!important} .cg-cer em{font-size:.95rem!important;font-style:normal!important;margin-top:6px} .v3 .cer .cx-sup{font-size:.88rem;color:#6f7868;margin-top:4px;letter-spacing:.01em} .v3 .cer .cx-sup.plus{color:#9b6a2d;font-weight:500}