.minor-offer-search { --search-orange: var(--minor-orange, #f15922); --search-orange-dark: var(--minor-brown, #863b1c); --search-ink: var(--minor-purple-deep, #3a174b); display: grid; grid-template-columns: minmax(0, 1fr) minmax(440px, 560px); grid-template-rows: auto auto; align-items: end; column-gap: 40px; width: min(calc(100% - 40px), 1180px); margin: 0 auto 24px; font-family: Roboto, Arial, sans-serif; }
.minor-offer-search__eyebrow { grid-column: 1; grid-row: 1; margin: 0 0 12px; color: var(--search-orange); font-size: 13px; font-weight: 700; letter-spacing: .13em; line-height: 1.4; text-transform: uppercase; }
.minor-offer-search h2 { grid-column: 1; grid-row: 2; max-width: 600px; margin: 0; color: var(--search-ink); font-family: "Zilla Slab", Georgia, serif; font-size: clamp(32px, 3.25vw, 44px); font-weight: 700; line-height: 1.08; letter-spacing: -.025em; }
.minor-offer-search__form { grid-column: 2; grid-row: 1 / span 2; align-self: end; width: 100%; }
.minor-offer-search__field { position: relative; width: 100%; }
.minor-offer-search__icon { position: absolute; top: 50%; left: 20px; width: 21px; height: 21px; color: var(--search-orange); pointer-events: none; transform: translateY(-50%); }
.minor-offer-search input[type="search"] { width: 100%; height: 58px; padding: 0 54px 0 54px; border: 1px solid #d9d2cb; border-radius: 999px; background: #fff; color: var(--search-ink); font-size: 16px; line-height: 1; box-shadow: 0 8px 24px rgba(58, 42, 30, .07); transition: border-color .2s ease, box-shadow .2s ease; }
.minor-offer-search input[type="search"]::placeholder { color: #77716b; opacity: 1; }
.minor-offer-search input[type="search"]:focus { border-color: var(--search-orange); outline: 3px solid rgba(237, 103, 38, .2); box-shadow: 0 10px 28px rgba(58, 42, 30, .1); }
.minor-offer-search input[type="search"]::-webkit-search-cancel-button { display: none; }
.minor-offer-search__clear { position: absolute; top: 50%; right: 10px; width: 38px; height: 38px; display: none; place-items: center; padding: 0; border: 0; border-radius: 50%; background: #f4eee9; color: var(--search-ink); font-size: 20px; line-height: 1; cursor: pointer; transform: translateY(-50%); }
.minor-offer-search.has-value .minor-offer-search__clear { display: grid; }
.minor-offer-search__clear:hover, .minor-offer-search__clear:focus-visible { background: var(--search-orange); color: #fff; outline: 3px solid var(--minor-yellow, #fbd905); outline-offset: 2px; }
.minor-offer-search__status { min-height: 22px; margin: 10px 0 0; color: #6e6861; font-size: 13px; }
.minor-offer-search__status:empty { display: none; }
.minor-offer-search__empty { width: 100%; margin: 34px 0; padding: 28px; border: 1px solid #e8ded2; border-radius: 8px; background: #fff8ef; color: var(--search-ink); text-align: center; }

.minor-offer-search-section { --search-orange: var(--minor-orange, #f15922); --search-orange-dark: var(--minor-brown, #863b1c); --search-ink: var(--minor-purple-deep, #3a174b); padding: 50px 0 50px !important; background: #fff !important; }
.minor-offer-search-section > .elementor-container { width: 100% !important; max-width: none !important; }
.minor-offer-search-section > .elementor-container > .elementor-column,
.minor-offer-search-section > .elementor-container > .elementor-column > .elementor-widget-wrap { width: 100% !important; padding: 0 !important; }
.minor-offer-search-section .elementor-widget-html,
html {  scrollbar-gutter: stable; }
.elementor-widget-rsportfolio-filter.elementor-widget { --search-orange: var(--minor-orange, #f15922); --search-orange-dark: var(--minor-brown, #863b1c); position: relative; left: auto; width: 100% !important; max-width: 100% !important; margin: 0 !important; transform: none; box-sizing: border-box; overflow-x: clip; }
.elementor-widget-rsportfolio-filter.elementor-widget > .elementor-widget-container { width: 100%; margin: 0 auto !important; padding: 0 15px !important; box-sizing: border-box; }
.elementor-widget-rsportfolio-filter.elementor-widget .portfolio-filter { display: flex !important; flex-wrap: wrap; justify-content: flex-start !important; gap: 10px; margin: 0 0 24px !important; padding: 0 !important; text-align: left !important; }
body .elementor-widget-rsportfolio-filter.elementor-widget.elementor-element .portfolio-filter button { position: relative !important; width: auto !important; max-width: none !important; min-height: 36px; display: inline-flex !important; flex: 0 0 auto; align-items: center; justify-content: center; margin: 0 !important; padding: 8px 14px !important; border: 1px solid var(--minor-line, #ded8d1) !important; border-radius: 20px !important; background: transparent !important; color: var(--minor-muted, #6e6861) !important; font-family: Roboto, Arial, sans-serif !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.2 !important; text-transform: none !important; box-shadow: none !important; clip-path: none !important; cursor: pointer; transition: border-color .2s ease, background .2s ease, color .2s ease !important; }
body .elementor-widget-rsportfolio-filter.elementor-widget.elementor-element .portfolio-filter button::before,
body .elementor-widget-rsportfolio-filter.elementor-widget.elementor-element .portfolio-filter button::after { display: none !important; content: none !important; }
body .elementor-widget-rsportfolio-filter.elementor-widget.elementor-element .portfolio-filter button[data-filter="*"] { order: -1; }
body .elementor-widget-rsportfolio-filter.elementor-widget.elementor-element .portfolio-filter button:hover,
body .elementor-widget-rsportfolio-filter.elementor-widget.elementor-element .portfolio-filter button:focus-visible { border-color: var(--search-orange) !important; color: var(--search-orange-dark) !important; outline: 3px solid rgba(241, 89, 34, .18); outline-offset: 2px; }
body .elementor-widget-rsportfolio-filter.elementor-widget.elementor-element .portfolio-filter button.active { border-color: var(--search-orange) !important; background: var(--search-orange) !important; color: #fff !important; }
@media (max-width: 800px) { .minor-offer-search { display: block; width: min(calc(100% - 28px), 1180px); margin-bottom: 22px; } .minor-offer-search h2 { margin-bottom: 24px; } .minor-offer-search__form { width: 100%; } .minor-offer-search input[type="search"] { height: 54px; font-size: 16px; } }
@media (max-width: 680px) { .minor-offer-search-section { padding: 72px 0 84px !important; } .elementor-widget-rsportfolio-filter.elementor-widget .portfolio-filter { gap: 8px; margin-bottom: 20px !important; } body .elementor-widget-rsportfolio-filter.elementor-widget.elementor-element .portfolio-filter button { min-height: 34px; padding: 8px 14px !important; font-size: 11px !important; } }
