.dv-site .dvao-layout .dv-filter-primary{grid-template-columns:1.2fr 1fr 1fr 1.2fr}
.dv-site .dvao-layout input[type=search]{border:0;padding:0;background:transparent;box-shadow:none;min-height:32px;height:32px;box-sizing:border-box;line-height:normal;width:100%;font:inherit;font-size:14px;color:var(--dv-ink)}
.dvao-layout .dv-filter-field:last-child{border-right:0}.dvao-layout .dvao-budget{padding:0;margin:0;border:0;min-width:0}.dvao-budget legend{font-size:13px;margin-bottom:14px}.dvao-budget>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dvao-budget label{font-size:12px;color:var(--dv-muted)}
.dv-site .dvao-budget input{display:block;width:100%;min-width:0;margin-top:7px;border:1px solid #ccd5df;border-radius:8px;padding:8px;font-size:12px;background:transparent;color:var(--dv-ink)}
.dvao-layout .dvao-compatible{font-size:12px;color:var(--dv-muted);line-height:1.6}.dvao-layout .dv-result-image img{transform:none!important;object-fit:contain;max-width:100%;max-height:100%;mix-blend-mode:multiply}.dvao-layout .dv-result-body h2{overflow-wrap:anywhere}
.dvao-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:28px}.dvao-pagination span{font-size:13px;color:var(--dv-muted)}.dvao-pagination [hidden]{display:none!important}.dvao-layout input:focus-visible{outline:2px solid var(--dv-accent,#ee842b);outline-offset:3px}
@media(max-width:1000px){.dv-site .dvao-layout .dv-filter-primary{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.dv-site .dvao-layout .dv-filter-primary{grid-template-columns:1fr}.dvao-layout .dv-filter-primary>.dv-filter-field{border-right:0}.dvao-layout .dv-filter-primary>.dv-filter-field:last-child{border-bottom:0}.dvao-pagination{gap:12px;flex-wrap:wrap}.dvao-pagination .dv-button{padding:10px 15px}}

.dv-site .dvao-layout .dvao-model-field{position:relative;min-width:0}
.dvao-model-field>label{font-size:11px;color:var(--dv-muted);margin:0;line-height:1.4}
.dvao-model-control{display:flex;align-items:center;gap:8px;min-width:0}
.dv-site .dvao-model-control input{min-width:0;flex:1}

.dv-site .dvao-model-field>.dv-model-options{top:calc(100% + 16px);left:0;width:max-content;min-width:100%;max-width:min(460px,calc(100vw - 44px));padding-right:24px}
.dv-site .dvao-model-field>.dv-model-options button{white-space:normal}
.dv-site .dvao-model-field>label{display:block;font-size:11px;line-height:17.6px;margin:0 0 4px;color:var(--dv-muted)}

/* Match the adjacent filter labels and selected values. */
.dv-site .dvao-layout .dvao-model-field{margin-bottom:7.5px}
.dv-site .dvao-layout #dvao-model-search{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:16px;font-weight:400;line-height:1.6;color:var(--dv-ink);outline:none;box-shadow:none;border:0;border-radius:0}
.dv-site .dvao-layout #dvao-model-search:focus,.dv-site .dvao-layout #dvao-model-search:focus-visible{outline:none;box-shadow:none;border:0}
.dv-site .dvao-layout #dvao-model-search::placeholder{color:var(--dv-ink);opacity:1}

.dv-site .dvao-facet[hidden]{display:none!important}.dv-site .dvao-facet>.dv-filter-field{width:100%}

/* Keep specification dividers attached to stable, equally sized columns. */
.dv-site .dvao-layout .dv-inline-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;list-style:none;padding:0;width:100%}
.dv-site .dvao-layout .dv-inline-specs>li{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0;padding:0 16px;border:0;border-left:1px solid var(--dv-line,#ccd5df);white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.dv-site .dvao-layout .dv-inline-specs>li:first-child{border-left:0;padding-left:0}
.dv-site .dvao-layout .dv-inline-specs>li:last-child{padding-right:0}
.dv-site .dvao-layout .dv-inline-specs>li::before,.dv-site .dvao-layout .dv-inline-specs>li::after{display:none}
.dv-site .dvao-layout .dvao-spec-label{display:block;font-size:11px;color:var(--dv-muted)}
.dv-site .dvao-layout .dvao-spec-value{display:block;font-size:13px;color:var(--dv-ink)}
@media(max-width:700px){.dv-site .dvao-layout .dv-inline-specs{grid-template-columns:1fr;gap:10px}.dv-site .dvao-layout .dv-inline-specs>li{padding:0 0 10px;border:0;border-bottom:1px solid var(--dv-line,#ccd5df)}.dv-site .dvao-layout .dv-inline-specs>li:last-child{padding-bottom:0;border-bottom:0}}

/* Match the visible product, regardless of padding in its original photo. */
.dv-site .dvao-layout .dvao-controller-image{display:flex;align-items:center;justify-content:center;min-height:230px}
.dv-site .dvao-layout .dvao-photo-stage{position:relative;display:block;width:min(210px,calc(100% - 28px));aspect-ratio:21/17;flex:none;overflow:visible}
.dv-site .dvao-layout .dvao-photo-stage img.dv-model-photo{position:absolute;left:50%;top:50%;display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;object-fit:contain;transform:translate(-50%,-50%)!important}
.dv-site .dvao-layout .dvao-photo-stage[data-photo-measured] img.dv-model-photo{width:var(--dvao-photo-width);height:auto;transform:translate(var(--dvao-photo-x),var(--dvao-photo-y))!important}
.dv-site .dvao-layout .dv-result-image:has(.dvao-photo-placeholder){display:flex;align-items:center;justify-content:center;min-height:230px}
.dv-site .dvao-layout .dvao-photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:min(230px,calc(100% - 28px));height:170px;margin:auto;border:1px solid var(--dv-line,#d6dde4);border-radius:14px;background:var(--dv-panel,#e8edf3);color:var(--dv-muted,#68788c);text-align:center;font-size:13px;font-weight:400;line-height:1.5;transition:border-color .2s ease,color .2s ease}
.dv-site .dvao-layout .dvao-photo-placeholder svg{display:block;width:50px;height:44px;opacity:.65}
.dv-site .dvao-layout .dvao-photo-placeholder i{display:block;width:24px;height:2px;background:var(--dv-accent,#f58220);border-radius:2px}
.dv-site .dvao-layout .dv-result-image:hover .dvao-photo-placeholder,.dv-site .dvao-layout .dv-result-image:focus-visible .dvao-photo-placeholder{border-color:var(--dv-accent,#f58220);color:var(--dv-ink,#14202e)}
@media(max-width:600px){.dv-site .dvao-layout .dvao-controller-image,.dv-site .dvao-layout .dv-result-image:has(.dvao-photo-placeholder){min-height:190px}.dv-site .dvao-layout .dvao-photo-stage{width:min(190px,calc(100% - 28px))}.dv-site .dvao-layout .dvao-photo-placeholder{width:min(210px,calc(100% - 28px));height:154px}}
@media(prefers-reduced-motion:reduce){.dv-site .dvao-layout .dvao-photo-placeholder{transition:none}}