/* Generated by DECETI design compiler. Do not edit manually. */
/* Schema 1; production design v0. */
:root {
  --color-page-background: #eeeeee;
  --color-surface: #ffffff;
  --color-surface-alt: #f8f9fa;
  --color-surface-muted: #f1f5f9;
  --color-preview-background: #f1f3f5;
  --color-topblock-background: #00334d;
  --color-topblock-content-background: #02b5ff;
  --color-topblock-banner-background: #d40b78;
  --color-topblock-banner-text: #ffffff;
  --color-top-heading: #ffffff;
  --color-top-text: #ffffff;
  --color-top-accent: #D40B78;
  --color-text: #111827;
  --color-heading: #000000;
  --color-text-muted: #6b7280;
  --color-text-inverse: #ffffff;
  --color-text-disabled: #94a3b8;
  --color-border: #d4d9df;
  --color-border-strong: #a0a0a0;
  --color-control-border: #cbd5e1;
  --color-focus: #02b5ff;
  --color-primary: #02b5ff;
  --color-primary-hover: #00c5f0;
  --color-primary-dark: #00334d;
  --color-accent: #7fe8ff;
  --color-accent-soft: rgba(127,232,255,0.25);
  --color-header-top-background: #f8f9fa;
  --color-header-top-text: #00334d;
  --color-header-background: #ffffff;
  --color-header-text: #000000;
  --color-header-icon: #000000;
  --color-header-search-icon: #0d1d57;
  --color-header-search-icon-hover: #02b5ff;
  --color-header-account-icon: #0d1d57;
  --color-header-account-icon-hover: #02b5ff;
  --color-header-cart-icon: #0d1d57;
  --color-header-cart-icon-hover: #02b5ff;
  --color-header-icon-hover-background: #f2f8ff;
  --color-header-language-text: #00334d;
  --color-header-language-hover-background: #f2f8ff;
  --color-header-language-hover-text: #02b5ff;
  --color-header-language-dropdown-background: #ffffff;
  --color-header-language-dropdown-text: #00334d;
  --color-header-language-dropdown-hover-background: #02b5ff;
  --color-header-language-dropdown-hover-text: #ffffff;
  --color-menu-background: #00334d;
  --color-menu-text: #ffffff;
  --color-menu-hover-background: #02b5ff;
  --color-menu-hover-text: #ffffff;
  --color-menu-dropdown-background: #ffffff;
  --color-menu-dropdown-text: #000000;
  --color-menu-dropdown-hover-background: #02b5ff;
  --color-menu-dropdown-hover-text: #ffffff;
  --color-menu-dropdown-border: #d4d9df;
  --spacing-menu-gap: 12px;
  --color-cart-dropdown-background: #ffffff;
  --color-cart-dropdown-item-background: #f8f9fa;
  --color-cart-dropdown-text: #111827;
  --color-cart-dropdown-muted-text: #6b7280;
  --color-cart-dropdown-border: #d4d9df;
  --color-cart-dropdown-totals-background: #f1f5f9;
  --color-cart-dropdown-totals-text: #000000;
  --color-cart-dropdown-link: #02b5ff;
  --color-cart-dropdown-link-hover: #00334d;
  --color-cart-dropdown-remove-background: #dc3545;
  --color-cart-dropdown-remove-text: #ffffff;
  --color-calculator-background: #e5e7eb;
  --color-calculator-block-background: #eef8fc;
  --color-message-block-background: #ffffff;
  --color-message-block-border: #7fe8ff;
  --color-finishing-header-background: #00334d;
  --color-finishing-header-text: #ffffff;
  --color-finishing-card-background: #f3f9fd;
  --color-finishing-card-border: #d7e5f2;
  --color-finishing-card-text: #071b4c;
  --color-finishing-image-background: #ffffff;
  --color-finishing-image-border: #d7e5f2;
  --color-finishing-image-button: #02b5ff;
  --color-finishing-image-button-text: #ffffff;
  --color-calculator-heading-text: #071b4c;
  --color-calculator-heading-accent: #02b5ff;
  --color-top-gradient-start: #00334d;
  --color-top-gradient-end: #00334d;
  --color-top-icon-circle: rgba(127,232,255,0.25);
  --color-top-icon: #02b5ff;
  --color-shipping-options-background: #f3f9fd;
  --color-shipping-options-border: #d7e5f2;
  --color-shipping-options-text: #071b4c;
  --color-shipping-options-heading-background: #00334d;
  --color-shipping-options-heading-text: #ffffff;
  --color-shipping-options-icon-circle: rgba(127,232,255,0.25);
  --color-shipping-options-icon: #02b5ff;
  --color-shipping-options-heading-border: #00334d;
  --color-shipping-options-hint: #52678f;
  --color-shipping-options-control-background: #ffffff;
  --color-shipping-options-control-border: #cbd5e1;
  --color-shipping-options-control-text: #071b4c;
  --radius-shipping-options-block: 18px;
  --radius-shipping-options-heading: 0px;
  --border-width-shipping-options-block: 1px;
  --border-width-shipping-options-heading: 0px;
  --color-calculate-block-background: #eef8fc;
  --color-calculate-block-border: #d7e5f2;
  --color-calculate-block-text: #071b4c;
  --color-summary-background: #eef8fc;
  --color-summary-border: #d7e5f2;
  --color-summary-divider: #b8d4e8;
  --color-summary-heading-text: #071b4c;
  --color-summary-heading-icon-background: rgba(127,232,255,0.25);
  --color-summary-heading-svg-primary: #02b5ff;
  --color-summary-heading-svg-secondary: #7fe8ff;
  --color-price-card-background: #ffffff;
  --color-price-card-border: #d7e5f2;
  --color-price-card-title: #071b4c;
  --color-price-card-value: #071b4c;
  --color-price-card-note: #52678f;
  --color-price-card-svg-background: rgba(127,232,255,0.25);
  --color-price-card-svg-primary: #02b5ff;
  --color-price-card-svg-secondary: #7fe8ff;
  --color-calculate-gradient-start: #eef8fc;
  --color-calculate-gradient-end: #eef8fc;
  --color-total-gradient-start: #bbf3ff;
  --color-total-gradient-end: #bbf3ff;
  --color-calculate-icon-circle: rgba(127,232,255,0.25);
  --color-calculate-icon: #02b5ff;
  --color-calculator-panel-gradient-start: #eef8fc;
  --color-calculator-panel-gradient-end: #eef8fc;
  --color-calculator-border: #00334d;
  --color-options-background: #ffffff;
  --color-options-border: #02b5ff;
  --color-action-primary: #00334d;
  --color-action-primary-hover: #00c5f0;
  --color-action-primary-text: #ffffff;
  --color-action-design: #00334d;
  --color-action-design-hover: #0771A6;
  --color-action-design-text: #ffffff;
  --color-action-upload: #02b5ff;
  --color-action-upload-hover: #00c5f0;
  --color-action-upload-text: #ffffff;
  --color-action-template: #D40B78;
  --color-action-template-hover: #F40B87;
  --color-action-template-text: #ffffff;
  --color-action-shipping: #00334d;
  --color-action-shipping-hover: #00c5f0;
  --color-action-shipping-text: #ffffff;
  --color-success: #2f8000;
  --color-warning: #ffb347;
  --color-danger: #dc3545;
  --color-info: #015a78;
  --color-total-background: #bbf3ff;
  --color-total-text: #00334d;
  --color-total-border: #7fe8ff;
  --color-total-title: #00334d;
  --color-total-value: #00334d;
  --color-total-note: #52678f;
  --color-total-svg-background: #7fe8ff;
  --color-total-svg-primary: #02b5ff;
  --color-total-svg-secondary: #ffffff;
  --color-circle: rgba(127,232,255,0.25);
  --color-icon: #02b5ff;
  --color-circle-top: rgba(127,232,255,0.25);
  --color-circle-top-total: #7fe8ff;
  --color-circle-top-icon: #02b5ff;
  --color-footer-background: #232323;
  --color-footer-text: #f0f0f0;
  --color-footer-icon: #f0f0f0;
  --color-footer-background-start: #00334d;
  --color-footer-background-end: #000000;
  --color-footer-heading: #ffffff;
  --color-footer-slogan: #ffffff;
  --color-footer-link: #ffffff;
  --color-footer-link-hover: #7fe8ff;
  --color-footer-icon-background: rgba(255,255,255,0.1);
  --color-footer-icon-hover: #00334d;
  --color-footer-icon-hover-background: #7fe8ff;
  --color-footer-border: #d4d9df;
  --color-production-time-header-background: #00334d;
  --color-production-time-header-text: #ffffff;
  --color-production-time-card-background: #f3f9fd;
  --color-production-time-card-border: #d7e5f2;
  --color-production-time-card-text: #071b4c;
  --color-production-time-image-background: #ffffff;
  --color-production-time-image-border: #d7e5f2;
  --color-production-time-image-button: #02b5ff;
  --color-production-time-image-button-text: #ffffff;
  --color-account-intro-background: #00334d;
  --color-account-intro-heading: #ffffff;
  --color-account-intro-text: #ffffff;
  --color-topblock-highlight: #02b5ff;
  --color-topblock-card-background: #ffffff;
  --color-topblock-card-border: #cbd5e1;
  --color-topblock-card-heading: #ffffff;
  --color-topblock-card-text: #6b7280;
  --color-topblock-card-active-border: #02b5ff;
  --color-topblock-primary-button-background: #00334d;
  --color-topblock-primary-button-hover: #00c5f0;
  --color-topblock-primary-button-text: #ffffff;
  --color-topblock-secondary-button-background: #ffffff;
  --color-topblock-secondary-button-border: #02b5ff;
  --color-topblock-secondary-button-text: #ffffff;
  --color-topblock-stage-start: #7fe8ff;
  --color-topblock-stage-middle: #02b5ff;
  --color-topblock-stage-end: #00334d;
  --color-product-cards-background: #ffffff;
  --color-product-cards-heading: #000000;
  --color-product-cards-text: #6b7280;
  --color-product-cards-accent: #02b5ff;
  --color-product-cards-tab-background: #ffffff;
  --color-product-cards-tab-text: #00334d;
  --color-product-cards-tab-border: #d4d9df;
  --color-product-cards-tab-active-background: #02b5ff;
  --color-product-cards-tab-active-text: #ffffff;
  --color-product-cards-card-background: #ffffff;
  --color-product-cards-card-border: #d4d9df;
  --color-product-cards-card-heading: #000000;
  --color-product-cards-card-text: #6b7280;
  --color-product-cards-image-background: #f8f9fa;
  --color-product-cards-card-active-border: #02b5ff;
  --color-product-cards-badge-background: #ffffff;
  --color-product-cards-badge-text: #00334d;
  --color-product-cards-button-background: #00334d;
  --color-product-cards-button-hover: #00c5f0;
  --color-product-cards-button-text: #ffffff;
  --font-body-family: Arial, sans-serif;
  --font-heading-family: Arial, sans-serif;
  --font-display-family: Arial, sans-serif;
  --font-navigation-family: Arial, sans-serif;
  --font-button-family: Arial, sans-serif;
  --font-form-family: Arial, sans-serif;
  --font-price-family: Arial, sans-serif;
  --font-content-body-family: Arial, sans-serif;
  --font-content-heading-family: Arial, sans-serif;
  --font-banner-body-family: Arial, sans-serif;
  --font-banner-display-family: Arial, sans-serif;
  --font-banner-promo-family: Arial, sans-serif;
  --font-body-weight: 400;
  --font-heading-weight: 700;
  --font-navigation-weight: 700;
  --font-button-weight: 500;
  --font-price-weight: 500;
  --font-body-size: 16px;
  --font-heading-1-size: 40px;
  --font-heading-2-size: 32px;
  --font-heading-3-size: 26px;
  --font-heading-4-size: 22px;
  --font-heading-5-size: 18px;
  --font-heading-6-size: 16px;
  --font-navigation-size: 18px;
  --font-button-size: 18px;
  --font-form-size: 18px;
  --font-price-label-size: 22px;
  --font-price-value-size: 32px;
  --font-content-body-size: 18px;
  --font-content-heading-size: 28px;
  --font-banner-display-size: 24px;
  --font-banner-body-size: 18px;
  --font-banner-promo-size: 18px;
  --font-banner-strip-size: 22px;
  --font-body-line-height: 1.5;
  --font-heading-line-height: 1.2;
  --font-content-line-height: 1.6;
  --font-banner-body-line-height: 1.45;
  --radius-page: 0px;
  --radius-panel: 16px;
  --radius-card: 16px;
  --radius-control: 9999px;
  --radius-button: 9999px;
  --radius-banner: 16px;
  --radius-total-card: 16px;
  --radius-content-card: 16px;
  --spacing-page-inline: 20px;
  --spacing-section: 24px;
  --spacing-panel: 20px;
  --spacing-card: 16px;
  --spacing-grid-gap: 14px;
  --spacing-control-y: 10px;
  --spacing-control-x: 16px;
  --border-width-default: 1px;
  --border-width-strong: 2px;
  --control-min-height: 48px;
  --price-card-min-height: 140px;
  --product-card-image-width: 250px;
  --product-card-image-height: 250px;
  --content-max-width: 1600px;
  --dynamic-block-width: 80%;
  --shadow-panel: 0 4px 12px rgba(0,0,0,0.05);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-menu: 0 10px 28px rgba(0,0,0,0.14);
  --focus-ring-width: 3px;
  --focus-ring-color: rgba(2,181,255,0.35);
  --color-template-panel-background: #ffffff;
  --color-template-panel-border: #d4d9df;
  --color-template-heading: #000000;
  --color-template-text: #111827;
  --color-template-muted: #6b7280;
  --color-template-divider: #d4d9df;
  --color-template-focus: #02b5ff;
  --color-template-shadow: rgba(7,27,76,0.10);
  --color-template-search-background: #ffffff;
  --color-template-search-border: #cbd5e1;
  --color-template-search-text: #111827;
  --color-template-search-placeholder: #6b7280;
  --color-template-search-icon: #111827;
  --color-template-search-button-background: #00334d;
  --color-template-search-button-text: #ffffff;
  --color-template-search-button-hover-background: #00c5f0;
  --color-template-search-button-hover-text: #ffffff;
  --color-template-category-background: #ffffff;
  --color-template-category-text: #111827;
  --color-template-category-border: #d4d9df;
  --color-template-category-hover-background: #f8f9fa;
  --color-template-category-hover-text: #111827;
  --color-template-category-hover-border: #02b5ff;
  --color-template-category-active-background: #00334d;
  --color-template-category-active-text: #ffffff;
  --color-template-category-active-border: #00334d;
  --color-template-subcategory-background: #ffffff;
  --color-template-subcategory-text: #111827;
  --color-template-subcategory-border: #d4d9df;
  --color-template-subcategory-hover-background: #f8f9fa;
  --color-template-subcategory-hover-text: #111827;
  --color-template-subcategory-hover-border: #02b5ff;
  --color-template-subcategory-active-background: #00334d;
  --color-template-subcategory-active-text: #ffffff;
  --color-template-subcategory-active-border: #00334d;
  --color-template-filter-background: #ffffff;
  --color-template-filter-text: #111827;
  --color-template-filter-border: #d4d9df;
  --color-template-filter-hover-background: #f8f9fa;
  --color-template-filter-hover-text: #111827;
  --color-template-filter-hover-border: #02b5ff;
  --color-template-filter-active-background: #00334d;
  --color-template-filter-active-text: #ffffff;
  --color-template-filter-active-border: #00334d;
  --color-template-category-art-background: #f8f9fa;
  --color-template-category-icon: #02b5ff;
  --color-template-category-count: #6b7280;
  --color-template-subcategory-art-background: #f8f9fa;
  --color-template-subcategory-count: #6b7280;
  --color-template-subcategory-check-background: #ffffff;
  --color-template-subcategory-check-icon: #00334d;
  --color-template-select-background: #ffffff;
  --color-template-select-text: #111827;
  --color-template-select-border: #cbd5e1;
  --color-template-card-background: #ffffff;
  --color-template-card-text: #111827;
  --color-template-card-border: #d4d9df;
  --color-template-card-hover-background: #ffffff;
  --color-template-card-hover-border: #02b5ff;
  --color-template-card-title: #000000;
  --color-template-card-image-background: #ffffff;
  --color-template-action-background: #00334d;
  --color-template-action-text: #ffffff;
  --color-template-action-hover-background: #00c5f0;
  --color-template-action-hover-text: #ffffff;
  --color-template-navigation-background: #ffffff;
  --color-template-navigation-text: #111827;
  --color-template-navigation-border: #d4d9df;
  --color-template-navigation-hover-background: #f8f9fa;
  --color-template-navigation-hover-text: #02b5ff;
  --color-template-progress-track: #d4d9df;
  --color-template-progress-active: #00334d;
  --radius-template-panel: 16px;
  --radius-template-card: 10px;
  --radius-template-control: 10px;
  --spacing-template-panel-padding: 18px;
  --spacing-template-grid-gap: 14px;
  --spacing-template-control-gap: 8px;
  --font-template-heading-size: 30px;
  --font-template-category-size: 14px;
  --font-template-subcategory-size: 13px;
  --font-template-card-title-size: 15px;
  --font-template-control-size: 15px;
  --border-template-panel-border-width: 1px;
  --border-template-search-border-width: 1px;
  --border-template-category-border-width: 1px;
  --border-template-category-hover-border-width: 1px;
  --border-template-category-active-border-width: 1px;
  --border-template-subcategory-border-width: 1px;
  --border-template-subcategory-hover-border-width: 1px;
  --border-template-subcategory-active-border-width: 1px;
  --border-template-filter-border-width: 1px;
  --border-template-filter-hover-border-width: 1px;
  --border-template-filter-active-border-width: 1px;
  --border-template-select-border-width: 1px;
  --border-template-card-border-width: 1px;
  --border-template-card-hover-border-width: 1px;
  --border-template-navigation-border-width: 1px;
  --color-sticker-header-background: #00334d;
  --color-sticker-header-text: #ffffff;
  --color-sticker-inner-background: #ffffff;
  --color-sticker-size-background: #ffffff;
  --color-sticker-size-text: #00334d;
  --color-sticker-size-border: #08749a;
  --color-sticker-size-hover-background: #bbf3ff;
  --color-sticker-size-selected-background: #02b5ff;
  --color-sticker-size-selected-text: #00334d;
  --color-sticker-quantity-background: #ffffff;
  --color-sticker-quantity-text: #00334d;
  --color-sticker-quantity-border: #d7e5f2;
  --color-sticker-quantity-hover-background: #bbf3ff;
  --color-sticker-quantity-selected-background: #7fe8ff;
  --color-sticker-quantity-selected-text: #00334d;
  --color-sticker-savings-text: #08749a;
  --color-sticker-preview-background: #ffffff;
  --color-sticker-preview-border: #02b5ff;
  --deceti-color-primary: var(--color-primary);
  --deceti-color-primary-hover: var(--color-primary-hover);
  --deceti-color-primary-dark: var(--color-primary-dark);
  --deceti-color-accent: var(--color-accent);
  --deceti-color-surface: var(--color-surface);
  --deceti-color-page: var(--color-page-background);
  --deceti-color-panel: var(--color-surface-alt);
  --deceti-color-text: var(--color-text);
  --deceti-color-text-black: var(--color-heading);
  --deceti-color-text-muted: var(--color-text-muted);
  --deceti-color-border: var(--color-border);
  --deceti-color-border-control: var(--color-control-border);
  --deceti-color-focus: var(--color-focus);
  --deceti-color-action-design: var(--color-action-design);
  --deceti-color-action-upload: var(--color-action-upload);
  --deceti-color-action-upload-hover: var(--color-action-upload-hover);
  --deceti-color-action-template: var(--color-action-template);
  --deceti-color-action-template-hover: var(--color-action-template-hover);
  --deceti-color-success: var(--color-success);
  --deceti-color-warning: var(--color-warning);
  --deceti-color-danger: var(--color-danger);
  --deceti-color-footer-background: var(--color-footer-background);
  --deceti-color-footer-text: var(--color-footer-text);
  --deceti-color-footer-icon: var(--color-footer-icon);
  --calc-accent: var(--color-options-border);
  --calc-accent-text: var(--color-primary-dark);
  --calc-focus: var(--color-focus);
  --deceti-radius-control: var(--radius-control);
  --deceti-radius-block: var(--radius-card);
  --deceti-radius-header: var(--radius-banner);
  --deceti-v4-topblock-background: var(--color-topblock-background);
  --deceti-v4-topblock-content-background: var(--color-topblock-content-background);
  --deceti-v4-top-heading: var(--color-top-heading);
  --deceti-v4-top-text: var(--color-top-text);
  --deceti-v4-top-accent: var(--color-top-accent);
  --deceti-v4-top-icon-circle: var(--color-top-icon-circle);
  --deceti-v4-top-icon: var(--color-top-icon);
  --deceti-v4-topblock-primary-button-background: var(--color-topblock-primary-button-background);
  --deceti-v4-topblock-primary-button-hover: var(--color-topblock-primary-button-hover);
  --deceti-v4-topblock-primary-button-text: var(--color-topblock-primary-button-text);
  --object-page-background: var(--color-page-background);
  --object-panel-background: var(--color-surface);
  --object-panel-border: var(--color-border);
  --object-body-text: var(--color-text);
  --object-heading-text: var(--color-heading);
  --object-total-background: var(--color-total-background);
  --object-total-text: var(--color-total-text);
  --object-total-border: var(--color-total-border);
  --object-panel-radius: var(--radius-panel);
  --object-total-radius: var(--radius-total-card);
  --object-total-border-width: var(--border-width-strong);
  --object-total-min-height: var(--price-card-min-height);
  --object-price-heading-font-size: var(--font-price-label-size);
  --object-price-value-font-size: var(--font-price-value-size);
  --object-control-background: var(--color-surface);
  --object-control-text: var(--color-text);
  --object-control-border: var(--color-control-border);
  --object-control-hover-border: var(--color-border-strong);
  --object-control-focus-border: var(--color-focus);
  --object-control-focus-ring: var(--color-accent-soft);
  --object-control-disabled-background: var(--color-surface-muted);
  --object-control-disabled-text: var(--color-text-disabled);
  --object-selection-background: var(--color-surface);
  --object-selection-text: var(--color-text);
  --object-selection-border: var(--color-border);
  --object-selection-hover-background: var(--color-surface-muted);
  --object-selection-hover-border: var(--color-accent);
  --object-selection-active-background: var(--color-accent-soft);
  --object-selection-active-border: var(--color-primary);
  --object-selection-active-text: var(--color-text);
  --object-calculator-background: var(--color-calculator-background);
  --object-calculator-block-background: var(--color-calculator-block-background);
  --object-calculator-border: var(--color-calculator-border);
  --object-calculator-title-background: var(--color-primary);
  --object-calculator-title-text: var(--color-text-inverse);
  --object-calculated-option-background: var(--color-accent-soft);
  --object-calculated-option-text: var(--color-text);
  --object-calculated-option-border: var(--color-border);
  --object-price-background: var(--color-surface);
  --object-price-text: var(--color-text);
  --object-total-heading-text: var(--color-total-text);
  --object-total-value-text: var(--color-total-text);
  --object-message-block-background: var(--color-message-block-background);
  --object-message-block-border: var(--color-message-block-border);
  --object-shipping-background: var(--color-message-block-background);
  --object-shipping-text: var(--color-primary);
  --object-shipping-border: var(--color-message-block-border);
  --object-savings-background: var(--color-surface);
  --object-savings-text: var(--color-text);
  --object-savings-value-text: var(--color-primary);
  --object-savings-border: var(--color-accent);
  --object-action-primary-background: var(--color-action-primary);
  --object-action-primary-hover-background: var(--color-action-primary-hover);
  --object-action-primary-text: var(--color-text-inverse);
  --object-action-design-background: var(--color-action-design);
  --object-action-design-hover-background: var(--color-action-design-hover);
  --object-action-design-text: var(--color-text-inverse);
  --object-action-upload-background: var(--color-action-upload);
  --object-action-upload-hover-background: var(--color-action-upload-hover);
  --object-action-upload-text: var(--color-text-inverse);
  --object-action-template-background: var(--color-action-template);
  --object-action-template-hover-background: var(--color-action-template-hover);
  --object-action-template-text: var(--color-text-inverse);
  --object-options-background: var(--color-options-background);
  --object-options-border: var(--color-options-border);
  --object-icon-circle: var(--color-circle);
  --object-icon-color: var(--color-icon);
  --object-summary-icon-circle: var(--color-circle-top);
  --object-summary-total-icon-circle: var(--color-circle-top-total);
  --object-summary-icon-color: var(--color-circle-top-icon);
  --object-footer-text: var(--color-footer-text);
  --object-footer-icon: var(--color-footer-icon);
  --theme-surface-page: var(--color-page-background);
  --theme-surface-default: var(--color-surface);
  --theme-surface-alt: var(--color-surface-alt);
  --theme-surface-elevated: var(--color-surface-muted);
  --theme-text-primary: var(--color-text);
  --theme-text-muted: var(--color-text-muted);
  --theme-text-inverse: var(--color-text-inverse);
  --theme-text-disabled: var(--color-text-disabled);
  --theme-border-default: var(--color-border);
  --theme-border-soft: var(--color-border);
  --theme-border-strong: var(--color-border-strong);
  --theme-border-focus: var(--color-focus);
  --theme-brand-primary: var(--color-primary);
  --theme-brand-primary-hover: var(--color-primary-hover);
  --theme-brand-dark: var(--color-primary-dark);
  --theme-brand-accent: var(--color-accent);
  --theme-brand-accent-text: var(--color-text-inverse);
  --theme-brand-soft-05: var(--color-surface-muted);
  --theme-brand-soft-10: var(--color-accent-soft);
  --theme-brand-soft-15: var(--color-accent-soft);
  --theme-brand-soft-25: var(--color-accent-soft);
  --theme-brand-soft-50: var(--color-accent-soft);
  --theme-calculator-block-background: var(--color-calculator-block-background);
  --theme-action-primary: var(--color-action-primary);
  --theme-action-primary-hover: var(--color-action-primary-hover);
  --theme-action-design: var(--color-action-design);
  --theme-action-design-hover: var(--color-action-design-hover);
  --theme-action-upload: var(--color-action-upload);
  --theme-action-upload-hover: var(--color-action-upload-hover);
  --theme-action-template: var(--color-action-template);
  --theme-action-template-hover: var(--color-action-template-hover);
  --theme-feedback-info: var(--color-info);
  --theme-feedback-success: var(--color-success);
  --theme-feedback-warning: var(--color-warning);
  --theme-feedback-danger: var(--color-danger);
  --theme-commerce-total-background: var(--color-total-background);
  --theme-commerce-total-text: var(--color-total-text);
  --theme-commerce-total-border: var(--color-total-border);
  --theme-icon-circle: var(--color-circle);
  --theme-icon-color: var(--color-icon);
  --theme-summary-icon-circle: var(--color-circle-top);
  --theme-summary-total-icon-circle: var(--color-circle-top-total);
  --theme-summary-icon-color: var(--color-circle-top-icon);
  --theme-footer-text: var(--color-footer-text);
  --theme-footer-icon: var(--color-footer-icon);
  --theme-radius-small: var(--radius-page);
  --theme-radius-control: var(--radius-control);
  --theme-radius-card: var(--radius-card);
  --theme-radius-panel: var(--radius-panel);
  --theme-page-gutter: var(--spacing-page-inline);
  --theme-space-2: var(--spacing-grid-gap);
  --theme-space-3: var(--spacing-grid-gap);
  --theme-space-4: var(--spacing-card);
  --theme-space-5: var(--spacing-panel);
  --theme-space-6: var(--spacing-section);
  --theme-control-height: var(--control-min-height);
  --theme-control-font-size: var(--font-form-size);
  --theme-content-max-width: var(--content-max-width);
  --content-card-background: var(--color-surface);
  --content-card-border: var(--color-primary-dark);
  --content-heading-color: var(--color-heading);
  --content-text-color: var(--color-text);
  --content-muted-color: var(--color-text-muted);
  --content-link-color: var(--color-primary-dark);
  --content-accent-color: var(--color-primary);
  --content-radius: var(--radius-content-card);
  --content-gap: var(--spacing-grid-gap);
  --content-padding: var(--spacing-card);
  --topblock-surface: var(--color-topblock-background);
  --topblock-content-background: var(--color-topblock-content-background);
  --topblock-text: var(--color-top-text);
  --topblock-heading: var(--color-top-heading);
  --topblock-accent: var(--color-top-accent);
  --topblock-banner-background: var(--color-topblock-banner-background);
  --topblock-banner-text: var(--color-topblock-banner-text);
  --topblock-radius: var(--radius-banner);
  --topblock-gap: var(--spacing-grid-gap);
  --topblock-padding: var(--spacing-panel);
}

/* Design tokens stay on :root so components inherit the active palette.
   Do not redeclare tokens on component descendants: a local custom
   property prevents later root palette changes from reaching them. */

/* Same typography enforcement used by the storefront preview. */
body.deceti-theme, body[class*="deceti-"], .deceti-theme {
  font-family: var(--font-body-family) !important;
  font-size: var(--font-body-size) !important;
  font-weight: var(--font-body-weight) !important;
  line-height: var(--font-body-line-height) !important;
}
/* Footer lives at the edge of the legacy page shell and some old footer
   rules assign their own font. Bind its text explicitly to the active
   typography contract instead of relying only on body inheritance. */
[data-deceti-footer], [data-deceti-footer] :is(p,a,li,address,span,strong,b,div) {
  font-family: var(--font-body-family) !important;
}
.deceti-theme :is(h1,h2,h3,h4,h5,h6), [class*="deceti-"] :is(h1,h2,h3,h4,h5,h6) {
  font-family: var(--font-heading-family) !important;
  font-weight: var(--font-heading-weight) !important;
  line-height: var(--font-heading-line-height) !important;
}
.deceti-theme :is(button,.btn,[type="button"],[type="submit"]), [class*="deceti-"] :is(button,.btn,[type="button"],[type="submit"]) {
  font-family: var(--font-button-family) !important;
  font-size: var(--font-button-size) !important;
  font-weight: var(--font-button-weight) !important;
}
.deceti-theme :is(input,select,textarea), [class*="deceti-"] :is(input,select,textarea) {
  font-family: var(--font-form-family) !important;
  font-size: var(--font-form-size) !important;
}
.deceti-theme :is(#result_price,#result_frame,#result_shipping,#result_total,[data-deceti-price-value]), [class*="deceti-"] :is(#result_price,#result_frame,#result_shipping,#result_total,[data-deceti-price-value]) {
  font-family: var(--font-price-family) !important;
  font-size: var(--font-price-value-size) !important;
  font-weight: var(--font-price-weight) !important;
}

/* Selected storefront geometry contract. */
/* DECETI v0 storefront geometry contract.
 * This file is compiled into the production design CSS by DesignBuilder.
 * It deliberately contains geometry only; colors remain semantic tokens.
 */

.deceti-dynamic-block[data-deceti-block="topblock"],
.deceti-block-topblock,
.deceti-content-entity--topblock-v0 {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border-radius: var(--topblock-radius, var(--radius-banner, 16px));
}

.deceti-dynamic-block[data-deceti-block="topblock"] {
  width: 100%;
  max-width: none;
  margin-inline: 0;
}

.deceti-block-topblock > .deceti-content-block,
.deceti-content-entity--topblock-v0 > .deceti-content-block {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0 !important;
}

.deceti-block-topblock .image-wrapper,
.deceti-content-entity--topblock-v0 .image-wrapper {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: var(--topblock-radius, var(--radius-banner, 16px));
  background: var(--topblock-surface, var(--color-topblock-background));
}

.deceti-block-topblock .image-container,
.deceti-content-entity--topblock-v0 .image-container {
  display: flex;
  width: 100%;
  min-width: 0;
  margin: 0;
  justify-content: flex-start;
  align-items: stretch;
}

.deceti-block-topblock .image-left,
.deceti-content-entity--topblock-v0 .image-left {
  display: block;
  width: 70%;
  max-width: none;
  min-height: 320px;
  height: auto;
  flex: 1 1 70%;
  object-fit: cover;
}

.deceti-block-topblock .image-right-block,
.deceti-content-entity--topblock-v0 .image-right-block {
  display: flex;
  width: 35%;
  min-width: 280px;
  max-width: 592px;
  height: auto !important;
  margin: 0 0 0 -85px;
  padding: var(--topblock-padding, var(--spacing-panel, 24px));
  align-items: center;
  border-radius: 0;
  box-shadow: none;
  background: var(--topblock-content-background, var(--color-topblock-content-background));
}

.deceti-block-topblock .magenta-banner,
.deceti-content-entity--topblock-v0 .magenta-banner {
  display: grid;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 10px var(--topblock-padding, var(--spacing-panel, 24px));
  place-items: center;
  color: var(--topblock-banner-text, var(--color-text-inverse));
  background: var(--topblock-banner-background, var(--color-action-upload));
  text-align: center;
}

:is(.deceti-block-contentblock2, .deceti-block-contentblock3, .deceti-content-entity) {
  --content-card-border: var(--color-primary-dark, #00334d);
  --content-card-background: var(--color-surface, #fff);
}

:is(.deceti-block-contentblock2, .deceti-block-contentblock3, .deceti-content-entity) .content-block,
.deceti-content-entity__card {
  border-color: var(--content-card-border);
  background: var(--content-card-background);
}

@media (max-width: 915px) {
  .deceti-block-topblock .image-container,
  .deceti-content-entity--topblock-v0 .image-container {
    flex-direction: column;
  }

  .deceti-block-topblock .image-left,
  .deceti-content-entity--topblock-v0 .image-left,
  .deceti-block-topblock .image-right-block,
  .deceti-content-entity--topblock-v0 .image-right-block {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-left: 0;
  }
}

/* The calculator shell owns the outline; the cyan title is clipped underneath it. */
.deceti-theme.deceti-0 .calculator:has(> .blue-top-line),
.deceti-theme.deceti-0 .calculator:has(.blue-top-line:first-child) {
  overflow: hidden;
  border-color: var(--object-button-primary-background, var(--deceti-color-primary-dark, #00334d)) !important;
}

.deceti-theme.deceti-0 .blue-top-line {
  box-sizing: border-box;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: var(--object-calculator-title-background, var(--deceti-color-accent-strong, #1ad4fd)) !important;
  background-image: none !important;
}

.deceti-theme.deceti-0 .calculator-vertical > .deceti-calculator-top-heading {
  display: flex;
  width: 100%;
  min-height: 50px;
  margin: 0;
  padding: 8px 16px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  text-align: center;
}

/* Selected Top Block color contract. */
/* DECETI_TOP_BLOCK_COLOR_CONTRACT
{
  "schema": "deceti.top-block-color-contract",
  "version": 1,
  "family": "deceti-0",
  "description": "Core Top Block surface, content and typography colors.",
  "tokens": [
    "--color-topblock-background",
    "--color-topblock-content-background",
    "--color-topblock-banner-background",
    "--color-top-heading",
    "--color-top-text",
    "--color-top-accent"
  ]
}
DECETI_TOP_BLOCK_COLOR_CONTRACT_END */

:root {
  --topblock-surface: var(--color-topblock-background);
  --topblock-content-background: var(--color-topblock-content-background);
  --topblock-banner-background: var(--color-topblock-banner-background);
  --topblock-heading: var(--color-top-heading);
  --topblock-text: var(--color-top-text);
  --topblock-accent: var(--color-top-accent);
}

.deceti-block-topblock,
.deceti-product-top-block,
.deceti-dynamic-block[data-deceti-block="topblock"] {
  color: var(--color-top-text);
  background-color: var(--color-topblock-background);
}

.deceti-block-topblock :is(h1,h2,h3,h4,h5,h6),
.deceti-product-top-block :is(h1,h2,h3,h4,h5,h6) {
  color: var(--color-top-heading);
}

.deceti-block-topblock :is(.content-block,.message-overlay),
.deceti-product-top-block :is(.content-block,.message-overlay) {
  background-color: var(--color-topblock-content-background);
}

.deceti-block-topblock .magenta-banner,
.deceti-product-top-block .magenta-banner,
.deceti-content-entity--topblock-v0 .magenta-banner {
  background: var(--topblock-banner-background) !important;
}

.deceti-block-topblock :is(.eyebrow,.kicker,.accent),
.deceti-product-top-block :is(.eyebrow,.kicker,.accent) {
  color: var(--color-top-accent);
}

/* Color-only shared contract. No changes to calculator geometry. */
html body .calculator:is(.calculator,#form_upload):is(.calculator,#form_options) :is(.finishing-module-title,.finishing-header) { background:var(--color-finishing-header-background)!important; color:var(--color-finishing-header-text)!important; }
html body .calculator:is(.calculator,#form_upload):is(.calculator,#form_options) :is(.finishing-module-title,.finishing-header) * { color:var(--color-finishing-header-text)!important; }
html body .calculator:is(.calculator,#form_upload):is(.calculator,#form_options) .finishing-card { background:var(--color-finishing-card-background)!important; border-color:var(--color-finishing-card-border)!important; color:var(--color-finishing-card-text)!important; }
html body .calculator:is(.calculator,#form_upload):is(.calculator,#form_options) .finishing-card :is(label,span,p,strong,b,h2,h3,h4) { color:var(--color-finishing-card-text)!important; }
html body .calculator:is(.calculator,#form_upload):is(.calculator,#form_options) :is(#production_time_wrapper,.deceti-productiontime,.deceti-production-time-block,#production_time_row,#production_time_selector_block) .finishing-module-title { background:var(--color-production-time-header-background)!important; color:var(--color-production-time-header-text)!important; }
html body .calculator:is(.calculator,#form_upload):is(.calculator,#form_options) :is(#production_time_wrapper,.deceti-productiontime,.deceti-production-time-block,#production_time_row,#production_time_selector_block) .finishing-module-title * { color:var(--color-production-time-header-text)!important; }
html body .calculator:is(.calculator,#form_upload):is(.calculator,#form_options) :is(#production_time_wrapper,.deceti-productiontime,.deceti-production-time-block,#production_time_row,#production_time_selector_block) .finishing-card { background:var(--color-production-time-card-background)!important; border-color:var(--color-production-time-card-border)!important; color:var(--color-production-time-card-text)!important; }
html body .calculator:is(.calculator,#form_upload):is(.calculator,#form_options) :is(#production_time_wrapper,.deceti-productiontime,.deceti-production-time-block,#production_time_row,#production_time_selector_block) .finishing-card :is(label,span,p,strong,b,h2,h3,h4,input,select,textarea,option) { color:var(--color-production-time-card-text)!important; }
html body .calculator:is(.calculator,#form_upload):is(.calculator,#form_options) :is(#production_time_wrapper,.deceti-productiontime,.deceti-production-time-block) :is(.finishing-image-wrap,.option-image-wrap,.deceti-finishing-preview,.deceti-finishing-image__thumb,img) { background-color:var(--color-production-time-image-background)!important; border-color:var(--color-production-time-image-border)!important; }
html body .calculator:is(.calculator,#form_upload):is(.calculator,#form_options) :is(#production_time_wrapper,.deceti-productiontime,.deceti-production-time-block) .deceti-finishing-preview__plus { background:var(--color-production-time-image-button)!important; border-color:var(--color-production-time-image-button)!important; color:var(--color-production-time-image-button-text)!important; }
/* V6 shell modules can live outside the inner .calculator. Color-only rules. */
html body.deceti-theme .deceti-v6-shell .deceti-v6-intro__title { color:var(--color-top-heading)!important; }
html body.deceti-theme .deceti-v6-shell .deceti-v6-intro__eyebrow { color:var(--color-top-accent)!important; }
html body.deceti-theme .deceti-v6-shell .deceti-v6-intro__subtitle { color:var(--color-top-text)!important; }
html body.deceti-theme .deceti-v6-shell #form_upload #deceti-v6-live-summary .deceti-v6-summary-heading,
html body.deceti-theme .deceti-v6-shell #form_upload #deceti-v6-live-summary .deceti-v6-summary-heading span { color:var(--color-summary-heading-text)!important; }
html body.deceti-theme .deceti-v6-shell #form_upload #shipping_calc_wrap .deceti-v6-shipping-heading { background:var(--color-shipping-options-heading-background)!important; border-color:var(--color-shipping-options-heading-border)!important; color:var(--color-shipping-options-heading-text)!important; }
html body.deceti-theme .deceti-v6-shell #form_upload #shipping_calc_wrap .deceti-v6-shipping-heading span { color:var(--color-shipping-options-heading-text)!important; }
html body.deceti-theme .deceti-v6-shell #production_time_wrapper.deceti-production-time-section .finishing-module-title { background:var(--color-production-time-header-background,var(--color-finishing-header-background))!important; color:var(--color-production-time-header-text,var(--color-finishing-header-text))!important; }
html body.deceti-theme .deceti-v6-shell #production_time_wrapper.deceti-production-time-section .finishing-module-title * { color:var(--color-production-time-header-text,var(--color-finishing-header-text))!important; }
html body.deceti-theme .deceti-v6-shell #production_time_wrapper.deceti-production-time-section :is(.deceti-production-time-card,.finishing-card) { background:var(--color-production-time-card-background,var(--color-finishing-card-background))!important; border-color:var(--color-production-time-card-border,var(--color-finishing-card-border))!important; color:var(--color-production-time-card-text,var(--color-finishing-card-text))!important; }
html body.deceti-theme .deceti-v6-shell #production_time_wrapper.deceti-production-time-section :is(.deceti-production-time-card,.finishing-card) :is(label,span,p,b,strong,select,option) { color:var(--color-production-time-card-text,var(--color-finishing-card-text))!important; }
/* Do not let authored display:flex!important override runtime hidden state. */
html body.deceti-theme .deceti-v6-shell #form_upload #deceti-v6-live-summary #shipping_promo_wrap:is([style*="display:none"],[style*="display: none"],:has(> #shipping_promo_msg:empty)) { display:none!important; }
html body.deceti-theme .deceti-v6-shell #form_upload #shipping_promo_wrap:is([style*="display:none"],[style*="display: none"],:has(> #shipping_promo_msg:empty)) { display:none!important; }
html body.deceti-theme .deceti-v6-shell #form_upload #finishing_options_wrapper .finishing-module-title { background:var(--color-finishing-header-background)!important; color:var(--color-finishing-header-text)!important; }
html body.deceti-theme .deceti-v6-shell #form_upload #finishing_options_wrapper .finishing-module-title * { color:var(--color-finishing-header-text)!important; }
html body.deceti-theme .deceti-v6-shell #form_upload .deceti-v7-options .blocksize > b { color:var(--color-calculator-heading-text)!important; }
/* V6 reuses the V7 adapter marker: identify its shell, not calculator-6. */
html body.deceti-theme .deceti-v6-shell #form_upload #deceti-v6-live-summary .deceti-v6-summary-icon.deceti-v6-summary-icon--total::after { background-color:var(--color-total-svg-primary,var(--color-circle-top-icon))!important; }
html body.deceti-theme .deceti-v6-shell #form_upload #deceti-v6-live-summary .deceti-v6-summary-icon::before { background-color:var(--color-circle-top)!important; }
html body.deceti-theme .deceti-v6-shell #form_upload #deceti-v6-live-summary .deceti-v6-summary-icon::after { background-color:var(--color-circle-top-icon)!important; }
html body.deceti-theme .deceti-v6-shell #form_upload #deceti-v6-live-summary .deceti-v6-summary-icon--total::before { background-color:var(--color-circle-top-total)!important; }
html body.deceti-theme .deceti-v6-shell #form_upload #deceti-v6-live-summary .deceti-v6-summary-icon.deceti-v6-summary-icon--shipping::before {
  content:""!important; position:absolute!important; inset:auto!important; left:50%!important; top:50%!important; transform:translate(-50%,-50%)!important;
  width:50px!important; height:50px!important; border-radius:50%!important;
  background:var(--color-circle-top)!important; -webkit-mask:none!important; mask:none!important;
}

/* v6 grows with its options and measured summary; no fixed 620px floor. */
html body.deceti-theme .deceti-v6-shell .deceti-v6-shell__content {
 min-height:var(--deceti-v6-content-min-height,620px)!important;
 height:auto!important;
}
/* Keep every right-column action at its authored size while measuring content. */
html body.deceti-theme .deceti-v6-shell #form_upload #deceti-v6-live-summary {
 height:auto!important;
 max-height:none!important;
}
html body.deceti-theme .deceti-v6-shell #form_upload #deceti-v6-live-summary > * {
 flex-shrink:0!important;
}
/* V6 Calculate uses only the configured action colors, never an authored gradient. */
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload #deceti-v6-live-summary#deceti-v6-live-summary .deceti-v6-calculate #get_quote {
  background:var(--color-action-primary)!important;
  background-image:none!important;
  border-color:var(--color-action-primary)!important;
  color:var(--color-action-primary-text)!important;
}
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload #deceti-v6-live-summary#deceti-v6-live-summary .deceti-v6-calculate #get_quote:is(:hover,:focus-visible) {
  background:var(--color-action-primary-hover)!important;
  background-image:none!important;
  border-color:var(--color-action-primary-hover)!important;
}

/* Compact V6 vertical rhythm; do not change controls, colors or visibility. */
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload #deceti-v6-live-summary#deceti-v6-live-summary #shipping_calc_wrap.deceti-v6-shipping { margin-top:10px!important; margin-bottom:0!important; }
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload #deceti-v6-live-summary#deceti-v6-live-summary > .deceti-v6-right-messages { margin:0!important; }
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload #deceti-v6-live-summary#deceti-v6-live-summary > .deceti-v6-calculate { margin:10px 0 0!important; }
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload #deceti-v6-live-summary#deceti-v6-live-summary > .deceti-v6-action-separator { margin:10px 0 8px!important; }

/* Total glyph must override the shared V7-adapter glyph palette, including inline template CSS. */
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload #deceti-v6-live-summary#deceti-v6-live-summary .deceti-v6-summary-icon.deceti-v6-summary-icon--total::after { background:var(--color-total-svg-primary,var(--color-circle-top-icon))!important; }
html body.deceti-theme .deceti-v6-shell #form_upload #deceti-v6-live-summary .deceti-v6-summary-icon.deceti-v6-summary-icon--shipping::after {
  content:""!important; position:absolute!important; inset:auto!important; left:50%!important; top:50%!important; transform:translate(-50%,-50%)!important;
  width:32px!important; height:32px!important; background:var(--color-circle-top-icon)!important;
  -webkit-mask:url('/image/catalog/deceti/calculator-icons/buttons/set-nocircle/shipping-total.svg?v=935') center/contain no-repeat!important;
  mask:url('/image/catalog/deceti/calculator-icons/buttons/set-nocircle/shipping-total.svg?v=935') center/contain no-repeat!important;
}
/* V6 frame option 1: keep existing controls left and the frame preview right. */
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload .deceti-v6-frame-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px;align-items:start}
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload .deceti-v6-frame-controls{min-width:0}
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload .deceti-v6-frame-controls>.deceti-v7-options-stack{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload .deceti-v6-frame-layout>#image_result{width:100%!important;min-width:0;min-height:0!important;padding:10px!important;margin:0!important;align-self:start}
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload #image_result::before,html body.deceti-theme .deceti-v6-shell #form_upload#form_upload #image_result::after{display:none!important}
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload #image_result .deceti-finishing-preview{display:block;width:100%;cursor:zoom-in}
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload #image_result img{display:block;max-width:100%!important;width:auto!important;height:auto!important;max-height:420px!important;object-fit:contain;margin:0 auto!important}
@media(max-width:575px){html body.deceti-theme .deceti-v6-shell #form_upload#form_upload .deceti-v6-frame-layout{grid-template-columns:minmax(0,1fr)!important}}
/* Frame-mode desktop: give controls/preview room and align totals farther right. */
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload .deceti-v6-frame-layout{grid-column:1 / -1!important;width:100%!important;min-width:0!important}
html body.deceti-theme .deceti-v6-shell #form_upload#form_upload #image_result .deceti-finishing-preview{position:relative!important;display:block!important;top:auto!important;right:auto!important;transform:none!important;width:100%!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important}
/* Frame detail modal: full gallery and the existing translated description. */
.deceti-finishing-lightbox--frame .deceti-finishing-lightbox__panel{display:block;overflow:auto;max-height:90vh;width:min(900px,94vw);padding:24px}
.deceti-finishing-lightbox--frame [data-frame-detail="title"]{margin:0 36px 18px 0;font-size:24px}
.deceti-finishing-lightbox--frame .deceti-finishing-lightbox__image{max-height:50vh;margin:0 auto;object-fit:contain}
.deceti-finishing-lightbox--frame [data-frame-detail="gallery"]{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.deceti-finishing-lightbox--frame [data-frame-detail="gallery"] button{width:80px;height:80px;padding:4px;border:1px solid var(--color-control-border,#d8e6f1);border-radius:8px;background:#fff;cursor:pointer}
.deceti-finishing-lightbox--frame [data-frame-detail="gallery"] img{width:100%;height:100%;object-fit:contain}
.deceti-finishing-lightbox--frame [data-frame-detail="description"]{font-family:var(--font-body-family,Arial,sans-serif);color:var(--color-text,#071a4d);line-height:1.5}
/* The v6 shell fills its Layout block; no extra 16px side gutters. */
html body.deceti-theme .deceti-v6-shell.deceti-v6-shell {
  margin-left:0!important;
  margin-right:0!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box;
}
/* Restore the original v6 summary width; frame mode must not shrink totals. */
@media(min-width:1200px){
html body.deceti-theme .deceti-v6-shell.deceti-v6-shell:has([data-deceti-frame-option="1"]) .deceti-v6-shell__content.deceti-v6-shell__content{grid-template-columns:minmax(0,1fr) clamp(560px,calc(47% + 40px),720px)!important;column-gap:41px!important}
html body.deceti-theme .deceti-v6-shell.deceti-v6-shell:has([data-deceti-frame-option="1"]) .deceti-v6-left.deceti-v6-left{padding-right:34px!important}
html body.deceti-theme .deceti-v6-shell:has([data-deceti-frame-option="1"]) #form_upload#form_upload #deceti-v6-live-summary#deceti-v6-live-summary{right:30px!important;width:clamp(560px,calc(47% + 40px),720px)!important}
html body.deceti-theme .deceti-v6-shell.deceti-v6-shell:has([data-deceti-frame-option="1"]) .deceti-v6-shell__content.deceti-v6-shell__content::after{right:calc(30px + clamp(560px,calc(47% + 40px),720px) + 20px)!important}
}

/* Sticker Calculator v0: shared admin tokens; no layout/selection JS changes. */
/* Sticker Calculator v6: native sticker logic with v6 cards and shared finishing colors. */
#content.deceti-sticker-v6 .finishing-card :is(.finishing-image-wrap,.option-image-wrap,.deceti-finishing-image__thumb) { background-color:var(--color-finishing-image-background,#fff)!important; border-color:var(--color-finishing-image-border,#d7e5f2)!important; }
#content.deceti-sticker-v6 .finishing-card .deceti-finishing-image__button { color:var(--color-finishing-image-button-text,#fff)!important; background:var(--color-finishing-image-button,#02b5ff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] {
  box-sizing:border-box;
  padding:24px!important;
  border-radius:24px!important;
  border:0!important;
  overflow:hidden;
  box-shadow:none!important;
}
/* Remove the legacy inner padding below the v6 introduction. */
html body #content.deceti-sticker-v6 .deceti-sticker-padding-main { padding-top:0!important; margin-top:0!important; }
html body #content.deceti-sticker-v6 .deceti-sticker-v6-intro { margin-bottom:8px!important; padding-bottom:0!important; }
html body #content.deceti-sticker-v6 .deceti-sticker-header-subtitle { margin-bottom:0!important; padding-bottom:0!important; }
html body #content.deceti-sticker-v6 .deceti-sticker-padding-main > .deceti-sticker-v6-size-card { margin-top:0!important; }
@media (max-width:767px) {
  #content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] {
    padding:12px!important;
    border-radius:18px!important;
  }
}
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #upload_artwork { color:var(--color-action-upload-text,#fff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #start_design { color:var(--color-action-design-text,#fff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] .native-gallery { border-color:var(--color-sticker-preview-border,#02b5ff)!important; background-color:var(--color-sticker-preview-background,#fff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #sizebox-wrapper .size-row:has(input:checked) { background:var(--color-sticker-size-selected-background,#02b5ff)!important; color:var(--color-sticker-size-selected-text,#00334d)!important; border-color:var(--color-sticker-size-border,#08749a)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] { min-width:0; width:100%; max-width:100%; background:var(--color-sticker-inner-background,#fff)!important; color:var(--color-sticker-quantity-text,#00334d); }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] > .row { margin-left:0!important; margin-right:0!important; width:100%; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] .deceti-sticker-column { min-width:0; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] .blue-top-line { background:var(--color-sticker-header-background,#00334d)!important; color:var(--color-sticker-header-text,#fff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] .blue-top-text { color:var(--color-sticker-header-text,#fff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #product-calc,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] .product-options-calc { background-color:var(--color-sticker-inner-background,#fff)!important; border-color:var(--color-calculator-border,#d7e5f2)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] .native-gallery-main { background:var(--color-sticker-preview-background,#fff)!important; border-color:var(--color-sticker-preview-border,#02b5ff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #sizebox-wrapper label { background:var(--color-sticker-size-background,#fff)!important; color:var(--color-sticker-size-text,#00334d)!important; border-color:var(--color-sticker-size-border,#08749a)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #sizebox-wrapper label:hover { background:var(--color-sticker-size-hover-background,#bbf3ff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #sizebox-wrapper input:checked + label { background:var(--color-sticker-size-selected-background,#02b5ff)!important; color:var(--color-sticker-size-selected-text,#00334d)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] ul.quantity-list li.quantity-list,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] ul.quantity-list li.quantity-list > label { background:var(--color-sticker-quantity-background,#fff)!important; color:var(--color-sticker-quantity-text,#00334d)!important; border-color:var(--color-sticker-quantity-border,#d7e5f2)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] ul.quantity-list li.quantity-list:hover,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] ul.quantity-list li.quantity-list:hover > label { background:var(--color-sticker-quantity-hover-background,#bbf3ff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] ul.quantity-list li.quantity-list.selected,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] ul.quantity-list li.quantity-list.selected > label,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] ul.quantity-list li.quantity-list > label.selected { background:var(--color-sticker-quantity-selected-background,#7fe8ff)!important; color:var(--color-sticker-quantity-selected-text,#00334d)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] .save { color:var(--color-sticker-savings-text,#08749a)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] select,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] input[type="text"],
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] input[type="number"] { border-color:var(--color-control-border,#d7e5f2)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] .deceti-sticker-total-header { background:var(--color-total-background,#fff)!important; color:var(--color-total-text,#00334d)!important; border-color:var(--color-total-border,#d7e5f2)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] .deceti-sticker-total-header h1,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #Total_Price,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #Total_Price_Each { color:var(--color-total-text,#00334d)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #start_design { background:var(--color-action-design,#00334d)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #start_design:hover { background:var(--color-action-design-hover,#08749a)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #upload_artwork { background:var(--color-action-upload,#00334d)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #upload_artwork:hover { background:var(--color-action-upload-hover,#08749a)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #stock_add_to_cart { background:var(--color-action-primary,#00334d)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #stock_add_to_cart:hover { background:var(--color-action-primary-hover,#08749a)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] *,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] *::before,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] *::after { box-shadow:none!important; text-shadow:none!important; }

#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="6"] #form_upload { background-color:var(--color-sticker-inner-background,#fff)!important; }

/* v6 visual shell; all original pricing controls and form IDs are retained. */
.deceti-sticker-v6 > .row { display:flex; flex-wrap:wrap; align-items:flex-start; }
.deceti-sticker-v6 #product-calc { padding:20px!important; border:0!important; border-radius:20px!important; }
.deceti-sticker-v6 #product-options-calc { border:0!important; border-radius:20px!important; }
.deceti-sticker-v6 .blue-top-line { height:auto!important; min-height:80px; padding:20px!important; border-radius:20px!important; }
.deceti-sticker-v6 .blue-top-text { font-size:32px!important; line-height:1.15; font-weight:800; white-space:normal; }
.deceti-sticker-v6 .deceti-sticker-header-eyebrow { color:var(--color-calculator-heading-accent,#02b5ff)!important; font-weight:800; letter-spacing:2px; text-transform:uppercase; }
.deceti-sticker-v6 .deceti-sticker-header-subtitle { color:var(--color-top-text,#00334d)!important; font-size:18px; margin:12px 0; }
.deceti-sticker-v6 #product-options-calc > dl { margin:16px 0!important; padding:18px!important; border:1px solid var(--color-options-border,#d7e5f2)!important; border-radius:20px!important; background-color:var(--color-options-background,#f3f9fd)!important; }
.deceti-sticker-v6 #product-options-calc > dl > dt { margin-bottom:12px; color:var(--color-calculator-heading-text,#071b4c)!important; font-weight:800; }
.deceti-sticker-v6 #sizebox-wrapper label { border-width:1px; border-style:solid; border-radius:12px; padding:10px; box-sizing:border-box; }
.deceti-sticker-v6 #sizebox-wrapper .size-row { margin-bottom:8px; border-radius:12px; }
.deceti-sticker-v6 ul.quantity-list li.quantity-list { margin:8px 0; border:1px solid var(--color-sticker-quantity-border,#d7e5f2); border-radius:12px; overflow:hidden; }
.deceti-sticker-v6 ul.quantity-list li.quantity-list > label { padding:12px; margin:0; box-sizing:border-box; width:100%; }
.deceti-sticker-v6 .deceti-sticker-total-header { min-height:100px; border:1px solid var(--color-total-border,#d7e5f2); border-radius:18px; padding:18px!important; box-sizing:border-box; }
.deceti-sticker-v6 #Total_Price { font-size:32px!important; font-weight:800; }
.deceti-sticker-v6 #start_design,.deceti-sticker-v6 #upload_artwork,.deceti-sticker-v6 #stock_add_to_cart { min-height:56px; border-radius:16px; padding:14px 20px; font-weight:800; margin:8px 0; }
#content.deceti-sticker-v6 #finishing_dynamic_wrapper { background-color:transparent!important; border:0!important; padding:0!important; }
#content.deceti-sticker-v6 .finishing-card { background:var(--color-finishing-card-background,#f3f9fd)!important; color:var(--color-finishing-card-text,#071b4c)!important; border:1px solid var(--color-finishing-card-border,#d7e5f2)!important; border-radius:18px!important; padding:16px!important; box-shadow:none!important; }
#content.deceti-sticker-v6 .finishing-module-title { color:var(--color-finishing-header-text,#071b4c)!important; background:var(--color-finishing-header-background,transparent)!important; padding:12px; border-radius:12px; }
@media(max-width:767px){.deceti-sticker-v6 > .row > .deceti-sticker-column { width:100%!important; }.deceti-sticker-v6 #product-calc { padding:0!important; }.deceti-sticker-v6 .blue-top-text { font-size:26px!important; }}

/* Reference layout: open intro and compact option cards. */
#content.deceti-sticker-v6 .deceti-sticker-v6-intro { margin:0 0 20px; padding:0 2px; }
#content.deceti-sticker-v6 .deceti-sticker-v6-intro h2 { color:var(--color-calculator-heading-text,#00334d)!important; font-size:36px; font-weight:800; line-height:1.12; margin:4px 0 8px; }
#content.deceti-sticker-v6 .deceti-sticker-header-eyebrow { margin:0; font-size:12px; }
#content.deceti-sticker-v6 .deceti-sticker-header-subtitle { margin:0; font-size:16px; }
#content.deceti-sticker-v6 #product-options-calc > dl { background:var(--color-calculator-block-background,#edfaff)!important; border:0!important; padding:16px!important; border-radius:18px!important; }
#content.deceti-sticker-v6 #product-options-calc > dl > dt { display:flex; align-items:center; gap:12px; font-size:17px; }
.deceti-sticker-v6-section-icon { display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; border-radius:50%; color:var(--color-icon,#00334d); background:var(--color-circle,#c7f5ff); }
#content.deceti-sticker-v6 #sizebox-wrapper { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
#content.deceti-sticker-v6 #sizebox-wrapper .size-row { display:flex!important; align-items:center; gap:8px; min-width:0; width:auto!important; margin:0!important; padding:10px; background:var(--color-sticker-size-background,#fff); border:1px solid var(--color-sticker-size-border,#d7e5f2); border-radius:12px; }
#content.deceti-sticker-v6 #sizebox-wrapper label { width:auto!important; padding:0!important; margin:0!important; border:0!important; background:transparent!important; font-size:13px; }
#content.deceti-sticker-v6 input[type="radio"] { accent-color:var(--color-primary,#02b5ff); width:16px; height:16px; flex-shrink:0; }
#content.deceti-sticker-v6 ul.quantity-list { margin:0; padding:0; }
#content.deceti-sticker-v6 ul.quantity-list li.quantity-list { margin:6px 0; border-radius:12px; }
#content.deceti-sticker-v6 ul.quantity-list li.quantity-list > label { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:center; padding:10px 8px; font-size:14px; }
#content.deceti-sticker-v6 .table-cell { width:auto!important; text-align:center; padding:0 6px; }
#content.deceti-sticker-v6 .table-cell:first-child { display:flex; align-items:center; gap:8px; text-align:left; }
@media(max-width:480px){#content.deceti-sticker-v6 #sizebox-wrapper { grid-template-columns:repeat(2,minmax(0,1fr)); }#content.deceti-sticker-v6 .deceti-sticker-v6-intro h2 { font-size:30px; }}

/* Compact v6 sections and the same SVG assets used by the ordinary v6. */
#content.deceti-sticker-v6 #product-options-calc > dl { margin:10px 0!important; padding:12px!important; background-color:var(--color-calculator-block-background,#e0f6ff)!important; }
#content.deceti-sticker-v6 #product-options-calc > dl > dd { margin:0!important; padding:0!important; background:transparent!important; }
#content.deceti-sticker-v6 #product-options-calc > dl > dt { margin:0 0 8px!important; padding:0!important; }
#content.deceti-sticker-v6 .deceti-sticker-v6-intro { margin-bottom:12px!important; }
#content.deceti-sticker-v6 .deceti-sticker-v6-intro h2 { margin:3px 0 5px!important; font-size:32px; }
#content.deceti-sticker-v6 ul.quantity-list li.quantity-list { margin:4px 0!important; }
#content.deceti-sticker-v6 ul.quantity-list li.quantity-list > label { padding:7px 8px!important; min-height:34px; }
#content.deceti-sticker-v6 #sizebox-wrapper .size-row { padding:8px!important; min-height:38px; }
#content.deceti-sticker-v6 #sizebox-wrapper { gap:6px!important; }
#content.deceti-sticker-v6 .deceti-sticker-v6-section-icon { width:30px; height:30px; flex-shrink:0; background:var(--color-circle,#c7f5ff)!important; }
#content.deceti-sticker-v6 .deceti-sticker-v6-section-icon::before { content:''; display:block; width:18px; height:18px; background:var(--color-icon,#00334d); mask:var(--sticker-section-icon) center / contain no-repeat; -webkit-mask:var(--sticker-section-icon) center / contain no-repeat; }
.deceti-sticker-v6-size-icon { --sticker-section-icon:url('/catalog/view/stylesheet/deceti/deceti-3/icons/size.svg'); }
.deceti-sticker-v6-quantity-icon { --sticker-section-icon:url('/catalog/view/stylesheet/deceti/deceti-3/icons/quantity.svg'); }
/* Match the ordinary v6 Price Summary surface and aligned section headings. */
#content.deceti-sticker-v6 #product-options-calc > dl:has(> dt > .deceti-sticker-v6-section-icon) {
  display:block!important;
  padding:16px!important;
  border:0!important;
  border-radius:20px!important;
  background:var(--color-calculator-block-background,#e0f6ff)!important;
}
#content.deceti-sticker-v6 #product-options-calc > dl > dt:has(> .deceti-sticker-v6-section-icon) {
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  width:100%!important;
  margin:0 0 12px!important;
  min-height:44px;
}
#content.deceti-sticker-v6 #product-options-calc > dl > dt > label {
  display:block!important;
  float:none!important;
  width:auto!important;
  min-width:0;
  margin:0!important;
  padding:0!important;
  line-height:1.25;
}
#content.deceti-sticker-v6 .deceti-sticker-v6-section-icon {
  display:inline-flex!important;
  width:44px!important;
  height:44px!important;
  flex:0 0 44px!important;
}
#content.deceti-sticker-v6 .deceti-sticker-v6-section-icon::before {
  width:26px!important;
  height:26px!important;
}

/* Explicit section classes: not dependent on legacy dl ancestry or :has(). */
html body .deceti-sticker-v6-section.deceti-sticker-v6-section {
  display:block!important; box-sizing:border-box; width:100%!important;
  background:var(--color-calculator-block-background,#e0f6ff)!important;
  border:0!important; border-radius:18px!important;
  padding:14px!important; margin:12px 0!important;
}
html body .deceti-sticker-v6-section.deceti-sticker-v6-section > dt {
  display:block!important; float:none!important; width:100%!important;
  padding:0!important; margin:0 0 10px!important; background:transparent!important;
}
html body .deceti-sticker-v6-section .deceti-sticker-v6-section-heading {
  display:flex!important; align-items:center!important; flex-direction:row!important;
  flex-wrap:nowrap!important; gap:10px!important; width:100%!important;
}
html body .deceti-sticker-v6-section .deceti-sticker-v6-section-heading > label {
  display:block!important; float:none!important; flex:1 1 auto;
  width:auto!important; margin:0!important; padding:0!important; line-height:1.25!important;
}
html body .deceti-sticker-v6-section .deceti-sticker-v6-section-heading > .deceti-sticker-v6-section-icon {
  display:inline-flex!important; float:none!important; margin:0!important;
  width:44px!important; height:44px!important; flex:0 0 44px!important;
}
html body .deceti-sticker-v6-section.deceti-sticker-v6-section > dd {
  display:block!important; float:none!important; width:100%!important;
  margin:0!important; padding:0!important; background:transparent!important;
}

/* Hover belongs to the complete radio card, not only its label. */
#content.deceti-sticker-v6 #sizebox-wrapper .size-row { cursor:pointer; }
#content.deceti-sticker-v6 #sizebox-wrapper .size-row label { cursor:pointer; }
#content.deceti-sticker-v6 #sizebox-wrapper .size-row:hover:not(:has(input:checked)),
#content.deceti-sticker-v6 #sizebox-wrapper .size-row:focus-within:not(:has(input:checked)) {
  background:var(--color-sticker-size-hover-background,#bbf3ff)!important;
}
#content.deceti-sticker-v6 #sizebox-wrapper .size-row:hover label,
#content.deceti-sticker-v6 #sizebox-wrapper .size-row:focus-within label {
  background:transparent!important;
}

/* Custom Size matches the other light-blue v6 option sections. */
html body #content.deceti-sticker-v6 #customdimensions {
  box-sizing:border-box; width:100%!important;
  background:var(--color-calculator-block-background,#e0f6ff)!important;
  color:var(--color-calculator-heading-text,#071b4c)!important;
  border:0!important; border-radius:18px!important;
  padding:14px!important; margin:12px 0!important; box-shadow:none!important;
}
html body #content.deceti-sticker-v6 #customdimensions > .row { margin:0!important; }
html body #content.deceti-sticker-v6 #customdimensions .dimension-label { color:var(--color-calculator-heading-text,#071b4c)!important; font-weight:700; }
html body #content.deceti-sticker-v6 #customdimensions input { background:var(--color-sticker-size-background,#fff)!important; border:1px solid var(--color-control-border,#d7e5f2)!important; border-radius:12px!important; min-height:42px; }
html body #content.deceti-sticker-v6 #customdimensions small { color:var(--color-text-muted,#6b7280)!important; }

/* Breathing room between the preview image and its cyan frame. */
html body #content.deceti-sticker-v6 .native-gallery { padding-bottom:18px!important; box-sizing:border-box; }

/* Sticker Calculator v0: shared admin tokens; no layout/selection JS changes. */
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] {
  box-sizing:border-box;
  padding:24px!important;
  border-radius:24px!important;
  border:0!important;
  overflow:hidden;
  box-shadow:none!important;
}
@media (max-width:767px) {
  #content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] {
    padding:12px!important;
    border-radius:18px!important;
  }
}
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #upload_artwork { color:var(--color-action-upload-text,#fff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #start_design { color:var(--color-action-design-text,#fff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] .native-gallery { border-color:var(--color-sticker-preview-border,#02b5ff)!important; background-color:var(--color-sticker-preview-background,#fff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #sizebox-wrapper .size-row:has(input:checked) { background:var(--color-sticker-size-selected-background,#02b5ff)!important; color:var(--color-sticker-size-selected-text,#00334d)!important; border-color:var(--color-sticker-size-border,#08749a)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] { min-width:0; width:100%; max-width:100%; background:var(--color-sticker-inner-background,#fff)!important; color:var(--color-sticker-quantity-text,#00334d); }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] > .row { margin-left:0!important; margin-right:0!important; width:100%; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] .deceti-sticker-column { min-width:0; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] .blue-top-line { background:var(--color-sticker-header-background,#00334d)!important; color:var(--color-sticker-header-text,#fff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] .blue-top-text { color:var(--color-sticker-header-text,#fff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #product-calc,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] .product-options-calc { background-color:var(--color-sticker-inner-background,#fff)!important; border-color:var(--color-calculator-border,#d7e5f2)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] .native-gallery-main { background:var(--color-sticker-preview-background,#fff)!important; border-color:var(--color-sticker-preview-border,#02b5ff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #sizebox-wrapper label { background:var(--color-sticker-size-background,#fff)!important; color:var(--color-sticker-size-text,#00334d)!important; border-color:var(--color-sticker-size-border,#08749a)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #sizebox-wrapper label:hover { background:var(--color-sticker-size-hover-background,#bbf3ff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #sizebox-wrapper input:checked + label { background:var(--color-sticker-size-selected-background,#02b5ff)!important; color:var(--color-sticker-size-selected-text,#00334d)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] ul.quantity-list li.quantity-list,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] ul.quantity-list li.quantity-list > label { background:var(--color-sticker-quantity-background,#fff)!important; color:var(--color-sticker-quantity-text,#00334d)!important; border-color:var(--color-sticker-quantity-border,#d7e5f2)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] ul.quantity-list li.quantity-list:hover,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] ul.quantity-list li.quantity-list:hover > label { background:var(--color-sticker-quantity-hover-background,#bbf3ff)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] ul.quantity-list li.quantity-list.selected,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] ul.quantity-list li.quantity-list.selected > label,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] ul.quantity-list li.quantity-list > label.selected { background:var(--color-sticker-quantity-selected-background,#7fe8ff)!important; color:var(--color-sticker-quantity-selected-text,#00334d)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] .save { color:var(--color-sticker-savings-text,#08749a)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] select,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] input[type="text"],
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] input[type="number"] { border-color:var(--color-control-border,#d7e5f2)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] .deceti-sticker-total-header { background:var(--color-total-background,#fff)!important; color:var(--color-total-text,#00334d)!important; border-color:var(--color-total-border,#d7e5f2)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] .deceti-sticker-total-header h1,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #Total_Price,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #Total_Price_Each { color:var(--color-total-text,#00334d)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #start_design { background:var(--color-action-design,#00334d)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #start_design:hover { background:var(--color-action-design-hover,#08749a)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #upload_artwork { background:var(--color-action-upload,#00334d)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #upload_artwork:hover { background:var(--color-action-upload-hover,#08749a)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #stock_add_to_cart { background:var(--color-action-primary,#00334d)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #stock_add_to_cart:hover { background:var(--color-action-primary-hover,#08749a)!important; }
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] *,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] *::before,
#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] *::after { box-shadow:none!important; text-shadow:none!important; }

#content.deceti-page-pricingcalculator-stickers[data-deceti-sticker-calculator-version="0"] #form_upload { background-color:var(--color-sticker-inner-background,#fff)!important; }

/* Version-specific geometry migrated from Twig. Scoped to template blocks. */

/* Variant v0 */
.deceti-template-controls.deceti-templates-v0 {
--deceti-template-nav-width: 180px;
  --deceti-template-gap: var(--spacing-template-grid-gap,14px);
  --deceti-template-content-padding: var(--spacing-template-panel-padding,18px);
  --deceti-template-content-pad-top: 18px;
  --deceti-template-radius: var(--radius-template-card,10px);
  --deceti-template-btn-radius: var(--radius-template-control,10px);
  --deceti-template-input-radius: var(--radius-template-control,10px);
  --deceti-template-outline-width: 2px;
}
.deceti-template-controls.deceti-templates-v0 .top-level-tabs {
display:flex!important; flex-wrap:wrap!important; gap:10px!important; overflow:visible!important; height:auto!important; max-height:none!important; border:0!important; padding:0!important; margin:0 0 18px!important;
}
.deceti-template-controls.deceti-templates-v0 .sublevel-buttons:not(:empty) {
display:flex!important; flex-wrap:wrap!important; gap:8px!important; overflow:visible!important; border:0!important; background:transparent!important; padding:0!important; margin:12px 0 22px!important;
}
.deceti-template-controls.deceti-templates-v0 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item) {
border:1px solid var(--theme-border-default,var(--color-template-panel-border,#d7e5f2))!important;
  border-radius:var(--object-button-radius,var(--radius-template-control,10px))!important;
  background:var(--object-panel-background,var(--color-template-panel-background,#ffffff))!important;
  color:var(--theme-text-primary,var(--color-template-category-active-background,#00334d))!important;
   padding:11px 18px!important; min-height:42px!important;
  font-size:15px!important; line-height:1.35!important; font-weight:600!important; white-space:normal!important;
}
.deceti-template-controls.deceti-templates-v0 :is(.subtemplate-button,.subtemplate-item) {
padding:7px 12px!important; min-height:34px!important; font-size:13px!important;
}
.deceti-template-controls.deceti-templates-v0 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item):hover,
.deceti-template-controls.deceti-templates-v0 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item).active,
.deceti-template-controls.deceti-templates-v0 .btn-customize,
.deceti-template-controls.deceti-templates-v0 #search {
background:var(--object-button-primary-background,var(--color-template-category-active-background,#00334d))!important;
  color:var(--object-button-primary-text,var(--color-template-category-active-text,#ffffff))!important;
  border-color:var(--object-button-primary-background,var(--color-template-category-active-background,#00334d))!important;
  border-radius:var(--object-button-radius,var(--radius-template-control,10px))!important; 
}
.deceti-template-controls.deceti-templates-v0 .top-level-tab::after {
content:none!important;
}
.deceti-template-controls.deceti-templates-v0 #shapeAccordionToggle[aria-expanded="true"] + #shapeAccordionPanel {
display:grid; grid-template-columns:minmax(0,1fr) minmax(0,4fr); gap:20px;
}
.deceti-template-controls.deceti-templates-v0 #shapeAccordionPanel > .size-container {
grid-column:1; grid-row:1; width:100%; min-width:0;
}
.deceti-template-controls.deceti-templates-v0 #shapeAccordionPanel > .shape-container {
grid-column:2; grid-row:1; width:100%; min-width:0;
}
@media(max-width:700px) {
.deceti-template-controls.deceti-templates-v0 #shapeAccordionToggle[aria-expanded="true"] + #shapeAccordionPanel {
grid-template-columns:minmax(0,1fr);
}
.deceti-template-controls.deceti-templates-v0 #shapeAccordionPanel > .shape-container {
grid-column:1; grid-row:2;
}
}
.deceti-template-controls.deceti-templates-v0 [hidden] {
display:none!important;
}
.deceti-template-controls.deceti-templates-v0 > .template-finder-card {
grid-column:1 / -1;flex:0 0 100%;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card {
box-sizing:border-box;min-width:0;width:100%;padding:24px;margin:0 0 24px;background:#fff;border:1px solid var(--theme-border-default,#d3dce8);border-radius:var(--object-panel-radius,16px);
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .template-finder-heading {
margin:0 0 20px;text-align:left;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .template-finder-heading h2 {
margin:0 0 10px;font-size:clamp(26px,3vw,42px);line-height:1.15;font-weight:800;color:var(--theme-text-primary,#071b4c);
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .template-finder-heading p {
margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.5;color:var(--theme-text-secondary,#60769a);
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .search-bar {
min-width:0;margin:0;gap:12px;align-items:center;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .search-bar input {
max-width:none;min-width:0;flex:1;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .search-bar button {
flex-shrink:0;margin:0;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card--v1 {
display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:28px;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card--v1 .template-finder-heading {
margin:0;
}
@media(max-width:900px) {
.deceti-template-controls.deceti-templates-v0 .template-finder-card--v1 {
grid-template-columns:minmax(0,1fr);gap:20px;
}
}
@media(max-width:600px) {
.deceti-template-controls.deceti-templates-v0 .template-finder-card {
padding:18px;margin-bottom:20px;
}
.deceti-template-controls.deceti-templates-v0 .template-finder-card .search-bar {
gap:8px;
}
}

/* Variant v1 */
.deceti-template-controls.deceti-templates-v1 {
display:block;
  max-width:100%;
  margin:0 auto;
}
.deceti-template-controls.deceti-templates-v1 .s-content {
width:100%;
  max-width:100%;
  min-width:0;
  padding:var(--spacing-template-panel-padding,18px);
  padding-top:18px;
  box-sizing:border-box;
}
.deceti-template-controls.deceti-templates-v1 .top-filters-panel {
width:100%;
  margin-bottom:24px;
}
.deceti-template-controls.deceti-templates-v1 .search-bar {
display:flex;
  justify-content:flex-start;
  align-items:center;
  margin-bottom:14px;
}
.deceti-template-controls.deceti-templates-v1 .search-bar input {
padding:10px;
  width:100%;
  max-width:560px;
  font-size:16px;
  border:1px solid var(--color-template-search-border,#d7e5f2);
  border-radius:var(--radius-template-control,10px);
  padding-right:20px;
  box-sizing:border-box;
}
.deceti-template-controls.deceti-templates-v1 .search-bar input:focus {
outline:none;
  border:3px solid var(--color-template-focus,#02b5ff);
}
.deceti-template-controls.deceti-templates-v1 .search-bar button {
background-color:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  font-size:20px;
  border:none;
  padding:0px;
  width:50px;
  height:50px;
  border-radius:var(--radius-template-control,10px);
  cursor:pointer;
  transition:background-color .3s ease;
  margin-left:10px;
  user-select:none;
  margin-top: 10px;
}
.deceti-template-controls.deceti-templates-v1 .search-bar button:hover {
background-color:var(--color-template-focus,#02b5ff);
  color:var(--color-template-action-hover-text,#ffffff);
}
.deceti-template-controls.deceti-templates-v1 .top-level-tabs {
display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:12px;
}
.deceti-template-controls.deceti-templates-v1 .top-level-tab {
border:none;
  background:var(--color-template-panel-background,#ffffff);
  color:#000;
  border-radius:var(--radius-template-control,10px);
  padding:12px 18px;
  cursor:pointer;
  font-size:16px;
  font-weight:700;
  transition:background .3s,color .3s;
}
.deceti-template-controls.deceti-templates-v1 .top-level-tab:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
}
.deceti-template-controls.deceti-templates-v1 .top-level-tab.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
}
.deceti-template-controls.deceti-templates-v1 .shape-toolbar {
display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  margin-bottom:18px;
}
.deceti-template-controls.deceti-templates-v1 .size-container {
width:320px;
  max-width:100%;
  min-width:0;
  flex:none;
  margin:0;
}
.deceti-template-controls.deceti-templates-v1 .size-select {
width:100%;
  font-size:16px;
  padding:10px;
  border:1px solid var(--color-template-search-border,#d7e5f2);
  border-radius:var(--radius-template-control,10px);
  box-sizing:border-box;
  background:#fff;
  margin:0;
}
.deceti-template-controls.deceti-templates-v1 .shape-container {
display:flex;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin:0;
}
.deceti-template-controls.deceti-templates-v1 .shape-button {
border:1px solid var(--color-template-panel-border,#d7e5f2);
  background:var(--color-template-panel-background,#ffffff);
  border-radius:var(--radius-template-control,10px);
  padding:8px 12px;
  cursor:pointer;
  font-size:14px;
  line-height:1.2;
  margin:0;
  transition:background .3s,color .3s,border-color .3s;
}
.deceti-template-controls.deceti-templates-v1 .shape-button:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
}
.deceti-template-controls.deceti-templates-v1 .shape-button.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  border-color:var(--color-template-category-active-background,#00334d);
}
.deceti-template-controls.deceti-templates-v1 .size-select {
width:100%;
  font-size:16px;
  padding:10px;
  border:1px solid var(--color-template-search-border,#d7e5f2);
  border-radius:var(--radius-template-control,10px);
  box-sizing:border-box;
  background:#fff;
}
.deceti-template-controls.deceti-templates-v1 .sublevel-buttons {
display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:22px;
}
.deceti-template-controls.deceti-templates-v1 .sublevel-buttons:empty {
display:none;
}
.deceti-template-controls.deceti-templates-v1 .subtemplate-button {
border:1px solid var(--color-template-panel-border,#d7e5f2);
  background:var(--color-template-panel-background,#ffffff);
  color:var(--color-template-muted,#65799c);
  border-radius:var(--radius-template-control,10px);
  padding:14px 20px;
  cursor:pointer;
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  min-height:48px;
  transition:background .3s,color .3s,border-color .3s;
}
.deceti-template-controls.deceti-templates-v1 .subtemplate-button:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
}
.deceti-template-controls.deceti-templates-v1 .subtemplate-button.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  border-color:var(--color-template-category-active-background,#00334d);
}
.deceti-template-controls.deceti-templates-v1 .c-grid.s-c-grid {
display:flex;
  flex-wrap:wrap;
  gap:var(--spacing-template-grid-gap,14px);
  width:100%;
}
.deceti-template-controls.deceti-templates-v1 .i-grid {
flex:0 0 calc(25% - var(--spacing-template-grid-gap,14px));
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  max-width:310px;
}
.deceti-template-controls.deceti-templates-v1 .item-box {
width:100%;
  text-align:center;
  background-color:var(--color-template-panel-background,#ffffff);
  padding:15px;
  border-radius:var(--radius-template-card,10px);
  border:2px solid var(--color-template-panel-border,#d7e5f2);
  box-sizing:border-box;
  transition:transform .3s ease, outline .3s ease, background-color .3s ease;
  user-select:none;
}
.deceti-template-controls.deceti-templates-v1 .item-box:hover {
transform:scale(1.05);
  outline:2px solid var(--color-template-focus,#02b5ff);
  background-color:var(--color-template-card-hover-background,#ffffff);
}
.deceti-template-controls.deceti-templates-v1 .item-box img {
width:100%;
  height:auto;
  pointer-events:none;
  -webkit-user-drag:none;
}
.deceti-template-controls.deceti-templates-v1 .new-category-name {
font-size:16px;
  font-weight:bold;
  margin-top:10px;
}
.deceti-template-controls.deceti-templates-v1 a.btn.btn-customize,
.deceti-template-controls.deceti-templates-v1 a.btn-customize,
.deceti-template-controls.deceti-templates-v1 .btn.btn-customize,
.deceti-template-controls.deceti-templates-v1 .btn-customize {
display:inline-block !important;
  background:var(--color-template-category-active-background,#00334d) !important;
  color:var(--color-template-category-active-text,#ffffff) !important;
  border:none !important;
  border-radius:var(--radius-template-control,10px) !important;
  padding:10px 12px !important;
  margin-top:12px !important;
  font-weight:bold !important;
  text-decoration:none !important;
}
.deceti-template-controls.deceti-templates-v1 a.btn.btn-customize:hover,
.deceti-template-controls.deceti-templates-v1 a.btn-customize:hover,
.deceti-template-controls.deceti-templates-v1 .btn.btn-customize:hover,
.deceti-template-controls.deceti-templates-v1 .btn-customize:hover {
background:var(--color-template-focus,#02b5ff) !important;
  color:var(--color-template-action-hover-text,#ffffff) !important;
}
@media (max-width: 1100px) {
.deceti-template-controls.deceti-templates-v1 .i-grid {
flex:0 0 calc(33.333% - var(--spacing-template-grid-gap,14px));
}
}
@media (max-width: 900px) {
.deceti-template-controls.deceti-templates-v1 .i-grid {
flex:0 0 calc(50% - var(--spacing-template-grid-gap,14px));
}
}
@media (max-width: 768px) {
.deceti-template-controls.deceti-templates-v1 .i-grid {
flex:0 0 100%;
    max-width:100%;
}
.deceti-template-controls.deceti-templates-v1 .shape-toolbar {
flex-direction:column;
}
.deceti-template-controls.deceti-templates-v1 .size-container {
min-width:100%;
    max-width:100%;
    flex:1 1 100%;
}
.deceti-template-controls.deceti-templates-v1 .top-level-tab,
.deceti-template-controls.deceti-templates-v1 .subtemplate-button,
.deceti-template-controls.deceti-templates-v1 .shape-button {
width:100%;
    text-align:center;
}
}
.deceti-template-controls.deceti-templates-v1 .top-level-tabs {
display:flex!important; flex-wrap:wrap!important; gap:10px!important; overflow:visible!important; height:auto!important; max-height:none!important; border:0!important; padding:0!important; margin:0 0 18px!important;
}
.deceti-template-controls.deceti-templates-v1 .sublevel-buttons:not(:empty) {
display:flex!important; flex-wrap:wrap!important; gap:8px!important; overflow:visible!important; border:0!important; background:transparent!important; padding:0!important; margin:12px 0 22px!important;
}
.deceti-template-controls.deceti-templates-v1 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item) {
border:1px solid var(--theme-border-default,var(--color-template-panel-border,#d7e5f2))!important;
  border-radius:var(--object-button-radius,var(--radius-template-control,10px))!important;
  background:var(--object-panel-background,var(--color-template-panel-background,#ffffff))!important;
  color:var(--theme-text-primary,var(--color-template-category-active-background,#00334d))!important;
   padding:11px 18px!important; min-height:42px!important;
  font-size:15px!important; line-height:1.35!important; font-weight:600!important; white-space:normal!important;
}
.deceti-template-controls.deceti-templates-v1 :is(.subtemplate-button,.subtemplate-item) {
padding:7px 12px!important; min-height:34px!important; font-size:13px!important;
}
.deceti-template-controls.deceti-templates-v1 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item):hover,
.deceti-template-controls.deceti-templates-v1 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item).active,
.deceti-template-controls.deceti-templates-v1 .btn-customize,
.deceti-template-controls.deceti-templates-v1 #search {
background:var(--object-button-primary-background,var(--color-template-category-active-background,#00334d))!important;
  color:var(--object-button-primary-text,var(--color-template-category-active-text,#ffffff))!important;
  border-color:var(--object-button-primary-background,var(--color-template-category-active-background,#00334d))!important;
  border-radius:var(--object-button-radius,var(--radius-template-control,10px))!important; 
}
.deceti-template-controls.deceti-templates-v1 .top-level-tab::after {
content:none!important;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-heading {
margin:0 0 28px;text-align:left;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-heading h2 {
margin:0 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.15;font-weight:800;color:var(--theme-text-primary,var(--color-template-category-active-background,#00334d));
}
.deceti-template-controls.deceti-templates-v1 .template-finder-heading p {
margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.5;color:var(--theme-text-secondary,var(--color-template-muted,#65799c));
}
.deceti-template-controls.deceti-templates-v1 .shape-toolbar {
display:grid; grid-template-columns:minmax(0,1fr) minmax(0,4fr); gap:20px; align-items:start;
}
.deceti-template-controls.deceti-templates-v1 .shape-toolbar > .size-container,
.deceti-template-controls.deceti-templates-v1 .shape-toolbar > .shape-container {
width:100%; max-width:100%; min-width:0; margin:0;
}
@media(max-width:700px) {
.deceti-template-controls.deceti-templates-v1 .shape-toolbar {
grid-template-columns:minmax(0,1fr);
}
}
.deceti-template-controls.deceti-templates-v1 .deceti-template-icon {
display:inline-block;width:26px;height:auto;flex:0 0 26px;vertical-align:middle;margin-right:10px;font-size:24px;line-height:1;text-align:center;font-style:normal;color:inherit;
}
.deceti-template-controls.deceti-templates-v1 .deceti-template-icon-popular::before {
color:#ff7b17;background:linear-gradient(180deg,#ff4b20 15%,#ff9a16 65%,#ffd12d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.deceti-template-controls.deceti-templates-v1 .top-level-tab {
display:inline-flex;align-items:center;justify-content:center;
}
.deceti-template-controls.deceti-templates-v1 [hidden] {
display:none!important;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card {
box-sizing:border-box;min-width:0;width:100%;padding:24px;margin:0 0 24px;background:#fff;border:1px solid var(--theme-border-default,#d3dce8);border-radius:var(--object-panel-radius,16px);
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .template-finder-heading {
margin:0 0 20px;text-align:left;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .template-finder-heading h2 {
margin:0 0 10px;font-size:clamp(26px,3vw,42px);line-height:1.15;font-weight:800;color:var(--theme-text-primary,#071b4c);
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .template-finder-heading p {
margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.5;color:var(--theme-text-secondary,#60769a);
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .search-bar {
min-width:0;margin:0;gap:12px;align-items:center;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .search-bar input {
max-width:none;min-width:0;flex:1;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .search-bar button {
flex-shrink:0;margin:0;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card--v1 {
display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:28px;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card--v1 .template-finder-heading {
margin:0;
}
@media(max-width:900px) {
.deceti-template-controls.deceti-templates-v1 .template-finder-card--v1 {
grid-template-columns:minmax(0,1fr);gap:20px;
}
}
@media(max-width:600px) {
.deceti-template-controls.deceti-templates-v1 .template-finder-card {
padding:18px;margin-bottom:20px;
}
.deceti-template-controls.deceti-templates-v1 .template-finder-card .search-bar {
gap:8px;
}
}

/* Variant v3 */
.deceti-template-controls.deceti-templates-v3 {
display:block;
  max-width:100%;
  margin:0 auto;
}
.deceti-template-controls.deceti-templates-v3 .s-content {
width:100%;
  max-width:100%;
  min-width:0;
  padding:var(--spacing-template-panel-padding,18px);
  padding-top:18px;
  box-sizing:border-box;
}
.deceti-template-controls.deceti-templates-v3 .top-filters-panel {
width:100%;
  margin-bottom:24px;
}
.deceti-template-controls.deceti-templates-v3 .search-bar {
display:flex;
  justify-content:flex-start;
  align-items:center;
  margin-bottom:14px;
}
.deceti-template-controls.deceti-templates-v3 .search-bar input {
padding:10px;
  width:100%;
  max-width:560px;
  font-size:16px;
  border:1px solid var(--color-template-search-border,#d7e5f2);
  border-radius:var(--radius-template-control,10px);
  padding-right:20px;
  box-sizing:border-box;
}
.deceti-template-controls.deceti-templates-v3 .search-bar input:focus {
outline:none;
  border:3px solid var(--color-template-focus,#02b5ff);
}
.deceti-template-controls.deceti-templates-v3 .search-bar button {
background-color:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  font-size:20px;
  border:none;
  padding:0px;
  width:50px;
  height:50px;
  border-radius:var(--radius-template-control,10px);
  cursor:pointer;
  transition:background-color .3s ease;
  margin-left:10px;
  user-select:none;
  margin-top: 10px;
}
.deceti-template-controls.deceti-templates-v3 .search-bar button:hover {
background-color:var(--color-template-focus,#02b5ff);
  color:var(--color-template-action-hover-text,#ffffff);
}
.deceti-template-controls.deceti-templates-v3 .top-level-tabs {
display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:12px;
}
.deceti-template-controls.deceti-templates-v3 .top-level-tab {
border:none;
  background:var(--color-template-panel-background,#ffffff);
  color:#000;
  border-radius:var(--radius-template-control,10px);
  padding:12px 18px;
  cursor:pointer;
  font-size:16px;
  font-weight:700;
  transition:background .3s,color .3s;
}
.deceti-template-controls.deceti-templates-v3 .top-level-tab:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
}
.deceti-template-controls.deceti-templates-v3 .top-level-tab.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
}
.deceti-template-controls.deceti-templates-v3 .shape-toolbar {
display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  margin-bottom:18px;
}
.deceti-template-controls.deceti-templates-v3 .size-container {
width:320px;
  max-width:100%;
  min-width:0;
  flex:none;
  margin:0;
}
.deceti-template-controls.deceti-templates-v3 .size-select {
width:100%;
  font-size:16px;
  padding:10px;
  border:1px solid var(--color-template-search-border,#d7e5f2);
  border-radius:var(--radius-template-control,10px);
  box-sizing:border-box;
  background:#fff;
  margin:0;
}
.deceti-template-controls.deceti-templates-v3 .shape-container {
display:flex;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin:0;
}
.deceti-template-controls.deceti-templates-v3 .shape-button {
border:1px solid var(--color-template-panel-border,#d7e5f2);
  background:var(--color-template-panel-background,#ffffff);
  border-radius:var(--radius-template-control,10px);
  padding:8px 12px;
  cursor:pointer;
  font-size:14px;
  line-height:1.2;
  margin:0;
  transition:background .3s,color .3s,border-color .3s;
}
.deceti-template-controls.deceti-templates-v3 .shape-button:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
}
.deceti-template-controls.deceti-templates-v3 .shape-button.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  border-color:var(--color-template-category-active-background,#00334d);
}
.deceti-template-controls.deceti-templates-v3 .size-select {
width:100%;
  font-size:16px;
  padding:10px;
  border:1px solid var(--color-template-search-border,#d7e5f2);
  border-radius:var(--radius-template-control,10px);
  box-sizing:border-box;
  background:#fff;
}
.deceti-template-controls.deceti-templates-v3 .sublevel-buttons {
display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:22px;
}
.deceti-template-controls.deceti-templates-v3 .sublevel-buttons:empty {
display:none;
}
.deceti-template-controls.deceti-templates-v3 .subtemplate-button {
border:1px solid var(--color-template-panel-border,#d7e5f2);
  background:var(--color-template-panel-background,#ffffff);
  color:var(--color-template-muted,#65799c);
  border-radius:var(--radius-template-control,10px);
  padding:14px 20px;
  cursor:pointer;
  font-size:16px;
  font-weight:700;
  line-height:1.2;
  min-height:48px;
  transition:background .3s,color .3s,border-color .3s;
}
.deceti-template-controls.deceti-templates-v3 .subtemplate-button:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
}
.deceti-template-controls.deceti-templates-v3 .subtemplate-button.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  border-color:var(--color-template-category-active-background,#00334d);
}
.deceti-template-controls.deceti-templates-v3 .c-grid.s-c-grid {
display:flex;
  flex-wrap:wrap;
  gap:var(--spacing-template-grid-gap,14px);
  width:100%;
}
.deceti-template-controls.deceti-templates-v3 .i-grid {
flex:0 0 calc(25% - var(--spacing-template-grid-gap,14px));
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  max-width:310px;
}
.deceti-template-controls.deceti-templates-v3 .item-box {
width:100%;
  text-align:center;
  background-color:var(--color-template-panel-background,#ffffff);
  padding:15px;
  border-radius:var(--radius-template-card,10px);
  border:2px solid var(--color-template-panel-border,#d7e5f2);
  box-sizing:border-box;
  transition:transform .3s ease, outline .3s ease, background-color .3s ease;
  user-select:none;
}
.deceti-template-controls.deceti-templates-v3 .item-box:hover {
transform:scale(1.05);
  outline:2px solid var(--color-template-focus,#02b5ff);
  background-color:var(--color-template-card-hover-background,#ffffff);
}
.deceti-template-controls.deceti-templates-v3 .item-box img {
width:100%;
  height:auto;
  pointer-events:none;
  -webkit-user-drag:none;
}
.deceti-template-controls.deceti-templates-v3 .new-category-name {
font-size:16px;
  font-weight:bold;
  margin-top:10px;
}
.deceti-template-controls.deceti-templates-v3 a.btn.btn-customize,
.deceti-template-controls.deceti-templates-v3 a.btn-customize,
.deceti-template-controls.deceti-templates-v3 .btn.btn-customize,
.deceti-template-controls.deceti-templates-v3 .btn-customize {
display:inline-block !important;
  background:var(--color-template-category-active-background,#00334d) !important;
  color:var(--color-template-category-active-text,#ffffff) !important;
  border:none !important;
  border-radius:var(--radius-template-control,10px) !important;
  padding:10px 12px !important;
  margin-top:12px !important;
  font-weight:bold !important;
  text-decoration:none !important;
}
.deceti-template-controls.deceti-templates-v3 a.btn.btn-customize:hover,
.deceti-template-controls.deceti-templates-v3 a.btn-customize:hover,
.deceti-template-controls.deceti-templates-v3 .btn.btn-customize:hover,
.deceti-template-controls.deceti-templates-v3 .btn-customize:hover {
background:var(--color-template-focus,#02b5ff) !important;
  color:var(--color-template-action-hover-text,#ffffff) !important;
}
@media (max-width: 1100px) {
.deceti-template-controls.deceti-templates-v3 .i-grid {
flex:0 0 calc(33.333% - var(--spacing-template-grid-gap,14px));
}
}
@media (max-width: 900px) {
.deceti-template-controls.deceti-templates-v3 .i-grid {
flex:0 0 calc(50% - var(--spacing-template-grid-gap,14px));
}
}
@media (max-width: 768px) {
.deceti-template-controls.deceti-templates-v3 .i-grid {
flex:0 0 100%;
    max-width:100%;
}
.deceti-template-controls.deceti-templates-v3 .shape-toolbar {
flex-direction:column;
}
.deceti-template-controls.deceti-templates-v3 .size-container {
min-width:100%;
    max-width:100%;
    flex:1 1 100%;
}
.deceti-template-controls.deceti-templates-v3 .top-level-tab,
.deceti-template-controls.deceti-templates-v3 .subtemplate-button,
.deceti-template-controls.deceti-templates-v3 .shape-button {
width:100%;
    text-align:center;
}
}
.deceti-template-controls.deceti-templates-v3 {
--gallery-surface:var(--object-panel-background, #fff);
  --gallery-border:var(--theme-border-default, var(--color-template-panel-border,#d7e5f2));
  --gallery-ink:var(--theme-text-primary, var(--color-template-category-active-background,#00334d));
}
.deceti-template-controls.deceti-templates-v3 .s-content {
padding:24px 0;
}
.deceti-template-controls.deceti-templates-v3 .top-filters-panel {
padding:24px; border:1px solid var(--gallery-border); border-radius:24px;
  background:linear-gradient(145deg,var(--gallery-surface),var(--color-template-panel-background,#ffffff));
   margin-bottom:28px; box-sizing:border-box;
}
.deceti-template-controls.deceti-templates-v3 .search-bar {
gap:12px; margin-bottom:22px;
}
.deceti-template-controls.deceti-templates-v3 .search-bar input {
height:54px; max-width:680px; padding:0 18px; border-width:1px;
  border-radius:16px; background:var(--gallery-surface); color:var(--gallery-ink);
  
}
.deceti-template-controls.deceti-templates-v3 .search-bar button {
width:54px; height:54px; margin:0; border-radius:16px; flex-shrink:0;
}
.deceti-template-controls.deceti-templates-v3 :is(.top-level-tab,.shape-button,.subtemplate-button) {
border:1px solid var(--gallery-border); border-radius:999px;
  background:var(--gallery-surface); color:var(--gallery-ink);
  transition:background .2s,color .2s;
}
.deceti-template-controls.deceti-templates-v3 :is(.top-level-tab,.shape-button,.subtemplate-button).active {
background:var(--color-template-category-active-background,#00334d); color:var(--color-template-category-active-text,#ffffff);
  border-color:var(--color-template-category-active-background,#00334d); 
}
.deceti-template-controls.deceti-templates-v3 .shape-toolbar {
margin:20px 0 0; gap:14px;
}
.deceti-template-controls.deceti-templates-v3 .subtemplate-button {
min-height:34px;
  padding:7px 12px;
  font-size:13px;
  font-weight:600;
  line-height:1.3;
  border-radius:10px;
  
  background:var(--gallery-surface);
  color:var(--theme-text-secondary, var(--color-template-muted,#65799c));
}
.deceti-template-controls.deceti-templates-v3 .subtemplate-button:hover {
background:var(--color-template-category-hover-background,#f3f9fd);
  border-color:var(--color-template-focus,#02b5ff);
}
.deceti-template-controls.deceti-templates-v3 .subtemplate-button.active {
background:var(--color-template-category-active-background,#00334d);
  color:var(--color-template-category-active-text,#ffffff);
  border-color:var(--color-template-category-active-background,#00334d);
  
}
.deceti-template-controls.deceti-templates-v3 .size-select {
min-height:50px; border-radius:14px; background:var(--gallery-surface);
}
.deceti-template-controls.deceti-templates-v3 .c-grid.s-c-grid {
display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px;
}
.deceti-template-controls.deceti-templates-v3 .i-grid {
max-width:none; min-width:0; width:100%;
}
.deceti-template-controls.deceti-templates-v3 .item-box {
height:100%; padding:18px; border:1px solid var(--gallery-border); border-radius:22px;
  background:var(--gallery-surface); 
  transition:transform .2s,border-color .2s;
}
.deceti-template-controls.deceti-templates-v3 .item-box:hover {
transform:translateY(-4px); outline:none; border-color:var(--color-template-focus,#02b5ff);
  background:var(--gallery-surface); 
}
.deceti-template-controls.deceti-templates-v3 .template-card-link {
display:block; text-decoration:none; color:var(--gallery-ink);
}
.deceti-template-controls.deceti-templates-v3 .item-box img {
aspect-ratio:1; object-fit:contain; border-radius:14px;
}
.deceti-template-controls.deceti-templates-v3 .new-category-name {
margin-top:16px; font-size:17px; line-height:1.4;
}
.deceti-template-controls.deceti-templates-v3 .btn-customize {
border-radius:12px!important; padding:12px 18px!important;
}
.deceti-template-controls.deceti-templates-v3 :is(button,input,select,a):focus-visible {
outline:3px solid var(--color-template-focus,#02b5ff); outline-offset:3px;
}
@media(max-width:1100px) {
.deceti-template-controls.deceti-templates-v3 .c-grid.s-c-grid {
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
@media(max-width:760px) {
.deceti-template-controls.deceti-templates-v3 .c-grid.s-c-grid {
grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px;
}
.deceti-template-controls.deceti-templates-v3 .top-filters-panel {
padding:16px;
}
}
@media(max-width:420px) {
.deceti-template-controls.deceti-templates-v3 .c-grid.s-c-grid {
grid-template-columns:minmax(0,1fr);
}
}
@media(prefers-reduced-motion:reduce) {
.deceti-template-controls.deceti-templates-v3 * {
transition:none!important;
}
.deceti-template-controls.deceti-templates-v3 .item-box:hover {
transform:none;
}
}
.deceti-template-controls.deceti-templates-v3 .top-level-tabs {
display:flex!important; flex-wrap:wrap!important; gap:10px!important; overflow:visible!important; height:auto!important; max-height:none!important; border:0!important; padding:0!important; margin:0 0 18px!important;
}
.deceti-template-controls.deceti-templates-v3 .sublevel-buttons:not(:empty) {
display:flex!important; flex-wrap:wrap!important; gap:8px!important; overflow:visible!important; border:0!important; background:transparent!important; padding:0!important; margin:12px 0 22px!important;
}
.deceti-template-controls.deceti-templates-v3 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item) {
border:1px solid var(--theme-border-default,var(--color-template-panel-border,#d7e5f2))!important;
  border-radius:var(--object-button-radius,var(--radius-template-control,10px))!important;
  background:var(--object-panel-background,var(--color-template-panel-background,#ffffff))!important;
  color:var(--theme-text-primary,var(--color-template-category-active-background,#00334d))!important;
   padding:11px 18px!important; min-height:42px!important;
  font-size:15px!important; line-height:1.35!important; font-weight:600!important; white-space:normal!important;
}
.deceti-template-controls.deceti-templates-v3 :is(.subtemplate-button,.subtemplate-item) {
padding:7px 12px!important; min-height:34px!important; font-size:13px!important;
}
.deceti-template-controls.deceti-templates-v3 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item):hover,
.deceti-template-controls.deceti-templates-v3 :is(.top-level-tab,.subtemplate-button,.shape-button,.template-item,.subtemplate-item).active,
.deceti-template-controls.deceti-templates-v3 .btn-customize,
.deceti-template-controls.deceti-templates-v3 #search {
background:var(--object-button-primary-background,var(--color-template-category-active-background,#00334d))!important;
  color:var(--object-button-primary-text,var(--color-template-category-active-text,#ffffff))!important;
  border-color:var(--object-button-primary-background,var(--color-template-category-active-background,#00334d))!important;
  border-radius:var(--object-button-radius,var(--radius-template-control,10px))!important; 
}
.deceti-template-controls.deceti-templates-v3 .top-level-tab::after {
content:none!important;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-heading {
margin:0 0 28px;text-align:left;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-heading h2 {
margin:0 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.15;font-weight:800;color:var(--theme-text-primary,var(--color-template-category-active-background,#00334d));
}
.deceti-template-controls.deceti-templates-v3 .template-finder-heading p {
margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.5;color:var(--theme-text-secondary,var(--color-template-muted,#65799c));
}
.deceti-template-controls.deceti-templates-v3 .shape-toolbar {
display:grid; grid-template-columns:minmax(0,1fr) minmax(0,4fr); gap:20px; align-items:start;
}
.deceti-template-controls.deceti-templates-v3 .shape-toolbar > .size-container,
.deceti-template-controls.deceti-templates-v3 .shape-toolbar > .shape-container {
width:100%; max-width:100%; min-width:0; margin:0;
}
@media(max-width:700px) {
.deceti-template-controls.deceti-templates-v3 .shape-toolbar {
grid-template-columns:minmax(0,1fr);
}
}
.deceti-template-controls.deceti-templates-v3 .deceti-template-icon {
display:inline-block;width:26px;height:auto;flex:0 0 26px;vertical-align:middle;margin-right:10px;font-size:24px;line-height:1;text-align:center;font-style:normal;color:inherit;
}
.deceti-template-controls.deceti-templates-v3 .deceti-template-icon-popular::before {
color:#ff7b17;background:linear-gradient(180deg,#ff4b20 15%,#ff9a16 65%,#ffd12d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.deceti-template-controls.deceti-templates-v3 .top-level-tab {
display:inline-flex;align-items:center;justify-content:center;
}
.deceti-template-controls.deceti-templates-v3 [hidden] {
display:none!important;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card {
box-sizing:border-box;min-width:0;width:100%;padding:24px;margin:0 0 24px;background:#fff;border:1px solid var(--theme-border-default,#d3dce8);border-radius:var(--object-panel-radius,16px);
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .template-finder-heading {
margin:0 0 20px;text-align:left;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .template-finder-heading h2 {
margin:0 0 10px;font-size:clamp(26px,3vw,42px);line-height:1.15;font-weight:800;color:var(--theme-text-primary,#071b4c);
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .template-finder-heading p {
margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.5;color:var(--theme-text-secondary,#60769a);
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .search-bar {
min-width:0;margin:0;gap:12px;align-items:center;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .search-bar input {
max-width:none;min-width:0;flex:1;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .search-bar button {
flex-shrink:0;margin:0;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card--v1 {
display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);align-items:center;gap:28px;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card--v1 .template-finder-heading {
margin:0;
}
@media(max-width:900px) {
.deceti-template-controls.deceti-templates-v3 .template-finder-card--v1 {
grid-template-columns:minmax(0,1fr);gap:20px;
}
}
@media(max-width:600px) {
.deceti-template-controls.deceti-templates-v3 .template-finder-card {
padding:18px;margin-bottom:20px;
}
.deceti-template-controls.deceti-templates-v3 .template-finder-card .search-bar {
gap:8px;
}
}

/* Shared gallery geometry for V2, V4 and V5. Colors live in templates-color-contract.css. */
.deceti-template-gallery {
 --gallery-surface:var(--object-panel-background,var(--deceti-color-surface));
 --gallery-soft:var(--object-button-secondary-background,var(--deceti-color-panel-soft));
 --gallery-ink:var(--theme-text-primary,var(--deceti-color-text-brand));
 --gallery-muted:var(--theme-text-secondary,var(--deceti-color-text-neutral));
 --gallery-border:var(--theme-border-default,var(--deceti-color-border-soft));
 --gallery-primary:var(--object-button-primary-background,var(--deceti-color-primary-dark));
 --gallery-on-primary:var(--object-button-primary-text,var(--deceti-color-surface));
 --gallery-radius:var(--object-button-radius,10px);
 display:block;max-width:100%;margin:0 auto;color:var(--gallery-ink);
}
.deceti-template-gallery *, .deceti-template-gallery *::after {box-sizing:border-box;}
.deceti-template-gallery .s-content {width:100%;min-width:0;padding:18px;background:var(--gallery-surface);border:1px solid var(--gallery-border);border-radius:var(--object-panel-radius,16px);}
.deceti-template-gallery .top-filters-panel {width:100%;margin:0 0 16px;}
.deceti-template-gallery .template-finder-card {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:center;padding:0;margin:0 0 16px;min-width:0;background:transparent;border:0;}
.deceti-template-gallery .template-finder-heading {margin:0;text-align:left;min-width:0;}
.deceti-template-gallery .template-finder-heading h2 {margin:0 0 6px;font-size:clamp(24px,2.3vw,34px);line-height:1.15;font-weight:800;color:var(--gallery-ink);}
.deceti-template-gallery .template-finder-heading p {margin:0;font-size:16px;line-height:1.45;color:var(--gallery-muted);}
.deceti-template-gallery .search-bar {display:flex;align-items:stretch;gap:8px;min-width:0;margin:0;}
.deceti-template-gallery .template-finder-search-field {display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:0 14px;margin:0;background:var(--gallery-surface);border:1px solid var(--gallery-border);border-radius:var(--gallery-radius);}
.deceti-template-gallery #tags {width:100%;max-width:none;min-width:0;margin:0;padding:13px 0;border:0;background:transparent;color:var(--gallery-ink);font:inherit;font-size:15px;outline:none;}
.deceti-template-gallery .template-search-icon {width:22px;height:22px;flex:0 0 22px;color:inherit;}
.deceti-template-gallery #search {display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;width:auto;height:auto;min-width:96px;margin:0;padding:12px 16px;border:1px solid var(--gallery-primary);border-radius:var(--gallery-radius);background:var(--gallery-primary);color:var(--gallery-on-primary);font:inherit;font-weight:700;cursor:pointer;}
.deceti-template-gallery .template-finder-search-field:focus-within {outline:2px solid var(--gallery-primary);outline-offset:2px;}
.deceti-template-gallery .top-level-tabs {display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;min-width:0;max-height:none;overflow:visible;padding:0;margin:0;border:0;}
.deceti-template-gallery .top-level-tab {position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:126px;padding:9px;border:1px solid var(--gallery-border);border-radius:var(--gallery-radius);background:var(--gallery-surface);color:var(--gallery-ink);font:inherit;font-size:14px;line-height:1.3;font-weight:700;text-align:center;white-space:normal;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s;}
.deceti-template-gallery .top-level-tab:hover {border-color:var(--gallery-primary);background:var(--gallery-soft);}
.deceti-template-gallery .top-level-tab.active {background:var(--gallery-primary);color:var(--gallery-on-primary);border-color:var(--gallery-primary);}
.deceti-template-gallery .top-level-tab::after {content:none;}
.deceti-template-gallery .template-category-art {display:flex;align-items:center;justify-content:center;width:100%;height:82px;overflow:hidden;border-radius:var(--gallery-radius);background:var(--gallery-soft);}
.deceti-template-gallery .template-category-art img {width:100%;height:100%;object-fit:contain;}
.deceti-template-gallery .template-category-art .deceti-template-icon {font-size:36px;}
.deceti-template-gallery .top-level-tab > .deceti-template-icon {display:flex;align-items:center;justify-content:center;width:100%;height:82px;font-size:36px;}
.deceti-template-gallery .top-level-tab:has(.template-category-art) > .deceti-template-icon {display:none;}
.deceti-template-gallery .top-level-tab.active .template-category-art {background:transparent;}
.deceti-template-gallery [hidden] {display:none!important;}
.deceti-templates-v2.deceti-template-gallery #topLevelTabs[data-expanded="false"] .top-level-tab:nth-child(n+11) {display:none;}
.deceti-template-gallery .template-catalog-more {display:block;margin:8px 0 0 auto;padding:6px 12px;border:1px solid var(--gallery-border);border-radius:var(--gallery-radius);background:var(--gallery-surface);color:var(--gallery-ink);font:inherit;font-size:13px;cursor:pointer;}
.deceti-template-gallery .template-category-heading {display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;margin:14px 0 10px;border-top:1px solid var(--gallery-border);}
.deceti-template-gallery .template-category-heading h3 {margin:0;font-size:21px;line-height:1.25;font-weight:800;color:var(--gallery-ink);}
.deceti-template-gallery .template-category-heading p {margin:4px 0 0;font-size:14px;line-height:1.4;color:var(--gallery-muted);}
.deceti-template-gallery .sublevel-buttons {display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0;border:0;background:transparent;min-width:0;}
.deceti-template-gallery .subtemplate-button {position:relative;min-height:32px;padding:7px 12px;border:1px solid var(--gallery-border);border-radius:var(--gallery-radius);background:var(--gallery-surface);color:var(--gallery-ink);font:inherit;font-size:13px;line-height:1.3;font-weight:600;white-space:normal;cursor:pointer;}
.deceti-template-gallery .subtemplate-button:hover {border-color:var(--gallery-primary);background:var(--gallery-soft);}
.deceti-template-gallery .subtemplate-button.active {border-color:var(--gallery-primary);background:var(--gallery-primary);color:var(--gallery-on-primary);}
.deceti-template-gallery .subtemplate-button .deceti-template-icon {display:none;}
.deceti-template-gallery .shape-toolbar {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,4fr);gap:12px;align-items:start;margin:12px 0;}
.deceti-template-gallery .shape-toolbar > * {width:100%;min-width:0;margin:0;}
.deceti-template-gallery .size-select {width:100%;min-height:38px;padding:8px;border:1px solid var(--gallery-border);border-radius:var(--gallery-radius);background:var(--gallery-surface);color:var(--gallery-ink);}
.deceti-template-gallery .shape-container {display:flex;flex-wrap:wrap;gap:8px;}
.deceti-template-gallery .shape-button {min-height:36px;padding:7px 12px;border:1px solid var(--gallery-border);border-radius:var(--gallery-radius);background:var(--gallery-surface);color:var(--gallery-ink);font:inherit;cursor:pointer;}
.deceti-template-gallery .shape-button.active {background:var(--gallery-primary);color:var(--gallery-on-primary);}
.deceti-template-gallery :is(button,a,input,select):focus-visible {outline:2px solid var(--gallery-primary);outline-offset:2px;}
.deceti-template-gallery .c-grid.s-c-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;margin:0;}
.deceti-template-gallery .i-grid {width:100%;min-width:0;max-width:none;}
.deceti-template-gallery .item-box {padding:12px;border:1px solid var(--gallery-border);border-radius:var(--gallery-radius);background:var(--gallery-surface);color:var(--gallery-ink);}
.deceti-template-gallery .item-box img {width:100%;max-width:100%;object-fit:contain;}
.deceti-template-gallery .new-category-name {margin-top:8px;color:var(--gallery-ink);font-size:15px;line-height:1.35;}
.deceti-template-gallery .btn-customize {border:1px solid var(--gallery-primary);border-radius:var(--gallery-radius);background:var(--gallery-primary);color:var(--gallery-on-primary);}
.deceti-template-gallery:is(.deceti-templates-v4,.deceti-templates-v5) .template-finder-card {grid-template-columns:minmax(0,4fr) minmax(180px,1fr);}
.deceti-template-gallery:is(.deceti-templates-v4,.deceti-templates-v5) .template-finder-heading {order:2;border-left:1px solid var(--gallery-border);padding-left:18px;}
.deceti-template-gallery:is(.deceti-templates-v4,.deceti-templates-v5) .template-finder-heading h2 {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.deceti-template-gallery:is(.deceti-templates-v4,.deceti-templates-v5) .search-bar {order:1;gap:0;}
.deceti-template-gallery:is(.deceti-templates-v4,.deceti-templates-v5) .template-finder-search-field {border-radius:var(--gallery-radius) 0 0 var(--gallery-radius);}
.deceti-template-gallery:is(.deceti-templates-v4,.deceti-templates-v5) #search {border-radius:0 var(--gallery-radius) var(--gallery-radius) 0;}
.deceti-template-gallery:is(.deceti-templates-v4,.deceti-templates-v5) .template-category-heading p {display:none;}
.deceti-template-gallery .template-rail {position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:8px;min-width:0;}
.deceti-template-gallery .template-rail :is(#topLevelTabs,#subLevelButtons) {display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;gap:8px;padding:3px 2px;margin:0;min-width:0;}
.deceti-template-gallery .template-rail :is(#topLevelTabs,#subLevelButtons)::-webkit-scrollbar {display:none;}
.deceti-template-gallery .template-rail .top-level-tab {flex:0 0 150px;scroll-snap-align:start;}
.deceti-template-gallery :is(.template-rail-prev,.template-rail-next) {display:flex;align-items:center;justify-content:center;width:30px;height:36px;padding:0;border:1px solid var(--gallery-border);border-radius:var(--gallery-radius);background:var(--gallery-surface);color:var(--gallery-ink);font-size:24px;cursor:pointer;}
.deceti-template-gallery .template-rail button:disabled {opacity:.35;cursor:default;}
.deceti-template-gallery .template-rail-progress {grid-column:2;width:180px;max-width:70%;height:4px;margin:10px auto 0;background:var(--gallery-border);border-radius:var(--gallery-radius);overflow:hidden;}
.deceti-template-gallery .template-rail-progress span {display:block;height:100%;background:var(--gallery-primary);border-radius:inherit;}
.deceti-templates-v4.deceti-template-gallery .template-rail .subtemplate-button {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:0 0 124px;min-height:114px;padding:9px;scroll-snap-align:start;text-align:center;}
.deceti-template-gallery .template-subcategory-art {display:flex;align-items:center;justify-content:center;width:100%;height:68px;background:var(--gallery-soft);border-radius:var(--gallery-radius);overflow:hidden;}
.deceti-template-gallery .template-subcategory-art img {width:100%;height:100%;object-fit:contain;}
.deceti-templates-v5.deceti-template-gallery .template-rail .subtemplate-button {display:flex;align-items:center;justify-content:center;flex:0 0 104px;min-height:64px;padding:12px 8px;scroll-snap-align:start;text-align:center;text-transform:uppercase;font-size:12px;font-weight:800;}
.deceti-templates-v5.deceti-template-gallery .subtemplate-button.active::after {content:'✓';position:absolute;top:3px;right:3px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--gallery-on-primary);color:var(--gallery-primary);font-size:11px;}
.deceti-templates-v5.deceti-template-gallery :is(.template-subcategory-art,.subtemplate-button img) {display:none;}
@media(max-width:1000px) {
 .deceti-template-gallery .template-finder-card,.deceti-template-gallery:is(.deceti-templates-v4,.deceti-templates-v5) .template-finder-card {grid-template-columns:minmax(0,1fr);gap:12px;}
 .deceti-template-gallery:is(.deceti-templates-v4,.deceti-templates-v5) .template-finder-heading {border:0;padding:0;}
 .deceti-template-gallery .c-grid.s-c-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:600px) {
 .deceti-template-gallery .s-content {padding:12px;}
 .deceti-template-gallery .top-level-tabs {grid-template-columns:repeat(2,minmax(0,1fr));}
 .deceti-template-gallery .template-rail {grid-template-columns:26px minmax(0,1fr) 26px;gap:5px;}
 .deceti-template-gallery :is(.template-rail-prev,.template-rail-next) {width:26px;height:32px;}
 .deceti-template-gallery .template-rail .top-level-tab {flex-basis:132px;}
 .deceti-template-gallery .template-finder-search-field {padding:0 10px;gap:8px;}
 .deceti-template-gallery #search {min-width:0;padding:10px;}
 .deceti-template-gallery #search .template-search-icon {display:none;}
 .deceti-template-gallery .shape-toolbar {grid-template-columns:minmax(0,1fr);}
 .deceti-template-gallery .c-grid.s-c-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
}
@media(prefers-reduced-motion:reduce) {.deceti-template-gallery * {transition:none!important;scroll-behavior:auto!important;}}

/* Registered Template Settings tokens. Color contract shared by v0–v5.
 * Geometry stays in templates-legacy-layouts.css and templates-gallery.css.
 * One component scope keeps the settings isolated from other blocks. */
html body .deceti-template-controls[class*="deceti-templates-v"] {
 --gallery-surface:var(--color-template-panel-background,var(--color-surface,#fff))!important;
 --gallery-soft:var(--color-template-category-hover-background,var(--color-surface-alt,#f3f9fd))!important;
 --gallery-ink:var(--color-template-text,var(--color-text,#071b4c))!important;
 --gallery-muted:var(--color-template-muted,var(--color-text-muted,#65799c))!important;
 --gallery-border:var(--color-template-panel-border,var(--color-border,#d7e5f2))!important;
 --gallery-primary:var(--color-template-category-active-background,var(--color-action-primary,#00334d))!important;
 --gallery-on-primary:var(--color-template-category-active-text,var(--color-action-primary-text,#fff))!important;
 --gallery-radius:var(--radius-template-control,10px)!important;
 color:var(--color-template-text,var(--color-text,#071b4c))!important;
}
html body .deceti-template-controls[class*="deceti-templates-v"] .s-content {
 background:var(--color-template-panel-background,var(--color-surface,#fff))!important;
 border-color:var(--color-template-panel-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-panel-border-width,1px)!important;
 border-radius:var(--radius-template-panel,16px)!important;
 padding:var(--spacing-template-panel-padding,18px)!important;
}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-finder-heading h2,.template-category-heading h3) {color:var(--color-template-heading,var(--color-heading,#071b4c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-finder-heading h2 {font-size:var(--font-template-heading-size,30px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-finder-heading p,.template-category-heading p) {color:var(--color-template-muted,var(--color-text-muted,#65799c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-category-heading {border-color:var(--color-template-divider,var(--color-border,#d7e5f2))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-finder-heading {border-color:var(--color-template-divider,var(--color-border,#d7e5f2))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"].deceti-templates-v3 .top-filters-panel {background:var(--color-template-panel-background,var(--color-surface,#fff))!important;border-color:var(--color-template-panel-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-panel-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-finder-search-field,.search-bar input) {background:var(--color-template-search-background,var(--color-surface,#fff))!important;border-color:var(--color-template-search-border,var(--color-control-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-search-border-width,1px)!important;color:var(--color-template-search-text,var(--color-text,#071b4c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-finder-search-field #tags {background:transparent!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] #tags {font-size:var(--font-template-control-size,15px)!important;color:var(--color-template-search-text,var(--color-text,#071b4c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] #tags::placeholder {color:var(--color-template-search-placeholder,var(--color-text-muted,#65799c))!important;opacity:1;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-finder-search-field .template-search-icon {color:var(--color-template-search-icon,var(--color-text,#071b4c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] #search {background:var(--color-template-search-button-background,var(--color-action-primary,#00334d))!important;border-color:var(--color-template-search-button-background,var(--color-action-primary,#00334d))!important;color:var(--color-template-search-button-text,var(--color-action-primary-text,#fff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] #search:hover {background:var(--color-template-search-button-hover-background,var(--color-action-primary-hover,#02b5ff))!important;border-color:var(--color-template-search-button-hover-background,var(--color-action-primary-hover,#02b5ff))!important;color:var(--color-template-search-button-hover-text,var(--color-action-primary-text,#fff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] #search .template-search-icon {color:inherit!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.top-level-tab,.template-item) {background:var(--color-template-category-background,var(--color-surface,#fff))!important;color:var(--color-template-category-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-category-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-category-border-width,1px)!important;border-radius:var(--radius-template-control,10px)!important;font-size:var(--font-template-category-size,14px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.top-level-tab,.template-item):hover {background:var(--color-template-category-hover-background,var(--color-surface-alt,#f3f9fd))!important;color:var(--color-template-category-hover-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-category-hover-border,var(--color-primary,#02b5ff))!important;border-style:solid!important;border-width:var(--border-template-category-hover-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.top-level-tab,.template-item).active {background:var(--color-template-category-active-background,var(--color-action-primary,#00334d))!important;color:var(--color-template-category-active-text,var(--color-action-primary-text,#fff))!important;border-color:var(--color-template-category-active-border,var(--color-action-primary,#00334d))!important;border-style:solid!important;border-width:var(--border-template-category-active-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-category-art {background:var(--color-template-category-art-background,var(--color-surface-alt,#f3f9fd))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .top-level-tab .deceti-template-icon {color:var(--color-template-category-icon,var(--color-primary,#02b5ff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .top-level-tab.active :is(.template-category-name,.deceti-template-icon,.template-category-count,.template-count) {color:var(--color-template-category-active-text,var(--color-action-primary-text,#fff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-category-count,.top-level-tab .template-count) {color:var(--color-template-category-count,var(--color-text-muted,#65799c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.subtemplate-button,.subtemplate-item) {background:var(--color-template-subcategory-background,var(--color-surface,#fff))!important;color:var(--color-template-subcategory-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-subcategory-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-subcategory-border-width,1px)!important;border-radius:var(--radius-template-control,10px)!important;font-size:var(--font-template-subcategory-size,13px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.subtemplate-button,.subtemplate-item):hover {background:var(--color-template-subcategory-hover-background,var(--color-surface-alt,#f3f9fd))!important;color:var(--color-template-subcategory-hover-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-subcategory-hover-border,var(--color-primary,#02b5ff))!important;border-style:solid!important;border-width:var(--border-template-subcategory-hover-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.subtemplate-button,.subtemplate-item).active {background:var(--color-template-subcategory-active-background,var(--color-action-primary,#00334d))!important;color:var(--color-template-subcategory-active-text,var(--color-action-primary-text,#fff))!important;border-color:var(--color-template-subcategory-active-border,var(--color-action-primary,#00334d))!important;border-style:solid!important;border-width:var(--border-template-subcategory-active-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-subcategory-art {background:var(--color-template-subcategory-art-background,var(--color-surface-alt,#f3f9fd))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-subcategory-count,.subtemplate-button .template-count) {color:var(--color-template-subcategory-count,var(--color-text-muted,#65799c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .subtemplate-button.active :is(.template-subcategory-count,.template-count) {color:var(--color-template-subcategory-active-text,var(--color-action-primary-text,#fff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"].deceti-templates-v5 .subtemplate-button.active::after {background:var(--color-template-subcategory-check-background,var(--color-action-primary-text,#fff))!important;color:var(--color-template-subcategory-check-icon,var(--color-action-primary,#00334d))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .shape-button {background:var(--color-template-filter-background,var(--color-surface,#fff))!important;color:var(--color-template-filter-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-filter-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-filter-border-width,1px)!important;border-radius:var(--radius-template-control,10px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .shape-button:hover {background:var(--color-template-filter-hover-background,var(--color-surface-alt,#f3f9fd))!important;color:var(--color-template-filter-hover-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-filter-hover-border,var(--color-primary,#02b5ff))!important;border-style:solid!important;border-width:var(--border-template-filter-hover-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .shape-button.active {background:var(--color-template-filter-active-background,var(--color-action-primary,#00334d))!important;color:var(--color-template-filter-active-text,var(--color-action-primary-text,#fff))!important;border-color:var(--color-template-filter-active-border,var(--color-action-primary,#00334d))!important;border-style:solid!important;border-width:var(--border-template-filter-active-border-width,1px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .size-select {background:var(--color-template-select-background,var(--color-surface,#fff))!important;color:var(--color-template-select-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-select-border,var(--color-control-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-select-border-width,1px)!important;font-size:var(--font-template-control-size,15px)!important;border-radius:var(--radius-template-control,10px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.top-level-tabs,.sublevel-buttons,.shape-container) {gap:var(--spacing-template-control-gap,8px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .c-grid.s-c-grid {gap:var(--spacing-template-grid-gap,14px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .item-box {background:var(--color-template-card-background,var(--color-surface,#fff))!important;color:var(--color-template-card-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-card-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-card-border-width,1px)!important;border-radius:var(--radius-template-card,10px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .item-box:hover {background:var(--color-template-card-hover-background,var(--color-surface,#fff))!important;border-color:var(--color-template-card-hover-border,var(--color-primary,#02b5ff))!important;border-style:solid!important;border-width:var(--border-template-card-hover-border-width,1px)!important;outline:none;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-card-link {color:var(--color-template-card-text,var(--color-text,#071b4c))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .new-category-name {color:var(--color-template-card-title,var(--color-heading,#071b4c))!important;font-size:var(--font-template-card-title-size,15px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .item-box img {background:var(--color-template-card-image-background,var(--color-surface,#fff))!important;object-fit:contain;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.btn-customize,.button-container .btn) {background:var(--color-template-action-background,var(--color-action-primary,#00334d))!important;color:var(--color-template-action-text,var(--color-action-primary-text,#fff))!important;border-color:var(--color-template-action-background,var(--color-action-primary,#00334d))!important;border-radius:var(--radius-template-control,10px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.btn-customize,.button-container .btn):hover {background:var(--color-template-action-hover-background,var(--color-action-primary-hover,#02b5ff))!important;color:var(--color-template-action-hover-text,var(--color-action-primary-text,#fff))!important;border-color:var(--color-template-action-hover-background,var(--color-action-primary-hover,#02b5ff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-catalog-more,.template-rail-prev,.template-rail-next,.show-more-button,.show-more) {background:var(--color-template-navigation-background,var(--color-surface,#fff))!important;color:var(--color-template-navigation-text,var(--color-text,#071b4c))!important;border-color:var(--color-template-navigation-border,var(--color-border,#d7e5f2))!important;border-style:solid!important;border-width:var(--border-template-navigation-border-width,1px)!important;border-radius:var(--radius-template-control,10px)!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(.template-catalog-more,.template-rail-prev,.template-rail-next,.show-more-button,.show-more):hover {background:var(--color-template-navigation-hover-background,var(--color-surface-alt,#f3f9fd))!important;color:var(--color-template-navigation-hover-text,var(--color-primary,#02b5ff))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-rail-progress {background:var(--color-template-progress-track,var(--color-border,#d7e5f2))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-rail-progress span {background:var(--color-template-progress-active,var(--color-action-primary,#00334d))!important;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(button,a,input,select):focus-visible {outline:2px solid var(--color-template-focus,var(--color-focus,#02b5ff))!important;outline-offset:2px;}
html body .deceti-template-controls[class*="deceti-templates-v"] .template-finder-search-field:focus-within {outline:2px solid var(--color-template-focus,var(--color-focus,#02b5ff))!important;outline-offset:2px;}
html body .deceti-template-controls[class*="deceti-templates-v"] :is(button,input,select):disabled {opacity:.45;cursor:default;}
@media(max-width:600px) {
 html body .deceti-template-controls[class*="deceti-templates-v"] .s-content {padding:min(var(--spacing-template-panel-padding,18px),12px)!important;}
}
@media(prefers-reduced-motion:reduce) {
 .deceti-template-controls :is(button,a,.item-box) {transition:none!important;}
}

/* Flat template blocks, including hover and decorative pseudo-elements. */
html body .deceti-template-controls,
html body .deceti-template-controls *,
html body .deceti-template-controls *::before,
html body .deceti-template-controls *::after {box-shadow:none!important;text-shadow:none!important;}