﻿/* Dreamy Periwinkle haul planner. */
body.weight-estimator-page.tool-periwinkle-page { --we3-gradient:linear-gradient(135deg,#e7d8ff,#b8c0ff); }
body.weight-estimator-page.tool-periwinkle-page .we-shell { width:min(1180px,calc(100% - 48px)); max-width:1180px; margin:38px auto 0; }
body.weight-estimator-page.tool-periwinkle-page .we-hero { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:40px; align-items:center; min-height:0; margin-bottom:36px; padding:0; border:0 !important; border-radius:0; background:none !important; box-shadow:none !important; overflow:visible; }
body.weight-estimator-page.tool-periwinkle-page .we-hero::before,body.weight-estimator-page.tool-periwinkle-page .we-hero::after { display:none; }
.we3-eyebrow { font-size:9px; font-weight:850; letter-spacing:.17em; color:#78779a; margin-bottom:21px; }
body.weight-estimator-page.tool-periwinkle-page .we-hero h1 { font-size:clamp(45px,5vw,68px); line-height:1.04; letter-spacing:-.06em; margin:0; max-width:none; }
body.weight-estimator-page.tool-periwinkle-page.light-theme .we-hero h1 span { background:var(--we3-gradient) !important; background-clip:text !important; -webkit-background-clip:text !important; -webkit-text-fill-color:transparent !important; color:#b8c0ff !important; }
body.weight-estimator-page.tool-periwinkle-page .we-hero-copy > p { font-size:13px; font-weight:400; line-height:1.8; margin:20px 0 0; max-width:580px; }
.we3-haul-meter { position:relative; border:1px solid #fff9; border-radius:22px; padding:25px; background:var(--we3-gradient); color:#3a3b60; transform:rotate(3deg); box-shadow:0 16px 36px #7273ad18; }
.we3-meter-icon { display:grid; place-items:center; width:37px; height:37px; border:1px solid #ffffff80; border-radius:11px; background:#ffffff60; margin-bottom:17px; }
.we3-meter-icon svg { width:23px; height:23px; }
.we3-haul-meter > span:not(.we3-meter-icon) { font:8px monospace; letter-spacing:.1em; }
.we3-haul-meter > strong { display:block; margin-top:9px; font-size:45px; line-height:1; letter-spacing:-.055em; }
.we3-haul-meter strong b { font-weight:850; }
.we3-haul-meter small { font-size:17px; font-weight:500; }
.we3-meter-rule { height:12px; margin-top:20px; background:repeating-linear-gradient(90deg,#68699c55 0 1px,transparent 1px 10px); border-bottom:1px solid #68699c35; }
.we3-haul-meter p { margin-top:10px; font-size:9px; }
body.weight-estimator-page.tool-periwinkle-page .we-workspace { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:24px; align-items:stretch; margin:0; }
body.weight-estimator-page.tool-periwinkle-page .we-card { padding:28px; border-radius:20px; border:1px solid #dcdbea90 !important; background:#fff !important; box-shadow:0 14px 35px #67608708 !important; }
body.weight-estimator-page.tool-periwinkle-page .we-card-head { align-items:center; margin-bottom:24px; gap:15px; }
body.weight-estimator-page.tool-periwinkle-page .we-card-kicker { font-size:9px; letter-spacing:.14em; color:#7c79a1 !important; }
body.weight-estimator-page.tool-periwinkle-page .we-card-head h2 { font-size:25px; letter-spacing:-.045em; line-height:1.15; margin-top:9px; }
body.weight-estimator-page.tool-periwinkle-page .we-field label,body.weight-estimator-page.tool-periwinkle-page .we-field legend { font-size:11px; }
body.weight-estimator-page.tool-periwinkle-page .we-category-trigger { min-height:60px; border-radius:10px; background:#f8f8fd !important; border-color:#deddee !important; box-shadow:none !important; }
body.weight-estimator-page.tool-periwinkle-page .we-category-trigger strong { font-size:12px; }
body.weight-estimator-page.tool-periwinkle-page .we-category-trigger small { font-size:10px; }
body.weight-estimator-page.tool-periwinkle-page .we-input-unit,body.weight-estimator-page.tool-periwinkle-page .we-stepper { min-height:46px; border-radius:10px; background:#f8f8fd !important; border-color:#deddee !important; box-shadow:none !important; }
body.weight-estimator-page.tool-periwinkle-page .we-field-hint { font-size:10px; margin-top:8px; }
body.weight-estimator-page.tool-periwinkle-page .we-choice span { border-radius:10px; box-shadow:none !important; }
body.weight-estimator-page.tool-periwinkle-page .we-choice input:checked + span { background:var(--we3-gradient) !important; border-color:#b8c0ff !important; color:#424467 !important; }
body.weight-estimator-page.tool-periwinkle-page .we-choice strong { font-size:11px; }
body.weight-estimator-page.tool-periwinkle-page .we-choice small { font-size:9px; }
body.weight-estimator-page.tool-periwinkle-page .we-toggle-row { margin-top:18px; padding:15px 0; border-radius:0; border:0; border-top:1px solid #eeeaf6; background:none !important; box-shadow:none !important; }
body.weight-estimator-page.tool-periwinkle-page .we-toggle-row strong { font-size:11px; }
body.weight-estimator-page.tool-periwinkle-page .we-toggle-row div > span { font-size:10px; }
body.weight-estimator-page.tool-periwinkle-page .we-primary-button,body.weight-estimator-page.tool-periwinkle-page .we-link-check,body.weight-estimator-page.tool-periwinkle-page .we-link-add { min-height:52px; border-radius:10px; background:var(--we3-gradient) !important; color:#333550 !important; box-shadow:0 8px 18px #acadd022 !important; border:0 !important; font-size:12px; }
body.weight-estimator-page.tool-periwinkle-page .we-primary-button:hover { filter:brightness(1.03); }
body.weight-estimator-page.tool-periwinkle-page .we-result-card { position:relative; top:auto; display:flex; flex-direction:column; background:linear-gradient(155deg,#faf7ff,#eef0ff) !important; }
body.weight-estimator-page.tool-periwinkle-page .we-confidence { font-size:9px; padding:6px 9px; background:#fff9 !important; color:#6d7196 !important; }
body.weight-estimator-page.tool-periwinkle-page .we-weight-result { padding:32px 12px 24px; border:0 !important; border-radius:16px; background:var(--we3-gradient) !important; text-align:center; }
body.weight-estimator-page.tool-periwinkle-page .we-weight-result > span { font-size:11px; }
body.weight-estimator-page.tool-periwinkle-page .we-weight-result > strong { display:block; font-size:clamp(58px,6vw,82px); line-height:1.1; margin:12px 0; letter-spacing:-.065em; color:#353755 !important; -webkit-text-fill-color:#353755 !important; }
body.weight-estimator-page.tool-periwinkle-page .we-weight-result strong small { font-size:25px; }
body.weight-estimator-page.tool-periwinkle-page .we-range { font-size:10px; color:#66678c; }
body.weight-estimator-page.tool-periwinkle-page .we-meter { margin:20px 0; }
body.weight-estimator-page.tool-periwinkle-page .we-meter-track > span { background:var(--we3-gradient) !important; }
body.weight-estimator-page.tool-periwinkle-page .we-result-grid { gap:0; background:none !important; }
body.weight-estimator-page.tool-periwinkle-page .we-result-grid > div { border:0 !important; border-bottom:1px solid #dcddeb !important; border-radius:0; background:none !important; padding:17px 8px; }
body.weight-estimator-page.tool-periwinkle-page .we-result-grid strong { font-size:16px; }
body.weight-estimator-page.tool-periwinkle-page .we-result-grid div > span { font-size:10px; }
body.weight-estimator-page.tool-periwinkle-page .we-notice { margin-top:auto; padding-top:20px; background:none !important; border:0 !important; font-size:11px; }
body.weight-estimator-page.tool-periwinkle-page .we-haul-card { margin-top:26px; }
body.weight-estimator-page.tool-periwinkle-page .we-haul-layout { grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:28px; }
body.weight-estimator-page.tool-periwinkle-page .we-empty { border:1px dashed #d5d2e8 !important; background:#f9f8fd !important; border-radius:14px; min-height:230px; }
body.weight-estimator-page.tool-periwinkle-page .we-empty-icon { background:var(--we3-gradient) !important; color:#65678e !important; box-shadow:none !important; }
body.weight-estimator-page.tool-periwinkle-page .we-summary { padding:22px; border-radius:14px; border:0 !important; background:#f6f6fc !important; box-shadow:none !important; }
body.weight-estimator-page.tool-periwinkle-page .we-total { background:var(--we3-gradient) !important; border:0 !important; border-radius:12px; padding:18px; }
body.weight-estimator-page.tool-periwinkle-page .we-total strong { color:#373959 !important; }
.we3-imports { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:28px; align-items:start; }
body.weight-estimator-page.tool-periwinkle-page .we3-imports .we-card { min-width:0; margin:0; padding:24px; }
body.weight-estimator-page.tool-periwinkle-page .we3-imports h2 { font-size:20px; line-height:1.2; letter-spacing:-.035em; }
body.weight-estimator-page.tool-periwinkle-page .we-link-layout { display:block; }
body.weight-estimator-page.tool-periwinkle-page .we-link-copy > p { font-size:12px; line-height:1.8; }
body.weight-estimator-page.tool-periwinkle-page .we-link-form { flex-direction:column; }
body.weight-estimator-page.tool-periwinkle-page .we-link-result { margin-top:18px; }
body.weight-estimator-page.tool-periwinkle-page .we-finds-results { max-height:320px; overflow:auto; }
body.weight-estimator-page.tool-periwinkle-page .we-info-grid { margin-top:32px; gap:28px; }
body.weight-estimator-page.tool-periwinkle-page .we-info-card { padding:0 0 0 30px; position:relative; min-height:0; border:0 !important; border-radius:0; background:none !important; box-shadow:none !important; }
body.weight-estimator-page.tool-periwinkle-page .we-info-card > span { position:absolute; left:0; top:2px; font:10px monospace; }
body.weight-estimator-page.tool-periwinkle-page .we-info-card h3 { margin:0 0 10px; font-size:12px; }
body.weight-estimator-page.tool-periwinkle-page .we-info-card p { font-size:11px; line-height:1.8; }
body.weight-estimator-page.tool-periwinkle-page .we-category-option[aria-selected="true"] { background:var(--we3-gradient) !important; color:#353755 !important; }
body.weight-estimator-page.tool-periwinkle-page .we-shell [hidden] { display:none !important; }
body.weight-estimator-page.tool-periwinkle-page .we-shell button:focus-visible { outline:3px solid #b8c0ff; outline-offset:3px; }
@media(max-width:900px) {
 body.weight-estimator-page.tool-periwinkle-page .we-hero { grid-template-columns:minmax(0,1fr) 200px; gap:24px; }
 .we3-haul-meter { padding:20px; }
 body.weight-estimator-page.tool-periwinkle-page .we-workspace { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
 body.weight-estimator-page.tool-periwinkle-page .we-card { padding:20px; }
 body.weight-estimator-page.tool-periwinkle-page .we-card-head { flex-wrap:wrap; }
 body.weight-estimator-page.tool-periwinkle-page .we-haul-layout,.we3-imports { grid-template-columns:1fr; }
}
@media(max-width:680px) {
 body.weight-estimator-page.tool-periwinkle-page .we-shell { width:calc(100% - 28px); margin-top:25px; }
 body.weight-estimator-page.tool-periwinkle-page .we-hero { grid-template-columns:1fr; gap:24px; margin-bottom:24px; }
 body.weight-estimator-page.tool-periwinkle-page .we-hero h1 { font-size:clamp(39px,8.7vw,56px); }
 body.weight-estimator-page.tool-periwinkle-page .we-hero-copy > p { font-size:12px; }
 body.weight-estimator-page.tool-periwinkle-page .we-hero-copy > p br { display:none; }
 .we3-haul-meter { transform:none; display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:12px; padding:17px; border-radius:14px; }
 .we3-meter-icon { margin:0; }
 .we3-haul-meter > strong { font-size:29px; margin:0; white-space:nowrap; }
 .we3-haul-meter > span:not(.we3-meter-icon) { font-size:8px; }
 .we3-meter-rule,.we3-haul-meter p { display:none; }
 body.weight-estimator-page.tool-periwinkle-page .we-workspace { grid-template-columns:1fr; }
 body.weight-estimator-page.tool-periwinkle-page .we-result-card { position:static; }
 body.weight-estimator-page.tool-periwinkle-page .we-card-head h2 { font-size:23px; }
 body.weight-estimator-page.tool-periwinkle-page .we-info-grid { grid-template-columns:1fr; }
 body.weight-estimator-page.tool-periwinkle-page .we-link-form { display:flex; }
 body.weight-estimator-page.tool-periwinkle-page .we-finds-head { align-items:flex-start; }
 body.weight-estimator-page.tool-periwinkle-page .we-result-grid { grid-template-columns:1fr 1fr; }
}
@media(prefers-reduced-motion:reduce) { body.weight-estimator-page.tool-periwinkle-page .we-shell * { transition:none !important; } }
