/* Local category dark mode. Loaded after category.css to preserve the light theme. */
html.puppy-dark body.catalog-category-view {
    color: var(--puppy-dark-text);
    background: var(--puppy-dark-bg);
}

html.puppy-dark body.catalog-category-view :where(
    .page-wrapper,
    .page-main,
    #maincontent,
    .columns,
    .column.main,
    #category-view-container,
    #category-view-container .category-cms,
    #product-list.product-list-shell,
    #product-list .products.wrapper,
    .seo
) {
    color: var(--puppy-dark-text);
    background-color: var(--puppy-dark-bg) !important;
}

/* Category hero */
html.puppy-dark body.catalog-category-view #category-view-container .category-description {
    color: var(--puppy-dark-text);
    background-color: var(--puppy-dark-bg-soft) !important;
    background-image:
        radial-gradient(circle at 78% 18%, rgba(53, 183, 176, 0.2), transparent 34%),
        radial-gradient(circle at 8% 86%, rgba(30, 147, 158, 0.12), transparent 30%),
        linear-gradient(135deg, var(--puppy-dark-bg-soft), var(--puppy-dark-bg)) !important;
}

html.puppy-dark body.catalog-category-view #category-view-container .category-description :where(
    .homepage-main-slider,
    .splide__track,
    .splide__list,
    .splide__slide,
    [data-content-type="row"],
    [data-element="inner"]
) {
    border-color: var(--puppy-dark-border-soft);
    background-color: transparent !important;
}

html.puppy-dark body.catalog-category-view #category-view-container .category-description .main-slider {
    background: var(--puppy-dark-bg) !important;
}

html.puppy-dark body.catalog-category-view #category-view-container .category-description .category-hero-main {
    color: var(--puppy-dark-text) !important;
    border-color: var(--puppy-dark-border-soft) !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(53, 183, 176, 0.24) 0%, rgba(53, 183, 176, 0.06) 34%, transparent 64%),
        radial-gradient(circle at 90% 78%, rgba(30, 147, 158, 0.2) 0%, rgba(30, 147, 158, 0.05) 36%, transparent 68%),
        linear-gradient(135deg, var(--puppy-dark-surface) 0%, var(--puppy-dark-bg-soft) 56%, var(--puppy-dark-bg) 100%) !important;
}

html.puppy-dark body.catalog-category-view #category-view-container .category-description .category-hero-main::after {
    background-color: var(--puppy-dark-bg-soft) !important;
    background-image: none !important;
    -webkit-mask: url('../images/creator_under_down.png') top center / 326px 134px no-repeat;
    mask: url('../images/creator_under_down.png') top center / 326px 134px no-repeat;
}

html.puppy-dark body.catalog-category-view #category-view-container .category-description .category-hero-main::before {
    position: absolute;
    z-index: 8;
    bottom: 2px;
    left: 50%;
    width: 12px;
    height: 12px;
    border-right: 3px solid var(--puppy-dark-accent);
    border-bottom: 3px solid var(--puppy-dark-accent);
    content: '';
    pointer-events: none;
    transform: translateX(-50%) rotate(45deg);
}

html.puppy-dark body.catalog-category-view #category-view-container .category-description .category-hero-main .slider-text {
    color: var(--puppy-dark-text) !important;
}

html.puppy-dark body.catalog-category-view #category-view-container .category-description .slider-text .title {
    color: var(--puppy-dark-text) !important;
    text-wrap: balance;
}

html.puppy-dark body.catalog-category-view #category-view-container .category-description .slider-text .slider-content {
    color: var(--puppy-dark-text-muted) !important;
}

html.puppy-dark body.catalog-category-view #category-view-container .category-description .slider-text .buttons > span {
    color: var(--puppy-dark-text-subtle) !important;
}

html.puppy-dark body.catalog-category-view #category-view-container .category-description .category-hero-main .pn-hero-badges > * {
    color: var(--puppy-dark-accent) !important;
    border-color: var(--puppy-dark-border) !important;
    background: rgba(42, 52, 53, 0.9) !important;
    box-shadow: 0 8px 20px rgba(2, 8, 9, 0.16);
}

html.puppy-dark body.catalog-category-view #category-view-container .category-description .slider-text .action.primary {
    color: #fff;
    border-color: var(--puppy-dark-accent-deep);
    background: linear-gradient(180deg, #25a4a7, #177f89);
    box-shadow: 0 12px 24px rgba(2, 8, 9, 0.22);
}

html.puppy-dark body.catalog-category-view #category-view-container .category-description .slider-text .action.secondary {
    color: var(--puppy-dark-accent);
    border-color: var(--puppy-dark-border);
    background: var(--puppy-dark-surface-raised);
    box-shadow: 0 12px 24px rgba(2, 8, 9, 0.18);
}

html.puppy-dark body.catalog-category-view #category-view-container .category-description .slider-text .action:hover,
html.puppy-dark body.catalog-category-view #category-view-container .category-description .slider-text .action:focus-visible {
    color: #fff;
    border-color: var(--puppy-dark-accent);
    background: var(--puppy-dark-accent-deep);
    box-shadow: 0 0 0 3px var(--puppy-dark-accent-soft), 0 14px 28px rgba(2, 8, 9, 0.24);
}

/* Breadcrumbs and category shortcuts */
html.puppy-dark body.catalog-category-view #category-view-container .breadcrumbs,
html.puppy-dark body.catalog-category-view #category-view-container .breadcrumbs .items {
    color: var(--puppy-dark-text-muted);
    border-color: var(--puppy-dark-border-soft);
    background: transparent !important;
    box-shadow: none;
}

html.puppy-dark body.catalog-category-view #category-view-container .breadcrumbs :where(a, span, li) {
    color: var(--puppy-dark-text-muted) !important;
}

html.puppy-dark body.catalog-category-view #category-view-container .breadcrumbs a:hover {
    color: var(--puppy-dark-accent) !important;
}

html.puppy-dark body.catalog-category-view #category-view-container .category-cms {
    border-color: var(--puppy-dark-border-soft);
    background: var(--puppy-dark-bg) !important;
}

html.puppy-dark body.catalog-category-view #category-view-container .category-subcategories ul li a {
    color: var(--puppy-dark-text-muted);
    border-color: var(--puppy-dark-border-soft);
    background: linear-gradient(180deg, var(--puppy-dark-surface-raised), var(--puppy-dark-surface));
    box-shadow: 0 10px 24px rgba(2, 8, 9, 0.12);
    transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

html.puppy-dark body.catalog-category-view #category-view-container .category-subcategories ul li a:hover,
html.puppy-dark body.catalog-category-view #category-view-container .category-subcategories ul li a:focus-visible {
    color: var(--puppy-dark-text);
    border-color: var(--puppy-dark-accent);
    background: var(--puppy-dark-surface-soft) !important;
    box-shadow: 0 0 0 3px var(--puppy-dark-accent-soft), 0 14px 28px rgba(2, 8, 9, 0.18);
    transform: translateY(-1px);
}

html.puppy-dark body.catalog-category-view #category-view-container .category-subcategories img {
    filter: drop-shadow(0 6px 10px rgba(2, 8, 9, 0.18));
}

/* Product grid */
html.puppy-dark body.catalog-category-view #product-list.product-list-shell {
    background-image: radial-gradient(circle at 50% 0%, rgba(53, 183, 176, 0.07), transparent 26%);
}

html.puppy-dark body.catalog-category-view #product-list .product-item.product-widget,
html.puppy-dark body.catalog-category-view #product-list .products-grid .product-item {
    color: var(--puppy-dark-text);
    border-color: var(--puppy-dark-border-soft);
    background: linear-gradient(180deg, var(--puppy-dark-surface) 0%, var(--puppy-dark-bg-soft) 100%);
    box-shadow: 0 14px 32px rgba(2, 8, 9, 0.12);
    transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

html.puppy-dark body.catalog-category-view #product-list .product-item.product-widget:hover,
html.puppy-dark body.catalog-category-view #product-list .product-item.product-widget:focus-within {
    border-color: var(--puppy-dark-accent);
    box-shadow: 0 0 0 3px var(--puppy-dark-accent-soft), 0 20px 38px rgba(2, 8, 9, 0.22);
    transform: translateY(-2px);
}

html.puppy-dark body.catalog-category-view #product-list .product-widget .product-tab-image {
    border-radius: 14px;
    background: radial-gradient(circle at 50% 44%, rgba(83, 99, 100, 0.32), transparent 64%);
}

html.puppy-dark body.catalog-category-view #product-list .product-widget .product-tab-image > a::after {
    opacity: 0.42;
}

html.puppy-dark body.catalog-category-view #product-list .product-widget :where(
    .product-tab-name a,
    .product-item-link,
    .product-tab-price,
    .product-tab-price span,
    .product-tab-price .current-price,
    .price-wrapper,
    .price-wrapper .price
) {
    color: var(--puppy-dark-text);
}

html.puppy-dark body.catalog-category-view #product-list .product-widget :where(
    .product-tab-manufacturer,
    .product-sizes,
    .product-sizes span,
    .product-sizes .size-item,
    .price-label,
    .swatch-more-count,
    .swatch-collapse-count
) {
    color: var(--puppy-dark-text-muted);
}

html.puppy-dark body.catalog-category-view #product-list .product-widget .product-tab-price .sale {
    color: var(--puppy-dark-text-subtle);
}

html.puppy-dark body.catalog-category-view #product-list .product-widget .product-tab-price :where(.new-price, .new-price .price) {
    color: #ff9b84;
}

html.puppy-dark body.catalog-category-view #product-list .product-widget .product-colors-native .swatch-option {
    border-color: var(--puppy-dark-border);
    box-shadow: 0 2px 7px rgba(2, 8, 9, 0.24);
}

html.puppy-dark body.catalog-category-view #product-list .product-widget .product-colors-native .swatch-option:hover,
html.puppy-dark body.catalog-category-view #product-list .product-widget .product-colors-native .swatch-option:focus-within,
html.puppy-dark body.catalog-category-view #product-list .product-widget .product-colors-native .swatch-option.ring {
    border-color: var(--puppy-dark-accent);
    box-shadow: 0 0 0 2px var(--puppy-dark-accent-soft);
}

html.puppy-dark body.catalog-category-view #product-list .product-widget .product-tab-button svg circle {
    fill: var(--puppy-dark-surface-raised);
    stroke: var(--puppy-dark-border-soft);
}

html.puppy-dark body.catalog-category-view #product-list .product-widget .product-tab-button svg path {
    stroke: var(--puppy-dark-accent);
}

html.puppy-dark body.catalog-category-view #product-list .product-widget .product-tab-actions .edit-in-creator {
    color: #fff;
    background: var(--puppy-dark-accent-deep);
}

html.puppy-dark body.catalog-category-view #product-list .product-widget .product-tab-actions .edit-in-creator:hover,
html.puppy-dark body.catalog-category-view #product-list .product-widget .product-tab-actions .edit-in-creator:focus-visible {
    background: var(--puppy-dark-accent);
}

html.puppy-dark body.catalog-category-view #product-list .product-widget .product-swatch-name-tooltip,
html.puppy-dark body.catalog-category-view #product-list .product-widget .product-swatch-name-tooltip-arrow {
    color: var(--puppy-dark-text);
    background: var(--puppy-dark-surface-soft);
}

/* SEO content */
html.puppy-dark body.catalog-category-view .column.main > .seo {
    color: var(--puppy-dark-text-muted);
    background: var(--puppy-dark-bg) !important;
}

html.puppy-dark body.catalog-category-view .page-main .column.main > .seo .homepage-designs .homepage-designs-item .homepage-designs-item-title,
html.puppy-dark body.catalog-category-view .seo :where(h1, h2, h3, h4, strong, b) {
    color: var(--puppy-dark-text);
}

html.puppy-dark body.catalog-category-view .page-main .column.main > .seo .homepage-designs .homepage-designs-item .homepage-designs-item-text,
html.puppy-dark body.catalog-category-view .seo :where(p, li) {
    color: var(--puppy-dark-text-muted);
}

html.puppy-dark body.catalog-category-view .page-main .column.main > .seo .seo.container .grid .item .text .title {
    color: var(--puppy-dark-text);
}

html.puppy-dark body.catalog-category-view .page-main .column.main > .seo .seo.container .grid .item .text .description {
    color: var(--puppy-dark-text-muted);
}

html.puppy-dark body.catalog-category-view .page-main .column.main > .seo .seo.container .grid .item .icon {
    color: var(--puppy-dark-accent);
}

html.puppy-dark body.catalog-category-view .seo .homepage-designs-item-background .designs-item-background {
    border: 1px solid var(--puppy-dark-border-soft);
    box-shadow: 0 18px 38px rgba(2, 8, 9, 0.2);
}

html.puppy-dark body.catalog-category-view .seo .seo.container {
    margin-top: 24px;
    margin-bottom: 28px;
    padding: 24px !important;
    color: var(--puppy-dark-text-muted);
    border: 1px solid var(--puppy-dark-border-soft);
    border-radius: 18px;
    background: linear-gradient(180deg, var(--puppy-dark-surface), var(--puppy-dark-bg-soft)) !important;
    box-shadow: var(--puppy-dark-shadow);
}

html.puppy-dark body.catalog-category-view .seo a {
    color: var(--puppy-dark-accent);
}

/* Product advantages legend */
html.puppy-dark body.catalog-category-view #creator-legend-popup.legend-container,
html.puppy-dark body.catalog-category-view .top-advantages-legend-container {
    color: var(--puppy-dark-text);
    border-color: var(--puppy-dark-border-soft);
    background:
        radial-gradient(circle at top left, rgba(53, 183, 176, 0.16), transparent 34%),
        linear-gradient(180deg, var(--puppy-dark-surface), var(--puppy-dark-bg-soft));
    box-shadow: -24px 0 80px rgba(2, 8, 9, 0.48);
    scrollbar-color: var(--puppy-dark-accent) var(--puppy-dark-bg-soft);
}

html.puppy-dark body.catalog-category-view #creator-legend-popup .top,
html.puppy-dark body.catalog-category-view .top-advantages-legend-container .top {
    color: var(--puppy-dark-text);
    border-color: var(--puppy-dark-border-soft);
    background: rgba(42, 52, 53, 0.96);
    box-shadow: 0 16px 40px rgba(2, 8, 9, 0.2);
}

html.puppy-dark body.catalog-category-view #creator-legend-popup :where(h2, h5),
html.puppy-dark body.catalog-category-view .top-advantages-legend-container :where(h2, h5) {
    color: var(--puppy-dark-text);
}

html.puppy-dark body.catalog-category-view #creator-legend-popup .accordion-menu > ul > li,
html.puppy-dark body.catalog-category-view .top-advantages-legend-container .accordion-menu > ul > li {
    color: var(--puppy-dark-text);
    border-color: var(--puppy-dark-border-soft);
    background: linear-gradient(180deg, var(--puppy-dark-surface-raised), var(--puppy-dark-surface));
    box-shadow: 0 12px 28px rgba(2, 8, 9, 0.18);
}

html.puppy-dark body.catalog-category-view #creator-legend-popup .accordion-menu > ul > li:hover,
html.puppy-dark body.catalog-category-view .top-advantages-legend-container .accordion-menu > ul > li:hover {
    border-color: var(--puppy-dark-accent);
    box-shadow: 0 16px 34px rgba(2, 8, 9, 0.28);
}

html.puppy-dark body.catalog-category-view #creator-legend-popup .accordion-menu > ul > li input[type="checkbox"]:checked ~ .content,
html.puppy-dark body.catalog-category-view .top-advantages-legend-container .accordion-menu > ul > li input[type="checkbox"]:checked ~ .content {
    border-color: var(--puppy-dark-border-soft);
}

html.puppy-dark body.catalog-category-view #creator-legend-popup .accordion-menu .content .title,
html.puppy-dark body.catalog-category-view .top-advantages-legend-container .accordion-menu .content .title {
    color: var(--puppy-dark-text);
    background: var(--puppy-dark-surface-soft);
}

html.puppy-dark body.catalog-category-view #creator-legend-popup .accordion-menu .content .desc,
html.puppy-dark body.catalog-category-view .top-advantages-legend-container .accordion-menu .content .desc {
    color: var(--puppy-dark-text-muted);
}

html.puppy-dark body.catalog-category-view #creator-legend-popup .top > .close-btn,
html.puppy-dark body.catalog-category-view .top-advantages-legend-container .top > .close-btn {
    border-color: var(--puppy-dark-border);
    background-color: var(--puppy-dark-surface-raised);
}

@media (max-width: 768px) {
    html.puppy-dark body.catalog-category-view .seo .seo.container {
        width: calc(100% - 20px);
        margin-left: auto;
        margin-right: auto;
        padding: 18px !important;
    }

    html.puppy-dark body.catalog-category-view #category-view-container .category-description .slider-text {
        color: var(--puppy-dark-text);
    }

    html.puppy-dark body.catalog-category-view #product-list .product-item.product-widget:hover,
    html.puppy-dark body.catalog-category-view #product-list .product-item.product-widget:focus-within {
        transform: none;
    }
}

/* Motif landing and category result pages. */
html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) {
    color-scheme: dark;
    color: var(--puppy-dark-text);
    background: var(--puppy-dark-bg);
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-motifs-breadcrumbs {
    color: var(--puppy-dark-text-muted);
    border-color: var(--puppy-dark-border-soft);
    background: transparent !important;
    box-shadow: none;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-motifs-breadcrumbs :where(a, span) {
    color: var(--puppy-dark-text-muted) !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-motifs-breadcrumbs a:hover {
    color: var(--puppy-dark-accent) !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-page-form,
html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-section-heading {
    color: var(--puppy-dark-text);
    border-color: var(--puppy-dark-accent-deep) !important;
    background:
        radial-gradient(circle at 12% 10%, rgba(53, 183, 176, 0.15), transparent 34%),
        linear-gradient(135deg, var(--puppy-dark-surface-raised), var(--puppy-dark-bg-soft)) !important;
    box-shadow: 0 14px 34px rgba(2, 8, 9, 0.2) !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) :where(
    .stf-search-page-form__title,
    .stf-search-section-heading__title
) {
    color: var(--puppy-dark-text) !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) :where(
    .stf-search-page-form__hint,
    .stf-search-section-heading__eyebrow
) {
    color: var(--puppy-dark-accent) !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-section-heading__meta {
    color: var(--puppy-dark-text);
    background: var(--puppy-dark-accent-soft);
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-page-form :where(input, select, textarea) {
    color: var(--puppy-dark-text) !important;
    border-color: var(--puppy-dark-border) !important;
    background: var(--puppy-dark-surface) !important;
    box-shadow: none !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-page-form :where(input, textarea)::placeholder {
    color: var(--puppy-dark-text-subtle) !important;
    opacity: 1;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-page-form .btn[type="submit"] {
    color: #fff !important;
    border-color: var(--puppy-dark-accent-deep) !important;
    background: linear-gradient(180deg, #25a4a7, #177f89) !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-page-form .btn[type="submit"]:hover,
html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-page-form .btn[type="submit"]:focus-visible {
    border-color: var(--puppy-dark-accent) !important;
    background: var(--puppy-dark-accent-deep) !important;
    box-shadow: 0 0 0 3px var(--puppy-dark-accent-soft) !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-page-form [role="group"] {
    color: var(--puppy-dark-text-muted);
    border-color: var(--puppy-dark-border) !important;
    background: var(--puppy-dark-surface) !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-page-form [role="group"] button:not(.bg-primary) {
    color: var(--puppy-dark-text-muted) !important;
    border-color: var(--puppy-dark-border) !important;
    background: var(--puppy-dark-surface) !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-page-form > [x-show="isLoading"] {
    color: var(--puppy-dark-text);
    background: rgba(32, 40, 41, 0.84) !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-suggestion-chip {
    color: var(--puppy-dark-text-muted);
    border-color: var(--puppy-dark-border-soft);
    background: var(--puppy-dark-surface);
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-suggestion-chip:hover,
html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-search-suggestion-chip:focus-visible {
    color: var(--puppy-dark-text);
    border-color: var(--puppy-dark-accent);
    background: var(--puppy-dark-surface-raised);
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) :where(
    .stf-motif-grid,
    .stf-motif-category-grid,
    .stf-motif-section,
    .stf-motif-categories-widget
) {
    color: var(--puppy-dark-text);
    background: transparent !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) :where(
    .stf-motif-card,
    [data-motif-item] > a:not(.stf-motif-card) > div,
    [data-motif-item] > div,
    .stf-motif-category-card
) {
    color: var(--puppy-dark-text) !important;
    border-color: var(--puppy-dark-border-soft) !important;
    background: linear-gradient(180deg, var(--puppy-dark-surface-raised), var(--puppy-dark-surface)) !important;
    box-shadow: 0 12px 26px rgba(2, 8, 9, 0.14) !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) :where(
    .stf-motif-card,
    [data-motif-item] > a:not(.stf-motif-card) > div,
    .stf-motif-category-card
):hover,
html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) :where(
    .stf-motif-card,
    [data-motif-item] > a:not(.stf-motif-card) > div,
    .stf-motif-category-card
):focus-visible {
    border-color: var(--puppy-dark-accent) !important;
    background: var(--puppy-dark-surface-soft) !important;
    box-shadow: 0 0 0 3px var(--puppy-dark-accent-soft), 0 18px 34px rgba(2, 8, 9, 0.22) !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-motif-category-card__name {
    color: var(--puppy-dark-text) !important;
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-motif-categories-section {
    border-color: var(--puppy-dark-border-soft);
}

html.puppy-dark body:is(.motifs-index-index, .stf-motifs-page) .stf-motif-message {
    color: var(--puppy-dark-text) !important;
    border-color: var(--puppy-dark-accent-deep) !important;
    background: linear-gradient(135deg, var(--puppy-dark-surface-raised), var(--puppy-dark-bg-soft)) !important;
    box-shadow: 0 14px 30px rgba(2, 8, 9, 0.18) !important;
}

/* Native catalog search with Shoptefy motif results. */
html.puppy-dark body.catalogsearch-result-index {
    color-scheme: dark;
    color: var(--puppy-dark-text);
    background: var(--puppy-dark-bg);
}

html.puppy-dark body.catalogsearch-result-index .breadcrumbs {
    color: var(--puppy-dark-text-muted);
    border-color: var(--puppy-dark-border-soft);
    background: transparent !important;
    box-shadow: none;
}

html.puppy-dark body.catalogsearch-result-index .breadcrumbs :where(a, span, li) {
    color: var(--puppy-dark-text-muted) !important;
}

html.puppy-dark body.catalogsearch-result-index .breadcrumbs a:hover {
    color: var(--puppy-dark-accent) !important;
}

html.puppy-dark body.catalogsearch-result-index :where(
    .stf-search-section-heading,
    .toolbar-products.stf-search-toolbar:not(.stf-search-toolbar--bottom)
) {
    color: var(--puppy-dark-text);
    border-color: var(--puppy-dark-accent-deep) !important;
    background:
        radial-gradient(circle at 12% 10%, rgba(53, 183, 176, 0.15), transparent 34%),
        linear-gradient(135deg, var(--puppy-dark-surface-raised), var(--puppy-dark-bg-soft)) !important;
    box-shadow: 0 14px 34px rgba(2, 8, 9, 0.2) !important;
}

html.puppy-dark body.catalogsearch-result-index :where(
    .stf-search-section-heading__title,
    .stf-search-toolbar-title,
    .stf-search-offered-keywords__title
) {
    color: var(--puppy-dark-text) !important;
}

html.puppy-dark body.catalogsearch-result-index .stf-search-section-heading__eyebrow {
    color: var(--puppy-dark-accent) !important;
}

html.puppy-dark body.catalogsearch-result-index .stf-search-section-heading__meta {
    color: var(--puppy-dark-text);
    background: var(--puppy-dark-accent-soft);
}

html.puppy-dark body.catalogsearch-result-index .stf-search-offered-keywords {
    color: var(--puppy-dark-text-muted);
    border-color: var(--puppy-dark-border-soft);
    background: var(--puppy-dark-surface) !important;
}

html.puppy-dark body.catalogsearch-result-index .toolbar-products.stf-search-toolbar:not(.stf-search-toolbar--bottom) .stf-search-offered-keywords {
    background: transparent !important;
}

html.puppy-dark body.catalogsearch-result-index .stf-search-offered-keywords__chip {
    color: var(--puppy-dark-text-muted);
    border-color: var(--puppy-dark-border-soft);
    background: var(--puppy-dark-surface);
}

html.puppy-dark body.catalogsearch-result-index .stf-search-offered-keywords__chip:hover,
html.puppy-dark body.catalogsearch-result-index .stf-search-offered-keywords__chip:focus-visible {
    color: var(--puppy-dark-text);
    border-color: var(--puppy-dark-accent);
    background: var(--puppy-dark-surface-raised);
    box-shadow: 0 8px 18px rgba(2, 8, 9, 0.2);
}

html.puppy-dark body.catalogsearch-result-index .stf-search-offered-keywords__count {
    color: var(--puppy-dark-text-subtle);
}

html.puppy-dark body.catalogsearch-result-index :where(
    .stf-motif-grid,
    .stf-motif-category-grid,
    .stf-motif-section,
    .stf-motif-categories-widget
) {
    color: var(--puppy-dark-text);
    background: transparent !important;
}

html.puppy-dark body.catalogsearch-result-index :where(
    .stf-motif-card,
    [data-motif-item] > a:not(.stf-motif-card) > div,
    [data-motif-item] > div,
    .stf-motif-category-card
) {
    color: var(--puppy-dark-text) !important;
    border-color: var(--puppy-dark-border-soft) !important;
    background: linear-gradient(180deg, var(--puppy-dark-surface-raised), var(--puppy-dark-surface)) !important;
    box-shadow: 0 12px 26px rgba(2, 8, 9, 0.14) !important;
}

html.puppy-dark body:is(.catalogsearch-result-index, .motifs-index-index, .stf-motifs-page) [data-motif-item] > .stf-motif-card,
html.puppy-dark body:is(.catalogsearch-result-index, .motifs-index-index, .stf-motifs-page) [data-motif-item] > a:not(.stf-motif-card) > div {
    color: var(--puppy-dark-text) !important;
    border-color: var(--puppy-dark-border-soft) !important;
    background: linear-gradient(180deg, var(--puppy-dark-surface-raised), var(--puppy-dark-surface)) !important;
}

html.puppy-dark body.catalogsearch-result-index :where(
    .stf-motif-card,
    [data-motif-item] > a:not(.stf-motif-card) > div,
    .stf-motif-category-card
):hover,
html.puppy-dark body.catalogsearch-result-index :where(
    .stf-motif-card,
    [data-motif-item] > a:not(.stf-motif-card) > div,
    .stf-motif-category-card
):focus-visible {
    border-color: var(--puppy-dark-accent) !important;
    background: var(--puppy-dark-surface-soft) !important;
    box-shadow: 0 0 0 3px var(--puppy-dark-accent-soft), 0 18px 34px rgba(2, 8, 9, 0.22) !important;
}

html.puppy-dark body:is(.catalogsearch-result-index, .motifs-index-index, .stf-motifs-page) [data-motif-item] > .stf-motif-card:hover,
html.puppy-dark body:is(.catalogsearch-result-index, .motifs-index-index, .stf-motifs-page) [data-motif-item] > .stf-motif-card:focus-visible,
html.puppy-dark body:is(.catalogsearch-result-index, .motifs-index-index, .stf-motifs-page) [data-motif-item] > a:not(.stf-motif-card):hover > div,
html.puppy-dark body:is(.catalogsearch-result-index, .motifs-index-index, .stf-motifs-page) [data-motif-item] > a:not(.stf-motif-card):focus-visible > div {
    border-color: var(--puppy-dark-accent) !important;
    background: var(--puppy-dark-surface-soft) !important;
    box-shadow: 0 0 0 3px var(--puppy-dark-accent-soft), 0 18px 34px rgba(2, 8, 9, 0.22) !important;
}

html.puppy-dark body.catalogsearch-result-index .stf-motif-category-card__name {
    color: var(--puppy-dark-text) !important;
}

html.puppy-dark body.catalogsearch-result-index .stf-motif-categories-section {
    border-color: var(--puppy-dark-border-soft);
}

html.puppy-dark body.catalogsearch-result-index .toolbar-products.stf-search-toolbar :where(
    select,
    .sorter-action
) {
    color: var(--puppy-dark-text) !important;
    border-color: var(--puppy-dark-border) !important;
    background: var(--puppy-dark-surface) !important;
    box-shadow: none !important;
}

html.puppy-dark body.catalogsearch-result-index .toolbar-products.stf-search-toolbar .sorter-action:hover,
html.puppy-dark body.catalogsearch-result-index .toolbar-products.stf-search-toolbar .sorter-action:focus-visible {
    color: var(--puppy-dark-accent) !important;
    border-color: var(--puppy-dark-accent) !important;
    background: var(--puppy-dark-surface-raised) !important;
    box-shadow: 0 0 0 3px var(--puppy-dark-accent-soft) !important;
}

html.puppy-dark body.catalogsearch-result-index .toolbar-products.stf-search-toolbar--bottom .stf-search-results-meta-strip {
    color: var(--puppy-dark-text-muted);
    border-color: var(--puppy-dark-border-soft);
    background: linear-gradient(180deg, var(--puppy-dark-surface-raised), var(--puppy-dark-surface)) !important;
    box-shadow: 0 12px 28px rgba(2, 8, 9, 0.16);
}

html.puppy-dark body.catalogsearch-result-index .toolbar-products.stf-search-toolbar--bottom :where(
    .stf-search-results-meta-strip__left,
    .stf-search-results-meta-strip__right,
    .field.limiter .label
) {
    color: var(--puppy-dark-text-muted) !important;
}

html.puppy-dark body.catalogsearch-result-index .pages .item :where(a, strong),
html.puppy-dark body.catalogsearch-result-index .toolbar-products.stf-search-toolbar--bottom .pages a {
    color: var(--puppy-dark-text-muted) !important;
    border-color: var(--puppy-dark-border) !important;
    background: var(--puppy-dark-surface) !important;
}

html.puppy-dark body.catalogsearch-result-index .pages .item a:hover,
html.puppy-dark body.catalogsearch-result-index .pages .item strong,
html.puppy-dark body.catalogsearch-result-index .toolbar-products.stf-search-toolbar--bottom .pages a:hover,
html.puppy-dark body.catalogsearch-result-index .toolbar-products.stf-search-toolbar--bottom .pages a[aria-current="page"] {
    color: var(--puppy-dark-accent) !important;
    border-color: var(--puppy-dark-accent) !important;
    background: var(--puppy-dark-surface-raised) !important;
}

html.puppy-dark body.catalogsearch-result-index .columns .column.main > .message.notice > div,
html.puppy-dark body.catalogsearch-result-index .stf-motif-message {
    color: var(--puppy-dark-text) !important;
    border-color: var(--puppy-dark-accent-deep) !important;
    background: linear-gradient(135deg, var(--puppy-dark-surface-raised), var(--puppy-dark-bg-soft)) !important;
    box-shadow: 0 14px 30px rgba(2, 8, 9, 0.18) !important;
}