/*
  BBaya.net — ICONS ONLY
  This file enlarges the icon artwork visually without changing the
  dimensions, min-height, padding, grid, cards, panels, or sections.
*/

:root {
  --bb-scale-pathway: 1.55;
  --bb-scale-value: 1.42;
  --bb-scale-shipping-heading: 1.35;
  --bb-scale-shipping-feature: 1.40;
  --bb-scale-shipping-benefit: 1.42;
  --bb-scale-security: 1.35;
  --bb-scale-fact: 1.40;
}

/*
  IMPORTANT:
  CSS transforms do not participate in document layout.
  The icon becomes visually larger while its original placeholder,
  panel height, card size, row height and grid remain unchanged.
*/
.bb-icon,
.bb-icon-stage img {
  object-fit: contain !important;
  object-position: center !important;
  transform-origin: center center !important;
  position: relative;
  z-index: 3;
  filter:
    drop-shadow(0 10px 18px rgba(0, 0, 0, 0.30))
    drop-shadow(0 0 12px rgba(249, 115, 22, 0.10));
}

/* HOME PAGE — three main pathway icons */
.pathway-icon.bb-icon-stage--pathway {
  overflow: visible !important;
}

.pathway-icon.bb-icon-stage--pathway img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  transform: scale(var(--bb-scale-pathway)) !important;
}

/* HOME PAGE — six value icons */
.value-icon.bb-icon--value {
  max-width: 100% !important;
  transform: scale(var(--bb-scale-value)) !important;
}

/* SHIPPING — Canada and International */
.bb-icon--shipping-heading {
  max-width: 100% !important;
  transform: scale(var(--bb-scale-shipping-heading)) !important;
}

/* SHIPPING — Combined Shipping and Local Delivery */
.bb-icon--shipping-feature {
  max-width: 100% !important;
  transform: scale(var(--bb-scale-shipping-feature)) !important;
}

/* SHIPPING — Secure Packaging, Fast Dispatch, Collector Care, etc. */
.bb-icon--shipping-benefit {
  max-width: 100% !important;
  transform: scale(var(--bb-scale-shipping-benefit)) !important;
}

/* SHIPPING — Payment & Security */
.bb-icon--security {
  max-width: 100% !important;
  transform: scale(var(--bb-scale-security)) !important;
}

/* SHIPPING — bottom three facts */
.bb-icon--fact {
  max-width: 100% !important;
  transform: scale(var(--bb-scale-fact)) !important;
}

/* PayPal remains at its original provider-logo size. */
.security .payments img,
.payments-paypal-only img {
  transform: none !important;
  filter: none !important;
}

/* Slightly lower visual scale on narrow screens, still with no panel changes. */
@media (max-width: 980px) {
  :root {
    --bb-scale-pathway: 1.40;
    --bb-scale-value: 1.32;
    --bb-scale-shipping-feature: 1.30;
    --bb-scale-shipping-benefit: 1.32;
    --bb-scale-fact: 1.30;
  }
}

@media (max-width: 640px) {
  :root {
    --bb-scale-pathway: 1.28;
    --bb-scale-value: 1.22;
    --bb-scale-shipping-heading: 1.20;
    --bb-scale-shipping-feature: 1.22;
    --bb-scale-shipping-benefit: 1.22;
    --bb-scale-security: 1.20;
    --bb-scale-fact: 1.22;
  }
}