.dgf-listing [hidden] {
display: none !important;
} .dgf-filter-left {
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
.dgf-all-filters-button {
display: inline-flex;
align-items: center;
gap: 8px;
}
.dgf-filter-badge {
display: inline-block;
min-width: 22px;
height: 22px;
padding: 0 6px;
border-radius: 11px;
background: var(--dgf-accent, #f36805);
color: #fff;
font-size: 13px;
line-height: 22px;
text-align: center;
} .dgf-result-total {
display: none;
} .dgf-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: -8px 0 20px;
}
.dgf-chips:empty {
display: none;
}
.dgf-chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px;
border: 1px solid #d5d5d5;
border-radius: 18px;
background: #fff;
color: var(--dgf-text, #2d2d2d);
font-size: 14px;
font-weight: 600;
line-height: 1.3;
cursor: pointer;
text-decoration: none;
}
.dgf-chip:hover,
.dgf-chip:focus {
border-color: var(--dgf-accent, #f36805);
background: #fff;
color: var(--dgf-text, #2d2d2d);
}
.dgf-chip-active {
border-color: var(--dgf-accent, #f36805);
background: #fff4ec;
}
.dgf-chip-reset {
border-style: dashed;
font-weight: 400;
}
.dgf-chip .dgf-count {
color: var(--dgf-muted, #6b6b6b);
font-weight: 400;
}  html body .dgf-filter-sidebar {
display: flex;
flex-direction: column;
overflow: hidden;
}
.dgf-filter-content {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior: contain;
}
.dgf-filter-header,
.dgf-filter-footer {
flex: 0 0 auto;
} .dgf-price-slider {
position: relative;
height: 28px;
margin: 4px 12px 12px;
}
.dgf-price-track {
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 4px;
margin-top: -2px;
border-radius: 2px;
background: #e3e3e3;
}
.dgf-price-fill {
position: absolute;
top: 0;
bottom: 0;
border-radius: 2px;
background: var(--dgf-accent, #f36805);
} .dgf-price-slider input[type="range"] {
position: absolute;
inset: 0;
width: 100%;
height: 28px;
margin: 0;
padding: 0;
background: none;
pointer-events: none;
-webkit-appearance: none;
appearance: none;
}
.dgf-price-slider input[type="range"]::-webkit-slider-runnable-track {
background: none;
border: 0;
}
.dgf-price-slider input[type="range"]::-moz-range-track {
background: none;
border: 0;
}
.dgf-price-slider input[type="range"]::-webkit-slider-thumb {
width: 22px;
height: 22px;
border: 2px solid var(--dgf-accent, #f36805);
border-radius: 50%;
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
cursor: pointer;
pointer-events: auto;
-webkit-appearance: none;
appearance: none;
}
.dgf-price-slider input[type="range"]::-moz-range-thumb {
width: 18px;
height: 18px;
border: 2px solid var(--dgf-accent, #f36805);
border-radius: 50%;
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
cursor: pointer;
pointer-events: auto;
}
.dgf-price-slider input[type="range"]:focus-visible::-webkit-slider-thumb {
outline: 3px solid rgba(243, 104, 5, .35);
}
.dgf-price-inputs {
display: flex;
gap: 12px;
margin: 0 12px 12px;
}
.dgf-price-inputs label {
flex: 1;
display: flex;
align-items: center;
gap: 6px;
padding: 0;
font-size: 14px;
color: var(--dgf-muted, #6b6b6b);
}
.dgf-price-inputs label:hover {
background: none;
}
.dgf-price-inputs input[type="number"] {
width: 100%;
min-width: 0;
padding: 6px 8px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}
.dgf-filter-group .dgf-count {
margin-left: auto;
padding-left: 8px;
color: var(--dgf-muted, #6b6b6b);
font-size: 13px;
}
.dgf-filter-group li.dgf-term-empty label {
opacity: .45;
cursor: default;
}
.dgf-filter-group li.dgf-term-empty label:hover {
background: transparent;
}
.dgf-filter-group .dgf-filter-hidden {
display: none;
}
.dgf-filter-group.expanded .dgf-filter-hidden {
display: list-item;
}
.dgf-filter-show-more {
margin-top: 6px;
padding: 0 12px;
border: 0;
background: none;
color: var(--dgf-accent, #f36805);
font-size: 14px;
font-weight: 600;
cursor: pointer;
}
.dgf-filter-show-more:hover,
.dgf-filter-show-more:focus {
background: none;
color: var(--dgf-text, #2d2d2d);
}
.dgf-filter-footer {
display: flex;
gap: 10px;
padding: 14px 20px;
border-top: 1px solid #e8e8e8;
background: #fff;
}
.dgf-filter-footer .dgf-reset-filters {
margin-left: 0;
}
.dgf-show-results-btn {
flex: 1;
padding: 10px 16px;
border: 0;
border-radius: 25px;
background: var(--dgf-accent, #f36805);
color: #fff;
font-size: 16px;
font-weight: 700;
cursor: pointer;
}
.dgf-show-results-btn:hover,
.dgf-show-results-btn:focus {
background: #d85c00;
color: #fff;
}
body.dgf-filter-open {
overflow: hidden;
} .dgf-loading-overlay {
display: flex;
}
.dgf-archive-text {
margin-top: 40px;
}
.dgf-search-page .dgf-search-widget {
max-width: 640px;
margin: 16px auto;
}
.dgf-search-categories {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
} @media (max-width: 768px) { html body .dgf-filter-sidebar,
html body .dgf-filter-sidebar.open {
top: auto;
right: 0;
left: 0;
bottom: -100%;
width: 100%;
max-width: none;
height: 88vh;
border-radius: 14px 14px 0 0;
transition: bottom .3s ease;
}
html body .dgf-filter-sidebar.open {
bottom: 0;
}
.dgf-filter-header {
border-radius: 14px 14px 0 0;
}
.dgf-filter-left {
justify-content: space-between;
}
} .dgf-shops-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 20px;
margin: 24px 0;
}
.dgf-shop-card {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 20px 16px;
border: 1px solid #e8e8e8;
border-radius: 10px;
background: #fff;
color: var(--dgf-text, #2d2d2d);
text-align: center;
text-decoration: none;
transition: box-shadow .2s ease, border-color .2s ease;
}
.dgf-shop-card:hover,
.dgf-shop-card:focus {
border-color: var(--dgf-accent, #f36805);
box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
color: var(--dgf-text, #2d2d2d);
}
.dgf-shop-card-logo {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 90px;
margin-bottom: 6px;
}
.dgf-shop-card-logo img {
max-width: 100%;
max-height: 90px;
width: auto;
height: auto;
object-fit: contain;
}
.dgf-shop-card-initial {
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
border-radius: 50%;
background: #fff4ec;
color: var(--dgf-accent, #f36805);
font-size: 28px;
font-weight: 700;
}
.dgf-shop-card-name {
font-size: 17px;
font-weight: 700;
}
.dgf-shop-card-count {
font-size: 14px;
color: var(--dgf-muted, #6b6b6b);
} .dgf-shop-header-logo {
max-width: 200px;
margin: 8px auto 16px;
}
.dgf-shop-header-logo img {
display: block;
max-width: 100%;
height: auto;
border: 1px solid #e8e8e8;
border-radius: 10px;
background: #fff;
}
.dgf-shop-visit {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 12px;
}
.dgf-shop-visit .dgf-main-button {
display: inline-flex;
width: auto;
}
.dgf-shop-visit-note {
font-size: 13px;
color: var(--dgf-muted, #6b6b6b);
} .dgf-sold-by {
display: flex;
align-items: center;
gap: 8px;
margin: 10px 0 0;
font-size: 14px;
color: var(--dgf-muted, #6b6b6b);
}
.dgf-sold-by a {
display: inline-flex;
align-items: center;
gap: 6px;
color: var(--dgf-text, #2d2d2d);
font-weight: 600;
text-decoration: none;
}
.dgf-sold-by a:hover span {
text-decoration: underline;
}
.dgf-sold-by-logo {
width: auto;
max-width: 72px;
height: 24px;
object-fit: contain;
} html body .dgf-filter-close,
html body .dgf-filter-close:hover,
html body .dgf-filter-close:focus {
padding: 4px 8px;
border: 0;
background: none;
color: var(--dgf-text, #2d2d2d);
font-size: 30px;
line-height: 1;
} @media (max-width: 768px) {
.dgf-chips {
flex-wrap: nowrap;
overflow-x: auto;
margin-right: -16px;
padding-right: 16px;
padding-bottom: 4px;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.dgf-chips::-webkit-scrollbar {
display: none;
}
.dgf-chip {
flex: 0 0 auto;
white-space: nowrap;
}
} @media (min-width: 769px) {
html body .dgf-filter-sidebar {
bottom: 0;
height: auto;
}
}