.hidden{
	display: none !important;
}
.bov-main{
    max-width: 600px !important;
    margin: 0 auto;
    border: 1px solid #ccc;
    background: #041525  url('../../assets/images/bg.jpg') center top;
    color: #344054;
    font-family: arial;
    font-size: 14px;
    position: relative;
    min-height: 590px;
	display: flex;
}
.bov-popup{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 10px 20px;
    display: none;
    overflow: auto;
}
.bov-popup-ovelay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}
.bov-login-popup .bov-popup-ovelay{
    background: rgb(66,206,231);
    background: linear-gradient(90deg, rgba(66,206,231,1) 0%, rgba(180,136,247,1) 100%); 
}
.bov-userform-popup .bov-popup-ovelay{
    background: rgb(66,206,231);
    background: linear-gradient(90deg, rgba(66,206,231,1) 0%, rgba(180,136,247,1) 100%); 
}
.results-popup .bov-popup-ovelay{
    background: rgba(0, 0, 0, 0.9);
}
.bov-popup-content{
    z-index: 9;
    position: relative; 
}
.bov-popup.flex .bov-popup-container{
    height: 100%;
}
.bov-popup.flex .bov-popup-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    height: 100%;
}
.popup-close {
    width: 31px;
    height: 31px;
    margin: 0 auto;
    display: block;
    border-radius: 32px;
    border: 2px solid #fff;
    cursor: pointer;
    z-index: 99;
    position: relative;
}
.popup-close:hover {
    opacity: 0.6;
}
.popup-close:before, .popup-close:after {
    position: absolute;
    left: 13px;
    top: 5px;
    content: ' ';
    height: 17px;
    width: 2px;
    background-color: rgb(255, 255, 255);
}
.popup-close:before {
    transform: rotate(45deg);
}
.popup-close:after {
    transform: rotate(-45deg);
}
.bov-btn{
    background: #fff;
    color: #000;
    display: inline-block;
    padding: 5px 25px;
    border-radius: 22px;
    cursor: pointer;    
}
.bov-btn:hover{
    background: #0274be;
    color: #fff;
}
.bov-popup .bov-btn{
    margin: 10px;
    font-weight: bold;
    padding: 15px 46px;
    background: #0274be;
    color: #fff;
}
.bov-popup .bov-btn:hover{
    background: #138bd9;
}
.bov-view-mode{
    display: none;
    position: relative;
    width: 24px;
	height: 24px;
    cursor: pointer;
}
.bov-view-mode.show{
    display: flex;
    flex-wrap: wrap;
}
.bov-view-mode span{
    background: #fff;
    border-radius: 2px;
    height: 4px;
    width: 10px;
    margin: 2px 1px;
}
.bov-view-mode.list span:nth-child(1), .bov-view-mode.list span:nth-child(3), .bov-view-mode.list span:nth-child(5) {
    margin-right: 0;
    width: 11px;
    border-radius: 2px 0 0 2px;
}
.bov-view-mode.list span:nth-child(2), .bov-view-mode.list span:nth-child(4), .bov-view-mode.list span:nth-child(6) {
    margin-left: 0;
    width: 11px;
    border-radius: 0 2px 2px 0;
} 
.bov-userform-popup .form-heading{
    color: #42cee7;
}
.bov-input-wrap{
    margin: 0 0 10px 0;
}
.bov-input-text{
    width: 100%;
}
form .bov-input-text{
    border: 2px solid #eee;
    border-width: 0 0 2px 0;
    background: none;
    margin-bottom: 5px;
    padding: 10px 0;
}
form .bov-input-text:focus{
    border: 2px solid #42cee7;
    border-width: 0 0 2px 0;
    outline: none;
}
.bov-input-wrap{
    color: #666;
}
.bov-popup .popup-close {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: -40px;
}
.bov-popup form a{
    color: #42cee7;
    font-weight: bold;
    text-decoration: none;
}
.bov-popup form a:hover{
    text-decoration: underline;
}
.bov-userform-btn{
	position: relative;
    background: rgb(188,98,220);
    background: linear-gradient(90deg, rgba(188,98,220,1) 0%, rgba(95,41,250,1) 100%); 
    border-radius: 3px;
    margin: 5px 0 12px;
    width: 100%;
    padding: 12px 10px;
}
.bov-message{
    color: red;
    display: none;
}
.bov-btn.disabled{
    opacity: 0.7;
    cursor: not-allowed;
}
.bov-btn-text{
	position: relative;
}
.bov-loading{
	width: 30px;
    position: absolute;
    top: calc(50% - 12px);
    right: -32px;
	z-index: 9999;
}
.bov-loading.large{
	width: 80px;
	height: auto;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	right: 0;
}
.bov-loading.overlay{
	background: #000000c2;
	border-radius: 8px;
}
.bov-main-inner{
	position: relative;
	min-height: 100%;
	height: auto;
	width: 100%;
}
.bov-header{
	display: flex;
	justify-content: space-between;
	background: #42cee7;
	padding: 10px 20px;
	align-items: center;
	position: relative;
}
.bov-header .bov-header-text{
	font-size: 18px;
	color: #fff;
}
.bov-header-right{
	align-items: center;
}
.bov-filter-favourite{
	min-width: 25px;
}
.bov-header .bov-setting{
	display: block;
    width: 23px;
    height: 23px;
}
.bov-next-btn{
	max-width: 80px;
    display: inline-block;
}

.bov-main-inner .bov-body{
	padding: 40px;
}
.bov-main-inner .bov-grid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 35px;
}
.bov-main-inner .bov-grid.row{
	grid-template-columns: repeat(1, 1fr);
}
.bov-body[data-screen="typeword"] .bov-grid .bov-card:first-child{
	grid-column: span 2;
}
.bov-grid .bov-card{
	display: flex;
	flex-direction: column;
	text-align: center;
	background: #fff;
	border-radius: 6px;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 0 4px 1px #344054e3;
	justify-content: space-between;
}
.bov-card .bov-card-image{
	height: 100%;
	display: flex;
	align-items: center;
}
.bov-card .bov-card-image img{
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 4px;
}
.bov-grid.row .bov-card .bov-card-image img{
	height: auto;
	max-height: 100%;
}
.bov-card .bov-card-name{
	color: #344054;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
}
.bov-grid .bov-card:hover{
	box-shadow: 0 0 35px -5px #000;
}
.bov-home-button{
	cursor: pointer;
}
.bov-card .bov-card-header{
	padding: 8px;
}
.bov-body[data-screen="innerword"] .bov-grid .bov-card{
	cursor: default;
}
.bov-card .bov-card-header .bov-favourite-btn,
.is-cursor{
	cursor: pointer;
}
.bov-card .bov-card-header .bov-favourite-btn img{
	width: 35px;
}
.bov-card .bov-card-footer{
	padding: 8px;
	border-top: 1px dashed #344054;
}
.bov-card .bov-card-name.flex-items{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.bov-card .bov-card-name .bov-play-audio{
	line-height: 1;
	position: relative;
	cursor: pointer;
	width: 32px;
	height: 32px;
}
.bov-card .bov-card-name .bov-play-audio img{
	object-fit: contain;
	width: 32px;
	height: 32px;
	position: relative;
	z-index: 2;
}
.flex-items{
	display: flex;
}
.bov-control{
	margin-left: 15px;
}
.bov-setting-wrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}
.bov-setting-wrap > div, .bov-setting-wrap > ul{
	margin-top: 30px;
}
.bov-setting-wrap .bov-setting-nav{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
}
.bov-setting-nav .bov-setting-title{
	font-size: 24px;
}
.bov-setting-footer .bov-save-setting{
	padding: 10px 20px;
	background: #49a0ae;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
}
.bov-setting-wrap ul{
	list-style: none;
	width: 80%;
	margin: 0;
	padding: 0;
}
.bov-setting-wrap ul li{
	display: flex;
	flex-direction: row;
	justify-content: start;
	margin: 20px 0;
	align-items: center;
}
.bov-setting-wrap ul li label{
	min-width: 90px;
}
.bov-setting-wrap ul li .bov-slider{
	width: 100%;
}
.bov-setting-wrap .bov-setting-back-control{
	position: absolute;
	top: 3px;
	left: 30px;
	height: 30px;
	width: 30px;
	line-height: 1;
}
.bov-setting-wrap ul li .bov-toggle-setting{
	text-align: left;
	background: #7f7de0;
	padding: 0 8px;
	line-height: 2.2;
	border-radius: 3px;
}
.bov-toggle-setting .bov-toggle-setting-btn{
	color: #2a32ec;
	padding: 0 8px;
}
.bov-toggle-setting .bov-toggle-setting-btn.on{
	color: #fff;
}
.bov-slider .ui-slider-handle{
	width: 3em;
	height: 1.6em;
	top: 50%;
	margin-top: -.8em;
	text-align: center;
	line-height: 1.6em;
}
.bov-innerword-wrap{
	text-align: center;
}
.bov-innerword-wrap .bov-innerword-header img{
	width: 300px;
	border: 5px solid #3440543d;
	border-radius: 2px;
}
.bov-innerword-wrap .bov-innerword-content, .bov-innerword-wrap .bov-innerword-footer{
	padding-top: 20px;
}
.bov-innerword-wrap .bov-innerword-content ul{
	max-width: 310px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.bov-innerword-wrap .bov-innerword-content ul li{
	background: #d9d9d9;
	padding: 5px 10px;
	margin: 10px 0;
	font-size: 18px;
	position: relative;
}
.bov-innerword-wrap .bov-innerword-content ul .bov-choose-answer.selected{
	background: #08f011;
}
.bov-innerword-wrap .bov-innerword-footer{
	text-align: right;
}
.bov-innerword-timeup{
	width: 100%;
	text-align: center;
	margin: 15px 0;
	font-size: 18px;
}
.bov-test-result{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 15px;
	display: flex;
	align-items: center;
}
.bov-test-result .bov-test-result-wrap{
	width: 100%;
	text-align: center;
	max-width: 400px;
	margin: 0 auto;
	font-size: 20px;
}
.bov-test-result .bov-test-result-wrap > div{
	display: flex;
	justify-content: space-between;
}
.bov-test-result .bov-test-result-wrap > div label{
	color: #2a32ec;
}
.bov-test-result .bov-test-result-wrap > div.bov-test-result-body{
	flex-direction: column;
}
.bov-test-result-body .bov-test-result-score, .bov-test-result-body .bov-test-result-info{
	display: flex;
	justify-content: space-between;
}
.bov-test-result-body .bov-test-result-score{
	padding: 5px 30px;
	background: #d9d9d9;
	margin: 0;
}
.bov-test-result-wrap .bov-test-result-header, .bov-test-result-body .bov-test-result-info{
	margin: 20px 0;
}
.bov-test-result-body .bov-test-result-info > div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.bov-test-result-body .bov-test-result-info > div span{
	background: #d9d9d9;
	width: 130px;
	padding: 5px;
}
.bov-test-result .bov-test-result-wrap > div.bov-test-result-footer{
	display: block;
	margin: 20px 0;
}
.bov-test-result .bov-test-result-wrap > div.bov-test-result-footer span{
	padding: 5px 10px;
}
.bov-innerword-wrap[data-type="test-2"] .bov-innerword-header span{
	font-size: 22px;
	font-weight: bold;
	width: 215px;
	display: block;
	margin: 0 auto;
	border-bottom: 2px solid #344054;
	line-height: 2.5;
}
.bov-innerword-wrap[data-type="test-2"] .bov-innerword-content ul,
.bov-innerword-wrap[data-type="listening-2"] .bov-innerword-content ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	width: 100%;
	gap: 30px;
	justify-content: center;
	align-items: center;
	grid-auto-rows: 1fr;
}
.bov-innerword-wrap[data-type="test-2"] .bov-innerword-content ul li,
.bov-innerword-wrap[data-type="listening-2"] .bov-innerword-content ul li{
	background: transparent;
	padding: 0;
	margin: 0;
	position: relative;
}
.bov-innerword-wrap[data-type="test-2"] .bov-innerword-content ul li img,
.bov-innerword-wrap[data-type="listening-2"] .bov-innerword-content ul li img{
	width: 100%;
	max-width: 150px;
	height: auto;
}
.bov-innerword-wrap[data-type="test-2"] .bov-innerword-content ul li.selected,
.bov-innerword-wrap[data-type="listening-2"] .bov-innerword-content ul li.selected{
	background: transparent;
}
.bov-innerword-wrap[data-type="test-2"] .bov-innerword-content ul li.selected::before,
.bov-innerword-wrap[data-type="listening-2"] .bov-innerword-content ul li.selected::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #08f011;
	opacity: .6;
}
.bov-listening-play-btn{
	position: relative;
	height: 64px;
	width: 64px;
	display: flex;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}
.bov-listening-play-btn .animate-ping{
	top: 8px;
	left: 8px;
}
.bov-innerword-wrap[data-type="listening-1"] .bov-innerword-content ul{
	display: flex;
	justify-content: space-evenly;
}
.bov-innerword-wrap[data-type="listening-1"] .bov-innerword-content ul li,
.bov-innerword-wrap[data-type="listening-1"] .bov-innerword-content ul li.selected{
	background: transparent;
}
.correct::before{
	background: url('../../assets/images/icons/correct.png');
}
.incorrect::before{
	background: url('../../assets/images/icons/incorrect.png');
}
.correct::before, .incorrect::before{
	content: '';
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.bov-innerword-wrap[data-type="test-1"] .correct::before,
.bov-innerword-wrap[data-type="test-1"] .incorrect::before{
	top: calc(50% - 15px);
}
.bov-innerword-header .bov-innerword-header-image{
	position: relative;
	display: flex;
	margin: 0 auto;
	max-width: 300px;
}
.bov-header .bov-share-screen{
	position: relative;
}
.bov-share-screen .bov-share-menu{
	position: absolute;
	background: #fff;
	box-shadow: 0 0 5px -2px #344054e3;
	min-width: 90px;
	font-size: 14px;
	top: calc(100% + 5px);
	right: -50%;
	display: none;
}
.bov-share-screen .bov-share-menu.show{
	display: block;
}
.bov-share-screen .bov-share-menu::before{
	content: '';
	position: absolute;
	top: -8px;
	right: 16px;
	width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
.bov-share-screen .bov-share-menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.bov-share-screen .bov-share-menu ul li{
	padding: 6px 12px;
}

@keyframes ping {
	75%,
	to {
		transform:scale(2);
		opacity:0
	}
}
.animate-ping {
	animation: ping 1s cubic-bezier(0,0,.2,1) infinite;
	opacity: .75;
	background-color: rgb(56 189 248/1);
	border-radius: 9999px;
	width: 70%;
	height: 70%;
	display: none;
	position: absolute;
	top: 3px;
	left: 3px;
}

.bov-header .bov-header-left{
	min-width: 30px;	
	margin-right: 15px;
}
.bov-header .bov-header-right > span{
	min-width: 24px;	
}
.bov-header .bov-header-middle .bov-header-text{
	text-align: center;
}

@media screen and (max-width: 640px){
	.bov-view-mode.bov-control{
		 
	}
	.bov-main-inner .bov-body {
		padding: 20px;
	}
	.bov-header {
		padding: 10px 15px;
	}
	.bov-header .bov-header-text {
		font-size: 15px;
	}
	.bov-home-button svg{
		width: 22px;
		height: 22px;
	}
	.bov-main-inner .bov-grid{
		gap: 20px;
	}
	.bov-main-inner .bov-grid:not(.bov-main-inner .bov-body[data-screen="typeword"] .bov-grid){
		/* grid-template-columns: repeat(1, 1fr);*/
	}
}

/* === Progress Bar Styles === */
.bov-progress-container {
  width: 100%;
  background-color: #eee;
  border-radius: 8px;
  height: 12px;
  margin: 10px 0;
  overflow: hidden;
}
.bov-progress-bar {
  height: 100%;
  width: 0%;
  background-color: #4caf50;
  transition: width 0.3s ease;
}
/* === End Progress Bar Styles === */

/* === Progress Text Styles === */
.bov-progress-text {
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
/* === End Progress Text Styles === */


/* === Drag-Match === */
.dm-wrap{ max-width: 800px; margin: 10px auto; }
.dm-row{ display:flex; justify-content:center; gap:22px; flex-wrap:wrap; }
.dm-images{ margin-bottom: 18px; }
.dm-img{ width:150px; text-align:center; user-select:none; cursor:grab; border-radius:16px; padding:8px; border:2px solid transparent; transition:transform .05s; }
.dm-img img{ width:120px; height:120px; object-fit:contain; border-radius:50%; background:#fff; border:3px solid #cfd8dc; }
.dm-img .dm-cap{ font-size:14px; margin-top:6px; color:#555; }
.dm-img.dragging{ opacity:.6; }
.dm-img.selected{ border-color:#90caf9; background:#e3f2fd; }

.dm-words{ gap:26px; }
.dm-word{ min-width:140px; min-height:44px; padding:8px 14px; border:3px dashed #cfd8dc; border-radius:18px; background:#f7f9fa; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:18px; position:relative; transition:background .2s, border-color .2s; }
.dm-word.over{ border-color:#90a4ae; background:#ffffff; }
.dm-word.wrong{ border-color:#e57373; background:#ffebee; }
.dm-word.done{ border-color:#66bb6a; background:#e8f5e9; }
.dm-word .dm-mini{ width:28px; height:28px; object-fit:contain; margin-right:8px; }
.dm-check{ position:absolute; right:-10px; top:-10px; width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%; background:#66bb6a; color:#fff; font-weight:800; font-size:12px; }
/* === End Drag-Match === */


/* === Tap-Match === */
.tm-wrap{ max-width: 800px; margin: 10px auto; }
.tm-row{ display:flex; justify-content:center; gap:20px; flex-wrap:wrap; }
.tm-images{ margin-bottom: 18px; }
.tm-img{ width:150px; text-align:center; user-select:none; border-radius:16px; padding:8px; border:2px solid transparent; transition:transform .05s; }
.tm-img img{ width:120px; height:120px; object-fit:contain; border-radius:50%; background:#fff; border:3px solid #cfd8dc; }
.tm-img .tm-cap{ font-size:14px; margin-top:6px; color:#555; }
.tm-img.selected{ border-color:#90caf9; background:#e3f2fd; }

.tm-words{ gap:16px; }
.tm-word{ min-width:140px; min-height:44px; padding:8px 14px; border:2px solid #78909c; border-radius:18px; background:#f7f9fa; font-weight:700; font-size:18px; cursor:pointer; transition:transform .05s, background .2s, border-color .2s; }
.tm-word.wrong{ background:#ffebee; border-color:#e57373; }
.tm-word.correct{ background:#e8f5e9; border-color:#66bb6a; color:#1b5e20; position:relative; }
.tm-word .tm-mini{ display:inline-block; margin-right:8px; font-weight:900; }
.tm-word.shake{ transform: translateX(-2px); }
@media (max-width:480px){
  .tm-img{ width:120px; }
  .tm-img img{ width:100px; height:100px; }
  .tm-word{ min-width:120px; font-size:16px; }
}
/* === End Tap-Match === */

/* === Hide image captions for match modes === */
.tm-img .tm-cap{ display:none !important; }
.dm-img .dm-cap{ display:none !important; }
/* === End hide captions === */

/* === BO-Vocabulary: Unified Test Image Sizing (2025-09-29) === */
.bov-innerword-wrap[data-type^="test-"] .bov-innerword-content img,
.bov-innerword-wrap[data-type^="test-"] .bov-innerword-header-image img{
    width: 100%;
    max-width: 220px;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* Ensure grid/list items don't stretch images oddly */
.bov-innerword-wrap[data-type^="test-"] .bov-innerword-content ul li{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Responsive tweak: allow slightly larger on wide screens */
@media (min-width: 768px){
  .bov-innerword-wrap[data-type^="test-"] .bov-innerword-content img,
  .bov-innerword-wrap[data-type^="test-"] .bov-innerword-header-image img{
      max-width: 260px;
  }
}
/* === End Unified Test Image Sizing === */

/* === BO-Vocabulary: Unified Image Sizing for Tests & Listening (2025-09-29) === */
/* Configurable max width via CSS variable */
:root {
  --bov-img-max: 220px;
}
@media (min-width: 768px){
  :root { --bov-img-max: 260px; }
}

/* Images (content + header) across test-1, test-2, listening-1, listening-2 */
.bov-innerword-wrap[data-type="test-1"] .bov-innerword-content img,
.bov-innerword-wrap[data-type="test-1"] .bov-innerword-header-image img,
.bov-innerword-wrap[data-type="test-2"] .bov-innerword-content img,
.bov-innerword-wrap[data-type="test-2"] .bov-innerword-header-image img,
.bov-innerword-wrap[data-type="listening-1"] .bov-innerword-content img,
.bov-innerword-wrap[data-type="listening-1"] .bov-innerword-header-image img,
/* Match existing specific selector in CSS to ensure override precedence */
.bov-innerword-wrap[data-type="listening-2"] .bov-innerword-content ul li img,
.bov-innerword-wrap[data-type="listening-2"] .bov-innerword-header-image img{
    width: 100%;
    max-width: var(--bov-img-max);
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

/* Center items so images don't stretch oddly */
.bov-innerword-wrap[data-type="test-1"] .bov-innerword-content ul li,
.bov-innerword-wrap[data-type="test-2"] .bov-innerword-content ul li,
.bov-innerword-wrap[data-type="listening-1"] .bov-innerword-content ul li,
.bov-innerword-wrap[data-type="listening-2"] .bov-innerword-content ul li{
    display: flex;
    align-items: center;
    justify-content: center;
}
/* === End Unified Image Sizing === */

/* === BO-Vocabulary: Force Unified Image Sizing (2025-09-29) === */
/* This block uses high-specificity selectors + !important to override legacy rules */

/* Content images */
.bov-innerword-wrap[data-type="test-1"] .bov-innerword-content ul li img,
.bov-innerword-wrap[data-type="test-2"] .bov-innerword-content ul li img,
.bov-innerword-wrap[data-type="listening-1"] .bov-innerword-content ul li img,
.bov-innerword-wrap[data-type="listening-2"] .bov-innerword-content ul li img {
  width: 100% !important;
  max-width: 220px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Header images (where present) */
.bov-innerword-wrap[data-type="test-1"] .bov-innerword-header-image img,
.bov-innerword-wrap[data-type="test-2"] .bov-innerword-header-image img,
.bov-innerword-wrap[data-type="listening-1"] .bov-innerword-header-image img,
.bov-innerword-wrap[data-type="listening-2"] .bov-innerword-header-image img {
  width: 100% !important;
  max-width: 220px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Center the li to avoid odd stretching around images */
.bov-innerword-wrap[data-type="test-1"] .bov-innerword-content ul li,
.bov-innerword-wrap[data-type="test-2"] .bov-innerword-content ul li,
.bov-innerword-wrap[data-type="listening-1"] .bov-innerword-content ul li,
.bov-innerword-wrap[data-type="listening-2"] .bov-innerword-content ul li {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Responsive bump */
@media (min-width: 768px){
  .bov-innerword-wrap[data-type="test-1"] .bov-innerword-content ul li img,
  .bov-innerword-wrap[data-type="test-2"] .bov-innerword-content ul li img,
  .bov-innerword-wrap[data-type="listening-1"] .bov-innerword-content ul li img,
  .bov-innerword-wrap[data-type="listening-2"] .bov-innerword-content ul li img,
  .bov-innerword-wrap[data-type="test-1"] .bov-innerword-header-image img,
  .bov-innerword-wrap[data-type="test-2"] .bov-innerword-header-image img,
  .bov-innerword-wrap[data-type="listening-1"] .bov-innerword-header-image img,
  .bov-innerword-wrap[data-type="listening-2"] .bov-innerword-header-image img {
    max-width: 260px !important;
  }
}
/* === End Force Unified Image Sizing === */