/*
 * Victor Scientific — Option A Premium Frosted Glass Actions
 * Single global source for storefront action controls.
 * Theme colors are read from Admin > General Settings through :root variables.
 * Uses translucent fills and light borders; avoids backdrop-filter to protect
 * scrolling and rendering performance on product-heavy pages.
 */
:root {
    --vsc-glass-radius: 999px;
    --vsc-glass-surface: rgba(255, 255, 255, .92);
    --vsc-glass-surface-hover: rgba(255, 255, 255, .96);
    --vsc-glass-shadow: 0 3px 10px rgba(15, 35, 65, .08), inset 0 1px 0 rgba(255, 255, 255, .92);
    --vsc-glass-shadow-hover: 0 5px 14px rgba(15, 35, 65, .12), inset 0 1px 0 rgba(255, 255, 255, .98);
    --vsc-glass-primary-ink: #14243A;
    --vsc-glass-cart-ink: #173F78;
    --vsc-glass-order-ink: #164A3A;
}
@supports (color: color-mix(in srgb, #000000 50%, #FFFFFF)) {
    :root {
        --vsc-glass-surface: color-mix(in srgb, var(--site-surface, #FFFFFF) 90%, var(--site-primary, #0B3B82) 10%);
        /* Keep action text readable even when Admin selects a bright theme color. */
        --vsc-glass-primary-ink: color-mix(in srgb, var(--site-primary, #0B3B82) 25%, #10243C 75%);
        --vsc-glass-cart-ink: color-mix(in srgb, var(--site-cart, #2563EB) 25%, #10243C 75%);
        --vsc-glass-order-ink: color-mix(in srgb, var(--site-buy-now, #059669) 25%, #10243C 75%);
    }
}

/* Product cards: Homepage, Shop, category grids, campaigns and related products. */
body.gotop :is(
    .vsc-product-actions .vsc-icon-btn,
    .vsc-product-actions .vsc-cart-btn,
    .product_item .pro_btn .order-btn,
    .product_item .pro_btn .order-btn-link,
    .product_item .pro_btn .cart-icon-btn,
    .product_item .pro_btn .cart-icon-link,
    .related-product-section .pro_btn .order-btn,
    .related-product-section .pro_btn .order-btn-link,
    .related-product-section .pro_btn .cart-icon-btn,
    .related-product-section .pro_btn .cart-icon-link,
    .product-refresh-page .related-product-section .order-btn,
    .product-refresh-page .related-product-section .order-btn-link,
    .product-refresh-page .related-product-section .cart-icon-btn,
    .product-refresh-page .related-product-section .cart-icon-link
) {
    background: var(--vsc-glass-surface) !important;
    border: 1px solid var(--site-border, #DCE7F5) !important;
    border: 1px solid color-mix(in srgb, var(--site-primary, #0B3B82) 42%, var(--site-border, #DCE7F5)) !important;
    color: var(--vsc-glass-primary-ink) !important;
    border-radius: var(--vsc-glass-radius) !important;
    box-shadow: var(--vsc-glass-shadow) !important;
    -webkit-tap-highlight-color: transparent;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease !important;
    text-decoration: none !important;
}

/* Add-to-cart icon buttons use the Admin Add to Cart color. */
body.gotop :is(
    .vsc-product-actions .vsc-icon-btn,
    .product_item .pro_btn .cart-icon-btn,
    .product_item .pro_btn .cart-icon-link,
    .related-product-section .pro_btn .cart-icon-btn,
    .related-product-section .pro_btn .cart-icon-link,
    .product-refresh-page .related-product-section .cart-icon-btn,
    .product-refresh-page .related-product-section .cart-icon-link,
    .product-refresh-page .single_product .add_cart_btn,
    .single_product .add_cart_btn,
    .qty-cart .add-to-cart
) {
    background: rgba(255,255,255,.92) !important;
    background: color-mix(in srgb, var(--site-surface, #FFFFFF) 88%, var(--site-cart, #2563EB) 12%) !important;
    border-color: color-mix(in srgb, var(--site-cart, #2563EB) 54%, var(--site-border, #DCE7F5)) !important;
    color: var(--vsc-glass-cart-ink) !important;
}

/* Order / purchase actions use the Admin Buy Now color. */
body.gotop :is(
    .vsc-product-actions .vsc-cart-btn,
    .vsc-product-actions .vsc-order-btn,
    .product_item .pro_btn .order-btn,
    .product_item .pro_btn .order-btn-link,
    .related-product-section .pro_btn .order-btn,
    .related-product-section .pro_btn .order-btn-link,
    .product-refresh-page .single_product .order_now_btn,
    .single_product .order_now_btn,
    .cp-order-btn,
    .cart-actions .order-btn,
    .order_place
) {
    background: rgba(255,255,255,.92) !important;
    background: color-mix(in srgb, var(--site-surface, #FFFFFF) 88%, var(--site-buy-now, #059669) 12%) !important;
    border-color: color-mix(in srgb, var(--site-buy-now, #059669) 56%, var(--site-border, #DCE7F5)) !important;
    color: var(--vsc-glass-order-ink) !important;
}

/* Product-detail contact actions preserve recognizable WhatsApp green and theme Call color. */
body.gotop .product-contact-btn,
body.gotop .product-call-btn {
    background: rgba(255,255,255,.92) !important;
    background: color-mix(in srgb, var(--site-surface, #FFFFFF) 88%, var(--site-primary, #0B3B82) 12%) !important;
    border: 1px solid color-mix(in srgb, var(--site-primary, #0B3B82) 48%, var(--site-border, #DCE7F5)) !important;
    color: var(--vsc-glass-primary-ink) !important;
    border-radius: var(--vsc-glass-radius) !important;
    box-shadow: var(--vsc-glass-shadow) !important;
}
body.gotop .product-whatsapp-btn {
    background: rgba(237, 250, 243, .92) !important;
    border-color: rgba(22, 163, 94, .48) !important;
    color: #087A50 !important;
}

/* Product-detail secondary actions and shared site actions. */
body.gotop :is(
    .vsc-quote-btn,
    .vsc-datasheet-btn,
    .vsc-primary-btn,
    .vsc-secondary-btn,
    .vsc-bulk-banner__actions a,
    .details-page-wishlist a,
    .cp-view-btn,
    .submit-btn,
    .btn-primary,
    .btn-outline-primary,
    .btn-success
) {
    background: color-mix(in srgb, var(--site-surface, #FFFFFF) 88%, var(--site-primary, #0B3B82) 12%) !important;
    border: 1px solid color-mix(in srgb, var(--site-primary, #0B3B82) 52%, var(--site-border, #DCE7F5)) !important;
    color: var(--vsc-glass-primary-ink) !important;
    border-radius: var(--vsc-glass-radius) !important;
    box-shadow: var(--vsc-glass-shadow) !important;
    text-decoration: none !important;
}
body.gotop .vsc-secondary-btn {
    background: color-mix(in srgb, var(--site-surface, #FFFFFF) 88%, var(--site-secondary, #1456A0) 12%) !important;
    border-color: color-mix(in srgb, var(--site-secondary, #1456A0) 52%, var(--site-border, #DCE7F5)) !important;
    color: color-mix(in srgb, var(--site-secondary, #1456A0) 78%, #10243C 22%) !important;
}
body.gotop .vsc-datasheet-btn { background: rgba(255,255,255,.90) !important; }


body.gotop .vsc-bulk-banner__actions a {
    background: color-mix(in srgb, var(--site-surface, #FFFFFF) 88%, var(--site-primary, #0B3B82) 12%) !important;
    border: 1px solid color-mix(in srgb, var(--site-primary, #0B3B82) 52%, var(--site-border, #DCE7F5)) !important;
    color: var(--vsc-glass-primary-ink) !important;
    border-radius: var(--vsc-glass-radius) !important;
    box-shadow: var(--vsc-glass-shadow) !important;
}
body.gotop .vsc-bulk-banner__actions a:nth-child(2) {
    background: rgba(237, 250, 243, .92) !important;
    border-color: rgba(22, 163, 94, .48) !important;
    color: #087A50 !important;
}

/* Keep icons legible on the light glass surface; older theme rules used white icons on solid fills. */
body.gotop :is(
    .vsc-product-actions .vsc-icon-btn i,
    .vsc-product-actions .vsc-icon-btn svg,
    .vsc-product-actions .vsc-cart-btn i,
    .vsc-product-actions .vsc-order-btn i,
    .product_item .pro_btn .order-btn i,
    .product_item .pro_btn .order-btn-link i,
    .product_item .pro_btn .cart-icon-btn i,
    .product_item .pro_btn .cart-icon-link i,
    .related-product-section .pro_btn .order-btn i,
    .related-product-section .pro_btn .order-btn-link i,
    .related-product-section .pro_btn .cart-icon-btn i,
    .related-product-section .pro_btn .cart-icon-link i,
    .single_product .add_cart_btn i,
    .single_product .order_now_btn i,
    .product-contact-btn i,
    .vsc-quote-btn i,
    .vsc-datasheet-btn i,
    .vsc-primary-btn i,
    .vsc-secondary-btn i,
    .vsc-bulk-banner__actions a i
) {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
    fill: currentColor !important;
}

/* Compact icon-only controls remain circular; full-width text CTAs remain pill-shaped. */
body.gotop :is(
    .vsc-product-actions .vsc-icon-btn,
    .product_item .pro_btn .cart-icon-btn,
    .product_item .pro_btn .cart-icon-link,
    .related-product-section .pro_btn .cart-icon-btn,
    .related-product-section .pro_btn .cart-icon-link
) {
    border-radius: 50% !important;
}

/* Floating contact shortcuts keep their round silhouette and official channel colors. */
body.gotop .chat-btn {
    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    box-shadow: 0 5px 16px rgba(15, 35, 65, .16), inset 0 1px 0 rgba(255,255,255,.32) !important;
}

/* Shared hover/focus treatment. No layout movement, so card rows do not jump. */
body.gotop :is(
    .vsc-product-actions .vsc-icon-btn,
    .vsc-product-actions .vsc-cart-btn,
    .product_item .pro_btn .order-btn,
    .product_item .pro_btn .order-btn-link,
    .product_item .pro_btn .cart-icon-btn,
    .product_item .pro_btn .cart-icon-link,
    .related-product-section .pro_btn .order-btn,
    .related-product-section .pro_btn .order-btn-link,
    .related-product-section .pro_btn .cart-icon-btn,
    .related-product-section .pro_btn .cart-icon-link,
    .single_product .add_cart_btn,
    .single_product .order_now_btn,
    .product-contact-btn,
    .vsc-quote-btn,
    .vsc-datasheet-btn,
    .vsc-primary-btn,
    .vsc-secondary-btn,
    .vsc-bulk-banner__actions a,
    .details-page-wishlist a,
    .cp-view-btn,
    .submit-btn,
    .btn-primary,
    .btn-outline-primary,
    .btn-success,
    .order_place
):hover,
body.gotop :is(
    .vsc-product-actions .vsc-icon-btn,
    .vsc-product-actions .vsc-cart-btn,
    .product_item .pro_btn .order-btn,
    .product_item .pro_btn .order-btn-link,
    .product_item .pro_btn .cart-icon-btn,
    .product_item .pro_btn .cart-icon-link,
    .related-product-section .pro_btn .order-btn,
    .related-product-section .pro_btn .order-btn-link,
    .related-product-section .pro_btn .cart-icon-btn,
    .related-product-section .pro_btn .cart-icon-link,
    .single_product .add_cart_btn,
    .single_product .order_now_btn,
    .product-contact-btn,
    .vsc-quote-btn,
    .vsc-datasheet-btn,
    .vsc-primary-btn,
    .vsc-secondary-btn,
    .details-page-wishlist a,
    .cp-view-btn,
    .submit-btn,
    .btn-primary,
    .btn-outline-primary,
    .btn-success,
    .order_place
):focus-visible {
    background: var(--vsc-glass-surface-hover) !important;
    border-color: var(--site-primary, #0B3B82) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--site-primary, #0B3B82) 16%, transparent), var(--vsc-glass-shadow-hover) !important;
    outline: none !important;
}

/* Admin Accent controls Add to Cart hover; Secondary controls Order Now hover. */
body.gotop :is(
    .vsc-product-actions .vsc-icon-btn,
    .product_item .pro_btn .cart-icon-btn,
    .product_item .pro_btn .cart-icon-link,
    .related-product-section .pro_btn .cart-icon-btn,
    .related-product-section .pro_btn .cart-icon-link,
    .single_product .add_cart_btn
):hover {
    background: color-mix(in srgb, var(--site-surface, #FFFFFF) 82%, var(--site-accent, #F59E0B) 18%) !important;
    border-color: var(--site-accent, #F59E0B) !important;
}
body.gotop :is(
    .vsc-product-actions .vsc-cart-btn,
    .product_item .pro_btn .order-btn,
    .product_item .pro_btn .order-btn-link,
    .related-product-section .pro_btn .order-btn,
    .related-product-section .pro_btn .order-btn-link,
    .single_product .order_now_btn,
    .order_place
):hover {
    background: color-mix(in srgb, var(--site-surface, #FFFFFF) 82%, var(--site-secondary, #1456A0) 18%) !important;
    border-color: var(--site-secondary, #1456A0) !important;
}
body.gotop .product-whatsapp-btn:hover,
body.gotop .chat-btn.whatsapp:hover {
    background: rgba(225, 248, 235, .98) !important;
    border-color: #16A34A !important;
    color: #087A50 !important;
}
body.gotop .chat-btn.whatsapp {
    background: rgba(237, 250, 243, .94) !important;
    border-color: rgba(22, 163, 94, .50) !important;
    color: #087A50 !important;
}
body.gotop .chat-btn.messenger {
    background: rgba(235, 244, 255, .94) !important;
    border-color: rgba(0, 132, 255, .42) !important;
    color: #0867B2 !important;
}
body.gotop .chat-btn.hotline {
    background: color-mix(in srgb, var(--site-surface, #FFFFFF) 86%, var(--site-primary, #0B3B82) 14%) !important;
    border-color: color-mix(in srgb, var(--site-primary, #0B3B82) 50%, var(--site-border, #DCE7F5)) !important;
    color: var(--vsc-glass-primary-ink) !important;
}

body.gotop :is(
    .vsc-product-actions .vsc-icon-btn,
    .vsc-product-actions .vsc-cart-btn,
    .product_item .pro_btn .order-btn,
    .product_item .pro_btn .order-btn-link,
    .product_item .pro_btn .cart-icon-btn,
    .product_item .pro_btn .cart-icon-link,
    .related-product-section .pro_btn .order-btn,
    .related-product-section .pro_btn .order-btn-link,
    .related-product-section .pro_btn .cart-icon-btn,
    .related-product-section .pro_btn .cart-icon-link,
    .single_product .add_cart_btn,
    .single_product .order_now_btn,
    .product-contact-btn,
    .vsc-quote-btn,
    .vsc-datasheet-btn,
    .vsc-primary-btn,
    .vsc-secondary-btn,
    .details-page-wishlist a,
    .cp-view-btn,
    .submit-btn,
    .btn-primary,
    .btn-outline-primary,
    .btn-success,
    .order_place
):disabled,
body.gotop :is(
    .vsc-product-actions .vsc-icon-btn,
    .vsc-product-actions .vsc-cart-btn,
    .single_product .add_cart_btn,
    .single_product .order_now_btn,
    .submit-btn,
    .btn-primary,
    .order_place
)[disabled] {
    opacity: .62 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

@media (max-width: 575.98px) {
    body.gotop :is(.product-contact-btn, .vsc-quote-btn, .vsc-datasheet-btn, .submit-btn, .order_place) {
        min-height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.gotop :is(.vsc-product-actions .vsc-icon-btn, .vsc-product-actions .vsc-cart-btn, .product-contact-btn, .vsc-quote-btn, .vsc-datasheet-btn, .submit-btn, .btn-primary, .order_place) {
        transition: none !important;
    }
}


/* -------------------------------------------------------------------------
   VSC site-wide Admin Theme + accessible glass action correction.
   This block is deliberately last: it overrides legacy white text rules
   inside product contact buttons and applies Admin border colors beyond Home.
   ------------------------------------------------------------------------- */

/* Contact buttons: the surface is light glass, so the label must be dark. */
body.gotop .product-contact-btn,
body.gotop .product-call-btn,
body.gotop .product-whatsapp-btn {
    border-radius: 999px !important;
    box-shadow: var(--vsc-glass-shadow) !important;
    text-decoration: none !important;
    text-shadow: none !important;
    filter: none !important;
    opacity: 1 !important;
}

body.gotop .product-call-btn {
    background: color-mix(in srgb, var(--site-surface, #FFFFFF) 86%, var(--site-primary, #0B3B82) 14%) !important;
    border: 1px solid color-mix(in srgb, var(--site-primary, #0B3B82) 50%, var(--site-border, #DCE7F5)) !important;
    color: var(--vsc-glass-primary-ink, #14243A) !important;
}

body.gotop .product-whatsapp-btn {
    background: color-mix(in srgb, #FFFFFF 86%, #16A34A 14%) !important;
    border: 1px solid color-mix(in srgb, #16A34A 54%, var(--site-border, #DCE7F5)) !important;
    color: #087A50 !important;
}

body.gotop .product-contact-btn > span,
body.gotop .product-contact-btn .product-call-number {
    color: var(--vsc-glass-primary-ink, #14243A) !important;
    -webkit-text-fill-color: var(--vsc-glass-primary-ink, #14243A) !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

body.gotop .product-whatsapp-btn > span {
    color: #087A50 !important;
    -webkit-text-fill-color: #087A50 !important;
}

body.gotop .product-contact-btn > i,
body.gotop .product-contact-btn > svg,
body.gotop .product-contact-btn > .product-whatsapp-icon {
    color: currentColor !important;
    fill: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
    background: color-mix(in srgb, currentColor 9%, transparent) !important;
    border-color: color-mix(in srgb, currentColor 18%, transparent) !important;
}

body.gotop .product-whatsapp-btn > i,
body.gotop .product-whatsapp-btn > svg,
body.gotop .product-whatsapp-btn > .product-whatsapp-icon,
body.gotop .product-whatsapp-btn > .product-whatsapp-icon path {
    color: #087A50 !important;
    fill: #087A50 !important;
    -webkit-text-fill-color: #087A50 !important;
}

/* Every shared glass CTA inherits the Admin theme and a readable ink color. */
body.gotop :is(
    .vsc-product-actions .vsc-icon-btn,
    .vsc-product-actions .vsc-cart-btn,
    .vsc-product-actions .vsc-order-btn,
    .product_item .pro_btn .order-btn,
    .product_item .pro_btn .order-btn-link,
    .product_item .pro_btn .cart-icon-btn,
    .product_item .pro_btn .cart-icon-link,
    .related-product-section .pro_btn .order-btn,
    .related-product-section .pro_btn .order-btn-link,
    .related-product-section .pro_btn .cart-icon-btn,
    .related-product-section .pro_btn .cart-icon-link,
    .single_product .add_cart_btn,
    .single_product .order_now_btn,
    .qty-cart .add-to-cart,
    .cp-order-btn,
    .cart-actions .order-btn,
    .order_place,
    .product-contact-btn,
    .vsc-quote-btn,
    .vsc-datasheet-btn,
    .vsc-primary-btn,
    .vsc-secondary-btn,
    .vsc-bulk-banner__actions a,
    .details-page-wishlist a,
    .cp-view-btn,
    .submit-btn
) {
    border-radius: 999px !important;
    box-shadow: var(--vsc-glass-shadow) !important;
    text-decoration: none !important;
}

/* Keep text and icons in all glass controls on the same readable foreground. */
body.gotop :is(
    .vsc-product-actions .vsc-icon-btn,
    .vsc-product-actions .vsc-cart-btn,
    .vsc-product-actions .vsc-order-btn,
    .product_item .pro_btn .order-btn,
    .product_item .pro_btn .order-btn-link,
    .related-product-section .pro_btn .order-btn,
    .related-product-section .pro_btn .order-btn-link,
    .single_product .add_cart_btn,
    .single_product .order_now_btn,
    .qty-cart .add-to-cart,
    .cp-order-btn,
    .cart-actions .order-btn,
    .order_place,
    .vsc-quote-btn,
    .vsc-datasheet-btn,
    .vsc-primary-btn,
    .vsc-secondary-btn,
    .vsc-bulk-banner__actions a,
    .details-page-wishlist a,
    .cp-view-btn,
    .submit-btn
) {
    color: var(--vsc-glass-primary-ink, #14243A) !important;
    -webkit-text-fill-color: var(--vsc-glass-primary-ink, #14243A);
}

body.gotop :is(
    .vsc-product-actions .vsc-icon-btn,
    .vsc-product-actions .vsc-cart-btn,
    .vsc-product-actions .vsc-order-btn,
    .product_item .pro_btn .order-btn,
    .product_item .pro_btn .order-btn-link,
    .product_item .pro_btn .cart-icon-btn,
    .product_item .pro_btn .cart-icon-link,
    .related-product-section .pro_btn .order-btn,
    .related-product-section .pro_btn .order-btn-link,
    .related-product-section .pro_btn .cart-icon-btn,
    .related-product-section .pro_btn .cart-icon-link,
    .single_product .add_cart_btn,
    .single_product .order_now_btn,
    .vsc-quote-btn,
    .vsc-datasheet-btn,
    .vsc-primary-btn,
    .vsc-secondary-btn,
    .vsc-bulk-banner__actions a,
    .details-page-wishlist a,
    .cp-view-btn,
    .submit-btn
) > :is(i, svg, span) {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
    fill: currentColor !important;
}

/* Admin Border Color applies consistently to cards, product information,
   campaign panels, navigation tiles and form controls on every storefront page. */
body.gotop :is(
    .product_item,
    .product-item-box,
    .category-thumb,
    .vsc-featured-category,
    .vsc-brand-card,
    .vsc-quick-links,
    .vsc-quick-links > a,
    .vsc-home-hero-banners__item,
    .vsc-wide-promo-banner__link,
    .vsc-product-info-shell,
    .vsc-product-info-tabs,
    .vsc-product-info-tab,
    .vsc-specification-list,
    .vsc-specification-row,
    .vsc-faq-item,
    .vsc-faq-fallback,
    .vsc-procurement-actions,
    .gomobd-review-card,
    .cart-summary,
    .checkout-summary,
    .checkout-form,
    .payment-methods,
    .cart-item,
    .cart-product-item
) {
    border-color: var(--site-border, #DCE7F5) !important;
}

body.gotop :is(
    .vsc-specification-label,
    .vsc-product-info-panel,
    .vsc-product-info-heading,
    .gomobd-review-card,
    .vsc-product-info-shell
) {
    border-color: var(--site-border, #DCE7F5) !important;
}

/* Form fields use the Admin border and primary focus color across all pages. */
body.gotop :is(input.form-control, textarea.form-control, select.form-control, .form-select, .form-control) {
    border-color: var(--site-border, #DCE7F5);
}

body.gotop :is(input.form-control, textarea.form-control, select.form-control, .form-select, .form-control):focus {
    border-color: var(--site-primary, #0B3B82) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--site-primary, #0B3B82) 14%, transparent) !important;
}

/* Active product information tab follows Admin Primary; inactive dividers use Admin Border. */
body.gotop .vsc-product-info-tab {
    border-color: var(--site-border, #DCE7F5);
}
body.gotop .vsc-product-info-tab.is-active,
body.gotop .vsc-product-info-tab[aria-current="location"] {
    border-color: var(--site-primary, #0B3B82) !important;
    background: color-mix(in srgb, var(--site-surface, #FFFFFF) 84%, var(--site-primary, #0B3B82) 16%) !important;
    color: var(--vsc-glass-primary-ink, #14243A) !important;
}
body.gotop .vsc-product-info-tab.is-active i,
body.gotop .vsc-product-info-tab[aria-current="location"] i {
    color: var(--site-primary, #0B3B82) !important;
}


/* Shared Bootstrap/storefront component borders and surfaces follow Admin colors. */
body.gotop :is(
    .card,
    .card-header,
    .card-footer,
    .accordion-item,
    .accordion-button,
    .list-group-item,
    .nav-tabs,
    .nav-tabs .nav-link,
    .pagination .page-link,
    .breadcrumb,
    .input-group-text,
    .table-bordered,
    .table-bordered th,
    .table-bordered td
) {
    border-color: var(--site-border, #DCE7F5) !important;
}

body.gotop :is(
    .vsc-product-info-shell,
    .vsc-product-info-panel,
    .vsc-specification-list,
    .vsc-faq-item,
    .vsc-faq-fallback,
    .vsc-procurement-actions,
    .gomobd-review-card,
    .cart-summary,
    .checkout-summary,
    .checkout-form,
    .payment-methods
) {
    background-color: var(--site-surface, #FFFFFF);
}

body.gotop :is(.vsc-product-info-area, .vsc-product-info-panels) {
    background-color: var(--site-background, #F3F6FB);
}

body.gotop .vsc-product-info-tabs {
    background-color: color-mix(in srgb, var(--site-surface, #FFFFFF) 82%, var(--site-background, #F3F6FB) 18%);
}

body.gotop .vsc-specification-label {
    background-color: color-mix(in srgb, var(--site-surface, #FFFFFF) 82%, var(--site-background, #F3F6FB) 18%);
}


/* 2026-11 refined Option A glass palette.
   Blue is reserved for Add to Cart; emerald is reserved for Order Now.
   Admin color fields remain the source of truth. No backdrop-filter is used,
   keeping the buttons visually light without adding scroll/rendering cost. */
body.gotop :is(
    .vsc-product-actions .vsc-icon-btn,
    .product_item .pro_btn .cart-icon-btn,
    .product_item .pro_btn .cart-icon-link,
    .related-product-section .pro_btn .cart-icon-btn,
    .related-product-section .pro_btn .cart-icon-link,
    .product-refresh-page .related-product-section .cart-icon-btn,
    .product-refresh-page .related-product-section .cart-icon-link,
    .product-refresh-page .single_product .add_cart_btn,
    .single_product .add_cart_btn,
    .qty-cart .add-to-cart
) {
    background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(226,238,255,.92)) !important;
    background: linear-gradient(
        145deg,
        rgba(255,255,255,.96),
        color-mix(in srgb, var(--site-cart, #2563EB) 13%, var(--site-surface, #FFFFFF))
    ) !important;
    border: 1px solid rgba(37,99,235,.38) !important;
    border-color: color-mix(in srgb, var(--site-cart, #2563EB) 52%, var(--site-border, #DCE7F5)) !important;
    color: var(--vsc-glass-cart-ink, #173F78) !important;
    -webkit-text-fill-color: var(--vsc-glass-cart-ink, #173F78) !important;
    box-shadow: 0 2px 8px rgba(19,54,105,.09), inset 0 1px 0 rgba(255,255,255,.96) !important;
    transition: background-color .12s ease, border-color .12s ease, box-shadow .12s ease, transform .12s ease !important;
}
body.gotop :is(
    .vsc-product-actions .vsc-cart-btn,
    .vsc-product-actions .vsc-order-btn,
    .product_item .pro_btn .order-btn,
    .product_item .pro_btn .order-btn-link,
    .related-product-section .pro_btn .order-btn,
    .related-product-section .pro_btn .order-btn-link,
    .product-refresh-page .single_product .order_now_btn,
    .single_product .order_now_btn,
    .cp-order-btn,
    .cart-actions .order-btn,
    .order_place
) {
    background: linear-gradient(145deg, rgba(255,255,255,.97), rgba(224,247,236,.94)) !important;
    background: linear-gradient(
        145deg,
        rgba(255,255,255,.96),
        color-mix(in srgb, var(--site-buy-now, #059669) 14%, var(--site-surface, #FFFFFF))
    ) !important;
    border: 1px solid rgba(5,150,105,.40) !important;
    border-color: color-mix(in srgb, var(--site-buy-now, #059669) 54%, var(--site-border, #DCE7F5)) !important;
    color: var(--vsc-glass-order-ink, #164A3A) !important;
    -webkit-text-fill-color: var(--vsc-glass-order-ink, #164A3A) !important;
    box-shadow: 0 2px 8px rgba(10,91,62,.09), inset 0 1px 0 rgba(255,255,255,.96) !important;
    transition: background-color .12s ease, border-color .12s ease, box-shadow .12s ease, transform .12s ease !important;
}

/* The button labels and icons always inherit their accessible foreground. */
body.gotop :is(
    .vsc-product-actions .vsc-icon-btn,
    .product_item .pro_btn .cart-icon-btn,
    .product_item .pro_btn .cart-icon-link,
    .related-product-section .pro_btn .cart-icon-btn,
    .related-product-section .pro_btn .cart-icon-link,
    .single_product .add_cart_btn,
    .qty-cart .add-to-cart,
    .vsc-product-actions .vsc-cart-btn,
    .vsc-product-actions .vsc-order-btn,
    .product_item .pro_btn .order-btn,
    .product_item .pro_btn .order-btn-link,
    .related-product-section .pro_btn .order-btn,
    .related-product-section .pro_btn .order-btn-link,
    .single_product .order_now_btn,
    .cp-order-btn,
    .cart-actions .order-btn,
    .order_place
) > :is(span, i, svg) {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
    fill: currentColor !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
    body.gotop :is(
        .vsc-product-actions .vsc-icon-btn,
        .product_item .pro_btn .cart-icon-btn,
        .product_item .pro_btn .cart-icon-link,
        .single_product .add_cart_btn,
        .qty-cart .add-to-cart
    ):hover {
        border-color: var(--site-cart, #2563EB) !important;
        box-shadow: 0 4px 11px rgba(19,54,105,.13), inset 0 1px 0 rgba(255,255,255,.98) !important;
        transform: translateY(-1px);
    }
    body.gotop :is(
        .vsc-product-actions .vsc-cart-btn,
        .vsc-product-actions .vsc-order-btn,
        .product_item .pro_btn .order-btn,
        .product_item .pro_btn .order-btn-link,
        .related-product-section .pro_btn .order-btn,
        .related-product-section .pro_btn .order-btn-link,
        .single_product .order_now_btn,
        .cp-order-btn,
        .cart-actions .order-btn,
        .order_place
    ):hover {
        border-color: var(--site-buy-now, #059669) !important;
        box-shadow: 0 4px 11px rgba(10,91,62,.13), inset 0 1px 0 rgba(255,255,255,.98) !important;
        transform: translateY(-1px);
    }
}
@media (max-width: 767.98px) {
    /* Keep text CTAs comfortably tappable. Icon-only Add to Cart controls
       receive their own square 40px geometry below. */
    body.gotop :is(
        .vsc-product-actions .vsc-cart-btn,
        .vsc-product-actions .vsc-order-btn,
        .product_item .pro_btn .order-btn,
        .product_item .pro_btn .order-btn-link,
        .single_product .add_cart_btn,
        .single_product .order_now_btn,
        .product-contact-btn,
        .product-call-btn,
        .product-whatsapp-btn
    ) {
        min-height: 42px;
        text-shadow: none !important;
        opacity: 1 !important;
    }

    /* One shared mobile geometry for every icon-only Add to Cart control:
       40 x 40px, true circle, with no changes to glass colors or shadows. */
    body.gotop .vsc-product-actions {
        grid-template-columns: 40px minmax(0, 1fr) !important;
    }

    body.gotop :is(
        .vsc-product-actions .vsc-icon-btn,
        .product_item .pro_btn .cart-icon-btn,
        .product_item .pro_btn .cart-icon-link,
        .related-product-section .pro_btn .cart-icon-btn,
        .related-product-section .pro_btn .cart-icon-link
    ) {
        display: flex !important;
        box-sizing: border-box !important;
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        aspect-ratio: 1 / 1 !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 50% !important;
        line-height: 1 !important;
    }

    /* Keep legacy cart forms and links on the same 40px alignment grid. */
    body.gotop :is(
        .product_item .pro_btn > form:last-child,
        .related-product-section .pro_btn > form:last-child
    ) {
        display: flex !important;
        box-sizing: border-box !important;
        flex: 0 0 40px !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }

    /* Center the cart glyph itself, not just its parent button box. */
    body.gotop :is(
        .vsc-product-actions .vsc-icon-btn > i,
        .vsc-product-actions .vsc-icon-btn > svg,
        .product_item .pro_btn .cart-icon-btn > i,
        .product_item .pro_btn .cart-icon-link > i,
        .related-product-section .pro_btn .cart-icon-btn > i,
        .related-product-section .pro_btn .cart-icon-link > i
    ) {
        display: flex !important;
        box-sizing: border-box !important;
        flex: 0 0 18px !important;
        width: 18px !important;
        min-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 16px !important;
        line-height: 1 !important;
        text-align: center !important;
        vertical-align: middle !important;
    }

    body.gotop :is(
        .vsc-product-actions .vsc-icon-btn > svg
    ) {
        display: block !important;
        flex: 0 0 18px !important;
        width: 18px !important;
        height: 18px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.gotop :is(
        .vsc-product-actions .vsc-icon-btn,
        .vsc-product-actions .vsc-cart-btn,
        .vsc-product-actions .vsc-order-btn,
        .product_item .pro_btn .cart-icon-btn,
        .product_item .pro_btn .order-btn,
        .single_product .add_cart_btn,
        .single_product .order_now_btn,
        .product-contact-btn,
        .product-call-btn,
        .product-whatsapp-btn
    ) {
        transition: none !important;
        transform: none !important;
    }
}