/* Cartonomic Core: minimal layout for plugin output. The Cartonomic theme adds the brand styling. */
.cn-cards { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.cn-card { display: flex; flex-direction: column; height: 100%; }
.cn-card__media img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.cn-card__body { padding: 1rem 0; display: flex; flex-direction: column; gap: 0.5rem; flex: 1; }
.cn-card__title, .cn-card__price, .cn-card__benefit { margin: 0; }
.cn-card__cta { margin-top: auto; }
.cn-buy { display: inline-block; text-decoration: none; }
.cn-buy[aria-disabled="true"] { opacity: 0.75; cursor: not-allowed; }
.cn-social { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; list-style: none; padding: 0; margin: 0; }
.cn-signup__form { display: grid; gap: 0.75rem; max-width: 34rem; }
.cn-signup__form p { margin: 0; }
.cn-signup__field label { display: block; font-weight: 700; margin-bottom: 0.35rem; }
.cn-signup__field input { width: 100%; box-sizing: border-box; }
.cn-signup--disabled .cn-signup__form { opacity: 0.6; }
.cn-signup__consent label { display: flex; gap: 0.6rem; align-items: flex-start; }
.cn-signup__consent input { width: 1.25rem; height: 1.25rem; margin-top: 0.15rem; flex: none; }
.cn-signup__small { font-size: 0.875rem; margin-top: 0.75rem; }
.cn-consent__error { display: block; font-weight: 700; margin-top: 0.35rem; }
.cn-next-race__title { font-size: 1.5rem; font-weight: 800; text-transform: uppercase; margin: 0 0 0.5rem; }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }
/* Shop: personalisation boxes, AED price, delivery notes */
.cn-personalise { border: 2px solid currentColor; border-radius: 2px; padding: 1rem 1.25rem; margin: 0 0 1.25rem; }
.cn-personalise legend { font-weight: 800; text-transform: uppercase; letter-spacing: 0.06em; padding: 0 0.4rem; }
.cn-personalise .cn-field { margin: 0 0 0.75rem; }
.cn-personalise label { display: block; font-weight: 700; margin-bottom: 0.3rem; }
.cn-personalise input, .cn-personalise textarea { width: 100%; box-sizing: border-box; }
.cn-personalise__note, .cn-personalise__small { font-size: 0.875rem; margin: 0 0 0.75rem; }
.cn-req { color: #b8420a; }
.cn-aed { display: inline-block; font-size: 0.85em; font-weight: 400; opacity: 0.85; margin-left: 0.35em; }
.cn-product-notes { margin-top: 1rem; font-size: 0.95rem; }
.cn-product-note { margin: 0 0 0.4rem; font-weight: 700; }
.cn-ai-line { font-size: 0.85rem; font-style: italic; margin: 0.75rem 0 0; }