/* Compact perforated tickets; variables keep storefront and admin previews identical. */
.vct-section,.vct-admin,.vct-picker,.vct-ticket {--font-ui:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:var(--font-ui);font-family:var(--font-ui);font-synthesis:none}
.vct-section,.vct-admin,.vct-picker {--vct-surface:var(--compact-surface,#fff);--vct-soft:var(--compact-soft,#f5f8fc);--vct-ink:var(--compact-ink,#243447);--vct-muted:#64748b;--vct-line:var(--compact-line,#e2e8f0);--vct-page:var(--compact-page,#fff);color:var(--vct-ink)}
html.site-dark :is(.vct-section,.vct-admin,.vct-picker) {--vct-muted:#a2b3c3}
.vct-section {margin:20px 0 22px;min-width:0}
.vct-section-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
html.site-pearl body.public-ui .site-main .vct-section-head h2 {display:flex;align-items:center;gap:9px;margin:0;font-size:15px!important;font-weight:750}
.vct-section-head h2>span {display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e8f8f2;color:#14785b}
.vct-section-head h2 svg {width:20px;height:20px}
.vct-section-head>span {font-size:11px;color:var(--vct-muted);white-space:nowrap}
.vct-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-width:0;padding:9px 5px 12px;perspective:1000px}
.vct-ticket {--vct-accent:#128362;--vct-glow:#1fc78d;--vct-rail:#daf5e9;--vct-tint:#f2fbf7;--vct-surface:var(--compact-surface,#fff);--vct-ink:var(--compact-ink,#243447);--vct-muted:#64748b;--vct-line:var(--compact-line,#e2e8f0);--vct-tilt:-1.2deg;--vct-duration:1100ms;--vct-texture:.18;position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);min-width:0;border:1px solid color-mix(in srgb,var(--vct-accent) 24%,var(--vct-line));border-radius:15px;background:linear-gradient(115deg,var(--vct-tint),var(--vct-surface) 70%);box-shadow:0 4px 14px #17384a0a;isolation:isolate;overflow:hidden;mask-image:radial-gradient(circle at 44px 0,transparent 5px,#000 5.6px),radial-gradient(circle at 44px 100%,transparent 5px,#000 5.6px);mask-composite:intersect;transform:perspective(1000px) rotate(var(--vct-tilt));transform-origin:50% 70%;transition:transform .25s ease,box-shadow .25s ease}
.vct-ticket[data-theme=blue] {--vct-accent:#2563bc;--vct-glow:#42a5f5;--vct-rail:#e2efff;--vct-tint:#f5f9ff}
.vct-ticket[data-theme=violet] {--vct-accent:#7451b8;--vct-glow:#b58af4;--vct-rail:#eee5fc;--vct-tint:#faf6ff}
.vct-ticket[data-theme=amber] {--vct-accent:#95631a;--vct-glow:#e8b34a;--vct-rail:#fff0d0;--vct-tint:#fffbf2}
.vct-ticket::before {content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(121deg,transparent 23%,#6a7c8a24 24%,#fff9 25%,transparent 27%),linear-gradient(38deg,transparent 52%,#6a7c8a20 53%,#fff8 54%,transparent 56%),repeating-linear-gradient(112deg,transparent 0 46px,#7d899319 47px,#fff7 48px,transparent 49px);opacity:var(--vct-texture)}
.vct-ticket::after {content:"";position:absolute;z-index:3;inset:-20%;pointer-events:none;opacity:0;background:linear-gradient(103deg,transparent 16%,#fff9 35%,#66798840 42%,#fffc 48%,transparent 61%),repeating-linear-gradient(38deg,#40576826 0,#fff9 12%,transparent 24%,#40576830 34%,#fff9 42%,transparent 55%)}
.vct-ticket[data-ticket-style=soft] {background:linear-gradient(125deg,var(--vct-tint),var(--vct-surface) 52%,var(--vct-tint))}
.vct-ticket:not([data-ticket-style=paper])::before {content:none}
.vct-ticket[data-ticket-style=minimal] {background:var(--vct-surface);border-color:var(--vct-line)}
.vct-ticket[data-ticket-style=minimal] .vct-rail {background:var(--vct-surface)}
.vct-ticket[data-ticket-shadow=none] {box-shadow:none}
.vct-ticket[data-ticket-shadow=raised] {box-shadow:0 9px 20px #17384a16,inset 0 1px 0 #ffffff70}
@media(hover:hover) and (pointer:fine) {.vct-ticket:not(.vct-is-entering):hover {transform:perspective(1000px) translateY(-2px) rotate(0deg)}}
.vct-rail {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px 3px;background:var(--vct-rail);color:var(--vct-accent);border-right:1px dashed color-mix(in srgb,var(--vct-accent) 30%,transparent)}
.vct-rail>.ui-symbol {width:19px;height:19px}
.vct-rail>span {font-size:7px;font-weight:700;line-height:1.6;text-align:center;letter-spacing:.3px}
.vct-body {min-width:0;padding:12px}
.vct-meta {display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;margin-bottom:10px}
.vct-remaining {min-width:0;padding:3px 6px;border-radius:20px;background:var(--vct-rail);color:var(--vct-accent);font-size:9px;font-weight:700;line-height:1.4}
.vct-meta time {flex:none;color:var(--vct-muted);font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}
.vct-offer {display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px}
.vct-offer>strong {font-size:22px;font-weight:750;line-height:1.2;color:var(--vct-ink);letter-spacing:-.7px}
.vct-offer b {font:inherit}
.vct-offer>span {font-size:11px;color:var(--vct-muted)}
.vct-cap {min-height:16px;margin:6px 0 0;font-size:10px;line-height:1.5;color:var(--vct-muted)}
.vct-divider {margin:12px 0 9px;border-top:1px dashed var(--vct-line)}
.vct-actions {display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0}
.vct-actions>code {min-width:0;overflow-wrap:anywhere;background:none!important;border:0!important;padding:0!important;color:var(--vct-accent)!important;font-size:11px!important;font-weight:650;line-height:1.5}
.vct-actions>div {display:flex;gap:5px;flex:none}
.vct-actions button {display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:32px;min-height:32px;padding:6px;border:1px solid transparent;border-radius:9px;background:var(--vct-rail);color:var(--vct-accent);font:600 11px/1.3 var(--font-ui,system-ui,sans-serif);cursor:pointer;touch-action:manipulation;transition:background-color .18s,filter .18s}
.vct-actions button.vct-use {min-width:70px;padding:7px 11px;border-color:transparent;background:var(--vct-accent);color:#fff;white-space:nowrap}
@media(hover:hover) {.vct-actions button:not(:disabled):hover {filter:brightness(.96)}}
.vct-actions button.vct-use.is-selected {background:var(--vct-rail);color:var(--vct-accent)}
.vct-actions button svg {width:13px;height:13px}
.vct-actions button:disabled {cursor:default;opacity:.85}
.vct-progress {height:3px;margin-top:10px;overflow:hidden;border-radius:3px;background:var(--vct-line)}
.vct-progress>span {display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--vct-accent),var(--vct-glow))}
.vct-ticket[hidden],.vct-ticket [hidden],.vct-picker [hidden] {display:none!important}
.vct-picker {margin:12px 0;padding:11px 12px;border:1px solid var(--vct-line);border-radius:14px;background:var(--vct-surface);min-width:0;--vct-focus:#147d69}
html.site-dark .vct-picker {--vct-focus:#82d9bc}
.vct-section>.vct-picker {max-width:450px}
.vct-picker-label {display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:12px;font-weight:650}
.vct-picker-note {margin-left:auto;color:var(--vct-muted);font-size:10px;font-weight:400}
.vct-picker-label svg {width:16px;height:16px;color:#128362}
.vct-picker-controls {display:flex;align-items:center;gap:4px;min-width:0;padding:3px;border:1px solid var(--vct-line);border-radius:11px;background:var(--vct-soft);transition:border-color .18s,box-shadow .18s}
.vct-picker-controls:focus-within {border-color:var(--vct-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--vct-focus) 12%,transparent)}
html body .vct-picker input[data-coupon-input] {flex:1;width:0;min-width:0;min-height:34px;padding:6px 9px!important;color:var(--vct-ink)!important;font-size:13px!important;font-weight:500!important;line-height:1.4!important;text-transform:uppercase;caret-color:var(--vct-focus)}
.vct-picker input[data-coupon-input]::placeholder {color:var(--vct-muted);font-weight:400;font-size:12px;text-transform:none;opacity:.85}
/* One focus frame around the whole control, including under legacy form rules. */
@layer coupon-controls {
  html body .vct-picker input[data-coupon-input],html body .vct-picker input[data-coupon-input]:is(:hover,:focus,:focus-visible) {border:0!important;border-radius:8px!important;outline:0!important;outline-offset:0!important;box-shadow:none!important;background:transparent!important;transform:none!important}
  html body #couponAdmin :is(input:not([type=radio]):not([type=range]),select):is(:focus,:focus-visible) {border-color:#147d69!important;outline:0!important;box-shadow:0 0 0 2px #147d691a!important}
  html body #couponAdmin :is(button,a,input[type=range]):focus-visible {outline:2px solid #147d69!important;outline-offset:3px!important}
}
.vct-picker-controls>button {flex:none;min-height:34px;padding:7px 12px;border:0;border-radius:8px;background:#147d69;color:#fff;font:600 11px/1.4 var(--font-ui,system-ui,sans-serif);cursor:pointer;touch-action:manipulation;transition:background-color .18s}
.vct-picker-controls>button:not(:disabled):hover {background:#0f6958}
.vct-picker-controls>button:disabled {opacity:.6;cursor:wait}
.vct-picker-controls>button.vct-remove {display:grid;place-items:center;padding:7px;width:30px;background:transparent;color:var(--vct-muted)}
.vct-remove svg {width:14px;height:14px}
.vct-picker-status {margin:7px 0 0!important;min-height:0;font-size:11px!important;line-height:1.5;color:var(--vct-muted)!important}
.vct-picker-status:empty {display:none}
.vct-picker-status.is-error {color:#b42341!important}
.vct-picker-status.is-applied {color:#14785b!important}
:is(.vct-section,.vct-admin,.vct-picker) :is(a,button,input,select):focus-visible {outline:2px solid #168362!important;outline-offset:3px}
.vct-admin {max-width:1200px;margin:0 auto}
.vct-admin-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
#couponAdmin .vct-eyebrow {font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--vct-muted)}
#couponAdmin h1 {display:flex;align-items:center;gap:10px;margin:7px 0 0;font-size:25px;line-height:1.3;color:var(--vct-ink)}
#couponAdmin h1 svg {width:26px;height:26px;color:#128362}
.vct-admin-builder {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(310px,1fr);align-items:start;gap:18px;margin-bottom:22px}
#couponAdmin .vct-panel {padding:20px;border:1px solid var(--vct-line);border-radius:15px;background:var(--vct-surface);box-shadow:0 3px 14px #17384a04;min-width:0}
.vct-panel-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
#couponAdmin .vct-panel-head h2 {display:flex;align-items:center;gap:8px;margin:0;color:var(--vct-ink);font-size:15px;font-weight:750}
.vct-panel-head>a {font-size:11px;color:#14785b;text-decoration:none}
.vct-admin-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}
.vct-admin-fields>label {display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:var(--vct-ink);min-width:0}
#couponAdmin :is(.vct-admin-fields input,.vct-admin-fields select,.vct-preview-summary input,.vct-admin-search input) {box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:9px 11px!important;border:1px solid var(--vct-line)!important;border-radius:9px!important;background:var(--vct-soft)!important;color:var(--vct-ink)!important;font-size:13px!important;line-height:1.4;box-shadow:none!important}
#couponAdmin input[name=code] {text-transform:uppercase;font-weight:700;letter-spacing:.5px}
#couponAdmin .vct-admin-hint {margin:16px 0;color:var(--vct-muted);font-size:11px;line-height:1.7}
.vct-admin-form-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#couponAdmin .vct-admin-button {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 13px;border:1px solid #14785b;border-radius:9px;background:#14785b;color:#fff;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}
#couponAdmin .vct-admin-button svg {width:16px;height:16px}
#couponAdmin .vct-admin-button--secondary {background:var(--vct-surface);border-color:var(--vct-line);color:var(--vct-ink)}
.vct-preview-panel {position:sticky;top:90px}
.vct-live-dot {display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:20px;font-size:10px;font-weight:700;color:#14785b;background:#eaf8f2}
.vct-live-dot::before {content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.vct-preview-stage {padding:36px 14px;border:1px solid var(--vct-line);border-radius:14px;background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--vct-muted) 15%,transparent) 1px,transparent 0) 0 0/12px 12px,var(--vct-soft);perspective:1000px}
.vct-preview-summary {display:grid;gap:10px;margin-top:18px;color:var(--vct-muted);font-size:12px}
.vct-preview-summary>div {display:flex;justify-content:space-between;gap:12px}
.vct-preview-summary strong {font-variant-numeric:tabular-nums;color:var(--vct-ink)}
.vct-preview-summary>div:last-of-type {padding-top:10px;border-top:1px solid var(--vct-line);font-weight:700}
.vct-preview-summary>p {margin:0;font-size:11px;color:var(--vct-muted)}
.vct-notice {padding:12px 14px;margin-bottom:16px;border:1px solid #bde7d6;border-radius:10px;background:#eaf8f2;color:#146c52;font-size:13px}
.vct-notice--error {border-color:#efbfca;background:#fff3f5;color:#a52d47}
.vct-admin-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vct-item-footer {display:flex;align-items:center;gap:10px;padding:9px 3px 0;font-size:11px}
.vct-item-footer>span {margin-right:auto}
.vct-item-footer :is(a,button) {border:0;background:none;padding:5px;color:var(--vct-ink);text-decoration:none;font-size:11px;font-weight:650;cursor:pointer}
.vct-state {color:#14785b;font-weight:600}
.vct-state.is-off {color:var(--vct-muted)}
.vct-count {font-size:11px;color:var(--vct-muted);padding:3px 7px;border-radius:6px;background:var(--vct-soft)}
.vct-admin-search {display:flex;align-items:center;gap:7px;max-width:240px}
.vct-admin-search>button {border:0;background:none;padding:6px;color:var(--vct-muted);cursor:pointer}
.vct-admin-search>button svg {width:18px;height:18px}
.vct-library-empty {display:grid;place-items:center;min-height:150px;color:var(--vct-muted);text-align:center;font-size:12px}
.vct-library-empty>svg {width:35px;height:35px;opacity:.5}
.vct-admin-pagination {display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;font-size:12px}
.vct-admin-pagination a {color:#14785b}
.vct-sr-only {position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
html.site-dark .vct-ticket {--vct-surface:#17212b;--vct-ink:#e5edf5;--vct-muted:#a2b3c3;--vct-line:#334353;--vct-accent:#7cdbb6;--vct-glow:#3dcf99;--vct-rail:#193b32;--vct-tint:#182b28}
html.site-dark .vct-ticket[data-theme=blue] {--vct-accent:#93c5fd;--vct-glow:#5da6f0;--vct-rail:#203951;--vct-tint:#1b2b3b}
html.site-dark .vct-ticket[data-theme=violet] {--vct-accent:#ccb0ff;--vct-glow:#b58af4;--vct-rail:#352b4c;--vct-tint:#272335}
html.site-dark .vct-ticket[data-theme=amber] {--vct-accent:#f2ce89;--vct-glow:#dba348;--vct-rail:#403523;--vct-tint:#302a20}
html.site-dark .vct-ticket .vct-use {background:var(--vct-rail);color:var(--vct-accent)}
html.site-dark .vct-picker-controls>button {background:#82d9bc;color:#102b23;border-color:transparent}
html.site-dark .vct-picker-controls>button:not(:disabled):hover {background:#a1e7cf}
html.site-dark .vct-picker-controls>.vct-remove {background:transparent;color:var(--vct-muted)}
html.site-dark .vct-picker-status.is-applied {color:#8cddbb!important}
.vct-design-settings {min-width:0;margin:22px 0;padding:20px 0 0;border:0;border-top:1px solid var(--vct-line)}
.vct-design-settings>legend {padding:0 10px 0 0;color:var(--vct-ink);font-size:13px;font-weight:700}
.vct-design-settings>p {margin:0 0 12px;color:var(--vct-muted);font-size:11px;line-height:1.6}
.vct-design-presets {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:20px}
#couponAdmin .vct-design-presets>button {min-height:40px;padding:8px 6px;border:1px solid var(--vct-line);border-radius:10px;background:var(--vct-soft);color:var(--vct-ink);font-size:11px;font-weight:600;cursor:pointer;transition:background .18s,border-color .18s}
#couponAdmin .vct-design-presets>button:is(:hover,.is-active) {border-color:#147d6970;background:#147d690b;color:#147d69}
.vct-theme-picker {min-width:0;margin:0 0 20px;padding:0;border:0}
.vct-theme-picker>legend {margin-bottom:9px;padding:0;font-size:12px;font-weight:600;color:var(--vct-ink)}
.vct-theme-picker>div {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.vct-theme-option {position:relative;display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:6px 4px;border:1px solid var(--vct-line);border-radius:10px;color:var(--vct-muted);font-size:10px;cursor:pointer}
.vct-theme-option>input {position:absolute;width:1px!important;height:1px!important;min-height:0!important;opacity:0;clip-path:inset(50%);margin:0!important;padding:0!important}
.vct-theme-option:has(input:checked) {border-color:var(--vct-swatch);background:color-mix(in srgb,var(--vct-swatch) 7%,var(--vct-surface));color:var(--vct-ink)}
.vct-theme-option:has(input:focus-visible) {outline:2px solid var(--vct-swatch);outline-offset:3px}
.vct-theme-option {--vct-swatch:#128362}
.vct-theme-option[data-theme=blue] {--vct-swatch:#2563bc}
.vct-theme-option[data-theme=violet] {--vct-swatch:#7451b8}
.vct-theme-option[data-theme=amber] {--vct-swatch:#95631a}
.vct-swatch {width:13px;height:13px;flex:none;border-radius:50%;background:var(--vct-swatch);box-shadow:inset 0 0 0 3px #ffffff38}
.vct-design-fields {gap:16px 14px}
.vct-range-field>span {display:flex;align-items:center;justify-content:space-between;gap:8px}
.vct-range-field output {font-size:10px;font-variant-numeric:tabular-nums;color:var(--vct-muted);font-weight:500}
#couponAdmin .vct-range-field input[type=range] {min-height:30px;margin:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;accent-color:#147d69;cursor:pointer}
.vct-range-field.is-muted {opacity:.6}
.vct-design-settings>p.vct-design-note {margin:15px 0 0;font-size:10px}
.vct-preview-toolbar {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}
.vct-preview-toolbar>span {color:var(--vct-muted);font-size:10px}
#couponAdmin .vct-preview-toolbar>button {display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:6px 9px;border:1px solid var(--vct-line);border-radius:8px;background:var(--vct-surface);color:var(--vct-ink);font-size:11px;font-weight:550;cursor:pointer}
.vct-preview-toolbar>button svg {width:14px;height:14px}
.vct-preview-toolbar>button:disabled {opacity:.45;cursor:default}
.vct-admin-item {padding:10px 5px 0}
html.site-dark #couponAdmin .vct-design-presets>button:is(:hover,.is-active) {color:#8cddbb;border-color:#82d9bc80;background:#82d9bc0d}

/* The opening shape and moving creases suggest a crumpled paper ticket flattening. */
.vct-ticket.vct-reveal-pending {opacity:0}
.vct-ticket.vct-is-entering {animation-duration:var(--vct-duration);animation-timing-function:cubic-bezier(.22,.8,.25,1);animation-delay:var(--vct-delay,0ms);animation-fill-mode:both;will-change:transform,opacity,clip-path}
.vct-ticket.vct-is-entering[data-ticket-effect=unroll] {animation-name:vct-paper-unroll}
.vct-ticket[data-ticket-effect=unfold] {transform-origin:15% 50%}
.vct-ticket.vct-is-entering[data-ticket-effect=unfold] {animation-name:vct-paper-unfold}
.vct-ticket.vct-is-entering[data-ticket-effect=fade] {animation-name:vct-paper-fade}
.vct-ticket.vct-is-entering:is([data-ticket-effect=unroll],[data-ticket-effect=unfold])::after {animation:vct-paper-creases var(--vct-duration) ease-out var(--vct-delay,0ms) both}
@keyframes vct-paper-unroll {
  0% {opacity:0;clip-path:polygon(12% 50%,33% 38%,52% 50%,81% 36%,89% 55%,70% 69%,45% 57%,20% 70%);transform:perspective(1000px) translateY(24px) rotateX(58deg) rotate(-9deg) scale(.72,.5)}
  30% {opacity:1;clip-path:polygon(0 19%,30% 9%,63% 18%,100% 6%,100% 81%,68% 93%,32% 84%,0 96%);transform:perspective(1000px) translateY(9px) rotateX(28deg) rotate(3deg) skewX(-3deg) scale(.96,.8)}
  68% {opacity:1;clip-path:polygon(0 3%,33% 0,66% 4%,100% 0,100% 97%,66% 100%,33% 96%,0 100%);transform:perspective(1000px) translateY(-2px) rotateX(-7deg) rotate(calc(var(--vct-tilt) - .6deg)) scale(1.015)}
  100% {opacity:1;clip-path:polygon(0 0,33% 0,66% 0,100% 0,100% 100%,66% 100%,33% 100%,0 100%);transform:perspective(1000px) rotate(var(--vct-tilt))}
}
@keyframes vct-paper-unfold {
  0% {opacity:0;transform:perspective(1000px) translateY(14px) rotateY(-64deg) rotate(-5deg) scaleX(.4)}
  55% {opacity:1;transform:perspective(1000px) rotateY(9deg) rotate(1deg) scaleX(1.015)}
  100% {opacity:1;transform:perspective(1000px) rotate(var(--vct-tilt))}
}
@keyframes vct-paper-fade {
  from {opacity:0;transform:perspective(1000px) translateY(16px) rotate(var(--vct-tilt))}
  to {opacity:1;transform:perspective(1000px) rotate(var(--vct-tilt))}
}
@keyframes vct-paper-creases {
  0% {opacity:.9;transform:translateX(-18%) scale(1.2)}
  35% {opacity:.7;transform:translateX(0) scale(1.05)}
  75% {opacity:.18;transform:translateX(20%) scale(1)}
  100% {opacity:0;transform:translateX(50%)}
}
@media(min-width:901px) and (max-width:1100px) {.vct-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px) {.vct-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(285px,calc((100% - 18px)/2));overflow-x:auto;scroll-snap-type:x proximity;padding:10px 6px 14px;scrollbar-width:thin}.vct-grid>.vct-ticket{scroll-snap-align:start}.vct-admin-builder{grid-template-columns:minmax(0,1fr)}.vct-preview-panel{position:static}.vct-preview-stage>.vct-ticket{max-width:420px;margin:auto}}
@media(max-width:600px) {.vct-grid{grid-auto-columns:minmax(270px,calc(100% - 24px))}.vct-section{margin-top:16px}.vct-section>.vct-picker{max-width:none}.vct-admin-heading{align-items:flex-start;flex-direction:column;gap:12px}#couponAdmin .vct-panel{padding:15px}.vct-admin-fields{gap:13px 10px}.vct-admin-list{grid-template-columns:minmax(0,1fr)}.vct-panel-head{flex-wrap:wrap;gap:10px}.vct-admin-search{max-width:none;width:100%}.vct-preview-stage{padding:16px 7px}}
@media(max-width:379px) {.vct-admin-fields{grid-template-columns:minmax(0,1fr)}.vct-body{padding:10px}.vct-offer>strong{font-size:20px}.vct-meta{align-items:flex-start;flex-direction:column;gap:4px}.vct-grid{grid-auto-columns:minmax(250px,calc(100% - 14px))}}
@media(max-width:600px) {.vct-picker-note{display:none}.vct-picker-controls{min-height:42px}.vct-picker-controls>button{min-height:38px}.vct-actions button{min-height:38px;min-width:38px}.vct-theme-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.vct-design-presets{gap:5px}.vct-design-presets>button{font-size:10px!important}}
@media(prefers-reduced-motion:reduce) {.vct-ticket,.vct-ticket::before,.vct-ticket::after{animation:none!important;transition:none!important;transform:none!important;clip-path:none!important}.vct-ticket.vct-reveal-pending{opacity:1}.vct-ticket.vct-is-entering::after{opacity:0}.vct-picker-controls{transition:none}}

/* Dense storefront tickets, independent of the larger admin design preview. */
html.site-pearl body.public-ui #storeCoupons {margin:14px 0 16px}
html.site-pearl body.public-ui #storeCoupons .vct-section-head {gap:8px;margin-bottom:7px}
html.site-pearl body.public-ui #storeCoupons .vct-section-head h2 {gap:7px;font-size:12px!important;line-height:1.5}
html.site-pearl body.public-ui #storeCoupons .vct-section-head h2>span {width:24px;height:24px;border-radius:7px}
html.site-pearl body.public-ui #storeCoupons .vct-section-head h2 svg {width:16px;height:16px}
html.site-pearl body.public-ui #storeCoupons .vct-section-head>span {font-size:10px}
html.site-pearl body.public-ui #storeCoupons .vct-grid {
  display:grid;grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));
  gap:10px;padding:3px 1px 5px;scrollbar-width:none;
}
html.site-pearl body.public-ui #storeCoupons .vct-grid::-webkit-scrollbar {display:none}
html.site-pearl body.public-ui #storeCoupons .vct-ticket {
  --vct-tilt:0deg!important;
  grid-template-columns:28px minmax(0,1fr);border-radius:10px;box-shadow:none!important;
  mask-image:radial-gradient(circle at 28px 0,transparent 3px,#000 3.5px),radial-gradient(circle at 28px 100%,transparent 3px,#000 3.5px);
}
html.site-pearl body.public-ui #storeCoupons .vct-rail {padding:8px 2px;gap:0}
html.site-pearl body.public-ui #storeCoupons .vct-rail>.ui-symbol {width:15px;height:15px}
html.site-pearl body.public-ui #storeCoupons .vct-rail>span {display:none}
html.site-pearl body.public-ui #storeCoupons .vct-body {padding:8px 10px}
html.site-pearl body.public-ui #storeCoupons .vct-meta {flex-direction:row;align-items:center;gap:6px;margin-bottom:5px}
html.site-pearl body.public-ui #storeCoupons .vct-remaining {padding:2px 5px;font-size:9px;line-height:1.4}
html.site-pearl body.public-ui #storeCoupons .vct-meta time {font-size:9px}
html.site-pearl body.public-ui #storeCoupons .vct-expiry-hour {display:none}
html.site-pearl body.public-ui #storeCoupons .vct-offer {gap:3px 6px}
html.site-pearl body.public-ui #storeCoupons .vct-offer>strong {font-size:18px;line-height:1.25;letter-spacing:-.35px}
html.site-pearl body.public-ui #storeCoupons .vct-offer>span {font-size:10px}
html.site-pearl body.public-ui #storeCoupons .vct-cap {min-height:0;margin-top:3px;font-size:10px;line-height:1.4}
html.site-pearl body.public-ui #storeCoupons .vct-divider {margin:6px 0}
html.site-pearl body.public-ui #storeCoupons .vct-actions {gap:6px}
html.site-pearl body.public-ui #storeCoupons .vct-actions>code {font-size:10px!important;line-height:1.4}
html.site-pearl body.public-ui #storeCoupons .vct-actions>div {gap:8px}
html.site-pearl body.public-ui #storeCoupons .vct-actions button {
  min-width:30px;min-height:32px;padding:5px;border-radius:7px!important;font-size:10px;
}
html.site-pearl body.public-ui #storeCoupons .vct-actions .vct-use {min-width:54px;padding:6px 8px}
html.site-pearl body.public-ui #storeCoupons .vct-progress {height:2px;margin-top:6px}
html.site-pearl body.public-ui #storeCoupons .vct-grid:focus-visible {outline:2px solid var(--compact-blue,#079fe0);outline-offset:3px}
@media(max-width:600px) {
  html.site-pearl body.public-ui #storeCoupons .vct-grid {
    grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(216px,46vw,240px);
    gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;
  }
}