.modal{position:fixed;inset:0;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:0;overflow:hidden;color:inherit;background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity var(--dur-base) var(--ease) , display var(--dur-base) allow-discrete , overlay var(--dur-base) allow-discrete}.modal[open]{opacity:1}@starting-style {
  .modal[open] {
    opacity: 0;
  }
}.modal::backdrop{background:transparent}.modal:focus{outline:none}body:has(.modal[open]) {overflow:hidden}.modal__wrap{--modal-bg:var(--c-bg);--modal-fg:var(--c-text);--modal-muted:var(--c-text-muted);--modal-border:var(--c-border);display:grid;grid-template-rows:auto 1fr auto;block-size:100dvh;inline-size:min(var(--modal-size,28rem),100%);margin-inline-start:auto;background:var(--modal-bg);color:var(--modal-fg);translate:100% 0;transition:translate var(--dur-base) var(--ease)}.modal[open] .modal__wrap{translate:0}@starting-style {
  .modal[open] .modal__wrap {
    translate: 100% 0;
  }
}.modal__wrap:focus{outline:none}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2x);padding:var(--space-3x);border-block-end:1px solid var(--modal-border)}.modal__title{margin:0;font-size:var(--fs-h5);line-height:1.2}.modal__close{flex:0 0 auto;display:grid;place-items:center;inline-size:var(--tap);block-size:var(--tap);border-radius:var(--radius-pill);color:var(--modal-muted);transition:background-color var(--dur-fast) var(--ease) , color var(--dur-fast) var(--ease)}.modal__close:hover{color:var(--modal-fg);background:color-mix(in srgb,var(--modal-fg) 8%,transparent)}.modal__body{overflow-y:auto;overscroll-behavior:contain;padding:var(--space-3x)}.modal__text{margin-block-end:var(--space-2x);color:var(--modal-muted)}.modal__product{display:grid;grid-template-columns:4.5rem minmax(0,1fr);align-items:center;gap:var(--space-2x);margin-block-end:var(--space-3x);padding:var(--space-1x);border-radius:var(--radius-md);background:color-mix(in srgb,var(--modal-fg) 5%,transparent)}.modal__product-media{display:block;aspect-ratio: 1 / 1;overflow:hidden;border-radius:calc(var(--radius-md) - var(--space-1x));background:var(--modal-bg)}.modal__product-media img{display:block;width:100%;height:100%;object-fit:cover}.modal__product-info{display:grid;gap:.125rem;min-width:0;padding-inline-end:var(--space-1x)}.modal__product-name{font-size:.875rem;line-height:1.35}.modal__product-sku{font-size:.75rem;color:var(--modal-muted);font-variant-numeric:tabular-nums}.modal__product-sku:empty{display:none}.modal__foot{display:flex;flex-direction:column;gap:var(--space-2x);padding:var(--space-3x);padding-block-end:max(var(--space-3x),env(safe-area-inset-bottom));border-block-start:1px solid var(--modal-border);background:var(--modal-bg)}.modal__foot:empty{display:none}.button--bordered.modal__button:hover{background:var(--c-on-dark);color:var(--c-ink)}.modal-contact li{padding-block:var(--space-1x);font-weight:500}@media (prefers-reduced-motion:reduce){.modal,.modal__wrap{transition-duration:0s}}