@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=block');

#mstRewardBox { margin-top:20px; border-top:1.5px dashed #d4d4d4; padding-top:20px; }
.mst-reward-card { border-radius:12px; border:1.5px solid #d4d4d4; background:#fff; overflow:hidden; box-shadow:none; transition:all 0.2s; }
.mst-reward-header { padding:10px 16px; background:#f5f5f5; border-bottom:1.5px solid #d4d4d4; display:flex; align-items:center; gap:8px; }
.mst-reward-header i { font-size:14px; color:#404040; }
.mst-reward-header h4 { margin:0; font-size:12.5px; font-weight:800; color:#404040; letter-spacing:-0.01em; }
.mst-reward-body { padding:12px 16px; }
.mst-reward-items-list { display:flex; flex-wrap:wrap; gap:16px; }
.mst-reward-item-unit { display:flex; flex-direction:column; align-items:center; gap:6px; width:85px; }
.mst-reward-thumb-box { width:70px; height:70px; border-radius:12px; object-fit:contain; background:#fafafa; border:1.5px solid #eee; display:flex; align-items:center; justify-content:center; position:relative; }
.mst-reward-thumb-box i { font-size:32px; }
.mst-reward-thumb-box img { width:100%; height:100%; object-fit:contain; border-radius:11px; }
.mst-reward-name-row { font-size:12px; font-weight:700; color:#171717; text-align:center; word-break:break-all; line-height:1.2; }
.mst-reward-exp-badge { position:absolute; right:6px; bottom:6px; font-size:9px; font-weight:900; padding:2px 6px; border-radius:999px; background:rgba(24,24,27,0.92); color:#fff; display:inline-flex; align-items:center; gap:4px; line-height:1; }
.mst-reward-exp-badge i { font-size:9px; }
.mst-reward-info { margin-top:10px; padding-top:10px; border-top:1px solid #f5f5f5; display:none; }
.mst-reward-desc { display:block; font-size:13px; color:#737373; line-height:1.5; font-weight:500; }
.mst-reward-footer { padding:8px 16px; background:#f5f5f5; border-top:1.5px solid #d4d4d4; display:flex; justify-content:space-between; align-items:center; }
.mst-reward-status { font-size:10.5px; font-weight:900; text-transform:uppercase; letter-spacing:0.02em; padding:4px 8px; border-radius:4px; }
.mst-reward-status.pending { background:#fff; color:#737373; border:1px solid #d4d4d4; }
.mst-reward-status.claimed { background:#f0fdf4; color:#16a34a; border:1px solid #dcfce7; }
.mst-reward-status.expired { background:#fef2f2; color:#dc2626; border:1px solid #fee2e2; }
.mst-reward-claim-btn { background:#404040; color:#fff; border:none; padding:10px 20px 11px; border-radius:8px; font-size:13px; font-weight:800; cursor:pointer; transition:all 0.15s; line-height:1; }
.mst-reward-claim-btn:hover { background:#262626; }
.mst-reward-claim-btn:active { transform:scale(0.96); }
.mst-reward-claim-btn:disabled { background:#e5e5e5; color:#a3a3a3; cursor:not-allowed; transform:none; }

.header-right-util-group { display:flex; align-items:center; gap:6px; }
.header-store-btn { display:flex; align-items:center; justify-content:center; width:34px; height:34px; color:#25a45b; font-size:20px; transition:all 0.15s; }
.header-store-btn:hover { opacity:0.8; }
.header-store-btn:active { transform:scale(0.9); }
.header-sep { width:1px; height:14px; background:rgba(0,0,0,0.1); display:block; }
.noti-wrap { margin-right:-9px; }

.profile-img-wrap img,
.profile-img-wrap .profile-initial,
.profile_img,
.profile_image img,
.mb-initial-profile,
.noti-item img { border-radius:6px !important; }

/* 글로벌 본문 삽입 스티커 기본 스타일 - 피드 리스트 및 전역 영역에서 거대하게 출력되는 불균형을 제거합니다. */
.rx_mb_editor img.mb-inserted-sticker,
.rhymix_content img.mb-inserted-sticker,
.mb-inserted-sticker {
	width: 85px !important;
	height: 85px !important;
	min-width: 85px !important;
	min-height: 85px !important;
	max-width: 85px !important;
	max-height: 85px !important;
	display: inline-block !important;
	vertical-align: middle !important;
	margin: 4px 3px !important;
	float: none !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	-webkit-user-drag: none !important;
	-khtml-user-drag: none !important;
	-moz-user-drag: none !important;
	-o-user-drag: none !important;
	user-drag: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	pointer-events: auto !important;
	transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
.rx_mb_editor img.mb-inserted-sticker:hover,
.rhymix_content img.mb-inserted-sticker:hover,
.mb-inserted-sticker:hover {
	transform: scale(1.1) !important;
}

/* ==========================================================================
   Freedom Layout Header & Submenu Profile Normalization
   ========================================================================== */
/* 1. Header circular profile (avatar and initial) */
.grid-icon img,
.grid-icon .profile-initial {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    border: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}
.grid-icon .profile-initial {
    line-height: 30px !important;
    font-size: 13px !important;
    display: inline-block !important;
    text-align: center !important;
    font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* 2. Submenu profile initial & image size & corner normalization */
.profile-img-wrap img,
.profile-img-wrap .profile-initial {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}