.mcd{font-family:inherit;color:#20251f;direction:rtl;background:#fff;border:1px solid #e6e3dc;border-radius:18px;padding:clamp(14px,2vw,28px);margin:24px 0;box-shadow:0 12px 38px rgba(22,35,27,.06)}
.mcd *{box-sizing:border-box}.mcd-head{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #eee9df;padding-bottom:18px;margin-bottom:20px}.mcd-kicker{color:#967342;font-size:13px;font-weight:700}.mcd h2{margin:5px 0;font-size:clamp(22px,3vw,32px);color:#123d30}.mcd-head p{margin:0;color:#6b716b}.mcd-step{background:#f5f0e6;color:#6f542d;padding:10px 14px;border-radius:999px;font-size:13px}
.mcd-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:24px}.mcd-options{min-width:0}.mcd-group{border:1px solid #ece8df;border-radius:14px;padding:14px;margin-bottom:14px}.mcd-group h3{font-size:17px;margin:0 0 12px;color:#153f32}.mcd-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mcd-choice{font:inherit;cursor:pointer;border:1px solid #e5e1d8;background:#fff;border-radius:10px;padding:7px;min-width:0;color:#292e29;display:flex;flex-direction:column;gap:7px;align-items:stretch;text-align:center}.mcd-choice img{width:100%;height:92px;object-fit:contain;background:#f8f7f3;border-radius:6px}.mcd-choice>span:last-child{font-size:12px;line-height:1.4}.mcd-choice.selected,.mcd-choice[aria-pressed=true]{border:2px solid #967342;background:#fbf8f1}.mcd-no-image{height:92px;display:flex;align-items:center;justify-content:center;background:#f7f5ef;color:#9b9689;font-size:11px}.mcd-swatch{height:92px;border-radius:6px;border:1px solid #ddd}.mcd-preview{align-self:start;position:sticky;top:20px;border:1px solid #e8e4dc;border-radius:16px;padding:14px;background:#fbfaf7}.mcd-preview-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.mcd-preview-title strong{color:#153f32}.mcd-preview-title span{font-size:12px;color:#777}.mcd-stage{position:relative;width:100%;aspect-ratio:3/4;background:#fff;border-radius:12px;overflow:hidden;isolation:isolate}.mcd-stage .mcd-base,.mcd-stage .mcd-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.mcd-stage .mcd-base{z-index:1}.mcd-stage .mcd-layer{z-index:2;pointer-events:none}.mcd-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#777;font-size:14px;z-index:4;background:linear-gradient(#fff,#f8f6f0)}.mcd-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.mcd-summary span{font-size:12px;background:#f0eee7;border-radius:6px;padding:6px 8px}.mcd-size-label,.mcd-notes-label{display:block;margin:16px 0;font-weight:600}.mcd select,.mcd textarea{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #d9d5cc;border-radius:8px;background:#fff;font:inherit}.mcd-add{width:100%;padding:14px;border:0;border-radius:9px;background:#174a38;color:#fff;font:inherit;font-weight:700;cursor:pointer}.mcd-add:disabled{opacity:.6;cursor:wait}.mcd-status{font-size:13px;color:#8a5c22}.mcd [hidden]{display:none!important}
@media(max-width:800px){.mcd-layout{grid-template-columns:1fr}.mcd-preview{position:static;grid-row:1}.mcd-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mcd-head{align-items:flex-start;flex-direction:column}.mcd-step{border-radius:8px}}
@media(max-width:420px){.mcd-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mcd-choice img,.mcd-no-image,.mcd-swatch{height:80px}}

.mcd-product-picker{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:14px;margin:0 0 18px;border:1px solid #e8e4dc;border-radius:12px;background:#fbfaf7}
.mcd-product-picker label{display:block;flex:1;min-width:220px;font-weight:700;color:#153f32}
.mcd-product-picker select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #d9d5cc;border-radius:8px;background:#fff;font:inherit}
.mcd-product-price{font-weight:700;color:#174a38;padding:10px}

/* Stage 2: one pixel-aligned composite canvas is used for both preview and order export. */
.mcd-stage .mcd-composite{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;z-index:1;background:#fff}