/* =========================================================
   MLMR DESIGN RATIONALISATION V1
   ITEMS 3 - 6
   ========================================================= */


/* =========================================================
   3. STANDING / RUNNING RIGGING ROUTE HERO
   ========================================================= */

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-hero {
    margin: 0 0 10px !important;
    padding: 20px 22px !important;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-hero
> .mlmr-rigging-category-title {
    margin: 0 0 7px !important;

    font-size: 24px !important;
    line-height: 1.18 !important;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-hero__intro {
    margin-bottom: 15px !important;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-hero__intro h2 {
    margin: 0 0 5px !important;

    font-size: 19px !important;
    line-height: 1.28 !important;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-hero__intro p {
    max-width: 900px;

    margin: 0 !important;

    font-size: 13.5px !important;
    line-height: 1.48 !important;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-hero__routes {
    gap: 14px !important;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-card {
    display: grid !important;

    grid-template-columns:
        auto minmax(0, 1fr);

    grid-template-rows:
        auto auto auto;

    column-gap: 5px;
    row-gap: 9px;

    align-items: baseline;

    padding: 16px 18px !important;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-card__answer {
    grid-column: 1;
    grid-row: 1;

    margin: 0 !important;

    font-size: 15px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    color: #1675aa !important;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-card__answer::after {
    content: " —";
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-card h3 {
    grid-column: 2;
    grid-row: 1;

    margin: 0 !important;

    font-size: 15px !important;
    line-height: 1.25 !important;

    font-weight: 500 !important;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-card p {
    grid-column: 1 / -1;
    grid-row: 2;

    margin: 0 !important;

    font-size: 13px !important;
    line-height: 1.45 !important;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-card__actions {
    grid-column: 1 / -1;
    grid-row: 3;

    gap: 8px !important;

    margin-top: 1px;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-hero .btn {
    padding: 8px 13px !important;

    font-size: 12px !important;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-hero__package {
    margin-top: 12px !important;
    padding: 11px 14px !important;

    gap: 14px !important;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-hero__package strong {
    font-size: 13px !important;
}

body#category
.mlmr-rigging-list-header
.mlmr-rigging-choice-hero__package span {
    margin-top: 2px;

    font-size: 12.5px !important;
    line-height: 1.4 !important;
}


/* =========================================================
   4. COST CALCULATOR
   ========================================================= */

.mlmr-rigging-cost-page
.mlmr-standard-hero.mlmr-standard-hero--with-selector {
    margin-bottom: 16px !important;
    padding: 20px 22px 18px !important;
}

.mlmr-standard-hero--with-selector
.rs-topbar {
    display: flex !important;

    align-items: flex-end !important;
    justify-content: space-between !important;

    gap: 22px !important;

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

    border-top: 1px solid #d7dfe3;
}

.mlmr-standard-hero--with-selector
.rs-top-left {
    flex: 1 1 auto;

    min-width: 0;
}

.mlmr-standard-hero--with-selector
.rs-top-intro {
    margin: 0 0 5px !important;

    font-size: 17px !important;
    line-height: 1.3 !important;

    font-weight: 600;
}

.mlmr-standard-hero--with-selector
.rs-top-disclaimer {
    max-width: 820px;

    margin: 0 0 12px !important;

    font-size: 12.5px !important;
    line-height: 1.45 !important;

    color: #606b70 !important;
}

.mlmr-standard-hero--with-selector
.rs-row.mlmr-cost-selector-row {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 14px !important;

    margin: 0 !important;
}

.mlmr-standard-hero--with-selector
.rs-row.mlmr-cost-selector-row
.rs-field {
    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 6px !important;

    min-width: 0 !important;
}

.mlmr-standard-hero--with-selector
.rs-label {
    min-width: 0 !important;

    margin: 0 !important;

    font-size: 12px !important;

    font-weight: 600 !important;
}

.mlmr-standard-hero--with-selector
.rs-input {
    width: 100% !important;
    min-width: 0 !important;

    min-height: 42px;

    padding: 8px 10px !important;

    border-radius: 3px !important;
}

.mlmr-standard-hero--with-selector
.rs-top-right {
    flex: 0 0 auto;

    align-self: flex-end !important;

    margin: 0 !important;
    padding: 0 0 1px !important;
}

.mlmr-standard-hero--with-selector
.rs-request-btn {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    min-height: 42px;

    padding: 9px 16px !important;

    border-radius: 3px !important;

    white-space: nowrap;
}

.mlmr-standard-hero--with-selector
.rs-data-note {
    margin: 8px 0 0 !important;

    font-size: 11px !important;
    line-height: 1.35 !important;

    color: #79858a !important;
}

.mlmr-standard-hero--with-selector
.rs-top-tip {
    margin: 7px 0 0 !important;
    padding: 0 !important;

    font-size: 11px !important;
    line-height: 1.4 !important;

    color: #79858a !important;
}

.mlmr-rigging-cost-page
.rs-actions--bottom {
    display: none !important;
}

.mlmr-rigging-cost-page
.rs-cost-guide-panel {
    min-height: 0 !important;

    margin-top: 0 !important;
}


/* =========================================================
   5. KNOWLEDGE CENTRE / MANUFACTURER / PACK CARDS
   ========================================================= */

body.mlmr-shared-cms-layout
.mlmr-shared-page-hero {
    margin-bottom: 18px !important;
    padding: 18px 22px !important;

    background: #f2f2f2 !important;

    border: 1px solid #e2e2e2 !important;
}

body.mlmr-shared-cms-layout
.mlmr-shared-page-hero h1,
body.mlmr-shared-cms-layout
.mlmr-shared-page-hero .h1 {
    margin-bottom: 7px !important;
}

.mlmr-link-grid {
    align-items: stretch;
}

.mlmr-link-grid
.cms-subpage-text {
    display: flex !important;

    flex-direction: column !important;

    height: 100%;

    padding: 18px 20px !important;

    background: #fff !important;

    border: 1px solid #dfe5e8 !important;

    border-radius: 4px !important;

    box-shadow: none !important;

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

.mlmr-link-grid
.cms-subpage-text:hover {
    border-color: #aabdc7 !important;

    box-shadow:
        0 4px 14px
        rgba(0, 0, 0, .05) !important;

    transform: translateY(-1px);
}

.mlmr-link-grid
.cms-subpage-text
> a:first-child {
    display: block;

    margin-bottom: 9px;

    font-size: 17px !important;
    line-height: 1.3 !important;

    font-weight: 600 !important;

    color: #30383d !important;

    text-decoration: none !important;
}

.mlmr-link-grid
.cms-subpage-text p {
    flex: 1 1 auto;

    margin: 0 0 14px !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    color: #596368 !important;
}

.mlmr-link-grid
.btnx {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    width: auto !important;

    min-height: 36px;

    margin: 0 !important;
    padding: 7px 11px !important;

    font-size: 12px !important;
    line-height: 1.25 !important;

    font-weight: 600 !important;

    color: #176f9f !important;

    background: #edf4f7 !important;

    border: 1px solid #cbdce4 !important;

    border-radius: 3px !important;

    text-decoration: none !important;
}

.mlmr-link-grid
.btnx::after {
    content: " →";

    margin-left: 5px;
}

.mlmr-link-grid
.btnx:hover,
.mlmr-link-grid
.btnx:focus {
    color: #fff !important;

    background: #176f9f !important;

    border-color: #176f9f !important;
}

.mlmr-link-grid--yachts
.cms-subpage-image {
    display: none !important;
}

.mlmr-link-grid--yachts
.cms-subpage-text {
    min-height: 145px;
}

.mlmr-link-grid--yachts
.rigging-guide-cta,
.mlmr-link-grid--yachts
.mlmr-running-package-cta {
    display: inline-flex;

    margin: 4px 7px 0 0 !important;
}

.mlmr-link-grid--yachts
.mlmr-running-package-cta
.btnx {
    color: #45565f !important;

    background: #fff !important;
}

.mlmr-link-grid--yachts
.mlmr-running-package-cta
.btnx:hover,
.mlmr-link-grid--yachts
.mlmr-running-package-cta
.btnx:focus {
    color: #fff !important;

    background: #45565f !important;

    border-color: #45565f !important;
}


/* Running Rigging Packs */

.mlmr-rrp-index__card {
    background: #fff !important;

    border: 1px solid #dfe5e8 !important;

    border-radius: 4px !important;

    box-shadow: none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}

.mlmr-rrp-index__card:hover,
.mlmr-rrp-index__card:focus {
    border-color: #aabdc7 !important;

    box-shadow:
        0 4px 14px
        rgba(0, 0, 0, .05) !important;

    transform: translateY(-1px);
}

.mlmr-rrp-index__manufacturer-links {
    gap: 7px !important;
}

.mlmr-rrp-index__manufacturer-links a {
    display: inline-flex !important;

    align-items: center;

    min-height: 36px;

    padding: 7px 11px !important;

    color: #176f9f !important;

    background: #edf4f7 !important;

    border: 1px solid #cbdce4 !important;

    border-radius: 3px !important;

    text-decoration: none !important;
}

.mlmr-rrp-index__manufacturer-links a:hover,
.mlmr-rrp-index__manufacturer-links a:focus {
    color: #fff !important;

    background: #176f9f !important;

    border-color: #176f9f !important;
}


/* =========================================================
   6. ABOUT US
   ========================================================= */

body.mlmr-about-active
.mlmr-about-original-header {
    display: none !important;
}

body.mlmr-about-active
.mlmr-about-page {
    margin: 0 !important;
    padding: 0 !important;
}

.mlmr-about-hero {
    position: relative;

    margin: 0 0 24px;

    overflow: hidden;

    background: #edf1f3;

    border: 1px solid #dde3e6;
}

.mlmr-about-hero__media {
    width: 100%;
    height: 400px;

    overflow: hidden;

    background: #e9edef;
}

.mlmr-about-hero__media:empty {
    display: none;
}

.mlmr-about-hero__media img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;
}

.mlmr-about-hero__copy {
    position: absolute;

    left: 24px;
    bottom: 24px;

    width: min(650px, calc(100% - 48px));

    padding: 19px 22px;

    background:
        rgba(255,255,255,.94);

    border: 1px solid
        rgba(255,255,255,.72);
}

.mlmr-about-hero__media:empty
+ .mlmr-about-hero__copy {
    position: static;

    width: auto;
}

.mlmr-about-hero__eyebrow {
    display: block;

    margin-bottom: 5px;

    font-size: 11px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: .07em;
    text-transform: uppercase;

    color: #64737a;
}

.mlmr-about-hero h1 {
    margin: 0 0 8px !important;

    font-size: 30px !important;
    line-height: 1.15 !important;
}

.mlmr-about-hero p {
    margin: 0 !important;

    font-size: 15px;
    line-height: 1.52;

    color: #445159;
}

.mlmr-about-services {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 14px;

    margin: 0 0 24px;
}

.mlmr-about-card {
    padding: 18px 20px;

    background: #fff;

    border: 1px solid #dfe5e8;

    border-radius: 4px;
}

.mlmr-about-card h2 {
    margin: 0 0 8px !important;

    font-size: 18px !important;
    line-height: 1.3 !important;
}

.mlmr-about-card p {
    margin: 0 !important;

    font-size: 13.5px;
    line-height: 1.55;

    color: #566168;
}

.mlmr-about-detail {
    margin: 0 0 20px;
    padding: 22px 24px;

    background: #f5f7f8;

    border: 1px solid #e0e5e7;
}

.mlmr-about-detail h2 {
    margin: 0 0 9px !important;

    font-size: 21px !important;
}

.mlmr-about-detail p {
    margin: 0 0 11px !important;

    line-height: 1.6;
}

.mlmr-about-detail p:last-child {
    margin-bottom: 0 !important;
}

.mlmr-about-cta {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 18px;

    padding: 18px 22px;

    background: #edf4f7;

    border: 1px solid #d3e0e6;
}

.mlmr-about-cta__copy h2 {
    margin: 0 0 4px !important;

    font-size: 19px !important;
}

.mlmr-about-cta__copy p {
    margin: 0 !important;

    font-size: 13px;
    line-height: 1.45;
}

.mlmr-about-cta__actions {
    display: flex;

    flex: 0 0 auto;

    gap: 8px;
}

.mlmr-about-cta__actions a {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    min-height: 40px;

    padding: 8px 14px !important;

    text-decoration: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body#category
    .mlmr-rigging-list-header
    .mlmr-rigging-choice-hero {
        padding: 17px 15px !important;
    }

    body#category
    .mlmr-rigging-list-header
    .mlmr-rigging-choice-card {
        padding: 14px 15px !important;
    }

    body#category
    .mlmr-rigging-list-header
    .mlmr-rigging-choice-card__answer,
    body#category
    .mlmr-rigging-list-header
    .mlmr-rigging-choice-card h3 {
        font-size: 14px !important;
    }


    .mlmr-standard-hero--with-selector
    .rs-topbar {
        display: block !important;

        margin-top: 13px !important;
        padding-top: 13px !important;
    }

    .mlmr-standard-hero--with-selector
    .rs-row.mlmr-cost-selector-row {
        grid-template-columns: 1fr;
    }

    .mlmr-standard-hero--with-selector
    .rs-top-right {
        margin-top: 12px !important;
    }

    .mlmr-standard-hero--with-selector
    .rs-request-btn {
        width: 100%;
    }


    .mlmr-about-hero__media {
        height: 270px;
    }

    .mlmr-about-hero__copy {
        position: relative;

        left: auto;
        bottom: auto;

        width: auto;

        padding: 17px 16px;

        border: 0;
    }

    .mlmr-about-hero h1 {
        font-size: 25px !important;
    }

    .mlmr-about-services {
        grid-template-columns: 1fr;
    }

    .mlmr-about-detail {
        padding: 18px 16px;
    }

    .mlmr-about-cta {
        display: block;

        padding: 17px 16px;
    }

    .mlmr-about-cta__actions {
        display: grid;

        grid-template-columns: 1fr;

        margin-top: 14px;
    }
}

/* END MLMR DESIGN RATIONALISATION V1 */


/* =========================================================
   MLMR KNOWLEDGE CENTRE UNIFICATION V2
   Category 4 + top-level Knowledge Centre categories
   + site-wide button radius
   ========================================================= */


/* =========================================================
   CONSISTENT BUTTON CORNERS
   ========================================================= */

:root {
    --mlmr-button-radius: 6px;
}


/*
 * Standard PrestaShop / SmartStore buttons
 */
.btn,
a.btn,
button.btn,

/*
 * MLMR CMS buttons
 */
.btnx,

/*
 * Actual HTML buttons
 */
button,

/*
 * Form action buttons
 */
input[type="submit"],
input[type="button"],
input[type="reset"],

/*
 * Rigging Selector
 */
.rs-request-btn,

/*
 * Catalogue actions
 */
.add-to-cart,
.product-add-to-cart button,
.product-add-to-cart .btn,

/*
 * Running Rigging Package navigation
 */
.mlmr-rrp-index__manufacturer-links a,

/*
 * Rigging category actions
 */
.mlmr-rigging-choice-card__primary,
.mlmr-rigging-choice-card__secondary,

/*
 * Checkout actions
 */
body#checkout .btn {

    border-radius:
        var(--mlmr-button-radius)
        !important;
}


/*
 * Prevent button hover/active rules elsewhere
 * from switching the radius back.
 */
.btn:hover,
.btn:focus,
.btn:active,

.btnx:hover,
.btnx:focus,

button:hover,
button:focus,

input[type="submit"]:hover,
input[type="submit"]:focus,

.rs-request-btn:hover,
.rs-request-btn:focus,

.add-to-cart:hover,
.add-to-cart:focus {

    border-radius:
        var(--mlmr-button-radius)
        !important;
}


/* =========================================================
   KNOWLEDGE CENTRE SECTION PAGES
   Same visual language as Category 2
   ========================================================= */

body.mlmr-knowledge-section-page
.mlmr-shared-page-hero {

    margin-bottom: 18px !important;

    padding: 18px 22px !important;

    background: #f2f2f2 !important;

    border: 1px solid #e2e2e2 !important;

    border-radius: 4px;
}


body.mlmr-knowledge-section-page
.mlmr-shared-page-hero h1,
body.mlmr-knowledge-section-page
.mlmr-shared-page-hero .h1 {

    margin-top: 0 !important;
    margin-bottom: 7px !important;
}


/*
 * Ensure the card rows on Categories
 * 4 / 39 / 40 / 41 / 42 behave exactly
 * like the Knowledge Centre root cards.
 */
body.mlmr-knowledge-section-page
.row.cms-subpages.mlmr-link-grid {

    display: flex;

    flex-wrap: wrap;

    align-items: stretch;
}


body.mlmr-knowledge-section-page
.row.cms-subpages.mlmr-link-grid
> [class*="col-"] {

    display: flex;

    margin-bottom: 16px;

    padding-top: 0;
    padding-bottom: 0;
}


/*
 * Make each CMS card fill its column
 * consistently.
 */
body.mlmr-knowledge-section-page
.row.cms-subpages.mlmr-link-grid
.cms-subpage {

    width: 100%;
    height: 100%;
}


body.mlmr-knowledge-section-page
.row.cms-subpages.mlmr-link-grid
.cms-subpage-text {

    display: flex !important;

    flex-direction: column !important;

    width: 100%;
    height: 100%;

    padding: 18px 20px !important;

    background: #fff !important;

    border: 1px solid #dfe5e8 !important;

    border-radius: 4px !important;

    box-shadow: none !important;

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


body.mlmr-knowledge-section-page
.row.cms-subpages.mlmr-link-grid
.cms-subpage-text:hover {

    border-color: #aabdc7 !important;

    box-shadow:
        0 4px 14px
        rgba(0,0,0,.05)
        !important;

    transform: translateY(-1px);
}


body.mlmr-knowledge-section-page
.row.cms-subpages.mlmr-link-grid
.cms-subpage-text
> a:first-child {

    display: block;

    margin-bottom: 9px;

    font-size: 17px !important;
    line-height: 1.3 !important;

    font-weight: 600 !important;

    color: #30383d !important;

    text-decoration: none !important;
}


body.mlmr-knowledge-section-page
.row.cms-subpages.mlmr-link-grid
.cms-subpage-text p {

    flex: 1 1 auto;

    margin:
        0 0 14px
        !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    color: #596368 !important;
}


/*
 * Read More / guide CTA:
 * same treatment throughout Knowledge Centre.
 */
body.mlmr-knowledge-section-page
.row.cms-subpages.mlmr-link-grid
.btnx {

    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    align-self: flex-start;

    min-height: 36px;

    margin-top: auto !important;

    padding:
        7px 12px
        !important;

    font-size: 12px !important;
    line-height: 1.25 !important;

    font-weight: 600 !important;

    color: #176f9f !important;

    background: #edf4f7 !important;

    border:
        1px solid #cbdce4
        !important;

    border-radius:
        var(--mlmr-button-radius)
        !important;

    text-decoration: none !important;
}


body.mlmr-knowledge-section-page
.row.cms-subpages.mlmr-link-grid
.btnx::after {

    content: " →";

    margin-left: 5px;
}


body.mlmr-knowledge-section-page
.row.cms-subpages.mlmr-link-grid
.btnx:hover,
body.mlmr-knowledge-section-page
.row.cms-subpages.mlmr-link-grid
.btnx:focus {

    color: #fff !important;

    background: #176f9f !important;

    border-color: #176f9f !important;
}


/*
 * Keep category imagery aligned with the
 * Knowledge Centre root visual treatment.
 */
body.mlmr-knowledge-section-page
.cms-subpage-image {

    overflow: hidden;

    border-radius:
        4px 4px 0 0;
}


body.mlmr-knowledge-section-page
.cms-subpage-image img {

    display: block;

    width: 100%;

    height: auto;
}


/* Mobile */
@media (max-width: 767px) {

    body.mlmr-knowledge-section-page
    .mlmr-shared-page-hero {

        padding:
            16px 15px
            !important;
    }


    body.mlmr-knowledge-section-page
    .row.cms-subpages.mlmr-link-grid
    > [class*="col-"] {

        width: 100%;
    }


    body.mlmr-knowledge-section-page
    .row.cms-subpages.mlmr-link-grid
    .cms-subpage-text {

        padding:
            16px 16px
            !important;
    }
}

/* END MLMR KNOWLEDGE CENTRE UNIFICATION V2 */