/* Netstore 2.6.93.293: decorative ruler; native Repack controls stay intact.
 * Ruler: Lucide Icons, https://lucide.dev/icons/ruler, ISC License.
 * Copyright (c) 2026 Lucide Icons and Contributors.
 * Permission to use, copy, modify, and/or distribute this software for any
 * purpose with or without fee is hereby granted, provided that the above
 * copyright notice and this permission notice appear in all copies.
 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
 * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
 * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
 * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
 * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
 * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
 */
body.netstore-product-page .netstore-product-card-v2640 .product-page
    .product-purchase-card .qty.repack-length-quantity-control {
    grid-template-columns: 112px 8px 38px 38px !important;
    width: 196px !important;
    min-width: 196px !important;
    max-width: 196px !important;
}

@media (max-width: 359px) {
    body.netstore-product-page .netstore-product-card-v2640 .product-page
        .product-purchase-card.repack-length-purchase-card .add2cart:has(> .qty.repack-length-quantity-control) {
        grid-template-rows: none !important;
        grid-template-areas:
            "quantity quantity"
            "summary summary"
            "offer offer"
            "price price"
            "buy buy"
            "rates rates" !important;
    }

    body.netstore-product-page .netstore-product-card-v2640 .product-page
        .product-purchase-card.repack-length-purchase-card[data-repack-length-has-offer="0"]
        .add2cart:has(> .qty.repack-length-quantity-control) {
        grid-template-areas:
            "quantity quantity"
            "summary summary"
            "price price"
            "buy buy"
            "rates rates" !important;
    }
}

body.netstore-product-page .netstore-product-card-v2640 .product-page
    .product-purchase-card .qty.repack-length-quantity-control input[name="quantity"] {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    padding-left: 28px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23747c70' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z'/%3E%3Cpath d='m14.5 12.5 2-2'/%3E%3Cpath d='m11.5 9.5 2-2'/%3E%3Cpath d='m8.5 6.5 2-2'/%3E%3Cpath d='m17.5 15.5 2-2'/%3E%3C/svg%3E") !important;
    background-position: 8px center !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
}

/* Reserve only the added 20px in Repack's existing quantity column. */
body.netstore-product-page .netstore-product-card-v2640 .product-page
    .product-purchase-card.repack-length-purchase-card .add2cart:has(> .qty.repack-length-quantity-control) {
    grid-template-columns: 196px minmax(0, 1fr) !important;
}

@media (767px <= width < 991px) {
    body.netstore-product-page .netstore-product-card-v2640 .product-page
        .product-purchase-card.repack-length-purchase-card .add2cart:has(> .qty.repack-length-quantity-control) {
        grid-template-columns: 232px minmax(0, 1fr) !important;
    }
}

@media (max-width: 480px) {
    body.netstore-product-page .netstore-product-card-v2640 .product-page
        .product-purchase-card .qty.repack-length-quantity-control {
        grid-template-columns: 88px 8px 34px 34px !important;
        width: 164px !important;
        min-width: 164px !important;
        max-width: 164px !important;
    }

    body.netstore-product-page .netstore-product-card-v2640 .product-page
        .product-purchase-card .qty.repack-length-quantity-control input[name="quantity"] {
        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;
        padding-left: 26px !important;
        background-position: 7px center !important;
        background-size: 14px 14px !important;
    }

    body.netstore-product-page .netstore-product-card-v2640 .product-page
        .product-purchase-card.repack-length-purchase-card .add2cart:has(> .qty.repack-length-quantity-control) {
        grid-template-columns: 164px minmax(0, 1fr) !important;
    }
}