/* Wenergy tools — calculator + proposal form. Theme can override the variables. */
.wet-calc, .wet-form {
	--wet-ink: #0b0d0c; --wet-ink-2: #2a302c; --wet-mute: #6c726e; --wet-line: rgba(11,13,12,.12);
	--wet-card: #ffffff; --wet-soft: #f4f2ed; --wet-sun: linear-gradient(100deg,#ffb21a,#ff6a1a 55%,#e8233c);
	--wet-accent: #ff6a1a; --wet-radius: 18px;
	font-family: inherit; color: var(--wet-ink);
}
.wet-calc *, .wet-form * { box-sizing: border-box; }
.wet-calc button, .wet-form button { font: inherit; cursor: pointer; }

.wet-calc { background: var(--wet-card); border-radius: calc(var(--wet-radius) + 6px); box-shadow: 0 40px 80px -40px rgba(11,13,12,.35), 0 0 0 1px var(--wet-line); overflow: hidden; }
.wet-steps { display: grid; grid-template-columns: repeat(4,1fr); list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--wet-line); }
.wet-steps li { padding: 18px 22px; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--wet-mute); position: relative; }
.wet-steps li span { display: block; font-size: .7rem; opacity: .6; margin-bottom: 2px; }
.wet-steps li::after { content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--wet-sun); transform: scaleX(0); transform-origin: left; transition: transform .6s cubic-bezier(.2,.7,.1,1); }
.wet-steps li.is-on { color: var(--wet-ink); }
.wet-steps li.is-on::after { transform: scaleX(1); }

.wet-stage { padding: clamp(24px,4vw,56px); }
.wet-step { display: none; border: 0; margin: 0; padding: 0; min-width: 0; }
.wet-step.is-on { display: block; animation: wetIn .55s cubic-bezier(.2,.7,.1,1); }
@keyframes wetIn { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
.wet-step legend { font-size: clamp(1.5rem,2.6vw,2.2rem); letter-spacing: -.02em; font-weight: 500; margin-bottom: 26px; padding: 0; }
.wet-label { margin: 28px 0 12px; font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--wet-mute); }

.wet-options { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.wet-options button { text-align: left; padding: 22px; border-radius: var(--wet-radius); border: 1px solid var(--wet-line); background: var(--wet-soft); transition: .25s; color: var(--wet-ink); }
.wet-options button strong { display: block; font-size: 1.08rem; font-weight: 600; margin-bottom: 6px; }
.wet-options button span { font-size: .88rem; color: var(--wet-mute); line-height: 1.45; }
.wet-options button:hover { border-color: var(--wet-ink); transform: translateY(-2px); }
.wet-options button.is-on { background: var(--wet-ink); color: #fff; border-color: var(--wet-ink); }
.wet-options button.is-on span { color: rgba(255,255,255,.7); }

.wet-pills, .wet-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.wet-pills button, .wet-chips button { padding: 11px 18px; border-radius: 999px; border: 1px solid var(--wet-line); background: transparent; font-size: .92rem; color: var(--wet-ink); transition: .2s; }
.wet-pills button.is-on { background: var(--wet-ink); color: #fff; border-color: var(--wet-ink); }
.wet-chips { margin-top: 14px; }
.wet-chips button:hover, .wet-pills button:hover { border-color: var(--wet-ink); }

.wet-field { display: flex; flex-direction: column; gap: 8px; }
.wet-field > span { font-size: .78rem; letter-spacing: .06em; text-transform: uppercase; color: var(--wet-mute); }
.wet-field input, .wet-field select, .wet-field textarea, .wet-quick input {
	width: 100%; padding: 15px 16px; border-radius: 12px; border: 1px solid var(--wet-line); background: var(--wet-card); font: inherit; color: var(--wet-ink); transition: border-color .2s, box-shadow .2s;
}
.wet-field input:focus, .wet-field select:focus, .wet-field textarea:focus, .wet-quick input:focus { outline: none; border-color: var(--wet-ink); box-shadow: 0 0 0 4px rgba(255,106,26,.15); }
.wet-field--big { margin-top: 22px; }
.wet-input { display: flex; align-items: baseline; gap: 10px; border-bottom: 2px solid var(--wet-ink); padding-bottom: 6px; }
.wet-input em { font-style: normal; font-size: clamp(1.6rem,3vw,2.6rem); color: var(--wet-mute); }
.wet-input input { border: 0 !important; box-shadow: none !important; padding: 0 !important; font-size: clamp(2.4rem,6vw,4.5rem) !important; letter-spacing: -.04em; font-weight: 500; background: transparent !important; }
.wet-input input::-webkit-outer-spin-button, .wet-input input::-webkit-inner-spin-button { -webkit-appearance: none; }

.wet-nav { display: flex; justify-content: space-between; align-items: center; margin-top: 36px; gap: 12px; flex-wrap: wrap; }
.wet-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 15px 28px; border-radius: 6px; border: 0; background: var(--wet-ink); color: #fff !important; font-weight: 500; text-decoration: none; transition: transform .25s, opacity .25s, box-shadow .25s; }
.wet-btn:hover { transform: translateY(-2px); }
.wet-btn:disabled { opacity: .3; cursor: not-allowed; transform: none; }
.wet-btn--ghost { background: transparent; color: var(--wet-ink) !important; box-shadow: inset 0 0 0 1px var(--wet-line); }
.wet-btn--sun { background: var(--wet-sun); box-shadow: 0 14px 30px -12px rgba(232,35,60,.55); }
.wet-btn--wide { width: 100%; margin-top: 8px; }
.wet-link { color: var(--wet-ink); font-weight: 500; text-decoration: none; border-bottom: 1px solid currentColor; }

.wet-result__grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: clamp(24px,4vw,56px); align-items: start; }
.wet-kicker { font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--wet-mute); margin: 0 0 10px; }
.wet-big { font-size: clamp(4rem,10vw,8rem); line-height: .9; letter-spacing: -.06em; font-weight: 500; }
.wet-big small { font-size: .3em; letter-spacing: 0; margin-left: 6px; color: var(--wet-mute); }
.wet-need { margin: 26px 0 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--wet-line); }
.wet-need div { padding: 16px 0; border-bottom: 1px solid var(--wet-line); }
.wet-need dt { font-size: .74rem; letter-spacing: .06em; text-transform: uppercase; color: var(--wet-mute); }
.wet-need dd { margin: 4px 0 0; font-size: 1.15rem; font-weight: 500; }
.wet-fine { font-size: .8rem; color: var(--wet-mute); margin-top: 16px; line-height: 1.5; }

.wet-match { display: grid; grid-template-columns: 44% 1fr; gap: 0; border-radius: var(--wet-radius); overflow: hidden; background: var(--wet-soft); color: var(--wet-ink); text-decoration: none; transition: transform .3s, box-shadow .3s; }
.wet-match:hover { transform: translateY(-3px); box-shadow: 0 30px 50px -30px rgba(11,13,12,.4); }
.wet-match img { width: 100%; height: 100%; object-fit: cover; min-height: 220px; }
.wet-match div { padding: 22px; display: flex; flex-direction: column; gap: 8px; }
.wet-match strong { font-size: 1.2rem; line-height: 1.2; font-weight: 600; }
.wet-match span { font-size: .88rem; color: var(--wet-mute); line-height: 1.5; }
.wet-match em { font-style: normal; font-size: 1.6rem; font-weight: 600; letter-spacing: -.02em; margin-top: auto; }
.wet-match em small { font-size: .7rem; font-weight: 400; color: var(--wet-mute); letter-spacing: .04em; text-transform: uppercase; }
.wet-payback { font-size: .8rem; color: var(--wet-accent); }
.wet-match__links { display: flex; gap: 22px; margin-top: 14px; }
.wet-match__links a { color: var(--wet-ink); font-weight: 500; text-decoration: none; font-size: .92rem; }
.wet-custom { background: var(--wet-ink); color: #fff; border-radius: var(--wet-radius); padding: 30px; }
.wet-custom h4 { font-size: 1.5rem; margin: 0 0 10px; font-weight: 500; }
.wet-custom p { color: rgba(255,255,255,.72); line-height: 1.55; margin: 0 0 20px; }

.wet-quick { margin-top: 36px; padding-top: 30px; border-top: 1px solid var(--wet-line); }
.wet-quick__row { display: grid; grid-template-columns: repeat(4,1fr) auto; gap: 10px; }
.wet-quick.is-sent .wet-quick__row, .wet-form.is-sent .wet-grid, .wet-form.is-sent .wet-consent, .wet-form.is-sent button { display: none; }
.wet-consent { display: flex; gap: 10px; align-items: flex-start; font-size: .85rem; color: var(--wet-mute); margin-top: 14px; line-height: 1.45; }
.wet-consent input { margin-top: 3px; accent-color: #ff6a1a; }
.wet-msg { margin: 14px 0 0; font-size: .95rem; min-height: 1em; }
.wet-msg.is-ok { color: #1f7a45; font-size: 1.1rem; font-weight: 500; }
.wet-msg.is-err { color: #c0262d; }
.wet-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }

.wet-form { background: var(--wet-card); border-radius: calc(var(--wet-radius) + 6px); padding: clamp(22px,3.5vw,44px); box-shadow: 0 40px 80px -40px rgba(11,13,12,.35), 0 0 0 1px var(--wet-line); }
.wet-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.wet-field--full { grid-column: 1 / -1; }
.wet-selected { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; background: var(--wet-soft); border-radius: 12px; margin-bottom: 20px; border-left: 3px solid var(--wet-accent); }
.wet-selected span { font-size: .74rem; letter-spacing: .06em; text-transform: uppercase; color: var(--wet-mute); }

@media (max-width: 900px) {
	.wet-options { grid-template-columns: 1fr; }
	.wet-result__grid { grid-template-columns: 1fr; }
	.wet-quick__row { grid-template-columns: 1fr 1fr; }
	.wet-quick__row button { grid-column: 1 / -1; }
	.wet-steps li { padding: 14px 10px; font-size: .66rem; }
}
@media (max-width: 560px) {
	.wet-grid, .wet-quick__row { grid-template-columns: 1fr; }
	.wet-match { grid-template-columns: 1fr; }
	.wet-match img { min-height: 180px; max-height: 220px; }
	.wet-steps li span { display: none; }
}
.wet-closest { margin: 18px 0 0 !important; font-size: .85rem; }
.wet-closest a { color: #fff; }