/* Metric Studio / Google product showcase. Component-scoped to avoid altering
   report toolbars, Pipedrive, tables, consultant cards or chart styling. */
.widget.type-google_ads_products:has(.gpc-showcase) .widget-body{padding:0;overflow:auto;overscroll-behavior:auto}
.gpc-showcase{width:100%;min-width:0;padding:17px 16px 20px;background:#f1f5f9;color:#0f172a;font-variant-numeric:tabular-nums;font-family:inherit}
.gpc-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:21px}
.gpc-overview-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:15px;border-radius:12px;border:1px solid #e6eaf1;background:#fff;box-shadow:0 1px 1px #0f172a06}
.gpc-overview-label{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#64748b}
.gpc-overview-label>span{font-size:10px;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.gpc-overview-label i{flex:0 0 25px;display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#ecfdf5;color:#059669;font-style:normal}
.gpc-overview-card.spend .gpc-overview-label i{background:#eff6ff;color:#0284c7}
.gpc-overview-card.roas .gpc-overview-label i{background:#fffbeb;color:#d97706}
.gpc-overview-card.conversions .gpc-overview-label i{background:#f5f3ff;color:#8b5cf6}
.gpc-overview-label .icon{width:14px;height:14px}
.gpc-overview-card>strong{font-size:clamp(16px,2.1cqi,23px);line-height:1.15;letter-spacing:-.035em;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gpc-overview-card>small{font-size:10px;line-height:1.5;color:#64748b;white-space:normal}
.gpc-overview-card.revenue>small{color:#059669}
.gpc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.gpc-toolbar label{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px}
.gpc-toolbar label strong{font-weight:750;color:#334155}
.gpc-toolbar select{min-width:165px;max-width:270px;width:auto;min-height:31px;padding:5px 29px 5px 10px;background:#fff;border:1px solid #dbe2ea;box-shadow:0 1px 0 #0f172a08;border-radius:7px;font-size:11px;color:#334155;font-weight:600}
.gpc-sorted-status{display:inline-flex;align-items:center;gap:7px;color:#64748b;font-size:10px;line-height:1.5}
.gpc-sorted-status i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#10b981}
.gpc-image-note{display:block;font-size:11px;line-height:1.45;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px 10px;margin:-4px 0 14px}
.gpc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:15px;min-width:0}
/* A saved column count takes precedence over the old automatic desktop setting. */
.gpc-grid[data-gpc-columns]{grid-template-columns:repeat(var(--gpc-columns,4),minmax(0,1fr))}
.gpc-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #e1e7ef;border-radius:15px;box-shadow:0 1px 2px #0f172a08;transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease}
.gpc-card:hover{border-color:#c8d3e1;box-shadow:0 9px 22px #0f172a15;transform:translateY(-1px)}
.gpc-card.is-top-roas{border-color:#c3e7da}
.gpc-image{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1.55/1;min-height:126px;background:linear-gradient(160deg,#f8fafc,#eef2f7);border-bottom:1px solid #eef2f7;padding:0}
.gpc-image img{display:block;position:absolute;inset:0;height:100%;width:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;transition:transform .18s ease}
.gpc-card:hover .gpc-image img{transform:scale(1.045)}
.gpc-image-fallback{display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;color:#94a3b8;font-size:10px;text-align:center;padding:12px}
.gpc-image-fallback .icon{width:30px;height:30px;stroke-width:1.2}
.gpc-rank{position:absolute;top:10px;left:10px;display:grid;place-items:center;min-width:29px;height:29px;padding:0 6px;border-radius:99px;background:#0f172a;color:#fff;font-size:11px;font-weight:800;box-shadow:0 4px 10px #0f172a30}
.gpc-winner{position:absolute;top:10px;right:10px;max-width:calc(100% - 52px);border-radius:5px;padding:4px 6px;font-size:9px;font-weight:800;line-height:1.3;box-shadow:0 1px 3px #0f172a12}
.gpc-winner.sales{color:#92400e;background:#fef3c7;border:1px solid #fde68a}
.gpc-winner.revenue{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}
.gpc-winner.roas{color:#fff;background:#059669;border:1px solid #059669}
.gpc-copy{display:flex;flex:1;flex-direction:column;min-width:0;padding:13px 14px 14px;gap:5px}
.gpc-id-line{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:20px}
.gpc-brand{display:inline-flex;align-items:center;border-radius:4px;background:#eff6ff;padding:3px 6px;color:#2563eb;font-size:9px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;line-height:1.25;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gpc-id{color:#94a3b8;font-size:9px;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gpc-product-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;font-weight:800;line-height:1.45;min-height:47px;color:#0f172a!important;text-decoration:none!important;overflow-wrap:anywhere}
a.gpc-product-title:hover{color:#2563eb!important}
.gpc-campaign{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b;font-size:9px;line-height:1.4;margin-top:0;margin-bottom:auto}
.gpc-primary-stats{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;border-top:1px solid #eaeef4;margin-top:9px;padding-top:11px}
.gpc-primary-stats>div{display:flex;flex-direction:column;gap:4px;min-width:0}
.gpc-primary-stats span{font-size:9px;text-transform:uppercase;letter-spacing:.035em;color:#94a3b8;font-weight:750}
.gpc-primary-stats strong{font-size:clamp(14px,1.85cqi,19px);line-height:1.2;letter-spacing:-.035em;font-weight:850;overflow-wrap:anywhere}
.gpc-roas{align-items:flex-end;flex:0 0 auto}
.gpc-roas strong{display:inline-flex;align-items:center;padding:3px 6px;border-radius:5px;font-size:12px;font-weight:850;white-space:nowrap}
.gpc-roas strong.good{background:#dcfce7;color:#047857}
.gpc-roas strong.medium{background:#fef3c7;color:#b45309}
.gpc-roas strong.low{background:#fee2e2;color:#be123c}
.gpc-roas strong.neutral{background:#f1f5f9;color:#64748b}
.gpc-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin-top:10px;padding:9px 5px;background:#f8fafc;border:1px solid #edf0f4;border-radius:10px}
.gpc-mini-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:1px 3px;min-width:0;text-align:center}
.gpc-mini-grid>div+div{border-left:1px solid #e2e8f0}
.gpc-mini-grid span{font-size:9px;line-height:1.2;color:#94a3b8}
.gpc-mini-grid b{font-size:10px;line-height:1.3;font-weight:750;color:#1e293b;overflow-wrap:anywhere}
.gpc-mini-grid b small{font-weight:500;color:#94a3b8;font-size:9px}
@container (max-width:1120px){.gpc-grid:not([data-gpc-columns]){grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:800px){.gpc-grid,.gpc-grid[data-gpc-columns]{grid-template-columns:repeat(2,minmax(0,1fr))}.gpc-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (max-width:470px){.gpc-grid,.gpc-grid[data-gpc-columns]{grid-template-columns:1fr}.gpc-overview{gap:7px}.gpc-overview-card{padding:11px}.gpc-showcase{padding:10px}.gpc-sorted-status{font-size:9px}.gpc-primary-stats strong{font-size:18px}}
@media screen and (max-width:760px){.widget.type-google_ads_products .gpc-showcase{padding:12px}.widget.type-google_ads_products .gpc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gpc-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:540px){.widget.type-google_ads_products .gpc-grid{grid-template-columns:1fr}.gpc-toolbar{align-items:flex-start}.gpc-toolbar label{flex-wrap:wrap}}
.pdf-render-widget .gpc-showcase{padding:3mm!important;overflow:visible}
.pdf-render-widget .gpc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5mm}
/* Respect 2/3/4 in the PDF render, regardless of preview container width. */
.pdf-render-widget .gpc-grid[data-gpc-columns]{grid-template-columns:repeat(var(--gpc-columns,4),minmax(0,1fr))}
.pdf-render-widget .gpc-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:2mm;margin-bottom:3mm}
.pdf-render-widget .gpc-overview-card{padding:2mm}
.pdf-render-widget .gpc-card{box-shadow:none;break-inside:avoid}
.pdf-render-widget .gpc-image{min-height:0;max-height:none;aspect-ratio:1.7/1}
.pdf-render-widget .gpc-copy{padding:2.2mm}
.pdf-render-widget .gpc-toolbar,.pdf-render-widget .gpc-image-note{display:none}
@media print{.gpc-card{break-inside:avoid;box-shadow:none!important}.gpc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gpc-toolbar{display:none}}