.elementor-25 .elementor-element.elementor-element-fb25ba2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for container, class: .elementor-element-fb25ba2 */.mc4-prod-wrap{font-family:'DM Sans',sans-serif;background:#f8f6f1;padding:80px 24px}
.mc4-prod-hero{text-align:center;margin-bottom:64px}
.mc4-prod-label{display:inline-flex;align-items:center;gap:8px;background:rgba(200,169,110,0.12);border:1px solid rgba(200,169,110,0.25);color:#c8a96e;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:7px 16px;border-radius:100px;margin-bottom:20px}
.mc4-prod-h1{font-size:clamp(32px,5vw,52px);font-weight:900;color:#0f0f14;line-height:1.15;margin-bottom:16px}
.mc4-prod-h1 em{font-style:italic;color:#c8a96e}
.mc4-prod-sub{font-size:17px;color:#6b6b7b;max-width:520px;margin:0 auto;line-height:1.7;font-weight:300}
.mc4-filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}
.mc4-filter{background:#fff;border:1px solid rgba(0,0,0,0.1);color:#6b6b7b;padding:8px 20px;border-radius:100px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;user-select:none}
.mc4-filter.active,.mc4-filter:hover{background:#1a1a2e;color:#fff;border-color:#1a1a2e}
.mc4-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto}
.mc4-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(0,0,0,0.06);transition:all 0.3s;display:flex;flex-direction:column}
.mc4-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(0,0,0,0.1);border-color:rgba(200,169,110,0.3)}
.mc4-card.hidden{display:none}
.mc4-card-top{padding:32px 32px 24px;flex:1}
.mc4-card-cat{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#c8a96e;margin-bottom:16px}
.mc4-card-icon{font-size:36px;margin-bottom:16px;display:block}
.mc4-card-name{font-size:20px;font-weight:800;color:#0f0f14;margin-bottom:10px;line-height:1.2}
.mc4-card-desc{font-size:14px;color:#6b6b7b;line-height:1.6;font-weight:300;margin-bottom:20px}
.mc4-card-tag{display:inline-block;background:#f8f6f1;color:#6b6b7b;font-size:11px;font-weight:600;padding:4px 10px;border-radius:100px;margin-right:6px;margin-bottom:6px}
.mc4-card-tag.new{background:rgba(34,197,94,0.1);color:#16a34a}
.mc4-card-tag.hot{background:rgba(239,68,68,0.08);color:#dc2626}
.mc4-card-bottom{padding:20px 32px 28px;border-top:1px solid rgba(0,0,0,0.05)}
.mc4-card-price{display:flex;align-items:baseline;gap:6px;margin-bottom:16px;flex-wrap:wrap}
.mc4-price-from{font-size:12px;color:#9ca3af;font-weight:400}
.mc4-price-amount{font-size:28px;font-weight:900;color:#0f0f14;line-height:1}
.mc4-price-period{font-size:13px;color:#9ca3af}
.mc4-price-alt{font-size:12px;color:#9ca3af;margin-left:4px}
.mc4-card-cta{display:block;text-align:center;background:#1a1a2e;color:#fff;padding:13px 24px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;transition:all 0.2s}
.mc4-card-cta:hover{background:#c8a96e;color:#0f0f14}
.mc4-card-cta.outline{background:transparent;color:#1a1a2e;border:1px solid rgba(0,0,0,0.12)}
.mc4-card-cta.outline:hover{background:#1a1a2e;color:#fff}
.mc4-card.featured .mc4-card-top{background:#1a1a2e}
.mc4-card.featured .mc4-card-cat{color:#c8a96e}
.mc4-card.featured .mc4-card-name{color:#fff}
.mc4-card.featured .mc4-card-desc{color:rgba(255,255,255,0.55)}
.mc4-card.featured .mc4-card-tag{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.5)}
.mc4-card.featured .mc4-card-bottom{border-top-color:rgba(255,255,255,0.08);background:#1a1a2e}
.mc4-card.featured .mc4-price-from{color:rgba(255,255,255,0.4)}
.mc4-card.featured .mc4-price-amount{color:#fff}
.mc4-card.featured .mc4-price-period{color:rgba(255,255,255,0.4)}
.mc4-card.featured .mc4-price-alt{color:rgba(255,255,255,0.3)}
.mc4-card.featured .mc4-card-cta{background:#c8a96e;color:#0f0f14}
.mc4-card.featured .mc4-card-cta:hover{background:#e8c98e}
.mc4-coming{opacity:0.55;pointer-events:none}
.mc4-coming .mc4-card-cta{background:#9ca3af;cursor:not-allowed}
@media(max-width:680px){
.mc4-prod-wrap{padding:60px 16px}
.mc4-grid{grid-template-columns:1fr;gap:16px}
.mc4-card-top{padding:24px 24px 20px}
.mc4-card-bottom{padding:16px 24px 24px}
.mc4-card-name{font-size:18px}
.mc4-price-amount{font-size:24px}
}/* End custom CSS */