/* ==========================================================================
   Landing page -- responsive rules
   Loaded after style.css. Phones are the common case for these pages, so the
   job here is to keep the CTA and the sticky bar comfortable, let the why-buy
   image stack above its text, and stop the order area squeezing the form.
   ========================================================================== */

/* Tablet and below */
@media (max-width: 991.98px) {
    .lp-section { padding: 36px 0 6px; }
    .lp-card-body { padding: 20px 18px 24px; }
    .lp-card-head { padding: 16px 18px; }

    .order_by > [class*="col-"] { flex: 0 0 100%; max-width: 100%; }
    .form_sec .card { height: auto; }
}

/* Phones */
@media (max-width: 575.98px) {
    body { font-size: 15.5px; }

    .container { padding-left: 16px; padding-right: 16px; }

    .lp-topbar-brand img { height: 32px; }
    .lp-topbar-call { padding: 8px 14px; font-size: 14px; }
    /* The number itself is the least important half on a narrow bar. */
    .lp-topbar-call span { display: none; }
    .lp-topbar-call::after { content: "কল করুন"; }

    .lp-logo img { height: 42px; }
    .lp-lead p { text-align: left; }

    .ord_btn { padding: 20px 12px 2px; }
    .cam_order_now { min-width: 100%; padding: 15px 18px; font-size: 16.5px; }

    .offer-card { padding: 26px 16px; border-radius: 16px; }
    .price-box { gap: 16px; }

    .countdown { gap: 8px; }
    .time-box { min-width: 0; flex: 1 1 66px; padding: 10px 6px; }
    .time-box h3 { font-size: 22px; }

    .lp-accordion .accordion-button { font-size: 15.5px; padding: 14px 16px; }
    .lp-accordion .accordion-body { padding: 4px 16px 16px; }

    .lp-contact-card { padding: 26px 18px; border-radius: 16px; }
    .lp-contact-actions { flex-direction: column; }
    .lp-btn { min-width: 100%; }


    .form_sec .card-body { padding: 16px; }
    .order_place { font-size: 16.5px; padding: 15px 16px; }

    /* The cart table has three fixed-percentage columns; let it scroll rather
       than crush the product name. */
    .cartlist { overflow-x: auto; }
    .cart_table { min-width: 340px; }

    .combo-images img { width: 34px; height: 34px; }
    .combo-text { font-size: 12.5px; }
}

/* Very small phones */
@media (max-width: 379.98px) {
    .time-box { flex: 1 1 58px; }
    .time-box h3 { font-size: 19px; }
    .cam_order_now { font-size: 15.5px; gap: 7px; }
    /* Three labelled buttons no longer fit; keep icons and drop the words. */
}

/* --------------------------------------------------------------------------
   The sticky contact bar is a phone pattern. On a desktop the buttons are
   always a short scroll away, so the bar only earns its space on small
   screens -- where it also needs the page to reserve room for it.
   -------------------------------------------------------------------------- */
/* The sticky bar itself is gone, and so is the space the page reserved
   for it. */