iframe[name*="googleshopping"],
iframe[id*="googleshopping"],
iframe[src*="merchantwidget"],
iframe[src*="merchant_widget"],
[class*="goog-shopping-merchant"],
[id*="googleshopping-merchant-widget"] {
border-radius: 50% !important;
background: conic-gradient(
from 0deg,
#4285F4 0deg 90deg,
#EA4335 90deg 180deg,
#FBBC04 180deg 270deg,
#34A853 270deg 360deg
) border-box !important;
padding: 2px !important;
box-sizing: content-box !important;
box-shadow:
0 4px 14px rgba(0, 35, 71, 0.18),
0 0 24px rgba(66, 133, 244, 0.10),
0 0 18px rgba(234, 67, 53, 0.06),
0 0 18px rgba(251, 188, 4, 0.06),
0 0 18px rgba(52, 168, 83, 0.08) !important;
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
box-shadow 0.25s ease !important;
}
iframe[name*="googleshopping"]:hover,
iframe[id*="googleshopping"]:hover,
iframe[src*="merchantwidget"]:hover,
iframe[src*="merchant_widget"]:hover,
[class*="goog-shopping-merchant"]:hover,
[id*="googleshopping-merchant-widget"]:hover {
transform: translateY(-2px) !important;
box-shadow:
0 8px 22px rgba(0, 35, 71, 0.22),
0 0 30px rgba(66, 133, 244, 0.18),
0 0 22px rgba(234, 67, 53, 0.12),
0 0 22px rgba(251, 188, 4, 0.12),
0 0 22px rgba(52, 168, 83, 0.14) !important;
}