.mk-flower-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:4/3;border-radius:12px;background:linear-gradient(135deg,#eeeee8,#dadfd8);color:#486354;font-size:clamp(2rem,8vw,4rem)}.mk-flower-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.mk-flower-card small{display:block}.mk-flower-card:focus-within{outline:3px solid currentColor;outline-offset:3px}
.mkcat-customer{max-width:1180px;margin:auto}.mkcat-customer section{margin:28px 0}.mkcat-customer .mk-flower-card{display:block;padding:14px}.mkcat-main img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.mkcat-thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.mkcat-thumbs img{width:100%;aspect-ratio:1;object-fit:cover}.mkcat-customer details label{display:grid;gap:4px;margin:10px 0}.mkcat-customer textarea,.mkcat-customer input,.mkcat-customer select{max-width:100%;width:100%}
.mkcp-variant-selection{margin:1rem 0;padding:clamp(.75rem,2vw,1.25rem);border:1px solid #c8ced6;border-radius:12px;max-width:100%;overflow-wrap:anywhere}.mkcp-variant-selection>h3{margin-top:0}.mkcp-variant-group{margin:0 0 1rem;padding:.75rem;border:0;border-block-start:1px solid #d8dde3}.mkcp-variant-group legend{font-weight:700;padding-inline:.25rem}.mkcp-variant-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.65rem}.mkcp-variant-option{display:flex;align-items:flex-start;gap:.6rem;min-height:44px;padding:.7rem;border:1px solid #aeb7c2;border-radius:8px;cursor:pointer}.mkcp-variant-option:has(input:checked){border-color:#155eef;box-shadow:0 0 0 2px #155eef33}.mkcp-variant-option input{margin-top:.25rem;flex:0 0 auto}.mkcp-variant-option span,.mkcp-variant-option small{display:block}.mkcp-variant-option small{margin-top:.2rem}.mkcp-variant-option:focus-within{outline:3px solid #155eef;outline-offset:2px}.mkcp-variant-error{color:#b42318;font-weight:600}.mkcp-variant-total{display:block;font-weight:700;margin-top:.75rem}@media(max-width:430px){.mkcp-variant-options{grid-template-columns:1fr}.mkcp-variant-selection{padding:.65rem}}