@media screen and (max-width: 431px) {
	body,
	h1, h2, h3, h4, h5, h6,
	p, a, span, li, input, button, select, textarea,
	.header_main_res #logo h1 a, /* Ensuring title is also covered */
	.btn_orange, .obtn, .btn-topsearch,
	.paging .pages a, .paging .pages span,
	.post-block h3 a, .post-block p,
	.widget-top-ads-today li a,
	.widget-ad-categories li a,
	.widget_tag_cloud a,
	#welcome_widget h1, #welcome_widget h2, #welcome_widget p,
	#searchform input, #searchform select,
	#searchform .selectBox-label,
	ul.tabnavig li a span {
		font-family: 'Roboto Flex', sans-serif !important;
	}

	.header_main_res #logo h1 a {
		font-size: 18px !important; /* Distinct size and important */
		line-height: 1.1em !important; /* Adjust line height if needed */
	}

	.header_main_bg {
		padding: 10px 0 !important; /* Reduce top/bottom padding */
	}

	.header_main_res .adblock {
		margin-top: 5px !important; /* Reduce top margin for adblock */
	}

	/* Modernized Listing Card Styles */
	.post-block-out {
		box-shadow: none !important; /* Remove default subtle shadow */
		border-radius: 12px !important; /* Apply to outer for consistency if needed, or remove if only .post-block is visually the card */
		/* background: transparent !important; */ /* If .post-block is the card, this might not need a background */
	}

	.post-block {
		border-radius: 12px !important;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
		border: none !important; /* Remove any default borders if they exist */
		/* Consider if the default padding is okay, or adjust e.g. padding: 16px !important; */
		position: relative; /* Needed for absolute positioning of the price tag if desired */
	}

	.post-block .post-left img.attachment-ad-medium {
		border-radius: 8px !important; /* Rounded corners for the image */
	}

	/* Modernized Price Tag - HIDE on mobile */
	.post-block .tags.price-wrap {
		display: none !important; /* Hide the price tag on smaller screens */
	}

	/* Commenting out previous price tag styling as it's now hidden */
	/*
	.post-block .tags.price-wrap {
		position: absolute !important; 
		top: 12px !important;
		right: 12px !important;
		float: none !important; 
	}

	.post-block .tags .tag-head {
		background-color: #E91E63 !important; 
		color: #ffffff !important;
		padding: 6px 12px !important;
		border-radius: 16px !important; 
		font-size: 12px !important;
		line-height: 1 !important;
		margin-left: 0 !important; 
	}

	.post-block .tags .tag-head p.post-price {
		padding: 0 !important;
		margin: 0 !important;
		font-size: 12px !important; 
		color: #ffffff !important;
	}

	.post-block .tags span.tag-head:before,
	.post-block .tags span.tag-head:after {
		display: none !important;
	}
	*/

	/* Pagination Modernization */
    .paging {
        border-radius: 12px !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
        border: none !important;
        padding: 16px !important;
        background: #ffffff !important; 
    }

    /* Widget Block Modernization */
    .widget-top-ads-today .shadowblock_out,
    .widget-ad-categories .shadowblock_out,
    .widget_tag_cloud .shadowblock_out,
    #welcome_widget.shadowblock_out,
    #search-bar .searchblock_out {
        box-shadow: none !important;
        background: transparent !important;
        border-radius: 0 !important;
        margin-bottom: 8px !important; /* Consistent spacing for stacked cards */
    }

    .widget-top-ads-today .shadowblock,
    .widget-ad-categories .shadowblock,
    .widget_tag_cloud .shadowblock,
    #welcome_widget.shadowblock_out .shadowblock, /* Targeting .shadowblock inside #welcome_widget */
    #search-bar .searchblock_out .searchblock /* Targeting .searchblock inside #search-bar */ {
        border-radius: 12px !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
        border: none !important;
        padding: 16px !important; 
        background: #ffffff !important;
    }

    /* Tab Navigation Modernization */
    ul.tabnavig {
        border-radius: 12px !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
        border-bottom: none !important; /* Remove original border */
        padding: 8px !important; /* Adjust padding for content inside */
        background: #ffffff !important;
        margin-bottom: 8px !important; /* Consistent spacing */
    }

    ul.tabnavig li a {
        /* Assuming .btn_orange or similar styles for selected tabs are handled by red.css changes */
        /* We might need to adjust border-radius of tabs if they look off with the new container */
        /* e.g. border-radius: 8px !important; */
    }

	/* Material 3 Button Styles */
	.btn_orange, .obtn {
		border-radius: 20px !important;
		padding: 10px 20px !important;
		/* text-transform: none !important; */ /* Optional: M3 default is normal case */
		/* Consider line-height and min-height for consistency */
	}

	/* Search Bar Layout & Button Fixes for 431px */
	#searchform .searchfield {
        margin-bottom: 10px !important; /* Space between input and dropdown/button line */
    }

    #searchform .searchbutcat {
        width: 100% !important; 
        float: left !important; /* Maintain from 600px style if it doesn't conflict with flex */
        display: flex !important;
        align-items: center !important;
        margin-bottom: 0 !important; 
    }

	/* Ensure original select is hidden */
    #searchform .searchbutcat select#scat.searchbar {
        display: none !important; 
    }

    #searchform .searchbutcat a.selectBox-dropdown {
        flex-grow: 1 !important;
        margin: 0 8px 0 0 !important; /* Override 600px large bottom margin, add right margin */
        float: none !important; /* Override 600px float */
        display: inline-block !important; 
        vertical-align: middle !important;
		order: 1 !important; /* Dropdown first */
    }

	.btn-topsearch {
		width: 48px !important;
		height: 48px !important;
		border-radius: 50% !important; /* Circular */
		display: flex !important; /* For icon centering */
		align-items: center !important;
		justify-content: center !important;
		padding: 0 !important; 
		/* Overrides for positioning from 600px rule */
        position: relative !important; 
        bottom: auto !important; 
        float: none !important; /* Let flexbox in .searchbutcat handle it */
        margin: 0 !important; /* Reset 600px margins */
        flex-shrink: 0 !important; /* Prevent shrinking */
		order: 2 !important; /* Button second */
	}

	.btn-topsearch:before {
		font-size: 24px !important; /* Adjust icon size as needed */
		/* margin: 0 !important; */ /* Reset any icon margins if they exist */
	}

	/* Pagination Button Styles */
	.paging .pages a.btn_orange, .paging .pages a.page-numbers {
		background-color: transparent !important;
		border: 1px solid #AD1457 !important;
		color: #AD1457 !important;
		padding: 8px 12px !important; /* Slightly smaller padding for pagination */
		border-radius: 16px !important; /* Consistent rounding */
	}

	.paging .pages span.current {
		background-color: #AD1457 !important;
		color: #ffffff !important;
		padding: 8px 12px !important;
		border-radius: 16px !important;
		border: 1px solid #AD1457 !important; /* Ensure border consistency */
	}
}