/*
Theme Name: ComiXrevolution Structured Theme
Theme URI: https://comixrevolution.com/
Author: OpenAI
Author URI: https://openai.com/
Description: Tema strutturato a box per ComiXrevolution, con homepage modulare, CPT dedicati e compatibilità WooCommerce.
Version: 1.10.4
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: comixrevolution-theme
*/

:root {
  --comix-red: #c8102e;
  --comix-red-dark: #8e0d20;
  --comix-blue: #1247a6;
  --comix-blue-dark: #0d2b63;
  --comix-yellow: #ffd447;
  --comix-black: #0a0d12;
  --comix-black-soft: #10151d;
  --comix-black-panel: #141b24;
  --comix-white: #ffffff;
  --comix-surface: #f4f6fa;
  --comix-surface-2: #ffffff;
  --comix-ink: #121926;
  --comix-ink-soft: #58657c;
  --comix-border: rgba(8, 13, 22, 0.10);
  --comix-border-dark: rgba(255,255,255,.12);
  --comix-shadow: 0 20px 48px rgba(10, 16, 24, 0.12);
  --comix-shadow-strong: 0 24px 54px rgba(0, 0, 0, 0.26);
  --comix-radius: 22px;
  --comix-radius-small: 14px;
  --comix-container: min(1480px, calc(100% - 32px));
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: Arial, Helvetica, sans-serif;
  color: var(--comix-ink);
  line-height: 1.55;
  background:
    radial-gradient(circle at top left, rgba(18,71,166,.08), transparent 26%),
    radial-gradient(circle at top right, rgba(200,16,46,.08), transparent 24%),
    linear-gradient(180deg, #0c1118 0, #10161f 150px, #eef2f7 150px, #f4f6fa 100%);
}
body.admin-bar .site-header {
  position: sticky;
  top: 0;
  z-index: 90;
  background: #111;
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 16px 38px rgba(0,0,0,.24);
}
.site-header::before {
  content: '';
  display: block;
  height: 4px;
  background: linear-gradient(90deg, var(--comix-blue) 0%, var(--comix-red) 45%, var(--comix-yellow) 100%);
}
.site-header-inner {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 16px 0;
}
.site-branding { min-width: 0; }
.comix-header-branding-wrap { display: grid; gap: 4px; }
.site-branding a {
  display: inline-block;
  color: var(--comix-white);
  font-size: clamp(1.3rem, 1.9vw, 2rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.site-branding a:hover { text-decoration: none; }
.comix-branding-tagline {
  color: rgba(255,255,255,.76);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.site-header-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}
.site-header-search-band {
  background: #111;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.site-header-search--wide {
  max-width: 920px;
  margin: 0 auto;
}
.site-header-search {
  background: rgba(255,255,255,.96);
  border-radius: 22px;
  padding: 10px 14px;
  border: 2px solid rgba(255,255,255,.12);
  box-shadow: inset 0 0 0 1px rgba(18,25,38,.06);
}
.site-header-search-band .comix-container {
  padding: 18px 0 22px;
}
.site-header-search form,
.site-header-search .search-form,
.site-header-search .woocommerce-product-search,
.site-header-search .comix-search-form,
.site-header-search .comix-search-engine {
  margin: 0;
}
.site-header-search input[type="search"],
.site-header-search input[type="text"] {
  width: min(100%, 480px);
  min-width: 210px;
  border: 0;
  background: transparent;
  color: var(--comix-ink);
  font-size: .96rem;
  padding: 8px 10px;
  outline: none;
}
.site-header-search button,
.site-header-search input[type="submit"] {
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--comix-red) 0%, var(--comix-red-dark) 100%);
  color: #fff;
  min-height: 40px;
  padding: 0 16px;
  font-weight: 800;
  cursor: pointer;
}
.site-header-menu-band {
  background: #111;
}
.site-nav--centered {
  display: flex;
  justify-content: center;
}
.site-nav ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 18px;
  margin: 0;
  padding: 0 0 18px;
}
.site-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 4px;
  color: #f5f5f5;
  background: transparent;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  font-size: .9rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .05em;
  text-transform: uppercase;
  transition: color .18s ease, border-color .18s ease, transform .18s ease;
}
.site-nav a:hover,
.site-nav .current-menu-item > a,
.site-nav .current_page_item > a {
  text-decoration: none;
  color: #fff;
  background: transparent;
  border-color: var(--comix-red);
  transform: translateY(-1px);
}
.site-header-tool-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: #fff;
  font-size: .86rem;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.site-header-tool-link:hover { text-decoration: none; background: rgba(255,255,255,.12); }
.site-footer { color: var(--comix-white); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 90;
  background:
    linear-gradient(180deg, rgba(8,12,17,.98) 0%, rgba(16,21,29,.98) 100%);
  border-bottom: 4px solid var(--comix-red);
  box-shadow: 0 16px 38px rgba(0,0,0,.24);
}
.site-header::before {
  content: '';
  display: block;
  height: 4px;
  background: linear-gradient(90deg, var(--comix-blue) 0%, var(--comix-red) 45%, var(--comix-yellow) 100%);
}
.site-header-inner {
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(240px, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 18px 0 20px;
}
.site-branding { min-width: 0; }
.comix-header-branding-wrap { display: grid; gap: 4px; }
.site-branding a {
  display: inline-block;
  color: var(--comix-white);
  font-size: clamp(1.3rem, 1.9vw, 2rem);
  font-weight: 900;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.site-branding a:hover { text-decoration: none; }
.comix-branding-tagline {
  color: rgba(255,255,255,.76);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.site-header-center { display: grid; gap: 12px; }
.site-nav ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.site-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  color: #fff;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.09);
  font-size: .86rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.site-nav a:hover,
.site-nav .current-menu-item > a,
.site-nav .current_page_item > a {
  text-decoration: none;
  background: linear-gradient(180deg, var(--comix-red) 0%, var(--comix-red-dark) 100%);
  border-color: rgba(255,255,255,.18);
  transform: translateY(-1px);
}
.site-header-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}
.site-header-search {
  background: rgba(255,255,255,.96);
  border-radius: 999px;
  padding: 8px 14px;
  border: 2px solid rgba(255,255,255,.12);
  box-shadow: inset 0 0 0 1px rgba(18,25,38,.06);
}
.site-header-search form,
.site-header-search .search-form,
.site-header-search .woocommerce-product-search,
.site-header-search .comix-search-form,
.site-header-search .comix-search-engine {
  margin: 0;
}
.site-header-search input[type="search"],
.site-header-search input[type="text"] {
  width: min(100%, 480px);
  min-width: 210px;
  border: 0;
  background: transparent;
  color: var(--comix-ink);
  font-size: .96rem;
  padding: 8px 10px;
  outline: none;
}
.site-header-search button,
.site-header-search input[type="submit"] {
  border: 0;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--comix-red) 0%, var(--comix-red-dark) 100%);
  color: #fff;
  min-height: 40px;
  padding: 0 16px;
  font-weight: 800;
  cursor: pointer;
}
.site-header-tool-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: #fff;
  font-size: .86rem;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.site-header-tool-link:hover { text-decoration: none; background: rgba(255,255,255,.12); }

.site-footer {
  background: linear-gradient(180deg, rgba(10,13,18,.98) 0%, rgba(18,71,166,.88) 100%);
  border-top: 4px solid var(--comix-red);
}
.site-footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 24px 0 34px;
}
.site-footer a { color: var(--comix-white); }

.comix-main { padding: 32px 0 64px; }
.comix-box-wrap { position: relative; }
.comix-section { margin-bottom: 34px; }
.comix-section__header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  margin-bottom: 18px;
}
.comix-section__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: var(--comix-red);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.comix-section__eyebrow::before {
  content: '';
  width: 34px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--comix-red) 0%, var(--comix-yellow) 100%);
}
.comix-section__title {
  position: relative;
  display: inline-block;
  margin: 0;
  padding-right: 18px;
  font-size: clamp(1.45rem, 2.2vw, 2.3rem);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: .025em;
  text-transform: uppercase;
  color: #0d1624;
}
.comix-section__title::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: .12em;
  width: 12px;
  height: .82em;
  background: linear-gradient(180deg, var(--comix-red) 0%, var(--comix-yellow) 100%);
  transform: skew(-18deg);
  border-radius: 2px;
}
.comix-section__subtitle {
  margin: 8px 0 0;
  max-width: 920px;
  color: var(--comix-ink-soft);
  font-size: 1rem;
}

.comix-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.comix-grid--products { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.comix-grid--editorial { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.comix-simple-list { display: grid; gap: 14px; }

.comix-card,
.comix-simple-item,
.comix-editorial-panel {
  position: relative;
  background: rgba(255,255,255,.96);
  border: 1px solid var(--comix-border);
  border-radius: var(--comix-radius);
  overflow: hidden;
  box-shadow: var(--comix-shadow);
}
.comix-card::before,
.comix-simple-item::before,
.comix-editorial-panel::before {
  content: '';
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, var(--comix-red) 0%, var(--comix-yellow) 35%, var(--comix-blue) 100%);
}
.comix-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.comix-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 52px rgba(10,16,24,.16);
  border-color: rgba(200,16,46,.18);
}
.comix-card__cover,
.comix-product-card__thumb,
.comix-news-card__thumb {
  position: relative;
  background: linear-gradient(180deg, #f7f9fc 0%, #eef2f7 100%);
}
.comix-card__cover img,
.comix-product-card__thumb img,
.comix-news-card__thumb img {
  width: 100%;
  aspect-ratio: 4 / 4.7;
  object-fit: cover;
}
.comix-card__body,
.comix-product-card__body,
.comix-news-card__body {
  display: grid;
  gap: 10px;
  padding: 16px;
}
.comix-card__title,
.comix-product-card__title,
.comix-news-card__title {
  margin: 0;
  font-size: 1.03rem;
  line-height: 1.26;
  font-weight: 900;
}
.comix-card__title a,
.comix-product-card__title a,
.comix-news-card__title a { color: inherit; }
.comix-card__title a:hover,
.comix-product-card__title a:hover,
.comix-news-card__title a:hover { color: var(--comix-red); text-decoration: none; }
.comix-card__meta,
.comix-product-card__meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .84rem;
  font-weight: 800;
  color: var(--comix-blue);
  text-transform: uppercase;
  letter-spacing: .03em;
}
.comix-card__excerpt,
.comix-product-card__excerpt,
.comix-simple-item { font-size: .95rem; }
.comix-simple-item { padding: 16px; }
.comix-card__excerpt { color: var(--comix-ink-soft); }

.comix-product-card__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 28px;
}
.comix-product-card__price {
  color: var(--comix-red);
  font-size: 1rem;
  font-weight: 900;
}
.comix-product-card__price ins { text-decoration: none; }
.comix-product-card__price del { opacity: .65; color: var(--comix-ink-soft); }
.comix-product-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
}
.comix-product-card__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--comix-red) 0%, var(--comix-red-dark) 100%);
  color: #fff;
  font-size: .84rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.comix-product-card__link:hover { text-decoration: none; }
.comix-product-card__tag {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(18,71,166,.08);
  color: var(--comix-blue-dark);
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.comix-catalog-links {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}
.comix-catalog-links a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  color: var(--comix-ink);
}
.comix-catalog-links a::before {
  content: '•';
  color: var(--comix-red);
  font-size: 1.1em;
}
.comix-catalog-links a:hover { color: var(--comix-red); text-decoration: none; }

.comix-hero {
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  background:
    linear-gradient(130deg, rgba(8,12,17,.98) 0%, rgba(13,43,99,.96) 52%, rgba(200,16,46,.88) 100%);
  color: #fff;
  box-shadow: var(--comix-shadow-strong);
}
.comix-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right, rgba(255,212,71,.16), transparent 24%),
    linear-gradient(120deg, transparent 0 62%, rgba(255,255,255,.08) 62.5%, transparent 66%);
  pointer-events: none;
}
.comix-hero__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, .8fr);
  gap: 24px;
  align-items: center;
  padding: 40px;
}
.comix-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: var(--comix-yellow);
  font-size: .8rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.comix-hero__eyebrow::before {
  content: '';
  width: 42px;
  height: 4px;
  border-radius: 999px;
  background: var(--comix-yellow);
}
.comix-hero__title {
  margin: 0 0 12px;
  font-size: clamp(2rem, 4vw, 4.2rem);
  line-height: .94;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.comix-hero__text {
  max-width: 760px;
  color: rgba(255,255,255,.88);
  font-size: 1.05rem;
}
.comix-hero__art {
  position: relative;
  min-height: 100%;
}
.comix-hero__art img {
  width: 100%;
  border-radius: 18px;
  box-shadow: 0 14px 30px rgba(0,0,0,.24);
}

.comix-button,
.comix-button--small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--comix-red) 0%, var(--comix-red-dark) 100%);
  color: #fff;
  font-size: .88rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  box-shadow: 0 12px 24px rgba(200,16,46,.22);
}
.comix-button--small { min-height: 42px; padding: 0 15px; }
.comix-button:hover,
.comix-button--small:hover { text-decoration: none; }

.comix-home-demo-note {
  margin: 0 0 22px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(18,71,166,.08);
  border: 1px solid rgba(18,71,166,.12);
  color: var(--comix-blue-dark);
  font-weight: 700;
}

.comix-product-preorder-badge,
.woocommerce span.onsale.comix-product-preorder-badge--wc-flash {
  position: absolute;
  top: 17px;
  right: -12px;
  z-index: 12;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 26px;
  max-width: 168px;
  padding: 4px 20px;
  border-radius: 0;
  background: linear-gradient(180deg, #18a44b 0%, #127936 100%);
  color: #fff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .03em;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  box-shadow: 0 8px 14px rgba(18,121,54,.20);
  transform: rotate(17deg);
  transform-origin: top right;
}
.comix-product-thumb-badge-wrap { position: relative; display: block; overflow: visible; }
.woocommerce span.onsale.comix-product-preorder-badge--wc-flash {
  left: auto;
  margin: 0;
}
@media (max-width: 1024px) {
  .comix-product-preorder-badge,
  .woocommerce span.onsale.comix-product-preorder-badge--wc-flash {
    top: 16px;
    right: -10px;
    min-height: 24px;
    max-width: 154px;
    padding: 4px 18px;
    font-size: 10px;
  }
}
@media (max-width: 640px) {
  .comix-product-preorder-badge,
  .woocommerce span.onsale.comix-product-preorder-badge--wc-flash {
    top: 14px;
    right: -8px;
    min-height: 22px;
    max-width: 138px;
    padding: 3px 14px;
    font-size: 9px;
    letter-spacing: .02em;
    transform: rotate(16deg);
  }
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  position: relative;
  border-radius: var(--comix-radius);
  overflow: hidden;
  background: rgba(255,255,255,.96);
  border: 1px solid var(--comix-border);
  box-shadow: var(--comix-shadow);
  padding: 0 0 18px;
}
.woocommerce ul.products li.product::before,
.woocommerce-page ul.products li.product::before {
  content: '';
  display: block;
  height: 5px;
  background: linear-gradient(90deg, var(--comix-red) 0%, var(--comix-yellow) 35%, var(--comix-blue) 100%);
}
.woocommerce ul.products li.product a img { margin: 0; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 12px 16px 0;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 900;
  color: var(--comix-ink);
}
.woocommerce ul.products li.product .price {
  padding: 0 16px;
  color: var(--comix-red);
  font-weight: 900;
}
.woocommerce ul.products li.product .button {
  margin: 10px 16px 0;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--comix-red) 0%, var(--comix-red-dark) 100%);
  color: #fff;
}

@media (max-width: 1200px) {
  .site-header-inner {
    grid-template-columns: minmax(220px, 1fr) auto;
  }
  .comix-grid,
  .comix-grid--products,
  .comix-grid--editorial { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  body.admin-bar .site-header { top: 46px; }
  .site-header-inner {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .site-header-tools { justify-content: flex-start; flex-wrap: wrap; }
  .site-header-search { width: 100%; }
  .site-header-search input[type="search"],
  .site-header-search input[type="text"] { min-width: 0; width: 100%; }
  .site-nav ul { gap: 12px; padding-bottom: 16px; }
  .comix-hero__inner { grid-template-columns: 1fr; padding: 28px; }
  .comix-grid,
  .comix-grid--products,
  .comix-grid--editorial { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .comix-section__header { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 640px) {
  .comix-container { width: min(100% - 20px, 1480px); }
  .site-nav ul { justify-content: flex-start; gap: 10px; }
  .site-nav a,
  .site-header-tool-link { min-height: 40px; padding-inline: 12px; }
  .site-header-search-band .comix-container { padding-top: 14px; padding-bottom: 18px; }
  .comix-main { padding: 22px 0 52px; }
  .comix-section { margin-bottom: 24px; }
  .comix-grid,
  .comix-grid--products,
  .comix-grid--editorial { grid-template-columns: 1fr; gap: 16px; }
  .comix-hero__inner { padding: 22px; }
  .comix-hero__title { font-size: clamp(1.8rem, 8vw, 2.8rem); }
  .site-footer-inner { flex-direction: column; align-items: flex-start; }
}


.comix-section--woocommerce,
.comix-section--woocommerce-archive {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering {
  margin-bottom: 18px;
}
.woocommerce nav.woocommerce-pagination ul {
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul li {
  border-right: 0;
}
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a {
  border-radius: 999px;
  margin: 0 4px;
}

/* WooCommerce archive/single stability */
.comix-section--woocommerce-archive .woocommerce-result-count,
.comix-section--woocommerce-archive .woocommerce-ordering {
  margin-bottom: 16px;
}

.comix-woocommerce-content {
  width: 100%;
}

.comix-section--woocommerce ul.products {
  margin: 0;
  padding: 0;
}

.comix-section--single-product .product {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  padding: 20px;
}


/* -------------------------------------------------------------------------
   v1.7.7 - visual merge with Theme 2026 v0.4.1 reference
   ------------------------------------------------------------------------- */
:root{
  --cr-bg:#0d0d0f;
  --cr-panel:#16171b;
  --cr-soft:#f5f5f5;
  --cr-text:#202124;
  --cr-red:#d61f2c;
  --cr-red-dark:#ab1521;
  --cr-border:#e3e3e7;
  --cr-shadow:0 16px 40px rgba(0,0,0,.14);
  --cr-radius:18px;
  --cr-container:1360px;
}
body.ref-visual-merge{background:#fff;color:var(--cr-text);}
.cr-container{width:min(100% - 32px,var(--cr-container));margin:0 auto;}
.comix-page-shell{width:100%;}
.cr-site-header.comix-site-header{position:sticky;top:0;z-index:99;background:#111;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none;}
.comix-site-header::before{display:none!important;}
.comix-header-top{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:20px;align-items:center;padding:16px 0;}
.cr-branding.comix-branding{display:grid;gap:6px;}
.cr-branding.comix-branding a{font-weight:700;color:#fff;font-size:24px;letter-spacing:.02em;text-decoration:none;text-transform:none;}
.comix-branding-tagline{color:rgba(255,255,255,.72);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;}
.cr-header-actions.comix-header-actions{display:flex;gap:14px;}
.cr-header-actions.comix-header-actions a{color:#fff;background:rgba(255,255,255,.08);padding:10px 14px;border-radius:999px;font-weight:700;text-decoration:none;}
.cr-header-search.comix-header-search-band{background:#111;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08);}
.comix-header-search-inner{display:flex;align-items:flex-start;justify-content:center;gap:12px;padding:18px 0 22px 0;}
.comix-header-search-slot{width:100%;max-width:920px;margin:0 auto;}
.comix-header-search-slot .comix-search-wrap{max-width:100%;margin:0 auto;}
.comix-header-search-slot .comix-search-simple-form{background:transparent;}
.comix-header-menu-band{background:#111;}
.cr-main-nav.comix-main-nav ul{margin:0;padding:0 0 18px;list-style:none;display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;}
.cr-main-nav.comix-main-nav a{color:#f5f5f5;font-weight:600;text-transform:none;letter-spacing:.02em;min-height:auto;padding:0 0 4px;border-bottom:2px solid transparent;text-decoration:none;}
.cr-main-nav.comix-main-nav .current-menu-item>a,.cr-main-nav.comix-main-nav .current_page_item>a,.cr-main-nav.comix-main-nav a:hover{color:#fff;border-bottom-color:var(--cr-red);background:none;transform:none;}
.comix-main{background:#fff;}
.comix-home-demo-note{margin:28px 0 8px;padding:14px 18px;background:#fff;border:1px solid var(--cr-border);border-radius:16px;box-shadow:var(--cr-shadow);color:#333;}
.comix-section{padding:44px 0;}
.comix-section__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 18px;}
.comix-section__eyebrow{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#111;color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.comix-section__title,.comix-hero__title{margin:0 0 10px;font-size:34px;line-height:1.05;letter-spacing:-.02em;color:#111;text-transform:none;}
.comix-section__subtitle,.comix-hero__text,.comix-card__excerpt{color:#666;}
.comix-hero{background-image:linear-gradient(90deg,rgba(10,10,12,.92) 0%,rgba(10,10,12,.76) 48%,rgba(10,10,12,.30) 100%);border-radius:22px;overflow:hidden;min-height:520px;display:flex;align-items:center;box-shadow:var(--cr-shadow);}
.comix-hero__inner{display:grid;grid-template-columns:minmax(0,620px) minmax(240px,1fr);gap:32px;width:100%;padding:72px 48px;}
.comix-hero__eyebrow{display:inline-flex;margin-bottom:14px;padding:6px 10px;border-radius:999px;background:var(--cr-red);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
.comix-hero__title{color:#fff;font-size:clamp(40px,6vw,72px);line-height:.95;margin:0 0 16px;}
.comix-hero__text{color:rgba(255,255,255,.82);font-size:18px;line-height:1.6;max-width:540px;}
.comix-hero__art{display:flex;align-items:center;justify-content:center;}
.comix-hero__art img{max-height:420px;width:auto;object-fit:contain;}
.comix-button,.comix-button--small{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-weight:700;background:var(--cr-red);color:#fff;text-decoration:none;border:none;}
.comix-button:hover,.comix-button--small:hover{background:var(--cr-red-dark);color:#fff;text-decoration:none;}
.comix-grid{display:grid;gap:24px;}
.comix-grid--editorial{grid-template-columns:repeat(2,minmax(0,1fr));}
.comix-grid--products,.woocommerce ul.products{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.comix-card,.comix-simple-item,.woocommerce .product,.woocommerce ul.products li.product{background:#fff;border:1px solid var(--cr-border);border-radius:18px;box-shadow:var(--cr-shadow);overflow:hidden;}
.comix-card__body,.comix-news-card__body,.comix-simple-item{padding:18px;}
.comix-simple-list{display:grid;gap:16px;}
.comix-card__meta{color:#686d76;font-size:14px;margin-bottom:10px;}
.comix-card__title,.comix-news-card__title,.woocommerce-loop-product__title{margin:0 0 8px;font-size:20px;line-height:1.3;color:#111;}
.comix-card__cover,.comix-news-card__thumb{background:#f3f4f6;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;}
.comix-news-card__thumb img,.comix-card__cover img{width:100%;height:100%;object-fit:cover;}
.comix-catalog-links{display:grid;gap:8px;margin-top:14px;}
.comix-catalog-links a{color:var(--cr-red);font-weight:700;text-decoration:none;}
.comix-product-card,.cr-product-card-inner{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--cr-border);border-radius:18px;overflow:hidden;box-shadow:var(--cr-shadow);}
.comix-product-card__media{position:relative;background:#f3f4f6;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;padding:14px;}
.comix-product-card__media img{width:100%;height:100%;object-fit:contain;}
.comix-product-card__body{display:flex;flex-direction:column;flex:1;padding:16px;gap:10px;}
.comix-product-card .price,.woocommerce ul.products li.product .price{font-size:20px;font-weight:700;color:#111;}
.site-footer,.cr-site-footer.comix-site-footer{background:#111;color:#fff;margin-top:34px;}
.comix-footer-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:34px 0;align-items:start;}
.comix-footer-grid h3{margin:0 0 10px;font-size:22px;}
.comix-footer-grid p{margin:0;color:rgba(255,255,255,.72);}
.comix-footer-copy{margin-top:16px;color:rgba(255,255,255,.64);text-align:right;}
.comix-footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.comix-footer-grid a{color:#fff;text-decoration:none;}
@media (max-width: 1100px){
  .comix-header-top{grid-template-columns:1fr auto;}
  .comix-grid--products,.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr));}
  .comix-hero__inner{grid-template-columns:1fr;padding:56px 32px;}
}
@media (max-width: 782px){
  body.admin-bar .cr-site-header.comix-site-header{position:static;}
}
@media (max-width: 768px){
  .comix-header-top{grid-template-columns:1fr;}
  .cr-header-actions.comix-header-actions{justify-content:flex-start;flex-wrap:wrap;}
  .comix-grid--editorial,.comix-grid--products,.woocommerce ul.products{grid-template-columns:1fr;}
  .comix-section__header{flex-direction:column;align-items:flex-start;}
  .comix-footer-grid{grid-template-columns:1fr;}
  .comix-footer-copy{text-align:left;}
  .comix-hero{min-height:auto;}
  .comix-hero__inner{padding:42px 22px;}
  .comix-hero__title{font-size:clamp(32px,10vw,52px);}
}

/* v1.7.8 - deeper visual merge from 2026 v0.4.6 on shop/archive/single */
.cr-woo-wrap{
  padding-top: 28px;
  padding-bottom: 34px;
}
.comix-section--woocommerce,
.comix-section--woocommerce-archive,
.comix-section--single-product{
  padding: 0;
}
.comix-woocommerce-content{
  min-width: 0;
}
.woocommerce .woocommerce-result-count,
.woocommerce .woocommerce-ordering{
  margin-bottom: 18px;
}
.woocommerce ul.products,
.woocommerce-page ul.products{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 24px;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after{
  display:none !important;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
.woocommerce ul.products li.product.cr-product-card,
.woocommerce-page ul.products li.product.cr-product-card{
  background: transparent;
}
.cr-product-card-inner{
  display:flex;
  flex-direction:column;
  height:100%;
  background:#fff;
  border:1px solid #e3e3e7;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 16px 40px rgba(0,0,0,.14);
}
.cr-product-card-media{
  position:relative;
  background:#f3f4f6;
  aspect-ratio:3/4;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
}
.cr-product-card-media img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.cr-product-card-content{
  display:flex;
  flex-direction:column;
  flex:1;
  gap:10px;
  padding:16px;
}
.cr-product-card-title-wrap{
  min-height:3.4em;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title{
  font-size:18px !important;
  line-height:1.35;
  margin:0 !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price{
  margin-top:auto;
  font-size:20px;
  font-weight:700;
  color:#111;
}
.woocommerce ul.products li.product .button,
.woocommerce-page ul.products li.product .button{
  margin-top:8px !important;
}
.woocommerce .products .onsale,
.woocommerce span.onsale{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  min-width:auto;
  top:12px;
  left:12px;
  right:auto;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce .term-description,
.woocommerce .page-description{
  color:#686d76;
}
.woocommerce nav.woocommerce-pagination ul{
  border:0;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:0;
}
.woocommerce nav.woocommerce-pagination ul li{
  border:0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  min-width:42px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid #e3e3e7;
  background:#fff;
  color:#111;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:#d61f2c;
  color:#fff;
  border-color:#d61f2c;
}
.woocommerce div.product{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,480px);
  gap:36px;
  align-items:start;
}
.woocommerce div.product .images,
.woocommerce div.product .summary{
  width:auto !important;
  float:none !important;
  margin:0 !important;
}
.woocommerce div.product .summary{
  padding:24px;
  background:#fff;
  border:1px solid #e3e3e7;
  border-radius:18px;
  box-shadow:0 16px 40px rgba(0,0,0,.14);
}
.woocommerce div.product .woocommerce-product-gallery{
  padding:18px;
  background:#fff;
  border:1px solid #e3e3e7;
  border-radius:18px;
  box-shadow:0 16px 40px rgba(0,0,0,.14);
}
.woocommerce div.product .summary .product_title{
  font-size:clamp(28px, 3.2vw, 42px);
  line-height:1.05;
}
@media (max-width: 1100px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}
@media (max-width: 860px){
  .woocommerce div.product{
    grid-template-columns:1fr;
  }
  .woocommerce ul.products,
  .woocommerce-page ul.products{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}
@media (max-width: 560px){
  .woocommerce ul.products,
  .woocommerce-page ul.products{
    grid-template-columns:1fr;
  }
}


/* v1.8.2 search in all headers + cart badge room */
.comix-header-search-slot,.comix-header-search-slot .comix-search-wrap,.comix-header-search-slot .comix-search-simple-form{overflow:visible;}
.comix-header-search-slot{max-width:1040px;}
.comix-header-search-slot .comix-search-simple-form{padding-right:10px;}
.comix-header-search-slot .comix-cart-btn{margin-right:8px;}
.comix-header-search-slot .comix-cart-count{right:-8px;}

/* v1.9.4 single product layout tighten + hide native qty behind custom CTA */
@media (min-width: 1200px){
  :root{
    --cr-container:min(80vw,1240px);
  }
  .comix-container,
  .cr-container,
  body.woocommerce-account .site-main,
  body.woocommerce-account .comix-section--wc-special-page .cr-container,
  body.woocommerce-account .woocommerce,
  .site-header-inner .comix-container,
  .site-header-search-band .comix-container{
    width:min(80vw,1240px);
    max-width:min(80vw,1240px);
  }
}

.single-product .comix-section--single-product .product,
.single-product .woocommerce div.product{
  grid-template-columns:minmax(0,0.88fr) minmax(300px,0.72fr);
  gap:28px;
}
.single-product .woocommerce div.product .woocommerce-product-gallery{
  padding:14px;
}
.single-product .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper{
  max-width:100%;
}
.single-product .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.single-product .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
.single-product .woocommerce div.product div.images img,
.single-product .woocommerce-product-gallery__image img{
  width:100%;
  height:auto;
  max-height:min(62vh,640px);
  object-fit:contain;
  margin:0 auto;
}
.single-product .flex-control-thumbs img,
.single-product .woocommerce-product-gallery .flex-control-thumbs img{
  max-height:110px;
  object-fit:contain;
}
.single-product .woocommerce div.product .summary{
  padding:20px;
}
.single-product .woocommerce div.product .summary .product_title{
  font-size:clamp(24px,2.4vw,36px);
}
.single-product .woocommerce div.product .summary .price{
  font-size:clamp(22px,2vw,30px);
}

/* Hide native WC quantity only on single product to avoid overlap with custom add-to-cart UI */
.single-product .woocommerce div.product form.cart > div.quantity,
.single-product .woocommerce div.product form.cart .quantity:not(.qty-hidden-allow),
.single-product .woocommerce div.product form.cart input.qty,
.single-product .woocommerce div.product form.cart .qty{
  display:none !important;
}
.single-product .woocommerce div.product form.cart .single_add_to_cart_button{
  position:relative;
  z-index:2;
}

@media (max-width: 1199px){
  .single-product .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
  .single-product .woocommerce div.product div.images img,
  .single-product .woocommerce-product-gallery__image img{
    max-height:min(56vh,560px);
  }
}
@media (max-width: 860px){
  .single-product .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
  .single-product .woocommerce div.product div.images img,
  .single-product .woocommerce-product-gallery__image img{
    max-height:min(52vh,480px);
  }
}


/* v1.9.6 single product compact height fix */
@media (min-width: 1024px){
  .single-product .site-main,
  .single-product .cr-woo-wrap,
  .single-product .comix-section--single-product{
    padding-top:16px;
    padding-bottom:18px;
  }
  .single-product .comix-section--single-product .product,
  .single-product .woocommerce div.product{
    grid-template-columns:minmax(0,0.78fr) minmax(280px,0.72fr);
    gap:20px;
  }
  .single-product .woocommerce div.product .woocommerce-product-gallery,
  .single-product .woocommerce div.product .summary{
    border-radius:14px;
  }
  .single-product .woocommerce div.product .woocommerce-product-gallery{
    padding:10px;
  }
  .single-product .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
  .single-product .woocommerce div.product div.images img,
  .single-product .woocommerce-product-gallery__image img{
    max-height:min(44vh,420px);
  }
  .single-product .flex-control-thumbs img,
  .single-product .woocommerce-product-gallery .flex-control-thumbs img{
    max-height:72px;
  }
  .single-product .woocommerce div.product .summary{
    padding:16px;
  }
  .single-product .woocommerce div.product .summary .product_title{
    font-size:clamp(21px,1.9vw,30px);
    line-height:1.08;
    margin-bottom:10px;
  }
  .single-product .woocommerce div.product .summary .price{
    font-size:clamp(18px,1.5vw,24px);
    margin-bottom:10px;
  }
  .single-product .woocommerce-tabs,
  .single-product .product_meta,
  .single-product .woocommerce-product-details__short-description{
    margin-top:12px;
  }
  .single-product table.shop_attributes th,
  .single-product table.shop_attributes td{
    padding:8px 10px;
    font-size:13px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px){
  .single-product .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
  .single-product .woocommerce div.product div.images img,
  .single-product .woocommerce-product-gallery__image img{
    max-height:min(40vh,360px);
  }
}

/* v1.9.7 single product native qty cleanup + balanced summary height */
@media (min-width: 1024px){
  .single-product .site-main,
  .single-product .cr-woo-wrap,
  .single-product .comix-section--single-product,
  .single-product .woocommerce{
    max-width:min(78vw,1080px);
    margin-left:auto;
    margin-right:auto;
  }

  .single-product .comix-section--single-product .product,
  .single-product .woocommerce div.product{
    align-items:stretch;
    grid-template-columns:minmax(0,0.76fr) minmax(280px,0.74fr);
    gap:18px;
  }

  .single-product .woocommerce div.product .woocommerce-product-gallery,
  .single-product .woocommerce div.product .summary{
    min-height:100%;
  }

  .single-product .woocommerce div.product .summary{
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
  }

  .single-product .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image,
  .single-product .woocommerce div.product div.images{
    min-height:min(42vh,400px);
  }

  .single-product .woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
  .single-product .woocommerce div.product div.images img,
  .single-product .woocommerce-product-gallery__image img{
    max-height:min(40vh,360px);
  }

  .single-product .woocommerce-product-details__short-description,
  .single-product .product_meta,
  .single-product .woocommerce-tabs,
  .single-product #tab-additional_information,
  .single-product table.shop_attributes{
    font-size:12.5px;
    line-height:1.4;
  }

  .single-product table.shop_attributes th,
  .single-product table.shop_attributes td{
    font-size:12.5px;
    padding:7px 9px;
  }
}

/* Stronger hide of native WooCommerce quantity controls behind custom add-to-cart UI */
.single-product .woocommerce div.product form.cart .quantity,
.single-product .woocommerce div.product form.cart div.quantity,
.single-product .woocommerce div.product form.cart .plus,
.single-product .woocommerce div.product form.cart .minus,
.single-product .woocommerce div.product form.cart input.qty,
.single-product .woocommerce div.product form.cart .qty{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  position:absolute !important;
  width:0 !important;
  min-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
}

.single-product .woocommerce div.product form.cart{
  position:relative;
  min-height:0;
}


/* v1.9.8 hide native WC cart form only when custom single-product buy UI is present */
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-hidden,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-hidden .quantity,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-hidden div.quantity,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-hidden .plus,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-hidden .minus,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-hidden input.qty,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-hidden .qty{
  display:none !important;
}
.single-product .summary.comix-has-custom-cart-ui{
  position:relative;
}


/* v2 single product custom CTA target compacting */
@media (min-width: 1024px){
  .single-product .summary.comix-has-custom-cart-ui .comix-custom-buy-ui-target{
    transform:scale(.84);
    transform-origin:left top;
    width:calc(100% / .84);
    margin-bottom:-34px;
  }

  .single-product .summary.comix-has-custom-cart-ui .comix-custom-buy-ui-target button,
  .single-product .summary.comix-has-custom-cart-ui .comix-custom-buy-ui-target .button,
  .single-product .summary.comix-has-custom-cart-ui .comix-custom-buy-ui-target [role="button"]{
    font-size:13px;
    line-height:1.1;
  }

  .single-product .summary.comix-has-custom-cart-ui .comix-custom-buy-ui-target input,
  .single-product .summary.comix-has-custom-cart-ui .comix-custom-buy-ui-target select,
  .single-product .summary.comix-has-custom-cart-ui .comix-custom-buy-ui-target .qty,
  .single-product .summary.comix-has-custom-cart-ui .comix-custom-buy-ui-target input.qty{
    font-size:12px;
  }
}

/* v1.10.5 stronger preorder badge offset fix */
.comix-product-preorder-badge,
.woocommerce span.onsale.comix-product-preorder-badge--wc-flash {
  top: 22px !important;
  left: auto !important;
  right: -12px !important;
  transform: translateY(5px) rotate(17deg) !important;
  transform-origin: top right !important;
}
@media (max-width: 1024px) {
  .comix-product-preorder-badge,
  .woocommerce span.onsale.comix-product-preorder-badge--wc-flash {
    top: 21px !important;
    right: -10px !important;
    transform: translateY(5px) rotate(17deg) !important;
  }
}
@media (max-width: 640px) {
  .comix-product-preorder-badge,
  .woocommerce span.onsale.comix-product-preorder-badge--wc-flash {
    top: 18px !important;
    right: -8px !important;
    transform: translateY(4px) rotate(16deg) !important;
  }
}


/* v1.10.8 loop preorder badge deep fix: real lower placement inside product card */
.woocommerce ul.products li.product .comix-product-preorder-badge,
.woocommerce ul.products li.product span.onsale.comix-product-preorder-badge--wc-flash {
  top: 30px !important;
  right: -10px !important;
  left: auto !important;
  transform: rotate(17deg) translateY(0) !important;
  transform-origin: top right !important;
}
@media (max-width: 1024px) {
  .woocommerce ul.products li.product .comix-product-preorder-badge,
  .woocommerce ul.products li.product span.onsale.comix-product-preorder-badge--wc-flash {
    top: 27px !important;
    right: -9px !important;
    transform: rotate(17deg) translateY(0) !important;
  }
}
@media (max-width: 640px) {
  .woocommerce ul.products li.product .comix-product-preorder-badge,
  .woocommerce ul.products li.product span.onsale.comix-product-preorder-badge--wc-flash {
    top: 24px !important;
    right: -7px !important;
    transform: rotate(16deg) translateY(0) !important;
  }
}




/* v1.10.10 correct preorder badge size refinement */
.woocommerce ul.products li.product .comix-product-preorder-badge,
.woocommerce ul.products li.product span.onsale.comix-product-preorder-badge--wc-flash {
  font-size: 10px !important;
  line-height: 1 !important;
  min-height: 22px !important;
  max-width: 142px !important;
  padding: 3px 14px !important;
}
@media (max-width: 1024px) {
  .woocommerce ul.products li.product .comix-product-preorder-badge,
  .woocommerce ul.products li.product span.onsale.comix-product-preorder-badge--wc-flash {
    font-size: 9px !important;
    min-height: 20px !important;
    max-width: 132px !important;
    padding: 3px 12px !important;
  }
}
@media (max-width: 640px) {
  .woocommerce ul.products li.product .comix-product-preorder-badge,
  .woocommerce ul.products li.product span.onsale.comix-product-preorder-badge--wc-flash {
    font-size: 8px !important;
    min-height: 18px !important;
    max-width: 118px !important;
    padding: 2px 10px !important;
  }
}

/* v1.10.11 stronger fallback: hide native WC add-to-cart form when custom buy UI is present */
.single-product .summary.comix-has-custom-cart-ui form.cart,
.single-product .summary.comix-has-custom-cart-ui form.cart .quantity,
.single-product .summary.comix-has-custom-cart-ui form.cart div.quantity,
.single-product .summary.comix-has-custom-cart-ui form.cart .plus,
.single-product .summary.comix-has-custom-cart-ui form.cart .minus,
.single-product .summary.comix-has-custom-cart-ui form.cart input.qty,
.single-product .summary.comix-has-custom-cart-ui form.cart .qty,
.single-product .summary.comix-has-custom-cart-ui form.cart .single_add_to_cart_button{
  display:none !important;
  visibility:hidden !important;
}


/* v1.10.12 real single-product native cart cleanup when custom CTA is inside form.cart */
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-hidden{
  display:none !important;
  visibility:hidden !important;
}
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-cleaned{
  display:block !important;
  visibility:visible !important;
  height:auto !important;
  width:auto !important;
  position:static !important;
  overflow:visible !important;
}
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-cleaned .quantity,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-cleaned div.quantity,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-cleaned .plus,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-cleaned .minus,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-cleaned input.qty,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-cleaned .qty,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-cleaned .single_add_to_cart_button,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-cleaned button[name="add-to-cart"],
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-cleaned input[name="add-to-cart"]{
  display:none !important;
  visibility:hidden !important;
}
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-cleaned .comix-custom-buy-ui-target,
.single-product .summary.comix-has-custom-cart-ui form.cart.comix-native-cart-cleaned .comix-custom-buy-ui-target *,
.single-product .summary.comix-has-custom-cart-ui .comix-custom-buy-ui-target{
  visibility:visible !important;
  opacity:1 !important;
  position:static !important;
  left:auto !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  pointer-events:auto !important;
}
/* neutralize previous blanket hide */
.single-product .summary.comix-has-custom-cart-ui form.cart:not(.comix-native-cart-hidden){
  display:block !important;
  visibility:visible !important;
}