/* ==========================================================
   SUPERYACHT GUIDE — SHARED DESIGN SYSTEM
   Clean, crisp, restrained visual language.
   Site-wide source of truth for typography, colour,
   spacing and shared components.
   ========================================================== */

:root {
    --syg-navy: #0b304d;
    --syg-navy-hover: #08253b;

    --syg-gold: #b28a3b;
    --syg-gold-dark: #89692e;

    --syg-text: #1f1f1f;
    --syg-text-secondary: #616161;
    --syg-text-soft: #757575;

    --syg-white: #ffffff;
    --syg-surface: #ffffff;
    --syg-surface-soft: #f5f5f5;
    --syg-surface-subtle: #fafafa;

    --syg-border: #e1e1e1;
    --syg-border-soft: #eeeeee;

    --syg-radius: 6px;
    --syg-radius-small: 4px;

    --syg-shadow:
        0 1px 4px rgba(0, 0, 0, .035);

    --syg-shadow-raised:
        0 2px 8px rgba(0, 0, 0, .055);

    --syg-font:
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif;
}


/* ----------------------------------------------------------
   SITE TYPOGRAPHY
   ---------------------------------------------------------- */

html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background: var(--syg-white);
    color: var(--syg-text);
    font-family: var(--syg-font);
    font-size: 1rem;
    line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--syg-navy);
    font-family: var(--syg-font);
    font-weight: 600;
    letter-spacing: -0.022em;
}

h1 {
    font-size: clamp(2.2rem, 3vw, 3rem);
    line-height: 1.15;
}

h2 {
    font-size: clamp(1.65rem, 2vw, 2rem);
    line-height: 1.22;
}

h3 {
    line-height: 1.3;
}

p,
li,
td,
th,
label,
input,
textarea,
select,
button {
    font-family: var(--syg-font);
}

p {
    color: var(--syg-text);
    line-height: 1.65;
}

.text-muted,
small {
    color: var(--syg-text-secondary) !important;
}


/* ----------------------------------------------------------
   LINKS
   ---------------------------------------------------------- */

a {
    color: var(--syg-navy);
    text-decoration-color: rgba(11, 48, 77, .35);
    text-underline-offset: 2px;
}

a:hover,
a:focus {
    color: var(--syg-navy-hover);
    text-decoration-color: currentColor;
}


/* ----------------------------------------------------------
   BUTTONS
   ---------------------------------------------------------- */

.btn {
    border-radius: var(--syg-radius-small);
    font-family: var(--syg-font);
    font-weight: 600;
    box-shadow: none;
}

.btn-primary {
    border-color: var(--syg-navy);
    background: var(--syg-navy);
}

.btn-primary:hover,
.btn-primary:focus {
    border-color: var(--syg-navy-hover);
    background: var(--syg-navy-hover);
}

.btn-outline-primary {
    border-color: var(--syg-navy);
    color: var(--syg-navy);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    border-color: var(--syg-navy);
    background: var(--syg-navy);
    color: var(--syg-white);
}


/* ----------------------------------------------------------
   CARDS / PANELS
   ---------------------------------------------------------- */

.card,
.syg-sidebar-card {
    border-color: var(--syg-border);
    border-radius: var(--syg-radius);
    box-shadow: var(--syg-shadow);
}

.card-header,
.card-footer {
    border-color: var(--syg-border);
    background: var(--syg-surface-subtle);
}


/* ----------------------------------------------------------
   TABLES
   ---------------------------------------------------------- */

.table {
    --bs-table-color: var(--syg-text);
    --bs-table-border-color: var(--syg-border);
    color: var(--syg-text);
}

.table > :not(caption) > * > * {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.table thead th {
    color: var(--syg-navy);
    font-weight: 600;
}


/* ----------------------------------------------------------
   FORMS
   ---------------------------------------------------------- */

.form-control,
.form-select {
    border-color: #cfcfcf;
    border-radius: var(--syg-radius-small);
    color: var(--syg-text);
    font-family: var(--syg-font);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--syg-navy);
    box-shadow:
        0 0 0 .2rem rgba(11, 48, 77, .10);
}


/* ----------------------------------------------------------
   NAVIGATION / MENUS
   ---------------------------------------------------------- */

.navbar,
.dropdown-menu {
    font-family: var(--syg-font);
}

.dropdown-menu {
    border-color: var(--syg-border);
    border-radius: var(--syg-radius);
    box-shadow: var(--syg-shadow-raised);
}

.dropdown-item {
    color: var(--syg-text);
}

.dropdown-item:hover,
.dropdown-item:focus {
    background: var(--syg-surface-soft);
    color: var(--syg-navy);
}


/* ----------------------------------------------------------
   SHARED INFOPAGE HERO
   ---------------------------------------------------------- */

.syg-listing-hero {
    background: var(--syg-white);
}

.syg-listing-hero .syg-eyebrow {
    margin-bottom: .55rem;
    color: var(--syg-gold-dark);
    font-size: .78rem;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.syg-listing-hero h1 {
    margin-bottom: .8rem;
    color: var(--syg-navy);
    font-size: clamp(2.2rem, 3vw, 3rem);
    line-height: 1.16;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.syg-listing-hero .lead {
    max-width: 980px;
    margin-bottom: 0;
    color: var(--syg-text-secondary);
    font-size: clamp(1.08rem, 1.35vw, 1.25rem);
    line-height: 1.62;
    font-weight: 400;
    letter-spacing: -.01em;
}

.syg-listing-hero .lead p {
    margin: 0;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
}


/* ----------------------------------------------------------
   IMAGE LANGUAGE
   ---------------------------------------------------------- */

.syg-content-image,
.syg-adv2-visual-card,
.card img {
    border-radius: var(--syg-radius);
}

figure {
    margin-bottom: 1.5rem;
}


/* ----------------------------------------------------------
   COMMERCIAL PAGE BASE
   ---------------------------------------------------------- */

.syg-pricing-page,
.syg-adv2-page {
    color: var(--syg-text);
    font-family: var(--syg-font);
}

.syg-pricing-page h2,
.syg-adv2-page h2 {
    color: var(--syg-navy);
    font-weight: 600;
}

.syg-plan-card,
.syg-adv2-card {
    border-color: var(--syg-border);
    border-radius: var(--syg-radius);
    background: var(--syg-white);
    box-shadow: var(--syg-shadow);
}

.syg-plan-name,
.syg-adv2-name {
    color: var(--syg-text);
    font-weight: 600;
    text-transform: none;
}

.syg-plan-price,
.syg-adv2-price {
    color: var(--syg-text);
    font-weight: 600;
}

.syg-plan-description,
.syg-plan-term,
.syg-adv2-summary,
.syg-adv2-term {
    color: var(--syg-text-secondary);
}

.syg-plan-cta,
.syg-adv2-cta {
    border-radius: var(--syg-radius-small);
    font-weight: 600;
}


/* ----------------------------------------------------------
   RESPONSIVE TYPOGRAPHY
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    body {
        line-height: 1.58;
    }

    .syg-listing-hero h1 {
        font-size: 2rem;
    }

    .syg-listing-hero .lead {
        font-size: 1.04rem;
        line-height: 1.58;
    }

}

/* ==========================================================
   MIGRATED ADVERTISING PAGE COMPONENTS
   ========================================================== */
.syg-listing-hero h1,
    .syg-adv2-page,
    .syg-adv2-page * {
        font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    }

    .syg-listing-hero h1 {
        margin-bottom: 14px;
        color: #0b304d;
        font-size: clamp(2.25rem, 3.1vw, 3rem);
        line-height: 1.16;
        font-weight: 600;
        letter-spacing: -0.03em;
    }

    .syg-listing-hero .lead {
        max-width: 980px;
        color: #1f1f1f !important;
        font-size: clamp(1.14rem, 1.42vw, 1.32rem) !important;
        line-height: 1.62 !important;
        font-weight: 400 !important;
        font-style: normal !important;
        letter-spacing: -0.012em !important;
    }

    .syg-listing-hero .lead p {
        margin: 0 !important;
        color: inherit !important;
        font-size: inherit !important;
        line-height: inherit !important;
        font-weight: inherit !important;
        letter-spacing: inherit !important;
    }

    .syg-adv2-page {
        color: #1f1f1f;
    }

    .syg-adv2-page a {
        color: #0b304d;
    }

    .syg-adv2-page h2 {
        margin: 0 0 18px;
        color: #0b304d;
        font-size: clamp(1.7rem, 2vw, 2rem);
        line-height: 1.22;
        font-weight: 600;
        letter-spacing: -0.025em;
    }

    .syg-adv2-page h3 {
        color: #1f1f1f;
        font-weight: 600;
        letter-spacing: -0.02em;
    }

    .syg-adv2-page h4 {
        color: #1f1f1f;
        font-weight: 600;
        letter-spacing: -0.01em;
    }

    .syg-adv2-hero-visuals {
        margin: 10px 0 38px;
    }

    .syg-adv2-hero-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
        margin: 0 0 22px;
    }

    .syg-adv2-visual-card {
        margin: 0;
        overflow: hidden;
        min-height: 250px;
        border: 1px solid #e1e1e1;
        border-radius: 6px;
        background: #f5f5f5;
    }

    .syg-adv2-visual-card img {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 250px;
        object-fit: cover;
    }

    .syg-adv2-subtitle {
        max-width: 980px;
        margin: 0;
        color: #616161;
        font-size: 1rem;
        line-height: 1.65;
        font-weight: 400;
    }

    .syg-adv2-packages {
        margin: 0 0 42px;
    }

    .syg-adv2-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 16px;
        align-items: stretch;
        margin-top: 20px;
    }

    .syg-adv2-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        min-height: 100%;
        padding: 22px 20px 20px;
        border: 1px solid #e1e1e1;
        border-radius: 6px;
        background: #ffffff;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.035);
    }

    .syg-adv2-card-featured {
        border-color: #d7d7d7;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }

    .syg-adv2-recommended {
        display: inline-flex;
        align-self: flex-start;
        margin: -6px 0 14px;
        padding: 5px 10px;
        border-radius: 999px;
        background: #f5f5f5;
        color: #0b304d;
        font-size: 0.73rem;
        line-height: 1;
        font-weight: 600;
    }

    .syg-adv2-card-top {
        display: flex;
        flex-direction: column;
    }

    .syg-adv2-name {
        min-height: 54px;
        margin: 0 0 12px;
        font-size: 1.22rem;
        line-height: 1.25;
    }

    .syg-adv2-price-block {
        min-height: 86px;
        margin-bottom: 12px;
    }

    .syg-adv2-price {
        margin: 0;
        color: #1f1f1f;
        font-size: clamp(2rem, 2.2vw, 2.4rem);
        line-height: 1.05;
        font-weight: 600;
        letter-spacing: -0.04em;
    }

    .syg-adv2-term {
        margin: 8px 0 0;
        color: #616161;
        font-size: 0.9rem;
        line-height: 1.4;
    }

    .syg-adv2-summary {
        min-height: 96px;
        margin: 0 0 18px;
        color: #616161;
        font-size: 0.95rem;
        line-height: 1.58;
    }

    .syg-adv2-services-heading {
        min-height: 32px;
        display: flex;
        align-items: flex-end;
        margin: 0;
        padding: 14px 0 12px;
        border-top: 1px solid #ececec;
        color: #0b304d;
        font-size: 0.88rem;
        line-height: 1.2;
    }

    .syg-adv2-services {
        flex: 1 1 auto;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .syg-adv2-services li {
        position: relative;
        min-height: 56px;
        margin: 0 !important;
        padding: 10px 0 10px 22px !important;
        border-top: 1px solid #f0f0f0;
        color: #1f1f1f;
        font-size: 0.9rem;
        line-height: 1.48;
    }

    .syg-adv2-services li::before {
        content: "✓";
        position: absolute;
        top: 10px;
        left: 0;
        color: #b28a3b;
        font-weight: 700;
    }

    .syg-adv2-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 46px;
        width: 100%;
        margin-top: 18px;
        padding: 11px 14px;
        border: 1px solid #0b304d;
        border-radius: 4px;
        background: #0b304d;
        color: #ffffff !important;
        text-align: center;
        text-decoration: none !important;
        font-size: 0.92rem;
        line-height: 1.25;
        font-weight: 600;
        transition: background-color .15s ease, border-color .15s ease, color .15s ease;
    }

    .syg-adv2-cta:hover,
    .syg-adv2-cta:focus {
        border-color: #08253b;
        background: #08253b;
        color: #ffffff !important;
    }

    .syg-adv2-info-panels {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 18px;
        margin: 4px 0 10px;
    }

    .syg-adv2-panel {
        padding: 22px 22px 18px;
        border: 1px solid #e1e1e1;
        border-radius: 6px;
        background: #ffffff;
    }

    .syg-adv2-panel p {
        margin-bottom: 1rem;
        color: #1f1f1f;
        font-size: 0.98rem;
        line-height: 1.65;
    }

    .syg-adv2-panel p:last-child {
        margin-bottom: 0;
    }

    @media (max-width: 1399px) {

        .syg-adv2-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .syg-adv2-info-panels {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

    }

    @media (max-width: 991px) {

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

        .syg-adv2-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .syg-adv2-info-panels {
            grid-template-columns: 1fr;
        }

    }

    @media (max-width: 575px) {

        .syg-listing-hero h1 {
            font-size: 2rem;
        }

        .syg-listing-hero .lead {
            font-size: 1.04rem !important;
            line-height: 1.58 !important;
        }

        .syg-adv2-grid {
            grid-template-columns: 1fr;
        }

        .syg-adv2-name,
        .syg-adv2-price-block,
        .syg-adv2-summary,
        .syg-adv2-services li {
            min-height: 0;
        }

        .syg-adv2-card,
        .syg-adv2-panel {
            padding-left: 18px;
            padding-right: 18px;
        }

    }

/* ==========================================================
   MIGRATED BUSINESS SOLUTIONS: syg-advertise-pricing-layout-v2
   ========================================================== */
/*
     * /advertise/ only.
     * Keep every other InfoPage unchanged.
     */

    .syg-advertise-sidebar-row > [class*="col-"] {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .syg-pricing-page {
        --syg-price-navy: #10273f;
        --syg-price-navy-dark: #091b2e;
        --syg-price-gold: #b68b3a;
        --syg-price-gold-dark: #8a6728;
        --syg-price-border: #d9dee5;
        --syg-price-soft: #f6f7f9;
        --syg-price-muted: #5f6873;

        width: 100%;
        margin: 0 auto;
        padding: 10px 0 44px;
        color: var(--syg-price-navy);
    }

    .syg-pricing-intro {
        max-width: 820px;
        margin: 0 auto 38px;
        text-align: center;
    }

    .syg-pricing-eyebrow {
        margin: 0 0 10px;
        color: var(--syg-price-gold-dark);
        font-size: .78rem;
        font-weight: 800;
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    .syg-pricing-intro h2 {
        margin: 0 0 14px;
        color: var(--syg-price-navy-dark);
        font-size: clamp(2rem, 4vw, 3.1rem);
        line-height: 1.08;
        font-weight: 800;
    }

    .syg-pricing-lead {
        max-width: 720px;
        margin: 0 auto;
        color: var(--syg-price-muted);
        font-size: 1.08rem;
        line-height: 1.65;
    }

    .syg-pricing-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 14px;
        align-items: stretch;
        width: 100%;
        margin: 0;
    }

    .syg-plan-card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        min-height: 100%;
        overflow: hidden;
        background: #fff;
        border: 1px solid var(--syg-price-border);
        border-radius: 10px;
        box-shadow: 0 4px 18px rgba(9, 27, 46, .06);
    }

    .syg-plan-card--popular {
        border: 2px solid var(--syg-price-gold);
        box-shadow: 0 9px 28px rgba(9, 27, 46, .12);
    }

    .syg-plan-popular {
        margin: -1px -1px 0;
        padding: 8px 12px;
        background: var(--syg-price-gold);
        color: #fff;
        text-align: center;
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .syg-plan-inner {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        padding: 25px 21px 22px;
    }

    .syg-plan-name {
        min-height: 2.6em;
        margin: 0 0 9px;
        color: var(--syg-price-navy-dark);
        font-size: 1.18rem;
        line-height: 1.2;
        font-weight: 800;
        text-transform: uppercase;
    }

    .syg-plan-description {
        min-height: 5.4em;
        margin: 0 0 18px;
        color: var(--syg-price-muted);
        font-size: .91rem;
        line-height: 1.5;
    }

    .syg-plan-price {
        margin: 0;
        color: var(--syg-price-navy-dark);
        font-size: clamp(1.75rem, 2.2vw, 2.55rem);
        line-height: 1;
        font-weight: 800;
        letter-spacing: -.035em;
    }

    .syg-plan-price--custom {
        font-size: clamp(1.6rem, 2vw, 2.25rem);
    }

    .syg-plan-term {
        min-height: 2.6em;
        margin: 7px 0 19px;
        color: var(--syg-price-muted);
        font-size: .78rem;
        line-height: 1.35;
    }

    .syg-plan-cta {
        display: block;
        width: 100%;
        margin: 0 0 24px;
        padding: 11px 12px;
        border: 2px solid var(--syg-price-navy);
        border-radius: 5px;
        background: #fff;
        color: var(--syg-price-navy);
        text-align: center;
        text-decoration: none !important;
        font-size: .88rem;
        font-weight: 800;
        transition:
            background-color .15s ease,
            color .15s ease,
            border-color .15s ease;
    }

    .syg-plan-cta:hover,
    .syg-plan-cta:focus {
        background: var(--syg-price-navy);
        color: #fff;
    }

    .syg-plan-card--popular .syg-plan-cta {
        border-color: var(--syg-price-gold);
        background: var(--syg-price-gold);
        color: #fff;
    }

    .syg-plan-card--popular .syg-plan-cta:hover,
    .syg-plan-card--popular .syg-plan-cta:focus {
        border-color: var(--syg-price-gold-dark);
        background: var(--syg-price-gold-dark);
    }

    .syg-plan-feature-heading {
        margin: 0 0 12px;
        padding-top: 19px;
        border-top: 1px solid var(--syg-price-border);
        color: var(--syg-price-navy-dark);
        font-size: .79rem;
        font-weight: 800;
    }

    .syg-plan-features {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .syg-plan-features li {
        position: relative;
        margin: 0 0 11px;
        padding-left: 22px;
        color: #293746;
        font-size: .84rem;
        line-height: 1.42;
    }

    .syg-plan-features li::before {
        content: "✓";
        position: absolute;
        top: 0;
        left: 0;
        color: var(--syg-price-gold-dark);
        font-weight: 900;
    }

    .syg-pricing-note {
        max-width: 900px;
        margin: 30px auto 0;
        color: var(--syg-price-muted);
        text-align: center;
        font-size: .82rem;
        line-height: 1.55;
    }

    @media (max-width: 1399px) {
        .syg-pricing-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (max-width: 991px) {
        .syg-pricing-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 575px) {
        .syg-pricing-grid {
            grid-template-columns: 1fr;
            gap: 18px;
        }

        .syg-plan-name,
        .syg-plan-description,
        .syg-plan-term {
            min-height: 0;
        }

        .syg-plan-inner {
            padding: 24px 20px;
        }
    }

/* ==========================================================
   MIGRATED BUSINESS SOLUTIONS: syg-advertise-feature-alignment-v3
   ========================================================== */
/*
     * Five equal plan columns on normal desktop screens.
     * All feature rows use identical vertical positions.
     */

    .syg-pricing-page .syg-pricing-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 14px;
        align-items: stretch;
    }

    /*
     * Every card gets the same-height badge slot.
     * This prevents the MOST POPULAR banner from pushing
     * the Business column lower than the others.
     */

    .syg-plan-badge-slot {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 34px;
        min-height: 34px;
        margin: 0;
        padding: 0 10px;
        background: transparent;
        color: transparent;
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .syg-plan-card--popular .syg-plan-badge-slot {
        background: var(--syg-price-gold);
        color: #fff;
    }

    /*
     * Neutralise the earlier in-flow popular banner.
     */

    .syg-pricing-page .syg-plan-popular {
        display: none !important;
    }

    /*
     * Align name, description, price and CTA before
     * the feature table begins.
     */

    .syg-plan-top {
        display: flex;
        flex-direction: column;
    }

    .syg-plan-price-block {
        margin-top: auto;
    }

    /*
     * Every plan has all 17 canonical feature rows.
     * Included and unavailable rows therefore always occupy
     * the same horizontal line.
     */

    .syg-pricing-page .syg-plan-features {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .syg-pricing-page
    .syg-plan-features
    .syg-plan-feature-row {
        display: grid;
        grid-template-columns: 18px minmax(0, 1fr);
        column-gap: 7px;
        align-items: start;

        min-height: 48px;

        margin: 0 !important;
        padding: 10px 0 !important;

        border-top: 1px solid #edf0f3;

        color: #293746;

        font-size: .82rem;
        line-height: 1.35;
    }

    .syg-pricing-page
    .syg-plan-features
    .syg-plan-feature-row::before {
        content: none !important;
    }

    .syg-plan-feature-icon {
        display: block;
        width: 18px;
        color: var(--syg-price-gold-dark);
        font-weight: 900;
        text-align: center;
    }

    .syg-plan-feature-row--unavailable {
        color: #c6cbd0 !important;
    }

    .syg-plan-feature-row--unavailable
    .syg-plan-feature-icon {
        color: #d3d7db;
    }

    /*
     * Desktop: force the plan information sections to identical
     * heights before the aligned feature rows start.
     */

    @media (min-width: 1200px) {

        .syg-plan-name {
            min-height: 58px !important;
            margin-bottom: 8px !important;
        }

        .syg-plan-description {
            min-height: 132px !important;
            margin-bottom: 12px !important;
        }

        .syg-plan-price-block {
            min-height: 82px;
        }

        .syg-plan-cta {
            min-height: 46px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .syg-plan-feature-heading {
            min-height: 42px;
            display: flex;
            align-items: flex-end;
        }

    }

    /*
     * Keep cards readable below desktop width.
     */

    @media (max-width: 1199px) {

        .syg-pricing-page .syg-pricing-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .syg-plan-name,
        .syg-plan-description {
            min-height: 0 !important;
        }

    }

    @media (max-width: 575px) {

        .syg-pricing-page .syg-pricing-grid {
            grid-template-columns: 1fr;
        }

        .syg-plan-feature-row {
            min-height: 0 !important;
        }

    }

/* ==========================================================
   MIGRATED BUSINESS SOLUTIONS: syg-business-membership-alignment-v4
   ========================================================== */
/*
 * Business Solutions — five-column membership alignment.
 *
 * Final desktop override.
 * Keep corresponding content rows on the same horizontal line
 * across CLAIM, STARTER, BUSINESS, BUSINESS ESSENTIAL and
 * ENTERPRISE & CUSTOM.
 */

@media (min-width: 1200px) {

    .syg-pricing-page .syg-plan-name {
        min-height: 58px !important;
    }

    .syg-pricing-page .syg-plan-description {
        min-height: 180px !important;
        margin-bottom: 12px !important;
    }

    .syg-pricing-page .syg-plan-price-block {
        min-height: 82px !important;
    }

    .syg-pricing-page .syg-plan-cta {
        min-height: 58px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .syg-pricing-page .syg-plan-feature-heading {
        min-height: 42px !important;
        display: flex !important;
        align-items: flex-end !important;
    }

    .syg-pricing-page .syg-plan-feature-row {
        min-height: 58px !important;
        box-sizing: border-box;
    }
}

/* ==========================================================
   FINAL CLEAN COMMERCIAL-PAGE OVERRIDES
   ========================================================== */
.syg-pricing-page .syg-plan-card {
    border: 1px solid var(--syg-border);
    border-radius: var(--syg-radius);
    box-shadow: var(--syg-shadow);
}

.syg-pricing-page .syg-plan-name {
    color: var(--syg-text);
    font-weight: 600;
    text-transform: none;
    letter-spacing: -.015em;
}

.syg-pricing-page .syg-plan-price {
    color: var(--syg-text);
    font-weight: 600;
}

.syg-pricing-page .syg-plan-description,
.syg-pricing-page .syg-plan-term {
    color: var(--syg-text-secondary);
}

.syg-pricing-page .syg-plan-cta {
    border-color: var(--syg-navy);
    border-radius: var(--syg-radius-small);
    background: var(--syg-navy);
    color: var(--syg-white);
    font-weight: 600;
}

.syg-pricing-page .syg-plan-cta:hover,
.syg-pricing-page .syg-plan-cta:focus {
    border-color: var(--syg-navy-hover);
    background: var(--syg-navy-hover);
    color: var(--syg-white);
}

.syg-pricing-page .syg-plan-feature-heading {
    color: var(--syg-navy);
    font-weight: 600;
}

.syg-pricing-page .syg-plan-feature-row {
    border-color: var(--syg-border-soft);
    color: var(--syg-text);
}

.syg-pricing-page .syg-plan-feature-icon {
    color: var(--syg-gold);
}

.syg-adv2-card,
.syg-adv2-panel,
.syg-adv2-visual-card {
    border-color: var(--syg-border);
    border-radius: var(--syg-radius);
    box-shadow: var(--syg-shadow);
}

.syg-adv2-name {
    color: var(--syg-text);
    font-weight: 600;
}

.syg-adv2-price {
    color: var(--syg-text);
    font-weight: 600;
}

.syg-adv2-summary,
.syg-adv2-term {
    color: var(--syg-text-secondary);
}

.syg-adv2-cta {
    border-color: var(--syg-navy);
    border-radius: var(--syg-radius-small);
    background: var(--syg-navy);
    color: var(--syg-white) !important;
}

.syg-adv2-cta:hover,
.syg-adv2-cta:focus {
    border-color: var(--syg-navy-hover);
    background: var(--syg-navy-hover);
    color: var(--syg-white) !important;
}

/* ==========================================================
   MIGRATED BASE NAVIGATION / MEGA MENU CSS
   ========================================================== */

/*
     * Lighten brand text away from black.
     */

    .navbar-brand {
        color: #0b3a5b !important;
        font-weight: 800;
        letter-spacing: -0.015em;
    }

    .syg-navbar-brand-logo {
        display: flex !important;
        align-items: center !important;
        padding-top: 0.15rem !important;
        padding-bottom: 0.15rem !important;
        margin-right: 1rem !important;
    }

    .syg-navbar-logo {
        display: block !important;
        height: 42px !important;
        width: 42px !important;
        object-fit: contain !important;
        border-radius: 50% !important;
    }

    .navbar-brand:hover,
    .navbar-brand:focus {
        color: #0d6efd !important;
    }

    .navbar .nav-link {
        transition: color 0.18s ease;
    }

    .syg-main-navbar {
        background: #ffffff !important;
        border-bottom: 1px solid rgba(15, 23, 42, 0.10) !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
        min-height: 58px !important;
    }

    .syg-main-navbar .container {
        gap: 0.75rem !important;
    }

    .syg-main-navbar .nav-link,
    .syg-main-navbar .dropdown-toggle {
        color: #0b3a5b !important;
        font-weight: 700 !important;
        letter-spacing: 0.01em !important;
        border-radius: 999px !important;
        padding: 0.45rem 0.75rem !important;
        margin: 0 0.05rem !important;
    }

    .syg-main-navbar .nav-link:hover,
    .syg-main-navbar .nav-link:focus,
    .syg-main-navbar .dropdown-toggle:hover,
    .syg-main-navbar .dropdown-toggle:focus {
        color: #0d6efd !important;
        background: #eef5ff !important;
    }

    .syg-main-navbar .nav-link.active,
    .syg-main-navbar .dropdown-toggle.active {
        position: relative !important;
        color: #0b3a5b !important;
        background: #ffffff !important;
        border: 1px solid rgba(11, 58, 91, 0.12) !important;
        border-radius: 10px !important;
        box-shadow: 0 3px 10px rgba(15, 23, 42, 0.08) !important;
        overflow: hidden !important;
    }

    .syg-main-navbar .nav-link.active::before,
    .syg-main-navbar .dropdown-toggle.active::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 3px !important;
        background: #C8A24A !important;
    }

    .syg-main-navbar .dropdown-menu {
        background: #ffffff !important;
        border: 1px solid rgba(180, 83, 9, 0.18) !important;
        border-radius: 16px !important;
        padding: 0.45rem !important;
        box-shadow: 0 16px 42px rgba(15, 23, 42, 0.14) !important;
    }

    .syg-main-navbar .dropdown-item {
        color: #0b3a5b !important;
        font-weight: 600 !important;
        border-radius: 12px !important;
        padding: 0.55rem 0.8rem !important;
    }

    .syg-main-navbar .dropdown-item:hover,
    .syg-main-navbar .dropdown-item:focus {
        color: #0d6efd !important;
        background: #eef5ff !important;
    }

    .syg-main-navbar .dropdown-item.active {
        position: relative !important;
        color: #0b3a5b !important;
        background: #ffffff !important;
        border: 1px solid rgba(11, 58, 91, 0.10) !important;
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06) !important;
        overflow: hidden !important;
    }

    .syg-main-navbar .dropdown-item.active::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 3px !important;
        background: #C8A24A !important;
    }

    .syg-main-navbar .syg-navbar-search {
        border-color: rgba(11, 58, 91, 0.22) !important;
        border-radius: 999px !important;
    }

    .syg-main-navbar .btn-outline-primary {
        border-radius: 999px !important;
        font-weight: 700 !important;
        border-color: #0b3a5b !important;
        color: #0b3a5b !important;
    }

    .syg-main-navbar .btn-outline-primary:hover,
    .syg-main-navbar .btn-outline-primary:focus {
        background: #0b3a5b !important;
        border-color: #0b3a5b !important;
        color: #ffffff !important;
    }

/* Superyacht Guide navbar logo visibility */
    .syg-main-navbar .syg-navbar-brand-logo {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        padding: 0;
        margin-right: 1rem;
        line-height: 1;
    }

    .syg-main-navbar .syg-navbar-logo {
        display: block !important;
        width: 56px;
        height: 56px;
        max-width: none;
        object-fit: contain;
        visibility: visible !important;
        opacity: 1 !important;
    }

    @media (max-width: 575.98px) {
        .syg-main-navbar .syg-navbar-logo {
            width: 48px;
            height: 48px;
        }
    }

/* === SYG BUSINESS SOLUTIONS TOP NAV CTA START === */
.syg-business-nav-cta {
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(16, 44, 70, 0.18);
    border-radius: 999px;
    padding: 0.45rem 0.85rem !important;
    margin-left: 0.35rem;
    background: #eef6fb;
    color: #16415f !important;
    font-weight: 800;
}

.syg-business-nav-cta:hover,
.syg-business-nav-cta:focus {
    background: #dff0f8;
    color: #0f354f !important;
    text-decoration: none;
}
/* === SYG BUSINESS SOLUTIONS TOP NAV CTA END === */

.syg-main-navbar {
        background: rgba(255, 255, 255, 0.96) !important;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
        min-height: 70px !important;
        z-index: 1040;
    }

    @supports (backdrop-filter: blur(14px)) {
        .syg-main-navbar {
            backdrop-filter: blur(14px);
        }
    }

    .syg-main-navbar .container {
        gap: 1rem !important;
    }

    .syg-main-navbar .syg-navbar-logo {
        width: 54px !important;
        height: 54px !important;
        max-width: none !important;
        object-fit: contain !important;
        border-radius: 50% !important;
        display: block !important;
    }

    .syg-navbar-toggler {
        border: 1px solid rgba(11, 58, 91, 0.18) !important;
        border-radius: 14px !important;
        padding: 0.45rem 0.65rem !important;
    }

    .syg-navbar-primary {
        align-items: center;
        gap: 0.15rem;
    }

    .syg-main-navbar .nav-link,
    .syg-main-navbar .dropdown-toggle {
        color: #102c46 !important;
        font-weight: 750 !important;
        letter-spacing: 0.005em !important;
        border-radius: 999px !important;
        padding: 0.55rem 0.82rem !important;
        line-height: 1.1 !important;
        transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease !important;
    }

    .syg-main-navbar .nav-link:hover,
    .syg-main-navbar .nav-link:focus,
    .syg-main-navbar .dropdown-toggle:hover,
    .syg-main-navbar .dropdown-toggle:focus {
        color: #0b3a5b !important;
        background: #eef6fb !important;
        text-decoration: none !important;
    }

    .syg-main-navbar .nav-link.active,
    .syg-main-navbar .dropdown-toggle.active {
        color: #0b3a5b !important;
        background: #e8f2f7 !important;
        box-shadow: inset 0 0 0 1px rgba(11, 58, 91, 0.10) !important;
    }

    .syg-main-navbar .dropdown-menu {
        min-width: 245px !important;
        background: #ffffff !important;
        border: 1px solid rgba(15, 23, 42, 0.08) !important;
        border-radius: 18px !important;
        padding: 0.55rem !important;
        box-shadow: 0 22px 52px rgba(15, 23, 42, 0.16) !important;
    }

    .syg-main-navbar .dropdown-header {
        color: #6b7c8f !important;
        font-size: 0.69rem !important;
        font-weight: 850 !important;
        letter-spacing: 0.09em !important;
        text-transform: uppercase !important;
        padding: 0.45rem 0.75rem 0.3rem !important;
    }

    .syg-main-navbar .dropdown-divider {
        border-color: rgba(15, 23, 42, 0.08) !important;
        margin: 0.4rem 0.25rem !important;
    }

    .syg-main-navbar .dropdown-item {
        color: #102c46 !important;
        font-weight: 650 !important;
        border-radius: 12px !important;
        padding: 0.58rem 0.78rem !important;
        line-height: 1.18 !important;
        transition: background 0.14s ease, color 0.14s ease !important;
    }

    .syg-main-navbar .dropdown-item:hover,
    .syg-main-navbar .dropdown-item:focus {
        color: #0b3a5b !important;
        background: #eef6fb !important;
        text-decoration: none !important;
    }

    .syg-main-navbar .dropdown-item.active {
        color: #0b3a5b !important;
        background: #e8f2f7 !important;
        box-shadow: inset 0 0 0 1px rgba(11, 58, 91, 0.10) !important;
    }

    .syg-main-navbar .syg-nav-crew-cta {
        background: #f4f8fb !important;
        box-shadow: inset 0 0 0 1px rgba(11, 58, 91, 0.10) !important;
        font-weight: 800 !important;
    }

    .syg-navbar-search-form {
        gap: 0.45rem;
        flex: 0 0 auto;
    }

    .syg-main-navbar .syg-navbar-search {
        width: 170px;
        border-radius: 999px !important;
        border: 1px solid rgba(16, 44, 70, 0.18) !important;
        background: #f7fafc !important;
        color: #102c46 !important;
        padding-left: 0.85rem !important;
    }

    .syg-main-navbar .syg-navbar-search:focus {
        background: #ffffff !important;
        border-color: rgba(11, 58, 91, 0.42) !important;
        box-shadow: 0 0 0 0.18rem rgba(11, 58, 91, 0.10) !important;
    }

    .syg-navbar-search-button {
        border-radius: 999px !important;
        border: 1px solid #0b3a5b !important;
        color: #ffffff !important;
        background: #0b3a5b !important;
        font-weight: 800 !important;
        padding-left: 0.9rem !important;
        padding-right: 0.9rem !important;
    }

    .syg-navbar-search-button:hover,
    .syg-navbar-search-button:focus {
        background: #123f61 !important;
        border-color: #123f61 !important;
        color: #ffffff !important;
    }

    @media (min-width: 1200px) {
        .syg-main-navbar .dropdown:hover > .dropdown-menu {
            display: block;
            margin-top: 0;
        }

        .syg-main-navbar .dropdown:hover > .dropdown-toggle {
            background: #eef6fb !important;
        }
    }

    @media (max-width: 1199.98px) {
        .syg-main-navbar {
            min-height: 64px !important;
        }

        .syg-navbar-primary {
            align-items: stretch;
            gap: 0.2rem;
            padding-top: 0.75rem;
        }

        .syg-main-navbar .nav-link,
        .syg-main-navbar .dropdown-toggle {
            border-radius: 14px !important;
            padding: 0.7rem 0.85rem !important;
        }

        .syg-main-navbar .dropdown-menu {
            box-shadow: none !important;
            border-radius: 14px !important;
            margin: 0.25rem 0 0.65rem 0 !important;
        }

        .syg-navbar-search-form {
            padding-top: 0.75rem;
            padding-bottom: 0.35rem;
        }

        .syg-main-navbar .syg-navbar-search {
            width: 100%;
        }
    }

    @media (max-width: 575.98px) {
        .syg-main-navbar .syg-navbar-logo {
            width: 48px !important;
            height: 48px !important;
        }
    }

/* === SYG DROPDOWN DIVIDER VISIBILITY 20260720 START === */

/*
 * Make section dividers inside the modern navbar dropdowns
 * clearly visible on both light and dark menu backgrounds.
 */
.syg-modern-dropdown .dropdown-divider {
    border: 0 !important;
    border-top: 1px solid rgba(128, 128, 128, 0.72) !important;
    opacity: 1 !important;
    margin: 0.5rem 0.7rem !important;
}

/*
 * Stronger dividers identify major menu sections.
 * Currently used above and below Luxury Yachts.
 */
.syg-modern-dropdown .dropdown-divider.syg-section-divider {
    border-top-width: 2px !important;
    border-top-color: rgba(128, 128, 128, 0.95) !important;
    margin-top: 0.65rem !important;
    margin-bottom: 0.65rem !important;
}

/* === SYG DROPDOWN DIVIDER VISIBILITY 20260720 END === */

/* === SYG YACHTS THREE COLUMN MEGA MENU 20260720 START === */

/*
 * Only the main Yachts dropdown becomes a mega menu.
 * Other navbar dropdowns remain unchanged.
 */

.syg-yachts-mega-menu {
    width: 900px;
    max-width: calc(100vw - 2rem);
    padding: 1.1rem 1rem;
}

.syg-yachts-mega-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    padding: 0;
    margin: 0;
}

.syg-yachts-mega-column {
    min-width: 0;
    padding: 0 1.1rem 0.4rem;
}

.syg-yachts-mega-column:first-child {
    padding-left: 0.5rem;
}

.syg-yachts-mega-column:last-child {
    padding-right: 0.5rem;
}

.syg-yachts-mega-column + .syg-yachts-mega-column {
    border-left: 1px solid rgba(128,128,128,.35);
}

.syg-yachts-mega-heading {
    margin: 0 0 0.8rem;
    padding: 0 0.75rem 0.65rem;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.055em;
    white-space: normal;
    border-bottom: 2px solid rgba(128,128,128,.42);
}

.syg-yachts-mega-heading span {
    display: block;
    margin-top: 0.18rem;
    font-size: 0.70rem;
    font-weight: 600;
    letter-spacing: 0.035em;
    opacity: 0.72;
}

.syg-yachts-mega-links {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.syg-yachts-mega-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.55rem 0.75rem;
    border-radius: 6px;
    white-space: normal;
    line-height: 1.35;
}

.syg-yachts-mega-divider {
    width: calc(100% - 1.5rem);
    height: 0;
    margin: 0.65rem 0.75rem;
    border-top: 1px solid rgba(128,128,128,.7);
}


/*
 * Medium desktop / notebook screens.
 * Keep all three conceptual sections as columns,
 * but reduce the menu width and spacing.
 */
@media (min-width: 992px) and (max-width: 1199.98px) {

    .syg-yachts-mega-menu {
        width: 760px;
        padding: 0.9rem 0.7rem;
    }

    .syg-yachts-mega-column {
        padding-left: 0.7rem;
        padding-right: 0.7rem;
    }

    .syg-yachts-mega-menu .dropdown-item {
        padding-left: 0.55rem;
        padding-right: 0.55rem;
        font-size: 0.92rem;
    }

    .syg-yachts-mega-heading {
        padding-left: 0.55rem;
        padding-right: 0.55rem;
    }

}


/*
 * Bootstrap collapsed/mobile navbar.
 * Columns become three clean stacked sections.
 */
@media (max-width: 991.98px) {

    .syg-yachts-mega-menu {
        width: 100%;
        max-width: none;
        padding: 0.55rem;
    }

    .syg-yachts-mega-grid {
        display: block;
    }

    .syg-yachts-mega-column {
        padding: 0.65rem 0.25rem;
    }

    .syg-yachts-mega-column:first-child,
    .syg-yachts-mega-column:last-child {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .syg-yachts-mega-column + .syg-yachts-mega-column {
        margin-top: 0.35rem;
        padding-top: 1rem;
        border-left: 0;
        border-top: 2px solid rgba(128,128,128,.55);
    }

    .syg-yachts-mega-heading {
        margin-bottom: 0.45rem;
    }

}

/* === SYG YACHTS THREE COLUMN MEGA MENU 20260720 END === */

/* === SYG YACHTS PREMIUM MEGA MENU 20260720 START === */

/*
 * Premium visual treatment for the Yachts mega menu only.
 *
 * Brand hierarchy:
 * - Superyacht blue: structure and category identity
 * - White/light background: clarity
 * - Muted gold: premium detailing and interaction accents
 *
 * Existing global navbar/dropdown styling remains unchanged.
 */

.syg-yachts-mega-menu {

    /*
     * Use existing site variables if available.
     * Fall back to restrained Superyacht Guide colours.
     */
    --syg-mega-blue:
        var(--syg-brand-navy, #102a43);

    --syg-mega-blue-deep:
        var(--syg-brand-dark, #0b1f33);

    --syg-mega-gold:
        var(--syg-gold, #c6a15b);

    --syg-mega-gold-soft:
        rgba(198, 161, 91, .72);

    --syg-mega-blue-soft:
        rgba(16, 42, 67, .065);


    /*
     * Overall dropdown panel.
     */
    padding: 1.15rem 1rem 1.25rem;

    border-top:
        3px solid
        var(--syg-mega-gold) !important;

    border-bottom:
        3px solid
        var(--syg-mega-blue) !important;

    border-left:
        1px solid
        rgba(16, 42, 67, .14) !important;

    border-right:
        1px solid
        rgba(16, 42, 67, .14) !important;

    border-radius:
        0 0 12px 12px;

    box-shadow:
        0 16px 38px rgba(0, 0, 0, .16),
        0 4px 12px rgba(0, 0, 0, .07);
}


/* ---------------------------------------------------------
   COLUMN STRUCTURE
   --------------------------------------------------------- */

.syg-yachts-mega-menu
.syg-yachts-mega-column {

    position: relative;
}


/*
 * Gold vertical rules between the three vessel categories.
 */
.syg-yachts-mega-menu
.syg-yachts-mega-column
+
.syg-yachts-mega-column {

    border-left:
        1px solid
        var(--syg-mega-gold-soft);
}


/* ---------------------------------------------------------
   CATEGORY TITLE PANELS
   --------------------------------------------------------- */

.syg-yachts-mega-menu
.syg-yachts-mega-heading {

    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 58px;

    margin:
        0
        0
        1rem;

    padding:
        .72rem
        .85rem
        .68rem;

    color:
        #ffffff;

    background:
        linear-gradient(
            135deg,
            var(--syg-mega-blue-deep) 0%,
            var(--syg-mega-blue) 100%
        );

    border-bottom:
        3px solid
        var(--syg-mega-gold);

    border-radius:
        6px 6px 2px 2px;

    font-size:
        .79rem;

    font-weight:
        700;

    line-height:
        1.25;

    letter-spacing:
        .065em;

    text-shadow:
        0 1px 1px
        rgba(0, 0, 0, .16);
}


/*
 * 24m+ and 12–23.99m secondary lines.
 */
.syg-yachts-mega-menu
.syg-yachts-mega-heading
span {

    display: block;

    margin-top:
        .22rem;

    color:
        var(--syg-mega-gold);

    font-size:
        .72rem;

    font-weight:
        700;

    letter-spacing:
        .045em;

    opacity:
        1;
}


/* ---------------------------------------------------------
   LINKS
   --------------------------------------------------------- */

.syg-yachts-mega-menu
.syg-yachts-mega-links {

    gap:
        .12rem;
}


.syg-yachts-mega-menu
.dropdown-item {

    position:
        relative;

    box-sizing:
        border-box;

    min-height:
        39px;

    padding:
        .58rem
        .75rem
        .58rem
        .88rem;

    border-left:
        3px solid
        transparent;

    border-radius:
        5px;

    font-weight:
        500;

    line-height:
        1.35;

    transition:
        background-color .16s ease,
        border-color .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
}


/*
 * Hover treatment:
 * subtle Superyacht blue wash
 * + gold accent
 * + restrained horizontal movement.
 */
.syg-yachts-mega-menu
.dropdown-item:hover,
.syg-yachts-mega-menu
.dropdown-item:focus {

    background:
        var(--syg-mega-blue-soft);

    border-left-color:
        var(--syg-mega-gold);

    transform:
        translateX(2px);

    box-shadow:
        inset 0 0 0 1px
        rgba(16, 42, 67, .035);
}


/*
 * Current page / active link.
 */
.syg-yachts-mega-menu
.dropdown-item.active,
.syg-yachts-mega-menu
.dropdown-item:active {

    background:
        rgba(16, 42, 67, .105) !important;

    border-left-color:
        var(--syg-mega-gold) !important;

    color:
        var(
            --bs-dropdown-link-color,
            inherit
        ) !important;

    font-weight:
        700;

    transform:
        none;

    box-shadow:
        inset 0 0 0 1px
        rgba(198, 161, 91, .20);
}


/* ---------------------------------------------------------
   INTERNAL SUPERYACHT DIVIDER
   --------------------------------------------------------- */

.syg-yachts-mega-menu
.syg-yachts-mega-divider {

    width:
        calc(100% - 1.5rem);

    height:
        0;

    margin:
        .78rem
        .75rem
        .72rem;

    border-top:
        2px solid
        var(--syg-mega-gold);

    opacity:
        .82;
}


/*
 * Small central gold detail gives the divider
 * a more deliberate editorial / luxury treatment.
 */
.syg-yachts-mega-menu
.syg-yachts-mega-divider::after {

    content:
        "";

    display:
        block;

    width:
        30px;

    height:
        2px;

    margin:
        -2px auto 0;

    background:
        var(--syg-mega-blue);
}


/* ---------------------------------------------------------
   LARGE DESKTOP
   --------------------------------------------------------- */

@media (min-width: 1200px) {

    .syg-yachts-mega-menu
    .syg-yachts-mega-column {

        padding-left:
            1.2rem;

        padding-right:
            1.2rem;
    }

    .syg-yachts-mega-menu
    .syg-yachts-mega-column:first-child {

        padding-left:
            .45rem;
    }

    .syg-yachts-mega-menu
    .syg-yachts-mega-column:last-child {

        padding-right:
            .45rem;
    }

}


/* ---------------------------------------------------------
   NOTEBOOK / MEDIUM DESKTOP
   --------------------------------------------------------- */

@media (
    min-width: 992px
)
and (
    max-width: 1199.98px
) {

    .syg-yachts-mega-menu {

        padding:
            .9rem
            .7rem
            1rem;
    }

    .syg-yachts-mega-menu
    .syg-yachts-mega-heading {

        min-height:
            56px;

        padding:
            .62rem
            .6rem;

        font-size:
            .72rem;
    }

    .syg-yachts-mega-menu
    .syg-yachts-mega-heading
    span {

        font-size:
            .67rem;
    }

    .syg-yachts-mega-menu
    .dropdown-item {

        padding:
            .52rem
            .5rem
            .52rem
            .66rem;

        font-size:
            .9rem;
    }

}


/* ---------------------------------------------------------
   MOBILE / COLLAPSED NAVBAR
   --------------------------------------------------------- */

@media (max-width: 991.98px) {

    .syg-yachts-mega-menu {

        border-radius:
            6px;

        border-top-width:
            2px !important;

        border-bottom-width:
            2px !important;

        box-shadow:
            0 8px 20px
            rgba(0, 0, 0, .10);
    }


    /*
     * Replace desktop gold vertical separators
     * with gold horizontal category separators.
     */
    .syg-yachts-mega-menu
    .syg-yachts-mega-column
    +
    .syg-yachts-mega-column {

        border-left:
            0;

        border-top:
            2px solid
            var(--syg-mega-gold);
    }


    .syg-yachts-mega-menu
    .syg-yachts-mega-heading {

        min-height:
            auto;

        margin-bottom:
            .55rem;

        padding:
            .65rem
            .75rem;
    }


    /*
     * Avoid horizontal motion inside collapsed navbar.
     */
    .syg-yachts-mega-menu
    .dropdown-item:hover,
    .syg-yachts-mega-menu
    .dropdown-item:focus {

        transform:
            none;
    }

}

/* === SYG YACHTS PREMIUM MEGA MENU 20260720 END === */

/* ==========================================================
   MIGRATED HOMEPAGE COMPONENT CSS
   ========================================================== */

/* === SYG NEWS CATEGORY COLOUR BADGES START === */
.syg-news-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.syg-news-date {
    color: #6c757d;
}

.syg-news-category-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.16rem 0.58rem;
    font-size: 0.68rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #eef2f6;
    color: #25313f;
    white-space: nowrap;
}

.syg-news-category-badge.category-launch { background: #eaf4ff; color: #17446a; }
.syg-news-category-badge.category-delivery { background: #e8f7ff; color: #0f5570; }
.syg-news-category-badge.category-sale { background: #f5f0ff; color: #4b2e70; }
.syg-news-category-badge.category-charter { background: #fff0f7; color: #7a2750; }
.syg-news-category-badge.category-refit,
.syg-news-category-badge.category-operations,
.syg-news-category-badge.category-captains { background: #edf8f1; color: #24583a; }
.syg-news-category-badge.category-shipyard { background: #f1f4f8; color: #344252; }
.syg-news-category-badge.category-design,
.syg-news-category-badge.category-technology { background: #fff4df; color: #704b11; }
.syg-news-category-badge.category-projects { background: #edf6ff; color: #17446a; }
.syg-news-category-badge.category-destination,
.syg-news-category-badge.category-destinations { background: #eaf7f7; color: #1f5a5c; }
.syg-news-category-badge.category-event { background: #f3f5e8; color: #555f21; }
.syg-news-category-badge.category-market,
.syg-news-category-badge.category-business,
.syg-news-category-badge.category-brokers { background: #f5f0ff; color: #4b2e70; }
.syg-news-category-badge.category-security { background: #fff0f0; color: #7a2525; }
.syg-news-category-badge.category-legal { background: #f8eafa; color: #64256f; }
.syg-news-category-badge.category-owners { background: #eef4ff; color: #274a7a; }
.syg-news-category-badge.category-general { background: #eef2f6; color: #25313f; }
/* === SYG NEWS CATEGORY COLOUR BADGES END === */

/* === SYG HOME HERO YACHT BACKGROUND START === */
.syg-modern-home-intro.syg-home-hero-yacht-bg {
    position: relative;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0 !important;
    overflow: hidden;
    isolation: isolate;
    padding-top: clamp(2rem, 5vw, 4.5rem);
    padding-bottom: clamp(2rem, 5vw, 4.5rem);
    background: #d7e3ea;
}

.syg-modern-home-intro.syg-home-hero-yacht-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: var(--syg-hero-yacht-image);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    opacity: 1;
    filter: saturate(1.08) contrast(1.10);
    pointer-events: none;
}

.syg-modern-home-intro.syg-home-hero-yacht-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(255,255,255,0.94) 0%, rgba(255,255,255,0.74) 34%, rgba(255,255,255,0.28) 64%, rgba(255,255,255,0.04) 100%),
        linear-gradient(180deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.38) 100%);
    pointer-events: none;
}

.syg-modern-home-intro.syg-home-hero-yacht-bg > .container {
    position: relative;
    z-index: 2;
}

.syg-modern-home-intro.syg-home-hero-yacht-bg .syg-modern-home-panel {
    position: relative;
    z-index: 2;
    overflow: visible;
    isolation: auto;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.syg-modern-home-intro.syg-home-hero-yacht-bg .syg-modern-home-panel::before,
.syg-modern-home-intro.syg-home-hero-yacht-bg .syg-modern-home-panel::after {
    content: none !important;
    display: none !important;
}

.syg-modern-home-intro.syg-home-hero-yacht-bg .syg-modern-home-title {
    color: #071827;
}

.syg-modern-home-intro.syg-home-hero-yacht-bg .syg-modern-home-text,
.syg-modern-home-intro.syg-home-hero-yacht-bg .small {
    color: #172f43 !important;
}

.syg-modern-home-intro.syg-home-hero-yacht-bg .syg-eyebrow-dark {
    color: #123049 !important;
}

.syg-modern-home-intro.syg-home-hero-yacht-bg .syg-modern-entry-card span {
    color: #40566a !important;
}

.syg-modern-home-intro.syg-home-hero-yacht-bg .syg-modern-entry-card {
    position: relative;
    z-index: 2;
}

@media (max-width: 991.98px) {
    .syg-modern-home-intro.syg-home-hero-yacht-bg::before {
        background-position: center bottom;
        opacity: 0.72;
    }

    .syg-modern-home-intro.syg-home-hero-yacht-bg::after {
        background:
            linear-gradient(180deg, rgba(255,255,255,0.97) 0%, rgba(255,255,255,0.82) 48%, rgba(255,255,255,0.94) 100%);
    }
}
/* === SYG HOME HERO YACHT BACKGROUND END === */

/* === SYG HOME NEWS CATEGORY COLOUR BADGES START === */
.syg-news-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.syg-news-date {
    color: #6c757d;
}

.syg-news-category-badge {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.16rem 0.58rem;
    font-size: 0.68rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #eef2f6;
    color: #25313f;
    white-space: nowrap;
}

.syg-news-category-badge.category-launch {
    background: #eaf4ff;
    color: #17446a;
}

.syg-news-category-badge.category-delivery {
    background: #e8f7ff;
    color: #0f5570;
}

.syg-news-category-badge.category-sale {
    background: #f5f0ff;
    color: #4b2e70;
}

.syg-news-category-badge.category-charter {
    background: #fff0f7;
    color: #7a2750;
}

.syg-news-category-badge.category-refit {
    background: #edf8f1;
    color: #24583a;
}

.syg-news-category-badge.category-shipyard {
    background: #f1f4f8;
    color: #344252;
}

.syg-news-category-badge.category-design {
    background: #fff4df;
    color: #704b11;
}

.syg-news-category-badge.category-projects {
    background: #edf6ff;
    color: #17446a;
}

.syg-news-category-badge.category-destination,
.syg-news-category-badge.category-destinations {
    background: #eaf7f7;
    color: #1f5a5c;
}

.syg-news-category-badge.category-event {
    background: #f3f5e8;
    color: #555f21;
}

.syg-news-category-badge.category-market,
.syg-news-category-badge.category-business,
.syg-news-category-badge.category-brokers {
    background: #f5f0ff;
    color: #4b2e70;
}

.syg-news-category-badge.category-operations,
.syg-news-category-badge.category-captains {
    background: #edf8f1;
    color: #24583a;
}

.syg-news-category-badge.category-technology {
    background: #fff4df;
    color: #704b11;
}

.syg-news-category-badge.category-security {
    background: #fff0f0;
    color: #7a2525;
}

.syg-news-category-badge.category-legal {
    background: #f8eafa;
    color: #64256f;
}

.syg-news-category-badge.category-owners {
    background: #eef4ff;
    color: #274a7a;
}

.syg-news-category-badge.category-general {
    background: #eef2f6;
    color: #25313f;
}
/* === SYG HOME NEWS CATEGORY COLOUR BADGES END === */

/*
     * Single upper homepage Superyacht Intelligence mini-section.
     * The lower dark Intelligence section remains separate.
     */
    .syg-upper-intelligence-strip {
        margin-top: 2rem;
        padding: 1.5rem;
        border-radius: 1.5rem;
        background:
            radial-gradient(circle at top right, rgba(14, 116, 144, .16), transparent 34%),
            linear-gradient(135deg, rgba(255,255,255,.94), rgba(240,247,250,.88));
        border: 1px solid rgba(15, 23, 42, .08);
        box-shadow: 0 18px 45px rgba(15, 23, 42, .06);
        position: relative;
        overflow: hidden;
    }

    .syg-upper-intelligence-strip-title {
        font-size: 1.35rem;
        font-weight: 700;
        color: #0f2537;
        margin-bottom: .35rem;
    }

    .syg-upper-intelligence-strip-text {
        color: #475569;
        margin-bottom: 0;
        max-width: 680px;
    }

    .syg-upper-intelligence-metric {
        font-size: .78rem;
        text-transform: uppercase;
        letter-spacing: .08em;
        color: #64748b;
        margin-bottom: .15rem;
    }

    .syg-upper-intelligence-number {
        font-size: 1.5rem;
        font-weight: 700;
        color: #0f2537;
        line-height: 1.1;
    }

    .syg-upper-intelligence-chart {
        min-height: 220px;
        border-radius: 1.25rem;
        background: rgba(255,255,255,.82);
        border: 1px solid rgba(14, 116, 144, .14);
        padding: 1rem 1rem .85rem;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.85);
    }

    .syg-upper-intelligence-chart-head {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 1rem;
        margin-bottom: .85rem;
    }

    .syg-upper-intelligence-chart-title {
        font-size: .95rem;
        font-weight: 700;
        color: #0f2537;
        margin-bottom: .15rem;
    }

    .syg-upper-intelligence-chart-subtitle {
        font-size: .78rem;
        color: #64748b;
        line-height: 1.35;
    }

    .syg-upper-intelligence-chart-key {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        font-size: .72rem;
        color: #64748b;
        white-space: nowrap;
    }

    .syg-upper-intelligence-chart-key i {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 3px;
        background: linear-gradient(180deg, rgba(14, 116, 144, .72), rgba(14, 116, 144, .28));
    }

    .syg-upper-intelligence-chart-plot {
        height: 128px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: .6rem;
        padding: .25rem 0 0;
        border-bottom: 1px solid rgba(15, 23, 42, .10);
        position: relative;
    }

    .syg-upper-intelligence-chart-plot::before,
    .syg-upper-intelligence-chart-plot::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        border-top: 1px dashed rgba(15, 23, 42, .08);
    }

    .syg-upper-intelligence-chart-plot::before {
        top: 33%;
    }

    .syg-upper-intelligence-chart-plot::after {
        top: 66%;
    }

    .syg-upper-intelligence-bar-group {
        flex: 1 1 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        min-width: 0;
    }

    .syg-upper-intelligence-bar-value {
        font-size: .72rem;
        font-weight: 700;
        color: #0f2537;
        margin-bottom: .35rem;
        line-height: 1;
    }

    .syg-upper-intelligence-bar {
        width: 41px;
        max-width: 100%;
        border-radius: 8px 8px 0 0;
        background: linear-gradient(180deg, rgba(14, 116, 144, .76), rgba(14, 116, 144, .30));
        box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
    }

    .syg-upper-intelligence-bar-label {
        font-size: .7rem;
        font-weight: 600;
        color: #475569;
        margin-top: .45rem;
        text-align: center;
        line-height: 1.2;
    }

    .syg-upper-intelligence-chart-note {
        margin-top: .65rem;
        font-size: .72rem;
        color: #64748b;
        line-height: 1.35;
    }

/* =========================================================
       SYG EDITORIAL HOMEPAGE HERO
       Monthly background supplied by hero_covers
       ========================================================= */

    .syg-editorial-hero {
        --syg-hero-accent: #73baff;
        --syg-hero-panel: rgba(4, 20, 37, 0.66);
        --syg-hero-border: rgba(187, 220, 248, 0.34);
        --syg-hero-text: #ffffff;
        --syg-hero-muted: rgba(236, 245, 253, 0.88);

        position: relative;
        isolation: isolate;
        min-height: clamp(750px, calc(100vh - 68px), 920px);
        display: flex;
        align-items: stretch;
        overflow: hidden;
        color: var(--syg-hero-text);
        background-color: #06182a;
        background-image: var(--syg-hero-yacht-image);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .syg-editorial-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -2;
        background:
            linear-gradient(
                90deg,
                rgba(2, 16, 30, 0.98) 0%,
                rgba(3, 20, 37, 0.92) 24%,
                rgba(3, 20, 37, 0.66) 43%,
                rgba(3, 20, 37, 0.18) 66%,
                rgba(3, 20, 37, 0.04) 100%
            );
    }

    .syg-editorial-hero::after {
        content: "";
        position: absolute;
        inset: auto 0 0;
        height: 42%;
        z-index: -1;
        pointer-events: none;
        background:
            linear-gradient(
                180deg,
                rgba(2, 14, 27, 0) 0%,
                rgba(2, 14, 27, 0.48) 45%,
                rgba(2, 14, 27, 0.92) 100%
            );
    }

    .syg-editorial-hero__container {
        width: min(100% - 40px, 1520px);
        margin-inline: auto;
        padding-top: clamp(62px, 6.8vh, 98px);
        padding-bottom: 26px;
        display: grid;
        grid-template-rows: 1fr auto;
        gap: 35px;
    }

    .syg-editorial-hero__content {
        width: min(100%, 880px);
        align-self: center;
    }

    .syg-editorial-hero__eyebrow {
        width: min(100%, 610px);
        margin: 0 0 31px;
        padding-left: 26px;
        border-left: 3px solid var(--syg-hero-accent);
        color: #9fd0ff;
        font-size: clamp(0.78rem, 1vw, 1.02rem);
        font-weight: 600;
        line-height: 1.55;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        text-wrap: balance;
    }

    .syg-editorial-hero__title {
        max-width: 720px;
        margin: 0;
        color: #ffffff;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(3.375rem, 6vw, 6.3rem);
        font-weight: 400;
        line-height: 0.82;
        letter-spacing: -0.055em;
        text-wrap: balance;
        text-shadow: 0 3px 25px rgba(0, 0, 0, 0.24);
    }

    .syg-editorial-hero__rule {
        width: 70px;
        height: 2px;
        margin: 29px 0 24px;
        border: 0;
        opacity: 1;
        background: var(--syg-hero-accent);
    }

    .syg-editorial-hero__description {
        max-width: 640px;
        margin: 0;
        color: var(--syg-hero-muted);
        font-size: clamp(1rem, 1.35vw, 1.22rem);
        line-height: 1.55;
        text-shadow: 0 2px 12px rgba(0, 0, 0, 0.28);
    }

    .syg-editorial-hero__actions {
        display: flex;
        flex-wrap: wrap;
        gap: 13px;
        margin-top: 29px;
    }

    .syg-editorial-hero__action {
        min-height: 57px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        padding: 12px 21px;
        border: 1px solid rgba(214, 233, 250, 0.62);
        border-radius: 9px;
        color: #ffffff;
        background: rgba(5, 24, 42, 0.54);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.08),
            0 8px 25px rgba(0, 0, 0, 0.14);
        backdrop-filter: blur(9px);
        -webkit-backdrop-filter: blur(9px);
        font-size: 0.97rem;
        font-weight: 600;
        line-height: 1.2;
        text-decoration: none;
        transition:
            transform 160ms ease,
            border-color 160ms ease,
            background-color 160ms ease,
            box-shadow 160ms ease;
    }

    .syg-editorial-hero__action:hover,
    .syg-editorial-hero__action:focus-visible {
        color: #ffffff;
        border-color: rgba(255, 255, 255, 0.92);
        background: rgba(15, 54, 85, 0.8);
        box-shadow:
            0 10px 28px rgba(0, 0, 0, 0.24),
            0 0 0 3px rgba(115, 186, 255, 0.16);
        transform: translateY(-2px);
    }

    .syg-editorial-hero__action--primary {
        border-color: #8cc9ff;
        background:
            linear-gradient(
                135deg,
                #79c4ff 0%,
                #368ef2 100%
            );
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.3),
            0 10px 30px rgba(21, 111, 207, 0.28);
    }

    .syg-editorial-hero__action--primary:hover,
    .syg-editorial-hero__action--primary:focus-visible {
        background:
            linear-gradient(
                135deg,
                #94d1ff 0%,
                #489df8 100%
            );
    }

    .syg-editorial-hero__action-icon,
    .syg-editorial-hero__action-arrow {
        flex: 0 0 auto;
        width: 22px;
        height: 22px;
    }

    .syg-editorial-hero__action-arrow {
        width: 16px;
        height: 16px;
        margin-left: 3px;
    }

    .syg-editorial-hero__trust {
        display: flex;
        align-items: center;
        gap: 11px;
        margin: 21px 0 0;
        color: #a7d3ff;
        font-size: 0.94rem;
        line-height: 1.4;
    }

    .syg-editorial-hero__trust-icon {
        width: 25px;
        height: 25px;
        flex: 0 0 auto;
    }

    .syg-editorial-hero__nav {
        display: grid;
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 12px;
        width: 100%;
    }

    .syg-editorial-hero__nav-card {
        position: relative;
        min-height: 152px;
        padding: 22px 12px 17px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 12px;
        overflow: hidden;
        border: 1px solid var(--syg-hero-border);
        border-radius: 12px;
        color: #ffffff;
        background:
            linear-gradient(
                180deg,
                rgba(20, 49, 75, 0.58) 0%,
                rgba(4, 22, 40, 0.74) 100%
            );
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.06),
            0 10px 28px rgba(0, 0, 0, 0.16);
        backdrop-filter: blur(11px);
        -webkit-backdrop-filter: blur(11px);
        text-align: center;
        text-decoration: none;
        transition:
            transform 170ms ease,
            border-color 170ms ease,
            background-color 170ms ease,
            box-shadow 170ms ease;
    }

    .syg-editorial-hero__nav-card::after {
        content: "";
        width: 37px;
        height: 2px;
        margin-top: 1px;
        background: var(--syg-hero-accent);
        opacity: 0.9;
    }

    .syg-editorial-hero__nav-card:hover,
    .syg-editorial-hero__nav-card:focus-visible {
        color: #ffffff;
        border-color: rgba(151, 207, 255, 0.92);
        background:
            linear-gradient(
                180deg,
                rgba(31, 79, 118, 0.76) 0%,
                rgba(8, 37, 64, 0.88) 100%
            );
        box-shadow:
            0 15px 35px rgba(0, 0, 0, 0.25),
            0 0 0 3px rgba(115, 186, 255, 0.12);
        transform: translateY(-4px);
    }

    .syg-editorial-hero__nav-icon {
        width: 34px;
        height: 41px;
        color: #7fc1ff;
        flex: 0 0 auto;
    }

    .syg-editorial-hero__nav-label {
        display: block;
        margin: 0;
        color: #ffffff;
        font-size: 0.82rem;
        font-weight: 650;
        line-height: 1.35;
        letter-spacing: 0.075em;
        text-transform: uppercase;
    }

    @media (min-width: 901px) and (max-height: 850px) {
        .syg-editorial-hero {
            min-height: calc(100vh - 64px);
        }

        .syg-editorial-hero__container {
            padding-top: 44px;
            padding-bottom: 20px;
            gap: 28px;
        }

        .syg-editorial-hero__eyebrow {
            margin-bottom: 23px;
        }

        .syg-editorial-hero__title {
            font-size: clamp(3.5rem, 6vw, 6.2rem);
        }

        .syg-editorial-hero__rule {
            margin: 22px 0 19px;
        }

        .syg-editorial-hero__description {
            font-size: 1.05rem;
            line-height: 1.52;
        }

        .syg-editorial-hero__actions {
            margin-top: 22px;
        }

        .syg-editorial-hero__action {
            min-height: 54px;
            padding: 11px 19px;
        }

        .syg-editorial-hero__trust {
            margin-top: 17px;
            font-size: 0.92rem;
        }

        .syg-editorial-hero__nav {
            gap: 11px;
        }

        .syg-editorial-hero__nav-card {
            min-height: 136px;
            padding: 19px 10px 15px;
        }

        .syg-editorial-hero__nav-icon {
            width: 39px;
            height: 39px;
        }

        .syg-editorial-hero__nav-label {
            font-size: 0.78rem;
        }
    }


    @media (max-width: 1250px) {
        .syg-editorial-hero__nav {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .syg-editorial-hero {
            min-height: auto;
        }
    }

    @media (max-width: 900px) {
        .syg-editorial-hero {
            background-position: 64% center;
        }

        .syg-editorial-hero::before {
            background:
                linear-gradient(
                    90deg,
                    rgba(2, 16, 30, 0.96) 0%,
                    rgba(3, 20, 37, 0.86) 48%,
                    rgba(3, 20, 37, 0.34) 100%
                );
        }

        .syg-editorial-hero__container {
            width: min(100% - 28px, 1520px);
            padding-top: 62px;
        }

        .syg-editorial-hero__title {
            font-size: clamp(4rem, 15vw, 6.4rem);
        }

        .syg-editorial-hero__actions {
            align-items: stretch;
            flex-direction: column;
            max-width: 470px;
        }

        .syg-editorial-hero__action {
            justify-content: flex-start;
            width: 100%;
        }

        .syg-editorial-hero__action-arrow {
            margin-left: auto;
        }
    }

    @media (max-width: 650px) {
        .syg-editorial-hero {
            background-position: 68% center;
        }

        .syg-editorial-hero::before {
            background:
                linear-gradient(
                    180deg,
                    rgba(2, 16, 30, 0.88) 0%,
                    rgba(2, 16, 30, 0.76) 54%,
                    rgba(2, 16, 30, 0.94) 100%
                );
        }

        .syg-editorial-hero__container {
            width: min(100% - 22px, 1520px);
            padding-top: 45px;
            padding-bottom: 18px;
            gap: 27px;
        }

        .syg-editorial-hero__eyebrow {
            margin-bottom: 25px;
            padding-left: 16px;
            font-size: 0.72rem;
        }

        .syg-editorial-hero__title {
            max-width: 100%;
            font-size: clamp(3.55rem, 18vw, 5.2rem);
            line-height: 0.87;
        }

        .syg-editorial-hero__description {
            font-size: 0.98rem;
        }

        .syg-editorial-hero__nav {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 9px;
        }

        .syg-editorial-hero__nav-card {
            min-height: 132px;
            padding: 18px 8px 14px;
        }

        .syg-editorial-hero__nav-icon {
            width: 35px;
            height: 35px;
        }

        .syg-editorial-hero__nav-label {
            font-size: 0.7rem;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .syg-editorial-hero__action,
        .syg-editorial-hero__nav-card {
            transition: none;
        }
    }

/* =========================================================
       WHY SUPERYACHT GUIDE — CONNECTED PLATFORM
       ========================================================= */

    .syg-connected-platform {
        --syg-connect-navy: #061b33;
        --syg-connect-blue: #1878e8;
        --syg-connect-soft-blue: #79bbfb;
        --syg-connect-ink: #15283c;
        --syg-connect-muted: #536274;
        --syg-connect-border: rgba(17, 49, 78, 0.14);
        --syg-connect-paper: #f8f6f1;

        position: relative;
        overflow: hidden;
        padding:
            clamp(76px, 7vw, 116px)
            0
            clamp(72px, 6vw, 104px);
        color: var(--syg-connect-ink);
        background:
            radial-gradient(
                circle at 5% 14%,
                rgba(36, 117, 206, 0.052),
                transparent 25%
            ),
            radial-gradient(
                circle at 96% 82%,
                rgba(36, 117, 206, 0.045),
                transparent 25%
            ),
            linear-gradient(
                180deg,
                #fbfaf7 0%,
                var(--syg-connect-paper) 100%
            );
    }

    .syg-connected-platform::before,
    .syg-connected-platform::after {
        content: "";
        position: absolute;
        width: 480px;
        height: 480px;
        pointer-events: none;
        opacity: 0.2;
        background:
            repeating-radial-gradient(
                ellipse at center,
                transparent 0 18px,
                rgba(17, 75, 126, 0.13) 19px 20px,
                transparent 21px 36px
            );
        transform: rotate(18deg);
    }

    .syg-connected-platform::before {
        top: -270px;
        left: -310px;
    }

    .syg-connected-platform::after {
        right: -300px;
        bottom: -290px;
    }

    .syg-connected-platform__inner {
        position: relative;
        z-index: 1;
        width: min(
            calc(100% - 40px),
            1480px
        );
        margin-inline: auto;
    }

    .syg-connected-platform__intro {
        display: grid;
        grid-template-columns:
            minmax(0, 1.08fr)
            minmax(380px, 0.92fr);
        gap: clamp(
            38px,
            6vw,
            92px
        );
        align-items: center;
        margin-bottom:
            clamp(
                44px,
                5vw,
                68px
            );
    }

    .syg-connected-platform__eyebrow {
        display: flex;
        align-items: center;
        gap: 16px;
        margin: 0 0 24px;
        color: var(--syg-connect-blue);
        font-size: 0.83rem;
        font-weight: 700;
        line-height: 1.2;
        letter-spacing: 0.18em;
        text-transform: uppercase;
    }

    .syg-connected-platform__eyebrow::before {
        content: "";
        width: 3px;
        height: 29px;
        flex: 0 0 auto;
        border-radius: 999px;
        background:
            linear-gradient(
                180deg,
                #62b2ff,
                #1977e6
            );
    }

    .syg-connected-platform__title {
        max-width: 790px;
        margin: 0;
        color: var(--syg-connect-navy);
        font-family:
            Georgia,
            "Times New Roman",
            serif;
        font-size:
            clamp(
                3rem,
                5.2vw,
                5.45rem
            );
        font-weight: 400;
        line-height: 0.98;
        letter-spacing: -0.042em;
        text-wrap: balance;
    }

    .syg-connected-platform__lead {
        max-width: 750px;
        margin: 30px 0 0;
        color: #293c4e;
        font-size:
            clamp(
                1rem,
                1.25vw,
                1.17rem
            );
        line-height: 1.62;
    }

    .syg-connected-platform__map {
        position: relative;
        min-height: 285px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: visible;
        background: transparent;
    }

    .syg-connected-platform__map::after {
        content: none;
    }

    .syg-connected-platform__map img {
        position: relative;
        z-index: 1;
        display: block;
        width: 100%;
        max-width: 700px;
        height: auto;
        opacity: 1;
        mix-blend-mode: normal;
        filter: none;
        transform: none;
        border: 0;
        box-shadow: none;
    }

    .syg-connected-platform__cards {
        display: grid;
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
        gap:
            clamp(
                18px,
                2vw,
                28px
            );
    }

    .syg-connected-card {
        position: relative;
        min-height: 355px;
        overflow: hidden;
        isolation: isolate;
        border:
            1px
            solid
            var(--syg-connect-border);
        border-radius: 15px;
        background:
            rgba(
                255,
                255,
                255,
                0.83
            );
        box-shadow:
            0 18px 50px
            rgba(
                16,
                43,
                70,
                0.07
            ),
            inset 0 1px 0
            rgba(
                255,
                255,
                255,
                0.94
            );
    }

    .syg-connected-card__image {
        position: absolute;
        inset: 0 0 0 42%;
        z-index: -3;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        transition:
            transform
            500ms
            ease;
    }

    .syg-connected-card--yachts
    .syg-connected-card__image {
        background-image:
            url(
                '/media/homepage/why-superyacht-guide/yachts-projects.webp'
            );
        background-position:
            64%
            center;
    }

    .syg-connected-card--companies
    .syg-connected-card__image {
        background-image:
            url(
                '/media/homepage/why-superyacht-guide/companies-services.webp'
            );
        background-position:
            66%
            center;
    }

    .syg-connected-card--intelligence
    .syg-connected-card__image {
        background-image:
            url(
                '/media/homepage/why-superyacht-guide/intelligence-research.webp'
            );
        background-position:
            67%
            center;
    }

    .syg-connected-card::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -2;
        background:
            linear-gradient(
                90deg,
                rgba(
                    255,
                    255,
                    255,
                    0.998
                )
                0%,
                rgba(
                    255,
                    255,
                    255,
                    0.99
                )
                40%,
                rgba(
                    255,
                    255,
                    255,
                    0.93
                )
                57%,
                rgba(
                    255,
                    255,
                    255,
                    0.34
                )
                82%,
                rgba(
                    255,
                    255,
                    255,
                    0.08
                )
                100%
            );
    }

    .syg-connected-card::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        pointer-events: none;
        background:
            linear-gradient(
                180deg,
                rgba(
                    255,
                    255,
                    255,
                    0.12
                ),
                rgba(
                    6,
                    34,
                    61,
                    0.04
                )
            );
    }

    .syg-connected-card__body {
        width:
            min(
                70%,
                390px
            );
        min-height: 355px;
        padding:
            27px
            18px
            25px
            27px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .syg-connected-card__icon {
        width: 56px;
        height: 56px;
        margin-bottom: 20px;
        display: grid;
        place-items: center;
        border-radius: 11px;
        color: #d9ebff;
        background:
            linear-gradient(
                145deg,
                #062849,
                #031a32
            );
        box-shadow:
            0 10px 22px
            rgba(
                4,
                31,
                57,
                0.18
            ),
            inset 0 1px 0
            rgba(
                255,
                255,
                255,
                0.12
            );
    }

    .syg-connected-card__icon svg {
        width: 31px;
        height: 31px;
    }

    .syg-connected-card__title {
        margin: 0;
        color:
            var(
                --syg-connect-navy
            );
        font-family:
            Georgia,
            "Times New Roman",
            serif;
        font-size:
            clamp(
                1.65rem,
                2vw,
                2.08rem
            );
        font-weight: 400;
        line-height: 1.08;
        letter-spacing: -0.025em;
    }

    .syg-connected-card__rule {
        width: 34px;
        height: 2px;
        margin:
            16px
            0
            18px;
        border: 0;
        opacity: 1;
        background:
            var(
                --syg-connect-blue
            );
    }

    .syg-connected-card__text {
        max-width: 325px;
        margin:
            0
            0
            24px;
        color: #26394b;
        font-size: 0.97rem;
        line-height: 1.55;
    }

    .syg-connected-card__link {
        margin-top: auto;
        display: inline-flex;
        align-items: center;
        gap: 12px;
        color:
            var(
                --syg-connect-blue
            );
        font-size: 0.94rem;
        font-weight: 600;
        line-height: 1.25;
        text-decoration: none;
    }

    .syg-connected-card__link svg {
        width: 18px;
        height: 18px;
        flex: 0 0 auto;
        transition:
            transform
            170ms
            ease;
    }

    .syg-connected-card:hover
    .syg-connected-card__image {
        transform:
            scale(
                1.025
            );
    }

    .syg-connected-card__link:hover,
    .syg-connected-card__link:focus-visible {
        color: #075fc6;
        text-decoration: underline;
        text-underline-offset: 4px;
    }

    .syg-connected-card__link:hover svg,
    .syg-connected-card__link:focus-visible svg {
        transform:
            translateX(
                4px
            );
    }

    .syg-connected-platform__footer {
        margin-top:
            clamp(
                20px,
                2.4vw,
                32px
            );
        padding:
            21px
            28px;
        display: grid;
        grid-template-columns:
            auto
            minmax(
                280px,
                1fr
            )
            auto
            auto;
        gap: 24px;
        align-items: center;
        border:
            1px
            solid
            var(
                --syg-connect-border
            );
        border-radius: 15px;
        background:
            rgba(
                255,
                255,
                255,
                0.78
            );
        box-shadow:
            0 16px 46px
            rgba(
                16,
                43,
                70,
                0.06
            ),
            inset 0 1px 0
            rgba(
                255,
                255,
                255,
                0.92
            );
        backdrop-filter:
            blur(
                10px
            );
        -webkit-backdrop-filter:
            blur(
                10px
            );
    }

    .syg-connected-platform__orbit {
        width: 68px;
        height: 68px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        color:
            var(
                --syg-connect-blue
            );
        border:
            1px
            solid
            rgba(
                21,
                111,
                207,
                0.14
            );
        background:
            rgba(
                244,
                249,
                255,
                0.9
            );
    }

    .syg-connected-platform__orbit svg {
        width: 52px;
        height: 52px;
    }

    .syg-connected-platform__footer-copy {
        min-width: 0;
        padding-left: 10px;
        border-left:
            1px
            solid
            rgba(
                17,
                49,
                78,
                0.12
            );
    }

    .syg-connected-platform__footer-copy p {
        margin: 0;
        color:
            var(
                --syg-connect-navy
            );
        font-family:
            Georgia,
            "Times New Roman",
            serif;
        font-size:
            clamp(
                1.15rem,
                1.55vw,
                1.5rem
            );
        line-height: 1.35;
    }

    .syg-connected-platform__button {
        min-height: 54px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 22px;
        padding:
            12px
            24px;
        border:
            1px
            solid
            rgba(
                7,
                53,
                96,
                0.28
            );
        border-radius: 9px;
        color:
            var(
                --syg-connect-navy
            );
        background:
            rgba(
                255,
                255,
                255,
                0.74
            );
        font-size: 0.96rem;
        font-weight: 600;
        line-height: 1.2;
        text-decoration: none;
        white-space: nowrap;
        transition:
            transform
            160ms
            ease,
            background-color
            160ms
            ease,
            border-color
            160ms
            ease,
            box-shadow
            160ms
            ease;
    }

    .syg-connected-platform__button--primary {
        min-width: 260px;
        color: #ffffff;
        border-color:
            var(
                --syg-connect-navy
            );
        background:
            linear-gradient(
                135deg,
                #082847,
                #031a32
            );
        box-shadow:
            0 12px 28px
            rgba(
                5,
                34,
                61,
                0.16
            );
    }

    .syg-connected-platform__button svg {
        width: 18px;
        height: 18px;
        flex: 0 0 auto;
    }

    .syg-connected-platform__button:hover,
    .syg-connected-platform__button:focus-visible {
        transform:
            translateY(
                -2px
            );
        border-color:
            rgba(
                18,
                117,
                224,
                0.62
            );
        box-shadow:
            0 12px 28px
            rgba(
                9,
                63,
                112,
                0.13
            );
    }

    .syg-connected-platform__button--primary:hover,
    .syg-connected-platform__button--primary:focus-visible {
        color: #ffffff;
        background:
            linear-gradient(
                135deg,
                #0b355e,
                #052444
            );
    }

    @media (max-width: 1180px) {
        .syg-connected-platform__intro {
            grid-template-columns:
                minmax(
                    0,
                    1fr
                )
                minmax(
                    320px,
                    0.75fr
                );
            gap: 40px;
        }

        .syg-connected-card__body {
            width: 78%;
        }

        .syg-connected-platform__footer {
            grid-template-columns:
                auto
                1fr;
        }

        .syg-connected-platform__button {
            width: 100%;
        }
    }

    @media (max-width: 980px) {
        .syg-connected-platform__intro {
            grid-template-columns: 1fr;
        }

        .syg-connected-platform__map {
            min-height: 230px;
            max-width: 720px;
        }

        .syg-connected-platform__cards {
            grid-template-columns: 1fr;
        }

        .syg-connected-card {
            min-height: 320px;
        }

        .syg-connected-card__body {
            min-height: 320px;
            width:
                min(
                    68%,
                    540px
                );
        }
    }

    @media (max-width: 680px) {
        .syg-connected-platform {
            padding:
                60px
                0
                64px;
        }

        .syg-connected-platform__inner {
            width:
                min(
                    calc(
                        100% - 24px
                    ),
                    1480px
                );
        }

        .syg-connected-platform__intro {
            gap: 24px;
            margin-bottom: 34px;
        }

        .syg-connected-platform__eyebrow {
            margin-bottom: 18px;
            font-size: 0.72rem;
            letter-spacing: 0.14em;
        }

        .syg-connected-platform__title {
            font-size:
                clamp(
                    2.65rem,
                    13vw,
                    4.2rem
                );
        }

        .syg-connected-platform__lead {
            margin-top: 22px;
            font-size: 0.98rem;
        }

        .syg-connected-platform__map {
            min-height: 150px;
        }

        .syg-connected-card {
            min-height: 390px;
        }

        .syg-connected-card__image {
            inset:
                46%
                0
                0
                0;
        }

        .syg-connected-card::before {
            background:
                linear-gradient(
                    180deg,
                    rgba(
                        255,
                        255,
                        255,
                        0.998
                    )
                    0%,
                    rgba(
                        255,
                        255,
                        255,
                        0.99
                    )
                    50%,
                    rgba(
                        255,
                        255,
                        255,
                        0.79
                    )
                    67%,
                    rgba(
                        255,
                        255,
                        255,
                        0.13
                    )
                    100%
                );
        }

        .syg-connected-card__body {
            width: 100%;
            min-height: 390px;
            padding:
                24px
                22px
                22px;
        }

        .syg-connected-card__text {
            max-width: 100%;
        }

        .syg-connected-platform__footer {
            padding: 22px;
            grid-template-columns: 1fr;
            gap: 18px;
        }

        .syg-connected-platform__orbit {
            width: 58px;
            height: 58px;
        }

        .syg-connected-platform__footer-copy {
            padding: 0;
            border-left: 0;
        }

        .syg-connected-platform__button--primary {
            min-width: 0;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .syg-connected-card__image,
        .syg-connected-card__link svg,
        .syg-connected-platform__button {
            transition: none;
        }
    }

.syg-business-home-cta .syg-business-home-panel {
            border-radius: 1.25rem;
            background: linear-gradient(135deg, #12364d 0%, #1f5675 100%);
            color: #ffffff;
            padding: clamp(1.5rem, 4vw, 3rem);
            box-shadow: 0 1rem 2.5rem rgba(10, 35, 55, 0.12);
        }

        .syg-business-home-cta .syg-business-home-panel p {
            color: rgba(255, 255, 255, 0.86);
        }

        .syg-business-home-cta .btn-light {
            color: #12364d;
            font-weight: 800;
        }

/*
     * Modern homepage intro/dashboard.
     * Replaces large hero styling with a compact directory-style entry area.
     */

    .syg-modern-home-intro {
        background:
            linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
        padding: 2.25rem 0 1.75rem;
    }

    .syg-modern-home-panel {
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 24px;
        background:
            radial-gradient(circle at top left, rgba(14, 165, 233, 0.12), transparent 30%),
            radial-gradient(circle at bottom right, rgba(245, 158, 11, 0.08), transparent 28%),
            #ffffff;
        box-shadow: 0 16px 42px rgba(15, 23, 42, 0.055);
        padding: 2rem;
        position: relative;
        overflow: hidden;
    }

    .syg-modern-home-panel::after {
        content: "";
        position: absolute;
        left: -8%;
        right: -8%;
        bottom: -64px;
        height: 120px;
        background:
            radial-gradient(72% 45% at 20% 12%, rgba(14, 165, 233, 0.10), transparent 62%),
            radial-gradient(82% 52% at 54% 8%, rgba(59, 130, 246, 0.08), transparent 66%),
            radial-gradient(72% 48% at 86% 18%, rgba(56, 189, 248, 0.09), transparent 64%);
        border-radius: 46% 54% 0 0;
        transform: rotate(-1.4deg);
        pointer-events: none;
        z-index: 0;
    }

    .syg-modern-home-panel > * {
        position: relative;
        z-index: 1;
    }

    .syg-modern-home-title {
        color: #0b3a5b;
        font-weight: 800;
        letter-spacing: -0.035em;
        margin-bottom: 0.75rem;
    }

    .syg-modern-home-text {
        color: #475569;
        max-width: 780px;
        font-size: 1.08rem;
        margin-bottom: 0;
    }

    .syg-modern-entry-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.75rem;
        margin-top: 1.5rem;
    }

    .syg-modern-entry-card {
        display: block;
        border: 1px solid rgba(15, 23, 42, 0.08);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.82);
        padding: 1rem;
        text-decoration: none;
        color: #172033;
        transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
        min-height: 92px;
    }

    .syg-modern-entry-card:hover {
        transform: translateY(-2px);
        border-color: rgba(13, 110, 253, 0.28);
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.075);
        background: #ffffff;
        color: #0b3a5b;
    }

    .syg-modern-entry-card strong {
        display: block;
        font-size: 0.98rem;
        margin-bottom: 0.25rem;
    }

    .syg-modern-entry-card span {
        display: block;
        color: #64748b;
        font-size: 0.86rem;
        line-height: 1.35;
    }

    .syg-modern-entry-card--primary {
        background: linear-gradient(135deg, #0d6efd 0%, #0284c7 100%);
        color: #ffffff;
        border-color: transparent;
    }

    .syg-modern-entry-card--primary span {
        color: rgba(255, 255, 255, 0.86);
    }

    .syg-modern-entry-card--primary:hover {
        color: #ffffff;
        background: linear-gradient(135deg, #0b5ed7 0%, #0369a1 100%);
    }

    @media (max-width: 991.98px) {
        .syg-modern-entry-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 575.98px) {
        .syg-modern-home-panel {
            padding: 1.35rem;
        }

        .syg-modern-entry-grid {
            grid-template-columns: 1fr;
        }
    }

/*
     * Flat homepage background correction.
     * Removes gradient/design background from the modern intro and makes
     * the body/page background match the intro colour.
     */

    body {
        background: #f8fafc !important;
        background-color: #f8fafc !important;
    }

    .syg-modern-home-intro {
        background: #f8fafc !important;
        background-color: #f8fafc !important;
    }

    .syg-modern-home-panel {
        background: transparent !important;
    }

    .container.my-5 {
        background: transparent !important;
    }

/* ==========================================================
   SITE-WIDE DESIGN SYSTEM — PHASE 2
   Base + Homepage consolidation
   ========================================================== */


/* ----------------------------------------------------------
   BASE DECORATIVE RULE
   ---------------------------------------------------------- */

.syg-gold-rule {
    width: 72px;
    height: 2px;
    margin: 1.1rem 0 1rem;
    background: var(--syg-gold);
}


/* ----------------------------------------------------------
   CLEAN GLOBAL NAVIGATION
   ---------------------------------------------------------- */

.syg-main-navbar {
    background: var(--syg-white) !important;
    border-bottom: 1px solid var(--syg-border) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .035) !important;
    backdrop-filter: none !important;
}

.syg-main-navbar .nav-link,
.syg-main-navbar .dropdown-toggle {
    color: var(--syg-text) !important;
    font-family: var(--syg-font);
    font-weight: 500 !important;
}

.syg-main-navbar .nav-link:hover,
.syg-main-navbar .nav-link:focus,
.syg-main-navbar .nav-link.active,
.syg-main-navbar .dropdown-toggle:hover,
.syg-main-navbar .dropdown-toggle:focus,
.syg-main-navbar .dropdown-toggle.active {
    color: var(--syg-navy) !important;
}

.syg-main-navbar .dropdown-menu {
    border: 1px solid var(--syg-border) !important;
    border-radius: var(--syg-radius) !important;
    background: var(--syg-white) !important;
    box-shadow: var(--syg-shadow-raised) !important;
}

.syg-main-navbar .dropdown-item {
    color: var(--syg-text) !important;
    font-weight: 400;
}

.syg-main-navbar .dropdown-item:hover,
.syg-main-navbar .dropdown-item:focus {
    background: var(--syg-surface-soft) !important;
    color: var(--syg-navy) !important;
}

.syg-main-navbar .dropdown-item.active {
    background: var(--syg-surface-soft) !important;
    color: var(--syg-navy) !important;
    font-weight: 600;
}

.syg-business-nav-cta {
    border: 1px solid var(--syg-navy) !important;
    border-radius: var(--syg-radius-small) !important;
    background: var(--syg-navy) !important;
    color: var(--syg-white) !important;
    box-shadow: none !important;
}

.syg-business-nav-cta:hover,
.syg-business-nav-cta:focus {
    border-color: var(--syg-navy-hover) !important;
    background: var(--syg-navy-hover) !important;
    color: var(--syg-white) !important;
}

.syg-yachts-mega-menu {
    border-color: var(--syg-border) !important;
    border-radius: var(--syg-radius) !important;
    box-shadow: var(--syg-shadow-raised) !important;
}


/* ----------------------------------------------------------
   HOMEPAGE — STATIC INLINE STYLE REPLACEMENTS
   ---------------------------------------------------------- */

.syg-home-intelligence-panel {
    position: relative;
    overflow: hidden;
    border-radius: var(--syg-radius) !important;
    background: var(--syg-navy);
    color: var(--syg-white);
    box-shadow: none !important;
}

.syg-home-intelligence-visual {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 42%;
    pointer-events: none;
    opacity: .22;
}

.syg-home-intelligence-bars {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 14px;
    padding: 44px 36px 34px;
}

.syg-home-intelligence-bar {
    width: 44px;
    border-radius: 4px 4px 0 0;
    background: rgba(255,255,255,.15);
}

.syg-home-intelligence-bar-28 { height: 28%; }
.syg-home-intelligence-bar-38 { height: 38%; }
.syg-home-intelligence-bar-46 { height: 46%; }
.syg-home-intelligence-bar-52 { height: 52%; }
.syg-home-intelligence-bar-70 { height: 70%; }
.syg-home-intelligence-bar-82 { height: 82%; }

.syg-home-intelligence-gridline {
    position: absolute;
    left: 12%;
    right: 8%;
    height: 1px;
    background: rgba(255,255,255,.08);
}

.syg-home-intelligence-gridline-bottom {
    bottom: 34px;
    background: rgba(255,255,255,.20);
}

.syg-home-intelligence-gridline-28 { top: 28%; }
.syg-home-intelligence-gridline-48 { top: 48%; }
.syg-home-intelligence-gridline-68 { top: 68%; }

.syg-home-intelligence-content {
    position: relative;
    z-index: 2;
}

.syg-home-dark-eyebrow {
    color: rgba(255,255,255,.72) !important;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .12em;
}

.syg-home-dark-lead {
    color: rgba(255,255,255,.88) !important;
}

.syg-home-intelligence-stat {
    border: 1px solid rgba(255,255,255,.16);
    border-radius: var(--syg-radius) !important;
    background: rgba(255,255,255,.10);
}

.syg-home-intelligence-stat-label {
    color: rgba(255,255,255,.68) !important;
}

.syg-home-intelligence-note {
    color: rgba(255,255,255,.72) !important;
}

.syg-home-business-panel {
    background: var(--syg-navy);
    color: var(--syg-white);
}

.syg-home-business-copy {
    color: rgba(255,255,255,.86) !important;
}

.syg-home-business-pill {
    border: 1px solid var(--syg-border);
    border-radius: var(--syg-radius-small) !important;
    background: var(--syg-surface-soft);
    color: var(--syg-navy);
    font-weight: 600;
}


/* ----------------------------------------------------------
   HOMEPAGE CLEAN-SYSTEM OVERRIDES
   ---------------------------------------------------------- */

.syg-modern-home-intro {
    background: var(--syg-surface-soft) !important;
    background-color: var(--syg-surface-soft) !important;
}

.syg-modern-home-panel {
    border: 1px solid var(--syg-border) !important;
    border-radius: var(--syg-radius) !important;
    background: var(--syg-white) !important;
    box-shadow: none !important;
}

.syg-modern-entry-card {
    border-color: var(--syg-border) !important;
    border-radius: var(--syg-radius) !important;
    box-shadow: none !important;
}

.syg-upper-intelligence-strip,
.syg-upper-intelligence-chart {
    border-color: var(--syg-border) !important;
    border-radius: var(--syg-radius) !important;
    background: var(--syg-surface-subtle) !important;
    box-shadow: none !important;
}

.syg-business-home-cta .syg-business-home-panel {
    border-radius: var(--syg-radius) !important;
    background: var(--syg-navy) !important;
    box-shadow: none !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    .syg-home-intelligence-visual {
        width: 100%;
        opacity: .14;
    }

    .syg-home-intelligence-bars {
        padding-left: 20px;
        padding-right: 20px;
    }

    .syg-home-intelligence-bar {
        width: 30px;
    }

}