:root {
    --partner-navy: #082f47;
    --partner-navy-deep: #052638;
    --partner-green: #07ad83;
    --partner-green-dark: #00655f;
    --partner-mint: #edf9f6;
    --partner-line: #dfe9e7;
    --partner-muted: #657787;
    --partner-shadow: 0 16px 40px rgba(6, 49, 70, .11);
}

.partner-page {
    color: var(--partner-navy);
    background: #fff;
    overflow: hidden;
    font-size: 16px;
}

html:has(.partner-page),
body:has(.partner-page) { overflow-x: hidden; }

.partner-page *,
.partner-page *::before,
.partner-page *::after { box-sizing: border-box; }

.partner-page a { text-decoration: none; }

.partner-shell {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

.partner-hero {
    position: relative;
    min-height: 535px;
    display: flex;
    align-items: center;
    background-image: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 34%, rgba(255,255,255,.16) 70%, rgba(255,255,255,.06) 100%), url('../images/partner-hero-riyadh.webp');
    background-size: cover;
    background-position: center;
    isolation: isolate;
}

[dir="rtl"] .partner-hero {
    background-image: linear-gradient(270deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 34%, rgba(255,255,255,.16) 70%, rgba(255,255,255,.06) 100%), url('../images/partner-hero-riyadh.webp');
}

.partner-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 105px;
    z-index: -1;
    background: linear-gradient(to top, rgba(255,255,255,.72), transparent);
}

.partner-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(460px, .95fr);
    gap: 60px;
    align-items: center;
    padding-block: 54px;
}

.partner-hero__copy { max-width: 600px; }

.partner-eyebrow {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 15px;
    color: var(--partner-green);
    font-weight: 800;
    font-size: 17px;
}

.partner-eyebrow span { width: 28px; height: 3px; border-radius: 99px; background: currentColor; }

.partner-hero h1 {
    margin: 0;
    color: var(--partner-navy);
    max-width: 610px;
    font-size: clamp(38px, 3.45vw, 50px);
    line-height: 1.38;
    letter-spacing: -.04em;
    font-weight: 800;
}

.partner-hero__lead {
    max-width: 570px;
    margin: 20px 0 0;
    color: #526979;
    font-size: 19px;
    line-height: 1.9;
}

.partner-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; }

.partner-button {
    min-height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 12px 26px;
    border: 1px solid var(--partner-green-dark);
    border-radius: 7px;
    font-size: 17px;
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.partner-button:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0, 101, 95, .18); }
.partner-button--primary { background: linear-gradient(135deg, #00736c, #00555c); color: #fff; }
.partner-button--primary:hover { color: #fff; }
.partner-button--outline { background: rgba(255,255,255,.76); color: var(--partner-navy); backdrop-filter: blur(8px); }
.partner-button--outline:hover { color: var(--partner-navy); background: #fff; }
.partner-section-link__icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--partner-green-dark); color: #fff; font-size: 12px; }

.partner-dashboard-wrap { position: relative; min-height: 360px; align-self: end; }

.partner-demo-label {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 6px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 10px 15px;
    border-radius: 9px 9px 0 0;
    background: rgba(255,255,255,.96);
    box-shadow: var(--partner-shadow);
    font-weight: 800;
    font-size: 13px;
}

.partner-dashboard {
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 45px;
    width: min(100%, 445px);
    min-height: 290px;
    padding: 27px;
    border: 1px solid rgba(7, 75, 89, .13);
    border-radius: 12px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 20px 55px rgba(4, 49, 64, .18);
    backdrop-filter: blur(12px);
}

.partner-dashboard__head { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 21px; }
.partner-dashboard__head strong { font-size: 17px; }
.partner-dashboard__head span { padding: 7px 11px; border: 1px solid var(--partner-line); border-radius: 5px; color: #5e7180; font-size: 12px; }
.partner-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.partner-kpis div { padding: 14px 8px; text-align: center; border: 1px solid var(--partner-line); border-radius: 7px; }
.partner-kpis b { display: block; color: var(--partner-green-dark); font-size: 16px; direction: ltr; }
.partner-kpis div:nth-child(3) b { color: var(--partner-navy); }
.partner-kpis span { display: block; margin-top: 5px; color: var(--partner-muted); font-size: 10px; }

.partner-chart { height: 90px; display: flex; align-items: end; gap: 7px; padding: 14px 8px 4px; border-bottom: 1px solid #dbe7e5; }
.partner-chart span { flex: 1; height: var(--bar-height); min-width: 5px; background: linear-gradient(to top, #009f7a, #21c69a); border-radius: 2px 2px 0 0; }
.partner-chart span:nth-child(3n) { opacity: .48; }
.partner-chart__legend { display: flex; justify-content: center; gap: 20px; margin-top: 9px; color: var(--partner-muted); font-size: 9px; }
.partner-chart__legend i { display: inline-block; width: 8px; height: 8px; margin-inline-end: 4px; background: var(--partner-green); }
.partner-chart__legend span:last-child i { opacity: .45; }

.partner-usage-card {
    position: absolute;
    inset-inline-start: -8px;
    inset-block-end: -6px;
    z-index: 3;
    width: 300px;
    min-height: 76px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 11px 17px;
    border-radius: 10px;
    background: #fff;
    box-shadow: var(--partner-shadow);
}
.partner-usage-card > span:last-child { color: var(--partner-muted); font-size: 10px; line-height: 1.5; }
.partner-usage-card b { display: block; color: var(--partner-navy); font-size: 15px; }
.partner-usage-icon { width: 44px; height: 44px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: #ddf7ef; color: var(--partner-green); font-size: 24px; }

.partner-stats { border-block: 1px solid #eaf1f0; background: linear-gradient(90deg, #fff, #f2faf8, #fff); }
.partner-stats__grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.partner-stat { min-height: 108px; display: flex; align-items: center; justify-content: center; gap: 13px; padding: 20px 15px; }
.partner-stat + .partner-stat { border-inline-start: 1px solid #e4eceb; }
.partner-icon { width: 45px; height: 45px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: #dff7ef; color: var(--partner-green); font-size: 25px; }
.partner-stat h2 { margin: 0 0 3px; font-size: 15px; line-height: 1.35; }
.partner-stat p { margin: 0; color: var(--partner-muted); font-size: 11px; line-height: 1.5; }

.partner-section { padding-block: 58px; }
.partner-heading { margin-bottom: 25px; }
.partner-heading h2 { margin: 0 0 7px; color: var(--partner-navy); font-size: clamp(27px, 2.5vw, 36px); line-height: 1.4; }
.partner-heading p { margin: 0; color: var(--partner-muted); font-size: 16px; }
.partner-heading--center { text-align: center; }

.partner-value { background: linear-gradient(180deg, #fff 0%, #fbfdfd 100%); }
.partner-value__grid { display: grid; grid-template-columns: minmax(0, .98fr) minmax(480px, 1.02fr); align-items: start; gap: 24px; }
.partner-value__content { padding-top: 17px; }
.partner-feature-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.partner-feature-card { min-height: 164px; padding: 15px 17px 17px; border: 1px solid var(--partner-line); border-radius: 9px; background: #fff; box-shadow: 0 8px 22px rgba(6,49,70,.045); }
.partner-feature-card__icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: #e8faf5; color: var(--partner-green); font-size: 27px; line-height: 1; }
.partner-feature-card h3 { margin: 10px 0 5px; font-size: 15px; line-height: 1.45; }
.partner-feature-card p { margin: 0; color: var(--partner-muted); font-size: 13px; line-height: 1.55; }

.partner-value__visual { position: relative; min-height: 448px; }
.partner-value__visual > img { width: 100%; height: 428px; display: block; object-fit: cover; object-position: center top; border-radius: 10px; box-shadow: var(--partner-shadow); }
.partner-value-flow {
    position: absolute;
    inset-inline: 22px;
    inset-block-end: 0;
    min-height: 136px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr);
    align-items: center;
    gap: 4px;
    padding: 14px 18px;
    border: 1px solid rgba(7, 80, 89, .08);
    border-radius: 10px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 16px 35px rgba(6,49,70,.16);
    backdrop-filter: blur(12px);
}
.partner-value-flow__step { min-width: 0; text-align: center; }
.partner-value-flow__icon { width: 50px; height: 50px; display: grid; place-items: center; margin: 0 auto 7px; border-radius: 50%; background: #e4f9f3; color: var(--partner-green); font-size: 25px; }
.partner-value-flow__step:last-of-type .partner-value-flow__icon { background: linear-gradient(145deg, #08b887, #00896f); color: #fff; box-shadow: 0 8px 18px rgba(0,145,112,.22); }
.partner-value-flow strong, .partner-value-flow small { display: block; }
.partner-value-flow strong { color: var(--partner-navy); font-size: 12px; line-height: 1.25; }
.partner-value-flow small { max-width: 118px; margin: 2px auto 0; color: var(--partner-muted); font-size: 9px; line-height: 1.3; }
.partner-value-flow__arrow { align-self: start; margin-top: 27px; color: #63d7c0; text-align: center; font-size: 20px; }

.partner-wallet-section { padding-block: 45px; background: radial-gradient(circle at 18% 50%, rgba(0,178,137,.11), transparent 35%), linear-gradient(135deg, #f3fbf9, #e9f7f4); }
.partner-wallet__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 315px;
    grid-template-areas: "content art";
    align-items: center;
    gap: 35px;
}
.partner-wallet-art { grid-area: art; position: relative; width: 315px; height: 230px; transform: scale(.9); }
.partner-wallet__content { grid-area: content; min-width: 0; }
.partner-wallet { position: absolute; inset: 75px 20px 10px; border-radius: 22px 22px 30px 30px; background: linear-gradient(145deg, #008d72, #006052); box-shadow: 0 20px 30px rgba(0,92,79,.25); transform: rotate(-3deg); }
.partner-wallet::before { content: ""; position: absolute; inset: 38px -5px auto 18px; height: 82px; border-radius: 10px 24px 24px 10px; background: #064c48; }
.partner-wallet::after { content: ""; position: absolute; inset-block-start: 67px; inset-inline-end: -8px; width: 66px; height: 54px; border-radius: 12px; background: #0b6f63; box-shadow: -4px 0 12px rgba(0,0,0,.12); }
.partner-wallet span { position: absolute; z-index: 2; inset-block-start: 83px; inset-inline-end: 15px; width: 15px; height: 15px; border-radius: 50%; background: #f1d5ae; box-shadow: 0 0 0 4px #d5b68c; }
.partner-ticket { position: absolute; z-index: 1; width: 120px; height: 120px; display: grid; place-items: center; padding: 14px; border-radius: 9px; color: #fff; text-align: center; font-weight: 800; font-size: 18px; box-shadow: 0 10px 20px rgba(0,98,82,.15); }
.partner-ticket--back { inset-inline-start: 82px; inset-block-start: 3px; background: #00ad85; transform: rotate(-8deg); }
.partner-ticket--front { inset-inline-start: 128px; inset-block-start: 32px; background: #fff; color: #00a47e; transform: rotate(6deg); }
.partner-spark { position: absolute; color: #ffbf22; font-size: 30px; font-style: normal; }
.partner-spark--one { inset-inline-start: 5px; inset-block-start: 30px; }
.partner-spark--two { inset-inline-end: 10px; inset-block-start: 20px; font-size: 22px; }
.partner-wallet-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.partner-wallet-card { min-height: 152px; padding: 21px 18px; text-align: center; border: 1px solid rgba(7,126,104,.1); border-radius: 10px; background: rgba(255,255,255,.9); }
.partner-wallet-card > i { color: var(--partner-green); font-size: 32px; }
.partner-wallet-card h3 { margin: 8px 0 5px; font-size: 16px; }
.partner-wallet-card p { margin: 0; color: var(--partner-muted); font-size: 13px; line-height: 1.65; }

.partner-trust { padding-bottom: 32px; }
.partner-trust .partner-heading { max-width: 800px; margin-inline: auto; }
.partner-logos-slider { position: relative; padding-inline: 50px; }
.partner-logos .owl-stage-outer { margin-block: -12px -18px; padding-block: 12px 18px; }
.partner-logos .owl-stage { display: flex; }
.partner-logos .owl-item { display: flex; }
.partner-logo {
    position: relative;
    isolation: isolate;
    min-height: 122px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    overflow: hidden;
    border: 1px solid var(--partner-line);
    border-radius: 12px;
    background: linear-gradient(145deg, #fff, #fbfdfd);
    color: #526474;
    filter: grayscale(1);
    box-shadow: 0 8px 20px rgba(6,49,70,.04);
    transition: border-color .3s ease, filter .3s ease, transform .3s ease, box-shadow .3s ease, color .3s ease;
}
.partner-logo::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: radial-gradient(circle at 50% 120%, rgba(7,173,131,.22), transparent 55%);
    opacity: 0;
    transition: opacity .3s ease;
}
.partner-logo::after {
    content: "";
    position: absolute;
    inset-block: -35%;
    inset-inline-start: -70%;
    width: 42%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent);
    transform: skewX(-18deg);
    transition: inset-inline-start .55s ease;
}
.partner-logo:hover,
.partner-logo:focus-within,
.partner-logo.is-active {
    filter: none;
    color: var(--partner-green-dark);
    border-color: rgba(7,173,131,.52);
    transform: translateY(-7px) scale(1.025);
    box-shadow: 0 16px 32px rgba(0,111,91,.14);
}
.partner-logo:hover::before,
.partner-logo:focus-within::before,
.partner-logo.is-active::before { opacity: 1; }
.partner-logo:hover::after,
.partner-logo:focus-within::after { inset-inline-start: 130%; }
.partner-logo__mark {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #f1f7f6;
    transition: background .3s ease, transform .3s ease;
}
.partner-logo i { color: var(--partner-navy); font-size: 33px; transition: color .3s ease, transform .3s ease; }
.partner-logo:hover .partner-logo__mark,
.partner-logo:focus-within .partner-logo__mark,
.partner-logo.is-active .partner-logo__mark { background: #dff7ef; transform: rotate(-5deg) scale(1.08); }
.partner-logo:hover i,
.partner-logo:focus-within i,
.partner-logo.is-active i { color: var(--partner-green); transform: scale(1.08); }
.partner-logo strong { max-width: 115px; text-align: center; text-transform: uppercase; font-family: Georgia, serif; font-size: 11px; line-height: 1.25; }
.partner-logos.owl-theme .owl-nav {
    position: absolute;
    inset: 0;
    margin: 0;
    pointer-events: none;
}
.partner-logos.owl-theme .owl-nav [class*="owl-"] {
    position: absolute;
    z-index: 3;
    inset-block-start: 50%;
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 1px solid #cfe3df;
    border-radius: 50%;
    background: #fff;
    color: var(--partner-navy);
    box-shadow: 0 8px 22px rgba(6,49,70,.12);
    font-size: 22px;
    cursor: pointer;
    pointer-events: auto;
    transform: translateY(-50%);
    transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}
.partner-logos.owl-theme .owl-nav [class*="owl-"]:hover,
.partner-logos.owl-theme .owl-nav [class*="owl-"]:focus-visible { background: var(--partner-green); border-color: var(--partner-green); color: #fff; transform: translateY(-50%) scale(1.08); }
.partner-logos.owl-theme .owl-nav .owl-prev { inset-inline-start: -48px; }
.partner-logos.owl-theme .owl-nav .owl-next { inset-inline-end: -48px; }

.partner-faq { padding-top: 20px; }
.partner-faq__grid { width: min(100%, 940px); display: grid; grid-template-columns: 1fr; gap: 10px; margin-inline: auto; }
.partner-faq__item { border: 1px solid var(--partner-line); border-radius: 8px; background: #fff; box-shadow: 0 4px 14px rgba(6,49,70,.04); overflow: hidden; }
.partner-faq__item summary { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 17px; cursor: pointer; list-style: none; color: var(--partner-navy); font-weight: 800; font-size: 14px; }
.partner-faq__item summary::-webkit-details-marker { display: none; }
.partner-faq__item summary i { flex: 0 0 auto; color: var(--partner-navy); font-size: 18px; transition: transform .2s ease; }
.partner-faq__item[open] summary i { transform: rotate(45deg); }
.partner-faq__item p { margin: 0; padding: 0 17px 16px; color: var(--partner-muted); font-size: 13px; line-height: 1.7; }

.partner-registration { padding-top: 10px; }
.partner-form-panel { padding: 30px 38px 25px; border: 1px solid #ddefea; border-radius: 11px; background: linear-gradient(135deg, rgba(238,249,246,.9), rgba(248,252,251,.96)); }
.partner-form-panel .partner-heading { margin-bottom: 18px; }
.partner-form { max-width: 1080px; margin-inline: auto; }
.partner-form__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px 22px; }
.partner-form label { display: block; margin: 0; }
.partner-form label > span { display: block; margin-bottom: 5px; color: #38576a; font-size: 12px; font-weight: 800; }
.partner-form input:not([type="checkbox"]), .partner-form select { width: 100%; height: 45px; padding: 9px 13px; border: 1px solid #d5e5e2; border-radius: 5px; outline: none; background: #fff; color: var(--partner-navy); font-size: 13px; transition: border-color .2s ease, box-shadow .2s ease; }
.partner-form input:focus, .partner-form select:focus { border-color: var(--partner-green); box-shadow: 0 0 0 3px rgba(7,173,131,.12); }
.partner-form input::placeholder { color: #a0afb8; }
.partner-form input[aria-invalid="true"], .partner-form select[aria-invalid="true"] { border-color: #c83d4d; box-shadow: 0 0 0 3px rgba(200,61,77,.1); }
.partner-form__error { display: block; margin-top: 5px; color: #b52f40; font-size: 11px; font-weight: 700; }
.partner-form__status { margin-bottom: 16px; padding: 12px 15px; border: 1px solid transparent; border-radius: 6px; font-size: 13px; font-weight: 700; text-align: center; }
.partner-form__status.is-success { border-color: #a9e2d2; background: #eaf9f4; color: #087559; }
.partner-form__status.is-error { border-color: #efbcc3; background: #fff0f2; color: #a52838; }
.partner-channels { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 25px; margin: 15px 0 12px; padding: 0; border: 0; }
.partner-channels legend { width: auto; float: none; margin: 0; color: #38576a; font-size: 12px; font-weight: 800; }
.partner-channels label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.partner-channels label > span { margin: 0; color: var(--partner-muted); font-weight: 500; }
.partner-channels input { width: 17px; height: 17px; accent-color: var(--partner-green); }
.partner-form__submit { width: 100%; height: 48px; display: flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 6px; background: linear-gradient(135deg, #00736c, #00555c); color: #fff; font-size: 15px; font-weight: 800; cursor: pointer; transition: filter .2s ease, transform .2s ease; }
.partner-form__submit:hover { filter: brightness(1.08); transform: translateY(-1px); }
.partner-form__submit:disabled { cursor: wait; filter: saturate(.65); opacity: .8; transform: none; }
.partner-form__privacy { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 10px 0 0; color: #59717f; font-size: 11px; }

.partner-direct-contact { padding-top: 22px; }
.partner-direct-contact h2 { margin: 0 0 15px; text-align: center; font-size: 19px; }
.partner-direct-contact__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.partner-direct-contact__grid a { min-height: 84px; display: flex; align-items: center; justify-content: center; gap: 16px; padding: 15px; border: 1px solid var(--partner-line); border-radius: 8px; background: #fff; color: var(--partner-navy); box-shadow: 0 6px 18px rgba(6,49,70,.05); transition: transform .2s ease, border-color .2s ease; }
.partner-direct-contact__grid a:hover { color: var(--partner-navy); border-color: #8ed9c7; transform: translateY(-2px); }
.partner-direct-contact__grid i { color: var(--partner-green); font-size: 36px; }
.partner-direct-contact__grid b, .partner-direct-contact__grid small { display: block; }
.partner-direct-contact__grid b { font-size: 15px; }
.partner-direct-contact__grid small { margin-top: 4px; color: var(--partner-muted); font-size: 11px; }

@media (max-width: 1100px) {
    .partner-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(390px, .9fr); gap: 30px; }
    .partner-hero h1 { font-size: 42px; }
    .partner-value__grid { grid-template-columns: minmax(0, .95fr) minmax(440px, 1.05fr); }
    .partner-value-flow { inset-inline: 14px; padding-inline: 12px; }
    .partner-wallet__grid { grid-template-columns: minmax(0, 1fr) 250px; gap: 15px; }
    .partner-wallet-art { transform: scale(.78); transform-origin: center; }
}

@media (max-width: 991px) {
    .partner-hero { background-position: 30% center; }
    [dir="rtl"] .partner-hero { background-position: 70% center; }
    .partner-hero__grid { grid-template-columns: 1fr; padding-block: 55px 35px; }
    .partner-hero__copy { max-width: 660px; padding: 28px; border-radius: 14px; background: rgba(255,255,255,.86); backdrop-filter: blur(8px); box-shadow: 0 15px 40px rgba(6,49,70,.11); }
    .partner-dashboard-wrap { width: min(100%, 540px); min-height: 370px; }
    .partner-dashboard { width: 480px; max-width: calc(100% - 20px); }
    .partner-stats__grid { grid-template-columns: repeat(2, 1fr); }
    .partner-stat:nth-child(3) { border-inline-start: 0; border-top: 1px solid #e4eceb; }
    .partner-stat:nth-child(4) { border-top: 1px solid #e4eceb; }
    .partner-value__grid { grid-template-columns: 1fr; }
    .partner-value__content { padding-top: 0; }
    .partner-value__visual { max-width: 610px; width: 100%; margin-inline: auto; }
    .partner-wallet__grid { grid-template-columns: 1fr; grid-template-areas: "content" "art"; }
    .partner-wallet-art { width: 315px; margin-inline: auto; }
}

@media (max-width: 767px) {
    .header-area .header-top-bar.d-block { display: none !important; }
    .header-area .header-menu-wrapper .container-fluid { padding-inline: 0 !important; }
    .header-area .menu-wrapper { width: 100%; min-width: 0; }
    .header-area .logo { width: 100%; display: flex; align-items: center; justify-content: space-between; }
    .partner-shell { width: min(calc(100% - 28px), 620px); }
    .partner-hero { min-height: auto; background-position: 38% center; }
    [dir="rtl"] .partner-hero { background-position: 62% center; }
    .partner-hero__grid { gap: 22px; padding-block: 34px 25px; }
    .partner-hero__copy { padding: 22px; }
    .partner-eyebrow { font-size: 14px; }
    .partner-hero h1 { font-size: clamp(34px, 10vw, 44px); }
    .partner-hero__lead { font-size: 16px; line-height: 1.75; }
    .partner-hero__actions, .partner-button { width: 100%; }
    .partner-dashboard-wrap { min-height: 345px; }
    .partner-dashboard { inset-inline-start: 10px; padding: 18px; }
    .partner-kpis b { font-size: 13px; }
    .partner-usage-card { inset-inline-start: 0; width: 270px; }
    .partner-stats__grid { grid-template-columns: 1fr; }
    .partner-stat { justify-content: flex-start; min-height: 86px; }
    .partner-stat + .partner-stat { border-inline-start: 0; border-top: 1px solid #e4eceb; }
    .partner-section { padding-block: 42px; }
    .partner-heading h2 { font-size: 27px; }
    .partner-feature-grid, .partner-wallet-cards, .partner-faq__grid, .partner-form__grid, .partner-direct-contact__grid { grid-template-columns: 1fr; }
    .partner-feature-card { min-height: auto; }
    .partner-value__visual { min-height: 432px; }
    .partner-value__visual > img { height: 410px; }
    .partner-value-flow { inset-inline: 12px; }
    .partner-wallet-section { padding-block: 40px 20px; }
    .partner-wallet-art { transform: scale(.8); margin-top: -12px; }
    .partner-logos-slider { padding-inline: 42px; }
    .partner-logos.owl-theme .owl-nav .owl-prev { inset-inline-start: -40px; }
    .partner-logos.owl-theme .owl-nav .owl-next { inset-inline-end: -40px; }
    .partner-form-panel { padding: 24px 17px; }
    .partner-channels { align-items: flex-start; flex-direction: column; gap: 9px; }
    .partner-channels legend { width: 100%; }
}

@media (max-width: 420px) {
    .partner-hero__copy { padding: 18px; }
    .partner-hero h1 { font-size: 32px; }
    .partner-dashboard-wrap { min-height: 315px; }
    .partner-dashboard { min-height: 260px; padding: 14px; }
    .partner-dashboard__head { margin-bottom: 13px; }
    .partner-kpis { gap: 5px; }
    .partner-kpis div { padding-inline: 4px; }
    .partner-kpis b { font-size: 11px; }
    .partner-chart { height: 78px; gap: 4px; }
    .partner-usage-card { width: 245px; min-height: 65px; }
    .partner-value__visual { min-height: auto; }
    .partner-value__visual > img { height: 330px; object-position: center top; }
    .partner-value-flow { position: relative; inset: auto; width: calc(100% - 20px); min-height: 0; grid-template-columns: 1fr; gap: 8px; margin: -28px auto 0; padding: 17px; }
    .partner-value-flow__step { display: grid; grid-template-columns: 45px 1fr; grid-template-areas: "icon title" "icon description"; column-gap: 12px; text-align: start; }
    .partner-value-flow__icon { grid-area: icon; width: 45px; height: 45px; margin: 0; font-size: 23px; }
    .partner-value-flow strong { grid-area: title; align-self: end; font-size: 13px; }
    .partner-value-flow small { grid-area: description; max-width: none; margin: 2px 0 0; }
    .partner-value-flow__arrow { margin: 0; transform: rotate(90deg); font-size: 17px; }
    [dir="rtl"] .partner-value-flow__arrow { transform: rotate(-90deg); }
    .partner-logo { min-height: 95px; }
    .partner-wallet-art { margin-inline-start: -8px; }
}

@media (prefers-reduced-motion: reduce) {
    .partner-page *, .partner-page *::before, .partner-page *::after { scroll-behavior: auto !important; transition: none !important; }
}