/**
 * Amazon UAE Order Importer Frontend Styles
 * Colors: Amazon Navy (#0f172a, #131921), Amazon Orange/Gold (#ff9900, #f59e0b)
 */

div.amazon-order-wrapper {
	max-width: 1080px;
	margin: 25px auto 90px auto;
	padding: 0 16px;
	font-family: inherit;
	direction: rtl;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

div.amazon-order-wrapper * {
	box-sizing: border-box;
}

/* Header */
.amazon-order-header {
	text-align: center;
	margin-bottom: 25px;
}

.amazon-brand-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #131921;
	color: #ffffff;
	padding: 5px 14px;
	border-radius: 20px;
	font-size: 12.5px;
	font-weight: 700;
	margin-bottom: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.amazon-brand-badge .amazon-logo-text {
	color: #ff9900;
	font-weight: 900;
	letter-spacing: 0.5px;
}

.amazon-order-header h2 {
	font-size: clamp(20px, 4vw, 26px) !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	margin: 0 0 8px 0 !important;
}

.amazon-order-desc {
	font-size: clamp(13px, 2.5vw, 14.5px);
	color: #64748b;
	margin: 0;
	line-height: 1.6;
}

/* Input Card */
.amazon-input-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	padding: clamp(16px, 3.5vw, 24px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04);
	margin-bottom: 25px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.amazon-input-card:focus-within {
	border-color: #ff9900;
	box-shadow: 0 10px 35px rgba(255, 153, 0, 0.12);
}

.amazon-inputs-container {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 16px;
}

.amazon-input-row {
	display: flex;
	align-items: center;
	background: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 14px;
	padding: 2px 12px;
	transition: border-color 0.15s ease, background 0.15s ease;
}

.amazon-input-row:focus-within {
	border-color: #ff9900;
	background: #ffffff;
	box-shadow: 0 0 0 3px rgba(255, 153, 0, 0.12);
}

.amazon-input-icon {
	display: flex;
	align-items: center;
	color: #94a3b8;
	margin-left: 8px;
	flex-shrink: 0;
}

.amazon-url-input {
	flex: 1;
	border: none !important;
	background: transparent !important;
	padding: 12px 0 !important;
	font-size: 13.5px !important;
	color: #1e293b !important;
	outline: none !important;
	box-shadow: none !important;
	direction: ltr !important;
	text-align: right !important;
	min-width: 0;
}

.amazon-url-input::placeholder {
	color: #94a3b8;
	direction: rtl;
	text-align: right;
}

/* Clipboard Auto-Paste Button */
.amazon-paste-btn {
	background: #f1f5f9 !important;
	color: #0284c7 !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 8px !important;
	padding: 6px 12px !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	flex-shrink: 0;
	transition: all 0.15s ease !important;
	box-shadow: none !important;
}

.amazon-paste-btn:hover {
	background: #e0f2fe !important;
	border-color: #bae6fd !important;
	color: #0369a1 !important;
	transform: translateY(-1px);
}

.amazon-paste-btn svg {
	stroke: currentColor;
}

/* Remove button with clean transparent background & hide on first/only row */
.amazon-remove-row-btn {
	background: transparent !important;
	color: #94a3b8 !important;
	border: none !important;
	width: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 4px !important;
	box-shadow: none !important;
	flex-shrink: 0;
	transition: color 0.15s ease, transform 0.15s ease !important;
}

.amazon-inputs-container .amazon-input-row:first-child .amazon-remove-row-btn,
.amazon-inputs-container .amazon-input-row:only-child .amazon-remove-row-btn {
	display: none !important;
}

.amazon-remove-row-btn:hover {
	background: transparent !important;
	color: #ef4444 !important;
	transform: scale(1.15) !important;
}

/* Actions Row */
.amazon-form-actions-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.amazon-add-row-btn {
	background: transparent !important;
	color: #0284c7 !important;
	border: 1.5px dashed #0284c7 !important;
	border-radius: 12px !important;
	padding: 10px 18px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	transition: all 0.2s ease;
}

.amazon-add-row-btn:hover {
	background: rgba(2, 132, 199, 0.06) !important;
}

.amazon-submit-btn {
	background: linear-gradient(135deg, #ff9900 0%, #e67a00 100%) !important;
	color: #ffffff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	border: none !important;
	border-radius: 12px !important;
	padding: 12px 28px !important;
	font-size: 14.5px !important;
	font-weight: 800 !important;
	cursor: pointer;
	box-shadow: 0 4px 15px rgba(255, 153, 0, 0.35) !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
}

.amazon-submit-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 20px rgba(255, 153, 0, 0.45) !important;
}

.amazon-submit-btn:active {
	transform: translateY(1px);
}

.btn-spinner {
	width: 18px;
	height: 18px;
	border: 2.5px solid rgba(255, 255, 255, 0.3);
	border-top-color: #ffffff;
	border-radius: 50%;
	animation: amazon-spin 0.6s linear infinite;
}

@keyframes amazon-spin {
	to { transform: rotate(360deg); }
}

/* Alert */
.amazon-alert {
	padding: 12px 16px;
	border-radius: 10px;
	margin-top: 15px;
	font-size: 13.5px;
	line-height: 1.5;
}

.amazon-alert-danger {
	background: #fef2f2;
	border: 1px solid #fecaca;
	color: #b91c1c;
}

.amazon-alert-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.amazon-alert-text {
	flex: 1;
	font-weight: 500;
}

.amazon-retry-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #b91c1c !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 6px 14px !important;
	font-size: 12.5px !important;
	font-weight: 700 !important;
	cursor: pointer;
	transition: all 0.2s ease;
	text-decoration: none !important;
	box-shadow: 0 2px 6px rgba(185, 28, 28, 0.25) !important;
	flex-shrink: 0;
}

.amazon-retry-btn:hover {
	background: #991b1b !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(185, 28, 28, 0.35) !important;
}

.amazon-retry-btn svg {
	width: 14px;
	height: 14px;
	transition: transform 0.3s ease;
}

.amazon-retry-btn:hover svg {
	transform: rotate(-45deg);
}

/* Trust & Guarantee Badges Row */
.amazon-trust-badges-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
	margin-top: 18px;
	margin-bottom: 24px;
}

.amazon-trust-badge-item {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 12px 14px;
	display: flex;
	align-items: center;
	gap: 12px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 2px 6px rgba(0,0,0,0.02);
}

.amazon-trust-badge-item:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.05);
	border-color: #cbd5e1;
}

.trust-icon-box {
	font-size: 22px;
	line-height: 1;
	flex-shrink: 0;
	background: #f8fafc;
	width: 44px;
	height: 44px;
	border-radius: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #f1f5f9;
	position: relative;
	overflow: hidden;
}

.trust-icon-box svg {
	width: 28px;
	height: 28px;
	display: block;
	transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

.amazon-trust-badge-item:hover .trust-icon-box svg {
	transform: scale(1.1);
}

.trust-text {
	display: flex;
	flex-direction: column;
	text-align: right;
	gap: 2px;
}

.trust-text strong {
	font-size: 13px;
	font-weight: 800;
	color: #0f172a;
}

.trust-text span {
	font-size: 11px;
	color: #64748b;
}

@media (max-width: 768px) {
	.amazon-trust-badges-row {
		grid-template-columns: 1fr;
		gap: 8px;
	}
}

/* Multi-Seller & Condition Selector Styles */
.amazon-seller-info-row {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 6px;
	margin-bottom: 8px;
	font-size: 12.5px;
	color: #475569;
	flex-wrap: wrap;
}

.amazon-seller-badge {
	background: #f1f5f9;
	color: #0f172a;
	padding: 2px 8px;
	border-radius: 6px;
	font-weight: 700;
	border: 1px solid #e2e8f0;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.amazon-seller-badge.amazon-official {
	background: #fef3c7;
	color: #92400e;
	border-color: #fde68a;
}

.amazon-condition-tag {
	padding: 2px 8px;
	border-radius: 6px;
	font-size: 11.5px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.amazon-condition-tag.tag-new {
	background: #dcfce7;
	color: #166534;
	border: 1px solid #bbf7d0;
}

.amazon-condition-tag.tag-used {
	background: #ffedd5;
	color: #9a3412;
	border: 1px solid #fed7aa;
}

.amazon-condition-tag.tag-renewed {
	background: #e0f2fe;
	color: #0369a1;
	border: 1px solid #bae6fd;
}

.amazon-offers-toggle-btn {
	background: transparent !important;
	border: 1px solid #cbd5e1 !important;
	color: #0284c7 !important;
	border-radius: 8px !important;
	padding: 4px 10px !important;
	font-size: 11.5px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-top: 4px;
	box-shadow: none !important;
	transition: all 0.15s ease !important;
}

.amazon-offers-toggle-btn:hover {
	background: #f0f9ff !important;
	border-color: #0284c7 !important;
}

.amazon-offers-dropdown {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 10px;
	margin-top: 8px;
	margin-bottom: 8px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.amazon-offer-item {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 8px 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	transition: all 0.15s ease;
}

.amazon-offer-item:hover {
	border-color: #ff9900;
	background: #fffbeb;
}

.amazon-offer-item.active-offer {
	border-color: #ff9900;
	background: #fff7ed;
	box-shadow: 0 0 0 1px #ff9900;
}

.amazon-offer-seller {
	font-size: 12.5px;
	font-weight: 700;
	color: #1e293b;
	display: flex;
	align-items: center;
	gap: 6px;
}

.amazon-offer-price {
	font-size: 13px;
	font-weight: 800;
	color: #0f172a;
	direction: ltr;
}

.amazon-offer-price-col {
	display: flex;
	align-items: center;
	gap: 6px;
	direction: ltr;
}

.amazon-offer-price-val {
	font-size: 13px;
	font-weight: 800;
	color: #0f172a;
}

.amazon-offer-discount-pill {
	background: #fee2e2;
	color: #dc2626;
	border-radius: 4px;
	padding: 1px 5px;
	font-size: 10.5px;
	font-weight: 800;
}

.amazon-offer-strike {
	color: #94a3b8;
	font-size: 11px;
	font-weight: 500;
	text-decoration: line-through;
}

.amazon-strike-aed {
	color: #94a3b8;
	font-size: 11.5px;
	font-weight: 500;
	margin-right: 6px;
	text-decoration: line-through;
}

.amazon-strike-toman {
	color: #94a3b8;
	font-size: 12px;
	font-weight: 500;
	margin-right: 6px;
	text-decoration: line-through;
}

.amazon-discount-badge {
	background: #fee2e2;
	color: #dc2626;
	border: 1px solid #fecaca;
	border-radius: 6px;
	padding: 2px 6px;
	font-size: 11px;
	font-weight: 800;
	margin-right: 4px;
	display: inline-flex;
	align-items: center;
}

/* Product Variations & Combinations Styles */
.amazon-variations-box {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 10px 12px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.amazon-variations-header {
	font-size: 12px;
	font-weight: 700;
	color: #334155;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.amazon-variations-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.amazon-variation-item {
	background: #ffffff;
	border: 1.5px solid #e2e8f0;
	border-radius: 8px;
	padding: 4px 8px;
	font-size: 11.5px;
	font-weight: 700;
	color: #1e293b;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.15s ease;
	text-decoration: none;
}

.amazon-variation-item:hover {
	border-color: #ff9900;
	background: #fffbeb;
	color: #d97706;
	transform: translateY(-1px);
}

.amazon-variation-img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #f1f5f9;
}

/* Multi-Dimensional Matrix & Swatches Styles (v3.8.0) */
.amazon-matrix-box {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 12px 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	direction: rtl;
}

.amazon-matrix-dim-row {
	margin-bottom: 12px;
}

.amazon-matrix-dim-row:last-child {
	margin-bottom: 0;
}

.amazon-matrix-dim-title {
	font-size: 12.5px;
	font-weight: 700;
	color: #334155;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.amazon-matrix-active-val {
	color: #0284c7;
	font-weight: 800;
	margin-right: 4px;
}

.amazon-matrix-options-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

/* Image Swatches (Color) */
.amazon-matrix-swatch-item {
	position: relative;
	background: #ffffff;
	border: 2px solid #cbd5e1;
	border-radius: 10px;
	padding: 2px;
	cursor: pointer;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	overflow: visible;
	user-select: none;
	outline: none;
}

.amazon-matrix-swatch-item img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 7px;
	background: #ffffff;
	transition: transform 0.2s ease;
}

.amazon-matrix-swatch-item:hover {
	border-color: #f59e0b;
	transform: translateY(-2px);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}

.amazon-matrix-swatch-item:hover img {
	transform: scale(1.05);
}

.amazon-matrix-swatch-item.is-selected {
	border-color: #0284c7;
	box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.25);
	background: #f0f9ff;
}

.amazon-matrix-swatch-item.is-selected::after {
	content: "✓";
	position: absolute;
	top: -4px;
	right: -4px;
	background: #0284c7;
	color: #ffffff;
	font-size: 9px;
	font-weight: 900;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
	border: 1.5px solid #ffffff;
	box-shadow: 0 2px 6px rgba(2, 132, 199, 0.4);
	z-index: 3;
	animation: amazonBadgePop 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.amazon-matrix-swatch-item.is-unavailable {
	border: 2px dashed #cbd5e1;
	opacity: 0.45;
	filter: grayscale(80%);
	cursor: pointer;
}

.amazon-matrix-swatch-item.is-unavailable:hover {
	opacity: 0.75;
	border-color: #94a3b8;
}

/* Text / Size Pills (Option 1: Squircle with Corner Checkmark) */
.amazon-matrix-box .amazon-matrix-pill-item,
.amazon-matrix-pill-item,
button.amazon-matrix-pill-item {
	position: relative;
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 10px !important;
	padding: 6px 14px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	color: #1e293b !important;
	cursor: pointer !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 48px !important;
	min-height: 36px !important;
	text-align: center !important;
	user-select: none !important;
	outline: none !important;
	overflow: visible !important;
	box-shadow: none !important;
	text-transform: none !important;
	text-decoration: none !important;
	letter-spacing: normal !important;
	box-sizing: border-box !important;
}

.amazon-matrix-box .amazon-matrix-pill-item:hover:not(.is-selected):not(.is-unavailable),
.amazon-matrix-pill-item:hover:not(.is-selected):not(.is-unavailable),
button.amazon-matrix-pill-item:hover:not(.is-selected):not(.is-unavailable) {
	border-color: #f59e0b !important;
	background: #fffbeb !important;
	color: #b45309 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 10px rgba(245, 158, 11, 0.15) !important;
}

.amazon-matrix-box .amazon-matrix-pill-item.is-selected,
.amazon-matrix-pill-item.is-selected,
button.amazon-matrix-pill-item.is-selected {
	background: #0f172a !important;
	color: #ffffff !important;
	border-color: #0284c7 !important;
	border-radius: 10px !important;
	box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.25), 0 2px 8px rgba(15, 23, 42, 0.2) !important;
	transform: translateY(-1px) !important;
}

.amazon-matrix-box .amazon-matrix-pill-item.is-selected::after,
.amazon-matrix-pill-item.is-selected::after,
button.amazon-matrix-pill-item.is-selected::after {
	content: "✓" !important;
	position: absolute !important;
	top: -5px !important;
	right: -5px !important;
	background: #0284c7 !important;
	color: #ffffff !important;
	font-size: 9px !important;
	font-weight: 900 !important;
	width: 16px !important;
	height: 16px !important;
	line-height: 16px !important;
	text-align: center !important;
	border-radius: 50% !important;
	border: 1.5px solid #ffffff !important;
	box-shadow: 0 2px 6px rgba(2, 132, 199, 0.4) !important;
	z-index: 3 !important;
	animation: amazonBadgePop 0.22s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.amazon-matrix-box .amazon-matrix-pill-item.is-unavailable,
.amazon-matrix-pill-item.is-unavailable,
button.amazon-matrix-pill-item.is-unavailable {
	border-style: dashed !important;
	border-color: #cbd5e1 !important;
	color: #94a3b8 !important;
	background: #f8fafc !important;
	border-radius: 10px !important;
	opacity: 0.65 !important;
}

.amazon-matrix-box .amazon-matrix-pill-item.is-unavailable::before,
.amazon-matrix-pill-item.is-unavailable::before,
button.amazon-matrix-pill-item.is-unavailable::before {
	content: "" !important;
	position: absolute !important;
	top: 50% !important;
	left: 8px !important;
	right: 8px !important;
	height: 1.5px !important;
	background: rgba(148, 163, 184, 0.6) !important;
	transform: rotate(-15deg) !important;
	pointer-events: none !important;
}

.amazon-matrix-box .amazon-matrix-pill-item.is-unavailable:hover,
.amazon-matrix-pill-item.is-unavailable:hover,
button.amazon-matrix-pill-item.is-unavailable:hover {
	border-color: #94a3b8 !important;
	background: #f1f5f9 !important;
	color: #64748b !important;
}

@keyframes amazonBadgePop {
	0% { transform: scale(0); opacity: 0; }
	70% { transform: scale(1.2); opacity: 1; }
	100% { transform: scale(1); opacity: 1; }
}

/* Mobile Responsiveness */
@media (max-width: 640px) {
	.amazon-matrix-box {
		padding: 10px !important;
	}
	.amazon-matrix-swatch-item {
		width: 42px !important;
		height: 42px !important;
		border-radius: 8px !important;
	}
	.amazon-matrix-swatch-item img {
		border-radius: 6px !important;
	}
	.amazon-matrix-box .amazon-matrix-pill-item,
	.amazon-matrix-pill-item,
	button.amazon-matrix-pill-item {
		padding: 5px 10px !important;
		font-size: 12px !important;
		min-width: 42px !important;
		min-height: 32px !important;
		border-radius: 8px !important;
	}
	.amazon-matrix-swatch-item.is-selected::after,
	.amazon-matrix-box .amazon-matrix-pill-item.is-selected::after,
	.amazon-matrix-pill-item.is-selected::after,
	button.amazon-matrix-pill-item.is-selected::after {
		width: 14px !important;
		height: 14px !important;
		line-height: 14px !important;
		font-size: 8px !important;
		top: -3px !important;
		right: -3px !important;
	}
}

/* Frequently Bought Together / Combos */
.amazon-combos-box {
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 12px;
	padding: 10px 14px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.amazon-combos-header {
	font-size: 12.5px;
	font-weight: 800;
	color: #166534;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.amazon-combos-list {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.amazon-combo-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #ffffff;
	border: 1px solid #dcfce7;
	border-radius: 8px;
	padding: 6px 10px;
	font-size: 12px;
	color: #14532d;
}

.amazon-combo-inquire-btn {
	background: #16a34a !important;
	color: #fff !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 4px 8px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

.amazon-combo-inquire-btn:hover {
	background: #15803d !important;
}

/* Skeleton Card */
.amazon-skeleton-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	padding: 20px;
	display: flex;
	gap: 20px;
	margin-bottom: 25px;
	animation: amazon-shimmer 1.5s infinite;
}

.skeleton-img {
	width: 140px;
	height: 140px;
	background: #e2e8f0;
	border-radius: 14px;
	flex-shrink: 0;
}

.skeleton-details {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: center;
}

.skeleton-line {
	background: #e2e8f0;
	border-radius: 6px;
	height: 16px;
}

.line-title { width: 85%; height: 22px; }
.line-sku { width: 40%; }
.line-price { width: 60%; }
.line-btn { width: 35%; height: 38px; border-radius: 10px; margin-top: 6px; }

@keyframes amazon-shimmer {
	0% { opacity: 0.6; }
	50% { opacity: 1; }
	100% { opacity: 0.6; }
}

/* Product Card */
.amazon-products-list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 25px;
}

.amazon-product-card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 20px;
	padding: 22px;
	box-shadow: 0 6px 25px rgba(0, 0, 0, 0.03);
	position: relative;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.amazon-product-card:hover {
	border-color: #cbd5e1;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
}

.amazon-card-body {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

/* 1. Top Section: Media & Product Header */
.amazon-card-top {
	display: flex;
	gap: 24px;
	align-items: flex-start;
	width: 100%;
}

.amazon-card-media {
	width: 175px;
	height: 175px;
	flex-shrink: 0;
	background: #ffffff;
	border: 1.5px solid #e2e8f0;
	border-radius: 16px;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03);
	transition: transform 0.2s ease, border-color 0.2s ease;
}

.amazon-card-media:hover {
	border-color: #cbd5e1;
	transform: scale(1.02);
}

.amazon-card-media img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.amazon-card-header-info,
.amazon-card-info {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.amazon-sku-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 8px;
	flex-wrap: wrap;
}

.amazon-asin-tag {
	font-size: 12px;
	color: #64748b;
	background: #f1f5f9;
	padding: 4px 10px;
	border-radius: 6px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.amazon-code-en,
.amazon-asin-tag span,
.amazon-asin-val {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
	font-feature-settings: "ss01" 0, "ss02" 0, "ss03" 0, "ss04" 0, "cv01" 0, "cv02" 0, "numr" 0, "tnum" 0 !important;
	font-variant-numeric: normal !important;
	direction: ltr !important;
	unicode-bidi: isolate !important;
	color: #0f172a !important;
	font-weight: 800 !important;
	letter-spacing: 0.5px !important;
	display: inline-block !important;
}

.amazon-choice-badge {
	background: #0f1111;
	color: #fff;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	letter-spacing: 0.3px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.15);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.amazon-choice-badge .ac-brand {
	color: #ffffff;
}

.amazon-choice-badge .ac-choice {
	color: #ff9900;
}

.amazon-bestseller-badge {
	background: #c45500;
	color: #fff;
	padding: 3px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.amazon-origin-link {
	font-size: 12px;
	color: #0284c7;
	text-decoration: none;
	font-weight: 700;
	transition: color 0.15s ease;
}

.amazon-origin-link:hover {
	color: #0369a1;
	text-decoration: underline;
}

.amazon-item-title {
	font-size: 15.5px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	margin: 0 0 14px 0 !important;
	line-height: 1.5 !important;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Price Box */
.amazon-price-box {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 14px 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 16px;
}

.amazon-price-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
	color: #475569;
}

.amazon-price-item .price-label {
	color: #64748b;
}

.amazon-price-item .price-val {
	font-weight: 700;
	color: #0f172a;
}

.amazon-price-item .aed-price {
	color: #d97706;
}

.amazon-price-item.main-price {
	font-size: 15px;
}

.amazon-price-item.main-price .toman-price {
	color: #16a34a;
	font-size: 17px;
	font-weight: 900;
}

/* Perfect Centered Quantity Controls */
.amazon-qty-controls {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #ffffff !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 10px !important;
	overflow: hidden !important;
	height: 32px !important;
	width: 96px !important;
	direction: ltr !important;
	padding: 0 !important;
	margin: 0 !important;
}

.amazon-qty-controls .btn-qty {
	background: #f8fafc !important;
	border: none !important;
	color: #0f172a !important;
	width: 30px !important;
	height: 100% !important;
	cursor: pointer !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
	box-shadow: none !important;
	transition: background 0.15s ease !important;
}

.amazon-qty-controls .btn-qty:hover {
	background: #e2e8f0 !important;
}

.amazon-qty-controls .amazon-qty-input {
	width: 36px !important;
	height: 100% !important;
	border: none !important;
	text-align: center !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	color: #0f172a !important;
	padding: 0 !important;
	margin: 0 !important;
	background: #ffffff !important;
	line-height: 32px !important;
	display: block !important;
	box-shadow: none !important;
	outline: none !important;
	-moz-appearance: textfield !important;
}

.amazon-qty-controls .amazon-qty-input::-webkit-outer-spin-button,
.amazon-qty-controls .amazon-qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

/* Actions in card */
.amazon-actions-area {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.btn-add-cart,
.amazon-btn-add-cart {
	background: linear-gradient(135deg, #ff9900 0%, #e67a00 100%) !important;
	color: #111827 !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 12px 24px !important;
	font-size: 14.5px !important;
	font-weight: 800 !important;
	cursor: pointer;
	box-shadow: 0 4px 14px rgba(255, 153, 0, 0.35) !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex: 1;
	min-width: 160px;
}

.btn-add-cart:hover,
.amazon-btn-add-cart:hover {
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(255, 153, 0, 0.45) !important;
}

.btn-add-cart:disabled,
.amazon-btn-add-cart:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.btn-view-shop {
	background: #f1f5f9 !important;
	color: #0f172a !important;
	border: 1.5px solid #cbd5e1 !important;
	border-radius: 12px !important;
	padding: 12px 20px !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	transition: background 0.15s ease;
}

.btn-view-shop:hover {
	background: #e2e8f0 !important;
}

/* Batch Summary */
.amazon-batch-summary {
	background: #131921;
	color: #ffffff;
	border-radius: 20px;
	padding: 20px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	box-shadow: 0 10px 35px rgba(19, 25, 33, 0.35);
	margin-bottom: 25px;
	flex-wrap: wrap;
}

.summary-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.summary-item.item-count {
	font-size: 13px;
	color: #94a3b8;
}

.summary-item.total-price {
	font-size: 15px;
	color: #e2e8f0;
	font-weight: 700;
}

.summary-item.total-price strong {
	color: #ff9900;
	font-size: 20px;
	font-weight: 900;
	margin-right: 4px;
}

.summary-actions {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.btn-add-all-cart {
	background: linear-gradient(135deg, #ff9900 0%, #e67a00 100%) !important;
	color: #111827 !important;
	border: none !important;
	border-radius: 12px !important;
	padding: 12px 24px !important;
	font-size: 14.5px !important;
	font-weight: 800 !important;
	cursor: pointer;
	box-shadow: 0 4px 15px rgba(255, 153, 0, 0.4) !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.btn-share-link {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #ffffff !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 12px !important;
	padding: 10px 16px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	transition: background 0.15s ease;
}

.btn-share-link:hover {
	background: rgba(255, 255, 255, 0.2) !important;
}

/* Toast */
.amazon-toast-notify {
	position: fixed;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	background: #0f172a;
	color: #ffffff;
	padding: 12px 24px;
	border-radius: 30px;
	font-size: 13.5px;
	font-weight: 700;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
	z-index: 9999999;
	direction: rtl;
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid rgba(255, 153, 0, 0.4);
}

/* Recent Inquiries Section */
.amazon-recent-section {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	padding: 16px 18px;
	margin-bottom: 25px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.amazon-recent-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid #f1f5f9;
}

.amazon-recent-title {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13.5px;
	font-weight: 700;
	color: #334155;
}

.amazon-recent-title svg {
	stroke: #ff9900;
}

.amazon-clear-history-btn {
	background: transparent !important;
	border: none !important;
	color: #94a3b8 !important;
	font-size: 11.5px !important;
	cursor: pointer;
	padding: 0 !important;
	transition: color 0.15s ease;
}

.amazon-clear-history-btn:hover {
	color: #ef4444 !important;
}

.amazon-recent-grid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 10px;
}

@media (max-width: 1024px) {
	.amazon-recent-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 540px) {
	.amazon-recent-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.amazon-recent-card {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	cursor: pointer;
	transition: all 0.18s ease;
	position: relative;
	overflow: hidden;
}

.amazon-recent-card:hover {
	background: #ffffff;
	border-color: #ff9900;
	transform: translateY(-2px);
	box-shadow: 0 6px 16px rgba(255, 153, 0, 0.15);
}

.recent-media-wrap {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border-radius: 8px;
	margin-bottom: 6px;
	overflow: hidden;
	border: 1px solid #f1f5f9;
}

.recent-thumb {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.recent-fallback-box, .amazon-img-fallback-box {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f1f5f9;
	color: #64748b;
	font-size: 11px;
	font-weight: 700;
	border-radius: 8px;
	text-align: center;
	padding: 4px;
	direction: ltr;
}

.recent-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.recent-asin-code {
	font-size: 10.5px;
	font-weight: 700;
	color: #ff9900;
	direction: ltr;
}

.recent-title {
	font-size: 11px;
	color: #1e293b;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.recent-price {
	font-size: 11.5px;
	font-weight: 800;
	color: #0f172a;
}

/* Fallback box in main card */
.amazon-card-media .amazon-img-fallback-box {
	width: 100%;
	height: 100%;
	font-size: 14px;
	background: #f8fafc;
	border: 1.5px dashed #cbd5e1;
}

/* Nature Tier Badge in Product Card */
.amazon-tier-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	margin: 6px 0 10px 0;
	line-height: 1.4;
	direction: rtl;
	width: fit-content;
}

.amazon-tier-badge .tier-icon {
	font-size: 14px;
}

.amazon-tier-badge .tier-title {
	font-size: 12px;
}

/* Raw Thumbnail & WooCommerce Cart / Checkout Integration */
img.amazon-raw-thumb {
	max-width: 100% !important;
	max-height: 100% !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
}

/* Ensure Moblak UX thumbnail box styling in cart table */
.woocommerce-cart-form td.product-thumbnail img.amazon-raw-thumb {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 4px !important;
	box-sizing: border-box !important;
	width: 85px !important;
	height: 85px !important;
	object-fit: contain !important;
	display: block !important;
	margin: 0 auto !important;
}

.woocommerce-cart-form td.product-thumbnail a {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 4px !important;
	box-sizing: border-box !important;
	width: 85px !important;
	height: 85px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	overflow: hidden !important;
}

.amazon-checkout-item-title {
	font-size: 13.5px;
	font-weight: 600;
	color: #1e293b;
	display: inline-block;
}

/* WooCommerce Checkout Clean View - ONLY image and quantity stepper (Hides all bloated titles/badges/meta in Woodmart/Moblak UX review grid) */
.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name,
.woocommerce-checkout .woocommerce-checkout-review-order-table .wd-entities-title,
.woocommerce-checkout .woocommerce-checkout-review-order-table .wd-checkout-prod-title,
.woocommerce-checkout .woocommerce-checkout-review-order-table .amazon-cart-item-title-wrapper,
.woocommerce-checkout .woocommerce-checkout-review-order-table .amazon-cart-item-badge,
.woocommerce-checkout .woocommerce-checkout-review-order-table .amazon-origin-link,
.woocommerce-checkout .woocommerce-checkout-review-order-table .amazon-cart-item-asin,
.woocommerce-checkout .woocommerce-checkout-review-order-table .wd-product-sku,
.woocommerce-checkout .woocommerce-checkout-review-order-table .variation,
.woocommerce-checkout .cart_item .amazon-cart-item-title-wrapper,
.woocommerce-checkout .cart_item .amazon-checkout-item-title {
	display: none !important;
}

/* Mini-Cart / Side Cart SKU suppression & clean alignment */
.cart-widget-side .wd-product-sku,
.widget_shopping_cart .wd-product-sku,
.woocommerce-mini-cart .wd-product-sku,
.cart-drawer .wd-product-sku,
.cart-widget-side .mini_cart_item:has([class*="amazon"]) .wd-sku,
.cart-widget-side .mini_cart_item:has([class*="amazon"]) .wd-delivery-time,
.cart-drawer .mini_cart_item:has([class*="amazon"]) .wd-sku,
.cart-drawer .mini_cart_item:has([class*="amazon"]) .wd-delivery-time,
.widget_shopping_cart .mini_cart_item:has([class*="amazon"]) .wd-sku,
.widget_shopping_cart .mini_cart_item:has([class*="amazon"]) .wd-delivery-time,
.woocommerce-mini-cart .mini_cart_item:has([class*="amazon"]) .wd-sku,
.woocommerce-mini-cart .mini_cart_item:has([class*="amazon"]) .wd-delivery-time,
.woocommerce-cart .woocommerce-cart-form__cart-item:has([class*="amazon"]) > td.product-name > .wd-sku,
.woocommerce-cart .woocommerce-cart-form__cart-item:has([class*="amazon"]) > td.product-name > .wd-delivery-time,
.woocommerce-cart .cart_item:has([class*="amazon"]) .product-name > .wd-sku,
.woocommerce-cart .cart_item:has([class*="amazon"]) .product-name > .wd-delivery-time {
	display: none !important;
}

/* Clean tabular display for Amazon formatted metadata (ASIN, AED price, delivery) */
.moblak-cart-item-data,
.woocommerce-cart-form ul.variation,
.cart-drawer ul.variation,
.cart-widget-side ul.variation,
.woocommerce-mini-cart ul.variation {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	margin: 6px 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.moblak-cart-item-data li,
.woocommerce-cart-form ul.variation li,
.cart-drawer ul.variation li,
.cart-widget-side ul.variation li,
.woocommerce-mini-cart ul.variation li {
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 11.5px !important;
	line-height: 1.4 !important;
	color: #64748b !important;
}

.moblak-item-data-label,
.item-variation-name {
	font-weight: 600 !important;
	color: #64748b !important;
	white-space: nowrap !important;
}

.moblak-item-data-val,
.item-variation-value {
	font-weight: 700 !important;
	color: #1e293b !important;
}

/* Fallback for legacy dl.variation */
.woocommerce-cart-form dl.variation,
.cart-drawer dl.variation,
.cart-widget-side dl.variation,
.woocommerce-mini-cart dl.variation {
	display: grid !important;
	grid-template-columns: max-content 1fr !important;
	gap: 4px 8px !important;
	align-items: baseline !important;
	margin: 6px 0 !important;
	padding: 0 !important;
}

.woocommerce-cart-form dl.variation dt,
.cart-drawer dl.variation dt,
.cart-widget-side dl.variation dt,
.woocommerce-mini-cart dl.variation dt {
	grid-column: 1 !important;
	float: none !important;
	clear: both !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	color: #64748b !important;
	margin: 0 !important;
	padding: 0 !important;
	white-space: nowrap !important;
	line-height: 1.4 !important;
}

.woocommerce-cart-form dl.variation dd,
.cart-drawer dl.variation dd,
.cart-widget-side dl.variation dd,
.woocommerce-mini-cart dl.variation dd {
	grid-column: 2 !important;
	float: none !important;
	font-size: 11.5px !important;
	color: #1e293b !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.4 !important;
}

.woocommerce-cart-form dl.variation dd p,
.cart-drawer dl.variation dd p,
.cart-widget-side dl.variation dd p,
.woocommerce-mini-cart dl.variation dd p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: inherit !important;
	display: inline !important;
}

.cart-widget-side .cart-item-image img,
.woocommerce-mini-cart .cart-item-image img {
	max-width: 65px !important;
	max-height: 65px !important;
	object-fit: contain !important;
}

/* WooCommerce Cart Custom Item Styling */
.amazon-cart-item-title-wrapper {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.amazon-cart-item-badge {
	display: block;
}

.amazon-cart-item-badge .amazon-badge-tag {
	background: #ff9900;
	color: #111827;
	font-size: 11px;
	font-weight: 800;
	padding: 2px 8px;
	border-radius: 4px;
	display: inline-block;
}

.amazon-cart-item-title {
	font-weight: 700;
	color: #0f172a;
	text-decoration: none;
	font-size: 14px;
}

.amazon-cart-item-asin {
	font-size: 12px;
	color: #64748b;
}

.amazon-cart-thumb-box {
	width: 80px;
	height: 80px;
	border-radius: 12px;
	border: 1px solid #e2e8f0;
	background: #ffffff;
	padding: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.amazon-cart-thumb-img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

/* Mobile Media Queries & Responsiveness */
@media (max-width: 768px) {
	div.amazon-order-wrapper {
		margin-top: 15px;
		margin-bottom: 100px;
		padding: 0 12px;
	}

	.amazon-input-card {
		padding: 16px 14px;
		border-radius: 16px;
	}

	.amazon-input-row {
		padding: 2px 8px;
	}

	.amazon-form-actions-row {
		flex-direction: column;
		width: 100%;
		gap: 10px;
	}

	.amazon-add-row-btn {
		width: 100% !important;
		padding: 11px !important;
	}

	.amazon-submit-btn {
		width: 100% !important;
		padding: 13px !important;
	}

	.amazon-product-card {
		padding: 16px 14px;
		border-radius: 16px;
	}

	.amazon-card-top {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 16px;
	}

	.amazon-card-media {
		width: 150px;
		height: 150px;
		margin: 0 auto;
	}

	.amazon-card-header-info {
		width: 100%;
		text-align: right;
	}

	.amazon-item-title {
		font-size: 14.5px !important;
		text-align: right;
		margin-bottom: 10px;
	}

	.amazon-sku-row {
		justify-content: space-between;
	}

	.amazon-price-box {
		padding: 12px 14px;
		border-radius: 12px;
	}

	.amazon-actions-area {
		width: 100%;
		flex-direction: column;
		gap: 8px;
	}

	.btn-add-cart, .btn-view-shop {
		width: 100% !important;
		padding: 13px !important;
		font-size: 14.5px !important;
	}

	.amazon-batch-summary {
		flex-direction: column;
		text-align: center;
		padding: 18px 16px;
		border-radius: 16px;
		gap: 14px;
	}

	.summary-actions {
		width: 100%;
		flex-direction: column;
		gap: 8px;
	}

	.btn-add-all-cart, .btn-share-link {
		width: 100% !important;
		justify-content: center;
		padding: 12px !important;
	}

	.amazon-skeleton-card {
		flex-direction: column;
		align-items: center;
		padding: 16px;
	}

	.skeleton-img {
		margin-bottom: 10px;
	}

	.skeleton-details {
		width: 100%;
	}
}

/* ==========================================================================
   Feature 4: Booster Accessories & Combo Add-ons (Full-Width Card Layer)
   ========================================================================== */
.amazon-accessories-box {
	background: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 16px;
	padding: 18px 22px;
	margin: 0;
	width: 100%;
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.amazon-accessories-box.has-selected {
	border-color: #f59e0b;
	background: #fffdf5;
	box-shadow: 0 6px 20px rgba(245, 158, 11, 0.08);
}

.amazon-accessories-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
	flex-wrap: wrap;
}

.amazon-accessories-title {
	font-size: 14.5px;
	font-weight: 800;
	color: #0f172a;
	display: flex;
	align-items: center;
	gap: 8px;
}

.amazon-accessories-hint {
	font-size: 12px;
	font-weight: 700;
	color: #0284c7;
	background: #e0f2fe;
	padding: 4px 12px;
	border-radius: 20px;
}

/* Amazon Frequently Bought Together (FBT) Vertical Pattern */
.amazon-fbt-wrapper {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	gap: 16px;
	flex-wrap: wrap;
	width: 100%;
}

.amazon-fbt-card {
	background: #ffffff;
	border: 1.5px solid #e2e8f0;
	border-radius: 16px;
	padding: 14px 14px 16px 14px;
	width: 250px;
	flex: 0 0 250px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: right;
	cursor: pointer;
	position: relative;
	transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
	user-select: none;
	box-sizing: border-box;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.amazon-fbt-card:hover {
	border-color: #cbd5e1;
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.amazon-fbt-card.is-checked {
	border-color: #ff9900;
	background: #fffdf5;
	box-shadow: 0 6px 18px rgba(255, 153, 0, 0.16);
}

.amazon-fbt-card.is-unchecked {
	opacity: 1;
	background: #ffffff;
	border-color: #e2e8f0;
	filter: none;
}

.amazon-fbt-card.is-unchecked:hover {
	opacity: 1;
	filter: none;
	border-color: #cbd5e1;
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.amazon-fbt-check-box {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 8px;
}

.amazon-fbt-checkbox,
.amazon-accessory-check {
	width: 20px;
	height: 20px;
	accent-color: #0284c7;
	cursor: pointer;
	border-radius: 4px;
}

.amazon-fbt-item-tag {
	font-size: 11px;
	font-weight: 800;
	color: #d97706;
	background: #fef3c7;
	padding: 2px 8px;
	border-radius: 6px;
	margin-right: 6px;
}

.amazon-fbt-img-box {
	width: 150px;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	border-radius: 12px;
	border: 1px solid #f1f5f9;
	padding: 8px;
	margin-bottom: 12px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
	transition: transform 0.2s ease;
}

.amazon-fbt-card:hover .amazon-fbt-img-box {
	transform: scale(1.03);
}

.amazon-fbt-img,
.amazon-accessory-thumb {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.amazon-fbt-meta {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.amazon-fbt-title,
.amazon-accessory-title {
	font-size: 12.5px;
	font-weight: 700;
	color: #1e293b;
	line-height: 1.45;
	height: 38px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: right;
}

.amazon-fbt-asin,
.amazon-accessory-asin {
	font-size: 11px;
	color: #64748b;
	font-family: monospace;
	direction: ltr;
	text-align: right;
}

.amazon-fbt-price {
	margin-top: 4px;
	display: flex;
	flex-direction: column;
	gap: 2px;
	text-align: right;
}

.amazon-fbt-price-aed {
	font-size: 14.5px;
	font-weight: 900;
	color: #0284c7;
}

.amazon-fbt-price-toman {
	font-size: 12px;
	font-weight: 700;
	color: #64748b;
}

.amazon-fbt-link {
	text-decoration: none !important;
	color: inherit;
	display: block;
}

.amazon-fbt-title-link {
	color: #1e293b;
	text-decoration: none !important;
	transition: color 0.18s ease;
}

.amazon-fbt-title-link:hover {
	color: #0284c7 !important;
	text-decoration: underline !important;
}

.amazon-fbt-img-link {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.amazon-fbt-ext-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 8px;
	padding: 6px 10px;
	border-radius: 8px;
	font-size: 11.5px;
	font-weight: 700;
	color: #0284c7 !important;
	background: #f0f9ff;
	border: 1px solid #bae6fd;
	text-decoration: none !important;
	transition: all 0.2s ease;
	width: 100%;
	box-sizing: border-box;
	cursor: pointer;
}

.amazon-fbt-ext-btn:hover {
	background: #0284c7;
	color: #ffffff !important;
	border-color: #0284c7;
	box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25);
	transform: translateY(-1px);
}

.amazon-fbt-ext-icon {
	width: 13px;
	height: 13px;
	flex-shrink: 0;
}

.amazon-fbt-combo-breakdown {
	font-size: 11px;
	color: #64748b;
	font-weight: 600;
	margin-top: 3px;
}

.amazon-fbt-plus {
	font-size: 26px;
	font-weight: 900;
	color: #64748b;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #f1f5f9;
	user-select: none;
	flex-shrink: 0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
	border: 1px solid #e2e8f0;
}

.amazon-accessory-notice {
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	border-radius: 10px;
	padding: 10px 14px;
	font-size: 12.5px;
	color: #065f46;
	font-weight: 700;
	margin-top: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	box-sizing: border-box;
}

/* ==========================================================================
   Full-Width Bottom Checkout & Financial Breakdown Grid
   ========================================================================== */
.amazon-card-bottom-checkout {
	display: grid;
	grid-template-columns: 1fr 340px;
	gap: 20px;
	width: 100%;
	box-sizing: border-box;
	background: #ffffff;
	border: 1.5px solid #e2e8f0;
	border-radius: 16px;
	padding: 20px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);
}

.amazon-card-bottom-checkout.is-out-of-stock {
	grid-template-columns: 1fr;
	background: #fff1f2;
	border-color: #fecdd3;
}

.amazon-checkout-col-details {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.amazon-checkout-col-details .amazon-price-box {
	background: #f8fafc;
	border: 1px solid #f1f5f9;
	border-radius: 12px;
	padding: 14px 18px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 0;
}

.amazon-checkout-col-actions {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.amazon-action-card {
	background: #f8fafc;
	border: 1.5px solid #e2e8f0;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	height: 100%;
	justify-content: space-between;
	box-sizing: border-box;
}

.amazon-action-row-qty {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 12px;
	border-bottom: 1px dashed #cbd5e1;
}

.amazon-action-row-qty .price-label {
	font-size: 13.5px;
	font-weight: 700;
	color: #334155;
}

.amazon-action-row-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 4px;
}

.amazon-action-row-total .price-label {
	font-size: 14px;
	font-weight: 800;
	color: #0f172a;
}

.amazon-action-row-total .item-total-toman {
	font-size: 19px !important;
	font-weight: 900 !important;
	color: #15803d !important;
}

.amazon-action-card .amazon-actions-area {
	width: 100%;
	margin-top: 4px;
}

.amazon-action-card .btn-add-cart,
.amazon-action-card .amazon-btn-add-cart,
.amazon-action-card .amazon-btn-shop-buy {
	width: 100% !important;
	padding: 14px 18px !important;
	font-size: 15.5px !important;
	font-weight: 800 !important;
	border-radius: 12px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 4px 14px rgba(230, 122, 0, 0.25) !important;
}

.amazon-action-card .btn-add-cart:hover,
.amazon-action-card .amazon-btn-add-cart:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 18px rgba(230, 122, 0, 0.35) !important;
}

@media (max-width: 880px) {
	.amazon-card-bottom-checkout {
		grid-template-columns: 1fr;
		gap: 14px;
		padding: 14px;
		background: #f8fafc;
		border: 1px solid #e2e8f0;
		border-radius: 16px;
	}

	.amazon-checkout-col-details .amazon-price-box {
		background: #ffffff;
		border: 1px solid #e2e8f0;
		border-radius: 14px;
		padding: 12px 14px;
		gap: 0;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
	}

	.amazon-checkout-col-details .amazon-price-box .amazon-price-item {
		padding: 9px 0;
		border-bottom: 1px dashed #edf2f7;
		font-size: 12.5px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		min-height: 30px;
	}

	.amazon-checkout-col-details .amazon-price-box .amazon-price-item:first-child {
		padding-top: 2px;
	}

	.amazon-checkout-col-details .amazon-price-box .amazon-price-item:last-child {
		padding-bottom: 2px;
		border-bottom: none;
	}

	.amazon-checkout-col-details .amazon-price-box .amazon-price-item .price-label {
		font-size: 12px;
		font-weight: 700;
		color: #64748b;
		white-space: nowrap;
		flex-shrink: 0;
	}

	.amazon-checkout-col-details .amazon-price-box .amazon-price-item .price-val {
		font-size: 13px;
		font-weight: 800;
		color: #0f172a;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
		gap: 4px 6px;
		text-align: left;
		line-height: 1.4;
	}

	.amazon-checkout-col-details .amazon-price-box .amazon-price-item .aed-price strong {
		font-size: 15px;
		font-weight: 900;
		color: #d97706;
	}

	.amazon-checkout-col-details .amazon-price-box .amazon-price-item .item-product-price-val strong {
		font-size: 14.5px;
		font-weight: 800;
		color: #0f172a;
	}

	.amazon-strike-aed,
	.amazon-strike-toman {
		font-size: 11px;
		margin-right: 0;
		color: #94a3b8;
	}

	.amazon-discount-badge {
		font-size: 10px;
		padding: 2px 6px;
		border-radius: 6px;
		margin-right: 0;
		white-space: nowrap;
	}

	.amazon-action-card {
		background: #ffffff;
		border: 1px solid #e2e8f0;
		border-radius: 14px;
		padding: 14px 16px;
		gap: 12px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
	}

	.amazon-action-row-qty {
		padding-bottom: 10px;
		border-bottom: 1px dashed #e2e8f0;
	}

	.amazon-action-row-qty .price-label {
		font-size: 13px;
		font-weight: 800;
		color: #1e293b;
	}

	.amazon-action-row-total {
		padding: 2px 0 4px 0;
	}

	.amazon-action-row-total .price-label {
		font-size: 14px;
		font-weight: 900;
		color: #0f172a;
	}

	.amazon-action-row-total .item-total-toman {
		font-size: 18px !important;
		font-weight: 900 !important;
		color: #15803d !important;
	}

	.amazon-action-card .btn-add-cart,
	.amazon-action-card .amazon-btn-add-cart,
	.amazon-action-card .amazon-btn-shop-buy {
		padding: 13px 18px !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		border-radius: 12px !important;
	}

	.amazon-action-card .btn-add-cart:active,
	.amazon-action-card .amazon-btn-add-cart:active {
		transform: scale(0.98) !important;
	}
}

@media (max-width: 900px) {
	.amazon-fbt-wrapper {
		justify-content: center;
	}
	.amazon-fbt-card {
		width: 220px;
		flex: 0 0 220px;
	}
	.amazon-fbt-img-box {
		width: 130px;
		height: 130px;
	}
}

@media (max-width: 768px) {
	.amazon-accessories-box {
		display: none !important;
	}
}

@media (max-width: 600px) {
	.amazon-card-bottom-checkout {
		padding: 10px;
		border-radius: 14px;
	}
	.amazon-checkout-col-details .amazon-price-box {
		padding: 10px 12px;
	}
	.amazon-action-card {
		padding: 12px 14px;
	}
}