.wpcm-tpgm-native,
.wpcm-tpgm-native * { box-sizing: border-box; }
.wpcm-tpgm-native { position: relative; width: 100%; max-width: var(--tpgm-max, 1600px); margin: 0 auto; overflow: hidden; border-radius: var(--tpgm-radius, 16px); color: var(--tpgm-text, #fff); background: var(--tpgm-bg, #0b6508); box-shadow: 0 18px 45px rgba(0, 0, 0, .08); font-family: Arial, Helvetica, sans-serif; }
.wpcm-tpgm-native__track { position: relative; min-height: var(--tpgm-height, 420px); }
.wpcm-tpgm-native__slide { display: none; grid-template-columns: var(--tpgm-image, 50%) minmax(0, 1fr); min-height: var(--tpgm-height, 420px); background: var(--tpgm-bg, #0b6508); }
.wpcm-tpgm-native__slide.is-active { display: grid; }
.wpcm-tpgm-native__image { position: relative; display: block; min-height: var(--tpgm-height, 420px); overflow: hidden; background: #d8d8d8; }
.wpcm-tpgm-native__image::after { position: absolute; inset: 0; content: ""; pointer-events: none; background: rgba(0, 0, 0, var(--tpgm-overlay, .18)); }
.wpcm-tpgm-native__image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.wpcm-tpgm-native__slide:hover .wpcm-tpgm-native__image img { transform: scale(1.035); }
.wpcm-tpgm-native__content { display: flex; align-items: center; justify-content: center; min-height: var(--tpgm-height, 420px); padding: 36px 46px 62px; text-align: center; }
.wpcm-tpgm-native__inner { width: 100%; max-width: 760px; margin: auto; }
.wpcm-tpgm-native__meta { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0 0 14px; color: var(--tpgm-muted, #a9c9a7); font-size: 13px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.wpcm-tpgm-native__title { margin: 0 0 18px !important; font-family: Roboto, Arial, Helvetica, sans-serif !important; font-size: var(--tpgm-title, 40px) !important; font-weight: 800 !important; line-height: 1.05 !important; text-wrap: balance; }
.wpcm-tpgm-native__title a { color: var(--tpgm-text, #fff) !important; text-decoration: none !important; }
.wpcm-tpgm-native__title a:hover { text-decoration: underline !important; text-underline-offset: 4px; }
.wpcm-tpgm-native__excerpt { max-width: 680px; margin: 0 auto !important; color: var(--tpgm-muted, #a9c9a7) !important; font-size: 16px !important; font-weight: 700; line-height: 1.65 !important; }
.wpcm-tpgm-native__arrow { position: absolute; bottom: 23px; z-index: 5; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; color: #fff; background: var(--tpgm-arrow, #1f7d1f); box-shadow: 0 8px 22px rgba(0, 0, 0, .22); font-size: 34px; line-height: 1; cursor: pointer; }
.wpcm-tpgm-native__prev { left: 18px; }
.wpcm-tpgm-native__next { right: 18px; }
.wpcm-tpgm-native__arrow:hover { filter: brightness(1.08); }
.wpcm-tpgm-native__dots { position: absolute; bottom: 28px; left: 50%; z-index: 6; display: flex; align-items: center; gap: 8px; transform: translateX(-50%); }
.wpcm-tpgm-native__dot { width: 12px; height: 12px; padding: 0; border: 0; border-radius: 50%; background: var(--tpgm-dot, #6c956c); cursor: pointer; opacity: .9; }
.wpcm-tpgm-native__dot.is-active { background: var(--tpgm-dot-active, #2f7df4); transform: scale(1.25); }
.wpcm-tpgm-native :focus-visible { outline: 3px solid #fff; outline-offset: 3px; }

@media (max-width: 900px) {
	.wpcm-tpgm-native__slide { grid-template-columns: 1fr; min-height: auto; }
	.wpcm-tpgm-native__image { min-height: var(--tpgm-mobile-height, 260px); }
	.wpcm-tpgm-native__content { min-height: auto; padding: 24px 22px 58px; }
	.wpcm-tpgm-native__title { font-size: var(--tpgm-title-mobile, 28px) !important; }
	.wpcm-tpgm-native__dots { bottom: 19px; }
	.wpcm-tpgm-native__arrow { width: 36px; height: 36px; font-size: 28px; }
}

@media (prefers-reduced-motion: reduce) {
	.wpcm-tpgm-native__image img { transition: none; }
	.wpcm-tpgm-native__slide:hover .wpcm-tpgm-native__image img { transform: none; }
}
