:root {
    --plum: #480830;
    --plum-deep: #2d061e;
    --teal: #185870;
    --teal-deep: #0e3c4d;
    --cream: #f6f1ea;
    --paper: #fffdfb;
    --sand: #efe4d6;
    --ink: #24161d;
    --muted: #6d5962;
    --line: rgba(72, 8, 48, .12);
    --header-h: 84px;
    --glass: linear-gradient(165deg, rgba(255, 253, 251, .72), rgba(255, 253, 251, .42) 42%, rgba(246, 241, 234, .28));
    --glass-edge: rgba(255, 255, 255, .78);
    --glass-blur: blur(28px) saturate(1.8);
    --glass-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .92),
        inset 0 -1px 0 rgba(72, 8, 48, .06),
        0 14px 36px rgba(36, 22, 29, .08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
img { max-width: 100%; display: block; }

body.onlysolution-body {
    margin: 0;
    color: var(--ink);
    background: #fff;
    font-family: Manrope, Cairo, sans-serif;
    line-height: 1.65;
}

[dir="rtl"] body.onlysolution-body { font-family: Cairo, Manrope, sans-serif; }
body.onlysolution-body a { color: inherit; text-decoration: none; }

.onlysolution-skip {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}
.onlysolution-skip:focus {
    position: fixed;
    top: 8px;
    inset-inline-start: 16px;
    width: auto;
    height: auto;
    margin: 0;
    padding: 8px 12px;
    overflow: visible;
    clip: auto;
    clip-path: none;
    white-space: normal;
    z-index: 80;
    background: #fff;
    color: var(--ink);
}

.onlysolution-wrap {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.os-topbar {
    background: var(--plum);
    color: #f8efe8;
    font-size: 13px;
}
.os-topbar__row {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.os-topbar p { margin: 0; opacity: .9; }
.os-topbar__links { display: flex; gap: 16px; }
.os-topbar a:hover { color: #fff; }

.onlysolution-header {
    position: sticky;
    top: 0;
    z-index: 40;
    background: #fff;
    border-bottom: 1px solid var(--line);
}
.onlysolution-header__bar {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
    min-height: var(--header-h);
    display: flex;
    align-items: center;
    gap: 18px;
}
.onlysolution-header__start,
.onlysolution-header__end { display: flex; align-items: center; gap: 10px; }
.onlysolution-header__end { margin-inline-start: auto; }

.onlysolution-logo img {
    height: 62px;
    width: auto;
    object-fit: contain;
}
.onlysolution-footer .onlysolution-logo {
    display: inline-flex;
    background: #fff;
    border-radius: 14px;
    padding: 6px 10px;
}

.onlysolution-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.onlysolution-nav > li { position: relative; }
.onlysolution-nav button,
.onlysolution-nav > li > a {
    background: none;
    border: 0;
    color: var(--ink);
    font: inherit;
    font-weight: 700;
    font-size: 14px;
    padding: 8px 10px;
    cursor: pointer;
    border-radius: 999px;
    white-space: nowrap;
}
@media (max-width: 1360px) {
    .onlysolution-nav__extra { display: none; }
    .onlysolution-nav button,
    .onlysolution-nav > li > a { font-size: 13px; padding: 8px; }
}
.onlysolution-nav > li > a.is-active,
.onlysolution-nav button:hover,
.onlysolution-nav > li > a:hover { background: rgba(72, 8, 48, .06); }
.onlysolution-drop,
.onlysolution-lang__menu {
    display: none;
    position: absolute;
    top: calc(100% - 4px);
    inset-inline-start: 0;
    min-width: 230px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 8px;
    box-shadow: 0 18px 40px rgba(36, 22, 29, .12);
    z-index: 20;
}
.onlysolution-nav li:hover .onlysolution-drop,
.onlysolution-nav li:focus-within .onlysolution-drop,
.onlysolution-lang:hover .onlysolution-lang__menu,
.onlysolution-lang:focus-within .onlysolution-lang__menu { display: grid; }
.onlysolution-drop a,
.onlysolution-lang__menu a {
    padding: 9px 12px;
    border-radius: 10px;
    font-weight: 650;
    font-size: 14px;
}
.onlysolution-drop a:hover,
.onlysolution-lang__menu a:hover { background: var(--cream); }

.onlysolution-lang { position: relative; }
.onlysolution-icon-btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid var(--line);
    background: #fff;
    color: var(--plum);
    font-weight: 800;
    cursor: pointer;
}
.onlysolution-cta,
.onlysolution-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    font-weight: 800;
    border: 0;
    cursor: pointer;
}
.onlysolution-cta { background: var(--teal); color: #fff !important; }
.onlysolution-cta:hover { background: var(--teal-deep); }
.onlysolution-cta--light { background: #fff; color: var(--plum) !important; }
.onlysolution-pill {
    background: transparent;
    color: var(--plum);
    border: 1.5px solid var(--plum);
}
.onlysolution-pill:hover { background: var(--plum); color: #fff; }

.os-hero { padding: 42px 0 18px; }
.os-hero__grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 42px;
    align-items: center;
}
.os-kicker {
    margin: 0 0 10px;
    color: var(--teal);
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-size: 12px;
}
.os-kicker--light { color: #f3d7c4; }
.os-hero h1,
.onlysolution-display,
.os-pagehead h1 {
    font-family: Fraunces, Cairo, serif;
    font-weight: 680;
    letter-spacing: -.03em;
    line-height: 1.08;
    color: var(--plum);
}
[dir="rtl"] .os-hero h1,
[dir="rtl"] .onlysolution-display,
[dir="rtl"] .os-pagehead h1 { font-family: Cairo, Fraunces, sans-serif; letter-spacing: 0; }
.os-hero h1 { margin: 0 0 16px; font-size: clamp(42px, 5vw, 68px); }
.os-hero__lead,
.onlysolution-lead { color: var(--muted); font-size: 18px; margin: 0 0 14px; }
.os-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.os-hero__visual { position: relative; }
.os-hero__visual > img {
    width: 100%;
    height: 460px;
    object-fit: cover;
    border-radius: 28px 28px 88px 28px;
    box-shadow: 0 24px 50px rgba(72, 8, 48, .16);
}
[dir="rtl"] .os-hero__visual > img { border-radius: 28px 28px 28px 88px; }
.os-hero__mark {
    position: absolute;
    inset-inline-start: -18px;
    bottom: 22px;
    background: #fff;
    border-radius: 18px;
    padding: 8px 10px;
    box-shadow: 0 12px 30px rgba(36, 22, 29, .16);
}
.os-hero__mark img { height: 72px; width: auto; }

.onlysolution-ticker {
    position: relative;
    overflow: hidden;
    margin-top: 28px;
    color: #fff;
    background: rgba(72, 8, 48, .9);
    -webkit-backdrop-filter: blur(3px) saturate(1.05);
    backdrop-filter: blur(3px) saturate(1.05);
    border-top: 1px solid rgba(255, 255, 255, .16);
    border-bottom: 1px solid rgba(255, 255, 255, .04);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.onlysolution-ticker::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), transparent 28%);
}
.onlysolution-ticker__track {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 0;
    width: max-content;
    animation: os-marquee 36s linear infinite;
    padding: 14px 0;
    font-weight: 750;
}
.onlysolution-ticker__track span::before {
    content: "•";
    margin: 0 18px;
    color: #e7b89a;
}
@keyframes os-marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@keyframes os-marquee-rtl {
    from { transform: translateX(0); }
    to { transform: translateX(50%); }
}
[dir="rtl"] .onlysolution-ticker__track { animation-name: os-marquee-rtl; }

.os-facts { margin-top: -1px; background: var(--teal); color: #fff; }
.os-facts__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.os-facts article {
    padding: 26px 8px;
    text-align: center;
    border-inline-end: 1px solid rgba(255,255,255,.16);
}
.os-facts article:last-child { border: 0; }
.os-facts strong {
    display: block;
    font-family: Fraunces, Cairo, serif;
    font-size: 36px;
    line-height: 1;
}
[dir="rtl"] .os-facts strong { font-family: Cairo, sans-serif; }
.os-facts span { display: block; margin-top: 6px; font-size: 14px; opacity: .86; }

.onlysolution-section { padding: 78px 0; }
.onlysolution-section--mist { background: linear-gradient(180deg, rgba(239, 228, 214, .55), rgba(246, 241, 234, .2)); }
.onlysolution-display { margin: 0 0 16px; font-size: clamp(32px, 4vw, 48px); }
.onlysolution-grid-2,
.os-about,
.os-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; align-items: start; }
.os-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 18px;
    margin-bottom: 28px;
}
.os-head .onlysolution-display { margin: 0; }
.onlysolution-more {
    color: var(--teal);
    font-weight: 800;
    display: inline-flex;
    margin-top: 8px;
}
.onlysolution-more:hover { color: var(--plum); }

.os-products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.os-product {
    background: #fff;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid var(--line);
    display: flex;
    flex-direction: column;
    min-height: 100%;
    transition: transform .2s ease, box-shadow .2s ease;
}
.os-product:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(72, 8, 48, .1); }
.os-product img { height: 190px; width: 100%; object-fit: cover; }
.os-product div { padding: 16px 16px 18px; }
.os-product span {
    color: var(--teal);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.os-product h3 { margin: 6px 0 8px; font-size: 20px; color: var(--plum); }
.os-product p { margin: 0; color: var(--muted); font-size: 14.5px; }

.onlysolution-brands {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
.onlysolution-brand {
    min-height: 110px;
    border-radius: 18px;
    border: 1px solid var(--line);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 16px;
    font-weight: 800;
    color: var(--plum);
    font-size: 18px;
}
.onlysolution-brand:hover { border-color: var(--teal); color: var(--teal); }
.onlysolution-brand img { max-height: 64px; width: auto; margin: 0 auto; }
.onlysolution-brand-detail {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 20px;
    padding: 24px;
    margin-bottom: 22px;
    max-width: 280px;
}

.os-channels,
.os-values,
.os-team { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.os-values { grid-template-columns: repeat(4, 1fr); margin-top: 8px; }
.os-channel,
.os-values article,
.os-person {
    background: #fff;
    border-radius: 22px;
    padding: 22px;
    border: 1px solid var(--line);
}
.os-channel h3,
.os-values h3,
.os-person h3 { margin: 0 0 8px; color: var(--plum); font-size: 22px; }
.os-channel strong { display: block; color: var(--teal); margin-bottom: 8px; }
.os-channel p,
.os-values p,
.os-person span { margin: 0; color: var(--muted); }
.os-person p { margin: 0 0 8px; color: var(--teal); font-weight: 800; }

.onlysolution-regions { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.onlysolution-card-media {
    position: relative;
    min-height: 180px;
    border-radius: 20px;
    overflow: hidden;
    color: #fff;
}
.onlysolution-card-media img { width: 100%; height: 180px; object-fit: cover; }
.onlysolution-card-media span {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    padding: 28px 14px 12px;
    background: linear-gradient(transparent, rgba(45, 6, 30, .82));
    font-weight: 800;
}

.onlysolution-band {
    background:
        radial-gradient(500px 220px at 90% 0%, rgba(24, 88, 112, .45), transparent 70%),
        var(--plum);
    color: #fff;
    padding: 78px 0;
    text-align: center;
}
.onlysolution-band h2 {
    font-family: Fraunces, Cairo, serif;
    font-size: clamp(36px, 5vw, 58px);
    margin: 0 0 12px;
}
[dir="rtl"] .onlysolution-band h2 { font-family: Cairo, sans-serif; }
.onlysolution-band p { max-width: 680px; margin: 0 auto 16px; color: rgba(255,255,255,.86); }
.os-band-meta { font-size: 15px; }
.os-band-meta span { margin: 0 8px; }

.os-pagehead {
    padding: 54px 0 10px;
}
.os-pagehead h1 { margin: 8px 0 0; font-size: clamp(36px, 5vw, 58px); max-width: 16ch; }
.os-pagehead p { max-width: 640px; color: var(--muted); font-size: 18px; }
.onlysolution-crumbs { color: var(--muted); font-size: 14px; font-weight: 700; }
.onlysolution-crumbs a:hover { color: var(--teal); }

.os-article { max-width: 820px; }
.os-article__cover {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 24px;
    margin-bottom: 22px;
}
.os-article__cta { margin-top: 22px; }
.onlysolution-prose { font-size: 17px; color: #3b2a32; }
.onlysolution-prose p { margin: 0 0 12px; }

.os-contact__card {
    background: var(--plum);
    color: #fff;
    border-radius: 28px;
    padding: 28px;
    display: grid;
    gap: 18px;
}
.os-contact__card span {
    display: block;
    font-size: 12px;
    letter-spacing: .12em;
    text-transform: uppercase;
    opacity: .7;
    margin-bottom: 4px;
}
.os-contact__card p { margin: 0; font-size: 18px; }
.os-contact__card a { color: #fff; }

.onlysolution-form { display: grid; gap: 12px; }
.onlysolution-form input,
.onlysolution-form textarea {
    width: 100%;
    border: 1px solid var(--line);
    background: #fff;
    border-radius: 14px;
    padding: 14px 16px;
    font: inherit;
    color: var(--ink);
}
.onlysolution-form textarea { min-height: 140px; resize: vertical; }
.onlysolution-form input:focus,
.onlysolution-form textarea:focus { outline: 2px solid rgba(24, 88, 112, .35); border-color: var(--teal); }
.onlysolution-alert {
    background: #e7f6ee;
    color: #14643a;
    border-radius: 14px;
    padding: 12px 14px;
    margin-bottom: 12px;
}
.text-danger { color: #9d2344; font-size: 13px; }

.onlysolution-footer {
    background: var(--plum-deep);
    color: #f6ebe4;
    padding: 48px 0 22px;
}
.onlysolution-footer__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 28px; }
.onlysolution-footer h5 { margin: 0 0 12px; }
.onlysolution-footer ul { list-style: none; margin: 0; padding: 0; }
.onlysolution-footer li { margin: 0 0 8px; }
.onlysolution-footer a:hover { color: #fff; }
.onlysolution-footer p { color: rgba(246, 235, 228, .78); }
.onlysolution-social { display: flex; gap: 12px; font-size: 18px; }
.onlysolution-copy {
    margin-top: 28px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.12);
    color: rgba(246, 235, 228, .65);
    font-size: 13px;
}

.onlysolution-overlay {
    position: fixed;
    inset: 0;
    background: rgba(45, 6, 30, .46);
    opacity: 0;
    pointer-events: none;
    transition: .25s ease;
    z-index: 50;
}
.onlysolution-overlay.is-open { opacity: 1; pointer-events: auto; }
.onlysolution-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: min(380px, 90vw);
    background: var(--paper);
    z-index: 60;
    transform: translateX(-104%);
    transition: transform .28s ease;
    display: flex;
    flex-direction: column;
}
[dir="rtl"] .onlysolution-drawer { left: auto; right: 0; transform: translateX(104%); }
.onlysolution-drawer.is-open,
[dir="rtl"] .onlysolution-drawer.is-open { transform: none; }
.onlysolution-drawer__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    border-bottom: 1px solid var(--line);
}
.onlysolution-drawer__body { padding: 10px 8px 28px; overflow: auto; }
.onlysolution-drawer__body a,
.onlysolution-drawer__body button.onlysolution-drawer-link {
    display: block;
    width: 100%;
    text-align: inherit;
    background: none;
    border: 0;
    padding: 12px 14px;
    font: inherit;
    font-weight: 800;
    color: var(--plum);
    cursor: pointer;
}
.onlysolution-drawer-folder { display: none; padding-inline-start: 12px; }
.onlysolution-drawer-folder.is-open { display: block; }
.onlysolution-drawer-folder a { font-weight: 650; color: var(--muted); }

.whatsapp-float {
    position: fixed;
    right: 18px;
    bottom: 18px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #25d366;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    z-index: 30;
    box-shadow: 0 10px 24px rgba(37, 211, 102, .35);
}
[dir="rtl"] .whatsapp-float { right: auto; left: 18px; }

.store-toast {
    position: fixed;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%) translateY(16px);
    background: var(--plum);
    color: #fff;
    border-radius: 14px;
    padding: 12px 16px;
    display: flex;
    gap: 12px;
    align-items: center;
    z-index: 70;
    opacity: 0;
}
.store-toast.is-in { opacity: 1; transform: translateX(-50%) translateY(0); }
.store-toast[hidden] { display: none; }
.store-toast.is-in[hidden] { display: flex; }

@media (max-width: 1100px) {
    .onlysolution-nav, .onlysolution-cta.desktop-only, .os-topbar p { display: none; }
    .onlysolution-menu-btn { display: inline-flex; }
    .os-hero__grid,
    .onlysolution-grid-2,
    .os-about,
    .os-contact,
    .onlysolution-footer__grid { grid-template-columns: 1fr; }
    .os-products,
    .os-channels,
    .os-team { grid-template-columns: 1fr 1fr; }
    .os-values,
    .os-facts__grid,
    .onlysolution-brands { grid-template-columns: 1fr 1fr; }
    .os-hero__visual > img { height: 320px; }
}
@media (min-width: 1101px) {
    .onlysolution-menu-btn { display: none; }
}
@media (max-width: 700px) {
    .onlysolution-wrap, .onlysolution-header__bar { width: min(1180px, calc(100% - 24px)); }
    .os-products,
    .os-channels,
    .os-team,
    .os-values,
    .onlysolution-brands,
    .onlysolution-regions,
    .os-facts__grid { grid-template-columns: 1fr; }
    .os-facts article { border-inline-end: 0; border-bottom: 1px solid rgba(255,255,255,.16); }
    .os-hero h1 { font-size: 38px; }
    .onlysolution-logo img { height: 52px; }
    .os-hero__mark img { height: 54px; }
    .onlysolution-section { padding: 52px 0; }
}

/* Classic white surfaces */
.onlysolution-header,
.onlysolution-header__bar,
.onlysolution-drop,
.onlysolution-lang__menu,
.onlysolution-icon-btn,
.os-hero__mark,
.os-facts,
.os-facts article,
.os-product,
.onlysolution-brand,
.onlysolution-brand-detail,
.os-channel,
.os-values article,
.os-person,
.onlysolution-form input,
.onlysolution-form textarea,
.onlysolution-drawer,
.onlysolution-section,
.onlysolution-section--mist,
main {
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.onlysolution-header__bar {
    border-radius: 0;
    box-shadow: none;
    border: 0;
}

.onlysolution-drop,
.onlysolution-lang__menu {
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: 0 12px 28px rgba(36, 22, 29, .08);
}

.onlysolution-icon-btn {
    border: 1px solid var(--line);
}

.onlysolution-pill {
    background: #fff;
    color: var(--plum);
    border: 1.5px solid var(--plum);
}
.onlysolution-pill:hover {
    background: var(--plum);
    color: #fff;
}

.onlysolution-cta {
    background: var(--teal);
    border: 0;
    box-shadow: none;
}

.os-hero__mark {
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(36, 22, 29, .08);
}

.os-facts {
    color: var(--ink);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding: 0;
}
.os-facts article {
    border: 0;
    border-inline-end: 1px solid var(--line);
    border-radius: 0;
    box-shadow: none;
    padding: 26px 8px;
}
.os-facts article:last-child { border: 0; }
.os-facts strong { color: var(--plum); }
.os-facts span { color: var(--muted); opacity: 1; }

.os-product,
.onlysolution-brand,
.os-channel,
.os-values article,
.os-person,
.onlysolution-brand-detail {
    border: 1px solid var(--line);
    box-shadow: none;
}
.os-product:hover,
.onlysolution-brand:hover,
.os-channel:hover {
    box-shadow: 0 10px 24px rgba(36, 22, 29, .08);
}

.onlysolution-card-media span {
    background: linear-gradient(transparent, rgba(45, 6, 30, .82));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-top: 0;
}

.os-contact__card {
    background: var(--plum);
    border: 0;
    box-shadow: none;
    color: #fff;
}
.os-contact__card a { color: #fff; }

.onlysolution-form input,
.onlysolution-form textarea {
    background: #fff;
    border: 1px solid var(--line);
    box-shadow: none;
}

.onlysolution-drawer {
    border-inline-end: 1px solid var(--line);
    box-shadow: none;
}

@media (max-width: 700px) {
    .os-facts article {
        border-inline-end: 0;
        border-bottom: 1px solid var(--line);
    }
}