.elementor-204 .elementor-element.elementor-element-e5a4e43{--display:flex;--min-height:145px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-204 .elementor-element.elementor-element-e5a4e43:not(.elementor-motion-effects-element-type-background), .elementor-204 .elementor-element.elementor-element-e5a4e43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a61164c );}.elementor-204 .elementor-element.elementor-element-77e8ef6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-204 .elementor-element.elementor-element-26349af > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-204 .elementor-element.elementor-element-26349af .elementor-icon-wrapper{text-align:left;}.elementor-204 .elementor-element.elementor-element-26349af .elementor-icon{font-size:25px;}.elementor-204 .elementor-element.elementor-element-26349af .elementor-icon svg{height:25px;}.elementor-204 .elementor-element.elementor-element-d7f9e39{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-204 .elementor-element.elementor-element-047f508 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-204 .elementor-element.elementor-element-047f508{text-align:center;}.elementor-204 .elementor-element.elementor-element-047f508 img{width:200px;max-width:150px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-204 .elementor-element.elementor-element-3ad5478 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-204 .elementor-element.elementor-element-3ad5478 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:0.5px;}.elementor-204 .elementor-element.elementor-element-3ad5478 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;}.elementor-204 .elementor-element.elementor-element-3ad5478 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-204 .elementor-element.elementor-element-3ad5478 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-204 .elementor-element.elementor-element-3ad5478 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-204 .elementor-element.elementor-element-3ad5478 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-204 .elementor-element.elementor-element-3ad5478 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-204 .elementor-element.elementor-element-3ad5478 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-204 .elementor-element.elementor-element-3ad5478 .e--pointer-underline .elementor-item:after,
					 .elementor-204 .elementor-element.elementor-element-3ad5478 .e--pointer-overline .elementor-item:before,
					 .elementor-204 .elementor-element.elementor-element-3ad5478 .e--pointer-double-line .elementor-item:before,
					 .elementor-204 .elementor-element.elementor-element-3ad5478 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-204 .elementor-element.elementor-element-3ad5478{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-204 .elementor-element.elementor-element-3ad5478 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-204 .elementor-element.elementor-element-8d9068d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-204 .elementor-element.elementor-element-7f9ce83 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-204 .elementor-element.elementor-element-7f9ce83 .elementor-icon-wrapper{text-align:right;}.elementor-204 .elementor-element.elementor-element-7f9ce83 .elementor-icon{font-size:25px;}.elementor-204 .elementor-element.elementor-element-7f9ce83 .elementor-icon svg{height:25px;}.elementor-204 .elementor-element.elementor-element-e2174b3 .elementor-nav-menu .elementor-item{font-family:"PT Sans", Sans-serif;font-size:14px;font-weight:400;}.elementor-204 .elementor-element.elementor-element-e2174b3 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:5px;padding-right:5px;padding-top:0px;padding-bottom:0px;}.elementor-204 .elementor-element.elementor-element-e2174b3{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-204 .elementor-element.elementor-element-e2174b3 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-204 .elementor-element.elementor-element-a547032{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-204 .elementor-element.elementor-element-bf92b6e .e-off-canvas__overlay{background-color:#00000050;}.elementor-204 .elementor-element.elementor-element-bf92b6e{--e-off-canvas-justify-content:flex-start;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:0.5s;--e-off-canvas-overlay-opacity:1;}.elementor-204 .elementor-element.elementor-element-3a4a484{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-204 .elementor-element.elementor-element-cc70469 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-204 .elementor-element.elementor-element-cc70469{z-index:1;}.elementor-204 .elementor-element.elementor-element-cc70469 .elementor-icon-wrapper{text-align:left;}.elementor-204 .elementor-element.elementor-element-cc70469 .elementor-icon{font-size:25px;}.elementor-204 .elementor-element.elementor-element-cc70469 .elementor-icon svg{height:25px;}.elementor-204 .elementor-element.elementor-element-e575082 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;text-transform:uppercase;letter-spacing:0.6px;}.elementor-204 .elementor-element.elementor-element-e575082 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-204 .elementor-element.elementor-element-e9463f8 .e-off-canvas__content{background-color:#02010100;border-radius:0px 0px 0px 0px;}.elementor-204 .elementor-element.elementor-element-e9463f8 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-204 .elementor-element.elementor-element-e9463f8{--e-off-canvas-justify-content:flex-start;--e-off-canvas-align-items:flex-start;--e-off-canvas-width:100vw;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-animation-duration:0.3s;--e-off-canvas-overlay-opacity:1;}.elementor-204 .elementor-element.elementor-element-a6cb8f5{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-204 .elementor-element.elementor-element-c940330{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-204 .elementor-element.elementor-element-c940330:not(.elementor-motion-effects-element-type-background), .elementor-204 .elementor-element.elementor-element-c940330 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a61164c );}.elementor-204 .elementor-element.elementor-element-048afcd{width:100%;max-width:100%;}.elementor-204 .elementor-element.elementor-element-048afcd > .elementor-widget-container{background-color:var( --e-global-color-a61164c );margin:0px 0px 0px 0px;padding:0em 0em 0em 0em;}.elementor-204 .elementor-element.elementor-element-048afcd .elementor-icon-wrapper{text-align:right;}.elementor-204 .elementor-element.elementor-element-048afcd .elementor-icon{font-size:25px;}.elementor-204 .elementor-element.elementor-element-048afcd .elementor-icon svg{height:25px;}.elementor-204 .elementor-element.elementor-element-c599ea1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-204 .elementor-element.elementor-element-bb5a20f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:1em 1em 1em 1em;}.elementor-204{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-204 .elementor-element.elementor-element-77e8ef6{--width:20%;}.elementor-204 .elementor-element.elementor-element-d7f9e39{--width:60%;}.elementor-204 .elementor-element.elementor-element-8d9068d{--width:20%;}}@media(max-width:1024px){.elementor-204 .elementor-element.elementor-element-e5a4e43{--min-height:auto;}.elementor-204 .elementor-element.elementor-element-d7f9e39{--padding-top:1em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-204 .elementor-element.elementor-element-e9463f8{--e-off-canvas-width:80vw;}.elementor-204 .elementor-element.elementor-element-a6cb8f5{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-204 .elementor-element.elementor-element-e5a4e43{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-204 .elementor-element.elementor-element-77e8ef6{--width:30%;}.elementor-204 .elementor-element.elementor-element-d7f9e39{--width:40%;}.elementor-204 .elementor-element.elementor-element-047f508.elementor-element{--align-self:center;}.elementor-204 .elementor-element.elementor-element-047f508 img{width:200px;max-width:100px;}.elementor-204 .elementor-element.elementor-element-8d9068d{--width:30%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-204 .elementor-element.elementor-element-e2174b3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-204 .elementor-element.elementor-element-e9463f8{--e-off-canvas-width:100vw;}.elementor-204 .elementor-element.elementor-element-a6cb8f5{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}}/* Start custom CSS for nav-menu, class: .elementor-element-3ad5478 */.highlight {
    background-color:#111111;
    
}
.highlight a{
    padding-right: 10px !important;
    color: #ffffff !important;
    
}
.highlight.current_page_item{
    background-color:#ffffff;
    border:1px solid #111111;
    color: #111111 !important;
    
}
.highlight.current_page_item a{
 
    color: #111111 !important;
    
}
.the_menu .current-menu-item {
    background-color:#ffffff;
    border:1px solid #111111;
}
.elementor-widget-taxonomy-filter .e-filter-item[aria-pressed=true] {
    background-color:#ffffff;
    border:1px solid #111111;
    color: #111111 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6cb8f5 *//* -------------------------------------------------------------------------- */
/* #region Base & Wrapper Styles                                            */
/* -------------------------------------------------------------------------- */
/* Note: .off-wrapper was empty, removed it for now. */

.custom-model-search-wrapper {
    max-width: 900px;
    margin: 30px auto;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #fff;
}

#custom-model-search-form {
    display: flex;
    flex-direction: column;
    gap: 15px; /* Space between main search, toggle, and filter groups */
    margin-bottom: 0;
    background-color: #ffffff;
    padding: 10px; /* Add some padding to the form itself */
}

.form-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.search-input-group {
    width: 100%;
}

/* #endregion */

/* -------------------------------------------------------------------------- */
/* #region Input & Select Field Styles                                      */
/* -------------------------------------------------------------------------- */
#custom-model-search-form input[type="search"],
#custom-model-search-form input[type="number"],
#custom-model-search-form select {
    width: 100%;
    padding: 5px; /* No top/bottom padding for the initial 0px version */
    border: 0 solid #ddd;
    border-radius: 0;
    font-size: 16px;
    border-bottom: 1px solid #111; /* Underline style */
    background-color: transparent; /* Ensure background matches parent */
}

/* Styles for number inputs specifically within range-inputs */
.range-inputs input[type="number"] {
    flex: 1; /* Allows inputs to grow and shrink evenly */
    min-width: 0; /* Important for flex items in some older browsers */
    padding: 8px 10px; /* More standard padding for number inputs */
    border: 1px solid #ccc; /* Standard border for number inputs */
    border-radius: 4px; /* Slightly rounded corners */
    background-color: #fff; /* Explicit background for number inputs */
}

.filter-group select {
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
}
/* #endregion */

/* -------------------------------------------------------------------------- */
/* #region Button Styles                                                    */
/* -------------------------------------------------------------------------- */
#custom-model-search-form button {
    padding: 10px 20px;
    background-color: transparent;
    color: #111;
    border: 1px solid #111111;
    border-radius: 0;
    cursor: pointer;
    font-size: 12px; /* Default for smaller screens */
    align-self: flex-start; /* Align to the left of the flex container */
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

#custom-model-search-form button:hover {
    background-color: #eeeeee;
    color: #111; /* Ensure text color remains readable */
}

#submit-search-button {
    background-color: #111111 !important;
    color: #ffffff !important;
}
#submit-search-button:hover {
    background-color: #333333 !important; /* Darker hover for black button */
}

#reset-search-button {
    background-color: #f44336; /* Red color */
    color: white;
    border-color: #f44336;
}
#reset-search-button:hover {
    background-color: #d32f2f; /* Darker red on hover */
    border-color: #d32f2f;
}

#load-more-button {
    padding: 10px 30px;
    background-color: #0073aa; /* A standard blue */
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.2s ease;
}
#load-more-button:hover {
    background-color: #005177;
}

/* Toggle Filter Button */
#toggle-filters-button {
    background-color: #5cb85c; /* Green color for "Show More" */
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    align-self: flex-start; /* Align to the left */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    transition: background-color 0.2s ease;
}
#toggle-filters-button:hover {
    background-color: #4cae4c;
}
.arrow-icon {
    transition: transform 0.3s ease;
    display: inline-block; /* Ensure arrow rotation works well */
}
#toggle-filters-button.active .arrow-icon {
    transform: rotate(180deg); /* Rotate arrow when active */
}
/* #endregion */

/* -------------------------------------------------------------------------- */
/* #region Filter Group Styles                                              */
/* -------------------------------------------------------------------------- */
.filter-group-main {
    display: flex;
    flex-direction: row; /* Stack search and toggle button on mobile */
    gap: 10px;
    padding: 10px;
}

.filter-group-main input[type="search"] {
    flex-grow: 1;
}

.filter-group-extended {
    display: none; /* Hidden by default by JS, also ensures no space */
    margin-top: 20px;
    /* Accordion properties for smooth show/hide */
    max-height: 0;
    overflow: hidden; /* Important for hiding content when collapsed */
    opacity: 0;
    transition: max-height 0.5s ease-out, opacity 0.5s ease-out, padding 0.5s ease-out;
    padding: 0px 10px;
    box-sizing: border-box; /* Include padding in height calculation */
}

.filter-group-extended.show {
    display: block; /* Show the element */
    max-height: 1000px; /* A value large enough to contain all content on larger screens */
    opacity: 1;
    padding: 10px 10px;
    overflow: visible; /* Allow content to be visible normally when open on larger screens */
}

.filter-group-extended h3 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #333;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

/* General layout for each filter group (e.g., Measurements, Appearance) */
.filter-group-actions {
    display: grid; /* Use grid for layout within filter-group-extended */
    grid-template-columns: 0fr 1fr; /* Default to single column for mobile */
    gap: 20px; /* Gap between Measurement and Appearance sections */
    padding: 10px 0px;
}

/* Style for individual sub-filter groups (like height, bust, hair color) */
.filter-group {
    display: flex;
    flex-direction: column;
    gap: 8px; /* Space between label and input/select */
    border: 1px solid #ddd; /* Basic styling for clarity */
    border-radius: 5px;
    padding: 15px;
    background-color: #fff;
}

.filter-group-wrapper { /* This seems like it was meant for a specific item, review if needed */
    display: flex;
    flex-direction: row; /* This might override .filter-group flex-direction */
    padding: 5px;
}
.filter-group-wrapper:hover {
    background-color: #eeeeee;
}

/* General layout for each filter group item (label and inputs) */
.filter-group-item {
    display: flex;
    flex-direction: column; /* Stack label and range-inputs vertically */
    gap: 8px; /* Space between the label and the range-inputs div */
}

.filter-group-item label {
    font-size: 0.9em;
    margin-bottom: 0px; /* Reset margin from previous settings */
    color: #555;
    font-weight: bold; /* Make labels stand out */
}

/* Container for min/max inputs and 'to' separator */
.range-inputs {
    display: flex;
    align-items: center; /* Vertically align inputs and 'to' text */
    gap: 5px; /* Space between input, 'to', and input */
    width: 100%; /* Ensure it takes full width of its parent */
}

.range-separator {
    font-weight: normal; /* "to" can be less prominent */
    color: #777; /* Softer color */
    white-space: nowrap; /* Prevent "to" from wrapping */
}

/* Styles for the overall grid of filter groups (e.g., multiple range inputs in one row) */
/* This is for the grid that contains filter-group-item, etc. */
.filter-group-grid {
    display: grid;
    /* Default to single column for smallest screens within filter groups */
    grid-template-columns: 1fr;
    gap: 20px; /* Space between individual filter group wrappers */
    margin-bottom: 20px; /* Managed by parent gap or specific media queries */
}
/* #endregion */

/* -------------------------------------------------------------------------- */
/* #region Results Display Styles                                           */
/* -------------------------------------------------------------------------- */
#model-search-loading {
    display: none;
    text-align: center;
    padding: 20px;
}
#model-search-loading p {
    color: #555;
    font-size: 1.1em;
}

.model-results-grid {
    display: grid;
    gap: 20px;
    justify-content: center; /* Centers items if there are fewer than a full row */
    align-items: start; /* Aligns items to the top of their grid cell */
    margin-top: 30px; /* Space between form and results */
}

.model-card {
    border: 1px solid #eee;
    border-radius: 0px; /* Adjusted to 0px as per your code */
    overflow: hidden;
    text-align: left; /* Changed to left as per your code */
    background-color: #f9f9f9;
    max-width: 300px; /* Prevents cards from becoming too wide */
    width: 100%; /* Ensures it takes full width up to max-width */
    margin: 0 auto; /* Centers the card horizontally within its grid cell */
}

.model-card a {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%; /* Make the link cover the entire card */
}

.model-card-image img {
    width: 100%;
    height: auto; /* Allow natural aspect ratio */
    aspect-ratio: 4 / 5; /* Forces a 4:5 aspect ratio */
    object-fit: cover; /* Ensures image covers the area without distortion */
    display: block;
}

.model-card-content {
    padding: 10px;
}

.model-card h3 {
    font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #111111;
    margin: 0;
}

.model-card-content p {
    font-size: 0.9em;
    color: #666;
    margin: 5px 0;
}

.no-results-message,
.error-message {
    text-align: center;
    padding: 20px;
    color: #888;
    font-style: italic;
    grid-column: 1 / -1; /* Ensures messages span all columns */
}
/* #endregion */

/* -------------------------------------------------------------------------- */
/* #region Utility & Accessibility Styles                                   */
/* -------------------------------------------------------------------------- */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* This .my-filter class seems to be a display toggle.
   Ensure it's correctly applied/removed by your JavaScript
   or adjust its purpose if it's meant for something else. */
.my-filter {
    display: none;
}
/* #endregion */

/* -------------------------------------------------------------------------- */
/* #region Responsive Design (Media Queries)                                */
/* -------------------------------------------------------------------------- */

/* Mobile-specific adjustments for filters (0px - 767px) */
@media (max-width: 767px) {
    #custom-model-search-form {
        padding: 10px; /* Slightly more padding for mobile form */
    }

    .filter-group-main {
        flex-direction: column; /* Stack search and toggle button on mobile */
        align-items: stretch; /* Stretch items to fill width */
    }

    #toggle-filters-button {
        align-self: stretch; /* Make toggle button full width */
    }

    
    /* Model results grid for 0px - 767px: 2 columns */
    .model-results-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Tablet (768px - 1024px) */
@media (min-width: 768px) {
    #custom-model-search-form button {
        font-size: 16px; /* Larger font for buttons */
    }

    /* Grid for filter groups - 2 columns */
    .filter-group-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 columns for filter groups */
    }

    /* Model results grid for 768px - 1024px: 3 columns */
    .model-results-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    /* The .my-filter class is defined here to be display: block */
    /* Ensure this is intentional and not conflicting with filter-group-extended logic. */
    .my-filter {
        display: block;
    }
}

/* Desktop (1025px - 1400px) */
@media (min-width: 1025px) {
    /* Grid for filter groups - 3 columns for larger screens */
    .filter-group-grid {
      grid-template-columns: repeat(4, 1fr);
    /*    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* Auto-fit with min-width for flexibility */
    }
    /* Model results grid for 1025px - 1400px: 4 columns */
    .model-results-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .filter-group-actions {
        grid-template-columns: 0fr 1fr; /* Two columns for measurement/appearance sections */
    }
}

/* Large Desktop (1401px and up) */
@media (min-width: 1401px) {
    /* Model results grid for 1401px and up: 5 columns */
    .model-results-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}
/* #endregion *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a547032 */.mobile-menu li.biggy .elementor-item{
    font-size: 18px !important;
    font-weight: 700 !important;
}/* End custom CSS */