/* Model selection and the side-by-side specifications share the embed's colors. */
.dd-container :is(.dd-selection-bar,.dd-selected-comparison,.dd-model-list)[hidden] { display:none!important; }
.dd-container .dd-compare-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.dd-container .dd-selection-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin:0 0 16px; padding:10px 12px; border:1px solid var(--dd-border,#d8d1c2); border-radius:8px; background:var(--dd-surface,#eee9de); color:var(--dd-text,#202622); }
.dd-container .dd-selection-tabs { display:flex; flex-wrap:wrap; gap:4px; }
.dd-container .dd-selection-tab { min-height:44px; padding:9px 14px; border:0; border-radius:5px; color:var(--dd-text,#202622); background:transparent; font:inherit; font-size:13px; font-weight:600; cursor:pointer; }
.dd-container .dd-selection-tab[aria-selected="true"] { color:var(--dd-on-accent,#fffdf8); background:var(--dd-accent,#202622); }
.dd-container :is(.dd-compare-clear,.dd-compare-remove) { min-height:36px; padding:6px 8px; border:0; background:transparent; color:var(--dd-accent,#806638); font:inherit; font-size:12px; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.dd-container button.dd-compare-button,.dd-container .dd-row-actions button.dd-row-details { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:36px; margin:0; padding:6px 9px; border:1px solid var(--dd-border,#c4bba8); border-radius:5px; background:var(--dd-control-field,#fffdf8); color:var(--dd-control-field-text,#202622); font:inherit; font-size:12px; line-height:1.3; text-decoration:none; cursor:pointer; }
.dd-container .dd-compare-button svg { display:block; width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.dd-container button.dd-compare-button[aria-pressed="true"] { color:var(--dd-on-accent,#fffdf8); background:var(--dd-accent,#202622); border-color:var(--dd-accent,#202622); }
.dd-container .dd-card { position:relative; }
.dd-container .dd-card .dd-card-header { padding-right:42px; }
.dd-container .dd-card button.dd-compare-icon { position:absolute; z-index:5; top:8px; right:8px; width:36px; height:36px; padding:8px; border-radius:50%; }
.dd-container .dd-row-actions { display:inline-flex; flex-direction:column; align-items:stretch; gap:7px; }
.dd-container .dd-row-actions :is(.dd-row-details,.dd-compare-button) { white-space:nowrap; }
.dd-container .dd-row-actions :is(.dd-row-details,.dd-compare-button):hover { border-color:var(--dd-accent,#806638); }
.dd-container[data-dd-compare-view="comparison"] :is(.dd-view-toolbar,.dd-active-filters,.dd-filter-floating) { display:none!important; }
.dd-container .dd-selected-comparison { min-width:0; max-width:100%; margin:0 0 24px; color:var(--dd-text,#202622); }
.dd-container .dd-compare-hint { margin:0 0 12px; color:inherit; font:inherit; font-size:13px; }
.dd-container .dd-compare-scroll { max-width:100%; overflow-x:auto; border:1px solid var(--dd-border,#d8d1c2); border-radius:8px; overscroll-behavior-x:contain; }
.dd-container table.dd-selected-table { width:100%; margin:0; border-collapse:separate; border-spacing:0; background:var(--dd-background,#fffdf8); color:var(--dd-text,#202622); font-family:inherit; font-size:13px; line-height:1.5; }
.dd-container .dd-selected-table :is(th,td) { box-sizing:border-box; min-width:210px; padding:12px 16px; border:0; border-bottom:1px solid var(--dd-border,#ded8cb); border-right:1px solid var(--dd-border,#ded8cb); text-align:left; vertical-align:top; color:inherit; background:var(--dd-background,#fffdf8); overflow-wrap:break-word; }
.dd-container .dd-selected-table tr > :first-child { position:sticky; left:0; z-index:1; min-width:132px; width:132px; max-width:160px; background:var(--dd-surface,#eee9de); font-weight:600; }
.dd-container .dd-selected-table thead th { background:var(--dd-surface,#eee9de); }
.dd-container .dd-selected-table tr > :last-child { border-right:0; }
.dd-container .dd-selected-table tbody tr:last-child > * { border-bottom:0; }
.dd-container .dd-compare-image { display:block; width:120px; height:150px; max-width:100%; margin:0 0 10px; border-radius:4px; object-fit:contain; }
.dd-container .dd-compare-model-name { display:block; margin-bottom:4px; font-size:14px; font-weight:600; }
.dd-container .dd-compare-model-brand { display:block; font-size:12px; font-weight:400; }
.dd-container .dd-compare-product { display:inline-block; padding:8px 12px; border-radius:5px; color:var(--dd-on-accent,#fffdf8); background:var(--dd-accent,#202622); font:inherit; font-size:12px; }
.dd-container :is(.dd-row-details,.dd-compare-button,.dd-selection-tab,.dd-compare-remove,.dd-compare-clear,.dd-compare-scroll):focus-visible { outline:3px solid var(--dd-control-focus,var(--dd-accent,#b5904b)); outline-offset:3px; }
@media(max-width:760px) {
    .dd-container .dd-selection-bar { padding:8px; }
    .dd-container .dd-selection-tab { padding:8px 10px; }
    .dd-container .dd-row-actions button.dd-row-details,.dd-container :is(button.dd-compare-button,.dd-compare-clear,.dd-compare-remove) { min-height:44px; }
    .dd-container .dd-card button.dd-compare-icon { width:40px; height:40px; min-height:40px; }
    .dd-container .dd-card .dd-card-header { padding-right:44px; }
    .dd-container .dd-selected-table :is(th,td) { min-width:185px; padding:10px 12px; }
    .dd-container .dd-selected-table tr > :first-child { min-width:115px; width:115px; max-width:115px; }
}