.modal-layer{place-items:center;padding:24px;display:grid}.modal-backdrop{background:var(--zfx-color-dialog-scrim);border:0;position:absolute;inset:0}.modal-dialog{z-index:1;position:relative}.modal-close{width:44px;height:44px}.zfx-product-detail{background:var(--zfx-color-surface);width:min(94vw,1040px);max-height:min(90dvh,840px);color:var(--zfx-color-text-primary);box-shadow:var(--zfx-shadow-soft);border-radius:16px;display:flex;overflow:hidden}.zfx-product-detail__layout{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);width:100%;min-width:0;display:grid;overflow:auto}.zfx-product-detail__layout.is-without-media{grid-template-columns:minmax(0,680px);justify-content:center}.zfx-product-detail__gallery{background:var(--zfx-color-surface-subtle);min-width:0;min-height:560px}.zfx-product-detail__media{place-items:center;width:100%;height:100%;min-height:560px;margin:0;padding:32px;display:grid}.zfx-product-detail__media img{object-fit:contain;width:100%;height:100%;max-height:660px}.zfx-product-detail__content{flex-direction:column;min-width:0;padding:48px 40px 38px;display:flex}.zfx-product-detail__heading{padding-right:32px}.zfx-product-detail__eyebrow,.zfx-engagement-eyebrow{color:var(--zfx-color-text-primary);font-size:var(--zfx-type-meta-size);font-weight:var(--zfx-type-label-weight);letter-spacing:.12em;text-transform:uppercase;line-height:var(--zfx-type-meta-line-height);margin:0 0 8px}.zfx-product-detail__heading h2{font-size:var(--zfx-type-hero-size);font-weight:var(--zfx-type-hero-weight);letter-spacing:-.03em;line-height:var(--zfx-type-hero-line-height);font-family:var(--zfx-font-body);margin:0}.zfx-product-detail__description{color:var(--zfx-color-text-secondary);font-size:var(--zfx-type-caption-size);line-height:var(--zfx-type-caption-line-height);margin:16px 0 0}.zfx-product-detail__price{color:var(--zfx-color-text-primary);font-size:var(--zfx-type-title-size);font-weight:var(--zfx-type-title-weight);letter-spacing:-.02em;line-height:var(--zfx-type-title-line-height);margin:24px 0 0}.zfx-product-detail__price s,.zfx-product-detail__price strong{display:block}.zfx-product-detail__price s{color:var(--zfx-color-text-secondary);font-size:var(--zfx-type-control-size);font-weight:var(--zfx-type-control-weight);line-height:var(--zfx-type-control-line-height);margin-bottom:3px}.zfx-product-detail__price.is-special strong{color:var(--zfx-color-selection)}.zfx-product-detail__variants{border:0;min-width:0;margin:26px 0 0;padding:0}.zfx-product-detail__variants legend{color:var(--zfx-color-text-secondary);font-size:var(--zfx-type-label-size);font-weight:var(--zfx-type-label-weight);line-height:var(--zfx-type-label-line-height);margin-bottom:10px}.zfx-product-detail__variant-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.zfx-product-detail__variant{border:1px solid var(--zfx-color-border);background:var(--zfx-color-surface);min-height:64px;color:var(--zfx-color-text-primary);font:inherit;text-align:left;cursor:pointer;transition:transform var(--zfx-motion-duration-standard) var(--zfx-motion-easing-standard), background-color var(--zfx-motion-duration-standard) var(--zfx-motion-easing-standard), border-color var(--zfx-motion-duration-standard) var(--zfx-motion-easing-standard);border-radius:12px;gap:3px;padding:10px 12px;display:grid}.zfx-product-detail__variant strong{font-size:var(--zfx-type-label-size);font-weight:var(--zfx-type-label-weight);line-height:var(--zfx-type-label-line-height)}.zfx-product-detail__variant span,.zfx-product-detail__variant small{color:var(--zfx-color-text-secondary);font-size:var(--zfx-type-meta-size);line-height:var(--zfx-type-meta-line-height)}.zfx-product-detail__variant.is-selected{border-color:var(--zfx-color-selection);background:var(--zfx-color-selection-subtle)}.zfx-product-detail__availability{background:var(--zfx-color-surface-subtle);min-height:44px;color:var(--zfx-color-text-secondary);font-size:var(--zfx-type-label-size);font-weight:var(--zfx-type-label-weight);line-height:var(--zfx-type-label-line-height);border-radius:10px;align-items:center;gap:9px;margin-top:16px;padding:9px 12px;display:flex}.zfx-product-detail__availability .material-symbols-outlined{color:var(--zfx-color-accent);font-size:1.25em}.zfx-product-detail__specs{border-top:1px solid var(--zfx-color-border);gap:0;margin:22px 0 0;display:grid}.zfx-product-detail__spec{border-bottom:1px solid var(--zfx-color-border);grid-template-columns:minmax(90px,.44fr) minmax(0,1fr);gap:16px;padding:11px 0;display:grid}.zfx-product-detail__spec dt,.zfx-product-detail__spec dd{font-size:var(--zfx-type-caption-size);line-height:var(--zfx-type-caption-line-height);margin:0}.zfx-product-detail__spec dt{color:var(--zfx-color-text-secondary)}.zfx-product-detail__spec dd{color:var(--zfx-color-text-primary);font-weight:var(--zfx-type-control-weight);overflow-wrap:anywhere}.zfx-product-detail__care{margin-top:22px}.zfx-product-detail__care h3{font-size:var(--zfx-type-label-size);font-weight:var(--zfx-type-label-weight);line-height:var(--zfx-type-label-line-height);font-family:var(--zfx-font-body);margin:0 0 7px}.zfx-product-detail__care p{color:var(--zfx-color-text-secondary);font-size:var(--zfx-type-caption-size);line-height:var(--zfx-type-caption-line-height);margin:0}.zfx-product-detail__add,.zfx-support-composer__submit,.zfx-notifications__read-all,.zfx-notification__read{min-height:44px;font:inherit;font-size:var(--zfx-type-label-size);font-weight:var(--zfx-type-label-weight);cursor:pointer;transition:transform var(--zfx-motion-duration-standard) var(--zfx-motion-easing-standard), background-color var(--zfx-motion-duration-standard) var(--zfx-motion-easing-standard), color var(--zfx-motion-duration-standard) var(--zfx-motion-easing-standard), border-color var(--zfx-motion-duration-standard) var(--zfx-motion-easing-standard);line-height:var(--zfx-type-label-line-height);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.zfx-product-detail__add{background:var(--zfx-color-action-primary);width:100%;color:var(--zfx-color-on-action);margin-top:26px}.zfx-product-detail__add:disabled,.zfx-support-composer__submit:disabled,.zfx-notifications__read-all:disabled,.zfx-notification__read:disabled{cursor:not-allowed;opacity:.5}.zfx-notifications{min-height:100%;color:var(--zfx-color-text-primary);flex-direction:column;display:flex}.drawer-right:has(>.zfx-notifications){padding:max(14px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left))}.drawer-right:has(>.zfx-notifications)>.drawer-close{width:44px;height:44px}.zfx-notifications__header{padding-inline-end:56px;border-bottom:1px solid var(--zfx-color-border);justify-content:space-between;align-items:flex-start;gap:14px;min-height:44px;padding-bottom:18px;display:flex}.zfx-notifications__header h2,.zfx-support-thread__header h2,.zfx-support-composer h2{color:var(--zfx-color-text-primary);font-size:var(--zfx-type-section-size);font-weight:var(--zfx-type-section-weight);letter-spacing:-.02em;line-height:var(--zfx-type-section-line-height);font-family:var(--zfx-font-body);margin:0}.zfx-notifications__read-all{border:1px solid var(--zfx-color-border);background:var(--zfx-color-surface);min-height:44px;color:var(--zfx-color-text-secondary);font-size:var(--zfx-type-meta-size);line-height:var(--zfx-type-meta-line-height);padding:0 11px}.zfx-notifications__read-all .material-symbols-outlined{font-size:1.125em}.zfx-notifications__list,.zfx-support-thread__messages{gap:10px;margin:0;padding:18px 0 0;list-style:none;display:grid}.zfx-notification{border:1px solid var(--zfx-color-border);background:var(--zfx-color-surface);box-shadow:var(--zfx-shadow-soft);border-radius:14px;grid-template-columns:40px minmax(0,1fr) 44px;align-items:start;gap:11px;padding:13px;display:grid;position:relative}.zfx-notification.is-unread{border-color:var(--zfx-color-border);background:var(--zfx-color-surface-subtle)}.zfx-notification__icon{background:var(--zfx-color-surface);width:40px;height:40px;color:var(--zfx-color-selection);border-radius:10px;place-items:center;display:grid}.zfx-notification__icon .material-symbols-outlined{font-size:1.3125em}.zfx-notification__content{min-width:0}.zfx-notification__content h3{font-size:var(--zfx-type-label-size);font-weight:var(--zfx-type-label-weight);line-height:var(--zfx-type-label-line-height);font-family:var(--zfx-font-body);margin:1px 0 5px}.zfx-notification__content p{color:var(--zfx-color-text-secondary);font-size:var(--zfx-type-caption-size);line-height:var(--zfx-type-caption-line-height);margin:0}.zfx-notification__content time{color:var(--zfx-color-text-secondary);font-size:var(--zfx-type-meta-size);line-height:var(--zfx-type-meta-line-height);margin-top:7px;display:block}.zfx-notification__read{border:1px solid var(--zfx-color-border);background:var(--zfx-color-surface);width:44px;min-height:44px;color:var(--zfx-color-text-secondary);padding:0}.zfx-notification__read .material-symbols-outlined{font-size:1.125em}.zfx-notification__read-state{color:var(--zfx-color-text-secondary);font-size:var(--zfx-type-meta-size);line-height:var(--zfx-type-meta-line-height);text-align:center;justify-content:center;align-items:center;min-height:44px;display:inline-flex}.zfx-notifications__empty,.zfx-support-thread__empty{min-height:240px;color:var(--zfx-color-text-secondary);text-align:center;place-content:center;justify-items:center;gap:8px;display:grid}.zfx-notifications__empty .material-symbols-outlined,.zfx-support-thread__empty .material-symbols-outlined{color:var(--zfx-color-accent);font-size:1.875em}.zfx-notifications__empty h3,.zfx-notifications__empty p,.zfx-support-thread__empty p{font-family:var(--zfx-font-body);margin:0}.zfx-notifications__empty h3{color:var(--zfx-color-text-primary);font-size:var(--zfx-type-control-size);font-weight:var(--zfx-type-control-weight);line-height:var(--zfx-type-control-line-height);font-family:var(--zfx-font-body)}.zfx-notifications__empty p,.zfx-support-thread__empty p{max-width:300px;font-size:var(--zfx-type-caption-size);line-height:var(--zfx-type-caption-line-height)}.zfx-support-composer,.zfx-support-thread{border:1px solid var(--zfx-color-border);background:var(--zfx-color-surface);color:var(--zfx-color-text-primary);box-shadow:var(--zfx-shadow-soft);border-radius:14px}.zfx-support-composer{gap:16px;padding:22px;display:grid}.zfx-support-composer__field{color:var(--zfx-color-text-secondary);font-size:var(--zfx-type-label-size);font-weight:var(--zfx-type-label-weight);line-height:var(--zfx-type-label-line-height);gap:7px;display:grid}.zfx-support-composer__field select,.zfx-support-composer__field textarea{border:1px solid var(--zfx-color-border);background:var(--zfx-color-surface);width:100%;color:var(--zfx-color-text-primary);font:inherit;font-size:var(--zfx-type-caption-size);font-weight:var(--zfx-type-caption-weight);transition:border-color var(--zfx-motion-duration-standard) var(--zfx-motion-easing-standard), box-shadow var(--zfx-motion-duration-standard) var(--zfx-motion-easing-standard);line-height:var(--zfx-type-caption-line-height);border-radius:12px;padding:11px 12px}.zfx-support-composer__field select{min-height:44px}.zfx-support-composer__field textarea{resize:vertical;min-height:132px;line-height:var(--zfx-type-control-line-height)}.zfx-support-composer__field textarea::placeholder{color:var(--zfx-color-text-muted)}.zfx-support-composer__field select:focus,.zfx-support-composer__field textarea:focus{border-color:var(--zfx-color-focus);box-shadow:var(--zfx-shadow-control-inset);outline:0}.zfx-support-composer__error{border:1px solid var(--zfx-color-border);background:var(--zfx-color-surface-subtle);color:var(--zfx-color-text-primary);font-size:var(--zfx-type-caption-size);line-height:var(--zfx-type-caption-line-height);border-radius:10px;margin:0;padding:10px 12px}.zfx-support-composer__submit{background:var(--zfx-color-action-primary);color:var(--zfx-color-on-action);justify-self:end;padding:0 18px}.zfx-support-thread{overflow:hidden}.zfx-support-thread__header{border-bottom:1px solid var(--zfx-color-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.zfx-support-thread__status{border:1px solid var(--zfx-color-border);background:var(--zfx-color-surface-subtle);min-height:30px;color:var(--zfx-color-text-secondary);font-size:var(--zfx-type-meta-size);font-weight:var(--zfx-type-label-weight);white-space:nowrap;line-height:var(--zfx-type-meta-line-height);border-radius:999px;align-items:center;padding:0 9px;display:inline-flex}.zfx-support-thread__status.is-waiting_customer,.zfx-support-thread__status.is-waiting_team{border-color:var(--zfx-color-border);background:var(--zfx-color-surface-subtle);color:var(--zfx-color-text-primary)}.zfx-support-thread__status.is-resolved{border-color:var(--zfx-color-border-strong);background:var(--zfx-color-success-subtle);color:var(--zfx-color-success)}.zfx-support-thread__status.is-closed{background:var(--zfx-color-surface-subtle);color:var(--zfx-color-text-secondary)}.zfx-support-thread__messages{overscroll-behavior:contain;gap:14px;max-height:560px;padding:22px;overflow-y:auto}.zfx-support-thread__messages li{display:flex}.zfx-support-thread__messages li.is-customer{justify-content:flex-end}.zfx-support-thread__messages li.is-team{justify-content:flex-start}.zfx-support-message{border:1px solid var(--zfx-color-border);background:var(--zfx-color-surface-subtle);width:min(86%,620px);color:var(--zfx-color-text-primary);border-radius:14px;padding:13px 15px}.is-customer .zfx-support-message{border-color:var(--zfx-color-border-strong);background:var(--zfx-color-editorial-deep-surface);color:var(--zfx-color-on-dark)}.zfx-support-message header{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.zfx-support-message strong{font-size:var(--zfx-type-meta-size);font-weight:var(--zfx-type-label-weight);line-height:var(--zfx-type-meta-line-height)}.zfx-support-message time{color:var(--zfx-color-text-secondary);font-size:var(--zfx-type-meta-size);white-space:nowrap;line-height:var(--zfx-type-meta-line-height)}.is-customer .zfx-support-message time{color:var(--zfx-color-on-dark)}.zfx-support-message p{font-size:var(--zfx-type-caption-size);line-height:var(--zfx-type-caption-line-height);overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0 0}.zfx-product-detail__variant:focus-visible,.zfx-product-detail__add:focus-visible,.zfx-notifications__read-all:focus-visible,.zfx-notification__read:focus-visible,.zfx-support-composer__submit:focus-visible,.modal-close:focus-visible{outline:3px solid var(--zfx-color-focus);outline-offset:2px}.zfx-product-detail__variant:active,.zfx-product-detail__add:active,.zfx-notifications__read-all:active,.zfx-notification__read:active,.zfx-support-composer__submit:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.zfx-product-detail__variant:hover,.zfx-notifications__read-all:hover,.zfx-notification__read:hover{border-color:var(--zfx-color-border-strong);background:var(--zfx-color-surface-subtle)}.zfx-product-detail__add:hover,.zfx-support-composer__submit:hover{background:var(--zfx-color-action-primary-hover);color:var(--zfx-color-on-action)}}@media (width<=760px){.modal-layer{padding:12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));align-items:end}.zfx-product-detail{width:100%;max-height:calc(100dvh - max(24px, env(safe-area-inset-top)));border-radius:16px}.zfx-product-detail__layout{grid-template-columns:1fr}.zfx-product-detail__gallery,.zfx-product-detail__media{min-height:300px}.zfx-product-detail__media{max-height:42dvh;padding:24px}.zfx-product-detail__content{padding:34px 22px 26px}.zfx-product-detail__variant-list{grid-template-columns:1fr}.zfx-support-thread__header{flex-direction:column;align-items:flex-start}.zfx-support-message{width:94%}}@media (width<=430px){.zfx-notifications__header{flex-direction:column;align-items:stretch;padding-inline-end:0}.zfx-notifications__header>div{padding-inline-end:56px}.zfx-notifications__read-all{width:100%}.zfx-notification{grid-template-columns:36px minmax(0,1fr) 44px;padding:11px}.zfx-notification__icon{width:36px;height:36px}.zfx-support-composer,.zfx-support-thread__header,.zfx-support-thread__messages{padding:18px}}@media (prefers-reduced-motion:reduce){.zfx-product-detail__variant,.zfx-product-detail__add,.zfx-notifications__read-all,.zfx-notification__read,.zfx-support-composer__submit,.zfx-support-composer__field select,.zfx-support-composer__field textarea{transition:none}.zfx-product-detail__variant:active,.zfx-product-detail__add:active,.zfx-notifications__read-all:active,.zfx-notification__read:active,.zfx-support-composer__submit:active{transform:none}}
