/* =========================================================
   LAIRA JEWELS - CUSTOMER ACCOUNT
   ORDER HISTORY / MY ORDERS
   ========================================================= */


/* =========================================================
   ACCOUNT CONTAINER
   ========================================================= */

.laira-account-container {
	width: 100%;
}

.laira-account-page {
	width: 100%;
	padding: 5px 0 45px;
}


/* =========================================================
   PAGE HEADING
   ========================================================= */

.laira-page-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 25px;
	padding: 22px 24px;
	background: #ffffff;
	border: 1px solid #e8e3e5;
	border-radius: 16px;
	box-shadow: 0 5px 18px rgba(75, 24, 63, 0.06);
}

.laira-page-heading h1 {
	margin: 0 0 7px;
	color: #3b1232;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.25;
}

.laira-page-heading p {
	margin: 0;
	color: #777078;
	font-size: 14px;
	line-height: 1.5;
}


/* =========================================================
   BACK TO MY ACCOUNT
   ========================================================= */

.laira-back-account-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 10px 17px;
	background: #5a1836;
	border: 1px solid #5a1836;
	border-radius: 9px;
	color: #ffffff !important;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
	white-space: nowrap;
	transition: all 0.2s ease;
}

.laira-back-account-btn:hover,
.laira-back-account-btn:focus {
	background: #421129;
	border-color: #421129;
	color: #ffffff !important;
	text-decoration: none !important;
}

.laira-back-account-btn i {
	font-size: 12px;
}


/* =========================================================
   ORDER LIST
   ========================================================= */

.laira-order-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}


/* =========================================================
   ORDER CARD
   ========================================================= */

.laira-order-card {
	width: 100%;
	background: #ffffff;
	border: 1px solid #e7e1e5;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 5px 18px rgba(75, 24, 63, 0.055);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.laira-order-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 9px 25px rgba(75, 24, 63, 0.10);
}


/* =========================================================
   ORDER TOP
   ========================================================= */

.laira-order-top {
	display: grid;
	grid-template-columns: 1fr 1fr auto;
	align-items: center;
	gap: 20px;
	padding: 18px 20px;
	background: #fcfafb;
	border-bottom: 1px solid #eee8eb;
}

.laira-order-info {
	min-width: 0;
}

.laira-order-label {
	margin-bottom: 5px;
	color: #8a8187;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.laira-order-id {
	color: #4b183f;
	font-size: 16px;
	font-weight: 700;
}

.laira-order-date {
	color: #4b4549;
	font-size: 13px;
	font-weight: 500;
}


/* =========================================================
   ORDER STATUS
   ========================================================= */

.laira-order-status-wrap {
	text-align: right;
}

.laira-order-status {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 29px;
	padding: 5px 11px;
	background: #f5edf3;
	border: 1px solid #e5d5e1;
	border-radius: 20px;
	color: #5a1836;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}


/* =========================================================
   ORDER BODY
   ========================================================= */

.laira-order-body {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(130px, 1fr) minmax(120px, 1fr);
	align-items: center;
	gap: 22px;
	padding: 20px;
}


/* =========================================================
   PRODUCTS
   ========================================================= */

.laira-order-products {
	display: flex;
	align-items: center;
	gap: 13px;
	min-width: 0;
}

.laira-order-icon {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8f1f5;
	border: 1px solid #eadce5;
	border-radius: 11px;
	color: #b08a3e;
	font-size: 17px;
}

.laira-order-product-info {
	min-width: 0;
}

.laira-order-products-text {
	color: #3f393d;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	word-break: break-word;
}


/* =========================================================
   CUSTOMER
   ========================================================= */

.laira-order-customer {
	min-width: 0;
}

.laira-order-customer-name {
	color: #403a3e;
	font-size: 14px;
	font-weight: 600;
	word-break: break-word;
}


/* =========================================================
   ORDER TOTAL
   ========================================================= */

.laira-order-total {
	text-align: right;
}

.laira-order-total-value {
	color: #a47b2c;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.3;
}


/* =========================================================
   ORDER ACTIONS
   ========================================================= */

.laira-order-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 13px 20px;
	background: #fcfafb;
	border-top: 1px solid #eee8eb;
}

.laira-order-view-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 120px;
	min-height: 40px;
	padding: 9px 16px;
	background: #5a1836;
	border: 1px solid #5a1836;
	border-radius: 8px;
	color: #ffffff !important;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.laira-order-view-btn:hover,
.laira-order-view-btn:focus {
	background: #421129;
	border-color: #421129;
	color: #ffffff !important;
	text-decoration: none !important;
}

.laira-order-view-btn i {
	font-size: 13px;
}


/* =========================================================
   EMPTY ORDER STATE
   ========================================================= */

.laira-empty-state {
	padding: 55px 25px;
	background: #ffffff;
	border: 1px solid #e7e1e5;
	border-radius: 16px;
	text-align: center;
	box-shadow: 0 5px 18px rgba(75, 24, 63, 0.055);
}

.laira-empty-icon {
	width: 65px;
	height: 65px;
	margin: 0 auto 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8f1f5;
	border: 1px solid #eadce5;
	border-radius: 50%;
	color: #b08a3e;
	font-size: 25px;
}

.laira-empty-state h3 {
	margin: 0 0 8px;
	color: #3b1232;
	font-size: 20px;
	font-weight: 700;
}

.laira-empty-state p {
	max-width: 500px;
	margin: 0 auto 20px;
	color: #777078;
	font-size: 14px;
	line-height: 1.6;
}

.laira-empty-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 19px;
	background: #5a1836;
	border: 1px solid #5a1836;
	border-radius: 9px;
	color: #ffffff !important;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
}

.laira-empty-btn:hover,
.laira-empty-btn:focus {
	background: #421129;
	border-color: #421129;
	color: #ffffff !important;
	text-decoration: none !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.laira-account-page {
		padding: 0 0 30px;
	}

	.laira-page-heading {
		flex-direction: column;
		align-items: stretch;
		gap: 15px;
		margin-bottom: 18px;
		padding: 18px;
		border-radius: 13px;
	}

	.laira-page-heading h1 {
		font-size: 22px;
	}

	.laira-page-heading p {
		font-size: 13px;
	}

	.laira-back-account-btn {
		width: 100%;
	}

	.laira-order-list {
		gap: 14px;
	}

	.laira-order-card {
		border-radius: 13px;
	}

	.laira-order-top {
		grid-template-columns: 1fr 1fr;
		gap: 15px;
		padding: 15px;
	}

	.laira-order-status-wrap {
		grid-column: 1 / -1;
		text-align: left;
		padding-top: 2px;
	}

	.laira-order-body {
		grid-template-columns: 1fr 1fr;
		gap: 17px 12px;
		padding: 16px;
	}

	.laira-order-products {
		grid-column: 1 / -1;
	}

	.laira-order-customer {
		text-align: left;
	}

	.laira-order-total {
		text-align: right;
	}

	.laira-order-actions {
		padding: 12px 15px;
	}

	.laira-order-view-btn {
		width: 100%;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.laira-page-heading {
		padding: 16px;
	}

	.laira-page-heading h1 {
		font-size: 20px;
	}

	.laira-order-top {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.laira-order-status-wrap {
		grid-column: auto;
		text-align: left;
	}

	.laira-order-body {
		grid-template-columns: 1fr;
	}

	.laira-order-total {
		text-align: left;
	}

	.laira-order-total-value {
		font-size: 18px;
	}

}

 /* =========================================================
   LAIRA JEWELS - ORDER DETAILS PAGE
   ========================================================= */

/* ORDER DETAIL PAGE */
.laira-order-detail-page {
	width:100%;
}


/* ALERTS */
.laira-order-alert {
	display:flex;
	align-items:center;
	gap:9px;
	margin:0 0 18px;
	padding:13px 16px;
	border-radius:10px;
	font-size:13px;
}

.laira-order-alert i {
	font-size:15px;
}


/* ORDER SUMMARY */
.laira-order-summary-card {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:25px;
	margin-bottom:20px;
	padding:20px;
	background:#ffffff;
	border:1px solid #e7e1e5;
	border-radius:16px;
	box-shadow:0 5px 18px rgba(75,24,63,0.055);
}

.laira-order-summary-main {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:30px;
}

.laira-order-summary-item {
	min-width:120px;
}

.laira-order-summary-label {
	display:block;
	margin-bottom:6px;
	color:#8a8187;
	font-size:10px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.5px;
}

.laira-order-summary-item strong {
	color:#4b183f;
	font-size:15px;
	font-weight:700;
}

.laira-current-status {
	text-align:right;
}

.laira-status-badge {
	display:inline-flex;
	align-items:center;
	gap:7px;
	min-height:30px;
	padding:6px 12px;
	background:#f5edf3;
	border:1px solid #e5d5e1;
	border-radius:20px;
	color:#5a1836;
	font-size:12px;
	font-weight:700;
}

.laira-status-badge i {
	font-size:7px;
	color:#b08a3e;
}


/* TWO COLUMN INFORMATION */
.laira-order-two-column {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	margin-bottom:20px;
}


/* INFORMATION CARD */
.laira-order-info-card {
	width:100%;
	background:#ffffff;
	border:1px solid #e7e1e5;
	border-radius:15px;
	box-shadow:0 5px 18px rgba(75,24,63,0.05);
	overflow:hidden;
}

.laira-card-heading {
	display:flex;
	align-items:center;
	gap:12px;
	padding:17px 18px;
	background:#fcfafb;
	border-bottom:1px solid #eee8eb;
}

.laira-card-icon {
	flex:0 0 38px;
	width:38px;
	height:38px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#f8f1f5;
	border:1px solid #eadce5;
	border-radius:10px;
	color:#b08a3e;
	font-size:15px;
}

.laira-card-heading h3 {
	margin:0 0 3px;
	color:#3b1232;
	font-size:15px;
	font-weight:700;
}

.laira-card-heading span {
	display:block;
	color:#8a8187;
	font-size:11px;
}

.laira-card-content {
	padding:18px;
}

.laira-card-content address {
	margin:0 0 15px;
	color:#494246;
	font-size:13px;
	line-height:1.7;
}

.laira-method-row {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:15px;
	padding-top:13px;
	border-top:1px solid #eee8eb;
}

.laira-method-row span {
	color:#8a8187;
	font-size:12px;
}

.laira-method-row strong {
	max-width:60%;
	color:#403a3e;
	font-size:12px;
	text-align:right;
}


/* SECTION */
.laira-order-section {
	margin-bottom:20px;
}

.laira-section-heading {
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:13px;
}

.laira-section-heading h2 {
	margin:0 0 4px;
	color:#3b1232;
	font-size:19px;
	font-weight:700;
}

.laira-section-heading h2 i {
	margin-right:7px;
	color:#b08a3e;
	font-size:16px;
}

.laira-section-heading p {
	margin:0;
	color:#8a8187;
	font-size:12px;
}


/* ORDER PRODUCT LIST */
.laira-product-order-list {
	display:flex;
	flex-direction:column;
	gap:12px;
}


/* PRODUCT CARD */
.laira-order-product-card {
	display:grid;
	grid-template-columns:minmax(0,2.6fr) 70px 105px 105px auto;
	align-items:center;
	gap:18px;
	padding:16px 18px;
	background:#ffffff;
	border:1px solid #e7e1e5;
	border-radius:13px;
	box-shadow:0 4px 14px rgba(75,24,63,0.04);
}

.laira-order-product-main {
	display:flex;
	align-items:center;
	gap:12px;
	min-width:0;
}

.laira-order-product-icon {
	flex:0 0 40px;
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#f8f1f5;
	border:1px solid #eadce5;
	border-radius:10px;
	color:#b08a3e;
	font-size:15px;
}

.laira-order-product-details {
	min-width:0;
}

.laira-order-product-name {
	display:block;
	margin-bottom:4px;
	color:#3b1232 !important;
	font-size:14px;
	font-weight:700;
	line-height:1.4;
	text-decoration:none !important;
}

.laira-order-product-name:hover {
	color:#a47b2c !important;
}

.laira-order-product-model {
	margin-bottom:4px;
	color:#8a8187;
	font-size:11px;
}

.laira-order-product-options {
	color:#777078;
	font-size:11px;
	line-height:1.5;
}

.laira-order-product-options span {
	font-weight:600;
	color:#5f575c;
}


/* PRODUCT VALUES */
.laira-order-product-qty,
.laira-order-product-price,
.laira-order-product-total {
	text-align:right;
}

.laira-order-product-qty span,
.laira-order-product-price span,
.laira-order-product-total span {
	display:block;
	margin-bottom:4px;
	color:#8a8187;
	font-size:10px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.4px;
}

.laira-order-product-qty strong,
.laira-order-product-price strong {
	color:#403a3e;
	font-size:13px;
	font-weight:600;
}

.laira-order-product-total strong {
	color:#a47b2c;
	font-size:14px;
	font-weight:700;
}


/* PRODUCT ACTIONS */
.laira-order-product-actions {
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:7px;
}

.laira-product-action-btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	min-height:34px;
	padding:7px 10px;
	border-radius:7px;
	font-size:11px;
	font-weight:600;
	text-decoration:none !important;
	white-space:nowrap;
	transition:all 0.2s ease;
}

.laira-reorder-btn {
	background:#5a1836;
	border:1px solid #5a1836;
	color:#ffffff !important;
}

.laira-reorder-btn:hover {
	background:#421129;
	border-color:#421129;
	color:#ffffff !important;
}

.laira-return-btn {
	background:#ffffff;
	border:1px solid #d8c9d2;
	color:#5a1836 !important;
}

.laira-return-btn:hover {
	background:#f8f1f5;
	border-color:#b08a3e;
	color:#5a1836 !important;
}

.laira-product-action-btn i {
	font-size:10px;
}


/* VOUCHER */
.laira-voucher-card {
	background:#fffcf6;
	border-color:#eadfc9;
}


/* TOTAL CARD */
.laira-order-total-card {
	display:flex;
	justify-content:flex-end;
	margin-bottom:20px;
	padding:18px 20px;
	background:#ffffff;
	border:1px solid #e7e1e5;
	border-radius:15px;
	box-shadow:0 5px 18px rgba(75,24,63,0.05);
}

.laira-order-total-list {
	width:100%;
	max-width:430px;
}

.laira-total-row {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding:9px 0;
	border-bottom:1px solid #eee8eb;
}

.laira-total-row:last-child {
	padding-bottom:0;
	border-bottom:0;
}

.laira-total-row span {
	color:#6f676c;
	font-size:13px;
}

.laira-total-row strong {
	color:#403a3e;
	font-size:13px;
	font-weight:600;
	text-align:right;
}

.laira-total-row:last-child span,
.laira-total-row:last-child strong {
	color:#a47b2c;
	font-size:16px;
	font-weight:700;
}


/* COMMENT */
.laira-order-comment-card {
	margin-bottom:20px;
}

.laira-order-comment {
	padding:13px 15px;
	background:#fcfafb;
	border:1px solid #eee8eb;
	border-radius:9px;
	color:#514a4e;
	font-size:13px;
	line-height:1.6;
}


/* ORDER TIMELINE */
.laira-order-history-section {
	margin-bottom:20px;
}

.laira-order-timeline {
	position:relative;
	padding:5px 0 5px 25px;
}

.laira-order-timeline:before {
	content:"";
	position:absolute;
	top:12px;
	bottom:12px;
	left:8px;
	width:1px;
	background:#ded5da;
}

.laira-timeline-item {
	position:relative;
	display:flex;
	gap:13px;
	padding:10px 0 17px;
}

.laira-timeline-item:last-child {
	padding-bottom:5px;
}

.laira-timeline-dot {
	position:absolute;
	left:-25px;
	top:10px;
	width:17px;
	height:17px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#5a1836;
	border:3px solid #ffffff;
	border-radius:50%;
	box-shadow:0 0 0 1px #d9cbd3;
	color:#ffffff;
	font-size:6px;
	z-index:2;
}

.laira-timeline-content {
	width:100%;
	padding:13px 15px;
	background:#ffffff;
	border:1px solid #e7e1e5;
	border-radius:10px;
	box-shadow:0 3px 10px rgba(75,24,63,0.035);
}

.laira-timeline-top {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:15px;
}

.laira-timeline-top strong {
	color:#4b183f;
	font-size:13px;
	font-weight:700;
}

.laira-timeline-top span {
	color:#8a8187;
	font-size:11px;
	white-space:nowrap;
}

.laira-timeline-comment {
	margin-top:6px;
	color:#696166;
	font-size:12px;
	line-height:1.5;
}

.laira-no-history {
	display:flex;
	align-items:center;
	gap:9px;
	padding:15px;
	background:#fcfafb;
	border:1px solid #eee8eb;
	border-radius:10px;
	color:#777078;
	font-size:12px;
}

.laira-no-history i {
	color:#b08a3e;
}


/* BOTTOM ACTIONS */
.laira-order-bottom-actions {
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin-top:5px;
}


/* =========================================================
   ORDER DETAILS - TABLET
   ========================================================= */

@media (max-width:991px) {

	.laira-order-product-card {
		grid-template-columns:minmax(0,1fr) 70px 105px;
		gap:14px;
	}

	.laira-order-product-main {
		grid-column:1 / -1;
	}

	.laira-order-product-actions {
		grid-column:1 / -1;
		justify-content:flex-start;
		padding-top:3px;
	}

}


/* =========================================================
   ORDER DETAILS - MOBILE
   ========================================================= */

@media (max-width:767px) {

	.laira-order-summary-card {
		flex-direction:column;
		align-items:stretch;
		gap:18px;
		padding:17px;
		border-radius:13px;
	}

	.laira-order-summary-main {
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:15px;
	}

	.laira-current-status {
		padding-top:14px;
		border-top:1px solid #eee8eb;
		text-align:left;
	}

	.laira-order-two-column {
		grid-template-columns:1fr;
		gap:14px;
	}

	.laira-card-heading {
		padding:15px;
	}

	.laira-card-content {
		padding:15px;
	}

	.laira-section-heading h2 {
		font-size:17px;
	}

	.laira-order-product-card {
		grid-template-columns:1fr 1fr;
		gap:14px;
		padding:15px;
		border-radius:12px;
	}

	.laira-order-product-main {
		grid-column:1 / -1;
	}

	.laira-order-product-qty {
		text-align:left;
	}

	.laira-order-product-price {
		text-align:right;
	}

	.laira-order-product-total {
		text-align:left;
	}

	.laira-order-product-actions {
		grid-column:1 / -1;
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:8px;
	}

	.laira-product-action-btn {
		width:100%;
		padding:8px 7px;
		font-size:10px;
	}

	.laira-order-total-card {
		padding:16px;
		border-radius:13px;
	}

	.laira-timeline-top {
		align-items:flex-start;
		flex-direction:column;
		gap:4px;
	}

	.laira-timeline-top span {
		white-space:normal;
	}

	.laira-order-bottom-actions .laira-back-account-btn {
		width:100%;
	}

}


/* =========================================================
   ORDER DETAILS - SMALL MOBILE
   ========================================================= */

@media (max-width:420px) {

	.laira-order-summary-main {
		grid-template-columns:1fr;
		gap:12px;
	}

	.laira-order-product-card {
		grid-template-columns:1fr 1fr;
	}

	.laira-order-product-actions {
		grid-template-columns:1fr;
	}

	.laira-order-product-main {
		grid-column:1 / -1;
	}

	.laira-method-row {
		flex-direction:column;
		gap:5px;
	}

	.laira-method-row strong {
		max-width:100%;
		text-align:left;
	}

}

 /* =========================================================
   LAIRA JEWELS - COMPACT ORDER DETAILS REDESIGN
   ========================================================= */

/* MAIN ORDER DETAIL WIDTH */
.laira-order-detail-page {
	max-width:1120px;
	margin:0 auto;
}


/* COMPACT SUMMARY */
.laira-order-summary-card {
	padding:16px 18px;
	margin-bottom:16px;
}

.laira-order-summary-main {
	gap:22px;
}

.laira-order-summary-item {
	min-width:110px;
}


/* INFORMATION CARDS */
.laira-order-two-column {
	gap:16px;
	margin-bottom:16px;
}

.laira-order-info-card {
	border-radius:13px;
}

.laira-card-heading {
	padding:14px 16px;
}

.laira-card-content {
	padding:15px 16px;
}


/* SECTION SPACING */
.laira-order-section {
	margin-bottom:16px;
}

.laira-section-heading {
	margin-bottom:10px;
}

.laira-section-heading h2 {
	font-size:18px;
}


/* =========================================================
   COMPACT PRODUCT GRID
   ========================================================= */

.laira-product-order-list {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
}


/* SINGLE PRODUCT CARD */
.laira-order-product-card {
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	grid-template-rows:auto auto auto;
	gap:10px 14px;
	align-items:center;
	padding:14px 15px;
	border-radius:12px;
	box-shadow:0 3px 12px rgba(75,24,63,0.035);
}


/* PRODUCT NAME AREA */
.laira-order-product-main {
	grid-column:1 / -1;
	display:flex;
	align-items:center;
	gap:10px;
	padding-bottom:9px;
	border-bottom:1px solid #eee8eb;
}

.laira-order-product-icon {
	flex:0 0 36px;
	width:36px;
	height:36px;
	border-radius:9px;
	font-size:13px;
}

.laira-order-product-name {
	margin-bottom:2px;
	font-size:13px;
	line-height:1.35;
}

.laira-order-product-model {
	margin-bottom:2px;
	font-size:10px;
}

.laira-order-product-options {
	font-size:10px;
}


/* PRODUCT INFORMATION
   QTY + PRICE + TOTAL IN ONE COMPACT AREA */
.laira-order-product-qty,
.laira-order-product-price,
.laira-order-product-total {
	display:flex;
	align-items:center;
	gap:5px;
	text-align:left;
	white-space:nowrap;
}

.laira-order-product-qty span,
.laira-order-product-price span,
.laira-order-product-total span {
	display:inline;
	margin:0;
	font-size:9px;
	letter-spacing:0.3px;
}

.laira-order-product-qty strong,
.laira-order-product-price strong,
.laira-order-product-total strong {
	font-size:12px;
}

.laira-order-product-total strong {
	font-size:13px;
}


/* Put product values together */
.laira-order-product-qty {
	grid-column:1;
	grid-row:2;
}

.laira-order-product-price {
	grid-column:1;
	grid-row:3;
}

.laira-order-product-total {
	grid-column:2;
	grid-row:2;
	justify-content:flex-end;
}


/* ACTION BUTTONS */
.laira-order-product-actions {
	grid-column:2;
	grid-row:3;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:5px;
	padding:0;
}

.laira-product-action-btn {
	min-height:30px;
	padding:6px 8px;
	border-radius:6px;
	font-size:10px;
}

.laira-product-action-btn i {
	font-size:9px;
}


/* =========================================================
   VOUCHER COMPACT
   ========================================================= */

.laira-voucher-card {
	background:#fffcf6;
}


/* =========================================================
   TOTALS
   ========================================================= */

.laira-order-total-card {
	padding:15px 18px;
	margin-bottom:16px;
}

.laira-order-total-list {
	max-width:380px;
}

.laira-total-row {
	padding:7px 0;
}

.laira-total-row span {
	font-size:12px;
}

.laira-total-row strong {
	font-size:12px;
}

.laira-total-row:last-child span,
.laira-total-row:last-child strong {
	font-size:15px;
}


/* =========================================================
   ORDER HISTORY - COMPACT
   ========================================================= */

.laira-order-history-section {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}

.laira-order-timeline {
	padding-left:21px;
}

.laira-timeline-content {
	padding:10px 13px;
}

.laira-timeline-item {
	padding-bottom:11px;
}

.laira-timeline-top strong {
	font-size:12px;
}

.laira-timeline-top span {
	font-size:10px;
}

.laira-timeline-comment {
	margin-top:4px;
	font-size:11px;
}


/* COMMENT */
.laira-order-comment-card {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}


/* BOTTOM BUTTON */
.laira-order-bottom-actions {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width:1200px) {

	.laira-order-detail-page {
		max-width:1080px;
	}

	.laira-product-order-list {
		grid-template-columns:1fr 1fr;
	}

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:991px) and (min-width:768px) {

	.laira-order-detail-page {
		max-width:900px;
	}

	.laira-product-order-list {
		grid-template-columns:1fr 1fr;
	}

	.laira-order-product-card {
		grid-template-columns:1fr auto;
	}

	.laira-order-product-main {
		grid-column:1 / -1;
	}

}


/* =========================================================
   MOBILE - ONE CLEAN PRODUCT BOX
   ========================================================= */

@media (max-width:767px) {

	.laira-order-detail-page {
		width:100%;
		max-width:none;
		margin:0;
	}


	/* SUMMARY */
	.laira-order-summary-card {
		padding:15px;
		margin-bottom:14px;
	}


	/* INFO */
	.laira-order-two-column {
		gap:12px;
		margin-bottom:14px;
	}


	/* ONE COLUMN PRODUCT LIST */
	.laira-product-order-list {
		display:flex;
		flex-direction:column;
		gap:10px;
	}


	/* ONE SINGLE PRODUCT CARD */
	.laira-order-product-card {
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-template-rows:auto auto auto;
		gap:9px 12px;
		width:100%;
		padding:13px;
		border-radius:11px;
	}


	/* PRODUCT */
	.laira-order-product-main {
		grid-column:1 / -1;
		grid-row:1;
		padding-bottom:8px;
	}


	.laira-order-product-icon {
		flex:0 0 34px;
		width:34px;
		height:34px;
	}


	.laira-order-product-name {
		font-size:13px;
	}


	/* QTY */
	.laira-order-product-qty {
		grid-column:1;
		grid-row:2;
		justify-content:flex-start;
	}


	/* PRICE */
	.laira-order-product-price {
		grid-column:2;
		grid-row:2;
		justify-content:flex-end;
	}


	/* TOTAL */
	.laira-order-product-total {
		grid-column:1;
		grid-row:3;
		justify-content:flex-start;
	}


	/* ACTIONS */
	.laira-order-product-actions {
		grid-column:2;
		grid-row:3;
		justify-content:flex-end;
	}


	.laira-product-action-btn {
		min-height:30px;
		padding:6px 8px;
		font-size:9px;
	}


	/* TOTALS */
	.laira-order-total-card {
		margin-bottom:14px;
		padding:14px;
	}


	/* HISTORY */
	.laira-order-history-section {
		max-width:none;
	}


	.laira-order-timeline {
		padding-left:20px;
	}


	.laira-timeline-content {
		padding:10px 12px;
	}


	/* COMMENT */
	.laira-order-comment-card,
	.laira-order-bottom-actions {
		max-width:none;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:420px) {

	.laira-order-product-card {
		padding:12px;
		gap:8px 10px;
	}


	.laira-order-product-name {
		font-size:12px;
	}


	.laira-order-product-qty span,
	.laira-order-product-price span,
	.laira-order-product-total span {
		font-size:8px;
	}


	.laira-order-product-qty strong,
	.laira-order-product-price strong {
		font-size:11px;
	}


	.laira-order-product-total strong {
		font-size:12px;
	}


	.laira-product-action-btn {
		min-height:29px;
		padding:5px 6px;
		font-size:8px;
	}


	.laira-product-action-btn span {
		display:inline;
	}

}

 /* =========================================================
   LAIRA JEWELS - EXTRA COMPACT DESKTOP ORDER PRODUCTS
   MOBILE UNCHANGED
   ========================================================= */

@media (min-width:768px) {

	/* Overall order page narrower */
	.laira-order-detail-page {
		max-width:960px;
		margin-left:auto;
		margin-right:auto;
	}


	/* Product section slightly narrower */
	.laira-order-detail-page .laira-order-section {
		max-width:960px;
		margin-left:auto;
		margin-right:auto;
	}


	/* Compact product list */
	.laira-compact-products {
		width:100%;
		max-width:960px;
		margin:0 auto;
		border:1px solid #e5dfe3;
		border-radius:10px;
		overflow:hidden;
		background:#ffffff;
	}


	/* Header */
	.laira-product-list-header {
		display:grid;
		grid-template-columns:minmax(0,1fr) 55px 90px 90px 125px;
		align-items:center;
		gap:10px;
		padding:7px 12px;
		background:#faf7f9;
		border-bottom:1px solid #e7e1e5;
		color:#81777e;
		font-size:9px;
		font-weight:700;
		text-transform:uppercase;
		letter-spacing:.35px;
	}


	/* Product row */
	.laira-compact-product-row {
		display:grid;
		grid-template-columns:minmax(0,1fr) 55px 90px 90px 125px;
		align-items:center;
		gap:10px;
		min-height:48px;
		padding:6px 12px;
		background:#ffffff;
		border-bottom:1px solid #eee9ec;
	}


	.laira-compact-product-row:last-child {
		border-bottom:0;
	}


	/* Product */
	.laira-compact-product-info {
		display:flex;
		align-items:center;
		gap:8px;
		min-width:0;
	}


	.laira-compact-product-icon {
		flex:0 0 28px;
		width:28px;
		height:28px;
		display:flex;
		align-items:center;
		justify-content:center;
		background:#f8f1f5;
		border:1px solid #eadce5;
		border-radius:7px;
		color:#b08a3e;
		font-size:11px;
	}


	.laira-compact-product-text {
		min-width:0;
		line-height:1.2;
	}


	.laira-compact-product-name {
		display:block;
		overflow:hidden;
		color:#3b1232 !important;
		font-size:11px;
		font-weight:600;
		line-height:1.25;
		text-decoration:none !important;
		text-overflow:ellipsis;
		white-space:nowrap;
	}


	.laira-compact-product-model {
		display:inline-block;
		margin-top:1px;
		color:#92898f;
		font-size:8px;
		line-height:1.1;
	}


	.laira-compact-product-options {
		display:flex;
		gap:6px;
		margin-top:1px;
		overflow:hidden;
		color:#81777e;
		font-size:8px;
		white-space:nowrap;
	}


	.laira-compact-product-options span {
		overflow:hidden;
		text-overflow:ellipsis;
	}


	/* Values */
	.laira-compact-product-value {
		text-align:center;
		line-height:1.1;
	}


	.laira-compact-product-value strong {
		color:#403a3e;
		font-size:10px;
		font-weight:600;
	}


	.laira-compact-total strong {
		color:#a47b2c;
		font-size:11px;
		font-weight:700;
	}


	/* Hide mobile labels on desktop */
	.laira-compact-product-row .mobile-label {
		display:none;
	}


	/* Actions */
	.laira-compact-product-actions {
		display:flex;
		align-items:center;
		justify-content:flex-end;
		gap:4px;
	}


	.laira-mini-action {
		display:inline-flex;
		align-items:center;
		justify-content:center;
		gap:4px;
		min-height:25px;
		padding:4px 7px;
		border-radius:5px;
		font-size:8px;
		font-weight:600;
		line-height:1;
		text-decoration:none !important;
		white-space:nowrap;
	}


	.laira-mini-action i {
		font-size:8px;
	}


	.laira-mini-buy {
		background:#5a1836;
		border:1px solid #5a1836;
		color:#ffffff !important;
	}


	.laira-mini-buy:hover {
		background:#421129;
		border-color:#421129;
		color:#ffffff !important;
	}


	.laira-mini-return {
		background:#ffffff;
		border:1px solid #d9cbd3;
		color:#5a1836 !important;
	}


	.laira-mini-return:hover {
		background:#f8f1f5;
		border-color:#b08a3e;
		color:#5a1836 !important;
	}


	/* Voucher */
	.laira-compact-voucher {
		background:#fffcf6;
	}


	/* Reduce heading gap */
	.laira-order-detail-page .laira-section-heading {
		margin-bottom:8px;
	}


	.laira-order-detail-page .laira-section-heading h2 {
		margin-bottom:2px;
		font-size:17px;
	}


	.laira-order-detail-page .laira-section-heading p {
		font-size:10px;
	}


	/* Reduce space after product section */
	.laira-order-detail-page .laira-order-section {
		margin-bottom:14px;
	}


	/* Keep totals compact */
	.laira-order-detail-page .laira-order-total-card {
		max-width:500px;
		margin-left:auto;
		padding:12px 15px;
	}


	/* Slightly smaller order summary */
	.laira-order-detail-page .laira-order-summary-card {
		max-width:960px;
		padding:13px 16px;
		margin-bottom:14px;
	}


	/* Smaller address cards */
	.laira-order-detail-page .laira-order-two-column {
		margin-bottom:14px;
	}


	.laira-order-detail-page .laira-card-heading {
		padding:11px 13px;
	}


	.laira-order-detail-page .laira-card-content {
		padding:11px 13px;
	}


	.laira-order-detail-page .laira-card-content address {
		margin-bottom:5px;
		font-size:11px;
		line-height:1.45;
	}

}


/* =========================================================
   MOBILE - KEEP CURRENT MOBILE DESIGN
   ========================================================= */

@media (max-width:767px) {

	.laira-order-detail-page {
		max-width:none;
	}

	.laira-compact-products {
		width:100%;
	}

}


/* =========================================================
   LAIRA JEWELS - CANCEL ORDER
   ========================================================= */

.laira-cancel-order-form {
	margin-top: 8px;
}

.laira-cancel-order-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-height: 30px;
	padding: 6px 11px;
	border: 1px solid #d8b9c5;
	border-radius: 6px;
	background: #fff7f9;
	color: #8a294c;
	font-size: 10px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: all .2s ease;
}

.laira-cancel-order-btn i {
	font-size: 10px;
}

.laira-cancel-order-btn:hover {
	background: #8a294c;
	border-color: #8a294c;
	color: #ffffff;
}

@media (max-width: 767px) {

	.laira-cancel-order-form {
		margin-top: 9px;
	}

	.laira-cancel-order-btn {
		width: 100%;
		min-height: 34px;
		padding: 7px 10px;
		font-size: 10px;
	}

}


/* =========================================================
LAIRA JEWELS - RETURN / REPLACEMENT FORM
========================================================= */

.laira-return-page {
width:100%;
max-width:1000px;
margin:0 auto;
}

.laira-return-heading {
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:20px;
margin-bottom:20px;
}

.laira-return-heading h1 {
margin:0 0 5px;
color:#3b1232;
font-size:24px;
font-weight:700;
}

.laira-return-heading p {
margin:0;
color:#81777e;
font-size:12px;
line-height:1.6;
}

.laira-page-eyebrow {
margin-bottom:5px;
color:#b08a3e;
font-size:9px;
font-weight:700;
letter-spacing:1.4px;
text-transform:uppercase;
}

.laira-return-card {
margin-bottom:16px;
}

.laira-return-card .laira-card-header h3 {
display:flex;
align-items:center;
gap:7px;
}

.laira-return-card .laira-card-header h3 i {
color:#b08a3e;
font-size:13px;
}

.laira-return-form-grid {
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:15px;
}

.laira-return-form .form-group {
margin-bottom:14px;
}

.laira-return-form label {
display:block;
margin-bottom:6px;
color:#51484e;
font-size:11px;
font-weight:600;
}

.laira-return-form .required label:after {
content:" *";
color:#a47b2c;
}

.laira-return-input,
.laira-return-textarea {
height:40px;
border:1px solid #e2dce0;
border-radius:7px;
background:#ffffff;
color:#403a3e;
font-size:12px;
box-shadow:none;
transition:border-color .2s ease, box-shadow .2s ease;
}

.laira-return-textarea {
height:auto;
min-height:115px;
padding:10px 12px;
resize:vertical;
line-height:1.5;
}

.laira-return-input:focus,
.laira-return-textarea:focus {
border-color:#b08a3e;
box-shadow:0 0 0 2px rgba(176,138,62,.08);
outline:none;
}

.laira-return-date .input-group-btn .btn {
height:40px;
border:1px solid #e2dce0;
border-left:0;
border-radius:0 7px 7px 0;
background:#faf7f9;
color:#b08a3e;
}

.laira-return-product-box {
padding:2px 0;
}

.laira-return-radio-group {
display:flex;
flex-wrap:wrap;
gap:10px;
}

.laira-return-radio {
display:inline-flex !important;
align-items:center;
gap:6px;
min-width:100px;
padding:8px 12px;
margin:0 !important;
border:1px solid #e2dce0;
border-radius:7px;
background:#fff;
cursor:pointer;
}

.laira-return-radio input {
margin:0;
accent-color:#5a1836;
}

.laira-return-radio span {
margin:0;
color:#51484e;
font-size:11px;
font-weight:500;
}

.laira-return-form .text-danger {
margin-top:5px;
font-size:10px;
}

.laira-return-actions {
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-top:20px;
padding-top:16px;
border-top:1px solid #ebe5e8;
}

.laira-return-back-btn,
.laira-return-submit-btn {
display:inline-flex;
align-items:center;
justify-content:center;
gap:6px;
min-height:38px;
padding:9px 17px;
border-radius:7px;
font-size:11px;
font-weight:600;
text-decoration:none !important;
transition:all .2s ease;
cursor:pointer;
}

.laira-return-back-btn {
border:1px solid #ddd2d8;
background:#ffffff;
color:#5a1836 !important;
}

.laira-return-back-btn:hover {
border-color:#b08a3e;
background:#faf7f9;
color:#5a1836 !important;
}

.laira-return-submit-btn {
border:1px solid #5a1836;
background:#5a1836;
color:#ffffff;
}

.laira-return-submit-btn:hover {
border-color:#421129;
background:#421129;
color:#ffffff;
}

@media (max-width:767px) {

.laira-return-page {
	max-width:none;
}

.laira-return-heading {
	display:block;
}

.laira-return-heading h1 {
	font-size:20px;
}

.laira-return-heading p {
	font-size:11px;
}

.laira-return-heading .laira-back-account-btn {
	display:inline-flex;
	margin-top:12px;
}

.laira-return-form-grid {
	grid-template-columns:1fr;
	gap:0;
}

.laira-return-card {
	margin-bottom:12px;
}

.laira-return-card .laira-card-header {
	padding:11px 13px;
}

.laira-return-card .laira-card-content {
	padding:11px 13px;
}

.laira-return-form {
	width:100%;
}

.laira-return-input {
	height:40px;
	font-size:12px;
}

.laira-return-textarea {
	min-height:100px;
}

.laira-return-actions {
	flex-direction:column-reverse;
	align-items:stretch;
}

.laira-return-back-btn,
.laira-return-submit-btn {
	width:100%;
	min-height:40px;
}

}