/* MT-POLISH 19.10.26: display fixes + design level-up. Loaded last. Rollback = remove its enqueue line in novamira-sandbox/mt-enqueue.php */

/* ---------- 1. no sideways scroll on any screen ---------- */
html,body{overflow-x:clip}
@media(max-width:900px){.mt{--gut:22px}}
/* full-bleed carousels: bleed by the section gutter instead of 100vw (100vw includes the scrollbar) */
.mt-section .mt-marquee,#gallery .mt-marquee,#help .mt-marquee{width:auto;margin-inline:calc(-1 * var(--gut));max-width:none}
/* soft fade at both edges instead of a hard cut through a card */
.mt-section .mt-marquee,#gallery .mt-marquee.mt-marquee--full,.mt-marquee.mt-marquee--full{
 -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
#help .mt-marquee{padding-block:14px 26px}
/* phone hero: the mobile clip is a 9:16 shot inside a 16:9 file, grow the box so its dark side bars fall outside the screen */
@media(max-width:880px){.mt-hero__bg video{inset:auto 0;top:50%;height:max(100%,177.78vw);transform:translateY(-50%)}}

/* ---------- 2. headlines: max two lines (lines are fitted by mt-polish.js) ---------- */
.mt .mt-fit .l{display:block;white-space:nowrap;width:max-content;max-width:none;margin-inline:auto}
.mt-hero .mt-fit .l{margin-inline:0}

/* ---------- 3. header ---------- */
.mt-nav a{position:relative;transition:color .2s}
.mt-nav a::after{content:"";position:absolute;inset-inline:0;bottom:-9px;height:2px;border-radius:2px;background:linear-gradient(90deg,#FAD200,#E61E64);transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.22,.9,.32,1)}
.mt-nav a:hover::after,.mt-nav a.is-active::after{transform:scaleX(1)}
.mt-nav a.is-active{color:#fff}
.mt-nav .mt-nav__cta{display:none}
.mt-progress{position:fixed;top:0;inset-inline:0;height:3px;z-index:60;background:linear-gradient(90deg,#E61E64,#FAD200,#3CB4E6);transform-origin:right;transform:scaleX(0);pointer-events:none}
@media(max-width:880px){
 .mt-nav{top:calc(100% + 8px);inset-inline:12px;border-radius:18px;padding:10px;gap:2px;border:1px solid rgba(255,255,255,.1);background:rgba(14,26,43,.97);backdrop-filter:blur(14px)}
 .mt-nav a{display:block;width:100%;padding:13px 14px;border-radius:12px;font-size:17px}
 .mt-nav a::after{display:none}
 .mt-nav a.is-active{background:rgba(255,255,255,.07);box-shadow:inset -3px 0 0 #FAD200}
 .mt-nav a.mt-nav__cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;background:#E61E64;color:#fff;font-weight:600;box-shadow:0 10px 24px -8px rgba(230,30,100,.6)}
 .mt-burger{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}
}

/* ---------- 4. stats strip: compact 2-column grid on phones ---------- */
@media(max-width:560px){
 .mt-stats{padding:40px 18px}
 .mt-stats__grid{grid-template-columns:1fr 1fr;gap:26px 12px}
 .mt-stat{padding:0 4px}
 .mt-stat:last-child{grid-column:1/-1}
 .mt-stat__num{font-size:40px}
 .mt-stat__num.sm{font-size:23px}
 .mt-stat__label{font-size:13px}
}

/* ---------- 5. section eyebrows & headings ---------- */
.mt-h2{letter-spacing:-.01em}
.mt-press>.mt-center>div:first-child{display:inline-flex!important;align-items:center;gap:8px;color:#E61E64!important;font-size:15px!important;letter-spacing:.06em!important;font-weight:500}
.mt-press>.mt-center>div:first-child::before,.mt-press>.mt-center>div:first-child::after{content:"";width:26px;height:2px;background:#FAD200}

/* ---------- 6. activity cards: gradient icon tiles ---------- */
.mt-hcard__icon{background:linear-gradient(135deg,#E61E64,#f0568c);color:#fff;box-shadow:0 10px 22px -6px rgba(230,30,100,.55)}
.mt-hcard:nth-child(3n+2) .mt-hcard__icon{background:linear-gradient(135deg,#3CB4E6,#2b8fd0);box-shadow:0 10px 22px -6px rgba(60,180,230,.6)}
.mt-hcard:nth-child(3n) .mt-hcard__icon{background:linear-gradient(135deg,#FAD200,#f5a400);color:#0E1A2B;box-shadow:0 10px 22px -6px rgba(245,164,0,.55)}
.mt-hcard__img{overflow:hidden}
.mt-hcard__img img{transition:transform .6s cubic-bezier(.22,.9,.32,1)}
.mt-hcard:hover .mt-hcard__img img{transform:scale(1.06)}

/* ---------- 7. press ---------- */
a.mt-presscard{position:relative;overflow:hidden}
a.mt-presscard::before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,#E61E64,#FAD200,#3CB4E6);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.22,.9,.32,1)}
a.mt-presscard:hover::before{transform:scaleX(1)}
@media(max-width:560px){
 .mt-press__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:calc(-1 * var(--gut));padding:6px var(--gut) 18px;scrollbar-width:none}
 .mt-press__grid::-webkit-scrollbar{display:none}
 .mt-press__grid>*{flex:0 0 82%;scroll-snap-align:center}
}
.mt-pressquote{position:relative;border:none;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,rgba(230,30,100,.45),rgba(250,210,0,.45),rgba(60,180,230,.45)) border-box;border:1.5px solid transparent;box-shadow:0 22px 50px -30px rgba(14,26,43,.35)}

/* ---------- 8. join steps: connected path ---------- */
.mt-steps{position:relative}
.mt-steps::before{content:"";position:absolute;top:35px;inset-inline:calc(100% / 6);border-top:2px dashed rgba(14,26,43,.16);z-index:0}
.mt-step{position:relative;z-index:1}
.mt-step .n{box-shadow:0 0 0 8px #FAF8F3,0 0 0 9px rgba(60,180,230,.35),0 16px 30px -10px rgba(14,26,43,.45);transition:background-color .25s,color .25s,transform .25s}
.mt-step:hover .n{background:#E61E64;color:#fff;transform:translateY(-4px)}
@media(max-width:900px){.mt-steps::before{display:none}}

/* ---------- 9. buttons ---------- */
.mt-linkbtn .material-symbols-outlined,.mt-gallery-all .material-symbols-outlined,.mt-donate__cta .material-symbols-outlined{transition:transform .25s}
.mt-linkbtn:hover .material-symbols-outlined,.mt-gallery-all:hover .material-symbols-outlined,.mt-donate__cta:hover .material-symbols-outlined{transform:translateX(-4px)}

/* ---------- 10. about page ---------- */
.mt-astory .lead{position:relative;padding-top:30px}
.mt-astory .lead::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,#E61E64,#FAD200,#3CB4E6)}
.mt-astory p{max-width:860px;margin-inline:auto}
.mt-vcard2{box-shadow:0 14px 34px -24px rgba(14,26,43,.25);transition:border-color .25s,transform .25s,box-shadow .25s}
.mt-vcard2:hover{box-shadow:0 26px 50px -26px rgba(14,26,43,.35)}
.mt-vcard2 .material-symbols-outlined{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;background:linear-gradient(135deg,rgba(230,30,100,.12),rgba(60,180,230,.14))}
.mt-tcard{box-shadow:0 18px 40px -26px rgba(14,26,43,.5)}
.mt-tcard img{transition:transform .6s}
.mt-tcard:hover img{transform:scale(1.05)}

/* ---------- 11. social icons (brand SVGs injected by mt-polish.js) ---------- */
.mt-social a svg,.mt-csocial a svg{width:19px;height:19px;fill:currentColor}
.mt-social a:hover,.mt-csocial a:hover{background:linear-gradient(135deg,#E61E64,#3CB4E6);border-color:transparent}

/* ---------- 12. footer: keep floating buttons off the text, bigger tap targets ---------- */
.mt-footer{padding-bottom:104px}
@media(max-width:900px){
 .mt-fcol{gap:2px}
 .mt-fcol a{padding-block:9px}
 .mt-footer__bottom{flex-direction:column;align-items:flex-start}
}

/* ---------- 13. legal pages (privacy / terms / cookies) inside the site shell ---------- */
.mt-legal{padding:56px var(--gut) 96px}
.mt-legal__card{max-width:880px;margin:0 auto;background:#fff;border:1px solid rgba(28,36,48,.08);border-radius:24px;padding:52px 56px;box-shadow:0 24px 60px -34px rgba(14,26,43,.3)}
.mt-legal__card h2{font-family:'Rubik',sans-serif;font-weight:600;font-size:23px;color:#0E1A2B;margin:38px 0 12px;padding-top:26px;border-top:1px solid #EFEAE1}
.mt-legal__card h2:first-of-type{border-top:none;padding-top:0}
.mt-legal__card h3{font-size:19px;font-weight:600;color:#0E1A2B;margin:24px 0 8px}
.mt-legal__card p,.mt-legal__card li{font-size:17px;line-height:1.85;color:#4A5463}
.mt-legal__card p{margin:0 0 14px}
.mt-legal__card ul,.mt-legal__card ol{margin:0 0 16px;padding-inline-start:22px}
.mt-legal__card li{margin-bottom:6px}
.mt-legal__card li::marker{color:#E61E64}
.mt-legal__card a{color:#2b8fd0;text-decoration:underline;text-underline-offset:3px}
.mt-legal__card strong{color:#0E1A2B;font-weight:600}
.mt-legal__card table{width:100%;border-collapse:collapse;margin:10px 0 20px;font-size:15px;display:block;overflow-x:auto}
.mt-legal__card th,.mt-legal__card td{border:1px solid #EFEAE1;padding:10px 12px;text-align:right}
.mt-legal__card th{background:#FAF8F3}
@media(max-width:900px){.mt-legal{padding:30px 14px 70px}.mt-legal__card{padding:30px 22px;border-radius:20px}.mt-legal__card p,.mt-legal__card li{font-size:16px}}

@media(prefers-reduced-motion:reduce){.mt-progress{display:none}.mt-hcard:hover .mt-hcard__img img,.mt-tcard:hover img{transform:none}}

/* 19.10.26 b: gallery + videos carousels run edge to edge of the screen (--mt-vw = real viewport width without scrollbar, set by mt-polish.js) */
.mt-section .mt-marquee.mt-marquee--full,#gallery .mt-marquee.mt-marquee--full{width:var(--mt-vw,100vw);max-width:none;margin-inline:calc(50% - var(--mt-vw,100vw) / 2)}
.mt-section .mt-marquee.mt-marquee--full,#gallery .mt-marquee.mt-marquee--full{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}

/* 19.10.26 c: activity cards carousel edge to edge too */
#help .mt-marquee{width:var(--mt-vw,100vw);max-width:none;margin-inline:calc(50% - var(--mt-vw,100vw) / 2);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}

/* 19.10.26 d: activity page (/activity/) + links to it from the home cards */
.mt-acthero{height:auto;min-height:560px;padding:150px var(--gut) 76px}
.mt-acthero .mt-ahero__in{max-width:860px}
.mt-acthero .mt-eyebrow{margin-bottom:22px}
.mt-acthero h1{font-size:58px;line-height:1.12}
.mt-jump{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:34px}
.mt-jump a{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);color:#fff;font-weight:500;font-size:15px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .2s,border-color .2s,transform .2s}
.mt-jump a .material-symbols-outlined{font-size:20px;color:#FAD200}
.mt-jump a:hover{background:#E61E64;border-color:#E61E64;transform:translateY(-2px)}
.mt-jump a:hover .material-symbols-outlined{color:#fff}
.mt-act{position:relative;padding:110px var(--gut);scroll-margin-top:90px;background:#FAF8F3}
.mt-act.alt{background:#F1EEE7}
.mt-act .mt-split{max-width:1280px;margin:0 auto}
.mt-act.flip .mt-split>.mt-figure{order:2}
.mt-act .mt-figure__img{height:560px}
.mt-act.alt .mt-step .n{box-shadow:none}
.mt-act__num{font-family:'Rubik',sans-serif;font-weight:800;font-size:120px;line-height:.8;letter-spacing:-.04em;background:linear-gradient(135deg,#E61E64,#3CB4E6);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.16;margin-bottom:-34px;user-select:none}
.mt-act__head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.mt-act__head .mt-eyebrow2{margin:0}
.mt-act__ic{width:52px;height:52px;flex:0 0 52px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#E61E64,#f0568c);box-shadow:0 12px 24px -8px rgba(230,30,100,.55)}
#soldiers .mt-act__ic{background:linear-gradient(135deg,#3CB4E6,#2b8fd0);box-shadow:0 12px 24px -8px rgba(60,180,230,.6)}
#elderly .mt-act__ic,#food .mt-act__ic{background:linear-gradient(135deg,#FAD200,#f5a400);color:#0E1A2B;box-shadow:0 12px 24px -8px rgba(245,164,0,.55)}
#food .mt-act__ic{background:linear-gradient(135deg,#3CB4E6,#2b8fd0);color:#fff;box-shadow:0 12px 24px -8px rgba(60,180,230,.6)}
.mt-act__ic .material-symbols-outlined{font-size:27px}
.mt-act .mt-prose{margin-top:20px}
.mt-act .mt-prose p{font-size:18px;margin-bottom:14px}
.mt-act__meta{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px}
.mt-act__meta>span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid rgba(28,36,48,.1);padding:9px 15px;border-radius:999px;font-size:14px;font-weight:500;color:#0E1A2B;box-shadow:0 8px 20px -16px rgba(14,26,43,.4)}
.mt-act__meta .material-symbols-outlined{font-size:19px;color:#E61E64}
.mt-act__thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 32px}
.mt-act__thumbs>*{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#3CB4E6,#E61E64);box-shadow:0 14px 30px -20px rgba(14,26,43,.55)}
.mt-act__thumbs img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.22,.9,.32,1)}
.mt-act__thumbs>*:hover img{transform:scale(1.08)}
.mt-act__thumbs .mt-vcard{aspect-ratio:1;border-radius:16px}
.mt-act__thumbs .mt-vcard__play .circle{width:44px;height:44px}
.mt-act__thumbs .mt-vcard__play .material-symbols-outlined{font-size:26px}
.mt-act__cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.mt-act__btn{display:inline-flex;width:auto;font-size:18px;padding:16px 34px;border-radius:999px}
.mt-hlink{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:#E61E64;font-weight:600;font-size:15px;text-decoration:none}
.mt-hlink .material-symbols-outlined{font-size:18px;transition:transform .25s}
.mt-hlink:hover .material-symbols-outlined{transform:translateX(-4px)}
.mt-help-more{text-align:center;margin-top:30px}
@media(max-width:900px){
 .mt-acthero{min-height:0;padding:118px 18px 54px}
 .mt-acthero h1{font-size:34px}
 .mt-jump{gap:8px;margin-top:26px}
 .mt-jump a{padding:9px 14px;font-size:14px}
 .mt-act{padding:66px var(--gut)}
 .mt-act.flip .mt-split>.mt-figure{order:0}
 .mt-act .mt-figure__img{height:320px}
 .mt-act__num{font-size:80px;margin-bottom:-22px}
 .mt-act .mt-prose p{font-size:17px}
}
@media(max-width:560px){
 .mt-act__thumbs{gap:7px}
 .mt-act__thumbs>*,.mt-act__thumbs .mt-vcard{border-radius:11px}
 .mt-act__thumbs .mt-vcard__play .circle{width:34px;height:34px}
 .mt-act__thumbs .mt-vcard__play .material-symbols-outlined{font-size:20px}
 .mt-act__btn{width:100%;justify-content:center}
 .mt-act__cta .mt-linkbtn{width:100%;justify-content:center}
}

/* 19.10.26 e: single activity pages (/activity/<slug>/): breadcrumbs, lead form, donation card, other activities */
.mt-crumbs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.7);margin-bottom:18px}
.mt-crumbs a{color:rgba(255,255,255,.85);text-decoration:none}
.mt-crumbs a:hover{color:#FAD200}
.mt-crumbs [aria-current]{color:#FAD200;font-weight:500}
.mt-hero-btns{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:30px}
.mt-hero-btns .mt-act__btn{gap:8px}
.mt-ghostbtn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;border-radius:999px;border:1.5px solid rgba(255,255,255,.45);background:rgba(255,255,255,.08);color:#fff;font-weight:500;font-size:18px;text-decoration:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .2s,border-color .2s}
.mt-ghostbtn:hover{background:rgba(255,255,255,.18);border-color:#fff}
.mt-act__thumbs--wide{max-width:1280px;margin:0 auto;grid-template-columns:repeat(4,1fr)}
.mt-actgal .mt-center{margin-bottom:40px}
.mt-actions__sub{font-size:18px;line-height:1.7;color:#5A6472;margin:14px auto 0;max-width:620px}
.mt-actions__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;max-width:1180px;margin:0 auto;align-items:start}
.mt-lcard{background:#fff;border:1px solid rgba(28,36,48,.08);border-radius:24px;padding:40px;box-shadow:0 24px 60px -34px rgba(14,26,43,.32)}
.mt-lcard h3,.mt-adonate h3{display:flex;align-items:center;gap:10px;font-family:'Rubik',sans-serif;font-weight:600;font-size:25px;margin:0 0 22px;color:#0E1A2B}
.mt-lcard h3 .material-symbols-outlined{color:#E61E64;font-size:28px}
.mt-lform__kinds{display:flex;gap:8px;background:#F1EEE7;border-radius:14px;padding:5px;margin-bottom:22px}
.mt-lform__kinds label{flex:1;position:relative;margin:0}
.mt-lform__kinds input{position:absolute;opacity:0;pointer-events:none}
.mt-lform__kinds span{display:block;text-align:center;padding:12px 8px;border-radius:10px;font-weight:500;font-size:16px;color:#5A6472;cursor:pointer;transition:background-color .2s,color .2s}
.mt-lform__kinds input:checked+span{background:#E61E64;color:#fff;box-shadow:0 8px 18px -8px rgba(230,30,100,.6)}
.mt-lform__kinds input:focus-visible+span{outline:2px solid #3CB4E6;outline-offset:2px}
.mt-lform .mt-field input,.mt-lform .mt-field textarea{width:100%;padding:15px 18px;border:1.5px solid rgba(28,36,48,.15);border-radius:12px;font-size:16px;font-family:'Rubik',sans-serif;text-align:right;outline:none;background:#fff;color:#0E1A2B;transition:border-color .2s,box-shadow .2s}
.mt-lform .mt-field input:focus,.mt-lform .mt-field textarea:focus{border-color:#3CB4E6;box-shadow:0 0 0 4px rgba(60,180,230,.15)}
.mt-lform .mt-field input[aria-invalid=true]{border-color:#E61E64}
.mt-lform .mt-field textarea{resize:vertical;min-height:96px}
.mt-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.mt-lform__consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:#5A6472;margin:4px 0 20px;cursor:pointer}
.mt-lform__consent input{width:19px;height:19px;margin-top:2px;accent-color:#E61E64;flex:0 0 auto}
.mt-lform__consent a{color:#2b8fd0}
.mt-lform__btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#E61E64;color:#fff;padding:18px;border:none;border-radius:14px;font-weight:600;font-size:19px;font-family:'Rubik',sans-serif;cursor:pointer;box-shadow:0 10px 24px -8px rgba(230,30,100,.55);transition:transform .2s,box-shadow .2s,opacity .2s}
.mt-lform__btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(230,30,100,.6)}
.mt-lform__btn[disabled]{opacity:.6;cursor:wait;transform:none}
.mt-lform__msg{min-height:22px;margin:14px 0 0;font-size:15px;font-weight:500;text-align:center;color:#E61E64}
.mt-lform__wa{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;color:#1a9e4b;font-weight:600;font-size:15px;text-decoration:none}
.mt-lform__wa:hover{text-decoration:underline}
.mt-lform__done{text-align:center;padding:26px 6px}
.mt-lform__done .material-symbols-outlined{font-size:58px;color:#25D366}
.mt-lform__done h4{font-family:'Rubik',sans-serif;font-size:26px;font-weight:600;color:#0E1A2B;margin:10px 0 8px}
.mt-lform__done p{font-size:17px;line-height:1.7;color:#5A6472;margin:0 0 20px}
.mt-adonate{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 100% 0%,#16294a 0%,#0E1A2B 60%);border-radius:24px;padding:38px 34px;color:#fff;box-shadow:0 30px 70px -36px rgba(14,26,43,.7);scroll-margin-top:100px}
.mt-adonate::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(230,30,100,.35),transparent 62%);top:-140px;left:-110px;pointer-events:none}
.mt-adonate>*{position:relative}
.mt-adonate h3{color:#fff}
.mt-adonate h3 .material-symbols-outlined{color:#FAD200;font-size:28px}
.mt-adonate__sub{font-size:15px;line-height:1.6;color:rgba(255,255,255,.7);margin:-10px 0 20px}
.mt-adonate__amts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.mt-aamt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px;border-radius:16px;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.12);color:#fff;font-family:'Rubik',sans-serif;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
.mt-aamt .v{font-weight:700;font-size:28px;line-height:1}
.mt-aamt .imp{font-size:13px;line-height:1.45;color:rgba(255,255,255,.72);text-align:center}
.mt-aamt:hover{transform:translateY(-3px);border-color:rgba(230,30,100,.7)}
.mt-aamt.sel{background:rgba(230,30,100,.2);border-color:#E61E64;box-shadow:0 8px 22px rgba(230,30,100,.25)}
.mt-adonate__freq{display:flex;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:5px;margin-bottom:18px}
.mt-afreq{flex:1;padding:12px;border:none;border-radius:10px;font-weight:500;font-size:16px;font-family:'Rubik',sans-serif;cursor:pointer;background:transparent;color:rgba(255,255,255,.65);transition:background-color .2s,color .2s}
.mt-afreq.sel{background:#E61E64;color:#fff}
.mt-adonate__cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#25D366;color:#fff;padding:18px;border-radius:14px;font-weight:600;font-size:18px;text-decoration:none;box-shadow:0 10px 26px -8px rgba(37,211,102,.6);transition:transform .2s}
.mt-adonate__cta:hover{transform:translateY(-2px)}
.mt-adonate__lead{display:block;width:100%;margin-top:12px;background:none;border:1.5px solid rgba(255,255,255,.3);color:#fff;border-radius:14px;padding:14px;font-family:'Rubik',sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}
.mt-adonate__lead:hover{background:rgba(255,255,255,.08)}
.mt-adonate .mt-trust{justify-content:center;margin-top:16px;font-size:13px}
.mt-ocards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1280px;margin:0 auto}
.mt-ocard{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(28,36,48,.08);border-radius:18px;overflow:hidden;text-decoration:none;box-shadow:0 14px 34px -24px rgba(14,26,43,.35);transition:transform .25s,box-shadow .25s,border-color .25s}
.mt-ocard:hover{transform:translateY(-6px);box-shadow:0 26px 50px -26px rgba(14,26,43,.4);border-color:#3CB4E6}
.mt-ocard__img{display:block;height:170px;overflow:hidden;background:linear-gradient(135deg,#3CB4E6,#E61E64)}
.mt-ocard__img img{width:100%;height:100%;object-fit:cover;transition:transform .55s}
.mt-ocard:hover .mt-ocard__img img{transform:scale(1.06)}
.mt-ocard__b{display:flex;flex-direction:column;gap:10px;padding:20px 20px 22px;position:relative}
.mt-ocard__b .mt-act__ic{position:absolute;top:-28px;inset-inline-start:18px;width:46px;height:46px;flex-basis:46px;border-radius:13px}
.mt-ocard__b .mt-act__ic .material-symbols-outlined{font-size:23px}
.mt-ocard__b b{font-family:'Rubik',sans-serif;font-weight:600;font-size:18px;color:#0E1A2B;margin-top:14px}
.mt-ocard__b .mt-hlink{margin-top:0}
@media(max-width:1024px){.mt-ocards{grid-template-columns:1fr 1fr}}
@media(max-width:900px){
 .mt-actions__grid{grid-template-columns:1fr}
 .mt-lcard{padding:28px 22px}
 .mt-adonate{padding:30px 22px}
 .mt-act__thumbs--wide{grid-template-columns:repeat(3,1fr)}
 .mt-hero-btns{gap:10px}
 .mt-ghostbtn{padding:14px 24px;font-size:16px}
}
@media(max-width:560px){
 .mt-act__thumbs--wide{grid-template-columns:1fr 1fr}
 .mt-ocards{grid-template-columns:1fr}
 .mt-lform__kinds span{font-size:15px;padding:11px 4px}
 .mt-hero-btns .mt-act__btn,.mt-ghostbtn{width:100%;justify-content:center}
 .mt-aamt .v{font-size:24px}
}

/* 19.10.26 f: other-activities cards 2 per row on phones */
@media(max-width:560px){.mt-ocards{grid-template-columns:1fr 1fr;gap:12px}.mt-ocard__img{height:110px}.mt-ocard__b{padding:16px 12px 14px;gap:6px}.mt-ocard__b b{font-size:15px;margin-top:12px}.mt-ocard__b .mt-act__ic{width:38px;height:38px;flex-basis:38px;top:-22px;inset-inline-start:12px}.mt-ocard__b .mt-hlink{font-size:13px}}