/**
 * FiboSearch Styling - Match V2 Search Bar
 * Migrated from Perfmatters snippets #5 and #10
 *
 * Contains:
 * - Search form visibility controls
 * - Input field styling (Josefin Sans font, 16px)
 * - Back arrow, X clear button, search submit button
 * - Suggestions dropdown styling
 * - Two-column grid layout for search results
 * - Mobile duplicate border fixes
 * - Product/post alignment
 * - Section heading font sizes
 */

/* ============================================
   HIDE SEARCH FORM BY DEFAULT - AGGRESSIVE
   Only show when input is focused or has content
   ============================================ */

/* Hide everything by default */
.dgwt-wcas-search-wrapp .dgwt-wcas-search-form,
.dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-form,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-sf-wrapp {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Show search form ONLY when search is active AND (focused OR filled OR active) */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-focused .dgwt-wcas-search-form,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-filled .dgwt-wcas-search-form,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-active .dgwt-wcas-search-form {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 129px !important;
    width: 100% !important;
    padding: 0 92px !important;
    background: #fff !important;
    box-sizing: border-box !important;
    z-index: 9999 !important;
}

/* Show wrapper ONLY when search is active AND (focused OR filled OR active) */
/* V2 uses: h-11 (44px), p-3 (12px padding), gap-4 (16px gap), rounded-[6px], border-none */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-active .dgwt-wcas-sf-wrapp {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    align-items: center !important;
    width: 100% !important;
    height: 44px !important;
    max-height: 44px !important;
    min-height: 44px !important;
    padding: 12px !important;
    gap: 16px !important;
    border-radius: 6px !important;
    border: none !important;
    background: #fff !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    box-shadow: none !important;
    position: relative !important;
}

/* Force hide when kn-search-closed class is added by JS */
.dgwt-wcas-search-wrapp.kn-search-closed .dgwt-wcas-search-form,
.dgwt-wcas-search-wrapp.kn-search-closed .dgwt-wcas-sf-wrapp {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ============================================
   SEARCH ICON CLICKABLE DIMENSIONS
   The wrapper has height: 0 by default because the form is hidden.
   We must ensure the icon link has minimum clickable dimensions.
   ============================================ */
/* Ensure the search icon wrapper has minimum clickable dimensions */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon,
.dgwt-wcas-search-wrapp.js-dgwt-wcas-layout-icon {
    min-height: 24px !important;
    min-width: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}

/* Ensure the search icon link is clickable with proper dimensions */
.dgwt-wcas-search-wrapp .dgwt-wcas-search-icon,
.dgwt-wcas-search-icon {
    display: block !important;
    min-width: 24px !important;
    min-height: 24px !important;
    width: 24px !important;
    height: 24px !important;
    position: relative !important;
    z-index: 9995 !important;
    cursor: pointer !important;
}

/* The SVG magnifier handler inside icon should be visible */
.dgwt-wcas-search-wrapp .dgwt-wcas-ico-magnifier-handler {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
}

/* ============================================
   HEADER SEARCH ICON REPLACEMENT (Figma SVG)
   Applies to the trigger icon in header
   ============================================ */
/* Hide default magnifier icon in header trigger */
.dgwt-wcas-search-wrapp .dgwt-wcas-search-icon .dgwt-wcas-ico-magnifier,
.dgwt-wcas-search-wrapp .dgwt-wcas-search-icon > svg {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Add custom Figma search icon to header trigger */
.dgwt-wcas-search-wrapp .dgwt-wcas-search-icon::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M23.3031 22.2355L18.0906 17.0275C19.8171 15.0283 20.7093 12.442 20.5826 9.80355C20.4559 7.16506 19.3202 4.67615 17.4101 2.85149C15.5001 1.02683 12.962 0.00597383 10.3204 2.61351e-05C7.6789 -0.00592156 5.13614 1.0035 3.2179 2.81954C1.29967 4.63558 0.152704 7.11935 0.0141804 9.75723C-0.124343 12.3952 0.756172 14.9854 2.47365 16.9923C4.19112 18.9992 6.61419 20.2695 9.24179 20.5402C11.8694 20.8109 14.5006 20.0616 16.5912 18.447L21.8402 23.696C21.9359 23.7923 22.0496 23.8688 22.1751 23.921C22.3004 23.9732 22.4348 24 22.5705 24C22.7063 24 22.8407 23.9732 22.966 23.921C23.0913 23.8688 23.2052 23.7923 23.3009 23.696C23.494 23.5022 23.6026 23.2398 23.6031 22.9662C23.6036 22.6925 23.4957 22.4299 23.3031 22.2355ZM2.07879 10.3064C2.07607 8.67811 2.55648 7.08557 3.45921 5.73039C4.36194 4.37519 5.64641 3.31825 7.15006 2.69333C8.6537 2.06842 10.3089 1.90365 11.9063 2.21982C13.5037 2.536 14.9713 3.31893 16.1235 4.46954C17.2757 5.62014 18.0606 7.0867 18.379 8.6836C18.6975 10.2805 18.5349 11.9359 17.9121 13.4405C17.2893 14.945 16.2341 16.2309 14.8802 17.1355C13.5263 18.0402 11.9344 18.5228 10.3061 18.5223C8.12713 18.5187 6.03832 17.6523 4.49651 16.1127C2.95471 14.573 2.08541 12.4853 2.07879 10.3064Z' fill='%232D2D2D'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    pointer-events: none !important;
}

/* Ensure ALL search form elements are properly layered */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-form,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-sf-wrapp,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-input,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-close,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-submit {
    z-index: 9999 !important;
}

/* Suggestions wrapper */
.dgwt-wcas-suggestions-wrapp {
    z-index: 9998 !important;
}

/* Remove all focus/shadow effects on input */
.dgwt-wcas-search-wrapp .dgwt-wcas-search-input,
.dgwt-wcas-search-wrapp .dgwt-wcas-search-input:focus,
.dgwt-wcas-search-wrapp .dgwt-wcas-search-input:active,
.dgwt-wcas-search-wrapp .dgwt-wcas-search-input:focus-visible,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-input,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-input:focus,
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-input:active {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

/* Close/Back arrow button using ::before pseudo-element */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-sf-wrapp::before {
    content: '';
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 5L9 12L16 19' stroke='%232D2D2D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
    order: -1;
}

/* Search input field - V2 uses text-sm (14px), font-light (300), font-secondary (Josefin Sans) */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-input {
    flex: 1 !important;
    height: auto !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #000 !important;
    box-sizing: border-box !important;
    order: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    position: relative !important;
    z-index: 9999 !important;
}

.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-input::placeholder {
    color: #939395 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* ============================================
   X CLEAR BUTTON - CRITICAL FIX
   ============================================ */

/* Hide close button by default */
.dgwt-wcas-search-wrapp .dgwt-wcas-preloader,
.dgwt-wcas-search-wrapp .dgwt-wcas-close {
    display: none !important;
}

/* Show X clear button ONLY when search has text (dgwt-wcas-search-filled class) */
/* V2 uses: pr-4 (padding-right: 16px) on X button */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-filled .dgwt-wcas-close {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    padding: 0 16px 0 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    order: 1 !important;
    opacity: 1 !important;
    z-index: 10 !important;
    overflow: visible !important;
    box-sizing: content-box !important;
}

/* Hide the default FiboSearch X SVG */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-filled .dgwt-wcas-close svg {
    display: none !important;
}

/* Use V2's X icon with circle border via ::after pseudo-element */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-filled .dgwt-wcas-close::after {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z' stroke='%232D2D2D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.17188 14.8299L14.8319 9.16992' stroke='%232D2D2D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.8319 14.8299L9.17188 9.16992' stroke='%232D2D2D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* ============================================
   DIVIDER BETWEEN X CLEAR BUTTON AND SEARCH ICON
   ============================================ */
.dgwt-wcas-search-wrapp .kn-search-divider {
    width: 1px !important;
    height: 24px !important;
    background: #d1d5db !important;
    flex-shrink: 0 !important;
    order: 2 !important;
    margin: 0 -16px !important;
    display: none !important;
}

/* Show divider only when X clear button is visible (search has text) */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-filled .kn-search-divider {
    display: block !important;
}

/* Submit button container - V2 uses pl-4 (padding-left: 16px) */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-submit {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    padding: 0 0 0 16px !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    flex-shrink: 0;
    order: 3 !important;
    overflow: visible !important;
    box-sizing: content-box !important;
}

/* Hide default FiboSearch SVG icon */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-submit svg {
    display: none !important;
}

/* ============================================
   SEARCH ICON REPLACEMENT - HIGH SPECIFICITY
   Hide default FiboSearch icons and show custom Vector.svg
   ============================================ */

/* AGGRESSIVELY hide ALL default FiboSearch icons */
body .dgwt-wcas-search-wrapp .dgwt-wcas-ico-magnifier,
html .dgwt-wcas-search-wrapp .dgwt-wcas-ico-magnifier,
.dgwt-wcas-ico-magnifier,
body .dgwt-wcas-search-icon .dgwt-wcas-ico-magnifier,
body .dgwt-wcas-search-submit .dgwt-wcas-ico-magnifier,
body .dgwt-wcas-sf-wrapp .dgwt-wcas-ico-magnifier {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}

/* HIDE the search icon arrow completely - prevents icon duplication */
body .dgwt-wcas-search-icon-arrow,
html .dgwt-wcas-search-icon-arrow,
.dgwt-wcas-search-icon-arrow,
body .dgwt-wcas-search-wrapp .dgwt-wcas-search-icon-arrow {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* Show custom Vector.svg icon on the search SUBMIT button (not icon-arrow) */
/* Using data-uri to ensure icon displays correctly in all environments */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-submit::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M23.3031 22.2355L18.0906 17.0275C19.8171 15.0283 20.7093 12.442 20.5826 9.80355C20.4559 7.16506 19.3202 4.67615 17.4101 2.85149C15.5001 1.02683 12.962 0.00597383 10.3204 2.61351e-05C7.6789 -0.00592156 5.13614 1.0035 3.2179 2.81954C1.29967 4.63558 0.152704 7.11935 0.0141804 9.75723C-0.124343 12.3952 0.756172 14.9854 2.47365 16.9923C4.19112 18.9992 6.61419 20.2695 9.24179 20.5402C11.8694 20.8109 14.5006 20.0616 16.5912 18.447L21.8402 23.696C21.9359 23.7923 22.0496 23.8688 22.1751 23.921C22.3004 23.9732 22.4348 24 22.5705 24C22.7063 24 22.8407 23.9732 22.966 23.921C23.0913 23.8688 23.2052 23.7923 23.3009 23.696C23.494 23.5022 23.6026 23.2398 23.6031 22.9662C23.6036 22.6925 23.4957 22.4299 23.3031 22.2355ZM2.07879 10.3064C2.07607 8.67811 2.55648 7.08557 3.45921 5.73039C4.36194 4.37519 5.64641 3.31825 7.15006 2.69333C8.6537 2.06842 10.3089 1.90365 11.9063 2.21982C13.5037 2.536 14.9713 3.31893 16.1235 4.46954C17.2757 5.62014 18.0606 7.0867 18.379 8.6836C18.6975 10.2805 18.5349 11.9359 17.9121 13.4405C17.2893 14.945 16.2341 16.2309 14.8802 17.1355C13.5263 18.0402 11.9344 18.5228 10.3061 18.5223C8.12713 18.5187 6.03832 17.6523 4.49651 16.1127C2.95471 14.573 2.08541 12.4853 2.07879 10.3064Z' fill='%232D2D2D'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    pointer-events: none !important;
}

/* Ensure inner wrapper doesn't add extra height */
.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-wrapp-inner {
    height: 100% !important;
    max-height: 44px !important;
    background: #fff !important;
}

/* ============================================
   SEARCH RESULTS DROPDOWN - V2 PIXEL-PERFECT MATCH
   ============================================ */

/* FORCE HIDE suggestions when display:none is set inline */
.dgwt-wcas-suggestions-wrapp[style*="display: none"],
.dgwt-wcas-suggestions-wrapp[style*="display:none"] {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    overflow: hidden !important;
}

/* Main suggestions wrapper - full width below search bar */
.dgwt-wcas-suggestions-wrapp.dgwt-wcas-suggestions-wrapp-fixed,
body > .dgwt-wcas-suggestions-wrapp,
.dgwt-wcas-layout-icon-open ~ .dgwt-wcas-suggestions-wrapp {
    position: fixed !important;
    top: 173px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 24px 32px !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.12) !important;
    background: #fff !important;
    z-index: 9998 !important;
    transform: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
}

/* ============================================
   TWO-COLUMN LAYOUT: Left (Categories+Posts) | Right (Products)
   DESKTOP ONLY (>1024px) - Mobile shows single-column stacked
   ============================================ */

/* Main wrapper uses CSS Grid for proper 2-column layout */
/* V2 uses: grid-cols-[332px_auto] gap-4 (16px) */
/* Header search dropdown ONLY - NOT search results page */
@media (min-width: 1025px) {
    .dgwt-wcas-suggestions-wrapp {
        display: grid !important;
        grid-template-columns: 332px 1fr !important;
        grid-template-rows: auto !important;
        gap: 16px !important;
    }
}

/* LEFT COLUMN: Contains both Categories AND Posts stacked vertically */
/* Figma: left column padding 16px 24px */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-categories,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-blog {
    grid-column: 1 !important;
    width: 332px !important;
    min-width: 332px !important;
    max-width: 332px !important;
    padding: 16px 24px !important;
}

/* Categories in first row of left column */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-categories {
    grid-row: 1 !important;
    margin-bottom: 0 !important;
}

/* Posts/Blog in second row of left column (when categories exist) */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-blog {
    grid-row: 2 !important;
}

/* When NO categories exist, move Posts to row 1 (no gap) */
.dgwt-wcas-suggestions-wrapp:not(:has(.dgwt-wcas-section-categories)) .dgwt-wcas-section-blog {
    grid-row: 1 !important;
}

/* When NO categories exist, Products only spans 1 row */
.dgwt-wcas-suggestions-wrapp:not(:has(.dgwt-wcas-section-categories)) .dgwt-wcas-section-products {
    grid-row: 1 !important;
}

/* When NO posts exist, Products only spans 1 row */
.dgwt-wcas-suggestions-wrapp:not(:has(.dgwt-wcas-section-blog)) .dgwt-wcas-section-products {
    grid-row: 1 !important;
}

/* When NEITHER categories NOR posts exist, Products takes full width */
.dgwt-wcas-suggestions-wrapp:not(:has(.dgwt-wcas-section-categories)):not(:has(.dgwt-wcas-section-blog)) {
    grid-template-columns: 1fr !important;
}

.dgwt-wcas-suggestions-wrapp:not(:has(.dgwt-wcas-section-categories)):not(:has(.dgwt-wcas-section-blog)) .dgwt-wcas-section-products {
    grid-column: 1 !important;
    padding-left: 0 !important;
    border-left: none !important;
}

/* RIGHT COLUMN: Products section - spans all rows */
/* Figma: padding 16px 24px 40px */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-products {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    min-width: 0 !important;
    padding: 16px 24px 40px !important;
    border-left: 1px solid #e5e7eb !important;
}

/* ============================================
   SECTION HEADERS - Match V2 styling
   ============================================ */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-header {
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: none !important;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-title,
.dgwt-wcas-suggestions-wrapp h3.dgwt-wcas-section-title {
    font-family: 'Cardo', serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2D2D2D !important;
    line-height: 1.71em !important;
    margin: 0 !important;
    padding: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* ============================================
   CATEGORY LINKS - V2 style
   ============================================ */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-categories .dgwt-wcas-section-content,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-layout-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-tax,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-cat {
    display: flex !important;
    align-items: center !important;
    padding: 6px 0px !important;
    margin: 0 !important;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #888888 !important;
    line-height: 20px !important;
    text-decoration: none !important;
    background: transparent !important;
    border-radius: 4px !important;
    transition: background-color 0.15s ease !important;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-tax:hover,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-cat:hover {
    background: #f5f5f5 !important;
}

/* Category breadcrumbs */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-st-breadcrumbs {
    display: none !important;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-st {
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 14px !important;
    color: #2D2D2D !important;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-st strong {
    font-weight: 400 !important;
}

/* ============================================
   BLOG/POST LINKS - Figma style
   ============================================ */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-pt,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-pt-post {
    display: block !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #888888 !important;
    line-height: 20px !important;
    text-decoration: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-pt:hover {
    text-decoration: underline !important;
}

/* ============================================
   PRODUCTS GRID - Figma style (4 columns)
   ============================================ */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-products .dgwt-wcas-section-content,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-layout-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
    padding: 0 !important;
}

/* Individual product card - V2 style with left-aligned content, NO BORDERS */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 8px !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease !important;
    width: auto !important;
    min-width: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product:hover {
    background: transparent !important;
}

/* Product image container */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-si {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

/* Product image - NO gray background */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product img {
    width: 100% !important;
    height: 100% !important;
    max-width: 147px !important;
    max-height: 147px !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* Product details container */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-sd {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    gap: 4px !important;
}

/* Product title - Figma: Cardo 400, 16px, line-height 1.5em, color #2D2D2D */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-st {
    font-family: 'Cardo', serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #2D2D2D !important;
    line-height: 1.5em !important;
    text-align: left !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: 48px !important;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-st strong {
    font-weight: 400 !important;
}

/* Product price container - Figma style */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-sp {
    text-align: left !important;
    margin-top: 2px !important;
}

/* Sale price - Figma: Josefin Sans 400, 16px, color #2D2D2D */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-sp ins,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-sp ins .woocommerce-Price-amount {
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #2D2D2D !important;
    line-height: 1.2em !important;
    text-decoration: none !important;
}

/* Regular price (strikethrough) - Figma: Josefin Sans 300, 14px, color #939395 */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-sp del,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-sp del .woocommerce-Price-amount {
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: #939395 !important;
    line-height: 1.2em !important;
    text-decoration: line-through !important;
}

/* Single price (no sale) - Figma: Josefin Sans 400, 16px, color #2D2D2D */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-sp .woocommerce-Price-amount {
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #2D2D2D !important;
    line-height: 1.2em !important;
}

/* Hide SKU and other meta in products */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-sku,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-product-desc {
    display: none !important;
}

/* ============================================
   "SEE ALL PRODUCTS" LINK - V2 style (Cardo 16px)
   ============================================ */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-more,
.dgwt-wcas-suggestions-wrapp a[href*="post_type=product"] {
    display: block !important;
    grid-column: 1 / -1 !important;
    padding: 16px 0 0 !important;
    margin-top: 12px !important;
    font-family: 'Josefin Sans', serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #040711 !important;
    text-decoration: none !important;
    text-align: left !important;
    border-top: 1px solid #e5e7eb !important;
    background: transparent !important;
}

.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-more:hover,
.dgwt-wcas-suggestions-wrapp a[href*="post_type=product"]:hover {
    text-decoration: underline !important;
    background: transparent !important;
}

/* Hide the arrow in "View All" link */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-more .dgwt-wcas-st::after {
    display: none !important;
}

/* SEE ALL link - Figma-matched base styles (a.class for specificity over a[href] selector) */
.dgwt-wcas-suggestions-wrapp a.dgwt-wcas-view-all {
    border-top: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 2em !important;
    letter-spacing: 0.14px !important;
    text-transform: uppercase !important;
    color: #2D2D2D !important;
}

/* Chevron-right arrow in See All link */
.dgwt-wcas-view-all .dgwt-wcas-view-all-arrow {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* ============================================
   NO RESULTS MESSAGE
   ============================================ */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-no-results {
    padding: 24px !important;
    font-family: 'Josefin Sans', sans-serif !important;
    font-size: 14px !important;
    color: #666 !important;
    text-align: center !important;
    background: #fff !important;
    width: 100% !important;
}

/* ============================================
   HIDE DEFAULT FIBOSEARCH ELEMENTS
   ============================================ */
/* Hide default headline styling */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline {
    display: none !important;
}

/* Hide suggestion separators */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-sd-separator {
    display: none !important;
}

.dgwt-wcas-close {
    right: 0px !important;
}

.dgwt-wcas-search-form {
    min-height: 50px !important;
}

.dgwt-wcas-section-content .woocommerce-Price-amount {
    font-family: 'Josefin Sans' !important;
}

.dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before {
    display: none !important;
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */
@media (max-width: 1280px) {
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-products .dgwt-wcas-section-content,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-layout-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    /* Tablet (768px-1024px): 2-column layout - Categories/Blog on left, Products on right */
    /* No scrolling - everything fits in viewport */
    .dgwt-wcas-suggestions-wrapp,
    .dgwt-wcas-suggestions-wrapp.dgwt-wcas-suggestions-wrapp-fixed {
        display: grid !important;
        grid-template-columns: 240px 1fr !important;
        grid-template-rows: auto !important;
        gap: 0 !important;
        padding: 0 !important;
        width: calc(100% - 32px) !important;
        max-width: calc(100vw - 32px) !important;
        left: 16px !important;
        right: 16px !important;
        position: fixed !important;
        top: 56px !important;
        bottom: auto !important;
        max-height: none !important;
        height: auto !important;
        overflow: visible !important;
        background: #fff !important;
        z-index: 999999999 !important;
        border-radius: 0 0 8px 8px !important;
        box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.12) !important;
    }

    /* Left column - Categories */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-categories {
        grid-column: 1 !important;
        grid-row: 1 !important;
        padding: 16px 24px !important;
        border-bottom: none !important;
        border-right: none !important;
        max-width: 240px !important;
        width: 240px !important;
        min-width: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Left column - Blog (formerly Posts) */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-blog {
        grid-column: 1 !important;
        grid-row: 2 !important;
        padding: 16px 24px !important;
        max-width: 240px !important;
        width: 240px !important;
        min-width: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        position: relative !important;
    }

    /* Top border above Blog - constrained to left column width */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-blog::before {
        content: '' !important;
        position: absolute !important;
        top: 0 !important;
        left: 24px !important;
        right: 24px !important;
        height: 1px !important;
        background-color: #DDDDDD !important;
    }

    /* Section content wrapper - subtract padding (240px - 48px padding) */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-categories .dgwt-wcas-section-content,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-blog .dgwt-wcas-section-content {
        max-width: calc(240px - 48px) !important;
        width: calc(240px - 48px) !important;
        overflow: hidden !important;
    }

    /* All links in left column - WRAP text within bounds */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-categories a,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-blog a {
        max-width: calc(240px - 48px) !important;
        width: calc(240px - 48px) !important;
        display: block !important;
        overflow: hidden !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
    }

    /* Inner text spans */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-categories a *,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-blog a * {
        max-width: 100% !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* Right column - Products - NO SCROLLING */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-products {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        padding: 16px 24px 40px !important;
        border-left: 1px solid #DDDDDD !important;
        overflow: visible !important;
        border-radius: 0 0 8px 0 !important;
    }

    /* Products grid - 3 columns for tablet (Figma) - limit to 3 visible */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-products .dgwt-wcas-section-content,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-layout-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px !important;
        overflow: hidden !important;
    }

    /* Hide products beyond first 3 on tablet */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-products .dgwt-wcas-suggestion-product:nth-child(n+4) {
        display: none !important;
    }

    /* Section headers - Figma style */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-header {
        margin-bottom: 12px !important;
    }

    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-title {
        font-family: 'Cardo', serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        color: #2D2D2D !important;
        margin: 0 !important;
        padding-bottom: 10px !important;
        border-bottom: none !important;
    }

    /* Product card - Figma style */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 0 !important;
        background: transparent !important;
        text-decoration: none !important;
    }

    /* Product image container - minimal spacing */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-si {
        width: 100% !important;
        margin-bottom: 8px !important;
        display: block !important;
    }

    /* Product image - Figma style square aspect ratio, full width */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-si img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: contain !important;
        background: transparent !important;
    }

    /* Product title - Figma: Cardo 400, 16px, #2D2D2D */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-st {
        font-family: 'Cardo', serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.5em !important;
        color: #2D2D2D !important;
        text-align: left !important;
        display: block !important;
        margin-bottom: 6px !important;
    }

    /* Product price - Figma style */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-sp {
        font-family: 'Josefin Sans', sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #2D2D2D !important;
        text-align: left !important;
        display: block !important;
        line-height: 1.2em !important;
    }

    /* Category/Blog items - Figma style */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-layout-list a {
        display: block !important;
        font-family: 'Josefin Sans', sans-serif !important;
        font-size: 14px !important;
        color: #888888 !important;
        padding: 8px 0 !important;
        text-decoration: none !important;
        line-height: 1.4 !important;
    }

    /* Hide breadcrumbs in category items - V2 doesn't show them */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-st-breadcrumbs {
        display: none !important;
    }

    /* View all link - V2 style */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-more {
        font-family: 'Josefin Sans', sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: #040711 !important;
        margin-top: 16px !important;
        display: block !important;
        text-decoration: none !important;
        padding-top: 12px !important;
        border-top: 1px solid #e5e7eb !important;
    }

    /* Strong/highlight text in search results */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-st strong {
        font-weight: 600 !important;
        color: #040711 !important;
    }
}

@media (max-width: 767px) {
    /* MOBILE (below 768px): Single column layout */
    .dgwt-wcas-suggestions-wrapp,
    .dgwt-wcas-suggestions-wrapp.dgwt-wcas-suggestions-wrapp-fixed {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Categories first - order 1 */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-categories {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 16px 20px !important;
        box-sizing: border-box !important;
        border-top: none !important;
    }

    /* Products second - order 2 */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-products {
        order: 2 !important;
        width: 100% !important;
        padding: 16px 20px 0 !important;
        border-left: none !important;
        border-top: 1px solid #DDDDDD !important;
    }

    /* Blog section - shown after Products on mobile */
    .dgwt-wcas-suggestions-wrapp > .dgwt-wcas-section-blog {
        order: 3 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 16px 20px !important;
        box-sizing: border-box !important;
        position: relative !important;
        border-top: 1px solid #DDDDDD !important;
    }

    /* Remove ::before pseudo element on mobile */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-blog::before {
        display: none !important;
    }

    /* Blog posts - SINGLE COLUMN layout on mobile */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-blog .dgwt-wcas-section-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    /* Blog post links - single column, no grid */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-blog a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px 0 !important;
        overflow: hidden !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        border: none !important;
    }

    /* Section content wrapper - full width */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-categories .dgwt-wcas-section-content {
        max-width: 100% !important;
        width: 100% !important;
        overflow: hidden !important;
    }

    /* Category links - full width */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-categories a {
        max-width: 100% !important;
        width: 100% !important;
        display: block !important;
        overflow: hidden !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
    }

    /* Inner text spans */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-categories a *,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-blog a * {
        max-width: 100% !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* Products grid - 2 columns for mobile */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-products > .dgwt-wcas-section-content,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-products .dgwt-wcas-layout-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px !important;
        width: 100% !important;
        align-items: start !important;
    }

    /* Reduce product card bottom padding so price sits closer to SEE ALL link */
    .dgwt-wcas-section-products .dgwt-wcas-suggestion-product .dgwt-wcas-content-wrapp {
        padding-bottom: 0 !important;
    }

    /* Product images - V2 style: full width, responsive */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: contain !important;
    }

    /* Product card - Figma style */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product {
        padding: 0 !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    /* Product image container - minimal spacing */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-si {
        width: 100% !important;
        margin-bottom: 8px !important;
    }

    /* Product title - Figma: Cardo 400, 16px, #2D2D2D */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-st {
        font-family: 'Cardo', serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.5em !important;
        color: #2D2D2D !important;
        text-align: left !important;
    }

    /* Product price - Figma: Josefin Sans 400, 16px, #2D2D2D */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-sp,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .woocommerce-Price-amount {
        font-family: 'Josefin Sans', sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.2em !important;
        color: #2D2D2D !important;
        text-align: left !important;
    }

    /* Section headers - Figma style - NO border bottom */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-header {
        border-bottom: none !important;
        padding-bottom: 10px !important;
        margin-bottom: 0 !important;
    }

    .dgwt-wcas-suggestions-wrapp h3,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-title {
        font-family: 'Cardo', serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-transform: none !important;
        letter-spacing: normal !important;
        color: #2D2D2D !important;
        margin: 0 !important;
        border-bottom: none !important;
    }

    /* See All Products link - no border per Figma design */
    .dgwt-wcas-section-products .dgwt-wcas-suggestion-more,
    .dgwt-wcas-section-products > a[href*="post_type=product"],
    .dgwt-wcas-section-products .dgwt-wcas-view-all {
        margin-top: 0 !important;
        margin-bottom: -4px !important;
        padding: 8px 0 8px 12px !important;
        border-top: none !important;
        border-radius: 2px !important;
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        font-family: 'Josefin Sans', sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 2em !important;
        letter-spacing: 0.14px !important;
        text-transform: uppercase !important;
        color: #2D2D2D !important;
        text-decoration: none !important;
    }

    /* Remove duplicate borders from Blog section headers */
    .dgwt-wcas-section-blog h3 {
        border: none !important;
        padding-bottom: 8px !important;
        margin-bottom: 0 !important;
    }

    /* Mobile border fixes from snippet #10 */
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-products,
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog {
        border-top: 1px solid #DDDDDD !important;
    }

    .dgwt-wcas-suggestion-section.dgwt-wcas-section-categories {
        border-bottom: none !important;
    }
}

/* ============================================
   MOBILE/TABLET SPECIFIC STYLES (max-width: 1024px)
   Match V2 mobile search styling
   ============================================ */
@media (max-width: 1024px) {
    /* HIDE ALL HEADER ELEMENTS WHEN SEARCH IS OPEN - Match V2 behavior */
    body:has(.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-focused) #header [data-row="top"],
    body:has(.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-filled) #header [data-row="top"],
    body:has(.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-active) #header [data-row="top"],
    body.dgwt-wcas-focused #header [data-row="top"],
    body:has(.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-focused) #header [data-row="middle"],
    body:has(.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-filled) #header [data-row="middle"],
    body:has(.dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-active) #header [data-row="middle"],
    body.dgwt-wcas-focused #header [data-row="middle"] {
        display: none !important;
    }

    /* HIDE FiboSearch default mobile overlay/backdrop - use our custom overlay instead */
    body.dgwt-wcas-overlay-mobile-on .dgwt-wcas-overlay-mobile,
    body.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar,
    .dgwt-wcas-overlay-mobile,
    .dgwt-wcas-om-bar {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Remove any body padding/margin FiboSearch adds */
    body.dgwt-wcas-overlay-mobile-on,
    body.dgwt-wcas-focused {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* When search is open, reposition main content to start right below search bar (60px) */
    body.dgwt-wcas-overlay-mobile-on #main,
    body.dgwt-wcas-focused #main,
    body.dgwt-wcas-overlay-mobile-on main,
    body.dgwt-wcas-focused main {
        margin-top: 60px !important;
        padding-top: 0 !important;
    }

    /* Also target the article/content wrapper */
    body.dgwt-wcas-overlay-mobile-on article,
    body.dgwt-wcas-focused article {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Ensure header doesn't take space when search is open */
    body.dgwt-wcas-overlay-mobile-on #header,
    body.dgwt-wcas-focused #header,
    body.dgwt-wcas-overlay-mobile-on header,
    body.dgwt-wcas-focused header {
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Fix search wrapper width and height on mobile when search is open */
    body.dgwt-wcas-focused .dgwt-wcas-search-wrapp {
        width: 100vw !important;
        max-width: 100vw !important;
        height: auto !important;
        min-height: 60px !important;
        overflow: visible !important;
    }

    /* Search form container - positioned at the very top */
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-focused .dgwt-wcas-search-form,
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-filled .dgwt-wcas-search-form,
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-active .dgwt-wcas-search-form,
    body.dgwt-wcas-focused .dgwt-wcas-search-wrapp .dgwt-wcas-search-form {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 8px 16px !important;
        background: #fff !important;
        z-index: 99999 !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
        box-sizing: border-box !important;
        height: auto !important;
        min-height: 60px !important;
    }

    /* Search wrapper - with bottom border */
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp,
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp,
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-active .dgwt-wcas-sf-wrapp,
    body.dgwt-wcas-focused .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 8px 12px !important;
        gap: 12px !important;
        border-radius: 0 !important;
        border: none !important;
        border-bottom: 1px solid #e5e7eb !important;
        background: transparent !important;
        width: 100% !important;
        box-sizing: border-box !important;
        align-items: center !important;
    }

    /* SHOW back arrow on mobile/tablet - keep it visible */
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-sf-wrapp::before,
    body.dgwt-wcas-focused .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp::before {
        display: block !important;
        content: '';
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M16 5L9 12L16 19' stroke='%232D2D2D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        cursor: pointer;
        order: -1;
    }

    /* Search input - mobile style */
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-input,
    body.dgwt-wcas-focused .dgwt-wcas-search-wrapp .dgwt-wcas-search-input {
        font-size: 16px !important;
        padding: 0 !important;
        flex: 1 !important;
        width: auto !important;
        height: 40px !important;
        min-height: 40px !important;
        border: none !important;
        outline: none !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    /* Search submit button on mobile */
    body.dgwt-wcas-focused .dgwt-wcas-search-wrapp .dgwt-wcas-search-submit {
        width: 24px !important;
        height: 24px !important;
        flex-shrink: 0 !important;
    }

    /* Search suggestions dropdown - positioned below search form */
    .dgwt-wcas-suggestions-wrapp.dgwt-wcas-suggestions-wrapp-fixed,
    body > .dgwt-wcas-suggestions-wrapp {
        position: fixed !important;
        top: 60px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 16px !important;
        padding-bottom: 80px !important;
        border-radius: 0 !important;
        border: none !important;
        border-top: 1px solid #e5e7eb !important;
        box-shadow: none !important;
        background: #fff !important;
        max-height: calc(100vh - 60px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Section headers on mobile */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-header {
        margin-bottom: 8px !important;
        padding-bottom: 8px !important;
    }

    /* Product cards on mobile - V2 style */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product {
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        background: transparent !important;
    }

    /* Product image container on mobile */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-si {
        width: 100% !important;
        margin-bottom: 8px !important;
    }

    /* Product images on mobile - V2 style: full width */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: contain !important;
    }

    /* Product title on mobile - V2 uses Cardo */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-st {
        font-family: 'Cardo', serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 24px !important;
        color: #040711 !important;
        text-align: left !important;
        max-height: none !important;
    }

    /* Product price on mobile - V2 uses Cardo */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-sp,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .woocommerce-Price-amount {
        font-family: 'Cardo', serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 24px !important;
        color: #040711 !important;
    }

    /* View all link on mobile - V2 style */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-more {
        font-family: 'Josefin Sans', sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        padding: 16px 0 0 !important;
        margin-top: 16px !important;
        border-top: 1px solid #e5e7eb !important;
    }

    /* X clear button positioning on mobile */
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-filled .dgwt-wcas-close {
        padding: 0 12px 0 0 !important;
    }

    /* Divider spacing on mobile */
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-filled .kn-search-divider {
        margin: 0 -12px !important;
    }

    /* Submit button on mobile */
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open .dgwt-wcas-search-submit {
        padding: 0 0 0 12px !important;
    }
}

/* ============================================
   SMALL MOBILE SPECIFIC STYLES (max-width: 480px)
   Single-column stacked layout for phones
   ============================================ */
@media (max-width: 480px) {
    /* Switch to single-column stacked layout for mobile phones */
    .dgwt-wcas-suggestions-wrapp,
    .dgwt-wcas-suggestions-wrapp.dgwt-wcas-suggestions-wrapp-fixed {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        padding: 12px !important;
    }

    /* All sections stack vertically */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-categories,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-blog,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-products {
        grid-column: auto !important;
        grid-row: auto !important;
        padding: 12px 0 !important;
        border-left: none !important;
        border-bottom: none !important;
        border-top: none !important;
    }

    /* Products section - remove bottom padding for SEE ALL spacing */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-products {
        padding-bottom: 0 !important;
    }

    /* Products and Blog get top border (they follow another section) */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-products,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-blog {
        border-top: 1px solid #DDDDDD !important;
    }

    /* Products grid - 2 columns for mobile phones */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-section-products .dgwt-wcas-section-content,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-layout-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    /* Even smaller padding on very small screens */
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-focused .dgwt-wcas-search-form,
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-search-filled .dgwt-wcas-search-form,
    .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon-open.dgwt-wcas-active .dgwt-wcas-search-form {
        padding: 0 12px !important;
    }

    /* Product images - keep full width on small screens (V2 style) */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
    }

    /* Product text - V2 uses Cardo font on all screen sizes */
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-st {
        font-family: 'Cardo', serif !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        text-align: center !important;
    }

    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .dgwt-wcas-sp,
    .dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-product .woocommerce-Price-amount {
        font-family: 'Cardo', serif !important;
        font-size: 14px !important;
        text-align: center !important;
    }
}

/* =====================================================
   FIX DUPLICATE BORDERS IN FIBOSEARCH MOBILE POPUP
   (From Perfmatters snippet #10)
   ===================================================== */

/* Remove bottom border from blog/posts section to prevent
   double line with products section top border */
.dgwt-wcas-suggestion-section.dgwt-wcas-section-blog {
    border-bottom: none !important;
}

/* Remove top border from products section when it follows
   blog section on desktop (blog section handles the divider) */
@media (min-width: 768px) {
    .dgwt-wcas-section-blog + .dgwt-wcas-section-products {
        border-top: none !important;
    }
}

/* Remove redundant bottom borders from all sections
   to prevent double lines */
.dgwt-wcas-suggestion-section {
    border-bottom: none !important;
}



/* =====================================================
   MOBILE-SPECIFIC FIXES (High-DPI / Retina Displays)
   ===================================================== */

@media screen and (max-width: 768px) {
    /* Use hairline borders for mobile to prevent
       thick appearance on Retina displays */
    .dgwt-wcas-suggestion-section + .dgwt-wcas-suggestion-section {
        border-top-width: 0.5px !important;
    }

    /* Fallback for browsers that don't support 0.5px */
    @supports not (border-width: 0.5px) {
        .dgwt-wcas-suggestion-section + .dgwt-wcas-suggestion-section {
            border-top-width: 1px !important;
            border-top-color: rgba(229, 231, 235, 0.7) !important;
        }
    }
}

/* High-DPI display specific adjustments */
@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 768px) and (min-resolution: 192dpi) {
    /* On Retina/high-DPI, use transform scale for
       true hairline borders */
    .dgwt-wcas-suggestion-section + .dgwt-wcas-suggestion-section::before {
        content: none !important;
    }

    /* Ensure consistent single border rendering */
    .dgwt-wcas-suggestion-section + .dgwt-wcas-suggestion-section {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

/* =====================================================
   CENTER PRODUCT TITLES & PRICES ONLY
   ===================================================== */

/* Center product card content wrapper - PRODUCTS ONLY */
.dgwt-wcas-suggestion-section.dgwt-wcas-section-products .dgwt-wcas-suggestion-product {
    text-align: center !important;
}

/* Center the flex container items - PRODUCTS ONLY */
.dgwt-wcas-suggestion-section.dgwt-wcas-section-products a.dgwt-wcas-suggestion-product {
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Center product title (.dgwt-wcas-st) - PRODUCTS ONLY */
.dgwt-wcas-suggestion-section.dgwt-wcas-section-products .dgwt-wcas-st,
.dgwt-wcas-suggestion-section.dgwt-wcas-section-products .dgwt-wcas-suggestion-product .dgwt-wcas-st {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
}

/* Center the content wrapper and all child elements - PRODUCTS ONLY */
.dgwt-wcas-suggestion-section.dgwt-wcas-section-products .dgwt-wcas-content-wrapp,
.dgwt-wcas-suggestion-section.dgwt-wcas-section-products .dgwt-wcas-meta,
.dgwt-wcas-suggestion-section.dgwt-wcas-section-products .dgwt-wcas-sp,
.dgwt-wcas-suggestion-section.dgwt-wcas-section-products .woocommerce-Price-amount {
    text-align: center !important;
    width: 100% !important;
}

/* Center price text specifically - PRODUCTS ONLY */
.dgwt-wcas-suggestion-section.dgwt-wcas-section-products .dgwt-wcas-suggestion-product [class*="price"],
.dgwt-wcas-suggestion-section.dgwt-wcas-section-products .dgwt-wcas-sp-price {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
}

/* Ensure product details container is full width - PRODUCTS ONLY */
.dgwt-wcas-suggestion-section.dgwt-wcas-section-products .dgwt-wcas-pd {
    width: 100% !important;
    text-align: center !important;
}

/* =====================================================
   FORCE LEFT ALIGNMENT FOR POSTS SECTION
   (Prevents inheritance from any centering styles)
   ===================================================== */

/* Posts section container - force left alignment */
.dgwt-wcas-suggestion-section.dgwt-wcas-section-blog {
    text-align: left !important;
}

/* Posts section content container */
.dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-section-content,
.dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-layout-list {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

/* Individual post links - POSTS ONLY */
.dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-suggestion,
.dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-suggestion-pt,
.dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-suggestion-pt-post,
.dgwt-wcas-suggestion-section.dgwt-wcas-section-blog a.dgwt-wcas-suggestion {
    text-align: left !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

/* Post title text - POSTS ONLY */
.dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-st,
.dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-suggestion .dgwt-wcas-st {
    text-align: left !important;
}

/* Post content wrapper - POSTS ONLY */
.dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-content-wrapp {
    text-align: left !important;
    align-items: flex-start !important;
}

/* Mobile-specific Posts left alignment (actual devices) */
@media screen and (max-width: 768px) {
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog,
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-section-content,
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-suggestion,
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-suggestion-pt,
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog a.dgwt-wcas-suggestion,
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-st,
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-content-wrapp {
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }
}

/* High-DPI mobile devices - Posts left alignment */
@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 768px) and (min-resolution: 192dpi) {
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog,
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-section-content,
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-suggestion,
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-suggestion-pt,
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog a.dgwt-wcas-suggestion,
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-st,
    .dgwt-wcas-suggestion-section.dgwt-wcas-section-blog .dgwt-wcas-content-wrapp {
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }
}

/* =====================================================
   INCREASE HEADING FONT SIZE (Posts, Products)
   ===================================================== */

/* Section headings - increase from 14px to 18px */
h3.dgwt-wcas-section-title,
.dgwt-wcas-section-header h3,
.dgwt-wcas-suggestion-section h3 {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 12px !important;
}

/* Mobile specific heading adjustments */
@media screen and (max-width: 768px) {
    h3.dgwt-wcas-section-title,
    .dgwt-wcas-section-header h3,
    .dgwt-wcas-suggestion-section h3 {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }
}

/* =====================================================
   HIDE ARROW/CHEVRON ICONS ON SEARCH RESULTS
   ===================================================== */

/* Global: Hide arrow icons via pseudo-elements */
.dgwt-wcas-suggestion::after,
.dgwt-wcas-suggestion::before,
.dgwt-wcas-suggestion-pt::after,
.dgwt-wcas-suggestion-pt::before,
.dgwt-wcas-suggestion-tax::after,
.dgwt-wcas-suggestion-tax::before,
.dgwt-wcas-section-blog .dgwt-wcas-suggestion::after,
.dgwt-wcas-section-tax .dgwt-wcas-suggestion::after,
.dgwt-wcas-section-categories .dgwt-wcas-suggestion::after,
.dgwt-wcas-section-categories .dgwt-wcas-suggestion-tax::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Hide any SVG or image arrows within suggestions */
.dgwt-wcas-suggestion svg,
.dgwt-wcas-suggestion-pt svg,
.dgwt-wcas-suggestion-tax svg,
.dgwt-wcas-suggestion [class*="arrow"],
.dgwt-wcas-suggestion [class*="icon"],
.dgwt-wcas-suggestion-tax [class*="arrow"],
.dgwt-wcas-suggestion-tax [class*="icon"] {
    display: none !important;
    visibility: hidden !important;
}

/* Hide background-image arrows if used */
.dgwt-wcas-suggestion,
.dgwt-wcas-suggestion-pt,
.dgwt-wcas-suggestion-tax,
.dgwt-wcas-section-categories .dgwt-wcas-suggestion,
.dgwt-wcas-section-blog .dgwt-wcas-suggestion {
    background-image: none !important;
    background: transparent !important;
}

/* MOBILE DEVICES ONLY - More aggressive hiding */
@media screen and (max-width: 768px) {
    /* Target all possible arrow elements on mobile */
    .dgwt-wcas-suggestion::after,
    .dgwt-wcas-suggestion::before,
    .dgwt-wcas-suggestion-tax::after,
    .dgwt-wcas-suggestion-tax::before,
    .dgwt-wcas-suggestion-pt::after,
    .dgwt-wcas-suggestion-pt::before {
        display: none !important;
        content: "" !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        width: 0 !important;
        height: 0 !important;
        clip: rect(0, 0, 0, 0) !important;
        overflow: hidden !important;
    }

    /* Hide any child elements that might be arrows */
    .dgwt-wcas-suggestion > *:last-child:not(.dgwt-wcas-st):not(.dgwt-wcas-content-wrapp),
    .dgwt-wcas-suggestion-tax > *:last-child:not(.dgwt-wcas-st):not(.dgwt-wcas-tax-name) {
        display: none !important;
    }
}

/* HIGH-DPI MOBILE - Extra specificity for Retina/Android */
@media screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
       screen and (max-width: 768px) and (min-resolution: 144dpi),
       screen and (max-width: 768px) and (min-resolution: 1.5dppx) {
    .dgwt-wcas-suggestion::after,
    .dgwt-wcas-suggestion-tax::after,
    .dgwt-wcas-suggestion-pt::after {
        display: none !important;
        content: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        background: none !important;
        border: none !important;
        width: 0 !important;
        height: 0 !important;
    }
}

/* TOUCH DEVICES - Using pointer media query */
@media (pointer: coarse) {
    .dgwt-wcas-suggestion::after,
    .dgwt-wcas-suggestion-tax::after,
    .dgwt-wcas-suggestion-pt::after {
        display: none !important;
        content: none !important;
        visibility: hidden !important;
    }
}