.zsc-hole[data-v-b38e5e5b]{--zsc-accent: var(--zpp-accent, var(--mainColor, #48C2F3));--zsc-surface: var(--zpp-surface, #fff);--zsc-border: var(--zpp-border, #E2E8F0);--zsc-muted: var(--zpp-muted, #4B5563);--zsc-ink: var(--zpp-ink, #1f2937);display:flex;flex-direction:column;gap:10px}.zsc-hole__title[data-v-b38e5e5b]{margin:0;padding-left:2px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--zsc-muted)}.zsc-hole__track[data-v-b38e5e5b]{list-style:none;margin:0;padding:4px 2px 8px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.zsc-hole__track[data-v-b38e5e5b]::-webkit-scrollbar{height:6px}.zsc-hole__track[data-v-b38e5e5b]::-webkit-scrollbar-thumb{background:var(--zsc-border);border-radius:999px}.zsc-hole__item[data-v-b38e5e5b]{scroll-snap-align:start;flex:0 0 auto;width:84px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:transparent;border:0;cursor:pointer;font:inherit}.zsc-hole__thumb[data-v-b38e5e5b]{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;background:var(--zsc-surface);border:2px solid var(--zsc-border);transition:border-color .12s ease,box-shadow .12s ease;display:flex;align-items:center;justify-content:center;color:var(--zsc-accent)}.zsc-hole__glyph[data-v-b38e5e5b]{width:64px;height:64px;background-color:var(--zsc-accent);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.zsc-hole__glyph-default[data-v-b38e5e5b]{width:56px;height:56px;color:var(--zsc-accent)}.zsc-hole__item:hover .zsc-hole__thumb[data-v-b38e5e5b]{border-color:var(--zsc-accent)}.zsc-hole__item.is-selected .zsc-hole__thumb[data-v-b38e5e5b]{border-color:var(--zsc-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--zsc-accent) 30%,transparent)}.zsc-hole__check[data-v-b38e5e5b]{position:absolute;right:4px;bottom:4px;width:22px;height:22px;border-radius:50%;background:var(--zsc-accent);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .12s ease,transform .12s ease}.zsc-hole__item.is-selected .zsc-hole__check[data-v-b38e5e5b]{opacity:1;transform:scale(1)}.zsc-hole__label[data-v-b38e5e5b]{font-size:12px;line-height:1.25;text-align:center;color:var(--zsc-ink);font-weight:600;max-width:84px}.zsc-hole__item.is-selected .zsc-hole__label[data-v-b38e5e5b]{color:var(--zsc-accent)}.zsc-attach[data-v-b3328246]{--zsc-accent: var(--zpp-accent, var(--mainColor, #48C2F3));--zsc-surface: var(--zpp-surface, #fff);--zsc-border: var(--zpp-border, #E2E8F0);--zsc-muted: var(--zpp-muted, #4B5563);--zsc-ink: var(--zpp-ink, #1f2937);display:flex;flex-direction:column;gap:10px}.zsc-attach__title[data-v-b3328246]{margin:0;padding-left:2px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--zsc-muted)}.zsc-attach__track[data-v-b3328246]{list-style:none;margin:0;padding:4px 2px 8px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.zsc-attach__track[data-v-b3328246]::-webkit-scrollbar{height:6px}.zsc-attach__track[data-v-b3328246]::-webkit-scrollbar-thumb{background:var(--zsc-border);border-radius:999px}.zsc-attach__item[data-v-b3328246]{scroll-snap-align:start;flex:0 0 auto;width:84px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:transparent;border:0;cursor:pointer;font:inherit}.zsc-attach__thumb[data-v-b3328246]{position:relative;width:84px;height:84px;border-radius:10px;overflow:hidden;background:var(--zsc-surface);border:2px solid var(--zsc-border);transition:border-color .12s ease,box-shadow .12s ease;display:flex;align-items:center;justify-content:center}.zsc-attach__thumb img[data-v-b3328246]{width:100%;height:100%;object-fit:contain;padding:6px}.zsc-attach__thumb--none[data-v-b3328246]{background-image:repeating-linear-gradient(45deg,var(--zsc-surface),var(--zsc-surface) 6px,#eef2f7 6px,#eef2f7 12px)}.zsc-attach__item:hover .zsc-attach__thumb[data-v-b3328246]{border-color:var(--zsc-accent)}.zsc-attach__item.is-selected .zsc-attach__thumb[data-v-b3328246]{border-color:var(--zsc-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--zsc-accent) 30%,transparent)}.zsc-attach__check[data-v-b3328246]{position:absolute;right:4px;bottom:4px;width:22px;height:22px;border-radius:50%;background:var(--zsc-accent);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .12s ease,transform .12s ease}.zsc-attach__item.is-selected .zsc-attach__check[data-v-b3328246]{opacity:1;transform:scale(1)}.zsc-attach__label[data-v-b3328246]{font-size:12px;line-height:1.25;text-align:center;color:var(--zsc-ink);font-weight:600;max-width:84px}.zsc-attach__item.is-selected .zsc-attach__label[data-v-b3328246]{color:var(--zsc-accent)}.zsc-attach__price[data-v-b3328246]{font-size:11px;line-height:1.2;text-align:center;font-weight:700;color:var(--zsc-ink);max-width:84px}.zsc-attach__price--free[data-v-b3328246]{color:var(--zsc-muted);font-weight:600}.zokne-storefront-customizer,.zokne-storefront-customizer-controls{--zsc-accent: var(--mainColor, #cc0000);--zsc-accent-ink: var(--whiteColor, #ffffff);--zsc-accent-hover: var(--mainHoverColor, #a80000);--zsc-fg: var(--blackColor, #1f2428);--zsc-fg-muted: var(--paragraphColor, #666);--zsc-muted: #999999;--zsc-border: #e5e7eb;--zsc-border-2: #e0e0e0;--zsc-surface: #ffffff;--zsc-surface-soft: #fafbfc;--zsc-surface-alt: #f3f4f6;--zsc-font-display: var(--fontFamily, "Montserrat", system-ui, sans-serif);--zsc-font-body: var(--fontFamily2, "Roboto", system-ui, sans-serif);--zsc-font-mono: ui-monospace, "Roboto Mono", SFMono-Regular, Menlo, monospace;--zsc-radius: 10px;--zsc-radius-sm: 6px}.zokne-storefront-customizer__stage{position:relative;background:linear-gradient(160deg,#f5f7fa,#eef2f7);border:1px solid var(--zsc-border-2);border-radius:12px;padding:clamp(12px,4%,28px);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--boxShadow, rgba(80, 79, 79, .1) 0 0 16px)}.zokne-storefront-customizer__stage-badge{position:absolute;top:12px;left:12px;background:var(--zsc-accent);color:var(--zsc-accent-ink);font-family:var(--zsc-font-display);font-weight:700;font-size:10px;padding:4px 9px;border-radius:4px;letter-spacing:.06em;text-transform:uppercase;z-index:2}.zokne-storefront-customizer__stage-inner{width:100%;display:flex;align-items:center;justify-content:center}.zokne-storefront-customizer-controls__section{margin-top:18px}.zokne-storefront-customizer-controls__section-title{font-family:var(--zsc-font-display);font-weight:700;font-size:11px;color:var(--zsc-fg);text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;display:flex;align-items:center;gap:8px}.zokne-storefront-customizer-controls__section-title:before{content:"";width:4px;height:4px;background:var(--zsc-accent);border-radius:50%;display:inline-block}.zokne-storefront-customizer-controls__section-title-hint{margin-left:auto;font-weight:500;font-size:10px;color:var(--zsc-muted);letter-spacing:0;text-transform:none;font-family:var(--zsc-font-body)}.zokne-storefront-customizer-controls__rows{display:flex;flex-direction:column;gap:10px;background:transparent;border:0;border-radius:0}.zokne-storefront-customizer-controls__pagetabs{position:relative;display:inline-flex;align-items:center;gap:0;margin-bottom:12px;padding:2px;background:#e5eaf0;border:0;border-radius:999px;isolation:isolate}.zokne-storefront-customizer-controls__pagetab-pill{position:absolute;z-index:1;top:2px;left:2px;height:calc(100% - 4px);width:calc((100% - 4px) / var(--zsc-pagetab-count, 1));background:var(--zsc-surface, #fff);border-radius:999px;box-shadow:0 1px 3px #00000014,0 0 0 1px #0000000a;transform:translate(calc(var(--zsc-pagetab-index, 0) * 100%));transition:transform .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.zokne-storefront-customizer-controls__pagetab{position:relative;z-index:2;border:0;background:transparent;padding:0 14px;height:24px;border-radius:999px;font-family:var(--zsc-font-display);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--zsc-fg-muted);cursor:pointer;transition:color .15s ease}.zokne-storefront-customizer-controls__pagetab:hover,.zokne-storefront-customizer-controls__pagetab.is-active{color:var(--zsc-fg)}.zokne-storefront-customizer-controls__row{display:flex;flex-direction:column;gap:4px;padding:0;border:0;background:transparent;min-height:0}.zokne-storefront-customizer-controls__row:hover{background:transparent}.zokne-storefront-customizer-controls__row-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.zokne-storefront-customizer-controls__row-control{min-width:0;position:relative}.zokne-storefront-customizer-controls__char-hint{position:absolute;right:4px;top:calc(100% + 2px);font-family:var(--zsc-font-mono);font-size:10px;color:var(--zsc-muted);pointer-events:none}.zokne-storefront-customizer-controls__input{width:100%;height:32px;padding:0 10px;border:1px solid var(--zsc-border);border-radius:var(--zsc-radius-sm);background:var(--zsc-surface);font-family:var(--zsc-font-body);font-size:13px;color:var(--zsc-fg);transition:border-color .12s ease}.zokne-storefront-customizer-controls__input:focus{outline:none;border-color:var(--zsc-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--zsc-accent) 18%,transparent)}.zokne-storefront-customizer-controls__select{position:relative;width:100%}.zokne-storefront-customizer-controls__select select{width:100%;height:32px;padding:0 30px 0 10px;border:1px solid var(--zsc-border);border-radius:var(--zsc-radius-sm);background:var(--zsc-surface);font-family:var(--zsc-font-body);font-size:13px;color:var(--zsc-fg);appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .12s ease}.zokne-storefront-customizer-controls__select select:focus{outline:none;border-color:var(--zsc-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--zsc-accent) 18%,transparent)}.zokne-storefront-customizer-controls__select-caret{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--zsc-muted);width:10px;height:10px}.zokne-storefront-customizer-controls__swatches{position:relative;display:flex;align-items:center;gap:6px;padding:6px 10px;min-height:38px;border:1px solid color-mix(in srgb,var(--zsc-fg) 18%,transparent);border-radius:8px;background:transparent;flex-wrap:wrap;width:100%;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.zokne-storefront-customizer-controls__swatches:focus-within{border-color:var(--zsc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--zsc-accent) 14%,transparent)}.zokne-storefront-customizer-controls__swatch{width:22px;height:22px;border-radius:4px;cursor:pointer;border:0;padding:0;position:relative;box-shadow:inset 0 0 0 1px #00000014;transition:transform .1s ease}.zokne-storefront-customizer-controls__swatch:hover{transform:scale(1.12)}.zokne-storefront-customizer-controls__swatch[aria-checked=true]{box-shadow:inset 0 0 0 1px #00000014,0 0 0 2px var(--zsc-accent)}.zokne-storefront-customizer-controls__swatch[aria-checked=true]:after{content:"";position:absolute;inset:0;border-radius:4px;border:1.5px solid #fff}.zokne-storefront-customizer-controls__swatch:focus-visible{outline:2px solid var(--zsc-accent);outline-offset:2px}.zsc-text-field{position:relative;display:block;min-height:38px;padding:0;border:1px solid color-mix(in srgb,var(--zsc-fg) 18%,transparent);border-radius:8px;background:var(--zsc-surface, #fff);transition:border-color .15s ease,box-shadow .15s ease;z-index:1}.zsc-text-field:hover,.zsc-text-field:focus-within,.zsc-text-field.is-tools-pinned{z-index:5}.zsc-text-field:focus-within{border-color:var(--zsc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--zsc-accent) 14%,transparent)}.zsc-text-field__input{display:block;width:100%;min-width:0;min-height:36px;padding:8px 12px;border:0;outline:0;background:transparent;resize:none;overflow:hidden;box-sizing:border-box;font-family:var(--zsc-font-body);font-size:13px;line-height:1.35;color:var(--zsc-fg);transition:padding-right .15s ease}.zsc-text-field--has-tools:hover .zsc-text-field__input,.zsc-text-field--has-tools:focus-within .zsc-text-field__input,.zsc-text-field--has-tools.is-tools-pinned .zsc-text-field__input{padding-right:calc(8px + var(--zsc-tools-w, 0px))}.zsc-text-field__input::placeholder{color:color-mix(in srgb,var(--zsc-fg) 40%,transparent);font-weight:500;opacity:1}.zsc-text-field__tools{position:absolute;top:4px;right:4px;display:flex;align-items:center;gap:4px;opacity:0;pointer-events:none;transition:opacity .12s ease}.zsc-text-field:hover .zsc-text-field__tools,.zsc-text-field:focus-within .zsc-text-field__tools,.zsc-text-field.is-tools-pinned .zsc-text-field__tools{opacity:1;pointer-events:auto}.zsc-text-field__btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;min-width:28px;padding:0 6px;border:1px solid var(--zsc-border);border-radius:5px;background:var(--zsc-surface, #fff);color:var(--zsc-fg);font-family:var(--zsc-font-display);font-size:12px;font-weight:700;cursor:pointer;transition:background .12s ease,border-color .12s ease}.zsc-text-field__btn:hover{background:var(--zsc-surface-alt);border-color:color-mix(in srgb,var(--zsc-fg) 28%,transparent)}.zsc-text-field__btn.is-active{color:var(--zsc-accent);background:color-mix(in srgb,var(--zsc-accent) 10%,transparent);border-color:color-mix(in srgb,var(--zsc-accent) 40%,transparent)}.zsc-text-field__btn.is-open{background:var(--zsc-surface-alt);border-color:color-mix(in srgb,var(--zsc-fg) 28%,transparent)}.zsc-text-field__chip{width:16px;height:16px;border-radius:3px;box-shadow:inset 0 0 0 1px #0000001a;display:inline-block}.zsc-text-field__aa{font-weight:800;letter-spacing:-.02em}.zsc-text-field__caret{color:var(--zsc-muted);width:9px;height:9px}.zsc-popover{position:absolute;right:0;top:calc(100% + 4px);z-index:30;background:var(--zsc-surface);border:1px solid var(--zsc-border);border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:10px;font-family:var(--zsc-font-body);max-height:min(440px,calc(100vh - 60px));display:flex;flex-direction:column;overflow:hidden}.zsc-popover.zsc-popover--flip{top:auto;bottom:calc(100% + 4px)}.zsc-popover--color{min-width:220px;width:260px;max-width:90vw}.zsc-popover__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;margin-bottom:4px;flex:1;min-height:0;overflow-y:auto;padding-right:2px}.zsc-popover__custom{flex-shrink:0}.zsc-popover__grid,.zsc-popover__fonts,.zsc-swap-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--zsc-fg) 15%,transparent) transparent}.zsc-popover__grid::-webkit-scrollbar,.zsc-popover__fonts::-webkit-scrollbar,.zsc-swap-list::-webkit-scrollbar{width:6px;height:6px}.zsc-popover__grid::-webkit-scrollbar-track,.zsc-popover__fonts::-webkit-scrollbar-track,.zsc-swap-list::-webkit-scrollbar-track{background:transparent}.zsc-popover__grid::-webkit-scrollbar-thumb,.zsc-popover__fonts::-webkit-scrollbar-thumb,.zsc-swap-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--zsc-fg) 20%,transparent);border-radius:3px}.zsc-popover__grid::-webkit-scrollbar-thumb:hover,.zsc-popover__fonts::-webkit-scrollbar-thumb:hover,.zsc-swap-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--zsc-fg) 35%,transparent)}.zsc-popover__swatch{width:22px;height:22px;border:0;padding:0;border-radius:4px;cursor:pointer;box-shadow:inset 0 0 0 1px #00000014;position:relative;transition:transform .1s ease}.zsc-popover__swatch:hover{transform:scale(1.12)}.zsc-popover__swatch.is-active{box-shadow:inset 0 0 0 1px #00000014,0 0 0 2px var(--zsc-accent)}.zsc-popover__swatch.is-active:after{content:"";position:absolute;inset:0;border-radius:4px;border:1.5px solid #fff}.zsc-popover__custom{margin-top:8px;padding-top:8px;border-top:1px solid var(--zsc-surface-alt)}.zsc-popover__custom-label{display:block;font-family:var(--zsc-font-display);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--zsc-muted);margin-bottom:5px}.zsc-popover__custom-row{display:flex;gap:6px;align-items:center}.zsc-popover__native{width:32px;height:26px;border:1px solid var(--zsc-border);border-radius:4px;padding:0;cursor:pointer;background:transparent}.zsc-popover__native::-webkit-color-swatch-wrapper{padding:1px}.zsc-popover__native::-webkit-color-swatch{border:0;border-radius:3px}.zsc-popover__hex{flex:1;height:26px;padding:0 8px;border:1px solid var(--zsc-border);border-radius:4px;font-family:var(--zsc-font-mono);font-size:11.5px;text-transform:uppercase;color:var(--zsc-fg);background:var(--zsc-surface)}.zsc-popover__hex:focus{outline:none;border-color:var(--zsc-accent)}.zsc-popover--font{width:320px;max-width:92vw;padding:8px}.zsc-popover__search{width:100%;height:28px;padding:0 8px;margin-bottom:6px;border:1px solid var(--zsc-border);border-radius:4px;font-family:var(--zsc-font-body);font-size:12px;color:var(--zsc-fg);background:var(--zsc-surface);flex-shrink:0}.zsc-popover__search:focus{outline:none;border-color:var(--zsc-accent)}.zsc-popover__fonts{display:grid;grid-template-columns:1fr 1fr;gap:2px 4px;overflow-y:auto;min-height:0;flex:1}.zsc-popover__font-group-label{grid-column:1 / -1;font-family:var(--zsc-font-display);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--zsc-muted);padding:8px 6px 2px}.zsc-popover__font{display:block;width:100%;text-align:left;border:0;background:transparent;padding:5px 8px;font-size:12.5px;color:var(--zsc-fg);cursor:pointer;border-radius:4px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.zsc-popover__font:hover{background:var(--zsc-surface-soft)}.zsc-popover__font.is-active{background:color-mix(in srgb,var(--zsc-accent) 10%,#fff);color:var(--zsc-accent)}.zsc-swap-trigger{position:relative;width:100%;min-height:38px;padding:8px 28px 8px 12px;display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--zsc-fg) 18%,transparent);border-radius:8px;background:transparent;cursor:pointer;font-family:var(--zsc-font-body);font-size:13px;color:var(--zsc-fg);text-align:left;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.zsc-swap-trigger:hover{border-color:color-mix(in srgb,var(--zsc-fg) 30%,transparent)}.zsc-swap-trigger:focus,.zsc-swap-trigger.is-open{outline:none;border-color:var(--zsc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--zsc-accent) 14%,transparent)}.zsc-swap-trigger__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsc-swap-trigger.is-empty .zsc-swap-trigger__label{color:var(--zsc-muted)}.zsc-swap-trigger__caret{color:var(--zsc-muted);width:10px;height:10px;flex-shrink:0}.zsc-image-upload{width:100%}.zsc-image-upload__button{position:relative;width:100%;min-height:38px;padding:6px 12px;display:inline-flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--zsc-fg) 18%,transparent);border-radius:8px;background:transparent;cursor:pointer;font-family:var(--zsc-font-body);font-size:13px;color:var(--zsc-fg);text-align:left;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.zsc-image-upload__button:hover,.zsc-image-upload__button:focus{outline:none;border-color:var(--zsc-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--zsc-accent) 14%,transparent)}.zsc-image-upload__button:disabled{cursor:not-allowed;opacity:.6}.zsc-image-upload__thumb{width:24px;height:24px;border-radius:4px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0000001a;flex-shrink:0}.zsc-image-upload__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zsc-image-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.zsc-image-upload__error{margin:5px 0 0;color:#b91c1c;font-family:var(--zsc-font-body);font-size:11px;line-height:1.3}.zsc-image-upload__warning{margin:5px 0 0;color:#b45309;font-family:var(--zsc-font-body);font-size:11px;line-height:1.3}.zsc-popover--swap{left:0;right:0;width:auto;min-width:100%;max-width:100%;padding:8px}.zsc-popover--swap.zsc-popover--swap-wide{min-width:100%;max-width:100%}.zsc-swap-list{overflow-y:auto;min-height:0;flex:1}.zsc-swap-list--grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 4px}.zsc-swap-option{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;background:transparent;font-family:var(--zsc-font-body);font-size:12.5px;color:var(--zsc-fg);cursor:pointer;border-radius:4px;text-align:left;line-height:1.2;min-width:0}.zsc-swap-option:hover{background:var(--zsc-surface-soft)}.zsc-swap-option.is-active{background:color-mix(in srgb,var(--zsc-accent) 10%,#fff);color:var(--zsc-accent)}.zsc-swap-option--none{color:var(--zsc-muted);font-style:italic}.zsc-swap-list--grid .zsc-swap-option--none{grid-column:1 / -1}.zsc-swap-option__thumb{width:24px;height:24px;border-radius:4px;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #00000014;flex-shrink:0}.zsc-swap-option__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zokne-storefront-customizer-controls__empty{padding:14px;font-size:13px;color:var(--zsc-fg-muted);background:var(--zsc-surface);border:1px solid var(--zsc-border);border-radius:var(--zsc-radius);font-family:var(--zsc-font-body)}@media (max-width: 575.98px){.zokne-storefront-customizer-controls__row{grid-template-columns:1fr;gap:4px}.zokne-storefront-customizer-controls__char-hint{position:static;display:block;text-align:right}}.zokne-compact-variations{--zsc-accent: var(--mainColor, #cc0000);--zsc-fg: var(--blackColor, #1f2428);--zsc-fg-muted: var(--paragraphColor, #666);--zsc-muted: #999999;--zsc-border: #e5e7eb;--zsc-surface: #ffffff;--zsc-surface-soft: #fafbfc;--zsc-surface-alt: #f3f4f6;--zsc-font-display: var(--fontFamily, "Montserrat", system-ui, sans-serif);--zsc-font-body: var(--fontFamily2, "Roboto", system-ui, sans-serif);--zsc-radius: 10px;--zsc-radius-sm: 6px;margin-top:18px}.zokne-compact-variations .add-to-cart-form>h3,.zokne-compact-variations .product-variations>h3,.zokne-compact-variations .add-to-cart-form h3:first-of-type{font-family:var(--zsc-font-display);font-weight:700;font-size:11px;color:var(--zsc-fg);text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;padding:0;line-height:1.3;display:flex;align-items:center;gap:8px}.zokne-compact-variations .add-to-cart-form>h3:before,.zokne-compact-variations .product-variations>h3:before{content:"";width:4px;height:4px;background:var(--zsc-accent);border-radius:50%;display:inline-block;flex-shrink:0}.zokne-compact-variations .product-variations{background:var(--zsc-surface);border:1px solid var(--zsc-border);border-radius:var(--zsc-radius);overflow:hidden}.zokne-compact-variations .product-variations .variation-group{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;column-gap:12px;row-gap:4px;padding:10px 14px;border-bottom:1px solid var(--zsc-surface-alt);min-height:48px;margin:0}.zokne-compact-variations .product-variations .variation-group:last-child{border-bottom:0}.zokne-compact-variations .product-variations .variation-group:hover{background:var(--zsc-surface-soft)}.zokne-compact-variations .product-variations .variation-group>label,.zokne-compact-variations .product-variations .variation-group>.product-page-variation-label{font-family:var(--zsc-font-display);font-weight:600;font-size:12px;color:var(--zsc-fg);line-height:1.3;margin:0;padding:0;grid-column:1;align-self:center}.zokne-compact-variations .product-variations .variation-group>input,.zokne-compact-variations .product-variations .variation-group>select,.zokne-compact-variations .product-variations .variation-group>textarea,.zokne-compact-variations .product-variations .variation-group>.form-control,.zokne-compact-variations .product-variations .variation-group>.form-select,.zokne-compact-variations .product-variations .variation-group>.d-flex,.zokne-compact-variations .product-variations .variation-group>.btn-group,.zokne-compact-variations .product-variations .variation-group>.form-check{grid-column:2;align-self:center;min-width:0}.zokne-compact-variations .variation-group input[type=text],.zokne-compact-variations .variation-group input[type=number],.zokne-compact-variations .variation-group input[type=date],.zokne-compact-variations .variation-group input[type=email],.zokne-compact-variations .variation-group input[type=tel],.zokne-compact-variations .variation-group select,.zokne-compact-variations .variation-group .form-control,.zokne-compact-variations .variation-group .form-select{width:100%;height:32px;min-height:32px;padding:0 10px;border:1px solid var(--zsc-border);border-radius:var(--zsc-radius-sm);background:var(--zsc-surface);font-family:var(--zsc-font-body);font-size:13px;color:var(--zsc-fg);line-height:1.3;box-shadow:none;transition:border-color .12s ease,box-shadow .12s ease}.zokne-compact-variations .variation-group .form-control-lg,.zokne-compact-variations .variation-group .form-control-sm{height:32px;min-height:32px;padding:0 10px;font-size:13px;line-height:1.3;border-radius:var(--zsc-radius-sm)}.zokne-compact-variations .variation-group textarea,.zokne-compact-variations .variation-group textarea.form-control{height:auto;min-height:64px;padding:8px 10px;line-height:1.45}.zokne-compact-variations .variation-group input:focus,.zokne-compact-variations .variation-group select:focus,.zokne-compact-variations .variation-group textarea:focus,.zokne-compact-variations .variation-group .form-control:focus,.zokne-compact-variations .variation-group .form-select:focus{outline:none;border-color:var(--zsc-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--zsc-accent) 18%,transparent)}.zokne-compact-variations .variation-group input[type=file]{width:100%;min-height:32px;padding:4px 10px;border:1px solid var(--zsc-border);border-radius:var(--zsc-radius-sm);background:var(--zsc-surface);font-family:var(--zsc-font-body);font-size:12px;color:var(--zsc-fg)}.zokne-compact-variations .variation-group input[type=file]::file-selector-button{margin-right:8px;padding:3px 8px;border:1px solid var(--zsc-border);border-radius:4px;background:var(--zsc-surface-alt);color:var(--zsc-fg);font-family:var(--zsc-font-display);font-weight:600;font-size:11px;cursor:pointer}.zokne-compact-variations .variation-group .d-flex.flex-wrap,.zokne-compact-variations .variation-group .d-flex.gap-2,.zokne-compact-variations .variation-group .d-flex.gap-3{margin-top:0!important;gap:10px!important;flex-wrap:wrap}.zokne-compact-variations .variation-group .form-check-inline{margin-right:0}.zokne-compact-variations .variation-group .form-check-label{font-family:var(--zsc-font-body);font-size:12px;color:var(--zsc-fg)}.zokne-compact-variations .variation-group .btn-group .btn{padding:4px 10px;font-size:11px;line-height:1.3;border-radius:var(--zsc-radius-sm)}.zokne-compact-variations .variation-group .help-block,.zokne-compact-variations .variation-group .help-block ul,.zokne-compact-variations .variation-group .help-block li{grid-column:1 / -1;margin:0;padding:0;list-style:none;font-size:11px;color:var(--zsc-accent);font-family:var(--zsc-font-body)}.zokne-compact-variations .variation-group.has-error input,.zokne-compact-variations .variation-group.has-error select,.zokne-compact-variations .variation-group.has-error textarea,.zokne-compact-variations .variation-group input:user-invalid,.zokne-compact-variations .variation-group select:user-invalid,.zokne-compact-variations .variation-group textarea:user-invalid{border-color:var(--zsc-accent);background:color-mix(in srgb,var(--zsc-accent) 5%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--zsc-accent) 14%,transparent)}.zokne-compact-variations .variation-group .invalid-feedback{display:none;grid-column:2;margin-top:4px;font-size:11px;color:var(--zsc-accent);font-family:var(--zsc-font-body);line-height:1.35}.zokne-compact-variations .variation-group input:user-invalid~.invalid-feedback,.zokne-compact-variations .variation-group textarea:user-invalid~.invalid-feedback,.zokne-compact-variations .variation-group select:user-invalid~.invalid-feedback,.zokne-compact-variations .variation-group.has-error .invalid-feedback{display:block}.zokne-compact-variations .product-variations .variation-group.mt-2,.zokne-compact-variations .product-variations .variation-group label.mt-2,.zokne-compact-variations .product-variations .variation-group span.mt-2{margin-top:0!important}@media (max-width: 575.98px){.zokne-compact-variations .product-variations .variation-group{grid-template-columns:1fr;gap:4px}.zokne-compact-variations .product-variations .variation-group>input,.zokne-compact-variations .product-variations .variation-group>select,.zokne-compact-variations .product-variations .variation-group>textarea,.zokne-compact-variations .product-variations .variation-group>.form-control,.zokne-compact-variations .product-variations .variation-group>.form-select,.zokne-compact-variations .product-variations .variation-group>.d-flex,.zokne-compact-variations .product-variations .variation-group>.btn-group,.zokne-compact-variations .product-variations .variation-group>.form-check{grid-column:1}}