@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Inter:wght@300;400;500;600&display=swap');

.mdon-section, .mdon-section * { box-sizing: border-box !important; }

.mdon-section {
    padding: 32px 50px !important; margin: 0 !important;
    width: 100% !important; display: block !important;
}
.mdon-section .mdon-inner { max-width: 1080px !important; margin: 0 auto !important; width: 100% !important; }

/* Header */
.mdon-section .mdon-section-header { text-align: center !important; margin-bottom: 20px !important; padding: 0 !important; }
.mdon-section .mdon-section-tag {
    font-family: 'Inter', sans-serif !important; font-size: 10px !important;
    font-weight: 600 !important; letter-spacing: .22em !important; text-transform: uppercase !important;
    display: block !important; margin: 0 0 6px !important; padding: 0 !important; line-height: 1.4 !important;
}
.mdon-section .mdon-section-title {
    font-family: 'Playfair Display', serif !important; font-size: 24px !important;
    font-weight: 400 !important; color: #fff !important; margin: 0 0 6px !important; padding: 0 !important;
    line-height: 1.2 !important; letter-spacing: normal !important; text-transform: none !important; border: none !important; background: none !important;
}
.mdon-section .mdon-section-sub {
    font-family: 'Inter', sans-serif !important; font-size: 12px !important;
    font-weight: 300 !important; color: rgba(255,255,255,0.55) !important;
    max-width: 480px !important; margin: 0 auto !important; padding: 0 !important; line-height: 1.6 !important; text-transform: none !important;
}

/* Slider */
.mdon-section .mdon-slider { width: 100% !important; }
.mdon-section .mdon-viewport { overflow: hidden !important; width: 100% !important; }
.mdon-section .mdon-track {
    display: flex !important; gap: 14px !important;
    transition: transform .4s ease !important; margin: 0 !important; padding: 0 !important; list-style: none !important;
}

/* Card — 4 visible, compact */
.mdon-section .mdon-card {
    flex: 0 0 calc(20% - 11.2px) !important;
    min-width: calc(20% - 11.2px) !important;
    border-radius: 10px !important; padding: 0 !important;
    display: flex !important; flex-direction: column !important;
    overflow: hidden !important; margin: 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.18) !important; float: none !important;
}

/* Logo — small */
.mdon-section .mdon-card-logo-wrap {
    width: 100% !important; height: 140px !important;
    background: #fff !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    padding: 8px 10px !important; flex-shrink: 0 !important;
    border-bottom: 1px solid rgba(0,0,0,.05) !important;
}
.mdon-section .mdon-card-logo-img {
    max-height: 118px !important; max-width: 96% !important;
    width: auto !important; height: auto !important; object-fit: contain !important;
    display: block !important; margin: 0 auto !important; border: none !important; box-shadow: none !important; border-radius: 0 !important;
}
.mdon-section .mdon-logo-fallback {
    font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 600 !important;
    color: #5a6a5a !important; text-align: center !important; line-height: 1.3 !important; padding: 6px !important; display: block !important;
}

/* Body */
.mdon-section .mdon-card-body { padding: 12px 14px !important; display: flex !important; flex-direction: column !important; gap: 5px !important; flex: 1 !important; }
.mdon-section .mdon-card-period {
    font-family: 'Inter', sans-serif !important; font-size: 9px !important; font-weight: 700 !important;
    letter-spacing: .12em !important; text-transform: uppercase !important; margin: 0 !important; padding: 0 !important; line-height: 1.2 !important;
}
.mdon-section .mdon-card-name {
    font-family: 'Playfair Display', serif !important; font-size: 14px !important; font-weight: 600 !important;
    margin: 0 !important; padding: 0 !important; line-height: 1.25 !important; letter-spacing: normal !important;
    text-transform: none !important; border: none !important; background: none !important;
}
.mdon-section .mdon-card-detail {
    font-family: 'Inter', sans-serif !important; font-size: 11px !important; font-weight: 400 !important;
    color: #6a7a6a !important; line-height: 1.5 !important; margin: 0 !important; padding: 0 !important; flex: 1 !important; text-transform: none !important;
}
.mdon-section .mdon-card-amount {
    font-family: 'Inter', sans-serif !important; display: inline-block !important; font-size: 11px !important; font-weight: 700 !important;
    padding: 3px 10px !important; border-radius: 20px !important; letter-spacing: .03em !important; align-self: flex-start !important;
    margin: 3px 0 0 !important; border: none !important; line-height: 1.5 !important; text-transform: none !important;
}
.mdon-section .mdon-card-amount.mdon-tbd { background: #eef0ec !important; color: #9aa89a !important; }

/* Nav */
.mdon-section .mdon-nav { display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; margin-top: 18px !important; padding: 0 !important; }
.mdon-section .mdon-nav-btn {
    width: 30px !important; height: 30px !important; border-radius: 50% !important;
    background: transparent !important; cursor: pointer !important; font-size: 14px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    transition: all .2s !important; padding: 0 !important; line-height: 1 !important; box-shadow: none !important; margin: 0 !important;
    border-width: 1px !important; border-style: solid !important;
}
.mdon-section .mdon-dots { display: flex !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.mdon-section .mdon-dot {
    width: 6px !important; height: 6px !important; border-radius: 50% !important;
    background: rgba(255,255,255,.3) !important; opacity: 1 !important; cursor: pointer !important;
    transition: background .2s !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; border: none !important;
}

/* Responsive */
@media (max-width: 960px) {
    .mdon-section { padding: 28px 24px !important; }
    .mdon-section .mdon-card { flex: 0 0 calc(50% - 7px) !important; min-width: calc(50% - 7px) !important; }
}
@media (max-width: 560px) {
    .mdon-section { padding: 24px 16px !important; }
    .mdon-section .mdon-card { flex: 0 0 100% !important; min-width: 100% !important; }
}