/* CCB Sledge Boutique : devis (bouton fiche produit, page de demande, page de consultation). */
.ccb-qb{display:block;width:100%;margin:0;padding:15px 14px;border:1px solid #242424;border-radius:2px;background:transparent;color:#242424;font:600 .78rem/1.3 Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:center;cursor:pointer;transition:background-color .2s,color .2s}
.ccb-qb:hover,.ccb-qb:focus-visible{background:#242424;color:#fff}
.ccb-qb:focus-visible{outline:2px solid #CDBD92;outline-offset:2px}
.ccb-qb__msg{margin:10px 0 0;font:400 .9rem/1.5 Lato,sans-serif;color:#3a3a3a}
.ccb-qb__msg a{color:#242424;text-decoration:underline;text-decoration-color:#CDBD92;text-underline-offset:3px;font-weight:700}
.ccb-qb__msg.is-err{color:#a1281b}

.ccb-qi{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;padding:0;color:#242424;text-decoration:none;transition:opacity .2s}
.ccb-qi:hover,.ccb-qi:focus-visible{color:#242424;opacity:.6}
.ccb-qi:focus-visible{outline:2px solid #242424;outline-offset:2px}
.ccb-qi__svg{display:block;width:28px;height:28px}
.ccb-qi__n{position:absolute;top:1px;right:-3px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#CDBD92;color:#242424;font:700 10px/1 Montserrat,sans-serif;box-sizing:border-box}
.ccb-qi__n[hidden]{display:none}

.ccb-qf{--ccb-q-accent:#CDBD92;max-width:860px;margin:0 auto;padding:clamp(24px,5vw,56px) 16px;font:400 1rem/1.6 Lato,sans-serif;color:#3a3a3a}
.ccb-qf__eyebrow{margin:0 0 8px;font:600 .72rem/1 Montserrat,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#7A6A3A;text-align:center}
.ccb-qf__title{margin:0 0 .5em;font:300 clamp(1.7rem,3.4vw,2.4rem)/1.2 Poppins,sans-serif;color:#242424;text-align:center}
.ccb-qf__intro{margin:0 0 24px;text-align:center;color:#6f6f6f}
.ccb-qf__empty{text-align:center;padding:24px 0}
.ccb-qf__lines{list-style:none;margin:0 0 32px;padding:0;border-top:1px solid #e6e1d3}
.ccb-qf__line{display:grid;grid-template-columns:64px 1fr auto 32px;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #e6e1d3}
.ccb-qf__line img,.ccb-qf__ph{width:64px;height:64px;object-fit:contain;background:#fff;mix-blend-mode:multiply;border-radius:2px}
.ccb-qf__ph{display:block;background:#F6F3EC}
.ccb-qf__info a{display:block;color:#242424;font-weight:700;text-decoration:none}
.ccb-qf__info a:hover{text-decoration:underline;text-decoration-color:var(--ccb-q-accent)}
.ccb-qf__info small{color:#6f6f6f}
.ccb-qf__qty{display:inline-flex;border:1px solid #d8d2c0;border-radius:2px}
.ccb-qf .ccb-qf__qty button{width:34px;height:auto;padding:0;border:0;border-radius:0;background:#F6F3EC;color:#242424;font-size:1.1rem;line-height:1;cursor:pointer}
.ccb-qf .ccb-qf__qty button:hover{background:var(--ccb-q-accent);color:#242424}
.ccb-qf__qty input{width:56px;border:0;text-align:center;font:inherit;-moz-appearance:textfield;background:#fff}
.ccb-qf__qty input::-webkit-outer-spin-button,.ccb-qf__qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.ccb-qf .ccb-qf__rm{width:32px;height:32px;padding:0;border:0;border-radius:0;background:none;color:#6f6f6f;font-size:1.4rem;line-height:1;cursor:pointer}
.ccb-qf .ccb-qf__rm:hover{background:none;color:#a1281b}
.ccb-qf__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-bottom:14px}
.ccb-qf__f{display:block}
.ccb-qf__f span{display:block;margin-bottom:5px;font:600 .72rem/1.2 Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#242424}
.ccb-qf__f abbr{color:#a1281b;text-decoration:none}
.ccb-qf__f input,.ccb-qf__f textarea{width:100%;padding:12px 14px;border:1px solid #d8d2c0;border-radius:2px;background:#fff;font:inherit;color:#242424}
.ccb-qf__f input:focus,.ccb-qf__f textarea:focus{outline:2px solid var(--ccb-q-accent);outline-offset:0;border-color:#242424}
.ccb-qf__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.ccb-qf__check{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:.9rem}
.ccb-qf__check input{margin-top:5px}
.ccb-qf__check a{color:#242424}
.ccb-qf__btn{display:inline-block;padding:15px 30px;border:1px solid #242424;border-radius:2px;background:#242424;color:#fff;font:600 .8rem/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s}
.ccb-qf__btn:hover,.ccb-qf__btn:focus-visible{background:var(--ccb-q-accent);border-color:var(--ccb-q-accent);color:#242424}
.ccb-qf a.ccb-qf__btn{color:#fff}
.ccb-qf a.ccb-qf__btn:hover,.ccb-qf a.ccb-qf__btn:focus-visible{color:#242424}
.ccb-qf__btn--ghost{background:transparent;color:#242424}
.ccb-qf__btn:disabled{opacity:.5;cursor:wait}
.ccb-qf__msg{padding:14px 18px;border-left:3px solid var(--ccb-q-accent);background:#F6F3EC;color:#242424}
.ccb-qf__err{border-left-color:#a1281b;color:#a1281b}
.ccb-qf__actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 12px}
.ccb-qf [hidden]{display:none!important}

.ccb-qv__table{overflow-x:auto;margin:0 0 20px}
.ccb-qv table{width:100%;border-collapse:collapse;font-size:.95rem}
.ccb-qv th{padding:10px 12px;background:#F6F3EC;font:600 .72rem/1.2 Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:left;color:#242424}
.ccb-qv td{padding:12px;border-bottom:1px solid #e6e1d3;vertical-align:top}
.ccb-qv td small{color:#6f6f6f}
.ccb-qf.ccb-qv table{border:0;margin:0}
.ccb-qf.ccb-qv table th,.ccb-qf.ccb-qv table td{border:0;background:transparent}
.ccb-qf.ccb-qv table td{border-bottom:1px solid #e6e1d3}
.ccb-qf.ccb-qv table th{background:#F6F3EC}
.ccb-qf.ccb-qv table tr:hover td{background:transparent}
.ccb-qv__tot{display:grid;grid-template-columns:1fr auto;gap:6px 24px;max-width:320px;margin:0 0 20px auto}
.ccb-qv__tot dt,.ccb-qv__tot dd{margin:0}
.ccb-qv__tot dd{text-align:right}
.ccb-qv__tot .is-big{padding-top:10px;border-top:2px solid #242424;font-weight:700;font-size:1.15rem;color:#242424}
.ccb-qv__note{padding:14px 18px;background:#F6F3EC;border-left:3px solid #CDBD92}
.ccb-qv__meta{color:#6f6f6f;font-size:.9rem}
.ccb-qv__meta a{color:#242424}

@media(max-width:640px){
	.ccb-qf__grid{grid-template-columns:1fr}
	.ccb-qf__line{grid-template-columns:56px 1fr 32px;grid-template-areas:"i n r" "i q r"}
	.ccb-qf__line>:nth-child(1){grid-area:i;width:56px;height:56px}
	.ccb-qf__info{grid-area:n}
	.ccb-qf__qty{grid-area:q;justify-self:start}
	.ccb-qf__rm{grid-area:r}
}
@media(prefers-reduced-motion:reduce){.ccb-qb,.ccb-qf__btn{transition:none}}
.ccb-qb__note{margin:10px 0 0;font:400 .85rem/1.5 Lato,sans-serif;color:#6f6f6f}