.monark-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;padding-top:8px}
.monark-summary__copy{flex:1;min-width:0}
.monark-summary .monark-summary__name{display:block;font-family:var(--monark-product-font,"Pinyon Script",cursive);font-size:14px;font-weight:400;font-style:normal;line-height:1.15;letter-spacing:0;text-transform:none;text-decoration:none;color:inherit;margin:0;overflow-wrap:break-word}
.monark-summary .monark-summary__subtitle{font-family:var(--font-body--family);font-size:10px;font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;margin:5px 0 0;color:rgb(var(--color-foreground-rgb)/.7)}
.monark-colors{flex:0 0 auto;max-width:120px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-top:5px;position:relative;z-index:2}
.monark-colors__row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0;max-width:120px}
.monark-color{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;text-decoration:none;color:inherit}
.monark-color__dot{display:block;width:12px;height:12px;border:1px solid #0002;border-radius:50%}
.monark-color.is-active .monark-color__dot{outline:1px solid currentColor;outline-offset:3px}
.monark-color:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.monark-color__dot--gold{background:#d5ae58}.monark-color__dot--silver{background:#d9d9d7}.monark-color__dot--lilac{background:#b9a3d1}.monark-color__dot--olive{background:#8a8764}.monark-color__dot--blue{background:#244d85}.monark-color__dot--red{background:#8d342c}.monark-color__dot--plain{background:linear-gradient(135deg,transparent 46%,#888 48%,#888 52%,transparent 54%)}
.monark-summary--detail{padding-top:0;gap:24px}
.monark-summary--detail .monark-summary__name{font-size:16px}
.monark-summary--detail .monark-summary__subtitle{font-size:10px;margin-top:8px}
.monark-product-price{font-size:14px;line-height:1.5;margin-top:14px}
@media(max-width:749px){.monark-summary{gap:8px}.monark-summary .monark-summary__name{font-size:14px}.monark-summary__subtitle{font-size:10px}.monark-colors,.monark-colors__row{max-width:72px}.monark-summary--detail .monark-summary__name{font-size:16px}.monark-summary--detail .monark-colors,.monark-summary--detail .monark-colors__row{max-width:120px}}

product-card .monark-summary{flex-direction:column;flex-wrap:nowrap;padding-inline:0;gap:8px}
product-card .monark-summary__copy{flex:0 1 auto;width:100%}
product-card .monark-summary__name{font-size:14px;overflow-wrap:normal}
product-card .monark-colors{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;max-width:100%;gap:4px;margin:0;padding:0}
product-card .monark-colors__row{max-width:100%;justify-content:flex-start;margin:0;padding:0}
product-card .monark-color{justify-content:flex-start;margin:0;padding:0}
product-card .monark-summary__subtitle{font-size:10px}
@media(max-width:749px){product-card .monark-summary__name{font-size:14px}product-card .monark-summary__copy{flex-basis:auto}}

product-card .monark-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:6px;align-items:start}
product-card .monark-summary__copy{display:contents}
product-card .monark-summary__name{grid-column:1;grid-row:1}
product-card .monark-summary .monark-summary__subtitle{grid-column:1/-1;grid-row:2;margin:0}
product-card .monark-colors{grid-column:2;grid-row:1;gap:4px;padding-top:2px;align-items:flex-end;pointer-events:none}
product-card .monark-colors__row{gap:3px;flex-wrap:nowrap;justify-content:flex-end}
product-card .monark-color--display{width:8px;height:8px;flex:0 0 8px}
product-card .monark-color--display .monark-color__dot{width:8px;height:8px;outline:none}
.monark-summary--detail{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:2px;align-items:center}
.monark-summary--detail .monark-summary__copy,.monark-summary--detail .monark-detail-colors,.monark-summary--detail .monark-colors{display:contents}
.monark-summary--detail .monark-summary__name{grid-column:1;grid-row:1}
.monark-summary--detail .monark-summary__subtitle{grid-column:1;grid-row:2;margin:0}
.monark-summary--detail .monark-colors__row--metal{grid-column:2;grid-row:1}
.monark-summary--detail .monark-colors__row--stone{grid-column:2;grid-row:2}
.monark-summary--detail .monark-gemstone-name{grid-column:2;grid-row:3;margin:0!important}

.monark-summary--detail .monark-colors__row{padding:0;margin:0;min-height:24px}
.monark-summary--detail .monark-product-price{grid-column:1;grid-row:3;margin:8px 0 0;font-family:var(--font-body--family);font-size:12px;font-weight:400;line-height:1.5;font-variant-numeric:tabular-nums;align-self:baseline}
.monark-summary--detail .monark-gemstone-name{margin-top:8px!important;align-self:baseline}