.crmg{--crmg-ink:#21303a;--crmg-accent:#087c91;max-width:1180px;margin:28px auto;color:var(--crmg-ink);font-family:inherit}.crmg *{box-sizing:border-box}.crmg-head h2{margin:0 0 6px;font-size:clamp(24px,3vw,34px)}.crmg-head p{margin:0 0 18px;color:#59666d}.crmg-filter{margin:12px 0 18px}.crmg-filter select{display:block;min-width:210px;margin-top:6px;padding:10px 12px;border:1px solid #bdc8cd;border-radius:8px;background:#fff}.crmg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:13px}.crmg-card{appearance:none;text-align:left;background:#fff;border:2px solid #dce4e7;border-radius:12px;padding:9px;color:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.crmg-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #17384718}.crmg-card.is-selected{border-color:var(--crmg-accent);box-shadow:0 0 0 2px #087c9124}.crmg-card-art{display:block;overflow:hidden;border-radius:7px;aspect-ratio:1;background:#f0f3f4}.crmg-card-art img{width:100%;height:100%;object-fit:cover;display:block}.crmg-card-title{display:block;font-weight:650;font-size:14px;line-height:1.25;margin:9px 0 4px}.crmg-card-price{font-size:13px;color:#52636b}.crmg-preview{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.crmg-preview-panel{min-width:0}.crmg-preview-panel h3{margin:0 0 10px;font-size:19px}.crmg-preview-panel>p{font-size:13px;color:#68757a;margin:9px 0 0}.crmg-stage,.crmg-flat-wrap{display:grid;place-items:center;background:#f6f7f7;border:1px solid #e1e6e8;border-radius:12px;padding:20px;min-height:280px}.crmg-pad{width:min(100%,620px);aspect-ratio:1;background:transparent;padding:0;border:0;border-radius:0;overflow:visible;box-shadow:none;transform:none}.crmg-mockup-img{display:block;width:100%;height:100%;object-fit:contain}.crmg-flat-wrap img{display:block;width:min(100%,620px);height:auto;aspect-ratio:1;object-fit:contain;background:white;border:1px solid #dfe4e6;box-shadow:0 3px 12px #15252d16}.crmg-order-form{border:1px solid #dce4e7;border-radius:14px;background:#fbfcfc;padding:20px}.crmg-order-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #e2e8ea}.crmg-form-grid{display:grid;grid-template-columns:1fr 1.4fr .55fr;gap:12px}.crmg-order-form label{display:block;font-size:14px;font-weight:600;margin:0 0 12px}.crmg-order-form input,.crmg-order-form textarea{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid #c4cfd3;border-radius:8px;background:white;font:inherit}.crmg-order-form input:focus,.crmg-order-form textarea:focus,.crmg-filter select:focus{outline:2px solid #087c9140;border-color:var(--crmg-accent)}.crmg-submit{border:0;border-radius:9px;background:var(--crmg-accent);color:white;font:inherit;font-weight:700;padding:13px 20px;cursor:pointer}.crmg-submit:hover{background:#066779}.crmg-result{display:inline-block;margin-left:12px;font-weight:600}.crmg-empty{padding:20px;border:1px dashed #bcc8cc;border-radius:10px;text-align:center}@media(max-width:700px){.crmg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.crmg-card{padding:7px}.crmg-preview{grid-template-columns:1fr;gap:17px}.crmg-stage,.crmg-flat-wrap{min-height:0;padding:14px}.crmg-form-grid{grid-template-columns:1fr}.crmg-order-summary{align-items:flex-start;flex-direction:column}.crmg-result{display:block;margin:12px 0 0}}
.crmg-card[hidden]{display:none}.crmg-card-cta{display:block;margin-top:8px;color:var(--crmg-accent);font-size:12px;font-weight:700}.crmg-card:focus-visible,.crmg-dialog-close:focus-visible{outline:3px solid var(--crmg-accent);outline-offset:3px}.crmg-popup-open{overflow:hidden}.crmg-dialog{width:min(1060px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:22px;border:0;border-radius:18px;background:#fff;color:var(--crmg-ink);box-shadow:0 20px 80px #0005;overflow:auto;overscroll-behavior:contain}.crmg-dialog:not([open]){display:none}.crmg-dialog::backdrop{background:rgba(13,24,32,.68)}.crmg-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.crmg-dialog-head h2{font-size:24px;margin:0}.crmg-dialog-close{flex-shrink:0;width:44px;height:44px;border:1px solid #dce4e7;background:#f6f7f7;border-radius:50%;font-size:28px;color:inherit;cursor:pointer;line-height:1}.crmg-dialog .crmg-preview{margin:18px 0}.crmg-dialog .crmg-stage,.crmg-dialog .crmg-flat-wrap{padding:10px;min-height:0}.crmg-dialog .crmg-mockup-img,.crmg-dialog .crmg-print-img{max-height:42dvh;object-fit:contain}.crmg-request-note{font-size:13px;color:#59666d}.crmg-submit:disabled,.crmg-card:disabled{opacity:.65;cursor:wait}@media(max-width:700px){.crmg-dialog{padding:15px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.crmg-dialog-head h2{font-size:20px}.crmg-dialog .crmg-mockup-img,.crmg-dialog .crmg-print-img{max-height:32dvh}.crmg-dialog .crmg-order-form{padding:15px}}

.crmg-dialog .crmg-pad{width:min(100%,42dvh);aspect-ratio:1}.crmg-dialog .crmg-pad img{max-height:none}.crmg-dialog .crmg-stage{min-height:0;padding:0;overflow:hidden}.crmg-preview-status{font-size:13px;color:#59666d}@media(max-width:700px){.crmg-dialog .crmg-pad{width:min(100%,54dvh)}.crmg-dialog .crmg-pad img{max-height:none}}

.crmg-dialog .crmg-preview{grid-template-columns:1fr}.crmg-dialog .crmg-preview-panel h3{display:none}

/* v1.0.14 — multi-design order list + four-wide desktop grid */
.crmg-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.crmg-card{position:relative}
.crmg-card.is-in-order{border-color:var(--crmg-accent);box-shadow:0 0 0 2px #087c9124}
.crmg-card.is-in-order::after{content:'Added';position:absolute;top:15px;right:15px;background:var(--crmg-accent);color:#fff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;box-shadow:0 2px 8px #0002}
.crmg-cart{margin:28px 0 0;border:1px solid #dce4e7;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 5px 24px #1738470d}
.crmg-cart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #e4e9eb;background:#f8fafb}
.crmg-cart-head h3{margin:0 0 4px;font-size:22px}
.crmg-cart-head p{margin:0;color:#5f6d73;font-size:14px}
.crmg-cart-count{flex:0 0 auto;background:#eaf5f7;color:#075f70;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:800}
.crmg-cart-empty{margin:18px 22px;padding:18px;border:1px dashed #bfcbd0;border-radius:11px;background:#fbfcfc;text-align:center;color:#5f6d73}
.crmg-cart-list{padding:0 22px}
.crmg-cart-row{display:grid;grid-template-columns:72px minmax(0,1fr) 92px 88px auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #e5eaec}
.crmg-cart-row:last-child{border-bottom:0}
.crmg-cart-thumb{width:72px;aspect-ratio:1;border-radius:9px;overflow:hidden;background:#f0f3f4}
.crmg-cart-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.crmg-cart-details{min-width:0}
.crmg-cart-details strong{display:block;line-height:1.25;margin-bottom:4px}
.crmg-cart-details span{display:block;color:#66747a;font-size:13px}
.crmg-cart-qty{font-size:12px;font-weight:700;color:#59666d;margin:0!important}
.crmg-cart-qty input{margin-top:4px!important;padding:8px 9px!important;text-align:center}
.crmg-cart-line-total{text-align:right;white-space:nowrap}
.crmg-cart-remove{border:0;background:transparent;color:#a52b2b;text-decoration:underline;cursor:pointer;font:inherit;font-size:13px;padding:8px}
.crmg-cart .crmg-order-form{border:0;border-top:1px solid #e2e8ea;border-radius:0;background:#fbfcfc;padding:20px 22px}
.crmg-cart-totals{display:flex;justify-content:flex-end;gap:26px;align-items:center;margin:0 0 18px;font-size:15px}
.crmg-dialog-order{border:1px solid #dce4e7;border-radius:12px;background:#fbfcfc;padding:16px;margin-top:16px}
.crmg-add-row{display:grid;grid-template-columns:120px minmax(180px,1fr);gap:12px;align-items:end}
.crmg-add-row label{font-size:14px;font-weight:700;margin:0}
.crmg-add-row input{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #c4cfd3;border-radius:8px;background:#fff;font:inherit}
.crmg-add-to-order{border:0;border-radius:9px;background:var(--crmg-accent);color:#fff;font:inherit;font-weight:800;padding:12px 18px;cursor:pointer;min-height:46px}
.crmg-add-to-order:hover{background:#066779}
.crmg-dialog-note{font-size:13px;color:#59666d;margin:12px 0 0}
.crmg-order-form .crmg-form-grid{grid-template-columns:1fr 1fr}
.crmg-submit:disabled,.crmg-add-to-order:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:980px){.crmg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.crmg-cart-row{grid-template-columns:64px minmax(0,1fr) 82px 80px auto}.crmg-cart-thumb{width:64px}}
@media(max-width:700px){.crmg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.crmg-cart-head{padding:16px;flex-direction:column}.crmg-cart-list{padding:0 16px}.crmg-cart-row{grid-template-columns:54px minmax(0,1fr) 72px;gap:10px}.crmg-cart-thumb{width:54px}.crmg-cart-line-total{grid-column:2;text-align:left}.crmg-cart-remove{grid-column:3;grid-row:2;text-align:right}.crmg-cart .crmg-order-form{padding:16px}.crmg-cart-totals{justify-content:space-between;gap:12px;flex-wrap:wrap}.crmg-order-form .crmg-form-grid{grid-template-columns:1fr}.crmg-add-row{grid-template-columns:96px 1fr}.crmg-card.is-in-order::after{top:10px;right:10px}}

/* v1.0.15 — upper-right order popup + 10-minute inactivity reset */
.crmg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.crmg-head-copy{min-width:0;flex:1 1 auto}
.crmg-order-open{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;border:0;border-radius:999px;background:var(--crmg-accent);color:#fff;font:inherit;font-weight:800;padding:10px 12px 10px 16px;cursor:pointer;box-shadow:0 4px 14px #17384722;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}
.crmg-order-open:hover{transform:translateY(-1px);background:#066779;box-shadow:0 6px 18px #1738472c}
.crmg-order-open:focus-visible{outline:3px solid #087c9148;outline-offset:3px}
.crmg-order-open:disabled{opacity:.6;cursor:wait;transform:none}
.crmg-order-button-count{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#fff;color:var(--crmg-accent);font-size:13px;font-weight:900;line-height:1}
.crmg-order-open.has-items .crmg-order-button-count{box-shadow:0 0 0 2px #ffffff55}
.crmg-order-dialog{width:min(900px,calc(100vw - 32px))}
.crmg-order-dialog .crmg-cart{margin:18px 0 0;box-shadow:none}
.crmg-order-dialog .crmg-cart-head{align-items:center}
.crmg-order-dialog .crmg-cart-head p{margin:0;color:#5f6d73;font-size:14px}
.crmg-inactivity-note{font-size:12px;color:#68757a;margin:0 0 14px}
.crmg-order-dialog .crmg-result{margin-top:12px}
@media(max-width:700px){.crmg-head{gap:10px;flex-wrap:wrap}.crmg-order-open{margin-left:auto;padding:9px 10px 9px 14px}.crmg-order-button-count{min-width:26px;height:26px}.crmg-order-dialog{width:calc(100vw - 20px)}.crmg-order-dialog .crmg-cart{margin-top:12px}.crmg-order-dialog .crmg-cart-head{flex-direction:row;padding:14px 16px}.crmg-order-dialog .crmg-cart-head p{font-size:13px}}
