/* Torob-only package price presentation. Normal visitors never receive these classes. */
.dc-pjc-torob-package-price {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    direction: rtl;
    font-size: 16px !important;
    line-height: 1.45;
}

.dc-pjc-torob-package-row {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
    line-height: 1.45;
}

/* Use fixed sizes so the large font-size of the theme's p.price does not cascade here. */
.dc-pjc-torob-package-label {
    font-size: 17px !important;
    font-weight: 600;
    opacity: 0.78;
}

.dc-pjc-torob-package-total .dc-pjc-torob-package-amount {
    font-size: 25px !important;
    font-weight: 700;
    line-height: 1.35;
}

.dc-pjc-torob-package-unit,
.dc-pjc-torob-package-unit .dc-pjc-torob-package-label,
.dc-pjc-torob-package-unit .dc-pjc-torob-package-amount {
    font-size: 16px !important;
    line-height: 1.45;
}

/* Prevent Ocean/Woo price rules from making nested amounts large again. */
.dc-pjc-torob-package-price .woocommerce-Price-amount,
.dc-pjc-torob-floating-package-price .woocommerce-Price-amount,
.dc-pjc-torob-package-price .woocommerce-Price-currencySymbol,
.dc-pjc-torob-floating-package-price .woocommerce-Price-currencySymbol {
    font-size: inherit !important;
    line-height: inherit !important;
}

.dc-pjc-torob-package-price del,
.dc-pjc-torob-floating-package-price del {
    opacity: 0.6;
}

.dc-pjc-torob-package-price ins,
.dc-pjc-torob-floating-package-price ins {
    text-decoration: none;
}

@media (max-width: 767px) {
    .dc-pjc-torob-package-price {
        gap: 3px;
        font-size: 14px !important;
    }

    .dc-pjc-torob-package-label {
        font-size: 14px !important;
    }

    .dc-pjc-torob-package-total .dc-pjc-torob-package-amount {
        font-size: 20px !important;
    }

    .dc-pjc-torob-package-unit,
    .dc-pjc-torob-package-unit .dc-pjc-torob-package-label,
    .dc-pjc-torob-package-unit .dc-pjc-torob-package-amount {
        font-size: 13px !important;
    }

    .dc-pjc-torob-floating-price-host {
        white-space: normal !important;
    }

    /* Floating bar intentionally contains package total only; no unit/kg/each price. */
    .dc-pjc-torob-floating-package-price {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 1px;
        direction: rtl;
        line-height: 1.25;
        font-size: 12px !important;
    }

    .dc-pjc-torob-floating-label {
        font-size: 10px !important;
        font-weight: 600;
        opacity: 0.72;
        line-height: 1.25;
    }

    .dc-pjc-torob-floating-amount {
        font-size: 13px !important;
        font-weight: 700;
        white-space: nowrap;
        line-height: 1.25;
    }
}

/* v3.0.13.5 — Torob floating-bar cleanup.
 * The floating bar must NEVER show the per-unit/per-kg row. The main product
 * summary still shows both package total and unit/kg price as requested.
 */
.owp-floating-bar .dc-pjc-torob-package-unit {
    display: none !important;
}

/* If Ocean renders get_price_html() into the floating bar before our JS swaps
 * the host, keep that server-rendered copy compact as well. */
.owp-floating-bar .dc-pjc-torob-package-price {
    gap: 0 !important;
    width: auto !important;
}

@media (max-width: 767px) {
    /* Mobile floating bar: number only — no "قیمت هر کارتن/کیسه" caption. */
    .owp-floating-bar .dc-pjc-torob-floating-label,
    .owp-floating-bar .dc-pjc-torob-package-total > .dc-pjc-torob-package-label {
        display: none !important;
    }

    .owp-floating-bar .dc-pjc-torob-floating-package-price,
    .owp-floating-bar .dc-pjc-torob-package-total {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-direction: row !important;
        gap: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        white-space: nowrap !important;
    }

    .owp-floating-bar .dc-pjc-torob-floating-amount,
    .owp-floating-bar .dc-pjc-torob-package-total .dc-pjc-torob-package-amount {
        display: block !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        margin: 0 !important;
    }

    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-floating-price-host,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .product_price {
        width: auto !important;
        max-width: calc(100vw - 170px) !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 6px !important;
        overflow: visible !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    /* The site's existing mobile code fixes the real cart form at 260px.
     * For Torob multiplier products make only that bottom/floating cart compact
     * so the package price has room beside it. */
    html.dc-pjc-torob-client body.single-product.product-type-simple .entry-summary form.cart,
    html.dc-pjc-torob-client body.single-product .entry-summary .woocommerce-variation-add-to-cart {
        width: 148px !important;
        max-width: 148px !important;
        right: 7px !important;
        box-sizing: border-box !important;
    }

    html.dc-pjc-torob-client body.single-product.product-type-simple .entry-summary form.cart button.single_add_to_cart_button,
    html.dc-pjc-torob-client body.single-product .entry-summary .woocommerce-variation-add-to-cart button.single_add_to_cart_button {
        width: 100% !important;
        min-width: 0 !important;
        padding: 8px 6px !important;
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        min-height: 40px !important;
        height: 40px !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 360px) {
    html.dc-pjc-torob-client body.single-product.product-type-simple .entry-summary form.cart,
    html.dc-pjc-torob-client body.single-product .entry-summary .woocommerce-variation-add-to-cart {
        width: 132px !important;
        max-width: 132px !important;
        right: 6px !important;
    }

    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-floating-price-host,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .product_price {
        max-width: calc(100vw - 150px) !important;
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .owp-floating-bar .dc-pjc-torob-floating-amount,
    .owp-floating-bar .dc-pjc-torob-package-total .dc-pjc-torob-package-amount {
        font-size: 13px !important;
    }
}

/* =========================================================
   v3.0.13.6 — Torob floating bar layout polish
   - Desktop: compact package price + add-to-cart stay on one row.
   - Mobile: only package total, currency on the next line, smaller CTA.
   ========================================================= */

/* Dedicated floating markup is now applied on desktop too. Keep it compact
 * so OceanWP's large single-product price styles cannot enlarge it. */
html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-package-price {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    line-height: 1.15 !important;
    direction: rtl !important;
    white-space: nowrap !important;
}

html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-label {
    display: inline-block !important;
    margin: 0 !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    opacity: .72 !important;
    white-space: nowrap !important;
}

html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount,
html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount .woocommerce-Price-amount {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 17px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* Desktop/tablet-wide Ocean floating bar: price and cart control on one row. */
@media (min-width: 768px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
        direction: ltr !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .product_price,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-price-host {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        overflow: visible !important;
        direction: rtl !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dac5-floating-control {
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
        margin: 0 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dac5-floating-control > .floating_add_to_cart_button {
        min-height: 40px !important;
        height: 40px !important;
        padding: 6px 10px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }
}

@media (max-width: 767px) {
    /* Number on first line, "تومان" directly underneath it. */
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-label {
        display: none !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-package-price {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 0 !important;
        white-space: normal !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount {
        display: block !important;
        font-size: 13px !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount .woocommerce-Price-amount {
        display: inline-block !important;
        font-size: 13px !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount .woocommerce-Price-currencySymbol {
        display: block !important;
        margin-top: 2px !important;
        font-size: 9px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        text-align: right !important;
    }

    /* Give more room to the package price and make the Torob floating CTA
     * intentionally narrower than the site's normal mobile floating button. */
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right {
        grid-template-columns: minmax(90px, 1fr) 124px !important;
        gap: 6px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dac5-floating-control {
        width: 124px !important;
        min-width: 0 !important;
        max-width: 124px !important;
        margin: 0 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dac5-floating-control > .floating_add_to_cart_button,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar button.single_add_to_cart_button {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 36px !important;
        height: 36px !important;
        padding: 5px 5px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 360px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right {
        grid-template-columns: minmax(86px, 1fr) 112px !important;
        gap: 4px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dac5-floating-control {
        width: 112px !important;
        max-width: 112px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dac5-floating-control > .floating_add_to_cart_button,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar button.single_add_to_cart_button {
        min-height: 34px !important;
        height: 34px !important;
        padding: 4px 3px !important;
        font-size: 10px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount .woocommerce-Price-amount {
        font-size: 12px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount .woocommerce-Price-currencySymbol {
        font-size: 8px !important;
    }
}


/* =========================================================
   v3.0.13.7 — reliable Torob/Ocean floating-bar override
   The previous polish depended on the client class being set from a JS-visible
   Torob cookie. Some Torob sessions are detected only by PHP, so those rules
   did not activate. JS now mirrors the server decision; these selectors also
   target OceanWP + DAC5's real floating elements directly.
   ========================================================= */

/* The dedicated floating markup is itself Torob-only, so it is safe to style
 * without depending on the html marker. This also wins during the first frame. */
body.single-product .owp-floating-bar .dc-pjc-torob-floating-package-price {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    white-space: nowrap !important;
    line-height: 1.1 !important;
}

body.single-product .owp-floating-bar .dc-pjc-torob-floating-label {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    opacity: .72 !important;
    white-space: nowrap !important;
}

body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount,
body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount .woocommerce-Price-amount {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* If Ocean renders the server-side main price inside its bar before JS swaps
 * it, keep that temporary copy compact and remove the unit/kg row there too. */
body.single-product .owp-floating-bar .dc-pjc-torob-package-price {
    display: inline-flex !important;
    flex-direction: row !important;
    width: auto !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
body.single-product .owp-floating-bar .dc-pjc-torob-package-unit { display:none !important; }
body.single-product .owp-floating-bar .dc-pjc-torob-package-total {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 4px !important;
    width: auto !important;
}
body.single-product .owp-floating-bar .dc-pjc-torob-package-total .dc-pjc-torob-package-label {
    font-size: 10px !important;
    line-height: 1.1 !important;
}
body.single-product .owp-floating-bar .dc-pjc-torob-package-total .dc-pjc-torob-package-amount,
body.single-product .owp-floating-bar .dc-pjc-torob-package-total .woocommerce-Price-amount {
    font-size: 15px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

@media (min-width: 1025px) {
    /* Ocean's real desktop structure is .right > .product_price + form.cart.
     * Keep price and DAC5/add-to-cart control on one horizontal line. */
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 0 !important;
        direction: ltr !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .product_price {
        flex: 0 0 auto !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        direction: rtl !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart {
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dac5-floating-control {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        margin: 0 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dac5-floating-control > .floating_add_to_cart_button,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart .single_add_to_cart_button,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right > .button {
        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
        height: 38px !important;
        min-height: 38px !important;
        padding: 5px 8px !important;
        margin: 0 !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 1024px) {
    /* DAC5 already turns .right into a two-column grid. Give the Torob price a
     * little more room and make the CTA visibly smaller than the normal bar. */
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right {
        grid-template-columns: minmax(92px, 1fr) 118px !important;
        gap: 5px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dac5-floating-control {
        width: 118px !important;
        min-width: 0 !important;
        max-width: 118px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dac5-floating-control > .floating_add_to_cart_button,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart .single_add_to_cart_button {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 4px 4px !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 767px) {
    /* Mobile request: amount only, with currency on the line below. */
    body.single-product .owp-floating-bar .dc-pjc-torob-floating-label,
    body.single-product .owp-floating-bar .dc-pjc-torob-package-total > .dc-pjc-torob-package-label {
        display: none !important;
    }

    body.single-product .owp-floating-bar .dc-pjc-torob-floating-package-price,
    body.single-product .owp-floating-bar .dc-pjc-torob-package-total {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 1px !important;
        white-space: normal !important;
    }

    body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount,
    body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount .woocommerce-Price-amount,
    body.single-product .owp-floating-bar .dc-pjc-torob-package-total .dc-pjc-torob-package-amount,
    body.single-product .owp-floating-bar .dc-pjc-torob-package-total .woocommerce-Price-amount {
        display: inline-block !important;
        font-size: 13px !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
    }

    body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount .woocommerce-Price-currencySymbol,
    body.single-product .owp-floating-bar .dc-pjc-torob-package-total .woocommerce-Price-currencySymbol {
        display: block !important;
        margin-top: 2px !important;
        font-size: 8px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        text-align: right !important;
    }

    /* The site's legacy mobile CSS fixes the real summary cart, not Ocean's
     * hidden cart. Compact that actual button as well. */
    html.dc-pjc-torob-client body.single-product.product-type-simple .entry-summary form.cart,
    html.dc-pjc-torob-client body.single-product .entry-summary .woocommerce-variation-add-to-cart {
        width: 122px !important;
        max-width: 122px !important;
        right: 7px !important;
    }

    html.dc-pjc-torob-client body.single-product.product-type-simple .entry-summary form.cart button.single_add_to_cart_button,
    html.dc-pjc-torob-client body.single-product .entry-summary .woocommerce-variation-add-to-cart button.single_add_to_cart_button {
        width: 100% !important;
        min-width: 0 !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 4px 4px !important;
        margin: 0 !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 360px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right {
        grid-template-columns: minmax(82px, 1fr) 106px !important;
        gap: 4px !important;
    }
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dac5-floating-control,
    html.dc-pjc-torob-client body.single-product.product-type-simple .entry-summary form.cart,
    html.dc-pjc-torob-client body.single-product .entry-summary .woocommerce-variation-add-to-cart {
        width: 106px !important;
        max-width: 106px !important;
    }
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dac5-floating-control > .floating_add_to_cart_button,
    html.dc-pjc-torob-client body.single-product.product-type-simple .entry-summary form.cart button.single_add_to_cart_button,
    html.dc-pjc-torob-client body.single-product .entry-summary .woocommerce-variation-add-to-cart button.single_add_to_cart_button {
        font-size: 9px !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
}

/* =========================================================
   v3.0.13.8 — floating-bar order/visibility correction
   - Desktop: package price sits to the RIGHT of the CTA.
   - Desktop floating package label is white only inside the black bar.
   - Mobile: force the Torob package total visible beside the compact CTA.
   ========================================================= */

@media (min-width: 1025px) {
    /* The actual container is tagged by torob-package-pricing.js. In RTL the
     * package price is the first item at the right, CTA follows on its left. */
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        direction: rtl !important;
        width: auto !important;
        min-width: 0 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout > .product_price,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout > .dc-pjc-torob-floating-price-host {
        order: 1 !important;
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex: 0 0 auto !important;
        direction: rtl !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout > form.cart,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout > .dac5-floating-control {
        order: 2 !important;
        flex: 0 0 auto !important;
    }

    /* White label ONLY in the desktop floating bar; main product price keeps
     * its existing colors. */
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-label,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-package-total > .dc-pjc-torob-package-label {
        color: #fff !important;
        opacity: 1 !important;
    }

    /* Keep the whole floating price smaller than the main product price. */
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount .woocommerce-Price-amount,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-package-total .dc-pjc-torob-package-amount,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-package-total .woocommerce-Price-amount {
        font-size: 14px !important;
        line-height: 1.1 !important;
    }
}

@media (max-width: 767px) {
    /* Ocean/DAC5 may hide/reflow the price area on narrow screens. Force only
     * the Torob floating layout back into a two-column row: price left, CTA
     * right. Inner price remains RTL. */
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 104px !important;
        grid-auto-flow: column !important;
        align-items: center !important;
        column-gap: 5px !important;
        direction: ltr !important;
        width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout > .product_price,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout > .price,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout > .dc-pjc-torob-floating-price-host {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        position: relative !important;
        z-index: 4 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 3px !important;
        overflow: visible !important;
        align-items: center !important;
        justify-content: flex-start !important;
        direction: rtl !important;
        box-sizing: border-box !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout > form.cart,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout > .dac5-floating-control {
        display: flex !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 104px !important;
        min-width: 104px !important;
        max-width: 104px !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 5 !important;
    }

    /* Amount only. The currency stays on its own line below the number. */
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-label,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-package-total > .dc-pjc-torob-package-label {
        display: none !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-package-price,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-package-total {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 0 !important;
        gap: 0 !important;
        direction: rtl !important;
        white-space: normal !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount .woocommerce-Price-amount,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-package-total .dc-pjc-torob-package-amount,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-package-total .woocommerce-Price-amount {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        font-size: 12px !important;
        line-height: 1.05 !important;
        font-weight: 700 !important;
        color: #fff !important;
        white-space: nowrap !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-amount .woocommerce-Price-currencySymbol,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-package-total .woocommerce-Price-currencySymbol {
        display: block !important;
        visibility: visible !important;
        margin-top: 2px !important;
        font-size: 8px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        color: #fff !important;
        text-align: right !important;
    }

    /* The actual sticky CTA used by the site is the entry-summary cart. Keep it
     * compact as requested so the package total has clear room next to it. */
    html.dc-pjc-torob-client body.single-product.product-type-simple .entry-summary form.cart,
    html.dc-pjc-torob-client body.single-product .entry-summary .woocommerce-variation-add-to-cart {
        width: 104px !important;
        max-width: 104px !important;
        right: 7px !important;
    }

    html.dc-pjc-torob-client body.single-product.product-type-simple .entry-summary form.cart button.single_add_to_cart_button,
    html.dc-pjc-torob-client body.single-product .entry-summary .woocommerce-variation-add-to-cart button.single_add_to_cart_button,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dac5-floating-control > .floating_add_to_cart_button,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart .single_add_to_cart_button {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 3px 3px !important;
        margin: 0 !important;
        font-size: 9px !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 360px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout {
        grid-template-columns: minmax(0, 1fr) 98px !important;
        column-gap: 4px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout > form.cart,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout > .dac5-floating-control,
    html.dc-pjc-torob-client body.single-product.product-type-simple .entry-summary form.cart,
    html.dc-pjc-torob-client body.single-product .entry-summary .woocommerce-variation-add-to-cart {
        width: 98px !important;
        min-width: 98px !important;
        max-width: 98px !important;
    }
}

/* =========================================================
   v3.0.13.9 — final Torob floating/mobile alignment
   - Desktop: move the whole price + CTA cluster to the far left while keeping
     the package price on the RIGHT side of the CTA.
   - Mobile: use a dedicated fixed package-price host beside the site's real
     fixed summary-cart button, because Ocean's floating price is not the
     visible mobile control on this site.
   - Mobile main summary: unit/kg amount starts on its own line.
   ========================================================= */

@media (min-width: 1025px) {
    /* Push the complete desktop floating action cluster to the far left of
     Ocean's black bar. v3.0.13.8 already keeps price to the right of the CTA. */
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-layout {
        margin-right: auto !important;
        margin-left: 0 !important;
    }

    /* Keep the package caption readable only in the black desktop floating bar. */
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-label,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-package-total > .dc-pjc-torob-package-label {
        color: #fff !important;
        opacity: 1 !important;
    }
}

/* Dedicated mobile fixed price. JS positions its right edge immediately before
 * the actual fixed add-to-cart form, so it stays visible even when Ocean's
 * hidden mobile floating bar is not the control the visitor sees. */
.dc-pjc-torob-mobile-fixed-price {
    display: none;
}

@media (max-width: 767px) {
    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-mobile-fixed-price {
        position: fixed !important;
        z-index: 100 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-width: 0 !important;
        padding: 0 7px !important;
        margin: 0 !important;
        overflow: visible !important;
        background: #fff !important;
        color: #2b2b2b !important;
        direction: rtl !important;
        box-sizing: border-box !important;
        pointer-events: none !important;
    }

    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-mobile-fixed-price .dc-pjc-torob-floating-package-price {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 0 !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        direction: rtl !important;
        white-space: normal !important;
        line-height: 1.05 !important;
    }

    /* Mobile fixed host shows ONLY the total. */
    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-mobile-fixed-price .dc-pjc-torob-floating-label {
        display: none !important;
    }

    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-mobile-fixed-price .dc-pjc-torob-floating-amount,
    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-mobile-fixed-price .woocommerce-Price-amount {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #2b2b2b !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
    }

    /* Currency on the line below the package number, as requested. */
    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-mobile-fixed-price .woocommerce-Price-currencySymbol {
        display: block !important;
        margin-top: 2px !important;
        color: #2b2b2b !important;
        font-size: 9px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        text-align: right !important;
    }

    /* The per-unit/per-kg row in the MAIN product summary: keep its label, but
     * move the actual amount onto a fresh line below it. */
    html.dc-pjc-torob-client body.single-product .summary.entry-summary .dc-pjc-torob-package-unit,
    html.dc-pjc-torob-client body.single-product .entry-summary .dc-pjc-torob-package-unit {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 1px !important;
        width: 100% !important;
    }

    html.dc-pjc-torob-client body.single-product .entry-summary .dc-pjc-torob-package-unit > .dc-pjc-torob-package-label,
    html.dc-pjc-torob-client body.single-product .entry-summary .dc-pjc-torob-package-unit > .dc-pjc-torob-package-amount {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }
}


/* =========================================================
   v3.0.13.10 — robust mobile floating layout
   - Mobile package price is mounted INSIDE Ocean/DAC5's real floating form,
     so it can never drift over/under the CTA as a separate fixed element.
   - Desktop action cluster is anchored to the left side of the black bar;
     package price remains to the RIGHT of the add-to-cart button.
   - Mobile main unit/kg amount starts on its own line, matching package total.
   ========================================================= */

@media (min-width: 1025px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right.dc-pjc-torob-floating-layout {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        direction: ltr !important;
        float: left !important;
        width: 50% !important;
        max-width: 50% !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        padding: 0 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right.dc-pjc-torob-floating-layout > .product_price,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right.dc-pjc-torob-floating-layout > .dc-pjc-torob-floating-price-host {
        order: 2 !important;
        direction: rtl !important;
        margin: 0 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right.dc-pjc-torob-floating-layout > form.cart,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right.dc-pjc-torob-floating-layout > .dac5-floating-control {
        order: 1 !important;
        margin: 0 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-floating-label,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .dc-pjc-torob-package-total > .dc-pjc-torob-package-label {
        color: #fff !important;
        opacity: 1 !important;
    }
}

/* v3.0.13.9's separate fixed host is deliberately retired. */
html.dc-pjc-torob-client body.single-product .dc-pjc-torob-mobile-fixed-price {
    display: none !important;
}

@media (max-width: 767px) {
    /* The original Ocean price cell is hidden only on phones. Its Torob total
     * is rendered inside form.cart below, beside the actual DAC5 control. */
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right.dc-pjc-torob-floating-layout {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        direction: ltr !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right.dc-pjc-torob-floating-layout > .product_price,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right.dc-pjc-torob-floating-layout > .price,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right.dc-pjc-torob-floating-layout > .dc-pjc-torob-floating-price-host {
        display: none !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form {
        display: grid !important;
        grid-template-columns: 88px 112px !important;
        grid-template-rows: 36px !important;
        align-items: center !important;
        justify-content: start !important;
        column-gap: 6px !important;
        direction: ltr !important;
        width: 206px !important;
        min-width: 206px !important;
        max-width: 206px !important;
        height: 36px !important;
        min-height: 36px !important;
        margin: 0 auto 0 7px !important;
        padding: 0 !important;
        position: relative !important;
        right: auto !important;
        left: auto !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price {
        display: flex !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
        height: 36px !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 0 2px !important;
        overflow: visible !important;
        direction: rtl !important;
        box-sizing: border-box !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .dc-pjc-torob-floating-package-price {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.05 !important;
        direction: rtl !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .dc-pjc-torob-floating-label {
        display: none !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .dc-pjc-torob-floating-amount,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .woocommerce-Price-amount {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #2b2b2b !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .woocommerce-Price-currencySymbol {
        display: block !important;
        margin-top: 2px !important;
        color: #2b2b2b !important;
        font-size: 8px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        text-align: right !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control {
        display: block !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 4px 4px !important;
        margin: 0 !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    /* Main product price: both rows use label on one line and amount below. */
    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-package-price > .dc-pjc-torob-package-row,
    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-package-price > .dc-pjc-torob-package-row.dc-pjc-torob-package-unit {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 2px !important;
        width: 100% !important;
    }

    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-package-price > .dc-pjc-torob-package-row > .dc-pjc-torob-package-label,
    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-package-price > .dc-pjc-torob-package-row > .dc-pjc-torob-package-amount {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 350px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form {
        grid-template-columns: 82px 104px !important;
        column-gap: 4px !important;
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
        margin-left: 4px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price {
        width: 82px !important;
        min-width: 82px !important;
        max-width: 82px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        width: 104px !important;
        min-width: 104px !important;
        max-width: 104px !important;
    }
}

/* =========================================================
   v3.0.13.11 — mobile floating price alignment polish
   - Keep package total cleanly to the LEFT of the CTA on phones.
   - Vertically center price block beside the CTA (not underneath it).
   - Center the currency label directly below the package amount.
   ========================================================= */
@media (max-width: 767px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        direction: ltr !important;
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
        height: 38px !important;
        min-height: 38px !important;
        margin: 0 auto 0 7px !important;
        padding: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price {
        order: 1 !important;
        flex: 0 0 92px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 92px !important;
        min-width: 92px !important;
        max-width: 92px !important;
        height: 38px !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 0 2px !important;
        text-align: center !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .dc-pjc-torob-floating-package-price {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .dc-pjc-torob-floating-amount,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .woocommerce-Price-amount {
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .woocommerce-Price-amount bdi {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        text-align: center !important;
        line-height: 1.05 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .woocommerce-Price-currencySymbol {
        display: block !important;
        width: 100% !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        text-align: center !important;
        align-self: center !important;
        line-height: 1 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control {
        order: 2 !important;
        flex: 0 0 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        height: 38px !important;
        min-height: 38px !important;
        margin: 0 !important;
    }
}

@media (max-width: 350px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form {
        width: 194px !important;
        min-width: 194px !important;
        max-width: 194px !important;
        gap: 4px !important;
        margin-left: 4px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price {
        flex-basis: 86px !important;
        width: 86px !important;
        min-width: 86px !important;
        max-width: 86px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        flex-basis: 104px !important;
        width: 104px !important;
        min-width: 104px !important;
        max-width: 104px !important;
    }
}

/* =========================================================
   v3.0.13.12 — Torob floating price breakpoint + narrow-phone fit
   - Treat widths up to 1024px as the compact floating layout, so the
     package total appears on tablets as well as phones.
   - Keep the package total to the LEFT of the CTA.
   - On <=300px, shrink the CTA further so the price never drops below it.
   ========================================================= */
@media (max-width: 1024px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right.dc-pjc-torob-floating-layout {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        direction: ltr !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 0 !important;
        overflow: visible !important;
    }

    /* Hide Ocean's duplicate price cell; the Torob total is mounted inside
       the real DAC5 cart form so it stays beside the CTA. */
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right.dc-pjc-torob-floating-layout > .product_price,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right.dc-pjc-torob-floating-layout > .price,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar .right.dc-pjc-torob-floating-layout > .dc-pjc-torob-floating-price-host {
        display: none !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        direction: ltr !important;
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
        height: 38px !important;
        min-height: 38px !important;
        margin: 0 auto 0 7px !important;
        padding: 0 !important;
        position: relative !important;
        right: auto !important;
        left: auto !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price {
        order: 1 !important;
        flex: 0 0 92px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 92px !important;
        min-width: 92px !important;
        max-width: 92px !important;
        height: 38px !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 0 2px !important;
        text-align: center !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .dc-pjc-torob-floating-package-price {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.05 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .dc-pjc-torob-floating-label {
        display: none !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .dc-pjc-torob-floating-amount,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .woocommerce-Price-amount {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #2b2b2b !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.05 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .woocommerce-Price-amount bdi {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        text-align: center !important;
        line-height: 1.05 !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .woocommerce-Price-currencySymbol {
        display: block !important;
        width: 100% !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        color: #2b2b2b !important;
        font-size: 8px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
        text-align: center !important;
        align-self: center !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control {
        order: 2 !important;
        flex: 0 0 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        height: 38px !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 4px !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    /* Keep both Torob rows two-line in compact/tablet view. */
    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-package-price > .dc-pjc-torob-package-row,
    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-package-price > .dc-pjc-torob-package-row.dc-pjc-torob-package-unit {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 2px !important;
        width: 100% !important;
    }

    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-package-price > .dc-pjc-torob-package-row > .dc-pjc-torob-package-label,
    html.dc-pjc-torob-client body.single-product .dc-pjc-torob-package-price > .dc-pjc-torob-package-row > .dc-pjc-torob-package-amount {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 350px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form {
        width: 194px !important;
        min-width: 194px !important;
        max-width: 194px !important;
        gap: 4px !important;
        margin-left: 4px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price {
        flex: 0 0 86px !important;
        width: 86px !important;
        min-width: 86px !important;
        max-width: 86px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        flex: 0 0 104px !important;
        width: 104px !important;
        min-width: 104px !important;
        max-width: 104px !important;
    }
}

@media (max-width: 300px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form {
        width: 170px !important;
        min-width: 170px !important;
        max-width: 170px !important;
        gap: 4px !important;
        margin-left: 3px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price {
        flex: 0 0 78px !important;
        width: 78px !important;
        min-width: 78px !important;
        max-width: 78px !important;
        padding: 0 1px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .dc-pjc-torob-floating-amount,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price .woocommerce-Price-amount {
        font-size: 11px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        flex: 0 0 88px !important;
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        padding: 3px 2px !important;
        font-size: 9px !important;
        letter-spacing: -0.1px !important;
    }
}


/* =========================================================
   v3.0.13.13 — extra-narrow phone CTA fit
   - Below 300px, progressively reduce only the floating add-to-cart button
     so the Torob package total keeps its own column and never drops below CTA.
   ========================================================= */
@media (max-width: 300px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form {
        width: 164px !important;
        min-width: 164px !important;
        max-width: 164px !important;
        gap: 3px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price {
        flex: 0 0 80px !important;
        width: 80px !important;
        min-width: 80px !important;
        max-width: 80px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        flex: 0 0 81px !important;
        width: 81px !important;
        min-width: 81px !important;
        max-width: 81px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        padding: 2px 1px !important;
        font-size: 8px !important;
        letter-spacing: -0.2px !important;
    }
}

@media (max-width: 280px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form {
        width: 154px !important;
        min-width: 154px !important;
        max-width: 154px !important;
        gap: 2px !important;
        margin-left: 2px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price {
        flex: 0 0 80px !important;
        width: 80px !important;
        min-width: 80px !important;
        max-width: 80px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        flex: 0 0 72px !important;
        width: 72px !important;
        min-width: 72px !important;
        max-width: 72px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        font-size: 7.5px !important;
        padding: 2px 0 !important;
    }
}

@media (max-width: 260px) {
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form {
        width: 146px !important;
        min-width: 146px !important;
        max-width: 146px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dc-pjc-torob-mobile-inline-price {
        flex: 0 0 78px !important;
        width: 78px !important;
        min-width: 78px !important;
        max-width: 78px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control,
    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        flex: 0 0 66px !important;
        width: 66px !important;
        min-width: 66px !important;
        max-width: 66px !important;
    }

    html.dc-pjc-torob-client body.single-product .owp-floating-bar form.cart.dc-pjc-torob-mobile-price-form > .dac5-floating-control > .floating_add_to_cart_button {
        font-size: 7px !important;
    }
}