/* ==========================================================================
   Mangwao v1.2.43 — Quick View box smaller + Short Description 2 lines.
   User direction 2026-10-26: box ka size thora kam kar lo, short
   description sirf 2 lines nazar aaye, baqi Read more par khule.
   Why this also helps the photo: the tall info column was what made
   the modal box tall, leaving white space above/below the full photo
   in v1.2.42. Clamping the short description to 2 lines shrinks the
   info column, so the box height drops closer to the photo height.
   Photo rule itself is unchanged from v1.2.42: full photo, never
   cropped (object-fit:contain). This file ONLY touches the QV modal
   box, info padding and short-description clamp; shop cards, PDP,
   cart and checkout are untouched.
   ========================================================================== */

.mg-modal-box {
	max-width: 680px;
	max-height: 84vh;
}

.mg-modal-info {
	padding: 20px;
}

/* Short description: first accordion only. 2 lines, then ellipsis.
   Expanded state (toggled by the Read more button / header) restores
   the full text with the old 170px scroll area. */
.mg-qv-acc:first-of-type .mg-qv-acc-c.mg-qv-short,
.mg-qv-acc .mg-qv-acc-c.mg-qv-short {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
	max-height: none;
}

.mg-qv-acc .mg-qv-acc-c.mg-qv-short.expanded {
	display: block;
	-webkit-line-clamp: unset;
	max-height: 170px;
	overflow: auto;
	white-space: pre-line;
}

.mg-qv-readmore {
	background: none;
	border: 0;
	color: #875ff5;
	font-family: Poppins, sans-serif;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	padding: 2px 0 10px;
}