.mog-tatler-seal { box-sizing: border-box; width: 80%; max-width: 1300px; margin: 0 auto; padding: 35px; background: #fff; color: #333; }
.mog-tatler-seal * { box-sizing: border-box; }
.mog-tatler-seal__inner { display: grid; grid-template-columns: 1fr 2fr; gap: 5.5%; align-items: center; }
.mog-tatler-seal .mog-tatler-seal__inner img.mog-tatler-seal__image { display: block; width: 100%; max-width: 260px; height: auto; margin: auto; }
.mog-tatler-seal h2 { padding: 0; margin: 0 0 18px; color: #1f4f58; font-size: 36px; line-height: 1.2; font-weight: 400; }
.mog-tatler-seal p { padding: 0; margin: 0 0 24px !important; font-size: 17px; line-height: 1.65; color: #333; }
.mog-tatler-seal__button { display: inline-block; padding: 12px 22px; background: #1f4f58; color: #fff !important; font-size: 15px; line-height: 1.5; text-decoration: none; }
.mog-tatler-seal__button:hover { background: #062a30; }
.mog-tatler-seal a:focus-visible { outline: 3px solid #1f4f58; outline-offset: 4px; }

@media (max-width: 980px) {
	.mog-tatler-seal { padding: 30px 25px; }
	.mog-tatler-seal h2 { font-size: 32px; }
}

@media (max-width: 767px) {
	.mog-tatler-seal { width: 90%; padding: 25px 20px; }
	.mog-tatler-seal__inner { grid-template-columns: 1fr; gap: 28px; }
	.mog-tatler-seal h2 { font-size: 28px; }
}