.waslli-quick-view {
	position: fixed !important;
	inset: 0 !important;
	z-index: 2147483000 !important;
	display: none !important;
	place-items: center !important;
	padding: 20px !important;
}

.waslli-quick-view:target { display: grid !important; }
.waslli-quick-view__backdrop { position: absolute !important; inset: 0 !important; background: color-mix(in srgb, var(--waslli-dark, #0C2340) 50%, transparent) !important; }
.waslli-quick-view__dialog { position: relative !important; z-index: 1 !important; width: min(620px, 100%) !important; max-height: min(560px, calc(100vh - 40px)) !important; overflow: auto !important; border: 1px solid var(--waslli-line, #DCE3ED) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 22px 56px rgb(12 35 64 / 26%) !important; }
.waslli-quick-view__close { position: absolute !important; top: 12px !important; left: 12px !important; z-index: 2 !important; display: grid !important; place-items: center !important; width: 40px !important; height: 40px !important; padding: 0 !important; border: 1px solid var(--waslli-line, #DCE3ED) !important; border-radius: 50% !important; background: #fff !important; color: var(--waslli-dark, #0C2340) !important; font-size: 21px !important; line-height: 1 !important; text-decoration: none !important; }
.waslli-quick-view__content { min-height: 0 !important; padding: 26px !important; }
.waslli-quick-view__grid { display: grid !important; grid-template-columns: 190px minmax(0, 1fr) !important; gap: 24px !important; align-items: start !important; text-align: right !important; }
.waslli-quick-view__image { display: block !important; width: 190px !important; height: 190px !important; object-fit: contain !important; border-radius: 10px !important; background: var(--waslli-off-white, #F7F9FC) !important; }
.waslli-quick-view__summary { min-width: 0 !important; text-align: right !important; }
.waslli-quick-view__eyebrow { display: inline-flex !important; margin: 0 38px 8px 0 !important; padding: 4px 8px !important; border-radius: 999px !important; background: var(--waslli-primary-soft, #EEF3FA) !important; color: var(--waslli-primary, #1D4E89) !important; font-size: 11px !important; font-weight: 800 !important; }
.waslli-quick-view h2 { margin: 0 38px 8px 0 !important; color: var(--waslli-ink, #0F1B2D) !important; font-size: 20px !important; line-height: 1.45 !important; text-align: right !important; }
.waslli-quick-view__price { margin-bottom: 12px !important; color: var(--waslli-price, var(--waslli-dark, #0C2340)) !important; font-size: 20px !important; font-weight: 900 !important; text-align: right !important; }
.waslli-quick-view__price .amount bdi { direction: rtl; unicode-bidi: isolate; }
.waslli-quick-view__price ins { text-decoration: none !important; background: transparent !important; }
.waslli-quick-view__price del { margin-inline-start: 8px; color: var(--waslli-muted, #5A6578) !important; font-size: .75em !important; font-weight: 400 !important; }
.waslli-quick-view__description { color: var(--waslli-muted, #5A6578) !important; font-size: 14px !important; line-height: 1.75 !important; text-align: right !important; }
.waslli-quick-view__description p { margin: 0 0 10px !important; }
.waslli-quick-view__attributes { display: grid !important; gap: 6px !important; padding: 0 !important; margin: 14px 0 !important; list-style: none !important; }
.waslli-quick-view__attributes li { display: flex !important; gap: 8px !important; padding: 8px 10px !important; border-radius: 8px !important; background: var(--waslli-off-white, #F7F9FC) !important; color: var(--waslli-ink, #0F1B2D) !important; font-size: 13px !important; text-align: right !important; }
.waslli-quick-view__attributes strong { color: var(--waslli-dark, #0C2340) !important; }
.waslli-quick-view__actions { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }
.waslli-quick-view__actions a { display: inline-flex !important; flex: 1 1 150px !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 0 14px !important; border: 1px solid var(--waslli-line, #DCE3ED) !important; border-radius: 10px !important; background: #fff !important; color: var(--waslli-dark, #0C2340) !important; font-size: 14px !important; font-weight: 800 !important; text-decoration: none !important; }
/* Gold = the dialog's main action: add to cart, «اطلب الآن», or the product
 * link when it is the only way forward (products that need options). */
.waslli-quick-view__actions .ajax_add_to_cart,
.waslli-quick-view__actions .waslli-quick-view__order,
.waslli-quick-view__actions a:only-child { border-color: var(--waslli-accent, #E3B448) !important; background: var(--waslli-accent, #E3B448) !important; color: var(--waslli-on-accent, #0C2340) !important; }
.waslli-quick-view__actions .waslli-quick-view__order:hover,
.waslli-quick-view__actions a:only-child:hover { border-color: var(--waslli-accent-hover, #D6A535) !important; background: var(--waslli-accent-hover, #D6A535) !important; }

/* Card trigger: a small icon over the image corner on desktop; hidden on
 * phones, where the card itself opens the product page (one action per card). */
.woocommerce ul.products li.product .waslli-quick-view-button {
	position: absolute !important;
	top: 8px !important;
	inset-inline-end: 8px !important;
	z-index: 4 !important;
	display: inline-grid !important;
	place-items: center !important;
	width: 40px !important;
	min-height: 0 !important;
	height: 40px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid var(--waslli-line, #DCE3ED) !important;
	border-radius: 50% !important;
	background: rgb(255 255 255 / 94%) !important;
	box-shadow: 0 2px 8px rgb(12 35 64 / 12%) !important;
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-decoration: none !important;
	overflow: hidden !important;
	transition: background .18s ease, border-color .18s ease !important;
}
.woocommerce ul.products li.product .waslli-quick-view-button::before {
	content: "" !important;
	display: block !important;
	width: 20px !important;
	height: 20px !important;
	background: var(--waslli-dark, #0C2340) !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat !important;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
.woocommerce ul.products li.product .waslli-quick-view-button:hover,
.woocommerce ul.products li.product .waslli-quick-view-button:focus-visible { border-color: var(--waslli-primary, #1D4E89) !important; background: #fff !important; }
@media (max-width: 900px) {
	.woocommerce ul.products li.product .waslli-quick-view-button { display: none !important; }
}

@media (max-width: 640px) {
	.waslli-quick-view { align-items: end !important; padding: 0 !important; }
	.waslli-quick-view__dialog { width: 100% !important; max-height: min(72vh, 560px) !important; border-radius: 18px 18px 0 0 !important; }
	.waslli-quick-view__content { padding: 20px 16px 24px !important; }
	.waslli-quick-view__grid { grid-template-columns: 104px minmax(0, 1fr) !important; gap: 14px !important; }
	.waslli-quick-view__image { width: 104px !important; height: 104px !important; }
	.waslli-quick-view__eyebrow { margin: 0 34px 6px 0 !important; }
	.waslli-quick-view h2 { margin-right: 34px !important; font-size: 17px !important; }
	.waslli-quick-view__price { font-size: 18px !important; }
	.waslli-quick-view__description, .waslli-quick-view__attributes, .waslli-quick-view__actions { grid-column: 1 / -1 !important; }
}