.dlb-calc { --c-aub: var(--dlb-aubergine, #24152a); --c-red: var(--dlb-red, #891a15); --c-hair: var(--dlb-hairline, #e6e0e8); --c-ink: var(--dlb-ink, #3d3542); --c-mist: var(--dlb-mist, #f6f3f5); color: var(--c-ink); }
.dlb-calc__steps { list-style: none; margin: 0 0 40px !important; padding: 0 !important; display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--c-hair); }
.dlb-calc__steps li { padding: 0 24px 14px 12px; margin-bottom: -1px; border-bottom: 2px solid transparent; font-size: 12px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: #5f6a63; }
.dlb-calc__steps li.is-active { color: var(--c-red); border-bottom-color: var(--c-red); }
.dlb-calc__steps li.is-done { color: var(--c-aub); }
.dlb-calc.is-ready .dlb-calc__fallback { display: none; }
.dlb-calc__fallback ul { list-style: none; padding: 0 !important; }
.dlb-calc__fallback li { display: flex; justify-content: space-between; border-top: 1px solid var(--c-hair); padding: 10px 0; }
.dlb-calc__title { font-size: 24px !important; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--c-red) !important; padding-bottom: 20px !important; line-height: 1.3 !important; }
.dlb-calc__services { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.dlb-calc__svc { display: flex; flex-direction: column; justify-content: center; gap: 6px; min-height: 160px; padding: 24px; text-align: left; background: var(--c-aub); color: #c8d2cb; border: 0; cursor: pointer; font: inherit; font-size: 14px; transition: background .2s, transform .2s; }
.dlb-calc__svc strong { color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; line-height: 1.5; }
.dlb-calc__svc:hover, .dlb-calc__svc:focus-visible { background: var(--c-red); }
.dlb-calc__svc:hover span, .dlb-calc__svc:focus-visible span { color: #fff; }
.dlb-calc__other { margin-top: 24px; font-size: 15px; }
.dlb-calc__other a, .dlb-calc__back a { color: var(--c-red); text-decoration: underline; text-underline-offset: 3px; }
.dlb-calc__grid { display: grid; grid-template-columns: 3fr 2fr; gap: 32px; align-items: start; }
.dlb-calc__label { font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; color: #5f6a63; padding-bottom: 12px !important; }
.dlb-calc__opt { display: grid; grid-template-columns: 22px 1fr auto; gap: 12px; align-items: center; padding: 16px; margin-bottom: 8px; border: 1px solid var(--c-hair); background: #fff; cursor: pointer; font-size: 15px; }
.dlb-calc__opt:has(input:checked) { border-color: var(--c-red); box-shadow: inset 3px 0 0 var(--c-red); }
.dlb-calc__opt input { accent-color: var(--c-red); width: 18px; height: 18px; margin: 0; }
.dlb-calc__opt em { font-style: normal; font-size: 13px; color: #5f6a63; white-space: nowrap; }
.dlb-calc__num { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; margin-bottom: 8px; border: 1px solid var(--c-hair); font-size: 15px; }
.dlb-calc__num input { width: 80px; padding: 10px; border: 1px solid #a9a397; font: inherit; }
.dlb-calc__back { margin-top: 16px; font-size: 14px; }
.dlb-calc__result { background: var(--c-aub); color: #c8d2cb; padding: 32px; position: sticky; top: 24px; }
.dlb-calc__result .dlb-calc__label { color: var(--dlb-red-on-dark, #e3aa97); }
.dlb-calc__price { font-size: 40px !important; line-height: 1.15 !important; font-weight: 500; color: #fff; padding-bottom: 8px !important; }
.dlb-calc__meta { font-size: 14px; line-height: 1.6; padding-bottom: 12px !important; }
.dlb-calc__meta strong { color: #fff; }
.dlb-calc__ext { font-size: 13px; line-height: 1.6; border-top: 1px solid #3d564c; padding-top: 14px; margin-top: 4px; }
.dlb-calc__cta { margin-top: 16px; width: 100%; padding: 16px 24px; background: #fff; color: var(--c-aub); border: 1px solid #fff; font: inherit; font-size: 12px; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; cursor: pointer; }
.dlb-calc__cta:hover { background: #ece7df; }
.dlb-calc__fine { font-size: 12px; margin-top: 12px; }
@media (max-width: 980px) { .dlb-calc__services { grid-template-columns: repeat(2, 1fr); } .dlb-calc__grid { grid-template-columns: 1fr; } .dlb-calc__result { position: static; } }
@media (max-width: 600px) { .dlb-calc__services { grid-template-columns: 1fr; } .dlb-calc__svc { min-height: 0; } .dlb-calc__opt { grid-template-columns: 22px 1fr; } .dlb-calc__opt em { grid-column: 2; white-space: normal; } .dlb-calc__steps li { padding: 0 12px 12px 0; font-size: 11px; letter-spacing: .1em; } .dlb-calc__price { font-size: 32px !important; } }

/* v2 warm look */
.dlb-calc { font-family: 'DM Sans', sans-serif; }
.dlb-calc__steps li { text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 600; }
.dlb-calc__title { font-family: 'Manrope', sans-serif; text-transform: none; letter-spacing: -.01em; font-weight: 600; color: var(--c-aub) !important; font-size: 28px !important; }
.dlb-calc__svc { border-radius: 12px; }
.dlb-calc__svc strong { font-family: 'Manrope', sans-serif; text-transform: none; letter-spacing: 0; font-size: 17px; }
.dlb-calc__opt, .dlb-calc__num { border-radius: 10px; background: #fbf9f5; }
.dlb-calc__num input { border-radius: 6px; }
.dlb-calc__label { text-transform: none; letter-spacing: .02em; font-size: 14px; }
.dlb-calc__result { border-radius: 16px; }
.dlb-calc__price { font-family: 'Manrope', sans-serif; }
.dlb-calc__cta { border-radius: 8px; text-transform: none; letter-spacing: .01em; font-size: 15px; background: #f6f3ee; border-color: #f6f3ee; }
.dlb-calc__cta:hover { background: #ece7df; }