html,
body,
button,
input,
select,
textarea{
    font-family:"Tajawal",Arial,sans-serif!important;
}

body{
    font-weight:400;
}

button,
.button,
.main-nav,
.field input,
.field select{
    font-weight:700;
}

@media(max-width:760px){
    .search-shell{
        padding-inline:14px;
        margin-top:10px;
        margin-bottom:34px;
    }

    .search-card{
        gap:10px;
        padding:12px;
        border:1px solid rgba(0,108,53,.10);
        border-radius:22px;
        background:#fff;
        box-shadow:
            0 16px 42px rgba(10,45,28,.09),
            0 2px 8px rgba(10,45,28,.04);
    }

    .search-card .field{
        position:relative;
        display:flex;
        flex-direction:column;
        justify-content:center;
        min-height:64px;
        padding:9px 13px 8px;
        border:1px solid #dce8e1;
        border-radius:15px;
        background:#fbfdfc;
        box-shadow:none;
        transition:
            border-color .18s ease,
            background-color .18s ease,
            box-shadow .18s ease;
    }

    .search-card .field:focus-within{
        border-color:rgba(0,122,61,.58);
        background:#fff;
        box-shadow:0 0 0 3px rgba(0,122,61,.08);
    }

    .search-card .field label{
        margin:0 0 2px;
        color:#64746b;
        font-family:"Tajawal",Arial,sans-serif!important;
        font-size:12px;
        line-height:1.25;
        font-weight:700;
    }

    .search-card .field input,
    .search-card .field select{
        width:100%;
        min-width:0;
        max-width:100%;
        min-height:30px!important;
        height:30px!important;
        margin:0;
        padding:0 2px!important;
        border:0!important;
        border-radius:0!important;
        outline:0!important;
        background-color:transparent!important;
        box-shadow:none!important;
        color:var(--ink);
        font-family:"Tajawal",Arial,sans-serif!important;
        font-size:16px!important;
        line-height:30px!important;
        font-weight:700!important;
    }

    .search-card .field select{
        appearance:none;
        -webkit-appearance:none;
        padding-inline-end:34px!important;
        background-repeat:no-repeat!important;
        background-size:16px 16px!important;
    }

    [dir="rtl"] .search-card .field select{
        background-position:left 8px center!important;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b3825' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
    }

    [dir="ltr"] .search-card .field select{
        background-position:right 8px center!important;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b3825' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
    }

    .search-card .crs-datetime-control{
        appearance:none;
        -webkit-appearance:none;
        direction:ltr;
        text-align:left;
        color-scheme:light;
    }

    .search-card input::-webkit-date-and-time-value{
        min-height:0;
        margin:0;
        padding:0;
        text-align:left;
    }

    .search-card input::-webkit-calendar-picker-indicator{
        width:18px;
        height:18px;
        margin:0;
        padding:3px;
        opacity:.72;
        cursor:pointer;
    }

    .search-card .button{
        min-height:50px;
        height:50px;
        border-radius:15px;
        font-family:"Tajawal",Arial,sans-serif!important;
        font-size:17px;
        font-weight:800;
        box-shadow:0 10px 22px rgba(0,108,53,.16);
    }

    .marketplace-search-status{
        margin-top:9px;
        font-family:"Tajawal",Arial,sans-serif!important;
        font-size:13px;
    }
}

@media(max-width:390px){
    .search-shell{
        padding-inline:12px;
    }

    .search-card{
        padding:10px;
        gap:9px;
        border-radius:19px;
    }

    .search-card .field{
        min-height:61px;
        padding-inline:11px;
        border-radius:14px;
    }

    .search-card .field input,
    .search-card .field select{
        font-size:15px!important;
    }

    .search-card .button{
        min-height:48px;
        height:48px;
        font-size:16px;
    }
}

.hero-reference-fallback[hidden]{
    display:none!important;
}

.hero-banner-image[hidden]{
    display:none!important;
}

@media(max-width:760px){
    .hero-reference h1{
        margin:16px 0 20px;
        font-size:clamp(32px,8.8vw,42px);
        line-height:1.18;
        letter-spacing:-.025em;
    }

    .hero-reference h1 .hero-title-fixed{
        display:block;
        max-width:100%;
        font-size:inherit;
        line-height:1.18;
        letter-spacing:inherit;
        text-wrap:balance;
    }

    .hero-reference h1 .hero-title-mask{
        display:block;
        height:2.46em;
        margin-top:.16em;
        line-height:1.18;
        overflow:hidden;
    }

    .hero-reference h1 .hero-title-dynamic{
        display:block;
        max-width:100%;
        padding-block:.02em .08em;
        font-size:inherit;
        line-height:1.18;
        letter-spacing:inherit;
        white-space:normal;
        text-wrap:balance;
    }
}

@media(max-width:390px){
    .hero-reference h1{
        font-size:clamp(31px,8.6vw,36px);
        line-height:1.2;
    }

    .hero-reference h1 .hero-title-fixed,
    .hero-reference h1 .hero-title-dynamic{
        line-height:1.2;
    }

    .hero-reference h1 .hero-title-mask{
        height:2.5em;
        margin-top:.18em;
    }
}

.hero-reference-fallback,
.hero-reference-fallback[hidden],
.hero-reference-fallback svg,
.hero-visual-card .hero-car{
    display:none!important;
}

.hero-visual-card.is-image-unavailable{
    background:linear-gradient(145deg,#edf5f0,#dceae2);
}

@media(min-width:761px){
    .search-shell{
        max-width:1180px;
        margin-top:8px;
        margin-bottom:48px;
    }

    .search-card{
        grid-template-columns:
            minmax(220px,1.25fr)
            minmax(185px,1fr)
            minmax(125px,.72fr)
            minmax(185px,1fr)
            142px;
        align-items:stretch;
        gap:10px;
        padding:12px;
        border:1px solid rgba(0,108,53,.10);
        border-radius:22px;
        background:#fff;
        box-shadow:
            0 16px 42px rgba(10,45,28,.08),
            0 2px 8px rgba(10,45,28,.035);
    }

    .search-card.{
        grid-template-columns:
            minmax(190px,1.15fr)
            minmax(170px,1fr)
            minmax(115px,.68fr)
            minmax(90px,.55fr)
            minmax(170px,1fr)
            142px;
    }

    .search-card .field{
        box-sizing:border-box;
        display:flex;
        flex-direction:column;
        justify-content:center;
        width:100%;
        min-width:0;
        min-height:64px;
        padding:9px 13px 8px;
        border:1px solid #dce8e1;
        border-radius:15px;
        background:#fbfdfc;
        box-shadow:none;
        overflow:hidden;
    }

    .search-card .field:focus-within{
        border-color:rgba(0,122,61,.58);
        background:#fff;
        box-shadow:0 0 0 3px rgba(0,122,61,.08);
    }

    .search-card .field label{
        margin:0 0 2px;
        color:#64746b;
        font-size:12px;
        line-height:1.25;
        font-weight:700;
    }

    .search-card .field input,
    .search-card .field select,
    .search-card .crs-datetime-control{
        box-sizing:border-box!important;
        display:block!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        min-height:30px!important;
        height:30px!important;
        margin:0!important;
        padding:0 2px!important;
        border:0!important;
        border-width:0!important;
        border-style:none!important;
        border-radius:0!important;
        outline:0!important;
        appearance:none!important;
        -webkit-appearance:none!important;
        background:transparent!important;
        background-color:transparent!important;
        box-shadow:none!important;
        color:var(--ink)!important;
        font-family:"Tajawal",Arial,sans-serif!important;
        font-size:16px!important;
        line-height:30px!important;
        font-weight:700!important;
    }

    .search-card .field select{
        padding-inline-end:32px!important;
        background-repeat:no-repeat!important;
        background-size:16px 16px!important;
    }

    [dir="rtl"] .search-card .field select{
        background-position:left 7px center!important;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b3825' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
    }

    [dir="ltr"] .search-card .field select{
        background-position:right 7px center!important;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b3825' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
    }

    .search-card .crs-datetime-control{
        direction:ltr!important;
        text-align:left!important;
        color-scheme:light;
    }

    .search-card input::-webkit-datetime-edit,
    .search-card input::-webkit-datetime-edit-fields-wrapper,
    .search-card input::-webkit-date-and-time-value{
        min-height:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        box-shadow:none!important;
        line-height:30px!important;
        text-align:left!important;
    }

    .search-card input::-webkit-datetime-edit-text,
    .search-card input::-webkit-datetime-edit-year-field,
    .search-card input::-webkit-datetime-edit-month-field,
    .search-card input::-webkit-datetime-edit-day-field,
    .search-card input::-webkit-datetime-edit-hour-field,
    .search-card input::-webkit-datetime-edit-minute-field,
    .search-card input::-webkit-datetime-edit-ampm-field{
        margin:0!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
    }

    .search-card input::-webkit-inner-spin-button{
        display:none!important;
        -webkit-appearance:none!important;
    }

    .search-card input::-webkit-calendar-picker-indicator{
        width:17px;
        height:17px;
        margin:0!important;
        padding:3px!important;
        border:0!important;
        background-color:transparent!important;
        box-shadow:none!important;
        opacity:.72;
        cursor:pointer;
    }

    .search-card .button{
        align-self:stretch;
        min-width:142px;
        min-height:64px;
        height:64px;
        padding:10px 17px;
        border-radius:15px;
        font-size:16px;
        font-weight:800;
        box-shadow:0 10px 22px rgba(0,108,53,.15);
    }
}

@media(min-width:761px) and (max-width:1050px){
    .search-card{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .search-card .button{
        grid-column:1 / -1;
        width:100%;
        min-height:52px;
        height:52px;
    }
}

/* CRS-008F-D8 MOBILE LOGO OPPOSITE EDGE */
@media(max-width:1050px){
    .site-header__inner{
        justify-content:flex-start!important;
    }

    .site-header .crs-mobile-menu-toggle{
        order:0;
        flex:0 0 auto;
    }

    .site-header .brand{
        order:1;
        flex:0 1 auto!important;
        width:auto!important;
        margin-inline-start:auto!important;
        margin-inline-end:0!important;
    }

    .site-header .brand img{
        display:block;
        margin:0!important;
        transform:none!important;
    }
}

/* Exact historical search component rules, appended as final overrides. */
.search-shell {
max-width: 1180px;
            margin: 0 auto 58px;
            padding: 0 24px;
}

.search-card {
background: white;
            padding: 18px;
            border: 1px solid var(--line);
            border-radius: 22px;
            box-shadow: var(--shadow);
            display: grid;
            grid-template-columns: 1.3fr 1fr 1fr auto;
            gap: 12px;
}

.marketplace-search-status {
max-width: 1180px;
            margin: 12px auto 0;
            min-height: 24px;
            padding-inline: 4px;
            color: var(--muted);
            font-size: 13px;
            font-weight: 700;
}

.marketplace-search-status.is-error {
color: #9f2b1f;
}

@media (max-width: 760px) {
.search-shell {
padding-inline: 16px;
}

.search-card {
grid-template-columns: 1fr;
}
}

.site-header,
.site-header__inner,
.platform-bar,
.platform-bar__inner,
.hero,
.search-shell,
.search-card,
.section,
.footer-inner {
max-width:100%;
}

.site-header__inner > *,
.hero > *,
.search-card > * {
min-width:0;
}

@media(max-width:760px) {
.search-shell {
width:100%;
        padding-inline:16px;
        margin-bottom:42px;
}

.search-card {
width:100%;
        grid-template-columns:minmax(0,1fr)!important;
        gap:12px;
        padding:16px;
}

.search-card .field,
    .search-card .button,
    .search-card input,
    .search-card select {
width:100%;
        min-width:0;
        max-width:100%;
}

.search-card input,
    .search-card select {
min-height:50px;
        font-size:16px;
}

.search-card .button {
min-height:52px;
}
}

@media(max-width:390px) {
.search-shell {
padding-inline:12px;
}
}

@media(max-width:760px) {
.search-shell {
padding-inline:14px;
        margin-bottom:34px;
}

.search-card {
gap:10px;
        padding:12px;
        border-radius:19px;
}

.search-card .field {
box-sizing:border-box;
        display:flex;
        flex-direction:column;
        justify-content:center;
        width:100%;
        min-height:70px;
        padding:9px 12px 8px;
        border-radius:13px;
}

.search-card .field label {
display:block;
        margin:0 0 3px;
        font-size:12px;
        line-height:1.3;
        font-weight:800;
}

.search-card .field input,
    .search-card .field select {
box-sizing:border-box;
        display:block;
        width:100%;
        min-width:0;
        max-width:100%;
        min-height:30px!important;
        height:30px!important;
        margin:0;
        padding-block:0!important;
        padding-inline:2px!important;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
        font-family:inherit!important;
        font-size:16px!important;
        line-height:30px!important;
        font-weight:800;
}

.search-card .field select {
padding-inline-end:28px!important;
        cursor:pointer;
}

.search-card .crs-datetime-control {
min-height:32px!important;
        height:32px!important;
        line-height:32px!important;
        appearance:auto;
        -webkit-appearance:auto;
}

.search-card input::-webkit-date-and-time-value {
min-height:0;
        margin:0;
        padding:0;
        text-align:start;
}

[dir="rtl"] .search-card input::-webkit-date-and-time-value {
text-align:right;
}

.search-card input::-webkit-calendar-picker-indicator {
margin:0;
        padding:4px;
}

.search-card .button {
width:100%;
        min-height:50px;
        height:50px;
        padding:9px 16px;
        border-radius:13px;
        font-size:16px;
        line-height:1.2;
}

.marketplace-search-status {
margin-top:10px;
        font-size:13px;
        line-height:1.5;
}
}

@media(max-width:390px) {
.search-shell {
padding-inline:12px;
}

.search-card {
padding:10px;
        gap:9px;
        border-radius:17px;
}

.search-card .field {
min-height:66px;
        padding:8px 10px 7px;
}

.search-card .field label {
font-size:11px;
}

.search-card .button {
min-height:48px;
        height:48px;
}
}

@media(max-width:760px) {
.search-shell {
padding-inline:14px;
        margin-top:10px;
        margin-bottom:34px;
}

.search-card {
gap:10px;
        padding:12px;
        border:1px solid rgba(0,108,53,.10);
        border-radius:22px;
        background:#fff;
        box-shadow:
            0 16px 42px rgba(10,45,28,.09),
            0 2px 8px rgba(10,45,28,.04);
}

.search-card .field {
position:relative;
        display:flex;
        flex-direction:column;
        justify-content:center;
        min-height:64px;
        padding:9px 13px 8px;
        border:1px solid #dce8e1;
        border-radius:15px;
        background:#fbfdfc;
        box-shadow:none;
        transition:
            border-color .18s ease,
            background-color .18s ease,
            box-shadow .18s ease;
}

.search-card .field:focus-within {
border-color:rgba(0,122,61,.58);
        background:#fff;
        box-shadow:0 0 0 3px rgba(0,122,61,.08);
}

.search-card .field label {
margin:0 0 2px;
        color:#64746b;
        font-family:"Tajawal",Arial,sans-serif!important;
        font-size:12px;
        line-height:1.25;
        font-weight:700;
}

.search-card .field input,
    .search-card .field select {
width:100%;
        min-width:0;
        max-width:100%;
        min-height:30px!important;
        height:30px!important;
        margin:0;
        padding:0 2px!important;
        border:0!important;
        border-radius:0!important;
        outline:0!important;
        background-color:transparent!important;
        box-shadow:none!important;
        color:var(--ink);
        font-family:"Tajawal",Arial,sans-serif!important;
        font-size:16px!important;
        line-height:30px!important;
        font-weight:700!important;
}

.search-card .field select {
appearance:none;
        -webkit-appearance:none;
        padding-inline-end:34px!important;
        background-repeat:no-repeat!important;
        background-size:16px 16px!important;
}

[dir="rtl"] .search-card .field select {
background-position:left 8px center!important;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b3825' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
}

[dir="ltr"] .search-card .field select {
background-position:right 8px center!important;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b3825' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
}

.search-card .crs-datetime-control {
appearance:none;
        -webkit-appearance:none;
        direction:ltr;
        text-align:left;
        color-scheme:light;
}

.search-card input::-webkit-date-and-time-value {
min-height:0;
        margin:0;
        padding:0;
        text-align:left;
}

.search-card input::-webkit-calendar-picker-indicator {
width:18px;
        height:18px;
        margin:0;
        padding:3px;
        opacity:.72;
        cursor:pointer;
}

.search-card .button {
min-height:50px;
        height:50px;
        border-radius:15px;
        font-family:"Tajawal",Arial,sans-serif!important;
        font-size:17px;
        font-weight:800;
        box-shadow:0 10px 22px rgba(0,108,53,.16);
}

.marketplace-search-status {
margin-top:9px;
        font-family:"Tajawal",Arial,sans-serif!important;
        font-size:13px;
}
}

@media(max-width:390px) {
.search-shell {
padding-inline:12px;
}

.search-card {
padding:10px;
        gap:9px;
        border-radius:19px;
}

.search-card .field {
min-height:61px;
        padding-inline:11px;
        border-radius:14px;
}

.search-card .field input,
    .search-card .field select {
font-size:15px!important;
}

.search-card .button {
min-height:48px;
        height:48px;
        font-size:16px;
}
}

@media(min-width:761px) {
.search-shell {
max-width:1180px;
        margin-top:8px;
        margin-bottom:48px;
}

.search-card {
grid-template-columns:
            minmax(260px,1.35fr)
            minmax(220px,1fr)
            minmax(220px,1fr)
            142px;
        align-items:stretch;
        gap:10px;
        padding:12px;
        border:1px solid rgba(0,108,53,.10);
        border-radius:22px;
        background:#fff;
        box-shadow:
            0 16px 42px rgba(10,45,28,.08),
            0 2px 8px rgba(10,45,28,.035);
}

.search-card .field {
box-sizing:border-box;
        display:flex;
        flex-direction:column;
        justify-content:center;
        width:100%;
        min-width:0;
        min-height:64px;
        padding:9px 13px 8px;
        border:1px solid #dce8e1;
        border-radius:15px;
        background:#fbfdfc;
        box-shadow:none;
        overflow:hidden;
}

.search-card .field:focus-within {
border-color:rgba(0,122,61,.58);
        background:#fff;
        box-shadow:0 0 0 3px rgba(0,122,61,.08);
}

.search-card .field label {
margin:0 0 2px;
        color:#64746b;
        font-size:12px;
        line-height:1.25;
        font-weight:700;
}

.search-card .field input,
    .search-card .field select,
    .search-card .crs-datetime-control {
box-sizing:border-box!important;
        display:block!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        min-height:30px!important;
        height:30px!important;
        margin:0!important;
        padding:0 2px!important;
        border:0!important;
        border-width:0!important;
        border-style:none!important;
        border-radius:0!important;
        outline:0!important;
        appearance:none!important;
        -webkit-appearance:none!important;
        background:transparent!important;
        background-color:transparent!important;
        box-shadow:none!important;
        color:var(--ink)!important;
        font-family:"Tajawal",Arial,sans-serif!important;
        font-size:16px!important;
        line-height:30px!important;
        font-weight:700!important;
}

.search-card .field select {
padding-inline-end:32px!important;
        background-repeat:no-repeat!important;
        background-size:16px 16px!important;
}

[dir="rtl"] .search-card .field select {
background-position:left 7px center!important;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b3825' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
}

[dir="ltr"] .search-card .field select {
background-position:right 7px center!important;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b3825' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
}

.search-card .crs-datetime-control {
direction:ltr!important;
        text-align:left!important;
        color-scheme:light;
}

.search-card input::-webkit-datetime-edit,
    .search-card input::-webkit-datetime-edit-fields-wrapper,
    .search-card input::-webkit-date-and-time-value {
min-height:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        box-shadow:none!important;
        line-height:30px!important;
        text-align:left!important;
}

.search-card input::-webkit-datetime-edit-text,
    .search-card input::-webkit-datetime-edit-year-field,
    .search-card input::-webkit-datetime-edit-month-field,
    .search-card input::-webkit-datetime-edit-day-field,
    .search-card input::-webkit-datetime-edit-hour-field,
    .search-card input::-webkit-datetime-edit-minute-field,
    .search-card input::-webkit-datetime-edit-ampm-field {
margin:0!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
}

.search-card input::-webkit-inner-spin-button {
display:none!important;
        -webkit-appearance:none!important;
}

.search-card input::-webkit-calendar-picker-indicator {
width:17px;
        height:17px;
        margin:0!important;
        padding:3px!important;
        border:0!important;
        background-color:transparent!important;
        box-shadow:none!important;
        opacity:.72;
        cursor:pointer;
}

.search-card .button {
align-self:stretch;
        min-width:142px;
        min-height:64px;
        height:64px;
        padding:10px 17px;
        border-radius:15px;
        font-size:16px;
        font-weight:800;
        box-shadow:0 10px 22px rgba(0,108,53,.15);
}
}

@media(min-width:761px) and (max-width:1050px) {
.search-card {
grid-template-columns:repeat(3,minmax(0,1fr));
}

.search-card .button {
grid-column:1 / -1;
        width:100%;
        min-height:52px;
        height:52px;
}
}

/* RCD_H_F_G_HOMEPAGE_DISCOVERY_V1 */
.homepage-discovery-card {
    display: grid;
    grid-template-columns:
        minmax(220px, 1.15fr)
        minmax(0, 1fr)
        minmax(0, 1fr);
    gap: 12px;
    align-items: stretch;
    margin-top: 12px;
    padding: 14px;
    border: 1px solid rgba(0, 108, 53, .12);
    border-radius: 18px;
    background:
        linear-gradient(
            135deg,
            rgba(234, 246, 239, .72),
            rgba(255, 255, 255, .96)
        );
}

.homepage-discovery-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    padding: 4px 6px;
    text-align: start;
}

.homepage-discovery-copy strong {
    color: var(--green-dark);
    font-size: 14px;
    line-height: 1.4;
}

.homepage-discovery-copy span {
    color: var(--muted);
    font-size: 12px;
    line-height: 1.55;
}

.homepage-discovery-card .field {
    min-width: 0;
    min-height: 62px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.homepage-discovery-card .field input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ink);
    font-size: 16px;
    font-weight: 700;
}

@media (max-width: 900px) {
    .homepage-discovery-card {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .homepage-discovery-copy {
        grid-column: 1 / -1;
    }
}

@media (max-width: 560px) {
    .homepage-discovery-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        padding: 12px;
    }

    .homepage-discovery-copy {
        grid-column: auto;
        padding-inline: 3px;
    }
}

.marketplace-duration-note {
    grid-column: 1 / -1;
    margin: 10px 4px 0;
    color: #68776f;
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
}

@media (max-width: 760px) {
    .marketplace-duration-note {
        margin-top: 8px;
        padding-inline: 4px;
        font-size: 12px;
        line-height: 1.55;
    }
}