/* Individual supplied illustrations and frames. Product text stays in WooCommerce. */
@media(min-width:701px) {
  .mc-store .mc-products-layout>.mc-products {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
    gap:20px;
  }
}
.mc-product.mc-theme-legend { --card-frame:url('./media/cards/legend-frame.png'); }
.mc-product.mc-theme-vip { --card-frame:url('./media/cards/vip-frame.png'); }
.mc-product.mc-theme-elite { --card-frame:url('./media/cards/elite-frame.png'); }
.mc-product.mc-theme-cosmetics { --card-frame:url('./media/cards/cosmetics-frame.png'); }
.mc-product.mc-theme-coins { --card-frame:url('./media/cards/coins-frame.png'); }
.mc-product.mc-theme-booster { --card-frame:url('./media/cards/booster-frame.png'); }
.mc-store .mc-product {
  padding:54px 20px 32px;
  border:0;
  position:relative;
  isolation:isolate;
  border-radius:12px;
  background:#050b17;
  box-shadow:none;
  min-width:0;
}
.mc-store .mc-product::before {
  content:'';
  position:absolute;
  inset:0;
  border:solid transparent;
  border-width:54px 20px 32px;
  border-image:var(--card-frame) 250 110 150 fill / 54px 20px 32px / 0 stretch;
  /* Opaque decoration above the art, with a real opening for editable content. */
  clip-path:polygon(evenodd,
    0 0,100% 0,100% 100%,0 100%,0 0,
    20px 32px,37% 32px,50% 48px,63% 32px,
    calc(100% - 20px) 32px,
    calc(100% - 20px) calc(100% - 32px),
    20px calc(100% - 32px),20px 32px);
  pointer-events:none;
  z-index:2;
}
.mc-store .mc-product:hover { box-shadow:0 0 22px var(--glow); }
.mc-product-art { overflow:hidden; }
.mc-product-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 38%; }
.mc-store .mc-product-visual {
  margin-top:-22px;
  border-radius:6px 6px 0 0;
}
.mc-store .mc-product-visual .mc-product-art { aspect-ratio:1.05; background:transparent; }
.mc-store .mc-product-visual .mc-product-art::after { background:linear-gradient(0deg,#060813,transparent 45%); }
.mc-store .mc-product-copy { padding:0 5px; background:linear-gradient(#060813,#060813dd); border-radius:0 0 5px 5px; }
.mc-store .mc-product-heading h3 { font-size:clamp(19px,1.6vw,26px); min-height:0; line-height:1.18; overflow-wrap:anywhere; }
.mc-store .mc-product ul { margin:12px 0; min-height:85px; }
.mc-store .mc-product li { color:#e2e4f3; font-size:11px; }
.mc-store .mc-product li>span { color:#ffdc70; text-shadow:0 0 8px #ffbd5266; }
.mc-store .mc-product .mc-add { min-height:40px; }
.mc-store .mc-product .mc-scope { top:25px; left:7px; z-index:1; }
.mc-store .mc-product-price>strong { font-size:21px; }
.mc-dialog .mc-product-art { aspect-ratio:1.4; }
.mc-cart-line .mc-product-art { aspect-ratio:1; }
@media(max-width:700px) {
  .mc-products-layout>.mc-products { grid-template-columns:1fr; max-width:400px; width:100%; margin-inline:auto; }
  .mc-store .mc-product-heading h3 { font-size:26px; }
  .mc-store .mc-product li { font-size:13px; }
  .mc-store .mc-product .mc-add { font-size:13px; }
}