.product-quick-view { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: 24px; }
.product-quick-view[hidden] { display: none !important; }
.product-quick-view__backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(9, 18, 30, .64); backdrop-filter: blur(4px); cursor: default; }
.product-quick-view__dialog { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(280px, .95fr) minmax(340px, 1fr); width: min(100%, 980px); max-height: min(720px, calc(100vh - 48px)); overflow: hidden; border-radius: 20px; background: #fff; box-shadow: 0 30px 90px rgba(0,0,0,.3); }
.product-quick-view__media { min-height: 420px; background: #f1f5f3; }.product-quick-view__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.product-quick-view__content { display: flex; flex-direction: column; align-items: flex-start; padding: 52px 36px 34px; overflow-y: auto; }.product-quick-view__close { position: absolute; z-index: 2; top: 16px; right: 16px; display: grid; width: 38px; height: 38px; place-items: center; border: 0; border-radius: 50%; background: #fff; color: #475569; box-shadow: 0 7px 20px rgba(15,23,42,.18); cursor: pointer; transition: .2s ease; }.product-quick-view__close:hover { background: var(--web-main-color, #01711b); color: #fff; transform: rotate(90deg); }
.product-quick-view__eyebrow { margin: 0 0 10px; color: var(--web-main-color, #01711b); font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.product-quick-view h2 { margin: 0; color: var(--web-heading-text, #111827); font-size: clamp(21px, 2.4vw, 30px); line-height: 1.3; }
.product-quick-view__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 12px; width: 100%; margin: 22px 0 28px; padding: 17px 18px; border-left: 4px solid var(--web-main-color, #01711b); border-radius: 0 12px 12px 0; background: color-mix(in srgb, var(--web-main-color, #01711b), transparent 92%); }.product-quick-view__price strong { color: var(--web-main-color, #01711b); font-size: 24px; }.product-quick-view__price del { color: #94a3b8; font-size: 14px; }
.product-quick-view__actions { display: grid; gap: 15px; width: 100%; margin-top: auto; }.product-quick-view__cart { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 999px; background: var(--web-main-color, #01711b); color: #fff; font: inherit; font-weight: 800; cursor: pointer; box-shadow: 0 12px 24px color-mix(in srgb, var(--web-main-color, #01711b), transparent 70%); transition: transform .2s ease, filter .2s ease; }.product-quick-view__cart:hover { filter: brightness(.94); transform: translateY(-2px); }.product-quick-view__actions a { color: var(--web-heading-text, #111827); font-size: 14px; font-weight: 800; text-decoration: none; }.product-quick-view__actions a:hover { color: var(--web-main-color, #01711b); } body.is-product-quick-view-open { overflow: hidden; }
@media (max-width: 680px) { .product-quick-view { padding: 12px; }.product-quick-view__dialog { grid-template-columns: 1fr; max-height: calc(100vh - 24px); overflow-y: auto; }.product-quick-view__content { padding: 26px 22px 24px; }.product-quick-view__close { top: 10px; right: 10px; } }