/* ComiX 021 v2.6.96 — canonical structural card. Theme remains presentation-only. */
html body ul.products li.product:not(.product-category){
  display:grid!important;
  grid-template-columns:minmax(112px,39%) minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  column-gap:12px!important;
  row-gap:0!important;
  align-items:start!important;
  align-content:start!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
html body ul.products li.product:not(.product-category)>a.comix-card-cover-link{
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
html body ul.products li.product:not(.product-category)>a.comix-card-cover-link .cx-product-cover{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
html body ul.products li.product:not(.product-category)>.comix-card-info-stack.comix-slim-ui-wrap.comix-home-card-ui{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  gap:2px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
  writing-mode:horizontal-tb!important;
}
html body ul.products li.product:not(.product-category)>.comix-card-info-stack>*{
  position:relative!important;
  float:none!important;
  clear:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  grid-column:auto!important;
  grid-row:auto!important;
  writing-mode:horizontal-tb!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  box-sizing:border-box!important;
}
html body ul.products li.product:not(.product-category) .comix-card-title{
  margin:0 0 5px!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  display:-webkit-box!important;
  overflow:hidden!important;
  white-space:normal!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  line-clamp:3!important;
  line-height:1.22!important;
}
html body ul.products li.product:not(.product-category) .comix-card-title a{
  color:inherit!important;
  text-decoration:none!important;
}
html body ul.products li.product:not(.product-category) .comix-card-publisher,
html body ul.products li.product:not(.product-category) .comix-card-authors{
  display:block!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  text-transform:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  text-decoration:none!important;
}
html body ul.products li.product:not(.product-category) .comix-card-publisher a,
html body ul.products li.product:not(.product-category) .comix-card-authors a{
  text-decoration:none!important;
  white-space:normal!important;
  word-break:normal!important;
}
html body ul.products li.product:not(.product-category) .comix-card-publisher a:hover,
html body ul.products li.product:not(.product-category) .comix-card-authors a:hover,
html body ul.products li.product:not(.product-category) .comix-card-publisher a:focus-visible,
html body ul.products li.product:not(.product-category) .comix-card-authors a:focus-visible{
  text-decoration:underline!important;
}
html body ul.products li.product:not(.product-category) .comix-card-meta-label,
html body ul.products li.product:not(.product-category) .comix-card-price-label,
html body ul.products li.product:not(.product-category) .comix-card-sale-label{
  font-weight:800!important;
}
html body ul.products li.product:not(.product-category) .comix-product-dayone,
html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline{
  display:block!important;
  margin:0!important;
  padding:0!important;
}
html body ul.products li.product:not(.product-category) .comix-card-price-row{
  display:block!important;
  margin-top:16px!important;
  margin-bottom:0!important;
  text-align:left!important;
  white-space:normal!important;
  line-height:1.25!important;
}
html body ul.products li.product:not(.product-category) .comix-card-price-row del{
  display:inline!important;
  font-size:80%!important;
  color:#111!important;
  opacity:1!important;
  text-decoration:line-through!important;
}
html body ul.products li.product:not(.product-category) .comix-card-price-row ins{
  display:inline!important;
  font-size:110%!important;
  color:#d71920!important;
  font-weight:900!important;
  text-decoration:none!important;
}
html body ul.products li.product:not(.product-category) .comix-card-price-separator{margin:0 4px!important}
html body ul.products li.product:not(.product-category) .comix-card-commercial-status{
  display:block!important;
  margin-top:16px!important;
  margin-bottom:0!important;
  text-align:left!important;
}
html body ul.products li.product:not(.product-category) .comix-home-control{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:6px!important;
  margin-top:2px!important;
  padding:0!important;
}
html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
html body ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
html body ul.products li.product:not(.product-category) .comix-home-icons-row{
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:24px!important;
  margin:0!important;
  padding:2px 0 0!important;
}
html body .comix-card-authors-more{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:26px!important;
  min-height:22px!important;
  padding:1px 6px!important;
  margin:0 0 0 4px!important;
  border:1px solid #bbb!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111!important;
  font-weight:700!important;
  font-size:11px!important;
  line-height:1.1!important;
  font-family:inherit!important;
  cursor:pointer!important;
  vertical-align:baseline!important;
}
.comix-authors-modal[hidden]{display:none!important}
.comix-authors-modal{
  position:fixed!important;
  inset:0!important;
  z-index:10050!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  background:rgba(0,0,0,.48)!important;
}
.comix-authors-modal__panel{
  position:relative!important;
  width:min(480px,92vw)!important;
  max-height:80vh!important;
  overflow:auto!important;
  padding:20px!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:0 16px 48px rgba(0,0,0,.25)!important;
}
.comix-authors-modal__title{display:block!important;margin:0 36px 12px 0!important;font-size:18px!important}
.comix-authors-modal__panel ul{margin:0!important;padding-left:20px!important}
.comix-authors-modal__panel li{margin:5px 0!important}
.comix-authors-modal__close{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  width:32px!important;
  height:32px!important;
  border:0!important;
  border-radius:50%!important;
  background:#eee!important;
  color:#111!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
}
@media (max-width:820px){
  html body ul.products li.product:not(.product-category){
    grid-template-columns:clamp(120px,40vw,160px) minmax(0,1fr)!important;
    column-gap:10px!important;
  }
}
@media (max-width:600px){
  /* Mobile contract preserved: cover | info, same 82% CTA and icons below. */
  html body ul.products li.product:not(.product-category)>.comix-card-info-stack.comix-slim-ui-wrap.comix-home-card-ui{
    display:flex!important;
    flex-direction:column!important;
  }
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-home-desktop-action,
  html body ul.products li.product:not(.product-category) .comix-home-control .comix-cart-trigger{
    width:82%!important;
    max-width:82%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* v2.6.96 — informazioni sotto Editore raccolte nel modal; riga stato unica. */
html body ul.products li.product:not(.product-category) .comix-card-information{
  display:block!important;
  width:100%!important;
  margin:3px 0 0!important;
  padding:0!important;
}
html body ul.products li.product:not(.product-category) .comix-card-info-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:3px 8px!important;
  border:1px solid #bbb!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#111!important;
  font:inherit!important;
  font-weight:800!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
html body ul.products li.product:not(.product-category) .comix-product-preorder-deadline{
  margin-top:4px!important;
}
html body ul.products li.product:not(.product-category) .comix-card-status-row{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:2px 6px!important;
  width:100%!important;
  margin-top:16px!important;
  margin-bottom:0!important;
  text-align:left!important;
}
html body ul.products li.product:not(.product-category) .comix-card-status-row .comix-card-commercial-status{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  gap:2px!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
}
html body ul.products li.product:not(.product-category) .comix-card-status-separator{
  display:inline!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  font-weight:800!important;
}
.comix-info-modal[hidden]{display:none!important}
.comix-info-modal{
  position:fixed!important;
  inset:0!important;
  z-index:10050!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  background:rgba(0,0,0,.48)!important;
}
.comix-info-modal__panel{
  position:relative!important;
  width:min(500px,92vw)!important;
  max-height:80vh!important;
  overflow:auto!important;
  padding:20px!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:0 16px 48px rgba(0,0,0,.25)!important;
}
.comix-info-modal__title{display:block!important;margin:0 36px 14px 0!important;font-size:18px!important}
.comix-info-modal__section{display:block!important;margin:0 0 14px!important}
.comix-info-modal__section:last-child{margin-bottom:0!important}
.comix-info-modal__label{display:block!important;margin:0 0 6px!important}
.comix-info-modal__links{margin:0!important;padding-left:20px!important}
.comix-info-modal__links li{margin:5px 0!important}
.comix-info-modal__links a{text-decoration:none!important}
.comix-info-modal__links a:hover,.comix-info-modal__links a:focus-visible{text-decoration:underline!important}
.comix-info-modal__date{margin:5px 0!important}
.comix-info-modal__close{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  width:32px!important;
  height:32px!important;
  border:0!important;
  border-radius:50%!important;
  background:#eee!important;
  color:#111!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
}
@media (max-width:600px){
  html body ul.products li.product:not(.product-category) .comix-card-status-row{
    gap:2px 5px!important;
  }
  .comix-info-modal{padding:12px!important}
  .comix-info-modal__panel{width:min(520px,94vw)!important;padding:18px!important}
}


/* v2.6.97 — fixed operational block + compact Information control. */
html body ul.products li.product:not(.product-category) .comix-card-info-button{
  margin:7px 0 9px!important;
  padding:2px 7px!important;
  min-height:0!important;
  font-size:10px!important;
  line-height:1.15!important;
}
html body ul.products li.product:not(.product-category) .comix-card-operations{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
}
@media (min-width:601px){
  html body ul.products li.product:not(.product-category)>.comix-card-info-stack.comix-slim-ui-wrap.comix-home-card-ui>.comix-card-operations{
    margin-top:auto!important;
  }
}
@media (max-width:600px){
  html body ul.products li.product:not(.product-category)>.comix-card-info-stack.comix-slim-ui-wrap.comix-home-card-ui>.comix-card-operations{
    margin-top:0!important;
  }
}
@media (min-width:601px){
  html body ul.products li.product:not(.product-category)>.comix-card-info-stack.comix-slim-ui-wrap.comix-home-card-ui{
    align-self:stretch!important;
    height:100%!important;
  }
}


/* v2.6.99 — Informazioni ancorate alla card: nessun backdrop grigio, nessun hover/mousemove reposition. */
.comix-info-modal{
  position:fixed!important;
  inset:0!important;
  z-index:10050!important;
  display:block!important;
  padding:0!important;
  background:transparent!important;
  pointer-events:none!important;
}
.comix-info-modal__panel{
  position:fixed!important;
  margin:0!important;
  box-sizing:border-box!important;
  width:min(360px,calc(100vw - 16px))!important;
  max-height:min(78vh,560px)!important;
  overflow:auto!important;
  pointer-events:auto!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}
@media(max-width:600px){
  .comix-info-modal__panel{
    width:min(330px,calc(100vw - 16px))!important;
    max-height:72vh!important;
  }
}