/* =============================================
   CALCULATOR — Dark 3-column layout
   ============================================= */

.calc-page {
    background: #228B22;
    padding: 2.5rem 1rem 3rem;
}

.calc-container {
    max-width: 1100px;
    margin: 0 auto;
}

.calc-header {
    text-align: center;
    margin-bottom: 0.5rem;
}

.calc-title {
    font-size: clamp(1.3rem, 3.5vw, 1.9rem);
    font-weight: 800;
    color: #fff;
    letter-spacing: 1px;
}

.text-primary { color: #f59e0b; }

.calc-subtitle {
    color: #9ca3af;
    font-size: 0.85rem;
    margin-top: 0.3rem;
    margin-bottom: 1.5rem;
}

/* ── 3-column grid ── */
.calc-3col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

/* Column card */
.calc-col-card {
    background: #1e2a3a;
    border: 1px solid #2d3f55;
    border-radius: 10px;
    padding: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.calc-col-header {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid #2d3f55;
}

.calc-col-num {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: #f59e0b;
    color: #111;
    font-size: 0.78rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.calc-col-title {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #f59e0b;
}

/* Section label */
.section-label {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #9ca3af;
    display: block;
    margin-bottom: 0.4rem;
}

/* ── Roof type buttons ── */
.type-btn-row {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.type-btn {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.9rem;
    border-radius: 7px;
    border: 1px solid #2d3f55;
    background: #111827;
    cursor: pointer;
    color: #d1d5db;
    font-size: 0.875rem;
    font-weight: 500;
    text-align: left;
    width: 100%;
    transition: all 0.18s;
}

.type-btn:hover { border-color: #f59e0b; background: #1a2535; }
.type-btn.active { border-color: #f59e0b; background: rgba(245,158,11,0.12); color: #fff; }
.type-icon { font-size: 1.1rem; }
.type-label { font-weight: 600; }

/* ── Dimension inputs ── */
.form-grid {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.form-group { display: flex; flex-direction: column; gap: 0.25rem; }

.form-group label {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #9ca3af;
}

.form-group input,
.form-group select {
    padding: 0.6rem 0.8rem;
    border-radius: 6px;
    border: 1px solid #2d3f55;
    background: #111827;
    color: #f3f4f6;
    font-size: 0.9rem;
    width: 100%;
    transition: border-color 0.18s;
}

.form-group input:focus,
.form-group select:focus { outline: none; border-color: #f59e0b; }
.form-group input::placeholder { color: #6b7280; }
.form-group select option { background: #1e2a3a; }

/* ── Product grid ── */
.calc-col-card .product-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
    margin-bottom: 0.75rem;
}

.product-btn {
    display: flex;
    flex-direction: column;
    padding: 0.55rem 0.7rem;
    border-radius: 6px;
    border: 1px solid #2d3f55;
    background: #111827;
    cursor: pointer;
    text-align: left;
    transition: all 0.18s;
}

.product-btn:hover { border-color: #f59e0b; background: #1a2535; }
.product-btn.active { border-color: #f59e0b; background: rgba(245,158,11,0.13); }

.product-btn .product-name {
    font-size: 0.72rem;
    font-weight: 700;
    color: #f3f4f6;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 0.1rem;
}

.product-btn .product-price { font-size: 0.63rem; color: #9ca3af; }
.product-btn.active .product-name { color: #f59e0b; }

/* Stone tile full width */
.product-btn[data-product="stone"] { grid-column: 1 / -1; }

/* ── Gauge buttons ── */
.gauge-grid {
    display: flex;
    gap: 0.4rem;
}

.gauge-btn {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.6rem 0.4rem;
    border-radius: 6px;
    border: 1px solid #2d3f55;
    background: #111827;
    cursor: pointer;
    text-align: center;
    transition: all 0.18s;
}

.gauge-btn:hover { border-color: #f59e0b; }
.gauge-btn.active { border-color: #f59e0b; background: rgba(245,158,11,0.13); }
.gauge-label { font-size: 1rem; font-weight: 800; color: #f3f4f6; margin-bottom: 0.1rem; }
.gauge-btn.active .gauge-label { color: #f59e0b; }
.gauge-desc { font-size: 0.6rem; color: #9ca3af; line-height: 1.3; }
.gauge-badge { font-size: 0.6rem; color: #f59e0b; font-weight: 700; margin-top: 0.15rem; }

/* ── Stone styles ── */
.stone-container { margin-top: 0.6rem; }

.stone-grid { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.35rem; }

.stone-btn {
    padding: 0.35rem 0.6rem;
    border-radius: 5px;
    border: 1px solid #2d3f55;
    background: #111827;
    cursor: pointer;
    font-size: 0.7rem;
    color: #d1d5db;
    text-transform: capitalize;
    transition: all 0.18s;
}

.stone-btn:hover { border-color: #f59e0b; }
.stone-btn.active { border-color: #f59e0b; background: rgba(245,158,11,0.13); color: #f59e0b; }

/* ── Calculate button row ── */
.calc-btn-row {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.calc-btn {
    padding: 0.85rem 2.5rem;
    border-radius: 7px;
    border: none;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.18s;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.calc-btn:hover { transform: scale(1.02); }
.calc-btn:active { transform: scale(0.98); }

.gold-gradient { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); color: #111; }

/* Quick results bar */
.calc-results-bar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    flex: 1;
    background: #1e2a3a;
    border: 1px solid #2d3f55;
    border-radius: 8px;
    padding: 0.7rem 1rem;
}

.crb-item { text-align: center; }
.crb-label { font-size: 0.62rem; text-transform: uppercase; letter-spacing: 0.06em; color: #9ca3af; margin-bottom: 0.15rem; }
.crb-value { font-size: 1rem; font-weight: 700; color: #f59e0b; }

/* ── Full results panel ── */
.results-container { animation: slideUp 0.3s ease-out; }

@keyframes slideUp {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

.results-card {
    background: #1e2a3a;
    border: 1px solid #2d3f55;
    border-radius: 10px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.summary-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.result-card {
    padding: 1rem;
    border-radius: 8px;
    background: #111827;
    text-align: center;
    border: 1px solid #2d3f55;
}

.result-value { font-size: 1.5rem; font-weight: 800; color: #f59e0b; }
.result-label { font-size: 0.68rem; color: #9ca3af; margin-top: 0.2rem; text-transform: uppercase; letter-spacing: 0.05em; }

/* Gauge strength */
.gauge-strength { display: flex; flex-direction: column; gap: 0.45rem; }
.strength-label { font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #9ca3af; }
.strength-grid { display: flex; gap: 0.45rem; }

.strength-item {
    flex: 1;
    padding: 0.65rem;
    border-radius: 6px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 700;
    background: #111827;
    color: #6b7280;
    border: 1px solid #2d3f55;
    transition: all 0.18s;
}

.strength-item.active { background: linear-gradient(135deg, #f59e0b, #d97706); color: #111; border-color: #f59e0b; }
.strength-sub { font-size: 0.6rem; font-weight: 400; margin-top: 0.1rem; }

/* Breakdown */
.breakdown { display: flex; flex-direction: column; gap: 0.45rem; }
.breakdown-label { font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #9ca3af; }
.breakdown-content { display: flex; flex-direction: column; gap: 0.45rem; font-size: 0.875rem; }
.breakdown-row { display: flex; justify-content: space-between; color: #d1d5db; }
.breakdown-row span:last-child { font-weight: 600; color: #f3f4f6; }
.breakdown-total { display: flex; justify-content: space-between; padding-top: 0.7rem; border-top: 1px solid #2d3f55; font-size: 1.05rem; font-weight: 700; color: #f3f4f6; }
.breakdown-total span:last-child { color: #f59e0b; }

/* Accessories */
.accessories { display: flex; flex-direction: column; gap: 0.45rem; }
.accessories-label { font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #9ca3af; }
.accessories-sub { font-size: 0.68rem; color: #6b7280; margin-top: -0.2rem; }
.accessories-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.65rem; }

.accessory-card {
    padding: 0.85rem;
    border-radius: 8px;
    background: #111827;
    text-align: center;
    border: 1px solid #2d3f55;
}

.accessory-icon { font-size: 1.4rem; margin-bottom: 0.2rem; }
.accessory-name { font-size: 0.7rem; font-weight: 600; color: #d1d5db; margin-bottom: 0.2rem; }
.accessory-qty { font-size: 0.65rem; color: #9ca3af; }
.accessory-price { font-size: 0.78rem; font-weight: 700; color: #f59e0b; margin-top: 0.1rem; }
.accessories-total { display: flex; justify-content: space-between; padding-top: 0.7rem; border-top: 1px solid #2d3f55; font-size: 0.875rem; font-weight: 600; color: #d1d5db; }
.accessories-total span:last-child { color: #f59e0b; }

/* CTA */
.cta-container { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; }

.cta-btn {
    padding: 0.75rem 1.5rem;
    border-radius: 7px;
    font-size: 0.875rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.18s;
    text-align: center;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.cta-primary { background: linear-gradient(135deg, #f59e0b, #d97706); color: #111; }
.cta-primary:hover { transform: translateY(-2px); }
.cta-secondary { border: 1px solid #f59e0b; background: transparent; color: #f59e0b; }
.cta-secondary:hover { background: rgba(245,158,11,0.1); }

/* ── Toast notification ── */
.site-toast {
    position: fixed;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%) translateY(70px);
    background: #1e2a3a;
    color: #f3f4f6;
    border: 1px solid #f59e0b;
    padding: 13px 20px;
    border-radius: 9px;
    font-size: 0.88rem;
    font-weight: 600;
    z-index: 9999;
    opacity: 0;
    transition: all 0.35s ease;
    white-space: nowrap;
    box-shadow: 0 8px 24px rgba(0,0,0,0.45);
    pointer-events: auto;
}

.site-toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }
.site-toast a { pointer-events: auto; }

/* ── Floating buttons ── */
.whatsapp-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 56px;
    height: 56px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
    z-index: 900;
    transition: all 0.3s;
    color: white;
}

.whatsapp-float:hover { transform: scale(1.1); }

.call-float {
    position: fixed;
    bottom: 90px;
    right: 24px;
    width: 48px;
    height: 48px;
    background: #67C8FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(0,0,0,0.25);
    z-index: 900;
    transition: all 0.3s;
    color: white;
}

.call-float:hover { transform: scale(1.1); }
.whatsapp-float-label, .call-float-label { display: none; }

/* ── Add to cart button on product cards ── */
.btn-add-cart {
    width: 100%;
    padding: 10px 16px;
    background: #0f2a44;
    color: #fff;
    border: 2px solid #0f2a44;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
}

.btn-add-cart:hover { background: #f59e0b; border-color: #f59e0b; color: #111; }

/* ── Product filter buttons ── */
.product-filters {
    display: flex;
    gap: 10px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.filter-btn {
    padding: 10px 20px;
    border-radius: 8px;
    border: 2px solid #e5e7eb;
    background: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    color: #374151;
}

.filter-btn.active,
.filter-btn:hover {
    background: #0f2a44;
    border-color: #0f2a44;
    color: #fff;
}

/* ── Responsive ── */
@media (max-width: 860px) {
    .calc-3col { grid-template-columns: 1fr; }
    .calc-container { width: 100%; overflow-x: hidden; box-sizing: border-box; }
}

@media (max-width: 380px) {
    .summary-grid { grid-template-columns: 1fr; }
    .accessories-grid { grid-template-columns: 1fr; }
    .type-btn { flex: 1 1 100%; }
    .form-grid { grid-template-columns: 1fr; }
    .calc-col-card { padding: 0.7rem; }
}

/* =============================================
   MOBILE STEPPER LAYOUT (≤ 768px)
   ============================================= */
@media (max-width: 768px) {

    .calc-page {
        padding: 1.2rem 0.5rem 2rem;
        overflow-x: hidden;
        width: 100%;
        box-sizing: border-box;
    }

    .calc-title { font-size: 1.05rem; letter-spacing: 0.5px; }
    .calc-subtitle { font-size: 0.75rem; margin-bottom: 1rem; }

    /* Hide desktop 3-col, show stepper wrapper */
    .calc-3col { display: none !important; }
    .calc-mob-stepper { 
        display: block;
        overflow-x: hidden;
        box-sizing: border-box;
    }

    /* ── Tab bar ── */
    .calc-mob-tabs {
        display: flex;
        background: #1e2a3a;
        border: 1px solid #2d3f55;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 0.85rem;
        width: 100%;
        box-sizing: border-box;
    }

    .calc-mob-tab {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0.6rem 0.3rem;
        cursor: pointer;
        border: none;
        background: transparent;
        gap: 0.15rem;
        border-right: 1px solid #2d3f55;
        transition: background 0.18s;
        min-height: unset;
        overflow: hidden;
    }

    .calc-mob-tab:last-child { border-right: none; }

    .calc-mob-tab-num {
        width: 1.4rem;
        height: 1.4rem;
        border-radius: 50%;
        background: #374151;
        color: #9ca3af;
        font-size: 0.68rem;
        font-weight: 800;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .calc-mob-tab-label {
        font-size: 0.55rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #6b7280;
        line-height: 1.1;
    }

    .calc-mob-tab.active .calc-mob-tab-num {
        background: #f59e0b;
        color: #111;
    }

    .calc-mob-tab.active .calc-mob-tab-label { color: #f59e0b; }

    .calc-mob-tab.done .calc-mob-tab-num {
        background: #16a34a;
        color: #fff;
    }

    .calc-mob-tab.done .calc-mob-tab-label { color: #4ade80; }

    /* ── Step panels ── */
    .calc-mob-step {
        display: none;
        background: #1e2a3a;
        border: 1px solid #2d3f55;
        border-radius: 10px;
        padding: 0.9rem;
        margin-bottom: 0.85rem;
        overflow-x: hidden;
        box-sizing: border-box;
        width: 100%;
    }

    .calc-mob-step.active { display: block; }

    .calc-mob-step-header {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        margin-bottom: 0.85rem;
        padding-bottom: 0.65rem;
        border-bottom: 1px solid #2d3f55;
        overflow: hidden;
    }

    .calc-mob-step-num {
        width: 1.6rem;
        height: 1.6rem;
        border-radius: 50%;
        background: #f59e0b;
        color: #111;
        font-size: 0.78rem;
        font-weight: 800;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .calc-mob-step-title {
        font-size: 0.78rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.07em;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* Roof type buttons — 3 across on mobile step */
    .calc-mob-step .type-btn-row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.4rem;
        width: 100%;
        box-sizing: border-box;
    }

    .calc-mob-step .type-btn {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 0.3rem;
        padding: 0.7rem 0.3rem;
        font-size: 0.65rem;
        border-radius: 8px;
        min-height: 70px;
        overflow: hidden;
    }

    .calc-mob-step .type-icon { font-size: 1.4rem; }
    .calc-mob-step .type-label { 
        font-size: 0.62rem; 
        font-weight: 700; 
        line-height: 1.1;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    /* Dimension inputs 2-col */
    .calc-mob-step .form-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
        width: 100%;
        box-sizing: border-box;
    }

    .calc-mob-step .form-group input,
    .calc-mob-step .form-group select {
        font-size: 0.95rem;
        padding: 0.65rem 0.7rem;
        box-sizing: border-box;
    }

    /* Product grid 2-col */
    .calc-mob-step .product-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.35rem;
        margin-bottom: 0.75rem;
        width: 100%;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .calc-mob-step .product-btn {
        padding: 0.5rem 0.4rem;
        min-width: 0;
        overflow: hidden;
    }

    .calc-mob-step .product-btn .product-name { font-size: 0.62rem; }
    .calc-mob-step .product-btn .product-price { font-size: 0.55rem; }

    /* Gauge stays 3-col row */
    .calc-mob-step .gauge-grid { 
        gap: 0.3rem;
        width: 100%;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    .calc-mob-step .gauge-btn { 
        padding: 0.55rem 0.3rem;
        flex-shrink: 0;
        min-width: 0;
    }
    .calc-mob-step .gauge-label { font-size: 0.85rem; }

    /* ── Next button ── */
    .calc-mob-next {
        width: 100%;
        padding: 0.85rem 1rem;
        background: linear-gradient(135deg, #f59e0b, #d97706);
        color: #111;
        border: none;
        border-radius: 8px;
        font-size: 0.9rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        cursor: pointer;
        margin-top: 0.5rem;
        transition: all 0.18s;
        box-sizing: border-box;
    }

    .calc-mob-next:active { transform: scale(0.98); }

    /* ── Calculate button (full width on mobile) ── */
    .calc-btn-row {
        flex-direction: column;
        gap: 0.75rem;
        margin-bottom: 1rem;
        width: 100%;
        box-sizing: border-box;
    }

    .calc-btn {
        width: 100%;
        padding: 0.85rem 1rem;
        font-size: 0.95rem;
        box-sizing: border-box;
    }

    /* ── Quick results: stacked rows instead of 3-col ── */
    .calc-results-bar {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 0;
        background: transparent;
        border: none;
        width: 100%;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .crb-item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.55rem 0.75rem;
        background: #1e2a3a;
        border: 1px solid #2d3f55;
        border-bottom: none;
        text-align: left;
        box-sizing: border-box;
        overflow: hidden;
    }

    .crb-item:first-child { border-radius: 8px 8px 0 0; }
    .crb-item:last-child  { border-bottom: 1px solid #2d3f55; border-radius: 0 0 8px 8px; }

    .crb-label {
        font-size: 0.65rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: #9ca3af;
        margin-bottom: 0;
        flex-shrink: 0;
    }

    .crb-value {
        font-size: 0.95rem;
        font-weight: 700;
        color: #f59e0b;
        text-align: right;
        flex-shrink: 0;
    }

    /* Results card */
    .results-card { 
        padding: 0.9rem; 
        gap: 0.9rem; 
        overflow-x: hidden;
        box-sizing: border-box;
        width: 100%;
    }
    .summary-grid { 
        grid-template-columns: repeat(3, 1fr); 
        gap: 0.4rem;
        width: 100%;
        box-sizing: border-box;
    }
    .result-value { font-size: 1rem; }
    .result-label { font-size: 0.58rem; }
    .strength-grid { 
        gap: 0.25rem;
        overflow-x: hidden;
        width: 100%;
        box-sizing: border-box;
    }
    .strength-item { 
        font-size: 0.73rem; 
        padding: 0.45rem 0.2rem;
        min-width: 0;
        overflow: hidden;
    }
    .accessories-grid { 
        grid-template-columns: repeat(3, 1fr); 
        gap: 0.35rem;
        overflow-x: hidden;
        width: 100%;
        box-sizing: border-box;
    }
    .accessory-card { 
        padding: 0.55rem 0.3rem;
        overflow: hidden;
        box-sizing: border-box;
    }
    .accessory-icon { font-size: 1rem; }
    .accessory-name { font-size: 0.58rem; }
    .accessory-price { font-size: 0.65rem; }
    .cta-container { 
        flex-direction: column;
        width: 100%;
        box-sizing: border-box;
    }
    .cta-btn { 
        width: 100%; 
        justify-content: center;
        box-sizing: border-box;
    }
}

/* Desktop: hide mobile stepper */
@media (min-width: 769px) {
    .calc-mob-stepper { display: none !important; }
}