/* =========================================================
   POMOSDA — SECTION 13 + 14 FINAL R1.2
   Restore intended Section 13 scholarship layout:
   LEFT: Biaya & Beasiswa card
   RIGHT: one benefit card containing two rows
   ========================================================= */

.s1314-r1-section13 {
    --s1314-green:#075f51;
    --s1314-gold:#f3c623;
    --s1314-ink:#173f36;
}

/* Hide all malformed/legacy scholarship pieces once R1.2 is ready */
.s1314-r1-section13 .s1314-r12-hide {
    display:none !important;
}

.s1314-r1-section13 .s1314-r12-scholarship-grid {
    position:relative;
    z-index:5;
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    gap:28px;
    width:min(1180px,calc(100% - 40px));
    margin:52px auto 0;
    align-items:stretch;
}

.s1314-r1-section13 .s1314-r12-card {
    position:relative;
    min-height:310px;
    border:1px solid rgba(7,95,81,.08);
    border-radius:28px;
    background:
        radial-gradient(circle at 8% 10%,rgba(7,95,81,.045),transparent 22%),
        rgba(255,255,255,.94);
    box-shadow:
        0 22px 52px rgba(30,54,47,.09),
        inset 0 1px 0 rgba(255,255,255,.9);
    overflow:hidden;
}

.s1314-r1-section13 .s1314-r12-card--main {
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:42px;
}

.s1314-r1-section13 .s1314-r12-card--main::before {
    content:"";
    position:absolute;
    top:0;
    left:28px;
    width:74px;
    height:4px;
    border-radius:0 0 99px 99px;
    background:var(--s1314-gold);
}

.s1314-r1-section13 .s1314-r12-title-row {
    display:flex;
    align-items:center;
    gap:18px;
}

.s1314-r1-section13 .s1314-r12-main-icon {
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:60px;
    height:60px;
    border-radius:16px;
    background:var(--s1314-green);
    color:#fff;
    box-shadow:0 10px 22px rgba(7,95,81,.16);
}

.s1314-r1-section13 .s1314-r12-main-icon svg {
    width:34px;
    height:34px;
}

.s1314-r1-section13 .s1314-r12-main-title {
    margin:0;
    color:var(--s1314-green);
    font-family:"Montserrat",sans-serif;
    font-size:clamp(34px,3.2vw,54px);
    font-weight:800;
    line-height:1.04;
    letter-spacing:-.035em;
}

.s1314-r1-section13 .s1314-r12-main-copy {
    margin:28px 0 0;
    color:#4f5d58;
    font-family:"Open Sans",sans-serif;
    font-size:17px;
    line-height:1.65;
}

.s1314-r1-section13 .s1314-r12-main-cta {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    align-self:flex-start;
    min-height:48px;
    margin-top:24px;
    padding:12px 24px;
    border-radius:999px;
    background:var(--s1314-gold);
    color:#141914;
    text-decoration:none;
    font-family:"Poppins",sans-serif;
    font-size:15px;
    font-weight:700;
    box-shadow:0 12px 24px rgba(190,145,0,.17);
}

.s1314-r1-section13 .s1314-r12-main-cta > i.fa-brands.fa-whatsapp {
    display: block;
    font-size: 16px;
    line-height: 1;
}

/* Right benefit card */
.s1314-r1-section13 .s1314-r12-card--benefits {
    display:grid;
    grid-template-rows:repeat(2,minmax(0,1fr));
    padding:24px 30px;
}

.s1314-r1-section13 .s1314-r12-benefit {
    position:relative;
    display:grid;
    grid-template-columns:64px minmax(0,1fr);
    align-items:center;
    gap:20px;
    min-width:0;
    padding:24px 8px;
}

.s1314-r1-section13 .s1314-r12-benefit + .s1314-r12-benefit {
    border-top:1px solid rgba(7,95,81,.08);
}

.s1314-r1-section13 .s1314-r12-benefit:nth-child(2)::before {
    content:"";
    position:absolute;
    left:-30px;
    top:20%;
    bottom:20%;
    width:3px;
    border-radius:0 99px 99px 0;
    background:var(--s1314-green);
}

.s1314-r1-section13 .s1314-r12-benefit-icon {
    display:grid;
    place-items:center;
    width:60px;
    height:60px;
    border-radius:50%;
    background:#e8f0ec;
    color:var(--s1314-green);
}

.s1314-r1-section13 .s1314-r12-benefit-icon svg {
    width:31px;
    height:31px;
}

.s1314-r1-section13 .s1314-r12-benefit p {
    margin:0;
    color:#27322f;
    font-family:"Open Sans",sans-serif;
    font-size:17px;
    line-height:1.6;
}

/* Keep gallery flush */
.s1314-r1-section13 .s1314-gallery {
    margin-bottom:0 !important;
}

/* R1/R1.1 wrappers must no longer create visible shells */
.s1314-r1-section13 .s1314-scholarship-wrap,
.s1314-r1-section13 .s1314-r11-scholarship-grid,
.s1314-r1-section13 .s1314-r11-old-wrapper {
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.s1314-r1-section13 .s1314-scholarship-wrap::before,
.s1314-r1-section13 .s1314-scholarship-wrap::after,
.s1314-r1-section13 .s1314-r11-old-wrapper::before,
.s1314-r1-section13 .s1314-r11-old-wrapper::after {
    content:none !important;
    display:none !important;
}

/* Entrance */
.s1314-r1-section13.s1314-r12-ready:not(.is-s1314-r12-visible)
.s1314-r12-card {
    opacity:0;
    translate:0 22px;
}

.s1314-r1-section13.s1314-r12-ready .s1314-r12-card {
    transition:
        opacity 700ms cubic-bezier(.22,1,.36,1),
        translate 700ms cubic-bezier(.22,1,.36,1);
}

.s1314-r1-section13.is-s1314-r12-visible .s1314-r12-card {
    opacity:1;
    translate:0 0;
}

.s1314-r1-section13.is-s1314-r12-visible .s1314-r12-card--benefits {
    transition-delay:120ms;
}

@media (max-width:820px) {
    .s1314-r1-section13 .s1314-r12-scholarship-grid {
        grid-template-columns:1fr;
        width:min(100% - 24px,680px);
        gap:20px;
        margin-top:34px;
    }

    .s1314-r1-section13 .s1314-r12-card {
        min-height:0;
    }

    .s1314-r1-section13 .s1314-r12-card--main {
        padding:34px 28px;
    }

    .s1314-r1-section13 .s1314-r12-card--benefits {
        padding:18px 24px;
    }
}

@media (max-width:560px) {
    .s1314-r1-section13 .s1314-r12-title-row {
        align-items:flex-start;
    }

    .s1314-r1-section13 .s1314-r12-main-icon {
        width:54px;
        height:54px;
        border-radius:14px;
    }

    .s1314-r1-section13 .s1314-r12-main-title {
        font-size:34px;
    }

    .s1314-r1-section13 .s1314-r12-benefit {
        grid-template-columns:54px minmax(0,1fr);
        gap:16px;
    }

    .s1314-r1-section13 .s1314-r12-benefit-icon {
        width:52px;
        height:52px;
    }

    .s1314-r1-section13 .s1314-r12-benefit p {
        font-size:15px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .s1314-r1-section13 .s1314-r12-card {
        opacity:1 !important;
        translate:0 !important;
        transition:none !important;
    }
}