.pageblock--compare{--compare-card-radius:var(--border-radius-xl);--compare-card-bg:var(--color-accent-300,#f9f2ed);--compare-item-bg:var(--color-neutral-0);--compare-positive:var(--color-primary-500,#00b045);--compare-negative:#ff5a00;--compare-media-ratio:16 / 10}.compare-block{gap:var(--spacing-xl,2.5rem);flex-direction:column;display:flex}.compare-block__intro{max-inline-size:48rem}.compare-block__grid{gap:var(--spacing-lg,1.5rem);display:grid}@media (min-width:768px){.compare-block__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.compare-card{background-color:var(--compare-card-bg);border-radius:var(--compare-card-radius);flex-direction:column;display:flex;overflow:hidden}.compare-card:hover .compare-card__image,.compare-card:hover .compare-card__media :is(.x-core-image,img),.compare-card:focus-within .compare-card__image,.compare-card:focus-within .compare-card__media :is(.x-core-image,img){transform:scale(var(--motion-image-scale))}.compare-card__media{background-color:color-mix(in srgb, var(--compare-card-bg) 70%, var(--color-neutral-300));aspect-ratio:var(--compare-media-ratio);position:relative;overflow:hidden}.compare-card__image,.compare-card__media :is(.x-core-image,img){object-fit:cover;transform-origin:50%;block-size:100%;inline-size:100%;transition:transform var(--transition-duration-slow) var(--transition-timing-function);display:block;transform:scale(1)}.compare-card__body{gap:var(--spacing-md,1rem);padding:var(--spacing-lg,1.5rem);flex-direction:column;flex:1;display:flex}.compare-card__title{color:var(--color-neutral-900);font-weight:var(--heading-font-weight,600);margin:0;line-height:1.15}.compare-card__items{gap:var(--spacing-xs,.5rem);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.compare-card__item{gap:var(--spacing-xs,.5rem);background-color:var(--compare-item-bg);border-radius:999px;align-items:center;min-inline-size:0;padding-block:.4rem;padding-inline:.55rem;display:inline-flex}.compare-card__item-icon{color:var(--color-neutral-0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;block-size:1.15rem;inline-size:1.15rem;font-size:.65rem;display:inline-flex}.compare-card__item--positive .compare-card__item-icon{background-color:var(--compare-positive)}.compare-card__item--negative .compare-card__item-icon{background-color:var(--compare-negative)}.compare-card__item-text{color:var(--color-neutral-900);font-size:var(--text-xs,.8rem);white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden}.compare-card__actions{gap:var(--spacing-md,1rem);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-block-start:auto;padding-block-start:var(--spacing-sm,.75rem);display:flex}.compare-card__primary{text-decoration:none}.compare-card__secondary{gap:var(--spacing-sm,.75rem);color:inherit;align-items:center;text-decoration:none;display:inline-flex}.compare-card__secondary:hover,.compare-card__secondary:focus-visible{text-decoration:none}.compare-card__secondary:hover .compare-card__secondary-label,.compare-card__secondary:focus-visible .compare-card__secondary-label{text-decoration:underline}.compare-card__secondary-label{color:var(--color-neutral-900);font-size:var(--text-sm,.9rem);text-underline-offset:.2em;text-decoration:underline}.compare-card__secondary-icon{color:var(--color-accent-900,#5d534d);font-size:var(--text-sm,.9rem);border:1px solid var(--color-accent-700,#c5beba);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;block-size:1.75rem;inline-size:1.75rem;display:inline-flex}