/* The shop on clayaiken.com — house rules: lowercase controls, buttons that swap fill and
   label on hover, sold-out pinned red/white, the site's purple (#3c2078) and rose (#bb9e99).
   Layout comes from PHP; this file only dresses it. */

:root {
  --ca-purple: #3c2078;
  --ca-rose: #bb9e99;
  --ca-red: #c8102e;
  --ca-line: rgba(255, 255, 255, 0.18);
  --ca-soft: rgba(255, 255, 255, 0.72);
}

/* ---- grid ---------------------------------------------------------------- */
/* The header floats over the page, so the shop's top padding IS the header's height plus a
   small breath — the same place the site's other pages start their first heading. */
.content.ca-shop-content { padding-top: 205px; }
@media (max-width: 767px) { .content.ca-shop-content { padding-top: 185px; } }
.ca-shop-wrap { max-width: 1240px; margin: 0 auto; padding: 0 0 3rem; }
.ca-shop-head { display: block; margin-bottom: 2rem; text-align: center; }
.ca-shop-head h1 { margin: 0; text-transform: lowercase; }
.ca-shop-head__note { display: block; color: var(--ca-rose); font-size: 0.95rem; margin-top: 0.35rem; }
/* Cards sit centred: a short shelf (two items) is a centred pair, a full shelf is up to four across. */
/* Three across on a desktop (340px cards, centred; a short shelf stays a centred pair), two
   across on a tablet, one on a phone. Fixed tracks on purpose: a minmax() track counts its
   MAX size when deciding how many fit, which left a 690px tablet with a single column. */
.ca-grid { display: grid; grid-template-columns: repeat(auto-fit, 340px); justify-content: center; gap: 2rem 1.5rem; }
@media (max-width: 1023px) { .ca-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .ca-grid { grid-template-columns: minmax(0, 1fr); } }
.ca-card { display: block; color: inherit; position: relative; }
.ca-card, .ca-card * { box-sizing: border-box; }
.ca-card a { color: inherit; text-decoration: none; }
.ca-card__body > * { display: block; }
.ca-card__body .ca-pill { display: inline-block; }
/* The image box is the link the theme's page-loader animates from (its "fx-load-fi" effect
   flies this exact box to the product page's hero), so the box and the hero share one
   shape: square, 8px corners, image pinned to the top edge like the theme's holder. */
.ca-card__img { display: grid; place-items: center; aspect-ratio: 1; width: 100%; max-width: 100%; overflow: hidden; border-radius: 8px; background: #f2eeee; }
.ca-card__img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; display: block; transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); }
.ca-card:hover .ca-card__img img { transform: scale(1.04); }
.ca-card__body { padding: 0.9rem 0 0; }
.ca-card__title { font-size: 1.05rem; margin: 0 0 0.15rem; text-transform: lowercase; }
.ca-card__price { color: inherit; opacity: 0.85; }
.ca-card__price s { opacity: 0.55; margin-right: 0.4em; }
.ca-card__earn { display: block; font-size: 0.82rem; color: var(--ca-rose); margin-top: 0.15rem; }
.ca-pill { display: inline-block; font-size: 0.74rem; letter-spacing: 0.04em; text-transform: lowercase; border-radius: 999px; padding: 0.15rem 0.6rem; margin-top: 0.35rem; }
.ca-pill--sold { background: var(--ca-red); color: #fff; font-weight: 700; }
.ca-pill--pre { background: rgba(255, 255, 255, 0.12); color: inherit; }
.ca-pill--tier { background: var(--ca-rose); color: #fff; }
.ca-empty { padding: 4rem 0; text-align: center; color: var(--ca-rose); }

/* ---- product --------------------------------------------------------------- */
.ca-product { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 3rem; align-items: start; }
.ca-product__gallery { position: relative; }
.ca-product__hero { aspect-ratio: 1; max-width: 100%; border-radius: 8px; overflow: hidden; background: #f2eeee; }
.ca-product__hero img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; display: block; }
/* The flying copy is a background-image with no backdrop of its own; give it the card's pale one so a cut-out picture does not lose its box mid-flight. */
.ca-shop #fx-load-holder { border-radius: 8px; background-color: #f2eeee; }
.ca-product__thumbs { display: flex; gap: 0.5rem; margin-top: 0.6rem; flex-wrap: wrap; }
.ca-product__thumbs button { border: 2px solid transparent; padding: 0; background: none; border-radius: 6px; overflow: hidden; width: 64px; height: 64px; cursor: pointer; }
.ca-product__thumbs button[aria-current="true"] { border-color: var(--ca-purple); }
.ca-product__thumbs img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ca-product__title { text-transform: lowercase; margin: 0 0 0.4rem; }
.ca-product__price { font-size: 1.35rem; margin-bottom: 0.25rem; }
.ca-product__price s { opacity: 0.5; margin-right: 0.5em; font-size: 1rem; }
.ca-product__earn { color: var(--ca-rose); margin-bottom: 1.2rem; }
.ca-product__desc { margin: 1.5rem 0; line-height: 1.7; }
.ca-opt { margin-bottom: 1.1rem; }
.ca-opt__label { display: block; font-size: 0.8rem; letter-spacing: 0.06em; text-transform: lowercase; color: var(--ca-rose); margin-bottom: 0.4rem; }
.ca-opt__values { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.ca-opt__btn { border: 1px solid currentColor; background: transparent; color: inherit; padding: 0.45rem 0.95rem; border-radius: 999px; text-transform: lowercase; cursor: pointer; transition: background 0.15s, color 0.15s; }
.ca-opt__btn:hover, .ca-opt__btn[aria-pressed="true"] { background: #fff; color: #0a1520; }
.ca-opt__btn[disabled] { opacity: 0.35; text-decoration: line-through; cursor: not-allowed; }
.ca-qty { display: inline-flex; align-items: center; border: 1px solid var(--ca-line); border-radius: 999px; overflow: hidden; }
.ca-qty button { background: none; border: 0; width: 2.4rem; height: 2.4rem; cursor: pointer; font-size: 1.1rem; }
.ca-qty input { width: 2.6rem; border: 0; text-align: center; font: inherit; background: transparent; color: inherit; padding: 0; margin: 0; height: 2.4rem; -moz-appearance: textfield; }
.ca-qty input::-webkit-outer-spin-button, .ca-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ca-qty button { color: inherit; }
.ca-buy { display: flex; flex-wrap: wrap; align-items: center; gap: 0.9rem; margin: 1.2rem 0; }

/* buttons: swap fill and label on hover — never just darken */
.ca-btn { display: inline-block; border: 2px solid var(--ca-purple); background: var(--ca-purple); color: #fff; padding: 0.7rem 1.6rem; border-radius: 999px; text-transform: lowercase; letter-spacing: 0.02em; font-weight: 600; cursor: pointer; transition: background 0.15s, color 0.15s; text-decoration: none; }
.ca-btn:hover { background: transparent; color: #fff; }
.ca-btn[disabled], .ca-btn--off { background: #d9d3d3; border-color: #d9d3d3; color: #7a6f6f; cursor: not-allowed; }
.ca-btn[disabled]:hover, .ca-btn--off:hover { background: #d9d3d3; color: #7a6f6f; }
.ca-btn--sold { background: var(--ca-red); border-color: var(--ca-red); color: #fff; cursor: default; }
.ca-btn--sold:hover { background: var(--ca-red); color: #fff; }
.ca-btn--ghost { background: transparent; color: #fff; }
.ca-wish { display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap; margin: 0.6rem 0 1rem; }
.ca-wish .ca-btn--ghost { color: var(--ca-rose); border-color: var(--ca-rose); }
.ca-wish .ca-btn--ghost:hover { background: var(--ca-rose); color: #fff; }
.ca-wish__note { font-size: 0.9rem; opacity: 0.8; }
.ca-btn--ghost:hover { background: var(--ca-purple); color: #fff; }

.ca-gate { border: 1px solid var(--ca-line); border-left: 4px solid var(--ca-rose); border-radius: 6px; padding: 0.9rem 1rem; margin: 0.8rem 0 1.2rem; font-size: 0.95rem; }
.ca-gate p { margin: 0 0 0.5rem; }
.ca-gate p:last-child { margin: 0; }
.ca-gate a, .ca-gate button.ca-linklike { color: inherit; text-decoration: underline; background: none; border: 0; padding: 0; font: inherit; cursor: pointer; }
.ca-preorder { color: var(--ca-rose); font-size: 0.95rem; margin: 0.3rem 0 0.8rem; }
.ca-bundle { margin: 0.2rem 0 1rem; font-size: 0.95rem; }
.ca-bundle__label { text-transform: lowercase; letter-spacing: 0.04em; opacity: 0.7; margin-bottom: 0.25rem; }
.ca-bundle ul { list-style: none; margin: 0; padding: 0; }
.ca-bundle li { padding: 0.15rem 0; }
.ca-bundle li a { color: inherit; text-decoration: underline; text-decoration-color: var(--ca-rose); }
.ca-bundle li a:hover { color: var(--ca-rose); }
.ca-back { display: inline-block; margin-bottom: 1.5rem; text-transform: lowercase; color: var(--ca-rose); text-decoration: none; }



/* ---- the header cart: the theme's own rules for the cart button and its slide-out ------
   These lived in vex-toolkit's WooCommerce-only stylesheet, which stops loading once
   WooCommerce is gone. Copied verbatim so the panel slides out exactly as it always did. */
/* -------------------------------------------
   Cart Widget
= ----------------------------------------- */  
.cart-widget-holder {
	position: relative;
	z-index: 24;
	float: left;
}
.cart-widget-button {
    position: relative;
    color: #fff;
    z-index: 5;
    top: -8px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
    margin-left: 20px;
}
.is-smoothscroll .cart-widget-button {
    pointer-events: all;
}
.header--scrolled .cart-widget-button:after  {
}
.cart-icon svg {
	width:15px;
	fill:#fff;
	position:relative;
	top:2px
}
@media (max-width: 767.98px) {
 	.cart-widget-button {
        top:-15px;
        font-size: 11px;
        background-color: rgba(36, 36, 36, 0.7);
        border-radius: 50%;
    }
}
@media (max-width: 479.98px) {
 	.cart-widget-button {
        top:-10px;
        width:50px;
        height:50px;

    }
}
.cart-widget-counter {
    position: absolute;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 18px;
    min-width: 18px;
    padding: 0 5px;
    color: #fff;
    top: 0;
    right: 0;
    font-size: 11px;
    font-weight: 600;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index:12;
}
.cart-widget-counter:after {
	content:"";
	background-color:inherit;
	position:absolute;
	left:0;
	top:0;
	border-radius:100%;
	height: 18px;
    width: 18px;
    z-index:-1;
}
.cart-widget-counter.cart-updated:after {
	opacity:0;
    animation: otherAnimation 1s ease;
}
.cart-widget {
    position: absolute;
    text-align: left;
    right: -10px;
    top: 120%;
    line-height: 1.4;
    z-index: 101;
    width: 420px;
    background-color: #292929;
    -webkit-box-shadow: 0 20px 32px -8px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.05);
    box-shadow: 0 20px 32px -8px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.05);
    opacity: 0;
    -webkit-transition: opacity cubic-bezier(.4,0,.2,1) .4s;
    -o-transition: opacity cubic-bezier(.4,0,.2,1) .4s;
    transition: opacity cubic-bezier(.4,0,.2,1) .4s;
    -webkit-transform-origin: 50% -50px;
    -ms-transform-origin: 50% -50px;
    transform-origin: 50% -50px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    pointer-events: none;
}
.cart-widget.visible {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.cart-widget__close {
    padding: 0 15px 0 0
}
.cart-widget__close .x-icon {
    width: 46px;
    height: 46px;
    line-height: 44px;
    background-color: rgb(255 255 255 / 5%);
    color: inherit;
    line-height: 56px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 24px;
    position: relative;
    transition: all cubic-bezier(.4,0,.2,1) .4s;
    color: #fff;
    cursor: pointer;
    outline: 0;
}
.cart-widget__close .x-icon:hover {
    background-color: rgba(136,136,136,.1)
}
.cart-widget__close svg path {
    fill:#fff;
}
.cart-widget .widget_shopping_cart_content {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    width: 100%
}
@media screen and (min-width: 1025px) and (max-width:1440px) {
    .cart-widget-holder .widget_shopping_cart_content {
        padding-left:25px;
        padding-right: 25px;
        padding-bottom: 25px
    }
}
@media screen and (max-width: 1024px) {
    .cart-widget-holder .widget_shopping_cart_content {
        padding-left:25px;
        padding-right: 25px;
        padding-bottom: 25px
    }
}
@media screen and (max-width: 768px) {
    .cart-widget-holder .widget_shopping_cart_content {
        padding-left:20px;
        padding-right: 20px;
        padding-bottom: 20px
    }
}
.cart-widget__header {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 70px
}
.cart-widget__title {
    color: #17161A;
    padding-left: 30px
}
.cart-widget__title h6 {
	margin-bottom:0
}
@media screen and (min-width: 1025px) and (max-width:1440px) {
    .cart-widget__title {
        padding-left:25px
    }
}
@media screen and (max-width: 1024px) {
    .cart-widget__title {
        padding-left:25px
    }
}
.cart-widget__title h6 {
    font-size: 1.2em
}
@media screen and (max-width: 768px) {
    .cart-widget__title {
        padding-left:20px
    }
    .cart-widget {
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
        position: fixed;
        left: 20px;
        right: 20px;
        top: 80px
    }
}

/* ---- header cart & panel — our additions ---------------------------------------- */
.ca-cart__panel .ca-cart__body { padding: 0.5rem 1.9rem 1.2rem; }
.ca-cart__panel .ca-line, .ca-cart__panel .ca-totals, .ca-cart__panel .ca-cart__who, .ca-cart__panel .ca-cart__actions, .ca-cart__panel .ca-cart__empty { padding-left: 0; padding-right: 0; }
.ca-line__qty button { color: inherit; }
.ca-cart__empty { padding: 1rem 0; opacity: 0.7; text-transform: lowercase; }
.ca-line { display: grid; grid-template-columns: 56px 1fr auto; gap: 0.75rem; align-items: center; padding: 0.6rem 0; border-bottom: 1px solid var(--ca-line); }
.ca-cart__panel { color: inherit; }
.ca-line__img { width: 56px; height: 56px; border-radius: 4px; object-fit: cover; background: #f2eeee; }
.ca-line__title { font-size: 0.95rem; text-transform: lowercase; }
.ca-line__meta { font-size: 0.8rem; opacity: 0.65; }
.ca-line__qty { display: inline-flex; align-items: center; gap: 0.25rem; font-size: 0.85rem; }
.ca-line__qty button { background: none; border: 1px solid var(--ca-line); border-radius: 999px; width: 1.5rem; height: 1.5rem; cursor: pointer; line-height: 1; }
.ca-line__price { text-align: right; font-size: 0.95rem; }
.ca-line__remove { display: block; font-size: 0.75rem; color: var(--ca-rose); background: none; border: 0; padding: 0; cursor: pointer; text-transform: lowercase; }
.ca-cart__body > * { margin-left: 0; margin-right: 0; }
.ca-totals { padding: 0.8rem 0 0.4rem; font-size: 0.95rem; }
.ca-totals__row { display: flex; justify-content: space-between; padding: 0.15rem 0; }
.ca-totals__row--tier { color: #2e6b4f; }
.ca-totals__row--earn { color: var(--ca-rose); font-size: 0.85rem; }
.ca-totals__row--total { font-weight: 700; border-top: 1px solid var(--ca-line); margin-top: 0.4rem; padding-top: 0.5rem; }
.ca-cart__who { font-size: 0.8rem; opacity: 0.75; margin: 0.3rem 0 0.8rem; }
.ca-cart__hint { font-size: 0.85rem; opacity: 0.8; margin: 0.9rem 0 0.4rem; line-height: 1.5; }
.ca-cart__who a { color: inherit; text-decoration: underline; }
.ca-cart__actions { display: grid; gap: 0.5rem; margin-top: 0.6rem; }
.ca-cart__actions .ca-btn { text-align: center; }
.ca-cart__signin { font-size: 0.85rem; text-align: center; }
.ca-cart__signin a { color: inherit; }
.ca-cart__count { transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1); }
.ca-cart__count.is-bumping { transform: scale(1.45); }

/* ---- modals ----------------------------------------------------------------- */
.ca-modal { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; padding: 1rem; background: rgba(10, 21, 32, 0.55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.ca-modal[hidden] { display: none; }
.ca-modal__card { position: relative; width: min(32rem, 100%); background: #fff; color: #0a1520; border-radius: 14px; padding: 2rem 2rem 1.8rem; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35); animation: ca-pop 0.32s cubic-bezier(0.2, 0.8, 0.2, 1); font-size: 1.05rem; line-height: 1.5; }
@keyframes ca-pop { from { transform: translateY(14px) scale(0.98); opacity: 0; } to { transform: none; opacity: 1; } }
.ca-modal__close { position: absolute; top: 0.7rem; right: 0.9rem; background: none; border: 0; font-size: 1.8rem; line-height: 1; cursor: pointer; color: #6b5f5f; }
.ca-modal__close:hover { color: #0a1520; }
.ca-modal__title { margin: 0 0 0.4rem; text-transform: lowercase; color: var(--ca-purple); font-size: 1.7rem; }
.ca-modal__lede { margin: 0 0 1.4rem; color: #2b2b33; }
.ca-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; }
.ca-field { display: block; margin-bottom: 1.1rem; }
.ca-field__label { display: block; font-size: 1rem; font-weight: 600; color: #0a1520; margin-bottom: 0.45rem; line-height: 1.35; }
.ca-input { width: 100%; border: 2px solid #b9b1b1; color: #0a1520; background: #fff; border-radius: 8px; padding: 0.8rem 0.9rem; font: inherit; font-size: 1.05rem; }
.ca-input:focus { outline: none; border-color: var(--ca-purple); box-shadow: 0 0 0 3px rgba(60, 32, 120, 0.18); }
.ca-or { display: flex; align-items: center; gap: 0.8rem; color: #4a4450; font-weight: 600; font-size: 0.9rem; margin: -0.2rem 0 0.9rem; }
.ca-or::before, .ca-or::after { content: ""; flex: 1; height: 1px; background: #d8d2d2; }
.ca-form__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.1rem; margin-top: 0.6rem; }
.ca-form__actions .ca-btn { font-size: 1.05rem; padding: 0.85rem 1.8rem; }
.ca-link-skip { background: none; border: 0; color: #4a4450; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; text-transform: lowercase; font: inherit; font-size: 1rem; }
.ca-link-skip:hover { color: var(--ca-purple); }
.ca-honey { position: absolute; left: -9999px; opacity: 0; height: 0; width: 0; }
.ca-small { font-size: 0.95rem; color: #2b2b33; }
.ca-small a { color: var(--ca-purple); }
.ca-form__error { color: var(--ca-red); font-size: 0.9rem; margin: 0.2rem 0 0.6rem; }

/* ---- transitions ------------------------------------------------------------- */
/* Until the script has let a page "enter", its pieces wait unseen (the hero picture never
   waits — the theme's flying picture lands on it). Guarded on html.ca-js so a page with no
   script simply shows everything. */
html.ca-js .ca-shop-wrap:not(.is-entered) .ca-product__info > *, html.ca-js .ca-shop-wrap:not(.is-entered) .ca-back, html.ca-js .ca-shop-wrap:not(.is-entered) .ca-product__thumbs, html.ca-js .ca-shop-wrap:not(.is-entered) .ca-shop-head, html.ca-js .ca-grid:not(.is-entered) .ca-card { opacity: 0; }
/* The picture's flight from card to product page is the theme's own effect (see grid.php).
   What is left here is the arrival of everything else, started the moment the theme lifts
   its curtain (body gains "is-visible") — never before, or it would play unseen behind it. */
.ca-shop-wrap.is-entering .ca-product__info > * { animation: ca-rise 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
.ca-shop-wrap.is-entering .ca-product__info > *:nth-child(2) { animation-delay: 0.07s; }
.ca-shop-wrap.is-entering .ca-product__info > *:nth-child(3) { animation-delay: 0.14s; }
.ca-shop-wrap.is-entering .ca-product__info > *:nth-child(4) { animation-delay: 0.21s; }
.ca-shop-wrap.is-entering .ca-product__info > *:nth-child(5) { animation-delay: 0.28s; }
.ca-shop-wrap.is-entering .ca-product__info > *:nth-child(n+6) { animation-delay: 0.35s; }
.ca-shop-wrap.is-entering .ca-back { animation: ca-rise 0.5s both; }
.ca-shop-wrap.is-entering .ca-product__thumbs { animation: ca-rise 0.6s 0.2s both; }
.ca-grid.is-entering .ca-card { animation: ca-rise 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) both; }
.ca-grid.is-entering .ca-card:nth-child(n+2) { animation-delay: calc(0.09s * var(--i, 1)); }
.ca-shop-wrap.is-entering .ca-shop-head { animation: ca-rise 0.6s both; }
@keyframes ca-rise { from { transform: translateY(46px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .ca-shop-wrap.is-entering *, .ca-grid.is-entering .ca-card, .ca-modal__card, .ca-card__img img { transition: none !important; animation: none !important; }
}
@media (max-width: 860px) {
  .ca-product { grid-template-columns: 1fr; gap: 1.5rem; }
  .ca-shop-wrap { padding: 2.5rem 1rem 4rem; }
}

/* ---- "use my points" in the cart panel ------------------------------------ */
.ca-totals__row--off { color: var(--ca-rose); }
.ca-points { margin: 0.9rem 0 0.2rem; padding: 0.9rem 1rem; border: 1px solid var(--ca-line); border-radius: 10px; }
.ca-points__label { display: block; font-weight: 600; margin-bottom: 0.5rem; text-transform: lowercase; }
.ca-points__hint { font-weight: 400; opacity: 0.7; font-size: 0.85rem; margin-left: 0.4rem; }
.ca-points__row { display: flex; gap: 0.6rem; align-items: stretch; }
.ca-points__input { width: 7rem; flex: 0 0 auto; color: inherit; background: rgba(255,255,255,0.06); border-color: var(--ca-line); }
.ca-points__go { flex: 1 1 auto; text-align: center; padding: 0.55rem 1rem; }
.ca-points__on, .ca-points__none { font-size: 0.92rem; line-height: 1.5; }
.ca-points__on a { color: var(--ca-rose); text-decoration: underline; }