/* Unity builder. Values mirror the Kickflip "barebones" theme settings in the export. */
#ch-unity-builder {
    --chub-ink: #1b1b1b;
    --chub-red: #ce1010;
    --chub-red-hover: #292929;
    --chub-green: #26b117;
    --chub-grey: #808080;
    display: flex;
    height: 700px;
    background: #fff;
    color: var(--chub-ink);
    font-family: Roboto, Arial, sans-serif;
    box-sizing: border-box;
}
#ch-unity-builder *, #ch-unity-builder *::before, #ch-unity-builder *::after { box-sizing: inherit; }
/* Elessi gives every button a fixed height, padding, caps and letter-spacing; builder button rules below are
   prefixed with #ch-unity-builder so they outrank this reset. */
/* font-weight !important: the theme's style-font-weight-500.css sets buttons to 500 !important */
#ch-unity-builder button, #ch-unity-modal button {
    font: inherit; font-weight: 400 !important; color: inherit; cursor: pointer; text-transform: none; letter-spacing: normal; line-height: 1.3;
    height: auto; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
    display: inline-block; justify-content: flex-start; align-items: stretch; text-align: inherit; transition: none;
}

.chub-panel {
    flex: 0 0 400px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative;
    border-right: 1px solid #e5e5e5;
}
.chub-head { padding: 4px 16px 10px; border-bottom: 1px solid var(--chub-ink); }
#ch-unity-builder .chub-title { margin: 0; font: 400 28px/1.2 Lato, Arial, sans-serif; color: var(--chub-ink); text-transform: none; letter-spacing: 0; }
.chub-price { font-size: 24px; color: var(--chub-green); }
.chub-body { position: relative; z-index: 1; flex: 1; overflow-y: auto; }
/* previous panel content, animating out underneath the new content */
.chub-ghost { position: absolute; left: 0; right: 0; z-index: 0; overflow: hidden; pointer-events: none; }

#ch-unity-builder .chub-step {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-height: 72px;
    padding: 6px 16px;
    background: #fff;
    border: 0;
    border-bottom: 1px solid var(--chub-ink);
    text-align: left;
    font-size: 15px;
}
#ch-unity-builder .chub-step:hover { background: #fff; }
.chub-step-head { cursor: pointer; }
.chub-thumb {
    flex: 0 0 60px;
    height: 60px;
    border-radius: 4px;
    background: center / contain no-repeat;
}
.chub-step-name { flex: 1; font-size: 12px; }
.chub-step-value { flex: 0 1 45%; font-size: 12px; text-align: right; overflow: hidden; text-overflow: ellipsis; }

.chub-question { padding: 14px 16px 6px; }
.chub-question + .chub-question { border-top: 1px solid #e5e5e5; }
.chub-question-name { margin-bottom: 8px; font-size: 12px; }
.chub-answers { display: flex; flex-wrap: wrap; gap: 10px 14px; }
#ch-unity-builder .chub-answer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 76px;
    padding: 0;
    background: none;
    border: 0;
    text-align: center;
}
.chub-answer-img {
    flex: none;
    width: 58px;
    height: 58px;
    border: 2px solid var(--chub-grey);
    border-radius: 4px;
    background: center / contain no-repeat;
}
#ch-unity-builder .chub-answer.is-selected .chub-answer-img { border: 4px solid var(--chub-ink); }
.chub-answer-img { position: relative; }
/* Kickflip's multi-answer badge: #434343 on white, inverted once added, the + turned 45deg into an x */
.chub-toggle {
    position: absolute;
    top: -10px;
    right: -10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 2px solid #e1e1e1;
    border-radius: 50%;
    background: #fff;
    color: #434343;
}
.chub-toggle svg { display: block; width: 10px; height: 10px; }
.chub-answer.is-selected .chub-toggle { top: -12px; right: -12px; background: #434343; color: #fff; }
.chub-answer.is-selected .chub-toggle svg { transform: rotate(45deg); }
.chub-toggle.is-turning-on svg { animation: chub-turn-on .3s ease; }
.chub-toggle.is-turning-off svg { animation: chub-turn-off .3s ease; }
@keyframes chub-turn-on { from { transform: rotate(0); } to { transform: rotate(45deg); } }
@keyframes chub-turn-off { from { transform: rotate(45deg); } to { transform: rotate(0); } }
@media (prefers-reduced-motion: reduce) { .chub-toggle svg { animation: none !important; } }
.chub-answer-name { margin-top: 4px; font-size: 11px; line-height: 1.2; }
.chub-answer-price { font-size: 11px; color: var(--chub-green); }
.chub-desc { margin: 10px 0 6px; font-size: 11px; line-height: 1.4; }
.chub-desc a { color: blue; }
.chub-side-size { margin-top: 14px; padding-bottom: 8px; }
/* z-index above the site's own popups (.modal-overlay is 99998) */
.chub-modal { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, .6); box-sizing: border-box; }
.chub-modal-box { position: relative; max-width: min(640px, 100%); max-height: 100%; overflow: auto; padding: 40px 16px 16px; border-radius: 4px; background: #fff; box-sizing: border-box; }
.chub-modal-box img { display: block; max-width: 100%; max-height: calc(100vh - 110px); height: auto; margin: 0 auto; }
.chub-modal-title { position: absolute; top: 12px; left: 16px; font: 500 13px/1.2 Roboto, Arial, sans-serif; color: #1b1b1b; }
.chub-modal-close { position: absolute; top: 4px; right: 12px; font-size: 30px; line-height: 1; color: #1b1b1b; cursor: pointer; }
.chub-adding .chub-modal-box { width: 320px; padding: 24px; text-align: center; font-family: Roboto, Arial, sans-serif; color: #1b1b1b; }
.chub-adding .chub-modal-box img { width: 200px; height: 200px; margin: 0 auto 12px; object-fit: contain; }
.chub-adding-title { font-size: 16px; font-weight: 500; }
.chub-adding-bar { height: 6px; margin: 14px 0 10px; border-radius: 3px; background: #e5e5e5; overflow: hidden; }
.chub-adding-bar span { display: block; width: 0; height: 100%; background: #ce1010; transition: width 2.5s ease-out; }
.chub-adding-note { font-size: 13px; color: #808080; }
.chub-side-size .chub-desc { margin-top: 0; }

/* The theme's input/select rules (height 42, margins, Saira !important on select and p) outrank plain classes. */
#ch-unity-builder .chub-input, #ch-unity-builder .chub-select, #ch-unity-modal .chub-input, #ch-unity-modal .chub-select {
    width: 100%;
    height: 38px;
    margin: 0;
    padding: 6px 8px;
    border: 1px solid rgba(0, 0, 0, .54);
    border-radius: 2px;
    background-color: #fff;
    box-shadow: none;
    font-size: 13px;
    line-height: normal;
    color: var(--chub-ink);
}
#ch-unity-builder .chub-textarea { height: auto; min-height: 52px; resize: vertical; font-family: Roboto, Arial, sans-serif; }
#ch-unity-builder select, #ch-unity-builder p, #ch-unity-modal select { font-family: Roboto, Arial, sans-serif !important; }
#ch-unity-builder p { margin: 0; }
.chub-row { display: flex; gap: 6px; margin-bottom: 8px; }
.chub-row .chub-select { flex: 1.3; }
.chub-row .chub-input { flex: 1.4; }
.chub-row .chub-qty { flex: 0 0 64px; }
#ch-unity-builder .chub-remove { flex: 0 0 32px; background: none; border: 0; font-size: 20px; }
#ch-unity-builder .chub-more { padding: 8px 0; background: none; border: 0; font-size: 13px; text-decoration: underline; }

.chub-msg { padding: 0 16px; color: #e94948; font-size: 13px; }
.chub-msg:not(:empty) { padding: 8px 16px; }
.chub-actions { display: flex; }
#ch-unity-builder .chub-action {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border: 0;
    background: var(--chub-red);
    color: #fff !important;
    font-size: 16px;
}
#ch-unity-builder .chub-action:hover:not(:disabled) { background: var(--chub-red-hover); }
#ch-unity-builder .chub-action:disabled { opacity: .7; cursor: wait; }
#ch-unity-builder .chub-action[hidden] { display: none; }

/* a step's list value, parked off to the right in its open header (open() slides it out) */
.chub-step-head { overflow: hidden; }
.chub-step-head .chub-step-value { opacity: 0; transform: translateX(110%); }
/* pictures start blurred and sharpen once loaded, like Kickflip's tiles */
.chub-answer-img, .chub-thumb { transition: filter .3s; }
.chub-answer-img.is-loading, .chub-thumb.is-loading { filter: blur(6px); }

/* Size and Quantities: Kickflip's accordion */
#ch-unity-builder .chub-listview { position: absolute; top: 20px; right: 16px; padding: 8px; font-size: 13.33px; font-weight: 500 !important; color: rgba(0, 0, 0, .87); }
#ch-unity-builder .chub-size-head {
    display: flex; align-items: center; width: 100%; height: 48px; padding: 0 16px; border-bottom: 4px solid var(--chub-ink);
    background: #fff; font-size: 16px; text-align: left;
}
#ch-unity-builder .chub-size-head:hover { background: #e8e8e8; }
.chub-size-num { flex: 0 0 32px; font-size: 14px; }
.chub-size-sum { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.chub-size-slash { color: #9e9e9e; }
.chub-size-badge { display: inline-block; padding: 4px 8px; border-radius: 4px; background: #e8e8e8; font-size: 14px; line-height: 1.2; }
.chub-size-head .chub-size-badge { margin-right: auto; }
.chub-size-qty { margin-left: auto; padding: 0 10px; font-size: 14px; }
.chub-size-chev { flex: 0 0 16px; height: 16px; display: flex; align-items: center; justify-content: center; }
.chub-size-chev::before {
    content: ""; width: 7px; height: 7px; margin-top: -4px; border-right: 1.5px solid rgba(27, 27, 27, .5); border-bottom: 1.5px solid rgba(27, 27, 27, .5);
    transform: rotate(45deg); transition: transform .3s;
}
.chub-size-head.is-open .chub-size-chev::before { margin-top: 4px; transform: rotate(-135deg); }
.chub-size-body { padding: 16px 24px 24px; border-bottom: 4px solid var(--chub-ink); }
.chub-size-body .chub-desc { margin: 0 0 8px; }
#ch-unity-builder .chub-size-body .chub-question-name { margin: 20px 0 8px; font-size: 12px; font-weight: 500; }
#ch-unity-builder .chub-size-body .chub-input { height: 30px; }
.chub-size-foot { display: flex; align-items: center; gap: 8px; margin-top: 24px; }
.chub-size-qlabel { margin-left: auto; font-size: 14px; }
#ch-unity-builder .chub-size-foot .chub-qty { flex: 0 0 56px; width: 56px; height: 30px; }
#ch-unity-builder .chub-remove, #ch-unity-modal .chub-remove { display: flex; align-items: center; justify-content: center; }
.chub-remove svg { width: 18px; height: 18px; }
.chub-size-footer { display: flex; align-items: center; justify-content: space-between; padding: 8px 24px; }
#ch-unity-builder .chub-size-add, #ch-unity-modal .chub-size-add { display: inline-flex; align-items: center; gap: 8px; padding: 10px 0; font-size: 14px; color: rgba(0, 0, 0, .87); }
#ch-unity-builder .chub-size-add[hidden], #ch-unity-modal .chub-size-add[hidden], #ch-unity-builder .chub-sheet-add[hidden] { display: none; }
.chub-size-plus { font-size: 20px; line-height: 1; }
.chub-size-total { font-size: 14px; font-weight: 500; }

/* its "List view" pop-up */
#ch-unity-modal { background: rgba(0, 0, 0, .2); font-family: Roboto, Arial, sans-serif; color: #1b1b1b; }
#ch-unity-modal .chub-sizes-box { width: 434px; padding: 24px; border-radius: 8px; box-shadow: rgba(0, 0, 0, .1) -2px 0 16px 0; }
#ch-unity-modal .chub-modal-title { position: static; margin-bottom: 10px; font-size: 16px; }
#ch-unity-modal .chub-modal-close { top: 16px; right: 20px; }
#ch-unity-modal .chub-desc { font-size: 11px; }
#ch-unity-modal .chub-desc a { color: blue; }
.chub-sizes-table { display: grid; grid-template-columns: 14px minmax(0, 1fr) 85px 64px; gap: 8px; align-items: center; margin-top: 12px; padding: 12px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.chub-sizes-table.has-remove { grid-template-columns: 14px minmax(0, 1fr) 85px 64px 36px; }
.chub-sizes-th { font-size: 14px; }
.chub-sizes-num { font-size: 12px; text-align: center; }
#ch-unity-modal .chub-sizes-table .chub-select, #ch-unity-modal .chub-sizes-table .chub-input { height: 36px; min-width: 0; }
#ch-unity-modal .chub-sizes-table .chub-remove { width: 36px; height: 36px; border: 1px solid rgba(0, 0, 0, .54); border-radius: 4px; background: none; }
.chub-sizes-total { margin: 10px 0 14px; text-align: right; font-size: 14px; }
.chub-sizes-foot { display: flex; align-items: center; justify-content: space-between; padding-left: 30px; }
#ch-unity-modal .chub-sizes-done { height: 45px; padding: 0 34px; background: #ce1010; color: #fff; font-size: 16px; }
#ch-unity-modal .chub-sizes-done:hover { background: #292929; }
.chub-back::before { content: "\2190"; font-size: 20px; }
.chub-done::before { content: "\2713"; font-size: 20px; }

.chub-stage { position: relative; flex: 1; min-width: 0; overflow: hidden; }
.chub-view { position: absolute; inset: 0 40px 44px; display: none; overflow: hidden; cursor: zoom-in; }
.chub-view.is-active, .chub-view.is-leaving { display: block; }
.chub-layer { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: transform .3s ease; }
/* zoom stays inside the view box, so the arrows and the controls strip below never get covered */
.chub-stage.is-zoomed .chub-view { cursor: zoom-out; touch-action: none; }
.chub-stage.is-zoomed .chub-layer { transform: scale(1.8); transform-origin: var(--chub-zx, 50%) var(--chub-zy, 35%); }
#ch-unity-builder .chub-arrow {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    width: 36px;
    height: 36px;
    margin-top: -40px;
    border: 0;
    background: none;
    color: #1b1b1b;
    opacity: .35;
    z-index: 2;
}
#ch-unity-builder .chub-arrow::before { font-size: 26px; }
.chub-prev { left: 4px; }
.chub-next { right: 4px; }
.chub-prev::before { content: "\2039"; }
.chub-next::before { content: "\203A"; }
.chub-tools { position: absolute; left: 0; right: 0; bottom: 8px; display: flex; justify-content: center; align-items: center; gap: 10px; z-index: 2; }
#ch-unity-builder .chub-dot { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 50%; background: #d3d3d3; }
#ch-unity-builder .chub-dot.is-active { background: #000; }
#ch-unity-builder .chub-zoom { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-right: 12px; border: 0; background: none; }
#ch-unity-builder .chub-zoom svg { width: 22px; height: 22px; fill: none; stroke: #000; stroke-width: 1.5; stroke-linecap: round; }
#ch-unity-builder .chub-share { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-left: 12px; color: #000; }
.chub-toast { position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); font-size: 12px; color: var(--chub-ink); white-space: nowrap; }

/* Elessi modern-3 product layout: builder takes the gallery column full width; the summary's add-to-cart would bypass it. */
.ch-unity-builder-page .nasa-layout-modern-3 .product-gallery {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
}
.ch-unity-builder-page .nasa-layout-modern-3 .product-gallery > :not(#ch-unity-builder):not(.chub-est),
.ch-unity-builder-page .nasa-layout-modern-3 .product-info.summary { display: none !important; }
/* the theme's title/price/Zip/stock block above the gallery below desktop width; the builder has its own price
   and the estimate box under it has the stock */
.ch-unity-builder-page .nns-before-single-product { display: none !important; }

.chub-band, .chub-sheet-shade { display: none; }

/* Phone: Kickflip's mobile layout, measured from the live builder in its 700px product-page frame.
   Top to bottom: price, vest (+ tools or description band), title, a sideways row of 135x140 cards, buttons. */
@media (max-width: 767px) {
    /* !important: Elessi's own mobile rules pad and frame the gallery column */
    .ch-unity-builder-page .product-gallery { padding-left: 0 !important; padding-right: 0 !important; border: 0 !important; border-radius: 0 !important; }
    #ch-unity-builder { position: relative; flex-direction: column; height: 700px; overflow: hidden; }
    /* the panel's parts become rows of the builder itself, so the vest can sit between the price and the title */
    #ch-unity-builder .chub-panel, #ch-unity-builder .chub-head { display: contents; }
    #ch-unity-builder .chub-price { order: 1; flex: none; height: 40px; padding: 8px 16px 0; font: 700 20px/24px Roboto, Arial, sans-serif; }
    .chub-stage { order: 2; flex: none; height: 420px; }
    #ch-unity-builder .chub-title {
        order: 3; flex: none; height: 44px; padding: 14px 16px 0; border-bottom: 1px solid var(--chub-ink);
        font: 700 14px/17px Lato, Arial, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    }
    .chub-body { order: 4; flex: none; height: 140px; display: flex; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; }
    /* pinned to the bottom: the size sheet takes the card row out of the flow, which would pull the bar up under it */
    .chub-msg { position: absolute; left: 0; right: 0; bottom: 56px; z-index: 4; background: #fff; text-align: center; }
    .chub-actions { position: absolute; left: 0; right: 0; bottom: 0; }
    #ch-unity-builder .chub-action { height: 56px; }

    /* vest: arrows give way to swiping, the tools sit in a 40px band under it */
    .chub-view { inset: 0 0 40px; touch-action: pan-y; }
    #ch-unity-builder .chub-arrow { display: none; }
    .chub-tools { bottom: 8px; }
    #ch-unity-builder .chub-zoom { margin-right: 36px; }
    #ch-unity-builder .chub-share { position: absolute; right: 16px; margin: 0; }
    .chub-band {
        position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: 40px; padding: 0 25px;
        align-items: center; overflow: hidden; background: #fff; color: var(--chub-ink); font-size: 13px; line-height: 1.25;
    }
    .chub-band a { color: var(--chub-ink); font-weight: 900; }
    .chub-stage.has-band .chub-band { display: flex; }
    .chub-stage.has-band .chub-tools { display: none; }

    /* step and question cards */
    #ch-unity-builder .chub-step {
        flex: 0 0 135px; width: 135px; height: 140px; min-height: 0; flex-direction: column; justify-content: center; gap: 8px;
        padding: 0 12.8px; border-bottom: 0; border-right: 1px solid var(--chub-ink); text-align: center;
    }
    .chub-step .chub-thumb { flex: none; width: 60px; }
    .chub-step .chub-step-name { flex: none; font-size: 15px; line-height: 18px; text-align: center; }
    .chub-step-value { display: none; }

    /* answer cards: the tiles of the open question, in the same sideways row */
    .chub-body .chub-question, .chub-body .chub-answers { display: contents; }
    #ch-unity-builder .chub-answer {
        flex: 0 0 135px; width: 135px; height: 140px; justify-content: center; border-right: 1px solid var(--chub-ink);
    }
    .chub-answer-img { width: 60px; height: 60px; }
    .chub-answer-name { margin-top: 8px; padding: 0 6px; font-size: 15px; line-height: 18px; }
    .chub-answer-price { margin-top: 4px; padding: 2px 8px; border-radius: 12px; background: #f5f5f5; font-size: 15px; line-height: 20px; }

    /* text and dropdown questions fill the row */
    .chub-body.is-field { align-items: center; padding: 0 16px; overflow: hidden; }
    #ch-unity-builder .chub-body.is-field .chub-select { flex: 1; width: 100%; height: 38px; }
    /* one line, like the dropdowns; 16px or iOS zooms the page when the box is tapped */
    #ch-unity-builder .chub-body.is-field .chub-textarea {
        flex: 1; width: 100%; height: 38px; min-height: 0; padding: 8px 10px; border: 1px solid rgba(0, 0, 0, .54); border-radius: 2px;
        font-size: 16px; line-height: 20px; white-space: nowrap; overflow: hidden; resize: none;
    }
    #ch-unity-builder .chub-body.is-field .chub-textarea:focus { border: 2px solid var(--chub-ink); outline: 0; padding: 7px 9px; }

    /* Size and Quantities: a bottom sheet over the title and cards */
    #ch-unity-builder[data-screen="sheet"] .chub-title { color: transparent; background: #f7f7f7; border-bottom: 0; }
    .chub-body.is-sheet {
        position: absolute; left: 0; right: 0; bottom: 56px; z-index: 3; display: block; height: auto; max-height: 520px;
        overflow-x: hidden; overflow-y: auto; padding: 16px 0 6px; border-radius: 16px 16px 0 0; background: #fff;
        box-shadow: rgba(0, 0, 0, .1) -2px 0 16px 0;
    }
    .chub-sheet-shade { position: absolute; left: 0; right: 0; top: 0; bottom: 56px; z-index: 2; display: block; background: rgba(0, 0, 0, .25); }
    .chub-sheet-shade[hidden] { display: none; }
    .chub-sheet-title { margin-bottom: 8px; text-align: center; font: 700 14px/17px Roboto, Arial, sans-serif; }
    .chub-sheet-row { display: grid; grid-template-columns: 22px minmax(0, 1fr) 80px 58px; gap: 6px; align-items: center; padding: 4px 12px 4px 4px; }
    .chub-sheet-row.has-remove { grid-template-columns: 22px minmax(0, 1fr) 72px 50px 30px; }
    .chub-sheet-head { padding-bottom: 8px; border-bottom: 1px solid #e5e5e5; margin-bottom: 4px; font-size: 14px; color: var(--chub-ink); }
    .chub-sheet-head span:first-child { grid-column: 1; }
    #ch-unity-builder .chub-sheet-row .chub-select, #ch-unity-builder .chub-sheet-row .chub-input { height: 36px; min-width: 0; font-size: 14px; }
    #ch-unity-builder .chub-sheet-row .chub-input { border-radius: 4px; }
    #ch-unity-builder .chub-sheet-mark { display: flex; align-items: center; justify-content: center; width: 22px; height: 36px; font-size: 14px; }
    .chub-sheet-mark svg { width: 15px; height: 15px; }
    #ch-unity-builder .chub-sheet-row .chub-remove {
        display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;
        border: 1px solid rgba(0, 0, 0, .54); border-radius: 4px;
    }
    .chub-sheet-row .chub-remove svg { width: 18px; height: 18px; }
    #ch-unity-builder .chub-sheet-add { display: flex; align-items: center; gap: 8px; padding: 8px 19px; font-size: 16px; }
    .chub-sheet-plus {
        display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;
        border: 1px solid var(--chub-ink); border-radius: 6px; font-size: 22px; line-height: 1;
    }
}

/* Outside the builder, so it takes the site's font like the box it replaces (child theme, ch_unity_ship_estimate). */
.chub-est { display: flex; justify-content: center; padding: 18px 15px 4px; }
.chub-est[hidden] { display: none; }
.chub-est-inner { display: inline-block; padding: 11px 20px; border-left: 3px solid #222; background: #f6f6f6; text-align: left; }
.chub-est-label { display: block; font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #777; line-height: 1.2; }
.chub-est-value { display: block; font-size: 16px; font-weight: 600; color: #222; line-height: 1.35; }
@media (max-width: 600px) {
    .chub-est { padding: 14px 12px 2px; }
    .chub-est-inner { padding: 10px 14px; }
    .chub-est-value { font-size: 14.5px; }
}