/* Supplier dialog: all original pixel dimensions scaled by 1.25; screen gutters stay fixed. */
/* The one supplier surface used by all search results. */
#supplier-dialog.zv-supplier-dialog{--sp-ink:#222326;--sp-muted:#646a75;--sp-line:#e0e3e8;--sp-silver:#f4f5f7;--sp-white:#fff;--sp-pad:27.5px;box-sizing:border-box;width:min(1025px,calc(100vw - 32px));height:min(700px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);max-width:none;padding:0;border:1.25px solid var(--sp-line);border-radius:17.5px;overflow:hidden;background:#fff;color:var(--sp-ink);font:400 17.5px/1.5 Onest,sans-serif;margin:auto;box-shadow:0 30px 112.5px #0003}
#supplier-dialog[open]{display:flex;flex-direction:column}
#supplier-dialog::backdrop{background:#15161980}
#supplier-dialog *{box-sizing:border-box}
#supplier-dialog [hidden]{display:none!important}
#supplier-dialog :is(h2,h3,h4,p,dl,dd,figure){margin:0}
#supplier-dialog :is(button,a){touch-action:manipulation}
#supplier-dialog button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
#supplier-dialog a{color:inherit;text-decoration:none}
#supplier-dialog :focus-visible{outline:2.5px solid #333;outline-offset:3.75px}
#supplier-dialog .sp-top :focus-visible{outline-color:#ffdd00}
#supplier-dialog .sp-icon{width:21.25px;height:21.25px;flex:none;stroke-width:1.7;vertical-align:middle}
#supplier-dialog .sp-top{height:52.5px;flex:none;display:flex;align-items:center;gap:17.5px;padding:0 15px 0 25px;background:#141414;color:white}
#supplier-dialog .sp-brand{display:flex;align-items:center;gap:10px;font-size:18.75px;font-weight:600;letter-spacing:-.03em}
#supplier-dialog .sp-brand img{width:31.25px;height:31.25px;border-radius:6.25px}
#supplier-dialog .sp-top>span{margin-inline-start:auto;font-size:12.5px;color:#c6c8cd}
#supplier-dialog .sp-close{color:white;width:42.5px;height:42.5px;font-size:30px;line-height:1;border-radius:7.5px;flex:none}
#supplier-dialog .sp-close:hover{background:#303030}
#supplier-dialog .sp-hero{flex:none;display:flex;align-items:center;gap:16.25px;padding:20px var(--sp-pad)}
#supplier-dialog .sp-avatar{width:60px;height:60px;border-radius:11.25px;display:grid;place-items:center;background:var(--sp-silver);border:1.25px solid var(--sp-line);flex:none;font-size:26.25px;font-weight:600}
#supplier-dialog .sp-avatar.has-official-logo{background:#141414}
#supplier-dialog .sp-avatar img{width:45px;height:45px;object-fit:contain}
#supplier-dialog .sp-identity{min-width:0;flex:1}
#supplier-dialog .sp-kicker{font-size:13.75px;color:var(--sp-muted);margin-bottom:2.5px}
#supplier-dialog #dialog-title{font-size:32.5px;font-weight:600;line-height:1.18;letter-spacing:-.025em;overflow-wrap:anywhere}
#supplier-dialog .sp-subtitle{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;font-size:15px;color:var(--sp-muted);margin-top:7.5px}
#supplier-dialog .sp-rating-link{display:flex;align-items:center;gap:6.25px;padding:0;font-size:15px;min-height:30px}
#supplier-dialog .sp-rating-link .sp-icon{width:17.5px;height:17.5px;fill:#ffdd00;stroke:#9b8000}
#supplier-dialog .sp-actions{display:flex;flex-direction:column;gap:7.5px;flex:none}
#supplier-dialog .sp-actions:empty{display:none}
#supplier-dialog .sp-button{display:inline-flex;align-items:center;justify-content:center;gap:8.75px;min-height:45px;padding:8.75px 15px;border:1.25px solid var(--sp-line);background:white;border-radius:10px;font-size:15px;font-weight:500;line-height:1.4}
#supplier-dialog .sp-button:hover{background:var(--sp-silver)}
#supplier-dialog .sp-button.sp-primary{background:#ffdd00;border-color:#ffdd00;color:#141414}
#supplier-dialog .sp-button.sp-primary:hover{background:#f2d200}
#supplier-dialog .sp-tabs{display:flex;flex:none;gap:35px;border-bottom:1.25px solid var(--sp-line);padding:0 var(--sp-pad)}
#supplier-dialog .sp-tabs button{position:relative;min-height:50px;padding:7.5px 0;font-size:16.25px;color:var(--sp-muted);white-space:nowrap}
#supplier-dialog .sp-tabs button[aria-selected=true]{color:var(--sp-ink);font-weight:500}
#supplier-dialog .sp-tabs button[aria-selected=true]::after{content:'';height:2.5px;background:#242528;position:absolute;bottom:-1.25px;inset-inline:0}
#supplier-dialog .sp-tabs small{font-size:13.75px;margin-inline-start:5px;background:var(--sp-silver);border-radius:5px;padding:0 5px}
#supplier-dialog .sp-panel{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:22.5px var(--sp-pad) 25px}
#supplier-dialog h3{font-size:20px;line-height:1.4;font-weight:600;letter-spacing:-.015em}
#supplier-dialog h4{font-size:16.25px;line-height:1.5;font-weight:500}
#supplier-dialog .sp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:30px}
#supplier-dialog .sp-row{display:flex;align-items:flex-start;gap:12.5px;margin-top:13.75px}
#supplier-dialog .sp-row>.sp-icon{color:var(--sp-muted);margin-top:3.75px}
#supplier-dialog .sp-row>div{min-width:0;flex:1;overflow-wrap:anywhere}
#supplier-dialog .sp-phone{font-size:21.25px;font-weight:500;letter-spacing:-.02em}
#supplier-dialog .sp-label,#supplier-dialog .sp-muted{color:var(--sp-muted);font-size:15px;line-height:1.6}
#supplier-dialog .sp-label{display:block;margin-top:2.5px}
#supplier-dialog .sp-section+.sp-section{border-top:1.25px solid var(--sp-line);padding-top:18.75px;margin-top:20px}
#supplier-dialog .sp-location{font-size:16.25px;line-height:1.6}
#supplier-dialog .sp-text-link{display:inline-flex;align-items:center;gap:6.25px;min-height:37.5px;padding:0;font-size:15px;text-decoration:underline;text-underline-offset:3.75px}
#supplier-dialog .sp-text-link .sp-icon{width:17.5px;height:17.5px}
#supplier-dialog .sp-links{display:flex;align-items:center;gap:10px 22.5px;flex-wrap:wrap;margin-top:6.25px}
#supplier-dialog .sp-offer{margin-top:15px;padding:17.5px;border:1.25px solid var(--sp-line);border-radius:11.25px;background:var(--sp-silver)}
#supplier-dialog .sp-part{display:flex;align-items:center;gap:11.25px}
#supplier-dialog .sp-part>div{min-width:0;overflow-wrap:anywhere}
#supplier-dialog .sp-part strong{font-size:15px;font-weight:600;display:block}
#supplier-dialog .sp-part span{display:block;font-size:15px;color:var(--sp-muted)}
#supplier-dialog .sp-values{display:grid;grid-template-columns:1fr auto;gap:11.25px 20px;font-size:15px;margin-top:20px}
#supplier-dialog .sp-values dt{color:var(--sp-muted)}
#supplier-dialog .sp-values dd{font-weight:500;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#supplier-dialog .sp-updated{border-top:1.25px solid var(--sp-line);padding-top:12.5px;margin-top:15px;font-size:13.75px;color:var(--sp-muted);display:flex;align-items:center;gap:7.5px}
#supplier-dialog .sp-updated .sp-icon{width:16.25px;height:16.25px}
#supplier-dialog .sp-disclosure{border-top:1.25px solid var(--sp-line);padding-top:7.5px;margin-top:16.25px}
#supplier-dialog .sp-disclosure>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:52.5px;font-size:16.25px;font-weight:500}
#supplier-dialog .sp-disclosure>summary::-webkit-details-marker{display:none}
#supplier-dialog .sp-disclosure>summary>span{display:flex;align-items:center;gap:10px}
#supplier-dialog .sp-disclosure>summary>.sp-icon{width:18.75px;height:18.75px}
#supplier-dialog .sp-disclosure[open]>summary>.sp-icon{transform:rotate(180deg)}
#supplier-dialog .sp-details{display:grid;grid-template-columns:168.75px minmax(0,1fr);gap:12.5px 22.5px;font-size:16.25px;margin-top:12.5px}
#supplier-dialog .sp-details dt{color:var(--sp-muted)}
#supplier-dialog .sp-details dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#supplier-dialog .sp-details+.sp-muted{margin-top:15px}
#supplier-dialog .sp-disclosure .sp-muted{margin-top:10px}
#supplier-dialog .sp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:17.5px;margin-bottom:17.5px}
#supplier-dialog .sp-panel-head p{font-size:15px;color:var(--sp-muted);margin-top:5px}
#supplier-dialog .sp-empty{padding:30px 22.5px;display:flex;align-items:center;flex-direction:column;text-align:center;background:var(--sp-silver);border-radius:11.25px}
#supplier-dialog .sp-empty>.sp-icon{width:33.75px;height:33.75px;color:var(--sp-muted);margin-bottom:15px}
#supplier-dialog .sp-empty h4{font-size:17.5px}
#supplier-dialog .sp-empty p{max-width:525px;font-size:15px;color:var(--sp-muted);margin-top:10px;line-height:1.7}
#supplier-dialog .sp-empty .sp-button{margin-top:17.5px}
#supplier-dialog .sp-review-summary{display:flex;gap:25px;align-items:center;padding:10px 0 22.5px;margin-bottom:22.5px;border-bottom:1.25px solid var(--sp-line)}
#supplier-dialog .sp-review-summary strong{font-size:45px;font-weight:600;letter-spacing:-.04em;line-height:1.2}
#supplier-dialog .sp-review-summary strong small{font-size:20px;font-weight:400;color:var(--sp-muted);letter-spacing:0}
#supplier-dialog .sp-source{display:flex;align-items:flex-start;gap:11.25px;margin-top:17.5px;color:var(--sp-muted)}
#supplier-dialog .sp-source>.sp-icon{margin-top:8.75px;width:18.75px;height:18.75px}
#supplier-dialog .sp-source p,#supplier-dialog .sp-source a{font-size:13.75px}
#supplier-dialog .sp-gallery{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:15px}
#supplier-dialog .sp-gallery figure{min-width:0}
#supplier-dialog .sp-gallery-main{display:block;height:265px;background:var(--sp-silver);border-radius:11.25px;overflow:hidden}
#supplier-dialog .sp-gallery-main img{width:100%;height:100%;object-fit:contain;display:block}
#supplier-dialog .sp-gallery figcaption{font-size:13.75px;color:var(--sp-muted);display:flex;justify-content:space-between;gap:10px;margin-top:7.5px}
#supplier-dialog .sp-thumbs{display:flex;flex-direction:column;gap:10px}
#supplier-dialog .sp-thumbs button{display:flex;align-items:center;gap:8.75px;height:81.25px;padding:6.25px;border:1.25px solid var(--sp-line);border-radius:10px;font-size:13.75px;text-align:left}
#supplier-dialog .sp-thumbs button[aria-pressed=true]{border-color:#242528;box-shadow:inset 0 0 0 1.25px #242528;background:var(--sp-silver)}
#supplier-dialog .sp-thumbs img{width:42.5px;height:62.5px;object-fit:cover;border-radius:5px}
#supplier-dialog .sp-copy-fallback{width:100%;height:175px;font:inherit;border:1.25px solid var(--sp-line);border-radius:7.5px;margin-top:10px}
#supplier-dialog .sp-status{margin-top:15px;font-size:15px;color:var(--sp-muted)}
#supplier-dialog .sp-foot{flex:none;padding:10px var(--sp-pad);border-top:1.25px solid var(--sp-line);background:var(--sp-silver);font-size:13.75px;line-height:1.5;color:var(--sp-muted)}
@media(max-width:775px){#supplier-dialog.zv-supplier-dialog{--sp-pad:22.5px}#supplier-dialog .sp-hero{flex-wrap:wrap;padding:15px var(--sp-pad);gap:12.5px}#supplier-dialog .sp-actions{flex-direction:row;width:100%}#supplier-dialog .sp-actions a{flex:1;min-width:0}#supplier-dialog .sp-grid{grid-template-columns:1fr;gap:22.5px}#supplier-dialog .sp-tabs{gap:32.5px}#supplier-dialog .sp-panel{padding-top:20px}#supplier-dialog .sp-panel-head{flex-wrap:wrap;gap:10px}}
@media(max-width:525px){#supplier-dialog.zv-supplier-dialog{--sp-pad:20px;width:calc(100vw - 16px)}#supplier-dialog .sp-top{padding-inline:17.5px 7.5px;gap:10px}#supplier-dialog .sp-top>span{font-size:11.25px}#supplier-dialog .sp-avatar{width:52.5px;height:52.5px}#supplier-dialog #dialog-title{font-size:28.75px}#supplier-dialog .sp-subtitle{font-size:13.75px}#supplier-dialog .sp-rating-link{font-size:13.75px}#supplier-dialog .sp-tabs{gap:0;justify-content:space-between}#supplier-dialog .sp-tabs button{font-size:15px}#supplier-dialog .sp-tabs small{display:none}#supplier-dialog .sp-details{grid-template-columns:122.5px minmax(0,1fr);gap:11.25px 15px;font-size:15px}#supplier-dialog .sp-gallery{grid-template-columns:minmax(0,1fr) 102.5px;gap:10px}#supplier-dialog .sp-thumbs button{flex-direction:column;justify-content:center;gap:1.25px;font-size:13.75px}#supplier-dialog .sp-thumbs img{height:43.75px;width:100%;object-fit:cover}#supplier-dialog .sp-gallery figcaption{flex-wrap:wrap}#supplier-dialog .sp-foot{font-size:13.75px}}
@media(pointer:coarse){#supplier-dialog .sp-button,#supplier-dialog .sp-tabs button,#supplier-dialog .sp-close,#supplier-dialog .sp-text-link{min-height:55px}#supplier-dialog .sp-top{height:60px}#supplier-dialog .sp-close{width:55px}#supplier-dialog .sp-rating-link{min-height:40px}}

/* Map stays inside the scrollable overview; dialog height is unchanged. */
#supplier-dialog .sp-map-section{margin-top:25px;padding-top:22.5px;border-top:1.25px solid var(--sp-line)}
#supplier-dialog .sp-map-section .sp-panel-head{align-items:flex-start;flex-wrap:wrap}
#supplier-dialog .sp-map-section .sp-panel-head>div{flex:1;min-width:180px}
#supplier-dialog .sp-map-frame{display:block;width:100%;height:300px;border:1.25px solid var(--sp-line);border-radius:11.25px;background:var(--sp-silver)}
#supplier-dialog .sp-map-section>.sp-muted{margin-top:10px}
@media(max-width:525px){#supplier-dialog .sp-map-frame{height:260px}#supplier-dialog .sp-map-section .sp-panel-head>div{min-width:0;flex-basis:100%}}

/* Separate map tab; keep all five tabs accessible on narrow screens. */
#supplier-dialog .sp-tabs{overflow-x:auto;scrollbar-width:thin}
#supplier-dialog .sp-tabs button{flex-shrink:0}
#supplier-dialog #sp-map .sp-map-section{margin-top:0;padding-top:0;border-top:0}
@media(max-width:525px){#supplier-dialog .sp-tabs{justify-content:flex-start;gap:20px}}

/* Photos and map share one fixed-height tab. */
#supplier-dialog .sp-location-photos{margin-top:25px;padding-top:22.5px;border-top:1.25px solid var(--sp-line);scroll-margin-top:20px}