.df-root{width:100%;min-width:0;font-family:var(--font-body)}.df-header{max-width:var(--layout-wide);margin-inline:auto}.df-header>p{max-width:var(--max-w-prose)}.df-quick,.df-chips,.df-tools{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.df-quick{margin-block:var(--space-md) var(--space-lg)}.df-layout,.df-results,.df-filter-slot{min-width:0}.df-layout{display:grid;gap:var(--space-lg);align-items:start}.df-filters{min-width:0}.df-filter-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.df-filter-head h2{margin:0;font-size:var(--text-xl)}.df-group{padding:0;margin:0 0 var(--space-lg);border:0;min-width:0}.df-group legend{padding:0;margin-bottom:var(--space-sm);font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--color-text-heading)}.df-option{display:flex;align-items:center;gap:var(--space-sm);min-height:var(--control-height);font-size:var(--text-sm);line-height:var(--leading-relaxed);cursor:pointer}.df-option input{flex:none;width:var(--icon-sm);height:var(--icon-sm);margin:0;accent-color:var(--color-selected-bg)}.df-option-count{margin-left:auto;padding-left:var(--space-xs);color:var(--color-text-muted);font-size:var(--text-sm)}.df-option.is-zero{color:var(--color-text-muted);cursor:default}.df-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md);padding-block:var(--space-sm);background:var(--color-surface-page)}.df-count{margin:0;font-size:var(--text-sm)}.df-sort-label{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm)}.df-sort-label select{width:auto;max-width:100%;min-height:var(--control-height);padding:var(--space-sm);border:var(--border-width-tool) solid var(--color-action-tool-border);border-radius:var(--radius-button);color:var(--color-text-heading);background:var(--color-surface-page);font:inherit;font-size:var(--text-md)}.df-chips{margin-bottom:var(--space-md)}.df-chips:empty{margin:0}.df-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg) var(--space-sm)}.df-consider{grid-column:1 / -1;padding:var(--space-lg);border:var(--border-width-tool) solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-panel);font-size:var(--text-sm);line-height:var(--leading-loose)}.df-consider h2{font-size:var(--text-xl)}.df-consider p:last-child{margin-bottom:0}.df-consider a{text-decoration-color:var(--color-link-underline-on-panel)}.df-also{margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:var(--border-width-tool) solid var(--color-border-subtle)}.df-also>h2{font-size:var(--text-xl)}.df-editorial{max-width:var(--max-w-prose);margin-block:var(--space-2xl);font-size:var(--text-md);line-height:var(--leading-loose)}.df-prose{margin-bottom:var(--space-xl)}.df-prose h2{font-size:var(--text-2xl)}.df-prose h3{margin-top:var(--space-lg);font-size:var(--text-xl)}.df-empty{grid-column:1 / -1;padding-block:var(--space-lg)}.df-dialog{box-sizing:border-box;color:var(--color-text-body);background:var(--color-surface-page);font-family:var(--font-body);border:0;padding:var(--space-md)}.df-dialog::backdrop{background:var(--color-scrim);opacity:var(--opacity-overlay)}.df-dialog--filters{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0}.df-dialog--filters[open]{display:flex;flex-direction:column;gap:var(--space-md);overflow:hidden}.df-dialog--filters>.divein-btn{align-self:end;flex:none}.df-dialog--filters .df-filters{display:flex;flex:1;flex-direction:column;overflow:hidden;min-height:0}.df-dialog--filters .df-filter-head{flex:none}.df-dialog--filters .df-filter-groups{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-inline:var(--space-xs)}.df-sheet-footer{display:flex;flex:none;align-items:center;gap:var(--space-sm);padding-top:var(--space-sm);padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface-page);border-top:var(--border-width-tool) solid var(--color-border-subtle)}.df-sheet-footer>:last-child{flex:1}.df-dialog--sort{width:calc(100% - var(--space-lg));max-width:var(--max-w-narrow);margin:auto auto var(--space-md);border-radius:var(--radius-sm)}.df-sort-options{border:0;margin:0;padding:0}.df-sort-options legend{font-size:var(--text-sm);margin-bottom:var(--space-sm)}html.df-sheet-open{overflow:hidden}@media (max-width:1023px){.df-bar{position:sticky;top:var(--header-height);z-index:5;padding-block:var(--space-xs);background:var(--color-surface-page)}}@media (min-width:1024px){.df-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-xl) var(--space-md)}}@media (min-width:1024px){.df-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.df-filter-slot{min-width:0}}.df-compare-control{position:relative;z-index:3;align-self:start;gap:var(--space-sm);margin-top:var(--space-sm);min-height:var(--control-height);padding-inline:var(--space-sm);font-size:var(--text-sm);cursor:pointer}.df-compare-control input{margin:0;width:var(--icon-sm);height:var(--icon-sm);accent-color:var(--color-selected-bg)}.df-compare-control:focus-within{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-gap)}.df-has-comparison{padding-bottom:calc(var(--df-tray-space, 0) + var(--space-lg))}.df-compare-tray{box-sizing:border-box;position:fixed;inset:auto var(--space-sm) calc(var(--df-ad-height, 0) + var(--space-sm) + env(safe-area-inset-bottom));width:fit-content;max-width:calc(100% - var(--space-md));margin:0 auto;padding:var(--space-sm) var(--space-md);border:var(--border-width-tool) solid var(--color-border-strong);border-radius:var(--radius-button);background:var(--color-surface-page);color:var(--color-text-body);box-shadow:var(--shadow-lg);z-index:var(--z-modal);font-family:var(--font-body);font-size:var(--text-sm)}.df-compare-tray-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm)}.df-compare-message{margin:0;max-width:var(--max-w-narrow);font-size:var(--text-sm);line-height:var(--leading-loose)}.df-compare-message:not(:empty){margin-top:var(--space-xs)}.df-dialog--compare{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding-bottom:max(var(--space-md), env(safe-area-inset-bottom))}.df-dialog--compare[open]{display:flex;flex-direction:column;gap:var(--space-sm);overflow:hidden}.df-dialog--compare>.df-filter-head{flex:none;flex-wrap:wrap}.df-compare-help{flex:none;margin:0;font-size:var(--text-sm);line-height:var(--leading-loose);color:var(--color-text-muted)}.df-compare-scroll{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain}.df-compare-scroll:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}.df-compare-table{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;font-size:var(--text-sm);line-height:var(--leading-loose)}.df-compare-table caption{text-align:left;padding-bottom:var(--space-md);color:var(--color-text-muted)}.df-compare-table th,.df-compare-table td{box-sizing:border-box;width:calc(var(--space-3xl) * 3);min-width:calc(var(--space-3xl) * 3);padding:var(--space-md);border-bottom:var(--border-width-tool) solid var(--color-table-border);text-align:left;vertical-align:top;overflow-wrap:anywhere}.df-compare-table thead th{background:var(--color-table-head-bg);color:var(--color-table-head-text);font-weight:var(--font-weight-semibold)}.df-compare-table th:first-child{position:sticky;left:0;z-index:1;width:calc(var(--space-3xl) * 2);min-width:calc(var(--space-3xl) * 2);background:var(--color-surface-panel);border-right:var(--border-width-tool) solid var(--color-table-border);font-weight:var(--font-weight-normal)}.df-compare-table img{display:block;width:100%;max-width:calc(var(--space-3xl) * 2);height:auto;aspect-ratio:1;object-fit:contain;margin-bottom:var(--space-sm)}.df-compare-table p{margin:0 0 var(--space-sm)}.df-compare-name{color:var(--color-text-heading)}.df-compare-price{font-weight:var(--font-weight-bold);color:var(--color-text-heading)}.df-compare-shops{font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.df-compare-table a:not(.divein-btn){color:var(--color-text-link);text-decoration:underline;text-decoration-color:var(--color-link-underline);text-decoration-thickness:var(--border-width-secondary);text-underline-offset:var(--space-xs)}.df-compare-table a:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-gap)}.df-filters .df-group{margin:0;padding-block:var(--space-md);border-top:var(--border-width-tool) solid var(--color-border-subtle)}.df-filters .df-group legend{float:left;width:100%;margin:0}.df-group-panel{clear:both;padding-top:var(--space-sm)}.df-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;min-height:var(--control-height-sm);padding:0;border:0;border-radius:var(--radius-button);background:#fff0;color:var(--color-text-heading);font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer}.df-chevron{width:var(--space-sm);height:var(--space-sm);margin-right:var(--space-xs);border-right:var(--border-width-secondary) solid currentColor;border-bottom:var(--border-width-secondary) solid currentColor;transform:rotate(45deg)}.df-group-toggle[aria-expanded="false"] .df-chevron{transform:rotate(-45deg)}.df-filters .df-option{gap:var(--space-sm);padding-block:var(--space-xs);min-height:var(--control-height-sm)}.df-filters .df-option input[type="checkbox"]{appearance:none;box-sizing:border-box;display:grid;place-content:center;width:var(--icon-md);height:var(--icon-md);border:var(--border-width-tool) solid var(--color-border-strong);border-radius:var(--radius-button);background:var(--color-surface-page);color:var(--color-selected-text);cursor:pointer}.df-filters .df-option input[type="checkbox"]:checked{background:var(--color-selected-bg);border-color:var(--color-selected-bg)}.df-filters .df-option input[type="checkbox"]:checked::after{content:'✓';font-size:var(--text-sm);line-height:1}.df-filters .df-option input:disabled{background:var(--color-action-disabled-bg);border-color:var(--color-action-disabled-border);cursor:default}.df-group-toggle:focus-visible,.df-filters input:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-gap)}.df-filters .df-option-count{font-size:var(--text-xs);font-variant-numeric:tabular-nums}.df-brand-more{margin-top:var(--space-sm);width:100%;font-size:var(--text-sm)}.df-filters .df-stock input[type="checkbox"]{position:relative;width:calc(var(--icon-md) * 2);height:var(--icon-lg);background:var(--color-surface-panel)}.df-filters .df-stock input[type="checkbox"]::after{content:'';position:absolute;top:var(--space-2xs);left:var(--space-2xs);width:calc(var(--icon-md) - var(--space-xs));height:calc(var(--icon-md) - var(--space-xs));border-radius:var(--radius-tag);background:var(--color-text-muted)}.df-filters .df-stock input[type="checkbox"]:checked::after{content:'';left:auto;right:var(--space-2xs);background:var(--color-selected-text)}.df-price-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-block:var(--space-xs) var(--space-sm)}.df-price-numbers label{min-width:0;font-size:var(--text-xs);color:var(--color-text-muted)}.df-price-numbers input{box-sizing:border-box;width:100%;min-width:0;min-height:var(--control-height);margin-top:var(--space-xs);padding:var(--space-sm);border:var(--border-width-tool) solid var(--color-border-strong);border-radius:var(--radius-button);background:var(--color-surface-page);color:var(--color-text-heading);font:inherit;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.df-histogram{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:var(--space-2xs);height:var(--space-3xl);padding-inline:calc(var(--icon-lg) / 2);background:var(--color-surface-page)}.df-histogram-bin{height:var(--df-bin-height);background:var(--color-chart-1);border-radius:var(--radius-tag) var(--radius-tag) 0 0}.df-histogram-bin.is-outside{background:var(--color-chart-grid)}.df-price-sliders{position:relative;height:var(--control-height);margin-top:calc(-1 * var(--icon-lg) / 2)}.df-price-track{position:absolute;inset-inline:calc(var(--icon-lg) / 2);top:calc(var(--control-height) / 2 - var(--border-width-tool));height:var(--border-width-secondary);background:linear-gradient(to right,var(--color-border-default) var(--df-price-left,0%),var(--color-selected-bg) var(--df-price-left,0%),var(--color-selected-bg) var(--df-price-right,100%),var(--color-border-default) var(--df-price-right,100%))}.df-price-sliders input[type="range"]{appearance:none;position:absolute;inset:0;box-sizing:border-box;width:100%;height:var(--control-height);margin:0;padding:0;background:#fff0;pointer-events:none}.df-price-sliders input[type="range"]::-webkit-slider-thumb{appearance:none;box-sizing:border-box;width:var(--icon-lg);height:var(--icon-lg);border:var(--border-width-secondary) solid var(--color-selected-bg);border-radius:var(--radius-button);background:var(--color-surface-page);pointer-events:auto;cursor:ew-resize}.df-price-sliders input[type="range"]::-moz-range-thumb{box-sizing:border-box;width:var(--icon-lg);height:var(--icon-lg);border:var(--border-width-secondary) solid var(--color-selected-bg);border-radius:var(--radius-button);background:var(--color-surface-page);pointer-events:auto;cursor:ew-resize}.df-price-sliders input[type="range"]::-moz-range-track{background:#fff0}.df-load{display:grid;justify-items:center;gap:var(--space-sm);padding-block:var(--space-xl)}.df-seen{margin:0;color:var(--color-text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.df-progress{appearance:none;width:min(100%, calc(var(--space-3xl) * 4));height:var(--border-width-secondary);border:0;background:var(--color-score-track);color:var(--color-score-bar)}.df-progress::-webkit-progress-bar{background:var(--color-score-track)}.df-progress::-webkit-progress-value{background:var(--color-score-bar)}.df-progress::-moz-progress-bar{background:var(--color-score-bar)}.df-load .divein-btn{width:min(100%, calc(var(--space-3xl) * 5))}.df-sentinel{height:var(--border-width-tool);width:100%}.df-compare-table img{box-sizing:border-box;padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface-page)}.df-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius);background:var(--shop-category-hero-surface);min-height:var(--shop-category-hero-height);margin-bottom:0}.df-hero .df-hero-image{position:absolute;inset:0 0 0 auto;width:64%;height:100%;object-fit:cover;object-position:28% 50%;z-index:-2}.df-hero--photo::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--shop-category-hero-surface) 0%,var(--shop-category-hero-surface) 36%,transparent 56%);z-index:-1}.df-hero-copy{display:flex;flex-direction:column;justify-content:center;width:min(var(--shop-category-hero-copy), 58%);min-height:var(--shop-category-hero-height);padding:var(--space-3xl);box-sizing:border-box}.df-hero-tag{align-self:start;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-tag);background:var(--color-surface-panel);color:var(--color-text-heading);text-transform:uppercase;font-size:var(--text-xs)}.df-hero .page-title{margin:var(--space-lg) 0 var(--space-md);font-family:var(--font-display);font-weight:var(--font-weight-semibold);font-size:var(--shop-category-hero-title);line-height:1.02;letter-spacing:var(--tracking-tighter);text-transform:uppercase}.df-hero-copy>p{margin:0 0 var(--space-xl);max-width:var(--shop-category-intro-width);font-size:var(--card-type-15);line-height:1.6}.df-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-lg)}.df-help,.df-guide-link{color:var(--color-text-heading);font-size:var(--text-sm);text-decoration:underline;text-decoration-color:var(--color-link-underline);text-underline-offset:var(--space-xs)}.df-floats{position:absolute;right:var(--space-lg);top:50%;transform:translateY(-50%);display:grid;gap:var(--space-sm);width:var(--shop-category-float-width);margin:0;padding:0;list-style:none}.df-fact{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md)}.df-floats .df-fact{border-radius:var(--radius);background:var(--color-surface-page);box-shadow:var(--shadow-md)}.df-fact i{display:grid;place-items:center;flex:none;width:var(--control-height);height:var(--control-height);border-radius:var(--radius-sm);background:var(--color-surface-band);color:var(--color-text-heading)}.df-fact svg,.df-shortcuts svg{width:var(--icon-lg);height:var(--icon-lg);flex:none}.df-fact b{display:block;font-size:var(--shop-category-label);line-height:1.3;color:var(--color-text-heading);font-weight:var(--font-weight-semibold)}.df-shortcuts{display:flex;overflow-x:auto;margin-top:var(--space-lg);padding-block:var(--space-md);border:var(--border-width-tool) solid var(--color-border-subtle);border-radius:var(--radius)}.df-shortcuts a{display:flex;flex:1 0 auto;justify-content:center;align-items:center;gap:var(--space-sm);padding-inline:var(--space-md);border-left:var(--border-width-tool) solid var(--color-border-subtle);text-decoration:none;color:var(--color-text-heading);font-size:var(--shop-category-label)}.df-shortcuts a:first-child{border-left:0}.df-shortcuts span{font-size:var(--text-xs);color:var(--color-text-muted)}.df-section-head{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:var(--space-md);margin:var(--space-3xl) 0 var(--space-lg)}.df-section-head h2,.df-consider>h2{margin:0;font:var(--font-weight-semibold) var(--card-type-22)/1.2 var(--font-display);text-transform:none}.df-section-head p{margin:var(--space-sm) 0 0;font-size:var(--shop-category-label);color:var(--color-text-muted)}.df-bar{padding:0}.df-filter-pills{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.df-count{margin-left:auto;font-size:var(--shop-category-label);color:var(--color-text-muted)}.df-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}.df-type-tile{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:end;aspect-ratio:3 / 4.3;padding:var(--space-lg);border-radius:var(--radius);color:var(--color-text-on-deep);text-decoration:none}.df-type-tile>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.df-type-tile>div{grid-area:2 / 1}.df-type-tile::after{content:'';grid-area:2 / 1;align-self:stretch;margin:calc(var(--space-lg) * -1) calc(var(--space-lg) * -1) calc(var(--space-lg) * -1);z-index:-1;background:var(--shop-category-tile-fade)}.df-type-tile h3{margin:0;color:inherit;font:var(--font-weight-semibold) var(--text-xl)/1.2 var(--font-display);text-transform:uppercase}.df-type-tile p,.df-type-tile span{font-size:var(--shop-category-label);line-height:1.45}.df-type-tile p{margin:var(--space-sm) 0 var(--space-md)}.df-consider{margin-block:var(--space-3xl);padding:0;border:0;background:var(--color-surface-page)}.df-ideas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-lg);margin-block:var(--space-lg)}.df-idea{padding:var(--space-sm) var(--space-md);text-align:center}.df-idea+.df-idea{border-left:var(--border-width-tool) solid var(--color-border-subtle)}.df-idea svg{width:var(--control-height);height:var(--control-height);color:var(--color-text-heading)}.df-idea h3{font:var(--font-weight-semibold) var(--shop-category-label)/1.3 var(--font-display);text-transform:uppercase;margin:var(--space-md) 0 var(--space-sm)}.df-idea p{margin:0;font-size:var(--text-xs);line-height:1.6}.df-prose{font-size:var(--text-sm)}.df-root a:focus-visible,.df-header a:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-gap)}@media (min-width:768px) and (max-width:1023px){.df-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.df-hero-copy{padding:var(--space-xl)}.df-hero .page-title{font-size:var(--control-height)}.df-floats{width:var(--shop-category-float-width-tablet)}}@media (max-width:1023px){.df-type-tile{padding:var(--space-md);aspect-ratio:3 / 5.2}.df-type-tile::after{margin:calc(var(--space-lg) * -1) calc(var(--space-md) * -1) calc(var(--space-md) * -1)}.df-type-tile h3{font-size:var(--card-type-15)}.df-type-tile p{font-size:var(--card-type-11)}}@media (max-width:767px){.df-hero{min-height:0;display:flex;flex-direction:column}.df-hero .df-hero-image{position:static;width:100%;height:var(--shop-category-photo-phone)}.df-hero--photo::before{content:none}.df-hero-copy{width:100%;min-height:0;padding:var(--space-md)}.df-hero-tag{padding:var(--space-xs) var(--space-sm)}.df-hero .page-title{font-size:var(--shop-category-hero-title-phone);margin-block:var(--space-sm)}.df-hero-copy>p{font-size:var(--text-sm);margin-bottom:var(--space-md)}.df-hero-actions{gap:var(--space-md)}.df-floats{position:static;transform:none;width:auto;display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm);padding:0 var(--space-md) var(--space-md)}.df-floats .df-fact{padding:0;gap:var(--space-xs);background:#fff0;box-shadow:none}.df-floats .df-fact i{width:auto;height:auto;background:#fff0}.df-floats .df-fact svg{width:var(--icon-sm);height:var(--icon-sm)}.df-floats .df-fact b{font-size:var(--text-xs)}.df-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;margin-top:var(--space-md);padding:var(--space-xs);gap:var(--space-2xs)}.df-shortcuts a{display:block;min-height:var(--control-target-min);padding:var(--space-xs) var(--space-2xs);border-left:0;font-size:var(--text-xs);line-height:1.25;text-align:center}.df-shortcuts svg{display:block;width:var(--icon-md);height:var(--icon-md);margin:0 auto var(--space-2xs)}.df-shortcuts span{margin-left:var(--space-2xs)}.df-filter-pills{flex-wrap:nowrap;overflow-x:auto;width:100%}.df-filter-pills>.df-filter-pill{flex:none}.df-section-head{margin:var(--space-lg) 0 var(--space-sm);gap:var(--space-sm)}.df-section-head h2{font-size:var(--shop-category-section-phone)}.df-type-grid,.df-ideas{grid-template-columns:repeat(2,minmax(0,1fr))}.df-idea:nth-child(3){border-left:0}.df-ideas{gap:var(--space-lg) 0}.df-dialog--filters{max-width:100%}}@media (min-width:768px){.df-dialog--filters{width:var(--max-w-narrow);max-width:100%;margin:0 0 0 auto}}.df-root .df-compare-control{display:inline-flex;align-items:center;align-self:start;margin-top:auto;min-height:var(--control-height-sm);padding:0;gap:var(--space-xs);border:0;background:#fff0;color:var(--color-text-muted);font:var(--font-weight-semibold) var(--text-xs)/1.4 var(--font-body)}.df-root .df-compare-control input{accent-color:var(--color-action-primary)}.df-filter-pill{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:var(--space-xs);min-height:var(--control-height-sm);padding:var(--space-xs) var(--space-md);border:var(--border-width-tool) solid var(--shop-category-filter-border);border-radius:var(--radius-button);background:var(--shop-category-filter-surface);color:var(--color-text-heading);font:var(--font-weight-semibold) var(--shop-category-label)/1.4 var(--font-body);white-space:nowrap;cursor:pointer}.df-filter-pill svg{width:var(--icon-sm);height:var(--icon-sm);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.df-filter-pill:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-gap)}.df-advice-box{padding:var(--space-lg);border:var(--border-width-tool) solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-panel)}.df-filter-pill.is-active{border-color:var(--color-selected-bg);background:var(--color-selected-bg);color:var(--color-selected-text)}.df-filter-pill-count{display:inline-grid;place-items:center;min-width:var(--icon-sm);height:var(--icon-sm);padding-inline:var(--space-xs);border-radius:var(--radius-button);background:var(--color-selected-text);color:var(--color-selected-bg);font-size:var(--text-xs);line-height:1;font-variant-numeric:tabular-nums}.df-empty{padding:var(--space-xl) var(--space-lg);border:var(--border-width-tool) solid var(--color-border-subtle);border-radius:var(--radius);background:var(--color-surface-band);font-size:var(--text-sm);line-height:var(--leading-loose)}.df-empty-title{margin:0 0 var(--space-sm);font:var(--font-weight-semibold) var(--text-xl)/1.25 var(--font-display);color:var(--color-text-heading)}.df-empty p{margin:0 0 var(--space-sm);max-width:var(--max-w-prose)}.df-empty-suggestions{display:grid;gap:var(--space-xs);margin:0 0 var(--space-md);padding:0;list-style:none}.df-empty-suggestions li{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);align-items:baseline}.df-empty-suggestions a{color:var(--color-text-link);font-weight:var(--font-weight-semibold);text-decoration:underline;text-decoration-color:var(--color-link-underline);text-underline-offset:var(--space-xs)}.df-empty-suggestions span{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.df-empty-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.df-compare-table tr.is-different>*{background:var(--color-surface-band)}.df-compare-table tr.is-different>th:first-child{background:var(--color-surface-panel)}.df-compare-diff{display:block;margin-top:var(--space-2xs);color:var(--color-text-heading);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.df-results,.df-consider,.df-types{scroll-margin-top:calc(var(--header-height) + var(--space-md))}.df-root:not(.df-has-comparison){padding-bottom:var(--df-ad-space,0)}.df-filters .df-group legend{display:flex;align-items:center;gap:var(--space-xs)}.df-filters .df-group legend .df-group-toggle{flex:1;min-width:0}.df-info{display:inline-grid;place-items:center;flex:none;width:var(--control-height-sm);height:var(--control-height-sm);padding:0;border:0;border-radius:var(--radius-button);background:#fff0;color:var(--color-text-muted);cursor:pointer}.df-info svg{width:var(--icon-sm);height:var(--icon-sm)}.df-info[aria-expanded="true"]{color:var(--color-text-heading);background:var(--shop-category-filter-surface)}.df-info:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-gap)}.df-info-note{margin:0 0 var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-button);background:var(--color-surface-band);color:var(--color-text-body);font-size:var(--text-xs);line-height:var(--leading-loose)}.df-guide-layout{display:grid;gap:var(--space-xl);margin-top:var(--space-3xl)}.df-guide-main{min-width:0;max-width:var(--max-w-prose)}.df-jump{align-self:start;padding:var(--space-md);border:var(--border-width-tool) solid var(--color-border-subtle);border-radius:var(--radius)}.df-jump h2{margin:0 0 var(--space-sm);font:var(--font-weight-semibold) var(--text-sm)/1.3 var(--font-body);color:var(--color-text-heading)}.df-jump ul{display:grid;gap:var(--space-2xs);margin:0;padding:0;list-style:none}.df-jump a{display:flex;align-items:center;min-height:var(--control-height-sm);color:var(--color-text-link);font-size:var(--text-sm);text-decoration:underline;text-decoration-color:var(--color-link-underline);text-underline-offset:var(--space-xs)}.df-prose,.df-jump{scroll-margin-top:calc(var(--header-height) + var(--space-md))}.df-accordion{border-bottom:var(--border-width-tool) solid var(--color-border-subtle)}.df-accordion:first-of-type{border-top:var(--border-width-tool) solid var(--color-border-subtle)}.df-accordion summary{min-height:var(--control-target-min);padding-block:var(--space-sm);color:var(--color-text-heading);font:var(--font-weight-semibold) var(--text-md)/1.6 var(--font-display);cursor:pointer}.df-accordion summary::marker{color:var(--color-text-muted)}.df-accordion summary:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-gap)}.df-accordion-body{padding-bottom:var(--space-md);line-height:var(--leading-loose)}.df-accordion-body>:first-child{margin-top:0}.df-prose a,.df-segment-link a{color:var(--color-text-link);text-decoration:underline;text-decoration-color:var(--color-link-underline);text-underline-offset:var(--space-xs)}.df-segment-link{margin:var(--space-sm) 0 0;font-weight:var(--font-weight-semibold)}@media (min-width:1024px){.df-guide-layout{grid-template-columns:minmax(0,var(--max-w-prose)) minmax(0,var(--shop-category-float-width));justify-content:space-between}.df-jump{position:sticky;top:calc(var(--header-height) + var(--space-md))}}@media (max-width:767px){.df-filter-pill{min-height:var(--control-target-min)}}.df-filter-pill--shortcut{background:var(--color-surface-page);font-weight:var(--font-weight-normal);text-decoration:none}.df-filter-pill--shortcut span{color:var(--color-text-muted)}