.cmm-company-home{background:#fff}.cmm-company-hero{min-height:640px;background:linear-gradient(135deg,#073d27 0%,#0f6b3e 55%,#0b4c31 100%)}.cmm-company-accountbar{position:relative;z-index:40;background:#10251c;color:#fff}.cmm-company-accountbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}.cmm-company-accountbar__inner>div{display:flex;flex-wrap:wrap;gap:8px}.cmm-company-accountbar a{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;text-decoration:none;font-size:13px;font-weight:700}.cmm-company-summary small{line-height:1.6}.cmm-company-category{display:inline-flex;margin-bottom:14px;padding:6px 10px;border-radius:999px;background:rgba(15,107,62,.1);color:var(--agency-primary);font-size:12px;font-weight:800}.cmm-company-service-grid,.cmm-company-legality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}.cmm-company-service-grid a,.cmm-company-legality-grid article{display:flex;min-height:150px;flex-direction:column;justify-content:center;gap:10px;padding:24px;border:1px solid #e4ece7;border-radius:20px;background:#fff;color:#173126;text-decoration:none;box-shadow:0 12px 32px rgba(21,64,44,.07)}.cmm-company-service-grid strong,.cmm-company-legality-grid strong{font-size:18px}.cmm-company-service-grid span,.cmm-company-legality-grid span{color:#63766d;line-height:1.6}.cmm-company-contact{background:#0d3d29;color:#fff}.cmm-company-contact__inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.cmm-company-contact h2,.cmm-company-contact p{color:#fff}.cmm-company-footer{padding:28px 0;background:#08291d;color:#dce9e2}.cmm-company-footer .agency-container{display:flex;justify-content:space-between;gap:20px}@media(max-width:900px){.cmm-company-service-grid,.cmm-company-legality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cmm-company-contact__inner{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.cmm-company-accountbar__inner,.cmm-company-footer .agency-container{align-items:flex-start;flex-direction:column}.cmm-company-service-grid,.cmm-company-legality-grid{grid-template-columns:1fr}.cmm-company-hero{min-height:auto}.agency-nav.is-open{display:flex}}

/* CMM HOMEPAGE STATISTICS START */
.cmm-home-statistics {
    position: relative;
    padding: 64px 0;
    background:
        linear-gradient(
            135deg,
            rgba(15, 107, 62, 0.98),
            rgba(9, 72, 43, 0.98)
        );
    color: #fff;
}

.cmm-home-statistics__heading {
    max-width: 760px;
    margin: 0 auto 32px;
    text-align: center;
}

.cmm-home-statistics__heading .agency-section-kicker {
    color: rgba(255, 255, 255, 0.78);
}

.cmm-home-statistics__heading h2 {
    margin: 8px 0 12px;
    color: #fff;
}

.cmm-home-statistics__heading p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.7;
}

.cmm-home-statistics__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.cmm-home-statistics__card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    min-width: 0;
    min-height: 220px;

    padding: 26px 22px;

    text-align: center;

    border: 1px solid rgba(255,255,255,.18);
    border-radius: 18px;
    background: rgba(255,255,255,.10);
    box-shadow: 0 18px 40px rgba(0,0,0,.12);
    backdrop-filter: blur(8px);
}


.cmm-home-statistics__value {
    display: block;
    margin-bottom: 12px;
    font-size: clamp(2rem, 5vw, 3.25rem);
    line-height: 1;
    letter-spacing: -0.04em;
    color: #fff;
}

.cmm-home-statistics__label {
    display: block;
    margin-bottom: 14px;
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
}

.cmm-home-statistics__card p {
    margin: 0;
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.9rem;
    line-height: 1.6;
}

@media (max-width: 900px) {
    .cmm-home-statistics__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .cmm-home-statistics {
        padding: 48px 0;
    }

    .cmm-home-statistics__grid {
        grid-template-columns: 1fr;
    }

    .cmm-home-statistics__card {
        padding: 22px 20px;
    }
}
/* CMM HOMEPAGE STATISTICS END */
.cmm-home-statistics__card > *{
    width:100%;
    text-align:center;
}

.cmm-home-statistics__value{
    margin:0 0 14px;
}

.cmm-home-statistics__label{
    margin:0 0 16px;
}

.cmm-home-statistics__card p{
    margin:0 auto;
    max-width:220px;
}

/* CMM STATISTICS CENTER OVERRIDE START */
.cmm-home-statistics__grid {
    align-items: stretch;
}

.cmm-home-statistics__card {
    box-sizing: border-box;
    min-width: 0;
    min-height: 220px;
    height: 100%;

    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
    justify-items: center;

    padding: 28px 22px;
    text-align: center;
}

.cmm-home-statistics__card > * {
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.cmm-home-statistics__value {
    display: block;
    margin: 0 0 12px;
    text-align: center;
}

.cmm-home-statistics__label {
    display: block;
    margin: 0 0 14px;
    text-align: center;
}

.cmm-home-statistics__card p {
    width: auto;
    max-width: 220px;
    margin: 0 auto;
    text-align: center;
}

@media (max-width: 560px) {
    .cmm-home-statistics__card {
        min-height: 200px;
    }
}
/* CMM STATISTICS CENTER OVERRIDE END */

/* CMM HOMEPAGE AGENCY EXPLORER START */
.cmm-home-agencies {
    padding: 76px 0;
    background: #f6f9f7;
}

.cmm-home-agencies__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 34px;
}

.cmm-home-agencies__heading > div {
    max-width: 760px;
}

.cmm-home-agencies__heading h2 {
    margin: 8px 0 12px;
    color: #173126;
}

.cmm-home-agencies__heading p {
    max-width: 720px;
    margin: 0;
    color: #63766d;
    line-height: 1.75;
}

.cmm-home-agencies__all {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 44px;
    padding: 10px 17px;
    border: 1px solid #cddbd3;
    border-radius: 999px;
    background: #fff;
    color: #0f6b3e;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.cmm-home-agencies__all:hover {
    transform: translateY(-2px);
    border-color: #0f6b3e;
    box-shadow: 0 12px 26px rgba(21, 64, 44, .10);
}

.cmm-home-agencies__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.cmm-home-agencies__card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dfe9e3;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(21, 64, 44, .08);
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}

.cmm-home-agencies__card::before {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: var(
        --cmm-agency-card-accent,
        #0f6b3e
    );
    content: "";
}

.cmm-home-agencies__card:hover {
    transform: translateY(-5px);
    border-color: rgba(15, 107, 62, .28);
    box-shadow: 0 24px 52px rgba(21, 64, 44, .14);
}

.cmm-home-agencies__media {
    position: relative;
    display: block;
    height: 230px;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(15, 107, 62, .14),
            rgba(15, 107, 62, .04)
        );
    text-decoration: none;
}

.cmm-home-agencies__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .35s ease;
}

.cmm-home-agencies__card:hover
.cmm-home-agencies__media img {
    transform: scale(1.045);
}

.cmm-home-agencies__fallback {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(
            135deg,
            var(--cmm-agency-card-accent, #0f6b3e),
            #073d27
        );
    color: #fff;
    font-size: 52px;
    font-weight: 900;
    letter-spacing: -.05em;
}

.cmm-home-agencies__badge {
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 11px;
    border: 1px solid rgba(255, 255, 255, .38);
    border-radius: 999px;
    background: rgba(7, 61, 39, .86);
    color: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.cmm-home-agencies__content {
    display: flex;
    min-height: 245px;
    flex-direction: column;
    padding: 24px;
}

.cmm-home-agencies__location {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    color: var(
        --cmm-agency-card-accent,
        #0f6b3e
    );
    font-size: 13px;
    font-weight: 800;
}

.cmm-home-agencies__content h3 {
    margin: 0 0 12px;
    font-size: 21px;
    line-height: 1.3;
}

.cmm-home-agencies__content h3 a {
    color: #173126;
    text-decoration: none;
}

.cmm-home-agencies__content h3 a:hover {
    color: var(
        --cmm-agency-card-accent,
        #0f6b3e
    );
}

.cmm-home-agencies__content p {
    margin: 0 0 22px;
    color: #63766d;
    font-size: 14px;
    line-height: 1.7;
}

.cmm-home-agencies__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    margin-top: auto;
    color: var(
        --cmm-agency-card-accent,
        #0f6b3e
    );
    font-size: 14px;
    font-weight: 850;
    text-decoration: none;
}

.cmm-home-agencies__link span,
.cmm-home-agencies__all span {
    transition: transform .2s ease;
}

.cmm-home-agencies__link:hover span,
.cmm-home-agencies__all:hover span {
    transform: translateX(4px);
}

@media (max-width: 980px) {
    .cmm-home-agencies__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .cmm-home-agencies {
        padding: 56px 0;
    }

    .cmm-home-agencies__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 20px;
    }

    .cmm-home-agencies__grid {
        grid-template-columns: 1fr;
    }

    .cmm-home-agencies__media {
        height: 250px;
    }

    .cmm-home-agencies__content {
        min-height: auto;
    }
}

@media (max-width: 420px) {
    .cmm-home-agencies__media {
        height: 220px;
    }

    .cmm-home-agencies__content {
        padding: 21px;
    }
}
/* CMM HOMEPAGE AGENCY EXPLORER END */


/* Company homepage gallery minimal */
.cmm-company-gallery-grid {
    display: grid;
    grid-template-columns: repeat(
        4,
        minmax(0, 1fr)
    );
    gap: 16px;
    margin-top: 24px;
}

.cmm-company-gallery-card {
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(15, 23, 42, .09);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .07);
}

.cmm-company-gallery-card img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    background: #e2e8f0;
}

.cmm-company-gallery-card figcaption {
    padding: 13px 15px 15px;
    color: #334155;
    font-size: .94rem;
    font-weight: 650;
    line-height: 1.5;
}

@media (max-width: 980px) {
    .cmm-company-gallery-grid {
        grid-template-columns: repeat(
            3,
            minmax(0, 1fr)
        );
    }
}

@media (max-width: 720px) {
    .cmm-company-gallery-grid {
        grid-template-columns: repeat(
            2,
            minmax(0, 1fr)
        );
        gap: 12px;
    }
}

@media (max-width: 430px) {
    .cmm-company-gallery-grid {
        grid-template-columns: 1fr;
    }
}

/* Company homepage public posts */
.cmm-company-posts-grid {
    display: grid;
    grid-template-columns: repeat(
        3,
        minmax(0, 1fr)
    );
    gap: 20px;
    margin-top: 26px;
}

.cmm-company-post-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(15, 78, 59, 0.12);
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
}

.cmm-company-post-cover {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #edf5f1;
}

.cmm-company-post-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 220ms ease;
}

.cmm-company-post-card:hover
.cmm-company-post-cover img {
    transform: scale(1.035);
}

.cmm-company-post-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 250px;
    padding: 20px;
}

.cmm-company-post-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px 12px;
    margin-bottom: 11px;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

.cmm-company-post-meta span {
    color: var(--agency-primary, #166534);
}

.cmm-company-post-content h3 {
    margin: 0 0 11px;
    color: #0f172a;
    font-size: 1.15rem;
    line-height: 1.38;
}

.cmm-company-post-content h3 a {
    color: inherit;
    text-decoration: none;
}

.cmm-company-post-content h3 a:hover {
    color: var(--agency-primary, #166534);
}

.cmm-company-post-content p {
    margin: 0 0 18px;
    color: #64748b;
    line-height: 1.7;
}

.cmm-company-post-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    color: var(--agency-primary, #166534);
    font-weight: 800;
    text-decoration: none;
}

.cmm-company-post-link:hover {
    text-decoration: underline;
}

@media (max-width: 980px) {
    .cmm-company-posts-grid {
        grid-template-columns: repeat(
            2,
            minmax(0, 1fr)
        );
    }
}

@media (max-width: 640px) {
    .cmm-company-posts-grid {
        grid-template-columns: 1fr;
    }

    .cmm-company-post-content {
        min-height: 0;
    }
}
/* Company homepage public posts end */
/* CMM HOMEPAGE SUMMARY LOGO START */
.cmm-company-summary .cmm-company-summary-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(210px, 78%);
    height: 112px;
    margin-inline: auto;
    padding: 12px 18px;
    overflow: hidden;
    border-radius: 18px;
}

.cmm-company-summary .cmm-company-summary-logo img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 190px;
    object-fit: contain;
}

@media (max-width: 640px) {
    .cmm-company-summary .cmm-company-summary-logo {
        width: min(190px, 82%);
        height: 98px;
        padding: 10px 14px;
    }

    .cmm-company-summary .cmm-company-summary-logo img {
        max-width: 170px;
    }
}
/* CMM HOMEPAGE SUMMARY LOGO END */

/* CMM HOMEPAGE SUMMARY LOGO START */
.cmm-company-summary .cmm-company-summary-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(210px, 78%);
    height: 112px;
    margin-inline: auto;
    padding: 12px 18px;
    overflow: hidden;
    border-radius: 18px;
}

.cmm-company-summary .cmm-company-summary-logo img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 190px;
    object-fit: contain;
}

@media (max-width: 640px) {
    .cmm-company-summary .cmm-company-summary-logo {
        width: min(190px, 82%);
        height: 98px;
        padding: 10px 14px;
    }

    .cmm-company-summary .cmm-company-summary-logo img {
        max-width: 170px;
    }
}
/* CMM HOMEPAGE SUMMARY LOGO END */

/* CMM HOMEPAGE CENTERED SECTION HEADINGS START */
.cmm-company-home .agency-section-head,
.cmm-company-home .agency-section-header {
    max-width: 780px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.cmm-company-home .agency-section-head .agency-section-kicker,
.cmm-company-home .agency-section-header .agency-section-kicker {
    display: block;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
}

.cmm-company-home .agency-section-head h2,
.cmm-company-home .agency-section-header h2 {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.cmm-company-home .agency-section-head > p,
.cmm-company-home .agency-section-header > p {
    max-width: 680px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

@media (max-width: 640px) {
    .cmm-company-home .agency-section-head,
    .cmm-company-home .agency-section-header {
        max-width: 100%;
        padding-right: 4px;
        padding-left: 4px;
    }
}
/* CMM HOMEPAGE CENTERED SECTION HEADINGS END */

/* CMM HOMEPAGE UI REFRESH RC.10 START */

/*
 * Section introduction
 * Hanya elemen langsung di dalam container yang dibuat center.
 * Isi kartu, postingan, produk, dan galeri tetap memakai alignment aslinya.
 */
.cmm-company-home .agency-section > .agency-container > .agency-section-kicker,
.cmm-company-home .agency-section > .agency-container > h2,
.cmm-company-home .agency-section > .agency-container > .agency-lead {
    position: relative;
    z-index: 1;
}

.cmm-company-home .agency-section > .agency-container > .agency-section-kicker {
    display: table;
    width: auto;
    max-width: 100%;
    margin: 0 auto 14px;
    padding: 7px 14px;
    border: 1px solid rgba(15, 118, 110, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    text-align: center;
    letter-spacing: 0.12em;
    line-height: 1.2;
}

.cmm-company-home .agency-section > .agency-container > h2 {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
    text-wrap: balance;
    line-height: 1.12;
}

.cmm-company-home .agency-section > .agency-container > .agency-lead {
    max-width: 690px;
    margin: 18px auto 38px;
    text-align: center;
    text-wrap: pretty;
    line-height: 1.75;
}

/*
 * Section spacing.
 */
.cmm-company-home .agency-section {
    position: relative;
    padding-top: clamp(64px, 8vw, 104px);
    padding-bottom: clamp(64px, 8vw, 104px);
}

.cmm-company-home .agency-section-soft {
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(15, 118, 110, 0.07),
            transparent 38%
        ),
        var(--agency-soft, #f8fafc);
}

/*
 * Akses utama dan legalitas tidak mempunyai paragraf intro.
 * Beri ruang setelah judul sebelum grid.
 */
.cmm-company-home #services > .agency-container > h2,
.cmm-company-home #trust > .agency-container > h2 {
    margin-bottom: 38px;
}

/*
 * Bagian statistik tetap memiliki heading yang rapi bila struktur
 * section tersebut menggunakan kicker dan heading langsung.
 */
.cmm-company-home .cmm-company-statistics
    > .agency-container
    > .agency-section-kicker {
    margin-right: auto;
    margin-left: auto;
}

/*
 * Contact section memiliki wrapper tambahan, sehingga dibuat
 * center secara khusus tanpa mengubah tombol aksinya.
 */
.cmm-company-home .cmm-company-contact__inner > div:first-child {
    max-width: 760px;
}

.cmm-company-home
    .cmm-company-contact__inner
    > div:first-child
    > .agency-section-kicker {
    display: table;
    width: auto;
    margin: 0 auto 14px;
    padding: 7px 14px;
    border: 1px solid rgba(15, 118, 110, 0.18);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.82);
    text-align: center;
    letter-spacing: 0.12em;
}

.cmm-company-home
    .cmm-company-contact__inner
    > div:first-child
    > h2 {
    max-width: 760px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    text-wrap: balance;
}

.cmm-company-home
    .cmm-company-contact__inner
    > div:first-child
    > p {
    max-width: 690px;
    margin: 16px auto 0;
    text-align: center;
    line-height: 1.75;
}

.cmm-company-home .cmm-company-contact__inner {
    align-items: center;
}

.cmm-company-home .cmm-company-contact__inner .agency-actions {
    justify-content: center;
}

/*
 * Heading section tetap terasa proporsional di layar kecil.
 */
@media (max-width: 640px) {
    .cmm-company-home .agency-section {
        padding-top: 58px;
        padding-bottom: 58px;
    }

    .cmm-company-home
        .agency-section
        > .agency-container
        > .agency-section-kicker {
        margin-bottom: 12px;
        padding: 6px 12px;
        font-size: 0.72rem;
        letter-spacing: 0.1em;
    }

    .cmm-company-home .agency-section > .agency-container > h2 {
        max-width: 22ch;
        font-size: clamp(1.7rem, 8vw, 2.25rem);
        line-height: 1.16;
    }

    .cmm-company-home .agency-section > .agency-container > .agency-lead {
        max-width: 35rem;
        margin-top: 14px;
        margin-bottom: 30px;
        line-height: 1.65;
    }

    .cmm-company-home #services > .agency-container > h2,
    .cmm-company-home #trust > .agency-container > h2 {
        margin-bottom: 30px;
    }

    .cmm-company-home .cmm-company-contact__inner {
        text-align: center;
    }
}

/* CMM HOMEPAGE UI REFRESH RC.10 END */

/* CMM COMPANY GALLERY NATIVE CAROUSEL RC.13 START */

.agency-gallery-carousel {
    position: relative;
    width: min(100%, 820px);
    margin: 28px auto 0;
    touch-action: pan-y;
}

.agency-gallery-carousel .cmm-company-gallery-card {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.agency-gallery-carousel .cmm-company-gallery-card img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border: 1px solid rgba(15, 23, 42, .09);
    border-radius: 22px 22px 0 0;
    background: #e2e8f0;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .09);
}

.agency-gallery-carousel .cmm-company-gallery-card figcaption {
    margin: 0;
    padding: 14px 18px 16px;
    border: 1px solid rgba(15, 23, 42, .09);
    border-top: 0;
    border-radius: 0 0 22px 22px;
    background: #fff;
    color: #334155;
    font-size: .94rem;
    font-weight: 650;
    line-height: 1.5;
    text-align: center;
}

@media (max-width: 767px) {
    .agency-gallery-carousel {
        width: 100%;
        margin-top: 22px;
    }

    .agency-gallery-carousel .agency-carousel-viewport {
        border-radius: 18px;
    }

    .agency-gallery-carousel .cmm-company-gallery-card {
        padding: 1px;
    }

    .agency-gallery-carousel .cmm-company-gallery-card img {
        aspect-ratio: 4 / 3;
        border-radius: 18px 18px 0 0;
    }

    .agency-gallery-carousel
    .cmm-company-gallery-card:not(:has(figcaption))
    img {
        border-radius: 18px;
    }

    .agency-gallery-carousel .cmm-company-gallery-card figcaption {
        border-radius: 0 0 18px 18px;
    }
}

/* CMM COMPANY GALLERY NATIVE CAROUSEL RC.13 END */

/* ==========================================================
   CMM v3.1 Hero Layout
   Logo kiri desktop
   Logo di atas mobile
========================================================== */

.cmm-company-hero .agency-hero-content{
    grid-template-areas:
        "summary copy";

    grid-template-columns:
        minmax(300px,.70fr)
        minmax(0,1.30fr);

    gap:72px;
}

.cmm-company-hero .agency-profile-card{
    grid-area:summary;
}

.cmm-company-hero .agency-hero-copy{
    grid-area:copy;
}

@media (max-width:900px){

    .cmm-company-hero .agency-hero-content{

        grid-template-columns:1fr;

        grid-template-areas:
            "summary"
            "copy";

        gap:36px;
    }

    .cmm-company-hero .agency-profile-card{

        justify-self:center;

        width:min(420px,100%);

        margin:0;
    }

    .cmm-company-hero .agency-hero-copy{

        text-align:left;
    }

}

/* 76M-I-K-H2: HOMEPAGE PRODUCT PRICE */

.cmm-homepage-product-price {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 18px 0 16px;
    min-height: 62px;
}

.cmm-homepage-product-price-label {
    color: #68786d;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cmm-homepage-product-price-main {
    display: block;
    color: var(--agency-primary);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 900;
}

.cmm-homepage-product-price-old {
    display: block;
    color: #87958c;
    font-size: 14px;
    line-height: 1.3;
    text-decoration: line-through;
}

.cmm-homepage-product-price-empty {
    justify-content: center;
    color: #87958c;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 620px) {
    .cmm-homepage-product-price {
        margin-top: 16px;
        margin-bottom: 14px;
        min-height: 58px;
    }

    .cmm-homepage-product-price-main {
        font-size: 22px;
    }

    .cmm-homepage-product-price-old {
        font-size: 13px;
    }
}