:root {
    --landing-navy: #061a33;
    --landing-navy-2: #0a2e59;
    --landing-blue: #0d7cf2;
    --landing-cyan: #25d7e6;
    --landing-orange: #ff720f;
    --landing-orange-2: #ff8a24;
    --landing-ink: #0b213c;
    --landing-soft: #f5f8fc;
    --landing-line: #d7e3ef;
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0
}

.landing-global-header {
    position: relative;
    z-index: 40;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    font-family: inherit
}

.landing-notice-bar {
    min-height: 30px;
    display: flex;
    align-items: center;
    padding: 6px max(20px,calc((100vw - 1220px)/2));
    background: #fff;
    color: #0a3f74;
    font-size: 11px;
    font-weight: 800;
    border-bottom: 1px solid #e7eef6
}

.landing-main-header {
    width: 100%;
    background: linear-gradient(90deg,var(--landing-navy),#082746 58%,var(--landing-navy-2));
    border-bottom: 1px solid rgba(255,255,255,.09);
    box-shadow: 0 8px 22px rgba(3,20,39,.12)
}

.landing-header-inner {
    max-width: 1280px;
    margin: 0 auto;
    min-height: 78px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 16px
}

.landing-logo-shell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 146px;
    min-height: 54px;
    padding: 4px 8px;
    border-radius: 10px;
    background: var(--landing-navy);
    text-decoration: none;
    overflow: hidden
}

    .landing-logo-shell img {
        display: block;
        width: 178px;
        height: 54px;
        object-fit: contain;
        object-position: center
    }

.footer-logo {
    justify-content: flex-start;
    min-width: 0;
    padding: 0;
    background: transparent
}

    .footer-logo img {
        width: 205px;
        height: 68px
    }

.landing-nav {
    display: flex;
    align-items: center;
    gap: 15px;
    white-space: nowrap
}

    .landing-nav a {
        color: #d9e8f7;
        text-decoration: none;
        font-size: 12px;
        font-weight: 800;
        transition: .15s ease
    }

        .landing-nav a:hover, .landing-nav a:focus-visible {
            color: #fff
        }

.landing-search {
    margin-left: auto;
    display: grid;
    grid-template-columns: minmax(160px,1fr) 132px 44px;
    min-width: 330px;
    max-width: 460px;
    height: 42px;
    border: 1px solid #315b89;
    border-radius: 13px;
    overflow: hidden;
    background: #fff
}

    .landing-search input, .landing-search select {
        min-width: 0;
        border: 0;
        background: #fff;
        color: #29415e;
        padding: 0 12px;
        outline: 0;
        font: inherit;
        font-size: 12px
    }

    .landing-search select {
        border-left: 1px solid #e1e8f0;
        font-weight: 700
    }

    .landing-search button {
        border: 0;
        background: linear-gradient(135deg,#126fe4,#1bb8d4);
        color: #fff;
        font-size: 19px;
        cursor: pointer
    }

.landing-utils {
    display: flex;
    align-items: center;
    gap: 7px
}

.landing-pref-form {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0
}

.landing-pref {
    height: 38px;
    border: 1px solid #315b89;
    border-radius: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 7px;
    color: var(--landing-ink)
}

    .landing-pref select {
        border: 0;
        background: transparent;
        color: var(--landing-ink);
        font-size: 11px;
        font-weight: 800;
        outline: 0;
        max-width: 80px
    }

    .landing-pref img {
        width: 24px;
        height: 24px;
        object-fit: contain;
        border: 0;
        background: transparent
    }

.landing-globe {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 1.5px solid #0c80ed;
    color: #0c80ed;
    border-radius: 50%;
    font-weight: 900
}

.landing-cart {
    position: relative;
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    color: #fff;
    border: 1px solid #315b89;
    border-radius: 10px;
    text-decoration: none;
    background: #0d2b50
}

    .landing-cart svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8
    }

    .landing-cart span {
        position: absolute;
        right: -5px;
        top: -7px;
        min-width: 18px;
        height: 18px;
        border-radius: 99px;
        background: var(--landing-orange);
        color: #fff;
        display: grid;
        place-items: center;
        font-size: 10px;
        font-weight: 900;
        border: 2px solid var(--landing-navy)
    }

.landing-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 900;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer
}

.landing-btn-ghost {
    border-color: #315b89;
    background: #0d2b50;
    color: #fff
}

.landing-btn-orange {
    background: linear-gradient(135deg,var(--landing-orange),var(--landing-orange-2));
    color: #fff;
    box-shadow: 0 8px 18px rgba(255,114,15,.22)
}

.landing-btn-outline {
    border-color: #2d74a7;
    color: #fff;
    background: transparent
}

.landing-mobile-toggle {
    display: none;
    width: 42px;
    height: 42px;
    border: 1px solid #315b89;
    background: #0d2b50;
    border-radius: 10px;
    padding: 9px;
    gap: 5px;
    flex-direction: column;
    justify-content: center
}

    .landing-mobile-toggle span {
        height: 2px;
        background: #fff;
        border-radius: 10px;
        width: 100%
    }

.landing-page-inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px 54px
}

.landing-home {
    background: #fff
}

.landing-hero {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background: #082b53;
    color: #fff;
    display: grid;
    grid-template-columns: minmax(0,.92fr) minmax(470px,1.08fr);
    gap: 28px;
    padding: 48px max(24px,calc((100vw - 1240px)/2));
    position: relative;
    overflow: hidden
}

    .landing-hero:before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: linear-gradient(rgba(62,132,199,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(62,132,199,.17) 1px,transparent 1px);
        background-size: 42px 42px;
        pointer-events: none
    }

.landing-hero-copy, .landing-hero-art {
    position: relative;
    z-index: 1
}

.landing-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(115,207,255,.35);
    background: rgba(23,87,137,.36);
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .11em
}

    .landing-pill i {
        width: 7px;
        height: 7px;
        background: #24d3dd;
        border-radius: 50%;
        box-shadow: 0 0 12px #24d3dd
    }

.hero-title-with-icon {
    display: grid;
    grid-template-columns: 60px minmax(0,1fr);
    gap: 16px;
    align-items: start;
    margin-top: 22px
}

.hero-cube-icon {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg,rgba(32,133,228,.36),rgba(255,114,15,.14));
    border: 1px solid rgba(115,207,255,.4);
    box-shadow: 0 16px 36px rgba(0,0,0,.14)
}

    .hero-cube-icon svg {
        width: 36px;
        height: 36px;
        fill: none;
        stroke: #fff;
        stroke-width: 3;
        stroke-linejoin: round
    }

.landing-hero h1 {
    font-size: clamp(40px,5.1vw,72px);
    line-height: .98;
    margin: 0;
    letter-spacing: -.035em;
    color: #fff;
    max-width: 650px
}

.landing-hero-copy p {
    font-size: 20px;
    color: #d7e8f7;
    margin: 16px 0 0
}

.landing-hero-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 28px
}

    .landing-hero-actions .landing-btn {
        min-height: 46px;
        padding-inline: 20px
    }

.hero-metrics-visual {
    height: 100%;
    min-height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: transparent
}

.hero-metrics-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    text-align: center;
    gap: 14px
}

    .hero-metrics-row > i {
        width: 1px;
        height: 76px;
        background: linear-gradient(transparent,#3bdcff,transparent);
        box-shadow: 0 0 12px #25d7e6
    }

.hero-metric {
    display: grid;
    justify-items: center;
    gap: 4px
}

    .hero-metric svg {
        width: 74px;
        height: 74px;
        fill: none;
        stroke: #7ce8ff;
        stroke-width: 2.4;
        filter: drop-shadow(0 0 8px rgba(32,190,255,.6))
    }

    .hero-metric strong {
        font-size: 24px;
        color: #fff
    }

    .hero-metric span {
        font-size: 13px;
        color: #9de9ff
    }

.hero-mesh-wave {
    width: 100%;
    height: 190px;
    margin-top: -4px;
    overflow: visible
}

    .hero-mesh-wave g {
        fill: none;
        stroke: #5ecbff;
        stroke-width: 1.1;
        opacity: .78;
        filter: drop-shadow(0 0 4px rgba(59,190,255,.55))
    }

.landing-section {
    padding: 42px 0 4px
}

.landing-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px
}

    .landing-section-head > div > span, .landing-about-copy > span, .landing-simple-hero > span, .legal-kicker {
        font-size: 10px;
        font-weight: 900;
        color: #0b78d5;
        letter-spacing: .13em
    }

    .landing-section-head h2, .landing-about h2, .landing-simple-hero h1 {
        margin: 5px 0 4px;
        color: var(--landing-ink);
        font-size: 28px
    }

    .landing-section-head p {
        margin: 0;
        color: #60758d;
        font-size: 13px
    }

    .landing-section-head > a {
        color: #0b78d5;
        text-decoration: none;
        font-size: 12px;
        font-weight: 900
    }

.landing-design-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important
}

    .landing-design-grid .image-only-design-card {
        aspect-ratio: 1/1
    }

.image-only-design-card {
    border-radius: 13px !important;
    overflow: hidden !important;
    border: 1px solid #d6e3ef !important;
    background: #edf4fa !important;
    padding: 0 !important
}

.image-only-design-media {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #edf4fa
}

    .image-only-design-media img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important;
        transition: transform .18s ease
    }

.image-only-design-card:hover .image-only-design-media img {
    transform: scale(1.03)
}

.design-card.image-only-design-card .dc-body, .design-card.image-only-design-card .promoted-badge {
    display: none !important
}

.landing-category-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px
}

.landing-category-card {
    min-height: 110px;
    padding: 17px;
    border-radius: 14px;
    background: linear-gradient(145deg,#071e39,#0a3d73);
    color: #fff;
    text-decoration: none;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    column-gap: 14px;
    align-items: center;
    border: 1px solid #214e79
}

    .landing-category-card > span {
        grid-row: 1/3;
        width: 42px;
        height: 42px;
        border-radius: 11px;
        background: rgba(42,170,235,.17);
        display: grid;
        place-items: center;
        color: #5edcff;
        font-size: 12px;
        font-weight: 900
    }

    .landing-category-card strong {
        font-size: 16px
    }

    .landing-category-card small {
        color: #9bb9d2
    }

    .landing-category-card:hover {
        transform: translateY(-2px)
    }

.landing-designer-list {
    display: grid;
    gap: 12px
}

    .landing-designer-list .designer-summary-card {
        margin: 0
    }

.landing-about {
    margin: 44px 0 12px;
    padding: 34px;
    border-radius: 20px;
    background: #061a33;
    color: #fff;
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(330px,.65fr);
    gap: 34px
}

.landing-about-copy h2 {
    color: #fff;
    font-size: 34px
}

.landing-about-copy p {
    color: #d7e6f5;
    line-height: 1.7;
    font-size: 13px;
    margin: 12px 0
}

.landing-about-copy .landing-btn {
    margin-top: 8px
}

.landing-about-features {
    display: grid;
    align-content: center;
    gap: 10px;
    border-left: 1px solid rgba(255,255,255,.13);
    padding-left: 28px
}

    .landing-about-features article {
        display: grid;
        grid-template-columns: 46px 1fr;
        gap: 12px;
        align-items: center;
        padding: 12px;
        border-radius: 13px;
        background: rgba(255,255,255,.03)
    }

    .landing-about-features svg {
        width: 42px;
        height: 42px;
        padding: 8px;
        border-radius: 50%;
        fill: none;
        stroke: #24c4f4;
        stroke-width: 2;
        background: #0b315a
    }

    .landing-about-features h3 {
        margin: 0;
        color: #fff;
        font-size: 15px
    }

    .landing-about-features p {
        margin: 4px 0 0;
        color: #9ebbd3;
        font-size: 11px;
        line-height: 1.5
    }

.landing-how {
    margin: 30px 0 8px;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px
}

    .landing-how article {
        padding: 20px;
        border: 1px solid #d8e5f0;
        border-radius: 14px;
        background: #f8fbff
    }

        .landing-how article > span {
            display: inline-grid;
            place-items: center;
            width: 34px;
            height: 34px;
            border-radius: 10px;
            background: #0a78d8;
            color: #fff;
            font-size: 11px;
            font-weight: 900
        }

    .landing-how h3 {
        margin: 12px 0 5px;
        color: var(--landing-ink)
    }

    .landing-how p {
        margin: 0;
        color: #657b91;
        font-size: 12px;
        line-height: 1.6
    }

.landing-brand-banner {
    width: 100vw;
    margin: 42px 0 0 calc(50% - 50vw);
    background: #061a33;
    padding: 24px 20px
}

.landing-brand-banner-inner {
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    justify-content: center
}

.landing-brand-banner img {
    width: min(620px,88vw);
    height: 170px;
    object-fit: contain
}

.landing-footer {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background: #061a33;
    color: #dce9f6;
    border-top: 1px solid #163b60
}

.landing-footer-inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 34px 20px;
    display: grid;
    grid-template-columns: 1.35fr repeat(4,1fr);
    gap: 30px
}

.landing-footer h3 {
    margin: 0 0 10px;
    color: #fff;
    font-size: 13px
}

.landing-footer a {
    display: block;
    color: #a9c2d9;
    text-decoration: none;
    font-size: 11px;
    margin: 8px 0
}

    .landing-footer a:hover {
        color: #fff
    }

.footer-brand p {
    font-size: 11px;
    color: #8eacc8;
    max-width: 220px
}

.landing-footer-bottom {
    max-width: 1240px;
    margin: 0 auto;
    padding: 14px 20px;
    border-top: 1px solid #163b60;
    display: flex;
    justify-content: space-between;
    gap: 14px;
    font-size: 10px;
    color: #829fba
}

/* Public market: header breaks out to true edge-to-edge while content remains readable. */
.public-market, .public-page {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding-top: 0 !important
}

    .public-market > .landing-global-header, .public-page > .landing-global-header {
        margin-bottom: 18px
    }

.markethead {
    padding-top: 4px
}

.searchbar {
    border-radius: 12px
}

.featured-zone {
    border-radius: 15px
}

.collections-card-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important
}

.collection-visual-card {
    border-radius: 15px !important;
    overflow: hidden
}

.collection-cover-cell img {
    object-fit: cover !important
}

/* Complete badge artwork — authoritative individual PNGs, never cropped/masked. */
:is(.mini-badge,.badgecard-image>img,.badge-detail-image,.profile-badge-display img,.designer-summary-badges img,.creator-detail-badges img,.designer-mini-badges img,.badge-cluster img) {
    object-fit: contain !important;
    object-position: center !important;
    clip-path: none !important;
    mask: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    overflow: visible !important
}

.badge-click-target, .badgecard-image, .badgecard, .badgecard-button, .badge-cluster, .badge-detail-dialog {
    overflow: visible !important
}

.landing-simple-hero {
    padding: 34px 0 20px;
    border-bottom: 1px solid #dce7f1
}

    .landing-simple-hero h1 {
        font-size: 38px
    }

    .landing-simple-hero p {
        color: #5d738a;
        max-width: 820px
    }

.landing-info-page .landing-about {
    margin-top: 26px
}

.landing-category-detail-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 13px;
    padding: 24px 0
}

.landing-category-detail {
    border: 1px solid #dae5ef;
    border-radius: 14px;
    padding: 18px;
    background: #fff
}

    .landing-category-detail h2 {
        margin: 0 0 10px;
        color: var(--landing-ink);
        font-size: 18px
    }

    .landing-category-detail > div {
        display: flex;
        flex-wrap: wrap;
        gap: 7px
    }

    .landing-category-detail a {
        font-size: 11px;
        text-decoration: none;
        padding: 6px 9px;
        border-radius: 999px;
        background: #f0f6fb;
        color: #24547d
    }

.landing-license-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 13px;
    padding: 24px 0
}

.landing-license-card {
    border: 1px solid #d9e5ef;
    border-radius: 14px;
    padding: 18px;
    background: #fff
}

    .landing-license-card > b {
        font-size: 11px;
        color: #0a78d8
    }

    .landing-license-card h2 {
        font-size: 18px;
        margin: 5px 0 7px
    }

    .landing-license-card p {
        color: #5d738a;
        line-height: 1.6;
        font-size: 12px
    }

.landing-faq {
    padding: 24px 0;
    display: grid;
    gap: 10px
}

    .landing-faq details {
        border: 1px solid #d8e4ef;
        border-radius: 12px;
        background: #fff;
        padding: 15px
    }

    .landing-faq summary {
        cursor: pointer;
        color: var(--landing-ink);
        font-weight: 900
    }

    .landing-faq p {
        color: #60758b;
        line-height: 1.6
    }

.landing-legal-page {
    padding-bottom: 55px !important
}

.landing-legal-card {
    max-width: 900px;
    margin: 26px auto 0;
    padding: 30px;
    border: 1px solid #d9e4ef;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(8,35,64,.06)
}

    .landing-legal-card > h1 {
        font-size: 38px;
        color: var(--landing-ink);
        margin: 6px 0 22px
    }

    .landing-legal-card h2 {
        margin: 26px 0 7px;
        color: #0c3d68;
        font-size: 19px
    }

    .landing-legal-card p {
        margin: 8px 0;
        color: #4f657c;
        line-height: 1.7;
        font-size: 13px
    }

/* Approved logo on any light/white surface gets a navy backing automatically. */
.authbrand-logo-strip, .landing-logo-shell {
    background: #061a33 !important
}

.landing-footer .landing-logo-shell, .landing-main-header .landing-logo-shell {
    background: transparent !important
}

.brand-sidebar .brand-lockup, .brand-lockup, .brand-sidebar {
    background: #061a33 !important
}

.brand-client-logo, .authbrand-logo-strip img, .public-brand-client-logo {
    object-fit: contain !important
}

body[data-theme="dark"] .landing-home, body[data-theme="dark"] .landing-page-inner {
    background: var(--bg);
    color: var(--text)
}

body[data-theme="dark"] .landing-section-head h2, body[data-theme="dark"] .landing-simple-hero h1 {
    color: #f2f7fc
}

.landing-home .designer-summary-card {
    background: #fff
}

body[data-theme="dark"] .landing-home .designer-summary-card {
    background: var(--card)
}

@media(max-width:1180px) {
    .landing-nav {
        display: none;
        position: absolute;
        left: 20px;
        right: 20px;
        top: 92px;
        padding: 14px;
        background: #071f3b;
        border: 1px solid #315b89;
        border-radius: 12px;
        flex-wrap: wrap
    }

        .landing-nav.is-open {
            display: flex
        }

    .landing-mobile-toggle {
        display: flex
    }

    .landing-search {
        min-width: 260px;
        grid-template-columns: 1fr 44px
    }

        .landing-search select {
            display: none
        }

    .landing-header-inner {
        flex-wrap: wrap
    }

    .landing-utils {
        margin-left: auto
    }

    .landing-hero {
        grid-template-columns: 1fr;
    }

    .landing-hero-art {
        max-width: 760px
    }

    .landing-footer-inner {
        grid-template-columns: repeat(3,1fr)
    }

    .footer-brand {
        grid-column: 1/-1
    }

    .landing-about {
        grid-template-columns: 1fr
    }

    .landing-about-features {
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,.13);
        padding: 22px 0 0
    }

    .landing-category-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .landing-category-detail-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:760px) {
    .landing-header-inner {
        padding: 10px 12px;
        gap: 10px
    }

    .landing-logo-shell {
        min-width: 118px
    }

        .landing-logo-shell img {
            width: 140px;
            height: 48px
        }

    .landing-search {
        order: 3;
        width: 100%;
        max-width: none;
        min-width: 0
    }

    .landing-utils {
        gap: 5px
    }

    .landing-pref {
        padding: 0 5px
    }

        .landing-pref select {
            max-width: 62px
        }

    .landing-btn {
        padding-inline: 10px
    }

    .landing-main-header .landing-btn-orange {
        display: none
    }

    .landing-hero {
        padding: 34px 16px;
        grid-template-columns: 1fr
    }

    .hero-title-with-icon {
        grid-template-columns: 46px 1fr
    }

    .hero-cube-icon {
        width: 44px;
        height: 44px
    }

        .hero-cube-icon svg {
            width: 28px;
            height: 28px
        }

    .landing-hero h1 {
        font-size: 44px
    }

    .landing-hero-copy p {
        font-size: 17px
    }

    .hero-metrics-row {
        gap: 6px
    }

    .hero-metric svg {
        width: 55px;
        height: 55px
    }

    .hero-metric strong {
        font-size: 18px
    }

    .hero-metric span {
        font-size: 10px
    }

    .hero-metrics-row > i {
        height: 56px
    }

    .landing-design-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important
    }

    .collections-card-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important
    }

    .landing-category-grid, .landing-category-detail-grid, .landing-license-grid {
        grid-template-columns: 1fr
    }

    .landing-how {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .landing-footer-inner {
        grid-template-columns: repeat(2,1fr)
    }

    .landing-footer-bottom {
        flex-direction: column
    }

    .landing-brand-banner img {
        height: 120px
    }
}

@media(max-width:500px) {
    .landing-pref-form {
        display: none
    }

    .landing-hero h1 {
        font-size: 38px
    }

    .landing-section-head {
        align-items: flex-start
    }

    .landing-design-grid, .collections-card-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 8px !important
    }

    .landing-about {
        padding: 22px
    }

    .landing-how {
        grid-template-columns: 1fr
    }

    .landing-footer-inner {
        grid-template-columns: 1fr
    }

    .hero-metrics-visual {
        min-height: 275px
    }

    .hero-mesh-wave {
        height: 150px
    }

    .landing-legal-card {
        padding: 20px
    }

        .landing-legal-card > h1 {
            font-size: 30px
        }
}

@media(prefers-reduced-motion:reduce) {
    * {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important
    }
}

/* ===== Landing public redesign — client approved 2026-09-18 ===== */
.landing-category-strip {
    width: 100%;
    background: #0b315a;
    border-top: 1px solid rgba(255,255,255,.04);
    border-bottom: 1px solid rgba(255,255,255,.1);
    overflow-x: auto;
    scrollbar-width: thin
}

.landing-category-strip-inner {
    max-width: 1280px;
    margin: 0 auto;
    min-height: 38px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    white-space: nowrap
}

.landing-category-strip a {
    color: #dcecff;
    text-decoration: none;
    font-size: 11px;
    font-weight: 800;
    padding: 12px 16px;
    transition: background .16s ease,color .16s ease
}

    .landing-category-strip a:hover, .landing-category-strip a:focus-visible {
        background: rgba(255,255,255,.08);
        color: #fff
    }

.landing-logo-shell {
    min-width: 184px;
    min-height: 58px;
    padding: 2px 8px
}

    .landing-logo-shell img {
        width: 218px;
        height: 60px
    }

.landing-main-header .landing-logo-shell {
    background: transparent !important
}

.landing-globe {
    border: 0 !important;
    width: 22px;
    height: 22px
}

    .landing-globe svg {
        width: 22px;
        height: 22px;
        fill: none;
        stroke: #0c80ed;
        stroke-width: 1.7
    }

.landing-account-menu {
    position: relative
}

.landing-account-trigger {
    height: 42px;
    border: 1px solid #315b89;
    border-radius: 999px;
    background: #0d2b50;
    color: #fff;
    padding: 3px 10px 3px 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font: inherit
}

    .landing-account-trigger > svg {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8
    }

.landing-account-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    background: #1685e8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 900;
}

    .landing-account-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 50%;
    }

.landing-account-name {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 900
}

.landing-account-dropdown {
    position: absolute;
    right: 0;
    top: 50px;
    min-width: 190px;
    padding: 8px;
    background: #fff;
    border: 1px solid #d9e5ef;
    border-radius: 13px;
    box-shadow: 0 18px 40px rgba(4,25,48,.2);
    z-index: 80
}

    .landing-account-dropdown a {
        display: block;
        padding: 10px 11px;
        border-radius: 8px;
        color: #163b60;
        text-decoration: none;
        font-size: 12px;
        font-weight: 750
    }

        .landing-account-dropdown a:hover, .landing-account-dropdown a:focus-visible {
            background: #eef6fd
        }

        .landing-account-dropdown a.logout {
            color: #b42318;
            border-top: 1px solid #edf1f5;
            margin-top: 4px;
            padding-top: 11px
        }

.landing-first-screen {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    background: #082b53
}

    .landing-first-screen .landing-brand-banner {
        margin: 0;
        width: 100%;
        margin-left: 0
    }

.landing-brand-banner-top {
    padding: 16px 20px;
    background: #061a33;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

    .landing-brand-banner-top img {
        height: 118px;
        width: min(700px,88vw)
    }

.landing-first-screen .landing-hero {
    margin-left: 0;
    width: 100%;
    min-height: calc(100vh - 264px);
    background: #082b53;
    padding-top: 48px;
    padding-bottom: 48px
}

    .landing-first-screen .landing-hero:before {
        background-size: 42px 42px;
        opacity: 1
    }

.hero-client-visual {
    width: 100%;
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .hero-client-visual img {
        width: 100%;
        max-width: 720px;
        height: auto;
        display: block;
        object-fit: contain
    }

.landing-popular-categories {
    padding-top: 34px
}

.popular-category-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 12px
}

.popular-category-card {
    min-height: 100px;
    display: grid;
    grid-template-columns: 52px 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid #d6e2ed;
    border-radius: 15px;
    background: #fff;
    color: #0b213c;
    text-decoration: none;
    box-shadow: 0 5px 18px rgba(8,39,70,.04);
    transition: transform .15s ease,box-shadow .15s ease
}

    .popular-category-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(8,39,70,.09)
    }

    .popular-category-card > b {
        color: #1764ea
    }

.popular-category-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: linear-gradient(145deg,#fff,#e8f5ff);
    box-shadow: 0 7px 18px rgba(25,113,191,.14);
    display: grid;
    place-items: center
}

    .popular-category-icon svg {
        width: 31px;
        height: 31px;
        fill: none;
        stroke: #1764ea;
        stroke-width: 2.2;
        stroke-linecap: round;
        stroke-linejoin: round
    }

    .popular-category-icon.cat-art svg {
        stroke: #c54cf0
    }

    .popular-category-icon.cat-fashion svg {
        stroke: #0d7cf2
    }

    .popular-category-icon.cat-jewelry svg {
        stroke: #f4a62a
    }

    .popular-category-icon.cat-home svg {
        stroke: #1386d5
    }

    .popular-category-icon.cat-tool svg {
        stroke: #f49b17
    }

    .popular-category-icon.cat-gadget svg {
        stroke: #4f8dff
    }

    .popular-category-icon.cat-game svg {
        stroke: #d24ae8
    }

    .popular-category-icon.cat-various svg {
        stroke: #2563eb
    }

    .popular-category-icon.cat-architecture svg {
        stroke: #1e70ca
    }

.popular-category-copy {
    display: grid;
    gap: 6px
}

    .popular-category-copy strong {
        font-size: 13px
    }

    .popular-category-copy small {
        font-size: 10px;
        color: #6d8398
    }

.landing-ads-section {
    padding-top: 48px
}

.company-ads-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px
}

.company-ad-card {
    display: block;
    aspect-ratio: 1200/520;
    border-radius: 16px;
    overflow: hidden;
    background: #061a33;
    border: 1px solid #d6e2ed;
    box-shadow: 0 9px 26px rgba(8,39,70,.08);
    transition: transform .16s ease,box-shadow .16s ease
}

    .company-ad-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 32px rgba(8,39,70,.14)
    }

    .company-ad-card img, .company-ad-card video {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover
    }

.landing-load-more {
    display: block;
    margin: 18px auto 0;
    border: 1px solid #bad0e3;
    background: #fff;
    color: #0c5fa7;
    border-radius: 10px;
    padding: 10px 18px;
    font-weight: 900;
    cursor: pointer
}

.landing-rank-section .landing-design-grid, .landing-latest-section .landing-design-grid {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 14px
}

.landing-wide-link {
    margin-top: 16px;
    width: 100%;
    min-height: 42px;
    border-radius: 8px;
    background: #eef2f6;
    color: #6c3bf1;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 900
}

.best-seller-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px
}

.best-seller-card {
    position: relative;
    aspect-ratio: 1/1;
    border-radius: 15px;
    overflow: hidden;
    background: #eaf2f8;
    text-decoration: none;
    border: 1px solid #d7e3ed;
    box-shadow: 0 8px 20px rgba(7,32,57,.07)
}

.best-seller-media {
    display: block;
    width: 100%;
    height: 100%
}

    .best-seller-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform .18s ease
    }

.best-seller-card:hover img {
    transform: scale(1.035)
}

.seller-design-fallback {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    font-size: 36px;
    font-weight: 900;
    color: #0c68bd
}

.best-seller-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px 13px 12px;
    background: linear-gradient(transparent,rgba(2,20,39,.88));
    color: #fff;
    display: grid;
    gap: 2px
}

    .best-seller-overlay strong {
        font-size: 13px
    }

    .best-seller-overlay small {
        font-size: 10px;
        color: #bfe7ff
    }

.home-collection-grid {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important
}

.all-collections-grid {
    padding: 24px 0;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important
}

.popular-designers-grid {
    display: grid;
    grid-template-columns: repeat(8,minmax(0,1fr));
    gap: 16px 12px
}

.popular-designer-card {
    text-decoration: none;
    color: #0b213c;
    text-align: center;
    display: grid;
    justify-items: center;
    gap: 7px;
    min-width: 0
}

.popular-designer-avatar {
    width: 92px;
    height: 92px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #d9e4ee;
    background: linear-gradient(145deg,#0b315a,#1b8bd7);
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(7,32,57,.08)
}

    .popular-designer-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.popular-designer-card strong {
    font-size: 10px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popular-designer-card small {
    font-size: 9px;
    color: #73879a
}

.landing-about {
    margin-top: 48px
}

.landing-about-features.premium-features {
    gap: 0;
    padding-left: 34px
}

    .landing-about-features.premium-features article {
        background: transparent;
        border-radius: 0;
        padding: 18px 0;
        border-bottom: 1px solid rgba(255,255,255,.11)
    }

        .landing-about-features.premium-features article:last-child {
            border-bottom: 0
        }

    .landing-about-features.premium-features svg {
        background: transparent;
        border: 1px solid rgba(74,199,255,.25);
        width: 44px;
        height: 44px
    }

    .landing-about-features.premium-features h3 {
        font-size: 16px
    }

    .landing-about-features.premium-features p {
        font-size: 11px
    }

.landing-commission {
    padding-top: 48px
}

.commission-copy {
    columns: 2;
    column-gap: 46px;
    padding: 26px 30px;
    border: 1px solid #dbe6ef;
    border-radius: 18px;
    background: #fff
}

    .commission-copy p {
        break-inside: avoid;
        margin: 0 0 15px;
        color: #344c64;
        font-size: 13px;
        line-height: 1.72
    }

.commission-client-image {
    margin-top: 24px;
    border-radius: 18px;
    overflow: hidden;
    background: #061a33
}

    .commission-client-image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain
    }

.landing-home-licenses {
    background: #f4f7fb;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 40px max(20px,calc((100vw - 1240px)/2)) 44px
}

.home-license-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 12px
}

.home-license-card {
    background: #fff;
    border: 1px solid #d8e2ec;
    border-radius: 16px;
    padding: 18px;
    min-height: 162px
}

    .home-license-card > b {
        display: inline-block;
        padding: 5px 8px;
        border-radius: 999px;
        background: #1688d9;
        color: #fff;
        font-size: 9px
    }

    .home-license-card h3 {
        font-size: 13px;
        color: #0b213c;
        margin: 13px 0 8px
    }

    .home-license-card p {
        font-size: 10px;
        color: #657b91;
        line-height: 1.55;
        margin: 0
    }

.license-grant-note {
    text-align: center;
    color: #435b72;
    margin: 18px 0 0;
    font-size: 12px
}

    .license-grant-note strong {
        color: #0b213c
    }

.landing-founder-badges {
    padding-top: 44px
}

.founder-badge-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 30px
}

.founder-badge-item {
    display: grid;
    grid-template-columns: minmax(150px,190px) 1fr;
    align-items: center;
    gap: 20px;
    padding: 10px 0;
    background: transparent;
    border: 0
}

    .founder-badge-item img {
        width: 100%;
        max-height: 230px;
        object-fit: contain !important;
        object-position: center !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        clip-path: none !important;
        filter: none !important
    }

    .founder-badge-item h3 {
        margin: 0 0 7px;
        color: #0b213c;
        font-size: 17px
    }

    .founder-badge-item p {
        margin: 0;
        color: #63798e;
        font-size: 11px;
        line-height: 1.6
    }

.subcategory-page-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
    padding: 26px 0
}

.subcategory-tile {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 5px 12px;
    align-items: center;
    padding: 18px;
    border: 1px solid #d7e4ef;
    border-radius: 14px;
    background: #fff;
    text-decoration: none;
    color: #0b213c
}

    .subcategory-tile strong {
        font-size: 15px
    }

    .subcategory-tile small {
        font-size: 10px;
        color: #72879b
    }

    .subcategory-tile span {
        grid-column: 2;
        grid-row: 1/3;
        color: #1764ea;
        font-size: 20px
    }

.landing-listing-grid {
    padding: 26px 0
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

@media(max-width:1180px) {
    .popular-category-grid {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .popular-designers-grid {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .home-license-grid {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .landing-category-strip-inner {
        justify-content: flex-start
    }

    .landing-logo-shell img {
        width: 196px
    }

    .landing-account-name {
        display: none
    }
}

@media(max-width:760px) {
    .landing-brand-banner-top img {
        height: 90px
    }

    .landing-first-screen .landing-hero {
        min-height: auto
    }

    .hero-client-visual {
        min-height: 260px
    }

    .company-ads-grid {
        grid-template-columns: 1fr
    }

    .popular-category-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .best-seller-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .popular-designers-grid {
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 14px 8px
    }

    .popular-designer-avatar {
        width: 72px;
        height: 72px
    }

    .home-license-grid {
        grid-template-columns: 1fr 1fr
    }

    .founder-badge-grid {
        grid-template-columns: 1fr
    }

    .founder-badge-item {
        grid-template-columns: 130px 1fr
    }

    .commission-copy {
        columns: 1
    }

    .home-collection-grid, .all-collections-grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important
    }

    .subcategory-page-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:500px) {
    .popular-category-grid {
        grid-template-columns: 1fr
    }

    .popular-designers-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .home-license-grid {
        grid-template-columns: 1fr
    }

    .home-collection-grid, .all-collections-grid {
        grid-template-columns: 1fr !important
    }

    .subcategory-page-grid {
        grid-template-columns: 1fr
    }

    .landing-category-strip a {
        padding: 11px 13px
    }

    .landing-account-trigger {
        padding-right: 4px
    }

    .founder-badge-item {
        grid-template-columns: 110px 1fr
    }
}

@media(max-width:500px) {
    .landing-main-header .landing-signin-only {
        display: inline-flex !important
    }

    .landing-account-menu {
        display: block !important
    }
}
/* Lossless WebP picture wrappers for faster client-approved artwork loading. */
.hero-client-visual picture {
    display: block;
    width: 100%;
    max-width: 720px
}

    .hero-client-visual picture img {
        max-width: none
    }

.commission-client-image picture {
    display: block;
    width: 100%
}

.landing-nav a.active, .landing-nav a[aria-current="page"] {
    color: #fff;
    background: rgba(39,160,255,.16);
    box-shadow: inset 0 -2px 0 #27bfff
}

.landing-category-strip a.active, .landing-category-strip a[aria-current="page"] {
    background: rgba(255,255,255,.12);
    color: #fff;
    box-shadow: inset 0 -2px 0 #42cbff
}

/* ========================================================================== */
/* Client final refinement batch — 2026-09-19                                */
/* ========================================================================== */

/* Top notice removed in markup; keep no residual visual gap if cached markup appears. */
.landing-notice-bar {
    display: none !important
}

/* Header branding: approved artwork, larger/clearer, with the artwork itself uncropped. */
.landing-header-inner {
    min-height: 82px
}

.landing-logo-shell {
    min-width: 190px;
    min-height: 58px;
    padding: 2px 0;
    justify-content: flex-start;
    overflow: visible
}

    .landing-logo-shell img {
        width: 188px;
        height: auto;
        max-height: 60px;
        object-fit: contain;
        object-position: left center
    }

/* Guest Sign in is always the orange action. */
.landing-main-header .landing-signin-only {
    display: inline-flex !important;
    background: linear-gradient(135deg,var(--landing-orange),var(--landing-orange-2)) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 8px 18px rgba(255,114,15,.25) !important
}

/* Logged-in state: circular profile photo only, then Dashboard/Profile dropdown. */
.landing-account-menu {
    position: relative;
    display: block !important
}

.landing-account-trigger {
    width: 42px;
    height: 42px;
    padding: 3px;
    border-radius: 50%;
    justify-content: center;
    background: #0d2b50;
    border: 1px solid #315b89;
    box-shadow: 0 5px 14px rgba(0,0,0,.16)
}

.landing-account-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    flex: 0 0 34px
}

.landing-account-trigger > svg, .landing-account-name {
    display: none !important
}

.landing-account-dropdown {
    top: 49px;
    min-width: 150px;
    padding: 7px
}

    .landing-account-dropdown a {
        font-size: 12px;
        font-weight: 800
    }

/* Brand banner: logo aligned to the same left grid as the header, phrase on the right. */
.landing-brand-banner-top {
    padding: 22px 0;
    background: #061a33;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.landing-brand-banner-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px
}

.landing-brand-banner-top img {
    width: 265px;
    height: auto;
    max-height: 92px;
    object-fit: contain;
    object-position: left center;
    flex: 0 0 auto
}

.landing-brand-banner-top p {
    margin: 0;
    color: #fff;
    font-size: clamp(15px,1.55vw,21px);
    font-weight: 800;
    letter-spacing: .01em;
    text-align: right;
    line-height: 1.35
}

/* Clean client hero artwork: keep transparent asset unchanged in composition. */
.hero-client-visual {
    background: transparent !important
}

    .hero-client-visual picture {
        display: block;
        width: 100%;
        max-width: 720px;
        background: transparent !important
    }

    .hero-client-visual img {
        display: block;
        width: 100%;
        height: auto;
        max-width: none;
        object-fit: contain;
        background: transparent !important;
        image-rendering: auto
    }

/* Every landing section title uses a small Cults-like outline icon and navy text. */
.landing-section-head {
    align-items: center;
    margin-bottom: 17px
}

.landing-section-copy {
    min-width: 0
}

.landing-section-title-row {
    display: flex;
    align-items: center;
    gap: 8px
}

    .landing-section-title-row h2 {
        margin: 0 !important;
        color: var(--landing-ink) !important;
        font-size: 25px;
        line-height: 1.2;
        font-weight: 850;
        letter-spacing: -.015em
    }

.landing-section-icon {
    width: 20px;
    height: 20px;
    display: inline-grid;
    place-items: center;
    color: var(--landing-navy);
    flex: 0 0 20px
}

    .landing-section-icon svg {
        width: 19px;
        height: 19px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.65;
        stroke-linecap: round;
        stroke-linejoin: round
    }

.landing-section-head p {
    margin: 6px 0 0 !important;
    color: #60758d;
    font-size: 13px;
    line-height: 1.55
}
/* Remove the former blue eyebrow/kicker treatment everywhere. */
.landing-section-head > div > span, .landing-about-copy > span, .landing-simple-hero > span, .legal-kicker {
    display: none !important
}

/* All section-level View/All links: orange type, blue backing/shadow, chevron-head only. */
.landing-section-all-link, .landing-wide-link {
    width: max-content !important;
    min-height: 34px !important;
    padding: 8px 13px !important;
    border: 1px solid #c9e3fa !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg,#f5faff,#e7f3ff) !important;
    color: var(--landing-orange) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    box-shadow: 0 6px 14px rgba(17,108,190,.14) !important;
    white-space: nowrap;
    transition: transform .15s ease,box-shadow .15s ease,background .15s ease
}

    .landing-section-all-link::after, .landing-wide-link::after {
        content: "›";
        font-size: 18px;
        line-height: .8;
        font-weight: 900;
        color: var(--landing-orange);
        transform: translateY(-.5px)
    }

    .landing-section-all-link:hover, .landing-section-all-link:focus-visible, .landing-wide-link:hover, .landing-wide-link:focus-visible {
        transform: translateY(-1px);
        background: #e1f1ff !important;
        box-shadow: 0 9px 18px rgba(17,108,190,.2) !important
    }

.landing-wide-link {
    margin: 16px 0 0 auto !important
}

.landing-about-section {
    padding-top: 48px
}

    .landing-about-section > .landing-section-head {
        margin-bottom: 14px
    }

.landing-about {
    margin: 0 0 12px
}

.landing-about-copy h2 {
    display: none
}

.landing-commission {
    padding-top: 48px
}

.commission-copy {
    columns: 2;
    column-gap: 48px;
    padding: 30px 34px;
    border: 1px solid #d6e3ef;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(7,36,68,.045)
}

    .commission-copy p {
        break-inside: avoid;
        margin: 0 0 17px;
        color: #173651;
        font-size: 15px;
        line-height: 1.82;
        font-weight: 520;
        letter-spacing: .002em
    }

.commission-client-image {
    margin-top: 24px;
    border-radius: 18px;
    overflow: hidden;
    background: #061a33
}

    .commission-client-image picture, .commission-client-image img {
        width: 100%;
        display: block;
        background: transparent !important
    }

    .commission-client-image img {
        height: auto;
        object-fit: contain
    }

.profile-custom-request {
    background: linear-gradient(135deg,var(--landing-orange),var(--landing-orange-2)) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 7px 16px rgba(255,114,15,.22) !important
}

    .profile-custom-request:hover, .profile-custom-request:focus-visible {
        filter: brightness(1.035);
        transform: translateY(-1px)
    }

:is(.mini-badge,.badgecard-image>img,.badge-detail-image,.profile-badge-display img,.designer-summary-badges img,.creator-detail-badges img,.designer-mini-badges img,.badge-cluster img) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    clip-path: none !important;
    object-fit: contain !important;
    object-position: center !important
}

:is(.badge-click-target,.badgecard-image,.badge-cluster,.profile-badge-display,.designer-summary-badges,.creator-detail-badges) {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    overflow: visible !important
}

.footer-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.footer-logo {
    justify-content: flex-start !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    overflow: visible !important
}

    .footer-logo img {
        width: 235px !important;
        height: auto !important;
        max-height: none !important;
        object-position: left center !important
    }

.footer-brand p {
    margin: 7px 0 0;
    color: #9db7cf;
    max-width: 260px;
    font-size: 11px
}

@media(max-width:1180px) {
    .landing-logo-shell {
        min-width: 170px
    }

        .landing-logo-shell img {
            width: 170px
        }

    .landing-brand-banner-top img {
        width: 235px
    }
}

@media(max-width:760px) {
    .landing-brand-banner-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 0 16px
    }

    .landing-brand-banner-top img {
        width: 220px;
        height: auto !important
    }

    .landing-brand-banner-top p {
        text-align: left;
        font-size: 15px
    }

    .landing-section-head {
        align-items: flex-start;
        flex-wrap: wrap
    }

    .landing-section-all-link {
        margin-left: auto
    }

    .commission-copy {
        columns: 1;
        padding: 24px 22px
    }

        .commission-copy p {
            font-size: 14.5px;
            line-height: 1.78
        }

    .footer-logo img {
        width: 215px !important
    }
}

@media(max-width:500px) {
    .landing-logo-shell {
        min-width: 145px
    }

        .landing-logo-shell img {
            width: 145px;
            height: auto
        }

    .landing-account-trigger {
        width: 40px;
        height: 40px
    }

    .landing-account-avatar {
        width: 32px;
        height: 32px;
        flex-basis: 32px
    }

    .landing-section-title-row h2 {
        font-size: 22px
    }

    .landing-section-all-link, .landing-wide-link {
        font-size: 10px !important;
        padding: 7px 10px !important
    }
}

.popular-designer-card {
    position: relative;
    overflow: visible
}

.popular-designer-badge {
    position: absolute;
    right: 7px;
    top: 7px;
    width: 42px;
    height: 50px;
    display: grid;
    place-items: center;
    z-index: 2;
    pointer-events: none;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important
}

    .popular-designer-badge img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain !important;
        object-position: center;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        clip-path: none !important
    }

@media(max-width:760px) {
    .popular-designer-badge {
        width: 36px;
        height: 43px;
        right: 5px;
        top: 5px
    }
}

.landing-section-title-row h2,
.landing-about-section .landing-section-title-row h2,
.landing-popular-categories .landing-section-title-row h2,
.landing-founder-badges .landing-section-title-row h2 {
    color: var(--landing-navy) !important;
}

.landing-section-icon,
.landing-about-section .landing-section-icon,
.landing-popular-categories .landing-section-icon,
.landing-founder-badges .landing-section-icon {
    color: var(--landing-navy) !important;
}

.popular-designer-badge {
    display: none !important
}

.popular-designer-card {
    overflow: visible !important
}

.profile-badge-display {
    overflow: visible !important;
    width: auto !important;
    max-width: 100% !important;
    align-items: flex-start !important;
}

    .profile-badge-display .badge-cluster {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: auto !important;
        max-width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .profile-badge-display .badge-cluster-item,
    .profile-badge-display .badge-cluster-item:nth-child(n) {
        margin: 0 !important;
        transform: none !important;
        overflow: visible !important;
    }

    .profile-badge-display .badge-click-target {
        width: 68px !important;
        min-width: 68px !important;
        height: auto !important;
        min-height: 82px !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

        .profile-badge-display .badge-click-target .mini-badge,
        .profile-badge-display .mini-badge {
            display: block !important;
            width: 66px !important;
            min-width: 66px !important;
            height: auto !important;
            max-height: none !important;
            aspect-ratio: auto !important;
            object-fit: contain !important;
            object-position: center !important;
            clip-path: none !important;
            mask: none !important;
            -webkit-mask: none !important;
            transform: none !important;
            filter: none !important;
            background: transparent !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            padding: 0 !important;
            overflow: visible !important;
        }

.designer-summary-badges .badge-cluster,
.creator-detail-badges .badge-cluster {
    gap: 6px !important;
    overflow: visible !important;
}

.designer-summary-badges .badge-cluster-item,
.creator-detail-badges .badge-cluster-item,
.designer-summary-badges .badge-cluster-item:nth-child(n),
.creator-detail-badges .badge-cluster-item:nth-child(n) {
    margin: 0 !important;
    transform: none !important
}

.designer-summary-badges .mini-badge,
.creator-detail-badges .mini-badge {
    width: 52px !important;
    min-width: 52px !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    filter: none !important;
}

.landing-founder-badges {
    padding-top: 48px
}

.founder-badge-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 42px !important;
    align-items: start !important;
}

.founder-badge-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    text-align: center !important;
}

    .founder-badge-item > img {
        display: block !important;
        width: min(100%,270px) !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        object-position: center !important;
        clip-path: none !important;
        mask: none !important;
        -webkit-mask: none !important;
        transform: none !important;
        filter: none !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .founder-badge-item h3 {
        margin: 0 !important;
        color: var(--landing-navy) !important;
        font-size: 18px !important;
        font-weight: 900 !important;
        letter-spacing: .01em !important;
    }

    .founder-badge-item p {
        margin: 0 !important;
        color: #526a82 !important;
        font-size: 13px !important;
        line-height: 1.58 !important;
        font-weight: 600 !important;
    }

.footer-logo img {
    transform: translateX(-12px) !important
}

.footer-brand p {
    margin-left: 0 !important
}

@media(max-width:760px) {
    .profile-badge-display .badge-click-target {
        width: 58px !important;
        min-width: 58px !important;
        min-height: 72px !important
    }

        .profile-badge-display .badge-click-target .mini-badge, .profile-badge-display .mini-badge {
            width: 56px !important;
            min-width: 56px !important;
            height: auto !important
        }

    .founder-badge-grid {
        grid-template-columns: 1fr !important;
        gap: 34px !important
    }

    .founder-badge-item > img {
        width: min(100%,230px) !important
    }

    .footer-logo img {
        transform: translateX(-8px) !important
    }
}


:root {
    --landing-approved-navy: #0B315A
}

.landing-section-title-row h2,
.landing-about-section .landing-section-title-row h2,
.landing-popular-categories .landing-section-title-row h2,
.landing-founder-badges .landing-section-title-row h2 {
    color: #0B315A !important;
}

.landing-section-icon,
.landing-about-section .landing-section-icon,
.landing-popular-categories .landing-section-icon,
.landing-founder-badges .landing-section-icon {
    color: #0B315A !important;
}

.founder-badge-item h3 {
    color: #0B315A !important
}

.hero-client-visual {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    overflow: visible !important
}

    .hero-client-visual picture {
        display: block !important;
        width: 100% !important;
        max-width: 768px !important;
        background: transparent !important
    }

    .hero-client-visual img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
        background: transparent !important;
        filter: none !important;
        transform: none !important;
        opacity: 1 !important;
        backface-visibility: hidden !important
    }

.commission-client-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #061a33 !important;
    overflow: hidden !important;
    padding: 0 !important
}

    .commission-client-image picture {
        display: block !important;
        width: 100% !important;
        background: transparent !important
    }

    .commission-client-image img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
        background: transparent !important;
        filter: none !important;
        transform: none !important
    }

.popular-designer-badge {
    display: none !important
}

.profile-badge-display,
.profile-badge-display .badge-cluster,
.designer-summary-badges,
.designer-summary-badges .badge-cluster,
.creator-detail-badges,
.creator-detail-badges .badge-cluster,
.designer-mini-badges,
.designer-mini-badges .badge-cluster {
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important
}

    .profile-badge-display .badge-cluster,
    .designer-summary-badges .badge-cluster,
    .creator-detail-badges .badge-cluster,
    .designer-mini-badges .badge-cluster {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    .profile-badge-display .badge-cluster-item,
    .designer-summary-badges .badge-cluster-item,
    .creator-detail-badges .badge-cluster-item,
    .designer-mini-badges .badge-cluster-item,
    .profile-badge-display .badge-cluster-item:nth-child(n),
    .designer-summary-badges .badge-cluster-item:nth-child(n),
    .creator-detail-badges .badge-cluster-item:nth-child(n),
    .designer-mini-badges .badge-cluster-item:nth-child(n) {
        position: relative !important;
        margin: 0 !important;
        margin-inline-start: 0 !important;
        transform: none !important;
        overflow: visible !important;
    }

    .profile-badge-display .badge-click-target,
    .designer-summary-badges .badge-click-target,
    .creator-detail-badges .badge-click-target,
    .designer-mini-badges .badge-click-target {
        display: inline-flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        width: auto !important;
        height: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        filter: none !important;
    }

        .profile-badge-display .badge-click-target:hover,
        .profile-badge-display .badge-click-target:focus-visible,
        .designer-summary-badges .badge-click-target:hover,
        .creator-detail-badges .badge-click-target:hover {
            transform: none !important;
            filter: none !important
        }

    .profile-badge-display .mini-badge,
    .designer-summary-badges .mini-badge,
    .creator-detail-badges .mini-badge,
    .designer-mini-badges .mini-badge,
    .badgecard-image > img,
    .badge-detail-image,
    .founder-badge-item > img {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        aspect-ratio: auto !important;
        object-fit: contain !important;
        object-position: center !important;
        clip-path: none !important;
        mask: none !important;
        -webkit-mask: none !important;
        transform: none !important;
        filter: none !important;
        opacity: 1 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .profile-badge-display .mini-badge {
        width: 74px !important;
        min-width: 74px !important
    }

    .designer-summary-badges .mini-badge, .creator-detail-badges .mini-badge {
        width: 58px !important;
        min-width: 58px !important
    }

    .designer-mini-badges .mini-badge {
        width: 54px !important;
        min-width: 54px !important
    }

.founder-badge-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 42px !important;
    align-items: start !important
}

.founder-badge-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    text-align: center !important
}

    .founder-badge-item > img {
        width: min(100%,290px) !important;
        min-width: 0 !important;
        padding: 0 !important
    }

@media(max-width:760px) {
    .profile-badge-display .mini-badge {
        width: 64px !important;
        min-width: 64px !important
    }

    .designer-summary-badges .mini-badge, .creator-detail-badges .mini-badge {
        width: 52px !important;
        min-width: 52px !important
    }

    .designer-mini-badges .mini-badge {
        width: 48px !important;
        min-width: 48px !important
    }

    .founder-badge-grid {
        grid-template-columns: 1fr !important;
        gap: 34px !important
    }

    .founder-badge-item > img {
        width: min(100%,250px) !important
    }
}



.popular-designer-badge {
    display: none !important
}

:is(.mini-badge,.badgecard-image>img,.badge-detail-image, .profile-badge-display img,.designer-summary-badges img,.creator-detail-badges img, .designer-mini-badges img,.badge-cluster img,.founder-badge-item>img) {
    object-fit: contain !important;
    object-position: center !important;
    clip-path: none !important;
    mask: none !important;
    -webkit-mask: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    padding: 0 !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
}

.badge-click-target, .badgecard-image, .badgecard, .badgecard-button, .badge-cluster,
.profile-badge-display, .designer-summary-badges, .creator-detail-badges, .designer-mini-badges {
    overflow: visible !important;
}

    .profile-badge-display .badge-cluster {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: max-content !important;
        max-width: 100% !important;
        min-height: 88px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .profile-badge-display .badge-cluster-item,
    .profile-badge-display .badge-cluster-item:nth-child(n) {
        margin: 0 !important;
        margin-inline-start: 0 !important;
        transform: none !important;
        position: relative !important;
    }

    .profile-badge-display .badge-click-target {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 66px !important;
        height: 80px !important;
        min-width: 66px !important;
        min-height: 80px !important;
        padding: 4px !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

        .profile-badge-display .badge-click-target .mini-badge,
        .profile-badge-display .mini-badge {
            width: 58px !important;
            height: 72px !important;
            min-width: 58px !important;
            max-width: 58px !important;
            max-height: 72px !important;
        }

    .designer-summary-badges .badge-cluster,
    .creator-detail-badges .badge-cluster {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        min-height: 76px !important;
        width: auto !important;
        max-width: 100% !important;
    }

    .designer-summary-badges .badge-cluster-item,
    .creator-detail-badges .badge-cluster-item,
    .designer-summary-badges .badge-cluster-item:nth-child(n),
    .creator-detail-badges .badge-cluster-item:nth-child(n) {
        margin: 0 !important;
        transform: none !important
    }

    .designer-summary-badges .badge-click-target,
    .creator-detail-badges .badge-click-target {
        width: 58px !important;
        height: 71px !important;
        min-width: 58px !important;
        min-height: 71px !important;
        padding: 4px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .designer-summary-badges .mini-badge,
    .creator-detail-badges .mini-badge {
        width: 50px !important;
        height: 63px !important;
        min-width: 50px !important;
        max-width: 50px !important;
        max-height: 63px !important;
    }

    .badgecard-image > img {
        width: 112px !important;
        height: 140px !important;
        max-width: 112px !important;
        max-height: 140px !important;
        flex: 0 0 112px !important
    }

.badge-detail-image {
    width: 168px !important;
    height: 210px !important;
    max-width: 168px !important;
    max-height: 210px !important
}

.founder-badge-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 42px !important;
    align-items: start !important;
}

.founder-badge-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    text-align: center !important;
}

    .founder-badge-item > img {
        width: min(100%,300px) !important;
        height: auto !important;
        max-height: none !important;
        min-width: 0 !important;
    }

@media(max-width:760px) {
    .profile-badge-display .badge-click-target {
        width: 58px !important;
        height: 71px !important;
        min-width: 58px !important;
        min-height: 71px !important
    }

        .profile-badge-display .badge-click-target .mini-badge, .profile-badge-display .mini-badge {
            width: 50px !important;
            height: 63px !important;
            min-width: 50px !important;
            max-width: 50px !important;
            max-height: 63px !important
        }

    .designer-summary-badges .mini-badge, .creator-detail-badges .mini-badge {
        width: 44px !important;
        height: 56px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        max-height: 56px !important
    }

    .badgecard-image > img {
        width: 98px !important;
        height: 122px !important;
        max-width: 98px !important;
        max-height: 122px !important;
        flex-basis: 98px !important
    }

    .badge-detail-image {
        width: 150px !important;
        height: 188px !important;
        max-width: 150px !important;
        max-height: 188px !important
    }

    .founder-badge-grid {
        grid-template-columns: 1fr !important;
        gap: 34px !important
    }

    .founder-badge-item > img {
        width: min(100%,270px) !important
    }
}



html[dir="rtl"],
html[dir="rtl"] body {
    direction: ltr !important;
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow-x: hidden !important;
}

    html[dir="rtl"] main,
    html[dir="rtl"] .public-page,
    html[dir="rtl"] .public-market,
    html[dir="rtl"] .landing-page-inner,
    html[dir="rtl"] .landing-global-header,
    html[dir="rtl"] .landing-main-header,
    html[dir="rtl"] .landing-header-inner,
    html[dir="rtl"] .landing-first-screen,
    html[dir="rtl"] .landing-hero,
    html[dir="rtl"] .landing-brand-banner,
    html[dir="rtl"] .landing-home-licenses,
    html[dir="rtl"] .landing-footer {
        direction: ltr !important;
    }

    html[dir="rtl"] .landing-nav,
    html[dir="rtl"] .landing-search,
    html[dir="rtl"] .landing-utils,
    html[dir="rtl"] .landing-pref-form,
    html[dir="rtl"] .landing-category-strip,
    html[dir="rtl"] .landing-category-strip-inner {
        direction: ltr !important;
    }

        html[dir="rtl"] .landing-nav a,
        html[dir="rtl"] .landing-category-strip a,
        html[dir="rtl"] .landing-pref,
        html[dir="rtl"] .landing-pref select {
            direction: rtl !important;
        }

    html[dir="rtl"] .landing-simple-hero,
    html[dir="rtl"] .landing-hero-copy,
    html[dir="rtl"] .landing-section-head,
    html[dir="rtl"] .landing-about-copy,
    html[dir="rtl"] .landing-about-features,
    html[dir="rtl"] .commission-copy,
    html[dir="rtl"] .landing-category-detail,
    html[dir="rtl"] .landing-license-card,
    html[dir="rtl"] .home-license-card,
    html[dir="rtl"] .founder-badge-item,
    html[dir="rtl"] .landing-faq,
    html[dir="rtl"] .landing-legal-card,
    html[dir="rtl"] .subcategory-tile,
    html[dir="rtl"] .popular-category-copy,
    html[dir="rtl"] .best-seller-overlay {
        direction: rtl !important;
        text-align: right;
    }

   Arabic text on the right and arrow on the left. */
    html[dir="rtl"] .subcategory-page-grid {
        direction: rtl !important;
    }

    html[dir="rtl"] input,
    html[dir="rtl"] textarea {
        direction: rtl !important;
        text-align: right !important;
    }

    html[dir="rtl"] select {
        direction: rtl !important;
    }

    html[dir="rtl"] .landing-footer h3,
    html[dir="rtl"] .landing-footer a,
    html[dir="rtl"] .landing-footer p,
    html[dir="rtl"] .landing-footer-bottom {
        direction: rtl !important;
        text-align: right;
    }

.landing-pref {
    position: relative !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 40px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

    .landing-pref .landing-globe,
    .landing-pref img {
        display: flex !important;
        width: 24px !important;
        height: 24px !important;
        margin: 0 !important;
        pointer-events: none !important;
    }

    .landing-pref select,
    html[dir="rtl"] .landing-pref select {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        opacity: 0 !important;
        cursor: pointer !important;
        z-index: 2 !important;
    }

.landing-currency-pref {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
}

.landing-pref-form,
html[dir="rtl"] .landing-pref-form {
    direction: ltr !important;
}

.landing-pref {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

    .landing-pref .landing-globe {
        width: 28px !important;
        height: 28px !important;
        display: grid !important;
        place-items: center !important;
        margin: 0 auto !important;
    }

        .landing-pref .landing-globe svg {
            width: 28px !important;
            height: 28px !important;
        }

.landing-currency-pref img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

.landing-pref,
.landing-pref:hover,
.landing-pref:focus,
.landing-pref:focus-within,
.landing-pref:active,
.landing-currency-pref,
.landing-currency-pref:hover,
.landing-currency-pref:focus,
.landing-currency-pref:focus-within,
.landing-currency-pref:active {
    transform: none !important;
    translate: none !important;
    top: auto !important;
    bottom: auto !important;
}

    .landing-pref .landing-globe,
    .landing-pref .landing-globe svg,
    .landing-currency-pref img {
        transform: none !important;
        translate: none !important;
        position: static !important;
        margin: 0 auto !important;
    }

    .landing-pref select,
    .landing-pref select:focus,
    .landing-pref select:active {
        transform: none !important;
        top: 0 !important;
        bottom: 0 !important;
        margin: 0 !important;
    }
/* ===== FIX French / Spanish desktop header overflow ===== */

@media (min-width:1181px) and (max-width:1500px) {

    html[lang="fr"] .landing-header-inner,
    html[lang="es"] .landing-header-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        gap: 8px !important;
    }

    html[lang="fr"] .landing-logo-shell,
    html[lang="es"] .landing-logo-shell {
        min-width: 160px !important;
        width: 160px !important;
    }

        html[lang="fr"] .landing-logo-shell img,
        html[lang="es"] .landing-logo-shell img {
            width: 160px !important;
            max-width: 160px !important;
        }

    html[lang="fr"] .landing-nav,
    html[lang="es"] .landing-nav {
        gap: 8px !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

        html[lang="fr"] .landing-nav a,
        html[lang="es"] .landing-nav a {
            font-size: 10px !important;
        }

    html[lang="fr"] .landing-search,
    html[lang="es"] .landing-search {
        flex: 1 1 280px !important;
        min-width: 250px !important;
        max-width: 350px !important;
        grid-template-columns: minmax(110px,1fr) 105px 40px !important;
    }

    html[lang="fr"] .landing-utils,
    html[lang="es"] .landing-utils {
        flex: 0 0 auto !important;
        gap: 5px !important;
    }

    html[lang="fr"] .landing-signin-only,
    html[lang="es"] .landing-signin-only {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 10px !important;
    }

    html[lang="fr"],
    html[lang="fr"] body,
    html[lang="es"],
    html[lang="es"] body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }
}