.mania-commerce { --mc-blue:#17345c; --mc-blue-2:#246ea3; --mc-green:#20c76f; --mc-border:#d9e3ec; --mc-muted:#657385; --mc-soft:#f5f9fc; color:var(--mc-blue); }
.mania-commerce *, .mania-commerce *::before, .mania-commerce *::after { box-sizing:border-box; }
.mania-commerce-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; border:0; border-radius:11px; background:var(--mc-blue-2); color:#fff !important; font-weight:850; text-decoration:none !important; cursor:pointer; box-shadow:0 9px 22px rgba(36,110,163,.2); }
.mania-commerce-button.is-primary { width:100%; background:var(--mc-green); box-shadow:0 10px 26px rgba(32,199,111,.24); }
.mania-commerce-button:disabled { opacity:.7; cursor:wait; }
.mania-commerce-notice { margin:0 0 22px; padding:15px 18px; border:1px solid #b9d3e6; border-radius:12px; background:#eef8ff; color:var(--mc-blue); }
.mania-commerce-notice.is-success { border-color:#a8dfc1; background:#effbf4; }
.mania-commerce-notice.is-error { border-color:#efb3b3; background:#fff3f3; color:#8c2424; }
.mania-empty-cart { max-width:650px; margin:30px auto; padding:50px 30px; border:1px solid var(--mc-border); border-radius:20px; text-align:center; background:#fff; box-shadow:0 12px 34px rgba(23,52,92,.08); }
.mania-empty-cart > span { display:block; font-size:3rem; }
.mania-empty-cart h2 { margin:12px 0 8px; }
.mania-cart-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:34px; align-items:start; }
.mania-cart-items { display:grid; gap:14px; }
.mania-cart-item { position:relative; display:grid; grid-template-columns:112px minmax(0,1fr) auto; gap:18px; align-items:center; min-height:126px; padding:14px 72px 14px 14px; border:1px solid var(--mc-border); border-radius:16px; background:#fff; box-shadow:0 8px 22px rgba(23,52,92,.06); }
.mania-cart-item-image img { display:block; width:112px; height:88px; border-radius:10px; object-fit:cover; }
.mania-cart-item-copy h2 { margin:0 0 7px; font-size:1.08rem; }
.mania-cart-item-copy h2 a { color:var(--mc-blue); text-decoration:none; }
.mania-cart-item-copy p { margin:0; color:var(--mc-muted); font-size:.9rem; }
.mania-cart-item-price { font-size:1.08rem; white-space:nowrap; }
.mania-cart-remove { position:absolute; right:16px; bottom:14px; }
.mania-cart-remove button, .mania-cart-actions button { padding:0; border:0; background:none; color:#b02f2f; font-weight:750; cursor:pointer; }
.mania-cart-summary, .mania-checkout-summary { position:sticky; top:28px; padding:24px; border:1px solid var(--mc-border); border-radius:18px; background:#fff; box-shadow:0 14px 36px rgba(23,52,92,.1); }
.mania-cart-summary h2, .mania-checkout-summary h2 { margin:0 0 20px; font-size:1.35rem; }
.mania-summary-row, .mania-summary-total { display:flex; justify-content:space-between; gap:20px; padding:10px 0; }
.mania-summary-row { color:var(--mc-muted); border-bottom:1px solid #edf1f5; }
.mania-summary-total { margin:7px 0 18px; font-size:1.25rem; }
.mania-cart-security { margin:14px 0 0; color:var(--mc-muted); text-align:center; font-size:.82rem; line-height:1.45; }
.mania-cart-bumps { margin-top:36px; padding:26px; border-radius:18px; background:#fff8dc; }
.mania-cart-bumps > h2 { margin-top:0; }
.mania-cart-bump-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.mania-cart-bump { display:flex; gap:12px; padding:12px; border:1px solid #eadca6; border-radius:13px; background:#fff; }
.mania-cart-bump img { width:82px; height:66px; border-radius:8px; object-fit:cover; }
.mania-cart-bump h3 { margin:0 0 6px; font-size:.92rem; }
.mania-cart-bump strong { display:block; margin-bottom:8px; }
.mania-cart-bump a { font-size:.85rem; font-weight:800; }
.mania-cart-actions { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:24px; }
.mania-cart-actions form { margin:0; }
.mania-checkout-form { width:100%; }
.mania-checkout-layout { display:grid; grid-template-columns:minmax(0,1fr) 390px; gap:34px; align-items:start; }
.mania-checkout-fields { display:grid; gap:18px; }
.mania-checkout-card { position:relative; padding:26px; border:1px solid var(--mc-border); border-radius:18px; background:#fff; box-shadow:0 8px 24px rgba(23,52,92,.055); }
.mania-checkout-card h2 { margin:0 0 20px; padding-left:38px; font-size:1.3rem; }
.mania-checkout-step { position:absolute; top:23px; left:24px; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--mc-blue); color:#fff; font-weight:900; }
.mania-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.mania-form-grid .is-full { grid-column:1/-1; }
.mania-form-grid label, .mania-files-login label { display:grid; gap:7px; color:var(--mc-blue); font-size:.9rem; font-weight:800; }
.mania-form-grid input, .mania-files-login input { width:100%; min-height:48px; padding:11px 13px; border:1px solid #cbd8e3; border-radius:10px; background:#fff; color:#24384d; font:inherit; }
.mania-form-grid input:focus, .mania-files-login input:focus { border-color:var(--mc-blue-2); outline:3px solid rgba(36,110,163,.12); }
.mania-delivery-options, .mania-payment-options { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.mania-delivery-options label, .mania-payment-options label { position:relative; cursor:pointer; }
.mania-delivery-options input, .mania-payment-options input { position:absolute; opacity:0; }
.mania-delivery-options label > span, .mania-payment-options label > span { display:flex; flex-direction:column; min-height:92px; padding:17px; border:2px solid var(--mc-border); border-radius:13px; background:#fff; }
.mania-delivery-options input:checked + span, .mania-payment-options input:checked + span { border-color:var(--mc-blue-2); background:#eef8ff; box-shadow:0 0 0 3px rgba(36,110,163,.08); }
.mania-delivery-options strong, .mania-payment-options strong { margin-bottom:6px; }
.mania-delivery-options small, .mania-payment-options small { color:var(--mc-muted); line-height:1.35; }
.mania-payment-redirect { margin:14px 0 0; color:var(--mc-muted); font-size:.86rem; }
.mania-checkout-bumps > p { margin-top:-10px; color:var(--mc-muted); }
.mania-checkout-bump { display:grid; grid-template-columns:auto 64px minmax(0,1fr) auto; gap:13px; align-items:center; margin-top:11px; padding:11px 13px; border:1px solid var(--mc-border); border-radius:13px; cursor:pointer; }
.mania-checkout-bump > input { width:19px; height:19px; accent-color:var(--mc-green); }
.mania-checkout-bump-image img { display:block; width:64px; height:54px; border-radius:8px; object-fit:cover; }
.mania-checkout-bump-copy { display:flex; flex-direction:column; }
.mania-checkout-bump-copy small { margin-top:4px; color:var(--mc-green); font-weight:800; }
.mania-checkout-bump-check { padding:7px 10px; border-radius:8px; background:#eef8ff; color:var(--mc-blue-2); font-size:.78rem; font-weight:850; }
.mania-checkout-bump:has(input:checked) { border-color:var(--mc-green); background:#f2fcf6; }
.mania-checkout-products { display:grid; gap:13px; margin-bottom:16px; }
.mania-checkout-product { display:grid; grid-template-columns:60px minmax(0,1fr) auto; gap:10px; align-items:center; }
.mania-checkout-product img { width:60px; height:50px; border-radius:8px; object-fit:cover; }
.mania-checkout-product span { display:flex; flex-direction:column; min-width:0; }
.mania-checkout-product strong { font-size:.86rem; line-height:1.25; }
.mania-checkout-product small { color:var(--mc-muted); }
.mania-checkout-product b { font-size:.85rem; white-space:nowrap; }
.mania-checkout-terms { display:flex; gap:9px; align-items:flex-start; margin:17px 0; font-size:.78rem; line-height:1.45; color:var(--mc-muted); }
.mania-checkout-terms input { flex:0 0 auto; margin-top:3px; }
.mania-checkout-guarantees { display:grid; gap:6px; margin-top:16px; color:var(--mc-muted); font-size:.8rem; }
.mania-order-result { max-width:720px; margin:20px auto; padding:42px 30px; border:1px solid var(--mc-border); border-radius:20px; background:#fff; text-align:center; box-shadow:0 14px 38px rgba(23,52,92,.1); }
.mania-order-result h2 { margin:12px 0 10px; font-size:1.8rem; }
.mania-result-icon { display:grid; place-items:center; width:70px; height:70px; margin:auto; border-radius:50%; font-size:2rem; font-weight:900; }
.mania-result-icon.is-success { background:#e8faef; color:#138c4b; }
.mania-result-icon.is-error { background:#fff0f0; color:#b02f2f; }
.mania-result-icon.is-pending { background:#fff8dc; color:#9a6b00; }
.mania-order-result-box { display:flex; justify-content:center; flex-wrap:wrap; gap:13px 28px; margin:24px 0; padding:17px; border-radius:12px; background:var(--mc-soft); }
.mania-files-login { max-width:540px; margin:20px auto; padding:30px; border:1px solid var(--mc-border); border-radius:18px; background:#fff; box-shadow:0 12px 32px rgba(23,52,92,.08); }
.mania-files-login form { display:grid; gap:15px; }
.mania-files-header { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; padding:20px 24px; border-radius:16px; background:#eef8ff; }
.mania-files-header h2 { margin:0 0 5px; }
.mania-files-header p { margin:0; }
.mania-files-header > span { padding:8px 12px; border-radius:8px; background:#fff; font-weight:850; }
.mania-files-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.mania-file-card { overflow:hidden; border:1px solid var(--mc-border); border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(23,52,92,.06); }
.mania-file-card > img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.mania-file-card > div { padding:18px; }
.mania-file-card h3 { margin:0 0 7px; font-size:1.05rem; }
.mania-file-card p { margin:0 0 16px; color:var(--mc-muted); }
.mania-files-expired { max-width:650px; margin:auto; padding:34px; border:1px solid #efcaca; border-radius:18px; background:#fff7f7; text-align:center; }
@media (max-width:960px) {
  .mania-cart-layout, .mania-checkout-layout { grid-template-columns:1fr; }
  .mania-cart-summary, .mania-checkout-summary { position:static; }
  .mania-cart-bump-grid, .mania-files-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .mania-cart-item { grid-template-columns:84px minmax(0,1fr); gap:12px; padding:11px 12px 48px; }
  .mania-cart-item-image img { width:84px; height:70px; }
  .mania-cart-item-price { grid-column:2; }
  .mania-cart-remove { right:13px; bottom:12px; }
  .mania-cart-summary, .mania-checkout-summary, .mania-checkout-card { padding:19px; border-radius:15px; }
  .mania-checkout-step { top:17px; left:18px; }
  .mania-checkout-card h2 { padding-left:35px; font-size:1.18rem; }
  .mania-form-grid, .mania-delivery-options, .mania-payment-options { grid-template-columns:1fr; }
  .mania-form-grid .is-full { grid-column:auto; }
  .mania-delivery-options label > span, .mania-payment-options label > span { min-height:76px; }
  .mania-checkout-bump { grid-template-columns:auto 54px minmax(0,1fr); }
  .mania-checkout-bump-image img { width:54px; height:48px; }
  .mania-checkout-bump-check { display:none; }
  .mania-cart-bump-grid, .mania-files-grid { grid-template-columns:1fr; }
  .mania-cart-actions, .mania-files-header { align-items:stretch; flex-direction:column; }
  .mania-order-result { padding:32px 20px; }
  .mania-order-result-box { flex-direction:column; }
}