:root {
    --sds-size-depth-0: 0px;
    --sds-size-depth-025: 2px;
    --sds-size-depth-400: 10px;
    --sds-color-black-100: rgba(0, 0, 0, 0.1);
}

.custom-search-widget {
    font-family: 'Rethink Sans', sans-serif !important;
    position: relative;
    
}

.search-bar {
    position: relative;
   /* width: 708px;*/
    border-radius: 8px !important;
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.custom-search-widget .search-input {
    width: 100% !important;
    height: 40px !important;
    padding: 0 90px 0 16px;
    border: 1px solid #DFE4EC !important;
    color: #1D2430 !important;
    line-height: 16px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    border-radius: 8px !important;
}

.search-bar:hover,
.search-bar:focus {
    border-color: #A1A5B7;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 
                0 4px 8px rgba(0, 0, 0, 0.08);
    outline: none;
}

.search-input:hover,
.search-input:focus {
    outline: none;
}

.search-input::placeholder {
    color: #9EA7B5 !important;
    line-height: 16px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.search-button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    padding: 12px;
    background-color: #F5F7FA;
    border-radius: 8px;
    cursor: pointer;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    border: 1px solid #DFE4EC;
}

.search-button:hover,
.search-button:focus
{
    background-color: #F5F7FA;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 
                0 4px 8px rgba(0, 0, 0, 0.08);
}

.header-search-icon, .header-clear-input-icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.header-search-icon {
    background-image: url("../images/header_search_icon.svg");
}

.header-clear-input-icon {
    background-image: url("../images/close_search_input_icon.svg");
}

.clear-input {
    position: absolute;
    top: 50%;
    right: 46px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: none;
    padding: 0;
}

.clear-input:hover {
    background: none !important;
}

.custom-search-widget .dropdown {
    display: none;
    flex-direction: column;
    gap: 16px;
    border: 1px solid #DFE4EC;
    padding: 16px;
    border-radius: 8px;
    background-color: #fff;
    position: absolute;
    top: 48px;
    left: 0;
    width: 708px;
    max-width: 708px;
    z-index: 10;
     box-shadow: 
        0px 4px 4px -4px rgba(12, 12, 13, 0.05), 
        0px 16px 32px -4px rgba(12, 12, 13, 0.1);
}

.recent-searches, .suggested-searches {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.header-recent-searches-heading {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #707B8B;
}

.header-search-divider {
    height: 1px !important;
    max-width: 676px !important;
    background-color: #DFE4EC !important;
    color: #DFE4EC !important;
	margin: 16px 0;
}

.header-search-recent-searches-divider {
    display: none;
    height: 1px !important;
    max-width: 676px !important;
    background-color: #DFE4EC !important;
    color: #DFE4EC !important;
}

.header-recent-searches-badges-block {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}

.header-recent-searches-badges {
    display: flex;
    gap: 8px;
    align-items: center;
}

.header-suggested-searches-badges > * {
    margin-right: 8px;
}

.header-suggested-searches-badges > *:last-child {
    margin-right: 0;
}

.header-suggested-searches-badges a {
    color: #1D2430;
}

.custom-search-widget .badges {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}

.custom-search-widget .badge {
    display: inline-block;
    background-color: #F5F7FA;
    color: #1D2430;
    padding: 4px 8px;
    border-radius: 9999px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 8px;
    cursor: pointer;
}

.badge:hover {
    background-color: #E9EDF3;
}

.custom-search-widget .results-not-found {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #707B8B;
}

.custom-search-widget .clear-btn {
    padding: 3px 6px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #1D2430;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-search-widget .clear-btn:hover {
    background: none;
    color: #1D2430;
}

.custom-search-widget .clear-btn-block:hover {
    border-bottom: 1px solid #1D2430;
}

.custom-search-widget .product {
    display: flex;
    border-radius: 8px;
    border: 1px solid #DFE4EC;
    box-shadow: var(--sds-size-depth-0) var(--sds-size-depth-025) var(--sds-size-depth-400) var(--sds-size-depth-0) var(--sds-color-black-100);
}

.custom-search-widget .product:hover {
    border-color: #707B8B;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 
                0 4px 8px rgba(0, 0, 0, 0.08);
}

.header-search-dropdown-img-block {
    display: flex;
}

.header-search-dropdown-img {
    width: 138px !important;
    height: 104px !important;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
	object-fit:cover;
}

.custom-search-widget .product-details {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 4px;
    padding: 12px 16px;
}

.custom-search-widget .product-location-code {
    display: flex;
    font-size: 14px;
    gap: 16px;
}

.custom-search-widget .search-product-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 16.8px;
    color: #1D2430;
}

.custom-search-widget .search-product-price-block {
    display: flex;
    align-items: center;
    margin-top: 12px;
    gap: 8px;
}

.custom-search-widget .search-product-price {
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
    color: #1D2430;
}

.search-product-price-without-pvm {
    margin-top: 2px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #707B8B;
}

.search-all-results-button {
    background-color: #F5F7FA;
    color: #1D2430;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    border-radius: 8px;
    border: 1px solid #DFE4EC;
    padding: 8px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.search-all-results-button:hover {
    border-color: #707B8B !important;
    background-color: #F5F7FA !important;
    color: #1D2430 !important;
}

.custom-search-widget .loader {
    text-align: center;
    font-size: 14px;
    padding: 10px;
    color: #707B8B;
}

.custom-search-widget .header-search-dropdown-location-code {
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.custom-search-widget .dropdown-location, .custom-search-widget .dropdown-code {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}

.custom-search-widget .dropdown-location {
    color: #1D2430;
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-search-widget .dropdown-code {
    color: #707B8B;
}

.search-all-results-btn-icon {
    width: 16px;
    height: 16px;
    background-image: url("../images/right_arrow_icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
}

.custom-search-widget .product-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.custom-search-widget .product-list-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.custom-search-widget .dropdown-location-icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.custom-search-widget .dropdown-location-icon {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.dropdown-location-icon.flag-LT {
    background-image: url("../images/product_location_flag_icon_lt.svg");
}

.dropdown-location-icon.flag-ES {
    background-image: url("../images/product_location_flag_icon_es.svg");
}

.dropdown-location-icon.flag-NL {
    background-image: url("../images/product_location_flag_icon_nl.svg");
}

.dropdown-location-icon.flag-PL {
    background-image: url("../images/product_location_flag_icon_pl.svg");
}